#crab-native-launch{position:fixed;right:18px;bottom:18px;z-index:2147483000;width:48px;height:48px;border:0;border-radius:16px;background:#0d2b47;color:#fff;box-shadow:0 14px 36px rgba(8,28,54,.24);font-size:23px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s transform,.18s box-shadow,.18s width,.18s height,.18s border-radius;touch-action:none;user-select:none}#crab-native-launch:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(8,28,54,.3)}#crab-native-launch.compact{width:30px;height:30px;border-radius:10px;font-size:15px}
#crab-native-panel{--bg:#f6f9fb;--surface:#fff;--surface2:#f0f5f8;--border:#e2eaf0;--text:#132b43;--muted:#718499;--accent:#168eea;--accentSoft:#e9f5ff;--shadow:rgba(6,25,48,.24);position:fixed;right:16px;top:16px;bottom:16px;width:min(430px,calc(100vw - 32px));z-index:2147483001;background:var(--bg);border:1px solid rgba(14,36,62,.09);border-radius:24px;box-shadow:0 30px 80px var(--shadow);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);display:none;overflow:hidden;font-size:14px}#crab-native-panel[data-theme=mist]{--bg:#edf3f6;--surface:#f9fbfc;--surface2:#e7eef2}#crab-native-panel[data-theme=dark]{--bg:#0f1924;--surface:#172432;--surface2:#1c2c3c;--border:#2b4054;--text:#edf5fb;--muted:#91a4b7;--accentSoft:#173550;--shadow:rgba(0,0,0,.42)}#crab-native-panel[data-accent=teal]{--accent:#158d89;--accentSoft:#e7f6f3}#crab-native-panel[data-theme=dark][data-accent=teal]{--accentSoft:#123b3a}#crab-native-panel[data-accent=crab]{--accent:#e8754e;--accentSoft:#fff0ea}#crab-native-panel[data-theme=dark][data-accent=crab]{--accentSoft:#49281f}#crab-native-panel.open{display:flex;flex-direction:column}.cnb-resize{position:absolute;z-index:5;left:0;top:72px;bottom:12px;width:7px;cursor:ew-resize;touch-action:none}.cnb-resize:hover{background:linear-gradient(90deg,var(--accent),transparent);opacity:.25}
.cnb-head{background:var(--surface);padding:15px 16px 11px;border-bottom:1px solid var(--border);position:relative;user-select:none}.cnb-brand{display:flex;align-items:center;gap:10px}.cnb-logo{width:36px;height:36px;border-radius:12px;background:var(--accentSoft);display:grid;place-items:center;font-size:20px}.cnb-brand b{font-size:15px;letter-spacing:-.01em}.cnb-brand small{display:block;color:var(--muted);margin-top:2px;font-size:10px}.cnb-head-actions{margin-left:auto;display:flex;gap:5px}.cnb-head-actions button{border:1px solid var(--border);background:var(--surface2);color:var(--text);width:31px;height:31px;border-radius:10px;cursor:pointer;font-size:14px}.cnb-head-actions button.spinning{animation:cnbspin .8s linear infinite}@keyframes cnbspin{to{transform:rotate(360deg)}}.cnb-pop{position:absolute;right:50px;top:54px;z-index:20;width:150px;background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 40px rgba(10,30,50,.16);border-radius:14px;padding:10px}.cnb-pop.hidden{display:none}.cnb-pop small{display:block;font-size:9px;color:var(--muted);margin:5px 0}.cnb-seg,.cnb-colors{display:flex;gap:5px}.cnb-seg button{flex:1;border:1px solid var(--border);background:var(--surface2);color:var(--text);height:27px;border-radius:8px;cursor:pointer}.cnb-seg button.on{outline:2px solid var(--accent)}.cnb-colors button{width:25px;height:25px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border);cursor:pointer}.cnb-colors button:nth-child(1){background:#168eea}.cnb-colors button:nth-child(2){background:#158d89}.cnb-colors button:nth-child(3){background:#e8754e}.cnb-colors button.on{box-shadow:0 0 0 2px var(--text)}
.cnb-demo{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.cnb-demo select{min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:8px;font-size:10px;color:var(--text)}.cnb-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;background:var(--surface2);padding:4px;border-radius:12px}.cnb-tab{border:0;background:transparent;padding:8px;border-radius:9px;font-size:11px;cursor:pointer;color:var(--muted)}.cnb-tab.on{background:var(--surface);color:var(--text);box-shadow:0 1px 5px rgba(23,49,78,.08)}
.cnb-context-chip{margin:10px 14px 0;background:var(--accentSoft);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));color:var(--text);border-radius:11px;padding:8px 10px;font-size:10px;line-height:1.35;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cnb-live-dot{width:7px;height:7px;border-radius:50%;background:#27ad76;box-shadow:0 0 0 3px rgba(39,173,118,.12)}.cnb-body{flex:1;overflow:auto;padding:14px}.cnb-view{display:none}.cnb-view.on{display:block}.cnb-summary{background:linear-gradient(140deg,var(--surface),var(--accentSoft));border:1px solid var(--border);border-radius:17px;padding:14px;margin-bottom:10px;display:flex;gap:12px}.cnb-summary>div{flex:1}.cnb-summary small,.cnb-card small{font-size:9px;color:var(--muted);letter-spacing:.06em}.cnb-summary h2{font-size:17px;line-height:1.25;margin:4px 0 5px;letter-spacing:-.025em}.cnb-summary p{font-size:11px;color:var(--muted);margin:0;line-height:1.45}.cnb-fresh{font-size:9px;color:var(--muted);white-space:nowrap}.cnb-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:13px;margin-bottom:10px}.cnb-card.warning{border-color:color-mix(in srgb,#f0a13a 45%,var(--border));background:color-mix(in srgb,#fff8e9 75%,var(--surface))}.cnb-card.subtle{background:var(--surface2)}.cnb-card h3{font-size:13px;margin:3px 0 7px}.cnb-card p{font-size:11px;line-height:1.55;margin:0;color:var(--muted)}.cnb-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.cnb-card-head>span,.cnb-source{font-size:9px;color:var(--muted);background:var(--surface2);padding:4px 6px;border-radius:7px}.cnb-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cnb-metric{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:10px}.cnb-metric small{font-size:9px;color:var(--muted);display:block}.cnb-metric strong{font-size:20px;display:block;margin-top:3px}.cnb-metric strong.money{font-size:14px;margin-top:7px}.cnb-label{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:12px 0 5px}.cnb-finding{position:relative;display:block;width:100%;border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:14px;padding:11px 76px 11px 11px;margin-top:8px;cursor:pointer;color:var(--text)}.cnb-finding:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px)}.cnb-finding b{font-size:11px;display:block;line-height:1.35}.cnb-finding small{font-size:9px;color:var(--muted);display:block;margin-top:4px;line-height:1.4}.cnb-finding>span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--accent)}.cnb-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef6570;margin-right:7px}.cnb-dot.medium{background:#e9a33d}.cnb-inline-actions{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}.cnb-action{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 10px;font-size:10px;cursor:pointer;color:var(--text)}.cnb-action.primary{background:var(--accent);color:white;border-color:var(--accent)}.cnb-hq{width:100%;margin-top:10px;background:#0d2b47;color:white;border:0;border-radius:11px;padding:10px;cursor:pointer;font-size:10px}
.cnb-chatbar{display:flex;gap:6px;margin-bottom:9px;position:sticky;top:-14px;z-index:3;background:var(--bg);padding:2px 0 7px}.cnb-chatbar button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:7px 8px;font-size:9px;cursor:pointer}.cnb-chatbar #cnbAttachBtn{margin-left:auto;color:var(--muted)}.cnb-chatbar #cnbAttachBtn.on{background:var(--accentSoft);color:var(--text);border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}.cnb-history{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:5px;margin-bottom:9px;max-height:210px;overflow:auto}.cnb-history.hidden{display:none}.cnb-history button{width:100%;display:flex;justify-content:space-between;gap:8px;background:transparent;color:var(--text);border:0;border-radius:9px;padding:8px;text-align:left;cursor:pointer}.cnb-history button:hover,.cnb-history button.on{background:var(--surface2)}.cnb-history b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnb-history small{font-size:8px;color:var(--muted);white-space:nowrap}.cnb-chat{min-height:180px}.cnb-msg{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 34px 9px 11px;margin-bottom:8px;font-size:11px;line-height:1.5}.cnb-msg.user{background:#0f304f;color:#fff;margin-left:28px;border-color:#0f304f}.cnb-msg p{margin:5px 0 0;white-space:pre-wrap}.cnb-msg-head{display:flex;justify-content:space-between;gap:10px}.cnb-msg-head b{font-size:10px}.cnb-msg-head span{font-size:8px;color:var(--muted)}.cnb-msg.user .cnb-msg-head span{color:#b9cada}.cnb-copy{position:absolute;right:7px;bottom:7px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.cnb-msg.user .cnb-copy{color:#c7d7e4}.cnb-dots{display:inline-flex;gap:3px}.cnb-dots i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:cnbdot 1.1s infinite}.cnb-dots i:nth-child(2){animation-delay:.15s}.cnb-dots i:nth-child(3){animation-delay:.3s}@keyframes cnbdot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.cnb-ask{padding:11px 14px;background:var(--surface);border-top:1px solid var(--border);display:flex;gap:7px;align-items:flex-end}.cnb-ask textarea{flex:1;min-height:42px;max-height:118px;resize:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 11px;font:11px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial}.cnb-send{width:42px;height:42px;border:0;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;font-size:18px}.cnb-empty{padding:20px 5px;text-align:center;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:600px){#crab-native-panel{inset:6px;width:auto!important;border-radius:18px}.cnb-resize{display:none}.cnb-demo{grid-template-columns:1fr}.cnb-summary h2{font-size:16px}}
.cnb-call-context{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:0 8px 22px rgba(15,48,79,.06)}.cnb-call-rec{padding:8px 9px;border-radius:10px;background:var(--accentSoft);margin-top:6px}.cnb-call-rec b{display:block;font-size:10px}.cnb-call-rec small{display:block;margin-top:3px;line-height:1.4}


