:root{--bg:#f4f5f7;--panel:#fff;--ink:#17202a;--muted:#687382;--line:#d8dde5;--nav:#18212b;--blue:#2f6fed;--green:#167a55;--amber:#a86400;--purple:#6750a4;--red:#b42318;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--nav)}
body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overscroll-behavior-y:none}
header{min-height:calc(58px + var(--safe-top));background:var(--nav);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--safe-top) calc(24px + var(--safe-right)) 17px calc(24px + var(--safe-left));position:sticky;top:0;z-index:20}
header strong{letter-spacing:.05em}header span{color:#bdc6d0;font-size:12px}
main{max-width:1440px;margin:24px auto;padding:0 max(20px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(20px,var(--safe-left))}
h1{margin:0;font-size:24px}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.title-row p{margin:4px 0;color:var(--muted)}.toolbar{display:flex;gap:7px}
button,select,input,textarea{font:inherit;font-size:16px}button,select,input{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;min-height:44px}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover{border-color:var(--blue)}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}.metric b{font-size:22px;display:block}.metric span{color:var(--muted);font-size:12px}
.filters{display:flex;gap:8px;padding:12px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0}.filters input{flex:1}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:0 0 8px 8px;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-top:1px solid var(--line)}th{border-top:0;color:var(--muted);font-size:11px;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#eef4ff}
.muted{color:var(--muted);font-size:12px}.badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:700;background:#e8efff;color:var(--blue)}.badge.RESOLVED{background:#e3f6ee;color:var(--green)}.badge.PENDING_TECHNICAL_REVIEW{background:#fff3d6;color:var(--amber)}.badge.AWAITING_CLIENT{background:#f0eaff;color:var(--purple)}
.detail-actions{display:flex;gap:7px}.detail-grid{display:grid;grid-template-columns:300px 1fr 320px;grid-template-areas:"contact conversation lead";min-height:620px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.detail-grid>aside{padding:16px;background:#fafbfc}#contactPane{grid-area:contact;border-right:1px solid var(--line)}#leadPane{grid-area:lead;border-left:1px solid var(--line)}
.card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px;margin-bottom:10px}.card h3{margin:0 0 7px}.sublead{cursor:pointer}.sublead.active{border-left:3px solid var(--blue);background:#eef4ff}
.conversation{grid-area:conversation;display:grid;grid-template-rows:1fr auto;min-width:0}#timeline{padding:20px;overflow:auto;max-height:540px;-webkit-overflow-scrolling:touch}.bubble{max-width:74%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;margin:10px 0}.bubble.outbound{margin-left:auto;background:#eaf1ff}.bubble.note{max-width:90%;background:#fff6de}
form select,form input,form textarea{box-sizing:border-box;width:100%;margin:5px 0;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff}#incidentPane .card button{margin:6px 5px 0 0}
.composer{border-top:1px solid var(--line);padding:14px;display:grid;gap:8px}.composer textarea,.lower textarea{width:100%;min-height:70px;border:1px solid var(--line);border-radius:7px;padding:10px}.composer button,.lower button{background:var(--blue);color:#fff;border-color:var(--blue)}
.compose-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compose-modes label{border:1px solid var(--line);border-radius:8px;padding:10px;background:#f8fafc}.compose-modes label:has(input:checked){border-color:var(--blue);background:#eaf2ff;color:#123c73;font-weight:700}
.lower{display:grid;grid-template-columns:2fr 1fr 2fr;gap:14px;margin-top:14px}.lower>form,.lower>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}.lower h3{margin-top:0}
.documents-panel{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}.documents-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.documents-head h3{margin:0}.documents-head p{margin:4px 0}.documents-head form{display:flex;align-items:center;gap:8px}.documents-head input{max-width:320px}.document-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.document-row:first-child{margin-top:10px}.document-name{overflow-wrap:anywhere}.document-actions{display:flex;gap:6px;flex-wrap:wrap}.document-status{font-size:11px;font-weight:700;padding:4px 7px;border-radius:999px;background:#fff3d6;color:var(--amber)}.document-status.REVIEWED{background:#e3f6ee;color:var(--green)}.document-status.NOT_RELEVANT{background:#edf0f4;color:var(--muted)}
.audit-details summary{cursor:pointer;font-weight:700;list-style-position:outside;padding:4px 0}.audit-list{display:grid;gap:8px;margin-top:12px;max-height:420px;overflow:auto;-webkit-overflow-scrolling:touch}.audit-list>div{padding-top:8px;border-top:1px solid var(--line);overflow-wrap:anywhere}
dialog{border:0;border-radius:12px;box-shadow:0 20px 50px #0003;max-width:520px;width:min(520px,calc(100% - 32px))}dialog::backdrop{background:#10182099;backdrop-filter:blur(2px)}dialog menu{display:flex;justify-content:flex-end;gap:8px;padding:16px 0 0}
#toast{position:fixed;right:20px;bottom:20px;background:var(--nav);color:#fff;padding:11px 14px;border-radius:7px;opacity:0;transform:translateY(10px);transition:.2s}#toast.show{opacity:1;transform:none}
@media(max-width:900px){main{margin:14px auto}.metrics{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}.filters{flex-direction:column}.detail-actions{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr;grid-template-areas:"lead" "conversation" "contact";min-height:0}.detail-grid>aside{border:0!important}#leadPane{border-bottom:1px solid var(--line)!important}#contactPane{border-top:1px solid var(--line)!important}}
@media(max-width:600px){
  header{padding-bottom:13px}header span{max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
  main{padding-left:max(10px,var(--safe-left));padding-right:max(10px,var(--safe-right));margin-top:10px}h1{font-size:22px}
  .title-row{align-items:flex-start;gap:10px}.title-row:not(.detail-header){flex-direction:column}.toolbar{width:100%;display:grid;grid-template-columns:1fr 1fr}.toolbar button{width:100%}
  .metrics{gap:7px}.metric{padding:10px}.metric b{font-size:20px}.filters{border-radius:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}
  .table-wrap{border-radius:10px;background:transparent;border:0;overflow:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}tbody{display:grid;gap:10px}tbody tr{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;box-shadow:0 2px 8px #18212b0a}tbody tr:active{background:#eef4ff}td{border:0;padding:3px 0}td:nth-child(1){padding-bottom:7px}td:nth-child(3){font-size:15px;margin:5px 0}td:nth-child(4),td:nth-child(5),td:nth-child(6){display:inline-block;width:auto;margin-right:8px}.muted{font-size:12px}
  .detail-header{position:sticky;top:calc(58px + var(--safe-top));z-index:15;background:var(--bg);padding:7px 0;margin:0}.detail-header .detail-actions{flex:1;display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.detail-header .detail-actions::-webkit-scrollbar{display:none}.detail-header button{white-space:nowrap;flex:0 0 auto}
  .detail-grid{border-radius:12px}.detail-grid>aside{padding:12px}.card{border-radius:10px}.conversation{min-height:60dvh}#timeline{padding:12px;max-height:none;min-height:320px}.bubble{max-width:88%;font-size:15px}.composer{position:sticky;bottom:0;background:#fff;padding:10px 10px calc(10px + var(--safe-bottom));z-index:10}.composer textarea{min-height:88px}.composer button{min-height:48px}.compose-modes{grid-template-columns:1fr}.lower{gap:10px}.lower>form,.lower>div{padding:12px}
  .documents-head{display:block}.documents-head form{display:grid;grid-template-columns:1fr;margin-top:10px}.documents-head input{max-width:none}.document-row{grid-template-columns:1fr}.document-actions button{flex:1}.document-status{justify-self:start}
  dialog{margin:auto 8px calc(8px + var(--safe-bottom));width:calc(100% - 16px);max-width:none;border-radius:16px}dialog menu{display:grid;grid-template-columns:1fr 1fr;padding-bottom:0}dialog menu button{min-height:48px}
  #toast{right:max(10px,var(--safe-right));left:max(10px,var(--safe-left));bottom:calc(10px + var(--safe-bottom));text-align:center}
}
.notice-item{margin-top:.7rem;padding:.7rem;border-left:4px solid #e69b21;background:#fff7e8;border-radius:.45rem;font-size:.92rem}.notice-item b{display:block;margin-bottom:.25rem}.notice-item .muted{display:block;margin-top:.35rem}