/* Step 3.6 Intelligence experience (internal operations + client executive view).
   Logical properties only (RTL/LTR safe); states never rely on colour alone
   (every chip carries a text label); tables and maps never overflow the page. */
:root{--intel-ink:#102037;--intel-muted:#6f8196;--intel-line:#dfe7ef;--intel-panel:#fff;--intel-accent:#1768ac;--intel-live:#1f8a64;--intel-warn:#9c751a;--intel-bad:#a64848;--intel-pending:#5b5fa8;--intel-focus:#f0b429}
.intel-root{display:grid;gap:14px;min-width:0}
.intel-root :focus-visible{outline:3px solid var(--intel-focus);outline-offset:2px}
.intel-hero{padding:22px 20px;border-radius:16px;background:linear-gradient(135deg,#0b2139,#123a61 70%,#16466f);color:#fff;box-shadow:0 14px 30px #102b4d24}
.intel-hero small{font-size:10px;letter-spacing:1.4px;color:#9fc7e9}.intel-hero h2{margin:6px 0;font-size:22px}.intel-hero p{margin:0;color:#c5d8e8;font-size:12px;line-height:1.8}
.intel-posture{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.intel-card{background:var(--intel-panel);border:1px solid var(--intel-line);border-radius:13px;padding:14px;display:grid;gap:4px}
.intel-card small{color:var(--intel-muted);font-size:11px}.intel-card b{font-size:26px;color:var(--intel-ink)}
.intel-muted{color:var(--intel-muted);font-size:11px;line-height:1.7}
.intel-empty{color:var(--intel-muted);text-align:center;padding:18px;margin:0}
.intel-panel{background:var(--intel-panel);border:1px solid var(--intel-line);border-radius:13px;overflow:hidden;min-width:0}
.intel-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;border-block-end:1px solid var(--intel-line)}
.intel-panel-head h3{margin:0;font-size:15px}
.intel-panel>.intel-brief,.intel-panel>.intel-list,.intel-panel>.intel-empty,.intel-panel>.intel-actions,.intel-panel>.intel-service-grid{margin:12px 15px}
.intel-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.intel-brief h4{margin:0 0 4px;font-size:14px}.intel-brief p{margin:4px 0;font-size:12px;line-height:1.8}
.intel-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.intel-service-card{border:1px solid var(--intel-line);border-radius:12px;padding:12px;display:grid;gap:8px;align-content:start}
.intel-service-card h4{margin:0;font-size:13px;overflow-wrap:anywhere}
.intel-state{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--intel-line);background:#f8fbfd;width:fit-content}
.intel-dot{width:8px;height:8px;border-radius:50%;background:var(--intel-muted);flex:0 0 auto}
.intel-state-live .intel-dot,.intel-state-available .intel-dot{background:var(--intel-live)}
.intel-state-degraded .intel-dot{background:var(--intel-warn)}
.intel-state-temporarily_unavailable .intel-dot{background:var(--intel-bad)}
.intel-state-access_pending .intel-dot{background:var(--intel-pending)}
.intel-state-capability_unavailable .intel-dot{background:transparent;border:2px solid var(--intel-muted)}
.intel-section{background:var(--intel-panel);border:1px solid var(--intel-line);border-radius:13px;min-width:0}
.intel-section>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;font-weight:700;font-size:13px;list-style-position:inside}
.intel-section[open]>summary{border-block-end:1px solid var(--intel-line)}
.intel-module{padding:14px 15px;display:grid;gap:10px;min-width:0}
.intel-form fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.intel-form fieldset[disabled]{opacity:.6}
.intel-field{display:grid;gap:4px;font-size:11px;color:#52667b}
.intel-field input,.intel-field select{width:100%;border:1px solid var(--intel-line);border-radius:8px;padding:9px;font:inherit;background:#fff;min-width:0}
.intel-actions{display:flex;gap:8px;flex-wrap:wrap}
.intel-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.intel-notice{margin:0;padding:10px 12px;border-radius:9px;border:1px solid var(--intel-line);background:#f8fbfd;font-size:12px;line-height:1.7;border-inline-start:4px solid var(--intel-muted)}
.intel-notice-access_pending{border-inline-start-color:var(--intel-pending)}.intel-notice-degraded{border-inline-start-color:var(--intel-warn)}
.intel-notice-temporarily_unavailable{border-inline-start-color:var(--intel-bad)}.intel-notice-capability_unavailable{border-inline-start-color:var(--intel-muted)}
.intel-state-block{padding:24px;border:1px dashed var(--intel-line);border-radius:13px;text-align:center;color:var(--intel-muted);background:var(--intel-panel)}
.intel-result{display:grid;gap:10px;min-width:0}.intel-result-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.intel-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0}
.intel-kv>div{border:1px solid var(--intel-line);border-radius:9px;padding:8px 10px}
.intel-kv dt{font-size:10px;color:var(--intel-muted)}.intel-kv dd{margin:2px 0 0;font-weight:700;font-size:13px}
.intel-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.intel-list li{border:1px solid var(--intel-line);border-radius:10px;padding:10px 12px;display:grid;gap:4px;overflow-wrap:anywhere}
.intel-list p{margin:0;font-size:12px;line-height:1.8}
.intel-chips{display:flex;flex-wrap:wrap;gap:5px}
.intel-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#eef4f9;color:#47627c;font-size:10.5px;overflow-wrap:anywhere}
.intel-table-wrap{overflow-x:auto;max-inline-size:100%;border:1px solid var(--intel-line);border-radius:10px}
.intel-table{border-collapse:collapse;inline-size:100%;font-size:11.5px}
.intel-table th,.intel-table td{padding:8px 10px;border-block-end:1px solid #edf1f5;text-align:start;vertical-align:top}
.intel-table th{background:#f6f9fc;font-size:10.5px;color:#52667b;white-space:nowrap}
.intel-flag.on{color:var(--intel-live);font-weight:700}.intel-flag.off{color:var(--intel-muted)}
.intel-provider-available,.intel-provider-configured{background:#edf8f3;color:#1d704f}
.intel-provider-degraded,.intel-provider-quota_limited{background:#fff7e7;color:#745b18}
.intel-provider-unavailable{background:#fbeded;color:#873636}.intel-provider-pending_access{background:#eeeefb;color:#3f427e}
.intel-provider-disabled{background:#f1f3f5;color:#5c6670}
.intel-legend{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:11.5px;margin:0 0 10px;padding:12px;border:1px solid var(--intel-line);border-radius:10px;background:#f9fbfd}
.intel-legend dt{font-weight:700}.intel-legend dd{margin:0;color:#506479}
.intel-tabs{display:flex;gap:6px;flex-wrap:wrap;border-block-end:1px solid var(--intel-line);padding-block-end:8px}
.intel-tab{border:1px solid var(--intel-line);background:#fff;color:#43596f;padding:8px 14px;border-radius:8px;cursor:pointer;font:inherit}
.intel-tab[aria-selected="true"]{background:var(--intel-accent);border-color:var(--intel-accent);color:#fff}
.intel-tabpanel{display:grid;gap:12px;min-width:0}
.intel-map{display:grid;gap:8px;min-width:0}
.intel-map-canvas{block-size:min(62vh,520px);min-block-size:280px;border-radius:12px;border:1px solid var(--intel-line);background:#e8eef4;overflow:hidden}
.intel-map-off{block-size:auto;min-block-size:0;padding:0;border-style:dashed;background:transparent}
.intel-map-layers{display:flex;flex-wrap:wrap;gap:6px}
.intel-map-layers label{cursor:pointer}
.intel-map-status{margin:0;font-size:12px;color:var(--intel-muted)}
.intel-map-detail{border:1px solid var(--intel-line);border-radius:10px;padding:10px 12px;background:#f9fbfd}
.intel-map-detail h4{margin:0 0 4px;font-size:13px}
.intel-map-list{list-style:none;margin:0;padding:0;display:grid;gap:5px;max-block-size:260px;overflow:auto}
.intel-map-item{inline-size:100%;display:grid;gap:2px;text-align:start;border:1px solid var(--intel-line);background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer;font:inherit}
.intel-map-item.selected{border-color:var(--intel-accent);background:#edf6fd}
.intel-map-item small{color:var(--intel-muted);font-size:10.5px}
@media(max-width:900px){.intel-two{grid-template-columns:1fr}.intel-hero h2{font-size:19px}.intel-legend{grid-template-columns:1fr}.intel-map-canvas{block-size:52vh}}
@media(max-width:560px){.intel-posture{grid-template-columns:1fr 1fr}.intel-card b{font-size:22px}.intel-section>summary{flex-wrap:wrap}}