.cc-main{max-width:1120px;margin:0 auto;padding:32px 22px;font-family:Arial,Helvetica,sans-serif}.cc-main h1,.cc-main h2,.cc-main h3{font-family:inherit}.cc-sheet{max-width:850px;margin:0 auto 20px;padding:26px;border:1px solid var(--workspace-border,#344345);border-radius:16px;background:var(--workspace-surface,#fff)}.cc-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.cc-heading h1,.cc-heading h2,.cc-heading p{margin:0}.cc-muted{opacity:.78;font-size:.93em;line-height:1.6}.cc-form{display:grid;gap:18px;margin:20px 0}.cc-form label,.cc-form details label{display:grid;gap:8px;font-weight:600}.cc-form input:not([type=checkbox]),.cc-form textarea,.cc-form select{width:100%;max-width:100%;box-sizing:border-box;min-height:46px;border-radius:8px;padding:11px;border:1px solid var(--workspace-border,#7a8d93);font:inherit;background:var(--workspace-input,#f5f7f7);color:inherit}.cc-form textarea{resize:vertical}.cc-form .cc-check{display:flex;align-items:flex-start;gap:12px;font-weight:400}.cc-check input{width:20px;height:20px;flex-shrink:0;accent-color:#f19b70}.cc-rules,.cc-form details{padding:16px;border:1px solid var(--workspace-border,#7a8d93);border-radius:10px;line-height:1.65;margin:20px 0}.cc-form details{margin:0}.cc-rules summary,.cc-form summary{cursor:pointer;font-weight:600}.cc-form details[open] label{margin-top:15px}.cc-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--workspace-border,#7a8d93);color:inherit;text-decoration:none}.cc-row>div{flex:1;min-width:0}.cc-row p{margin:7px 0 0;overflow-wrap:anywhere;font-size:.94em}.cc-row:hover{background:rgba(244,154,74,.08)}.cc-badge{display:inline-block;border:1px solid var(--workspace-border,#7a8d93);padding:7px 11px;border-radius:20px;font-size:.88em}.cc-timeline{list-style:none;padding:0}.cc-timeline>li{padding:16px 0 16px 16px;border-left:3px solid #f19b70;margin:12px 0;background:rgba(128,144,144,.05)}.cc-wrap{white-space:normal;overflow-wrap:anywhere;line-height:1.7}.cc-photo{object-fit:cover;border-radius:8px;margin:8px}.cc-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cc-main .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.cc-main .btn.primary{background:#eef2e8;color:#10202c;border:1px solid #d8e1d1}.cc-main button{cursor:pointer}.cc-main a:focus-visible,.cc-main button:focus-visible,.cc-main input:focus-visible,.cc-main select:focus-visible,.cc-main textarea:focus-visible,.cc-main summary:focus-visible{outline:3px solid #f19b70;outline-offset:3px}.cc-notice{padding:16px;border-radius:10px;border:1px solid #b77a54;line-height:1.7;margin-bottom:20px}.cc-link{word-break:break-all}.cc-public{margin:0;background:#eef2f3;color:#183342;font-family:Arial,Helvetica,sans-serif}.cc-public header{max-width:800px;margin:24px auto;padding:0 22px;display:flex;justify-content:space-between;align-items:center}.cc-public header img{width:160px}.cc-public .cc-sheet{background:#fff;border-color:#d7e0e2}.cc-public button{padding:14px 24px;background:#173b49;color:#fff;border:0;border-radius:8px;font:inherit;cursor:pointer}.cc-public nav{display:flex;gap:12px}.cc-public .cc-rules,.cc-public .cc-form details{border-color:#d7e0e2}html[data-theme=dark] .cc-main{--workspace-surface:#202b2d;--workspace-input:#172123;--workspace-border:#364547;color:#eef2e8}html[data-theme=light] .cc-main{--workspace-surface:#fff;--workspace-input:#f4f6f6;--workspace-border:#ccd6d7;color:#173442}.cc-main .cc-sheet{width:100%;box-sizing:border-box}.cc-staff-list{max-width:none}.cc-photo:focus{outline:3px solid #f19b70}@media(max-width:640px){.cc-main{padding:20px 12px}.cc-sheet{padding:20px 16px}.cc-row{flex-wrap:wrap}.cc-row>div{flex-basis:100%}.cc-heading{align-items:flex-start}.cc-heading .cp-btn{width:100%}.cc-actions .btn{flex:1}.cc-timeline .cc-heading{display:block}.cc-public header img{width:125px}}
html[data-theme=dark] .cp-main .cc-sheet{--workspace-surface:#202b2d;--workspace-input:#172123;--workspace-border:#465759;color:#eef2e8}html[data-theme=light] .cp-main .cc-sheet{--workspace-surface:#fff;--workspace-input:#f4f6f6;--workspace-border:#ccd6d7;color:#173442}.cc-main details>summary{cursor:pointer;font-weight:600;line-height:1.7}.cc-main .cc-sheet>details>form{margin-top:20px}

/* Staff workspace: shared portal and public-form styles stay above. */
html[data-theme] .cc-main.cc-staff {
  --workspace-surface: var(--ws-surface);
  --workspace-input: var(--ws-canvas);
  --workspace-border: var(--ws-line);
  max-width: 1200px;
  padding: 34px clamp(20px, 3vw, 42px) 48px;
  color: var(--ws-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  box-sizing: border-box;
}
.cc-staff svg { width: 19px; height: 19px; flex-shrink: 0; }
.cc-staff .cc-page-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.cc-staff .cc-eyebrow { margin: 0 0 8px; color: var(--ws-muted); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.cc-staff .cc-page-header h1 { margin: 0; font-size: clamp(26px, 2.5vw, 34px); font-weight: 650; line-height: 1.2; letter-spacing: -.025em; }
.cc-staff .cc-subtitle { margin: 10px 0 0; color: var(--ws-muted); font-size: 14px; line-height: 1.6; max-width: 530px; }
.cc-staff .cc-page-actions { flex-shrink: 0; gap: 10px; }
html[data-theme] .cc-staff .btn { min-height: 44px; padding: 11px 16px; border-radius: 9px; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.4; box-shadow: none; white-space: normal; }
html[data-theme] .cc-staff .btn.secondary { background: var(--ws-surface); border: 1px solid var(--ws-line); color: var(--ws-ink); }
html[data-theme] .cc-staff .btn.primary { background: #eef1e9; border: 1px solid #dce3d5; color: #263a40; }
html[data-theme="light"] .cc-staff .btn.primary { background: #263a40; border-color: #263a40; color: #fff; }
html[data-theme] .cc-staff .btn.secondary:hover { background: var(--ws-soft); border-color: var(--ws-muted); }
html[data-theme] .cc-staff .btn.primary:hover { filter: brightness(.94); }
.cc-staff .cc-test-note { display: flex; align-items: center; gap: 10px; padding: 12px 16px; margin: 0 0 24px; border: 1px solid var(--ws-line); border-radius: 10px; color: var(--ws-muted); font-size: 12px; line-height: 1.5; }
.cc-staff .cc-test-note > svg { width: 17px; height: 17px; }
.cc-staff .cc-test-note p { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 0; }
.cc-staff .cc-test-note strong { font-weight: 600; color: var(--ws-ink); }
.cc-staff .cc-sheet { max-width: none; padding: 24px; border-radius: 13px; }
.cc-staff .cc-sheet h2 { font-size: 18px; margin-top: 0; letter-spacing: -.015em; }
.cc-staff .cc-staff-list { padding: 0; overflow: hidden; }
.cc-staff .cc-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px; border-bottom: 1px solid var(--ws-line); }
.cc-staff .cc-list-toolbar h2 { margin: 0; font-size: 17px; font-weight: 600; }
.cc-staff .cc-list-toolbar p { margin: 6px 0 0; color: var(--ws-muted); font-size: 12px; line-height: 1.6; }
.cc-staff .cc-filters { display: flex; flex-shrink: 0; gap: 3px; padding: 4px; background: var(--ws-canvas); border: 1px solid var(--ws-line); border-radius: 9px; }
.cc-staff .cc-filters a { display: flex; justify-content: center; align-items: center; min-height: 38px; padding: 0 17px; border-radius: 6px; color: var(--ws-muted); font-size: 13px; text-decoration: none; }
.cc-staff .cc-filters a:hover { color: var(--ws-ink); background: var(--ws-soft); }
.cc-staff .cc-filters a[aria-current] { background: var(--ws-surface); color: var(--ws-ink); box-shadow: 0 1px 3px #00000015; font-weight: 600; }
.cc-staff .cc-empty { display: flex; flex-direction: column; align-items: center; padding: 52px 24px 56px; text-align: center; }
.cc-staff .cc-empty-icon { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--ws-line); border-radius: 16px; color: var(--ws-muted); background: var(--ws-soft); margin-bottom: 18px; }
.cc-staff .cc-empty-icon svg { width: 25px; height: 25px; }
.cc-staff .cc-empty h3 { font-size: 18px; font-weight: 600; margin: 0; letter-spacing: -.015em; }
.cc-staff .cc-empty p { margin: 10px 0 0; max-width: 390px; color: var(--ws-muted); font-size: 13px; line-height: 1.7; }
.cc-staff .cc-case-row { display: flex; align-items: center; gap: 16px; padding: 22px 24px; color: var(--ws-ink); text-decoration: none; border-bottom: 1px solid var(--ws-line); }
.cc-staff .cc-case-row:last-child { border-bottom: 0; }
.cc-staff .cc-case-row:hover { background: var(--ws-soft); }
.cc-staff .cc-case-icon { display: grid; place-items: center; width: 40px; height: 44px; border: 1px solid var(--ws-line); background: var(--ws-canvas); border-radius: 9px; color: var(--ws-muted); flex-shrink: 0; }
.cc-staff .cc-case-body { flex: 1; min-width: 0; }
.cc-staff .cc-case-title { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.cc-staff .cc-case-title strong { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.cc-staff .cc-case-ref { color: var(--ws-muted); font-size: 12px; }
.cc-staff .cc-case-description { margin: 7px 0 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.cc-staff .cc-case-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 10px; color: var(--ws-muted); font-size: 11px; }
.cc-staff .cc-case-meta > span { display: inline-flex; align-items: center; gap: 6px; }
.cc-staff .cc-case-meta svg { width: 13px; height: 13px; }
.cc-staff .cc-due { color: var(--ws-accent); }
.cc-staff .cc-badge { border: 0; background: var(--ws-soft); color: var(--ws-ink); font-size: 11px; padding: 6px 10px; line-height: 1.5; max-width: 200px; }
.cc-staff .cc-badge[data-status="submitted"], .cc-staff .cc-badge[data-status="needs_info"] { color: var(--ws-accent); background: var(--ws-peach); }
.cc-staff .cc-badge[data-status="accepted"], .cc-staff .cc-badge[data-status="resolved"] { color: var(--ws-green); background: var(--ws-green-soft); }
.cc-staff .cc-case-arrow { color: var(--ws-muted); display: flex; }
.cc-staff .cc-case-row:hover .cc-case-arrow { color: var(--ws-accent); }
.cc-staff .cc-manager-note { display: flex; align-items: center; gap: 8px; margin: 16px 0 0; color: var(--ws-muted); font-size: 12px; line-height: 1.6; }
.cc-staff .cc-manager-note svg { width: 15px; height: 15px; }
.cc-staff .cc-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; color: var(--ws-muted); font-size: 12px; text-decoration: none; min-height: 30px; }
.cc-staff .cc-back svg { width: 15px; height: 15px; transform: rotate(180deg); }
.cc-staff .cc-back:hover { color: var(--ws-ink); }
.cc-staff .cc-client-context { display: flex; align-items: center; gap: 12px; padding: 15px 18px; margin-bottom: 20px; border: 1px solid var(--ws-line); border-radius: 10px; background: var(--ws-surface); color: var(--ws-ink); text-decoration: none; }
.cc-staff .cc-client-context > span { flex: 1; font-size: 14px; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.cc-staff .cc-client-context small { display: block; color: var(--ws-muted); font-size: 11px; font-weight: 400; margin-top: 4px; }
.cc-staff .cc-client-context:hover { background: var(--ws-soft); }
@media (max-width: 1100px) {
  .cc-staff .cc-page-header { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width: 640px) {
  html[data-theme] .cc-main.cc-staff { padding: 24px 16px 36px; }
  .cc-staff .cc-page-header { margin-bottom: 20px; }
  .cc-staff .cc-page-actions { width: 100%; flex-direction: column-reverse; align-items: stretch; }
  .cc-staff .cc-page-actions .btn { flex: none; }
  .cc-staff .cc-test-note { align-items: flex-start; margin-bottom: 20px; }
  .cc-staff .cc-test-note p { flex-direction: column; }
  .cc-staff .cc-sheet { padding: 20px 16px; }
  .cc-staff .cc-staff-list { padding: 0; }
  .cc-staff .cc-list-toolbar { flex-direction: column; align-items: stretch; padding: 20px 16px; gap: 16px; }
  .cc-staff .cc-filters a { flex: 1; }
  .cc-staff .cc-empty { padding: 36px 18px 40px; }
  .cc-staff .cc-case-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 20px 16px; gap: 12px; }
  .cc-staff .cc-case-icon { display: none; }
  .cc-staff .cc-case-body { grid-column: 1 / -1; }
  .cc-staff .cc-case-row .cc-badge { justify-self: start; }
  .cc-staff .cc-case-arrow { justify-self: end; }
}
.cc-staff .cc-case-row:focus-visible { outline-offset: -3px; }

/* Search the authorized customer directory without a long native select. */
.cc-staff .cc-client-picker { margin: 24px 0; }
.cc-staff .cc-client-picker [hidden], .cc-staff [data-cc-client-content][hidden] { display: none !important; }
.cc-staff .cc-client-picker label { color: var(--ws-ink); font-weight: 600; margin-bottom: 9px; }
.cc-staff .cc-client-search-input { display: flex; align-items: center; gap: 10px; border: 1px solid var(--ws-line); background: var(--ws-canvas); border-radius: 9px; padding: 0 12px; color: var(--ws-muted); }
.cc-staff .cc-client-search-input:focus-within { outline: 2px solid var(--ws-accent); outline-offset: 2px; }
html[data-theme] .cc-staff .cc-client-search-input input { flex: 1; min-width: 0; width: 100%; min-height: 48px; border: 0; border-radius: 0; background: transparent; padding: 12px 0; color: var(--ws-ink); font: inherit; font-size: 14px; outline: 0; box-shadow: none; }
.cc-staff .cc-client-search-input input::placeholder { color: var(--ws-muted); opacity: 1; }
html[data-theme] .cc-staff .cc-client-search-input button { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; padding: 0; border: 0; border-radius: 6px; color: var(--ws-muted); background: transparent; box-shadow: none; }
.cc-staff .cc-client-search-input button:hover { background: var(--ws-soft); color: var(--ws-ink); }
.cc-staff .cc-client-results { border: 1px solid var(--ws-line); border-radius: 9px; margin-top: 8px; max-height: 300px; overflow-y: auto; background: var(--ws-surface); padding: 4px; }
html[data-theme] .cc-staff .cc-client-option { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; width: 100%; min-height: 62px; padding: 12px; border: 0; border-radius: 6px; text-align: left; background: transparent; color: var(--ws-ink); box-shadow: none; font: inherit; }
.cc-staff .cc-client-option strong { font-size: 14px; font-weight: 600; }
.cc-staff .cc-client-option span { font-size: 12px; color: var(--ws-muted); }
.cc-staff .cc-client-option > * { overflow-wrap: anywhere; max-width: 100%; }
html[data-theme] .cc-staff .cc-client-option:hover, html[data-theme] .cc-staff .cc-client-option[aria-selected=true] { background: var(--ws-soft); }
.cc-staff .cc-client-search-status { font-size: 12px; color: var(--ws-muted); line-height: 1.6; margin: 10px 0 0; }
html[data-theme] .cc-staff .cc-client-search-cancel { margin-top: 10px; min-height: 36px; padding: 7px 10px; background: var(--ws-soft); color: var(--ws-ink); border: 1px solid var(--ws-line); border-radius: 6px; font: inherit; font-size: 12px; box-shadow: none; }
.cc-staff .cc-assignment-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(210px, .6fr); gap: 18px; }
.cc-staff .cc-assignment-help { margin: 0; font-size: 12px; }
.cc-staff .cc-assignment-access { margin: 0; padding: 12px 14px; border: 1px solid var(--ws-line); border-radius: 8px; background: var(--ws-canvas); color: var(--ws-muted); font-size: 13px; line-height: 1.6; }
.cc-staff .cc-assignment-access[hidden] { display: none; }
.cc-staff .cc-assignment-settings { font-size: 12px; }
.cc-staff .cc-assignment-settings a { display: block; padding: 10px 0; color: var(--ws-accent); }
.cc-staff .cc-assignment .cc-form > button { justify-self: start; }
@media (max-width: 640px) { .cc-staff .cc-assignment-fields { grid-template-columns: minmax(0, 1fr); } }

/* Complaint decisions use a short, explicit three-step workflow. */
.cc-progress{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}.cc-progress span{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--border-color,#344349);border-radius:12px;flex:1;color:var(--text-muted,#aebec4)}.cc-progress b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid currentColor}.cc-progress [aria-current]{color:var(--accent,#ffa47d);background:rgba(240,135,91,.1)}.cc-staff .cc-decision{border-top:3px solid var(--accent,#ffa47d)}.cc-decision-choices{border:0;padding:0;margin:0;display:flex;gap:12px;flex-wrap:wrap}.cc-decision-choices legend{margin-bottom:12px}.cc-form .cc-choice{display:flex;flex-direction:row;align-items:center;gap:12px;border:1px solid var(--border-color,#344349);border-radius:10px;padding:18px;flex:1;cursor:pointer;min-width:200px}.cc-form .cc-choice input{width:20px;height:20px;flex-shrink:0}.cc-choice:has(input:checked){border-color:var(--accent,#ffa47d);background:rgba(240,135,91,.1)}.cc-document-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--border-color,#344349)}.cc-document-row small{display:block;color:var(--text-muted,#aebec4);margin-top:6px}.cc-document-row .cc-actions{flex-shrink:0}.cc-reopen>summary{cursor:pointer;font-weight:600}.cc-reopen[open]>summary{margin-bottom:16px}.cc-completion{border-left:3px solid #6ca98e}@media(max-width:700px){.cc-progress{gap:6px}.cc-progress span{padding:10px;font-size:12px;flex-basis:100%}.cc-document-row{align-items:flex-start;flex-direction:column}.cc-document-row .cc-actions{flex-wrap:wrap}}
.cc-staff .cc-progress span{color:var(--ws-muted);border-color:var(--ws-line)}.cc-staff .cc-progress [aria-current]{color:var(--ws-accent);background:var(--ws-peach)}.cc-staff .cc-document-row{border-color:var(--ws-line)}.cc-staff .cc-document-row small{color:var(--ws-muted)}.cc-staff .cc-choice{border-color:var(--ws-line)}.cc-staff .cc-choice:has(input:checked){border-color:var(--ws-accent);background:var(--ws-peach)}.cc-staff .cc-decision{border-top-color:var(--ws-accent)}

.cc-form .cc-choice input{min-height:20px;padding:0}.cc-form [hidden]{display:none}.cc-document-row small{color:inherit;opacity:.8}.cc-staff .cc-document-row small{color:var(--ws-muted);opacity:1}.cc-document-row .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}