/* USUL INTELLIGENCE – command-centre styling. Navy / dark green / champagne gold on warm paper. Logical properties => identical in RTL and LTR. */
#view:has(>.ic){padding:0;max-width:none}
.ic{--n0:#07172a;--n1:#0c2440;--n2:#143659;--g1:#0e4333;--g2:#1c6b50;--gold:#c8a566;--gold2:#e4cd9a;--paper:#faf8f3;--paper2:#f2eee4;--ink:#16212e;--mut:#667487;--line:#e4ddcd;--bad:#b3372b;--warn:#a2701a;--ok:#1b7f4b;
 display:grid;grid-template-columns:272px minmax(0,1fr) 300px;height:calc(100vh - 54px);background:var(--paper);color:var(--ink);position:relative;font-size:14px}
.ic.noctx{grid-template-columns:272px minmax(0,1fr) 0}.ic.noctx .ic-ctx{display:none}
.ic.rider{grid-template-columns:0 minmax(0,1fr) 0}.ic.rider .ic-side,.ic.rider .ic-ctx{display:none}
.ic *{scrollbar-width:thin;scrollbar-color:#c9bfa8 transparent}
.ic button{transition:background .15s,transform .05s,box-shadow .15s}.ic button:active{transform:translateY(1px)}
.ic :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* sidebar */
.ic-side{background:var(--n0);color:#cfd8e3;display:flex;flex-direction:column;min-height:0;border-inline-end:1px solid #0a1d33}
.ic-brand{padding:16px 16px 12px;border-bottom:1px solid rgba(200,165,102,.28)}
.ic-brand b{display:block;letter-spacing:2.2px;font-size:13px;color:var(--gold2);font-weight:700}.ic-brand small{color:#8fa3ba;font-size:11px}
.ic-new{margin:12px 14px 6px;background:linear-gradient(180deg,var(--gold),#b9944f);color:#1b1405;font-weight:700;border-radius:8px;padding:9px 12px;width:calc(100% - 28px)}
.ic-new:hover{background:var(--gold2)}
.ic-search{margin:4px 14px 8px;width:calc(100% - 28px);background:#0f2a47;border:1px solid #1d3c60;color:#e6edf5;border-radius:8px;padding:7px 10px;font-size:13px}
.ic-search::placeholder{color:#7e93ab}
.ic-scroll{flex:1;overflow-y:auto;padding:0 8px 12px}
.ic-sec{margin:10px 6px 2px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#7f95ad;display:flex;justify-content:space-between;cursor:pointer;user-select:none}
.ic-item{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:7px;color:#d6dfea;cursor:pointer;font-size:13px;border:0;background:none;width:100%;text-align:start}
.ic-item:hover{background:#10294a}.ic-item.on{background:#12335a;box-shadow:inset 3px 0 0 var(--gold)}[dir=rtl] .ic-item.on{box-shadow:inset -3px 0 0 var(--gold)}
.ic-item span.t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-item .x{opacity:0;color:#9db0c6;padding:0 4px}.ic-item:hover .x{opacity:1}.ic-item .x:hover{color:#ff9d92}
.ic-empty{color:#7f95ad;font-size:12px;padding:6px 10px}
.ic-pref{border-top:1px solid #12304f;padding:8px 14px;display:flex;gap:8px}.ic-pref button{background:#10294a;color:#cfd8e3;font-size:12px;padding:6px 10px;flex:1;border-radius:7px}.ic-pref button:hover{background:#18406e}
/* main */
.ic-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper)}
.ic-top{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line);background:#fffdf8}
.ic-top h1{font-size:15px;margin:0;color:var(--n1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-top .tg{background:#fff;border:1px solid var(--line);color:var(--n1);padding:6px 10px;border-radius:8px;font-size:12px}.ic-top .tg:hover{background:var(--paper2)}
.ic-eng{font-size:11px;color:var(--g1);background:#e6f2ec;border:1px solid #bcd9cb;padding:3px 9px;border-radius:99px;white-space:nowrap}
.ic-flow{flex:1;overflow-y:auto;padding:18px clamp(12px,4vw,44px) 8px;scroll-behavior:smooth}
.ic-col{max-width:920px;margin:0 auto}
/* welcome */
.ic-wel{max-width:780px;margin:5vh auto 0;text-align:start}
.ic-wel .eyebrow{color:var(--gold);letter-spacing:2.5px;font-size:11px;font-weight:700;text-transform:uppercase}
.ic-wel h2{font-size:clamp(22px,3.4vw,32px);margin:6px 0 4px;color:var(--n1);font-weight:700}
.ic-wel p{color:var(--mut);margin:0 0 18px;max-width:60ch}
.ic-sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.ic-sg button{background:#fff;border:1px solid var(--line);border-inline-start:3px solid var(--gold);color:var(--ink);text-align:start;padding:11px 13px;border-radius:9px;font-weight:500;box-shadow:0 1px 0 rgba(20,40,60,.04)}
.ic-sg button:hover{background:#fffaf0;border-color:var(--gold);box-shadow:0 4px 14px rgba(20,40,60,.08)}
.ic-strip{margin:16px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.ic-strip .pill2{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:12px;color:var(--mut)}.ic-strip b{color:var(--ink)}
/* messages */
.ic-msg{display:flex;gap:10px;margin:14px 0;align-items:flex-start}
.ic-msg.u{justify-content:flex-end}.ic-msg.u .bub{background:var(--n1);color:#f3f6fa;border-radius:14px 14px 4px 14px;padding:10px 14px;max-width:78%;white-space:pre-wrap;line-height:1.7}
[dir=rtl] .ic-msg.u .bub{border-radius:14px 14px 14px 4px}
.ic-av{flex:0 0 30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--g1),var(--n1));color:var(--gold2);display:grid;place-items:center;font-weight:800;font-size:13px;border:1px solid rgba(200,165,102,.5)}
.ic-msg.a .bub{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:10px;padding:12px 14px;box-shadow:0 1px 0 rgba(20,40,60,.04)}
.ic-msg.a.denied .bub{border-inline-start-color:var(--bad);background:#fff8f6}.ic-msg.a.err .bub{border-inline-start-color:var(--bad)}
.ic-ttl{font-weight:700;color:var(--n1);margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ic-ttl small{font-weight:400;color:var(--mut)}
.ic-time{color:var(--mut);font-size:11px;margin-top:6px}
.ic-txt{white-space:pre-wrap;line-height:1.8;margin:4px 0}
.ic-blk{margin:10px 0}
/* kpis */
.ic-kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ic-k{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:9px;padding:10px 12px}
.ic-k.good{border-top-color:var(--ok)}.ic-k.bad{border-top-color:var(--bad)}.ic-k.warn{border-top-color:#d59a2b}
.ic-k .l{font-size:11.5px;color:var(--mut)}.ic-k .v{font-size:22px;font-weight:700;color:var(--n1);margin-top:2px;font-variant-numeric:tabular-nums}.ic-k .s{font-size:11px;color:var(--mut);margin-top:1px}
/* tables */
.ic-tb{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
.ic-tb .tbar{display:flex;gap:8px;align-items:center;padding:7px 10px;background:var(--paper2);border-bottom:1px solid var(--line);flex-wrap:wrap}
.ic-tb .tbar b{color:var(--n1);flex:1;min-width:120px}.ic-tb .tbar input{padding:4px 8px;font-size:12px;border-radius:7px;border:1px solid #d6cdb8;background:#fff;width:150px}
.ic-tb .tbar button{background:#fff;border:1px solid #d6cdb8;color:var(--n1);padding:4px 9px;font-size:12px;border-radius:7px}.ic-tb .tbar button:hover{background:var(--paper)}
.ic-tw{overflow:auto;max-height:430px}.ic-tw.open{max-height:none}
.ic-tb table{width:100%;font-size:13px}.ic-tb th{position:sticky;top:0;background:#f7f3ea;color:var(--n1);font-size:12px;cursor:pointer;user-select:none;border-bottom:1px solid var(--line)}
.ic-tb th:hover{background:#efe8d7}.ic-tb th .ar{color:var(--gold);margin-inline-start:3px}
.ic-tb td{border-bottom:1px solid #efe9db;padding:7px 10px}.ic-tb tbody tr:nth-child(even){background:#fcfaf5}.ic-tb tbody tr:hover{background:#fff6e0;cursor:pointer}
.ic-tb tr.det td{background:#fffdf7;white-space:normal}.ic-tb .dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 16px}.ic-tb .dl div{display:flex;gap:6px;font-size:12px}.ic-tb .dl span{color:var(--mut)}
.ic-tb .more{display:block;width:100%;background:var(--paper2);border:0;border-top:1px solid var(--line);color:var(--g1);padding:7px;font-weight:600}
.bdg{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px;background:#ece8dc;color:var(--n1);white-space:nowrap}.bdg.ok{background:#dcf0e5;color:#146239}.bdg.warn{background:#fbecc9;color:#7d5410}.bdg.bad{background:#f8dcd6;color:#8f2519}
.pbar{display:inline-block;width:54px;height:6px;background:#e8e2d3;border-radius:4px;vertical-align:middle;margin-inline-end:6px;overflow:hidden}.pbar i{display:block;height:100%;background:var(--g2)}
/* alerts, notes, reco */
.ic-al{padding:9px 12px;border-radius:8px;border:1px solid #d9d2c0;background:#f6f2e8;margin:8px 0;line-height:1.7}.ic-al.warn{background:#fff6df;border-color:#ecd391}.ic-al.crit{background:#fdeceA;border-color:#eeb2a8;color:#7d2217}.ic-al.info{background:#eef4fa;border-color:#c8d9ea}.ic-al.ok{background:#e9f5ee;border-color:#bcdcc9}
.ic-al.note{white-space:pre-wrap}
.ic-rc{background:#f1f7f3;border:1px solid #cfe3d7;border-radius:9px;padding:10px 14px}.ic-rc b{color:var(--g1)}.ic-rc li{margin:4px 0;line-height:1.7}.ic-rc ul{margin:6px 0 0;padding-inline-start:20px}
.ic-ch{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:8px 10px}.ic-ch .t{font-size:12px;color:var(--mut);margin-bottom:4px}.ic-ch svg{max-height:230px}
/* action card */
.ic-ac{border:1.5px solid var(--gold);border-radius:11px;background:linear-gradient(180deg,#fffdf6,#fff);padding:12px 14px}
.ic-ac h4{margin:0 0 6px;color:var(--n1)}.ic-ac ul{margin:6px 0;padding-inline-start:20px;line-height:1.8}.ic-ac .sens{font-size:12px;color:var(--warn);margin:6px 0}
.ic-ac .btns{display:flex;gap:8px;margin-top:10px}.ic-ac .go{background:linear-gradient(180deg,var(--g2),var(--g1));color:#fff;font-weight:700;padding:8px 16px;border-radius:8px}.ic-ac .go:hover{background:var(--g1)}.ic-ac .no{background:#fff;border:1px solid #d6cdb8;color:var(--n1);padding:8px 14px;border-radius:8px}
.ic-ac.done{border-color:#9fcdb4;background:#f0f8f3}.ic-ac.cancelled{opacity:.7;border-color:#d6cdb8}
/* meta / transparency */
.ic-mt{margin-top:10px;border-top:1px dashed var(--line);padding-top:7px;font-size:11.5px;color:var(--mut)}
.ic-mt .chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ic-mt .c{background:var(--paper2);border-radius:99px;padding:2px 9px}.ic-mt .st-actual{background:#dcf0e5;color:#146239}.ic-mt .st-incomplete,.ic-mt .st-missing{background:#f8dcd6;color:#8f2519}.ic-mt .st-estimate,.ic-mt .st-forecast,.ic-mt .st-preview{background:#fbecc9;color:#7d5410}
.ic-mt details{margin-top:4px}.ic-mt summary{cursor:pointer;color:var(--g1)}.ic-mt dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:3px 12px}.ic-mt dt{color:var(--mut)}.ic-mt dd{margin:0;color:var(--ink)}
.ic-act{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ic-act button{background:none;border:1px solid var(--line);color:var(--mut);font-size:12px;padding:3px 9px;border-radius:7px}.ic-act button:hover{background:var(--paper2);color:var(--n1)}
.ic-fu{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.ic-fu button{background:#fff;border:1px solid var(--gold);color:var(--n1);padding:4px 11px;border-radius:99px;font-size:12.5px}.ic-fu button:hover{background:var(--gold2)}
/* loading */
.ic-typing{display:flex;gap:10px;align-items:center;color:var(--mut)}.ic-dots i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin:0 2px;animation:icb 1.1s infinite ease-in-out}.ic-dots i:nth-child(2){animation-delay:.15s}.ic-dots i:nth-child(3){animation-delay:.3s}
@keyframes icb{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.ic-sk{height:10px;border-radius:5px;background:linear-gradient(90deg,#eee8da,#f8f4ea,#eee8da);background-size:200% 100%;animation:icsk 1.3s infinite;margin:7px 0}@keyframes icsk{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.ic *{animation:none!important;transition:none!important}}
/* composer */
.ic-cmp{padding:6px clamp(12px,4vw,44px) 14px;background:linear-gradient(180deg,transparent,var(--paper) 30%)}
.ic-cmp .box{max-width:920px;margin:0 auto;background:#fff;border:1.5px solid #d6cdb8;border-radius:13px;box-shadow:0 6px 22px rgba(12,36,64,.07);padding:8px 10px}
.ic-cmp .box:focus-within{border-color:var(--gold)}
.ic-cmp textarea{width:100%;border:0;outline:0;resize:none;font:inherit;font-size:14.5px;line-height:1.7;min-height:26px;max-height:170px;background:transparent;padding:4px 4px}
.ic-cmp .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ic-seg{display:inline-flex;background:var(--paper2);border-radius:9px;padding:2px}.ic-seg button{background:none;color:var(--mut);padding:5px 12px;border-radius:7px;font-size:12.5px;font-weight:600}.ic-seg button.on{background:var(--n1);color:var(--gold2)}
.ic-cmp .hint{flex:1;color:var(--mut);font-size:11.5px;min-width:100px}
.ic-send{background:linear-gradient(180deg,var(--g2),var(--g1));color:#fff;border-radius:9px;padding:7px 18px;font-weight:700}.ic-send:disabled{opacity:.45;cursor:not-allowed}.ic-stop{background:#fff;border:1.5px solid var(--bad);color:var(--bad);border-radius:9px;padding:6px 14px;font-weight:700}
.ic-sug{max-width:920px;margin:0 auto 7px;display:flex;gap:7px;flex-wrap:wrap}.ic-sug button{background:#fff;border:1px solid var(--line);color:var(--n1);font-size:12px;padding:3px 10px;border-radius:99px}.ic-sug button:hover{border-color:var(--gold);background:#fffaf0}
/* context panel */
.ic-ctx{background:#fffdf8;border-inline-start:1px solid var(--line);overflow-y:auto;padding:14px;min-height:0}
.ic-ctx h3{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);margin:14px 0 6px}.ic-ctx h3:first-child{margin-top:0}
.ic-ctx label{display:block;font-size:12px;color:var(--mut);margin:7px 0 2px}.ic-ctx select,.ic-ctx input{width:100%;font-size:13px;padding:6px 8px;border:1px solid #d6cdb8;border-radius:7px;background:#fff}
.ic-ds{display:flex;gap:8px;align-items:center;padding:5px 0;font-size:12.5px;border-bottom:1px solid #f0eadb}.ic-ds i{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:0 0 9px}.ic-ds.outdated i{background:#d59a2b}.ic-ds.missing i{background:var(--bad)}.ic-ds span{flex:1}.ic-ds small{color:var(--mut)}
.ic-scope{background:var(--n1);color:var(--gold2);border-radius:9px;padding:9px 11px;font-size:12.5px;line-height:1.6}
.ic-lim{font-size:11.5px;color:var(--mut);line-height:1.7;margin:4px 0 0;padding-inline-start:16px}
/* alerts centre */
.ica{padding:20px clamp(14px,3vw,36px);max-width:1100px;margin:0 auto}.ica h1{color:var(--n1);margin:0 0 4px}.ica .sub{color:var(--mut);margin-bottom:14px}
.ica .flt{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.ica .flt select,.ica .flt input{padding:6px 9px;border:1px solid #d6cdb8;border-radius:8px;background:#fff}
.ica-card{background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:10px;padding:11px 14px;margin:9px 0;display:grid;grid-template-columns:1fr auto;gap:8px}
.ica-card.crit{border-inline-start-color:var(--bad)}.ica-card.warn{border-inline-start-color:#d59a2b}.ica-card.closed{opacity:.6}
.ica-card .ti{font-weight:700;color:var(--n1)}.ica-card .de{color:var(--mut);margin-top:2px}.ica-card .mt{font-size:11.5px;color:var(--mut);margin-top:4px;display:flex;gap:8px;flex-wrap:wrap}
.ica-card .bt{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end}.ica-card .bt button{background:#fff;border:1px solid #d6cdb8;color:var(--n1);font-size:12px;padding:4px 10px;border-radius:7px}.ica-card .bt button:hover{background:var(--paper2)}
/* responsive */
.ic-burger,.ic-ctxbtn{display:none}
@media(max-width:1180px){.ic{grid-template-columns:272px minmax(0,1fr) 0}.ic .ic-ctx{position:absolute;inset-block:0;inset-inline-end:0;width:300px;z-index:20;box-shadow:-8px 0 30px rgba(0,0,0,.18);transform:translateX(105%);transition:transform .2s}[dir=rtl] .ic .ic-ctx{transform:translateX(-105%)}.ic .ic-ctx.open{transform:none}.ic-ctxbtn{display:inline-block}.ic.noctx .ic-ctxbtn{display:inline-block}.ic.noctx .ic-ctx{display:block}}
@media(max-width:820px){.ic{grid-template-columns:0 minmax(0,1fr) 0}.ic .ic-side{position:absolute;inset-block:0;inset-inline-start:0;width:280px;z-index:21;transform:translateX(-105%);transition:transform .2s;box-shadow:8px 0 30px rgba(0,0,0,.25)}[dir=rtl] .ic .ic-side{transform:translateX(105%)}.ic .ic-side.open{transform:none}.ic-burger{display:inline-block}.ic-msg.u .bub{max-width:92%}.ic-cmp .hint{display:none}.ic.rider .ic-burger{display:none}}
@media print{.ic-side,.ic-ctx,.ic-cmp,.ic-top,.ic-act,.ic-fu{display:none!important}.ic{display:block;height:auto}.ic-flow{overflow:visible}}
/* V2.5.3 — mobile fix: the chat column must always sit in the middle grid track (side/context panels are out of flow on small screens) */
.ic-main{grid-column:2}
@media(max-width:1180px){.ic{overflow:hidden}.ic .ic-ctx{width:min(300px,88vw)}}
@media(max-width:820px){.ic .ic-side{width:min(280px,86vw)}.ic-top{padding:8px 10px;gap:6px;flex-wrap:wrap}.ic-flow{padding-inline:10px}.ic-cmp{padding-inline:8px}.ic-eng{font-size:11px}}
@media(max-width:860px){html,body{overflow-x:hidden;max-width:100vw}}