/* 2026-08-09 UX polish: runtime state, action-first alerts, selected entity. */
.cnb-runtime{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.cnb-runtime>small{font-size:9px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnb-ai-seg{display:inline-flex;background:var(--surface2);border:1px solid var(--border);padding:2px;border-radius:9px;flex:0 0 auto}.cnb-ai-seg button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:5px 10px;font-size:9px;font-weight:700}.cnb-ai-seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 4px rgba(23,49,78,.08)}.cnb-ai-seg button[data-cnb-mode="live"].on{color:var(--accent)}
.cnb-alert-wrap{margin-top:8px}.cnb-alert-wrap>.cnb-finding{margin-top:0}.cnb-finding{position:relative;padding:11px 12px;border-radius:13px;transition:border-color .14s ease,background .14s ease,transform .14s ease}.cnb-finding:hover{background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%)}.cnb-finding>span:not(.cnb-next-action){position:static;right:auto;top:auto;transform:none}.cnb-next-action{display:flex!important;align-items:flex-start;gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid var(--border);position:static!important;transform:none!important;color:var(--text)!important;font-size:9px!important;line-height:1.35}.cnb-next-action em{font-style:normal;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:8px;white-space:nowrap}.cnb-next-action i{font-style:normal;color:var(--accent);margin-left:auto}.cnb-dot{background:#d5a04d}.cnb-dot.high,.cnb-dot.critical{background:#d65d68}.cnb-dot.medium{background:#d6a04b}.cnb-dot.low,.cnb-dot.info{background:#4ca77c}
.cnb-alert-choice{margin:6px 3px 2px;padding:8px 9px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);box-shadow:0 5px 14px rgba(23,49,78,.04)}.cnb-alert-choice.hidden{display:none}.cnb-alert-choice>span{display:block;font-size:8px;color:var(--muted);margin-bottom:6px}.cnb-alert-choice>div{display:flex;gap:6px}.cnb-alert-choice button{flex:1;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:6px 7px;border-radius:8px;font-size:9px}.cnb-alert-choice button:first-child{background:var(--accent);border-color:var(--accent);color:#fff}
.cnb-selected-order{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(145deg,var(--surface),var(--accentSoft));border-radius:14px;padding:11px 12px;margin-bottom:11px}.cnb-selected-order>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:baseline}.cnb-selected-order small{grid-column:1/-1;color:var(--muted);font-size:8px;letter-spacing:.06em}.cnb-selected-order b{font-size:12px}.cnb-selected-order span{font-size:9px;color:var(--muted);min-width:0}.cnb-selected-risk{padding:7px 8px;border-radius:9px;background:rgba(198,136,47,.08);border:1px solid rgba(198,136,47,.18)}.cnb-selected-risk.high,.cnb-selected-risk.critical{background:rgba(199,76,89,.07);border-color:rgba(199,76,89,.18)}.cnb-selected-risk.ok{background:rgba(42,139,101,.07);border-color:rgba(42,139,101,.18)}.cnb-selected-risk b,.cnb-selected-risk span{display:block}.cnb-selected-risk b{font-size:10px}.cnb-selected-risk span{font-size:9px;margin-top:2px;line-height:1.35}.cnb-selected-order>button{justify-self:start;border:0;background:transparent;color:var(--accent);padding:1px 0;font-size:9px;font-weight:700}.cnb-gate{display:inline-flex;margin-top:7px;padding:3px 7px;border-radius:999px;border:1px solid var(--border);font-size:8px;font-weight:700;color:var(--muted);background:var(--surface2)}.cnb-gate.verified{color:#2a8b65;border-color:rgba(42,139,101,.25);background:rgba(42,139,101,.07)}.cnb-gate.rejected{color:#b47b27;border-color:rgba(198,136,47,.28);background:rgba(198,136,47,.07)}
@media(max-width:390px){.cnb-runtime{align-items:flex-start;flex-direction:column}.cnb-runtime>small{white-space:normal}.cnb-alert-choice>div{flex-direction:column}}
.cnb-selected-risk.info{background:rgba(63,130,190,.08);border-color:rgba(63,130,190,.18);color:var(--cnb-text)}
.cnb-selected-risk.info b{color:var(--cnb-accent)}
/* Unified style labels: Crab / LIGHT */
#crab-native-panel[data-ui-style="gpt"]{--cnb-radius:12px}#crab-native-panel[data-ui-style="gpt"] .cnb-card,#crab-native-panel[data-ui-style="gpt"] .cnb-summary,#crab-native-panel[data-ui-style="gpt"] .cnb-finding{box-shadow:none;border-radius:11px}#crab-native-panel[data-ui-style="gpt"] .cnb-head{box-shadow:none}
.cnb-style-seg button{font-size:8px!important;padding-inline:6px!important}

/* Orchestration polish: explicit bridge back to the selected Delivery order. */
.cnb-alert-choice .cnb-open-order{background:var(--cnb-accent-soft,#e9f5ff);border-color:rgba(27,139,214,.28);color:var(--cnb-accent,#177eb8);font-weight:750}.cnb-selected-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.cnb-selected-actions button{border:1px solid var(--cnb-line,#dbe5ec);border-radius:8px;padding:6px 9px;background:var(--cnb-accent,#198fcb);color:#fff;font-size:10px;font-weight:750}.cnb-selected-actions button.secondary{background:var(--cnb-surface,#fff);color:var(--cnb-text,#173042)}
.cnb-order-ids{display:block;margin-top:3px;color:var(--cnb-muted,#7d8fa0);font-size:10px}.cnb-order-ids b{font-size:10px;color:var(--cnb-text,#1e2d3d);font-weight:750}