/* Speak Up form inside the OneGIG shell (/grc/speak-up). */
#speakup{--petrol:#003D44; --green:#48822A; --lime:#C1FA00; --ink:#02373D; --muted:#54696B; --line:#E4E9EA; --err:#B42318; color:var(--ink);}
#speakup *{box-sizing:border-box;}

#speakup [hidden]{display:none !important;}
#speakup .hero{background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px 26px; margin-bottom:18px;}
#speakup .eyebrow{color:var(--green); font-weight:700; font-size:13px; letter-spacing:.04em; text-transform:uppercase;}
#speakup h1{margin:6px 0 10px; font-size:28px; color:var(--petrol);}
#speakup .hero p{margin:0 0 8px; color:var(--muted);}
#speakup .note{margin-top:12px; padding:10px 14px; border-radius:10px; background:rgba(193,250,0,.25); color:var(--petrol); font-size:14px;}
#speakup form{background:#fff; border:1px solid var(--line); border-radius:16px; padding:8px 26px 26px;}
#speakup fieldset{border:0; padding:0; margin:0;}
#speakup .sec{margin:22px 0 4px; font-size:13px; font-weight:700; color:var(--green); text-transform:uppercase; letter-spacing:.05em;}
#speakup .f{margin-top:16px;}
#speakup label.q{display:block; font-weight:700; font-size:15px; margin-bottom:6px; color:var(--petrol);}
#speakup label.q .req{color:var(--err);}
#speakup .hint{display:block; font-weight:400; font-size:13px; color:var(--muted); margin-top:2px;}
#speakup select, #speakup input[type=text], #speakup input[type=email], #speakup input[type=tel], #speakup textarea{width:100%; border:1px solid #CBD5D6; border-radius:10px; padding:11px 12px; font:inherit; font-size:15px; color:var(--ink); background:#fff;}
#speakup textarea{min-height:150px; resize:vertical;}
#speakup select:focus, #speakup input:focus, #speakup textarea:focus{outline:none; border-color:var(--green); box-shadow:0 0 0 3px rgba(193,250,0,.4);}
#speakup .radios{display:flex; flex-direction:column; gap:8px;}
#speakup .radios.inline{flex-direction:row; gap:18px;}
#speakup .radios label{display:flex; align-items:flex-start; gap:9px; font-size:15px; cursor:pointer;}
#speakup .radios input{accent-color:var(--green); margin-top:4px;}
#speakup .idbox{margin-top:12px; padding:14px 16px; border:1px dashed #CBD5D6; border-radius:12px; background:#FAFBFB;}
#speakup .idbox[hidden]{display:none;}
#speakup .grid2{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
@media (max-width:640px){#speakup .grid2{grid-template-columns:1fr;} #speakup h1{font-size:23px;} #speakup form,#speakup .hero{padding-left:16px; padding-right:16px;}}
#speakup .actions{margin-top:24px; display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
#speakup button.submit{background:var(--petrol); color:#fff; border:0; border-radius:12px; padding:13px 26px; font:inherit; font-weight:700; font-size:16px; cursor:pointer;}
#speakup button.submit:disabled{opacity:.6; cursor:wait;}
#speakup .err{color:var(--err); font-weight:600; font-size:14px;}
#speakup .done{background:#fff; border:1px solid var(--line); border-top:5px solid var(--lime); border-radius:16px; padding:28px 26px; text-align:center;}
#speakup .done[hidden]{display:none;}
#speakup .ref{display:inline-block; margin:14px 0; font-size:28px; font-weight:800; letter-spacing:.06em; color:var(--petrol); background:rgba(193,250,0,.35); padding:8px 18px; border-radius:12px; direction:ltr;}
#speakup .hero .eyebrow, #speakup .hero h1{display:none;}
#speakup{max-width:880px;}

/* Check my report (/grc/track) and GRC case dashboard (/grc/cases) */
.su-page{--petrol:#003D44; --green:#48822A; --lime:#C1FA00; --ink:#02373D; --muted:#54696B; --line:#E4E9EA; --err:#B42318; color:var(--ink); max-width:980px;}
.su-page *{box-sizing:border-box;}
.su-page .hero,.su-page .gt-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 24px; margin-bottom:16px;}
.su-page .hero p{margin:0; color:var(--muted);}
.su-page .sec{margin:4px 0 10px; font-size:13px; font-weight:700; color:var(--green); text-transform:uppercase; letter-spacing:.05em;}
.su-page .f{margin-top:12px;}
.su-page label.q{display:block; font-weight:700; font-size:15px; margin-bottom:6px; color:var(--petrol);}
.su-page .hint{display:block; font-weight:400; font-size:13px; color:var(--muted); margin-top:2px;}
.su-page input[type=text],.su-page input[type=password],.su-page textarea,.su-page select{width:100%; border:1px solid #CBD5D6; border-radius:10px; padding:11px 12px; font:inherit; font-size:15px; color:var(--ink); background:#fff;}
.su-page textarea{min-height:90px; resize:vertical;}
.su-page input:focus,.su-page textarea:focus,.su-page select:focus{outline:none; border-color:var(--green); box-shadow:0 0 0 3px rgba(193,250,0,.4);}
.su-page .grid2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.su-page .actions{margin-top:16px; display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.su-page button.submit{background:var(--petrol); color:#fff; border:0; border-radius:12px; padding:11px 22px; font:inherit; font-weight:700; font-size:15px; cursor:pointer; margin-top:10px;}
.su-page button.submit:disabled{opacity:.6; cursor:wait;}
.su-page .err{color:var(--err); font-weight:600; font-size:14px;}
.su-page .gt-top{display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px;}
.su-page .gt-ref{font-size:22px; font-weight:800; letter-spacing:.05em; color:var(--petrol);}
.su-page .gt-out{background:transparent; border:1px solid var(--line); border-radius:999px; padding:6px 14px; font:inherit; font-size:13px; font-weight:600; color:var(--petrol); cursor:pointer; margin-bottom:12px;}
.su-page .gt-steps{list-style:none; margin:0; padding:0; display:flex; gap:6px;}
.su-page .gt-steps li{flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; font-size:13px; color:var(--muted); position:relative;}
.su-page .gt-steps li .dot{width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#EEF1F2; color:var(--muted); font-weight:700;}
.su-page .gt-steps li.done .dot{background:var(--green); color:#fff;}
.su-page .gt-steps li.now .dot{background:var(--lime); color:var(--petrol); box-shadow:0 0 0 4px rgba(193,250,0,.35);}
.su-page .gt-steps li.now,.su-page .gt-steps li.done{color:var(--petrol); font-weight:600;}
.su-page .gt-tl{list-style:none; margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:10px;}
.su-page .gt-ev{border:1px solid var(--line); border-inline-start:4px solid var(--green); border-radius:10px; padding:10px 14px; background:#FAFBFB;}
.su-page .gt-ev.me,.su-page .gc-k-reporter_message{border-inline-start-color:var(--lime); background:#FDFFF2;}
.su-page .gc-k-internal_note{border-inline-start-color:#B7791F; background:#FFF8EC;}
.su-page .gt-evh{display:flex; justify-content:space-between; gap:10px; font-size:13px; color:var(--muted); margin-bottom:4px;}
.su-page .gt-evh b{color:var(--petrol);}
.su-page .gt-empty{color:var(--muted); font-size:14px; padding:6px 0;}
.su-page .gt-ok{color:var(--green); font-weight:700;}
.su-page .gt-mine summary{cursor:pointer; font-weight:700; color:var(--petrol);}
.su-page.gt-wide{max-width:1200px;}
.su-page .gt-layout{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:16px; align-items:start;}
.su-page .gt-side{position:sticky; top:16px; max-height:calc(100vh - 32px); overflow:auto;}
.su-page .gt-drow{padding:8px 0; border-bottom:1px solid var(--line); font-size:14px;}
.su-page .gt-drow:last-child{border-bottom:0;}
.su-page .gt-drow span{display:block; font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px;}
@media (max-width:900px){.su-page .gt-layout{grid-template-columns:1fr;} .su-page .gt-side{position:static; max-height:none;}}
.su-page .gc-tabs{display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap;}
.su-page .gc-tab{border:1px solid var(--line); background:#fff; border-radius:999px; padding:6px 14px; font:inherit; font-size:14px; cursor:pointer; color:var(--petrol);}
.su-page .gc-tab.on{background:var(--petrol); color:#fff; border-color:var(--petrol);}
.su-page .gc-tab span{opacity:.75; margin-inline-start:4px;}
.su-page .gc-tablewrap{overflow-x:auto; background:#fff; border:1px solid var(--line); border-radius:14px;}
.su-page .gc-table{width:100%; border-collapse:collapse; font-size:14px;}
.su-page .gc-table th{text-align:start; padding:10px 12px; font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid var(--line);}
.su-page .gc-table td{padding:11px 12px; border-bottom:1px solid #EEF1F2;}
.su-page .gc-table tr[data-case]{cursor:pointer;}
.su-page .gc-table tr[data-case]:hover{background:#F7F9F9;}
.su-page .gc-pill{display:inline-block; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:700; background:#EEF1F2; color:var(--petrol);}
.su-page .gc-new{background:#C1FA00;} .su-page .gc-under_review{background:#E3F0FF;} .su-page .gc-investigating{background:#FFF1D6;} .su-page .gc-action_taken{background:#DDF3D3;} .su-page .gc-closed{background:#EEF1F2; color:var(--muted);}
.su-page .gc-row{display:grid; grid-template-columns:180px 1fr; gap:12px; padding:8px 0; border-bottom:1px solid #EEF1F2; font-size:14px;}
.su-page .gc-row > span{color:var(--muted);}
.su-page .gc-status{max-width:320px;}
.su-page button.gc-int{background:#B7791F;}
@media (max-width:640px){.su-page .grid2{grid-template-columns:1fr;} .su-page .gc-row{grid-template-columns:1fr; gap:2px;} .su-page .gt-steps li span:last-child{font-size:11px;}}