/* G1 only: approved desktop form, exact reported/update fields. */
#complaint-cases.cc-desktop{padding:16px 18px;color:#112d4b}
#complaint-cases .cc-d-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}
#complaint-cases .cc-d-toolbar button{font-size:12px;padding:7px 12px}
#complaint-cases .cc-d-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
#complaint-cases .cc-d-columns>section{min-width:0}
#complaint-cases h2{font:italic 600 16px/1.4 'Segoe UI',Arial,sans-serif;padding:0 0 9px;margin:0 0 17px;border-bottom:1px solid #ced7e0}
#complaint-cases .cc-d-fields{display:grid;grid-template-columns:minmax(115px,.85fr) minmax(0,1.3fr);align-items:center;gap:7px 12px}
#complaint-cases .cc-d-fields label{font-size:12px;font-weight:400;margin:0}
#complaint-cases .cc-d-fields input:not([type=file]),#complaint-cases .cc-d-fields select,#complaint-cases .cc-d-fields textarea{font:13px/1.4 'Segoe UI',Arial,sans-serif;padding:6px 7px;margin:0;border:1px solid #245e9c;border-radius:2px;width:100%;min-width:0;background:#245e9c;color:white;min-height:33px}
#complaint-cases .cc-d-fields select:disabled,#complaint-cases .cc-d-fields input:disabled,#complaint-cases .cc-d-fields textarea:disabled{opacity:1;-webkit-text-fill-color:inherit}
#complaint-cases .cc-d-fields textarea{resize:vertical;min-height:80px}
#complaint-cases .cc-d-fields input[type=file]{max-width:100%;min-width:0;width:100%;font-size:11px;background:#245e9c;color:white;padding:5px;border-radius:2px}
#complaint-cases .cc-d-qc .cc-d-fields{grid-template-columns:minmax(145px,1fr) minmax(0,1fr)}
#complaint-cases .cc-d-qc input:not([type=file]),#complaint-cases .cc-d-qc select,#complaint-cases .cc-d-qc textarea{background:#e0f1dc;color:#000;border-color:#bfd4b9}
#complaint-cases .cc-d-product{margin-top:12px;margin-bottom:9px}
#complaint-cases .cc-d-top{align-self:start;padding-top:6px}
#complaint-cases .cc-d-closed{grid-column:2;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;background:#ffef00;color:#000;padding:10px;margin-top:14px}
#complaint-cases .cc-d-closed strong{color:#d70000;font-size:16px;font-weight:500}
#complaint-cases .cc-d-closed em{font-size:14px;overflow-wrap:anywhere}
#complaint-cases .cc-d-cases{display:flex;gap:5px;margin-bottom:12px}
#complaint-cases .cc-d-cases button{font-size:12px;padding:5px 9px}
#complaint-cases .cc-d-cases [aria-pressed=true]{background:#245e9c;color:#fff}
#complaint-cases .file-list{margin:0 0 4px;gap:5px}
#complaint-cases .file-list img{width:60px;height:40px}
@media(max-width:780px){#complaint-cases .cc-d-columns{gap:20px}#complaint-cases .cc-d-fields,#complaint-cases .cc-d-qc .cc-d-fields{grid-template-columns:minmax(0,1fr);gap:5px}#complaint-cases .cc-d-closed{grid-column:1}}
@media(max-width:480px){#complaint-cases.cc-desktop{padding:10px}#complaint-cases .cc-d-columns{gap:12px}#complaint-cases .cc-d-fields input:not([type=file]),#complaint-cases .cc-d-fields select,#complaint-cases .cc-d-fields textarea{font-size:14px}}

/* Approved G1 colours override the shared neutral-readonly / blue-entry rules. */
#page #complaint-cases.cc-desktop .cc-d-fields :is(input,select,textarea){background:#245e9c!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#page #complaint-cases.cc-desktop .cc-d-qc .cc-d-fields :is(input,select,textarea),#page #complaint-cases.cc-desktop .cc-d-qc select option{background:#e0f1dc!important;color:#000!important;-webkit-text-fill-color:#000!important}
#page #complaint-cases.cc-desktop .cc-d-qc input[type=date]::-webkit-calendar-picker-indicator{filter:none}
#complaint-history .ch-summary:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;padding:9px 10px;background:#f3f7fb;border:1px solid #d4dfeb;border-radius:5px;font-size:12px}
#complaint-history .ch-summary[hidden]{display:none}
#complaint-history .ch-summary b{margin-left:5px}
#complaint-history .ch-summary small{margin-left:auto}
/* G1: keep page controls together below the account controls while scrolling. */
#page>.page-head.cc-page-header{position:sticky;top:0;z-index:45;display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.3fr);grid-template-rows:auto auto;gap:7px 14px;align-items:start;background:#f2f8fc;margin-bottom:12px;padding:8px 0 10px;border-bottom:1px solid #d7e3ee}
#page>.page-head.cc-page-header>div:first-child{grid-column:1;grid-row:1/3}
#page>.page-head.cc-page-header .top-actions{grid-column:2;grid-row:1;justify-content:flex-end;margin:0;min-width:0;flex-wrap:wrap}
#page>.page-head.cc-page-header .cc-d-toolbar{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin:0}
#page>.page-head.cc-page-header .cc-d-toolbar button{font-size:12px;padding:7px 12px}
@media(max-width:850px){#page>.page-head.cc-page-header{grid-template-columns:minmax(0,1fr);gap:7px}#page>.page-head.cc-page-header>div:first-child{grid-column:1;grid-row:1}#page>.page-head.cc-page-header .top-actions{grid-column:1;grid-row:2}#page>.page-head.cc-page-header .cc-d-toolbar{grid-column:1;grid-row:3}}
@media print{#page>.page-head.cc-page-header{position:static}#page>.page-head.cc-page-header .cc-d-toolbar{display:none}}

/* Complaint photos are visible immediately and remain separate attachments. */
#complaint-cases .cc-photo-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}
#complaint-cases .cc-photo-preview{display:flex;flex-direction:column;align-items:center;gap:4px;width:260px;max-width:100%;padding:5px;background:#fff;border:1px solid #cbd9e6;border-radius:5px}
#complaint-cases .cc-photo-preview img{width:248px;max-width:100%;height:190px;object-fit:contain;background:#f5f7fa}
#complaint-cases .cc-photo-preview span{font-size:11px;overflow-wrap:anywhere;color:#102447}
#complaint-cases #cc-photo-gallery+input+small{display:block;font-size:11px;margin-top:5px}
#modal .cc-full-photo{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:10px auto}