/* M.A.I.C. Feature Operability Constitution v1.0
 * Feature-level presentation only. No macro-layout, phase ordering, payload,
 * authority, semantic-state, thresholds, calculations, execution, or backend ownership.
 *
 * Design law: FEATURE STAYS WHERE IT IS; THE FEATURE ITSELF BECOMES OPERABLE.
 * Dense surfaces, explicit affordance, local selection, restrained hover/focus,
 * compact ledgers and visual-to-evidence continuity. No whitespace inflation.
 */

:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail){
  --maic-fo-s0:var(--maic-vc-surface-0,#070b11);
  --maic-fo-s1:var(--maic-vc-surface-1,#0a1018);
  --maic-fo-s2:var(--maic-vc-surface-2,#0d141e);
  --maic-fo-line:var(--maic-vc-line,rgba(179,204,230,.14));
  --maic-fo-line-soft:var(--maic-vc-line-faint,rgba(179,204,230,.07));
  --maic-fo-line-strong:var(--maic-vc-line-strong,rgba(179,204,230,.26));
  --maic-fo-text:var(--maic-vc-text,#d7e0e9);
  --maic-fo-high:var(--maic-vc-high,#f4f7fa);
  --maic-fo-muted:var(--maic-vc-muted,#8091a4);
  --maic-fo-signal:var(--maic-vc-signal,#93a4b5);
  --maic-fo-reading:var(--maic-vc-reading,ui-sans-serif,system-ui,sans-serif);
  --maic-fo-mono:var(--maic-vc-instrument,ui-monospace,monospace);
  --maic-fo-hover:color-mix(in srgb,var(--maic-fo-s2) 84%,var(--maic-fo-signal) 16%);
  --maic-fo-selected:color-mix(in srgb,var(--maic-fo-s2) 78%,var(--maic-fo-signal) 22%);
}

/* Shared dense-operability grammar. */
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
:is(.maic-v73-row,.maic-v73-metric,.maic-v9564-callout,.maic-v918-detail>summary){
  transition:background-color 110ms linear,border-color 110ms linear,color 110ms linear!important;
}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v73-row{
  min-height:34px!important;
  padding:7px 9px!important;
  border-top:1px solid var(--maic-fo-line-soft)!important;
  background:transparent!important;
}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v73-row:hover{background:var(--maic-fo-hover)!important}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v73-metric{
  min-height:48px!important;
  padding:8px 9px!important;
  background:var(--maic-fo-s1)!important;
}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v73-metric:hover{background:var(--maic-fo-hover)!important}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v9564-callout{
  display:grid!important;
  grid-template-columns:minmax(78px,.22fr) minmax(150px,.5fr) minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  min-height:42px!important;
  padding:8px 10px!important;
  border:1px solid var(--maic-fo-line)!important;
  border-left:2px solid var(--maic-local-state,var(--maic-fo-signal))!important;
  border-radius:4px!important;
  background:var(--maic-fo-s1)!important;
}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v9564-callout>span{font:800 9px/1.15 var(--maic-fo-mono)!important;letter-spacing:.06em!important}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v9564-callout>b{font:650 11.5px/1.3 var(--maic-fo-reading)!important}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v9564-callout>small{margin:0!important;font:500 10px/1.4 var(--maic-fo-reading)!important}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v918-detail>summary{cursor:pointer!important}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v918-detail>summary:hover{background:var(--maic-fo-hover)!important}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
.maic-v918-detail[open]>summary{background:var(--maic-fo-s2)!important}

/* Runtime-selected objects: local visual state only. */
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
[data-maic-feature-operable="true"]{
  cursor:pointer!important;
  transition:background-color 110ms linear,border-color 110ms linear,outline-color 110ms linear!important;
}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
[data-maic-feature-operable="true"]:hover{background-color:var(--maic-fo-hover)!important}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
[data-maic-feature-operable="true"]:focus-visible{
  outline:1px solid var(--maic-fo-signal)!important;
  outline-offset:-2px!important;
}
:is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
[data-maic-feature-selected="true"]{
  background-color:var(--maic-fo-selected)!important;
  border-color:var(--maic-fo-signal)!important;
}

/* PHASE 01 — evidence nodes gain explorer-grade object affordance, not extra geometry. */
#tab-macro-tactical .maic-v95611-phase01 .maic-v956-evidence-node{
  min-height:88px!important;
  padding:10px 11px!important;
  border-left:2px solid var(--maic-local-state,var(--maic-fo-line-strong))!important;
  background:var(--maic-fo-s1)!important;
}
#tab-macro-tactical .maic-v95611-phase01 .maic-v956-evidence-node:hover,
#tab-macro-tactical .maic-v95611-phase01 .maic-v956-evidence-node[data-maic-feature-selected="true"]{background:var(--maic-fo-hover)!important}
#tab-macro-tactical .maic-v95611-phase01 .maic-v956-evidence-node span{
  display:block!important;
  padding-bottom:5px!important;
  border-bottom:1px solid var(--maic-fo-line-soft)!important;
}
#tab-macro-tactical .maic-v95611-phase01 .maic-v956-evidence-node strong{margin-top:6px!important}
#tab-macro-tactical .maic-v95611-phase01 .maic-v956-governance-core{
  border-width:1px!important;
  border-radius:6px!important;
  background:var(--maic-fo-s2)!important;
}
#tab-macro-tactical .maic-v95611-phase01 .maic-v956-confirmation-link span{
  border:1px solid var(--maic-fo-line)!important;
  background:var(--maic-fo-s2)!important;
}
#tab-macro-tactical .maic-v956-consequence-stack>div,
#tab-macro-tactical .maic-v956-consequence-stack>.maic-capital-envelope-compact{
  transition:background-color 110ms linear,border-color 110ms linear!important;
}
#tab-macro-tactical .maic-v956-consequence-stack>div:hover,
#tab-macro-tactical .maic-v956-consequence-stack>.maic-capital-envelope-compact:hover{background:var(--maic-fo-hover)!important}

/* PHASE 02 — flow/sensor objects feel traceable without changing stage placement. */
#tab-macro-fi .maic-p02-flow-index{
  padding:8px 9px!important;
  border:1px solid var(--maic-fo-line)!important;
  border-radius:4px!important;
  background:var(--maic-fo-s1)!important;
}
#tab-macro-fi .maic-p02-sensor{
  padding:7px 9px!important;
  background:var(--maic-fo-s1)!important;
}
#tab-macro-fi .maic-p02-sensor span,
#tab-macro-fi .maic-p02-transmission-stage span{padding-bottom:4px!important;border-bottom:1px solid var(--maic-fo-line-soft)!important}
#tab-macro-fi .maic-p02-transmission-stage{
  min-height:76px!important;
  padding:8px 9px!important;
  border-left:1px solid var(--maic-fo-line-soft)!important;
  border-right:1px solid var(--maic-fo-line-soft)!important;
  background:var(--maic-fo-s1)!important;
}
#tab-macro-fi .maic-p02-transmission-stage:hover,
#tab-macro-fi .maic-p02-transmission-stage[data-maic-feature-selected="true"]{border-top-color:var(--maic-fo-signal)!important}
#tab-macro-fi .maic-p02-breakpoint-band{
  padding-top:12px!important;
  padding-bottom:12px!important;
  border-top:1px solid var(--maic-fo-line-strong)!important;
  border-bottom:1px solid var(--maic-fo-line-strong)!important;
}
#tab-macro-fi .maic-p02-location-metrics>div{
  min-height:58px!important;
  padding:9px 10px!important;
  background:var(--maic-fo-s1)!important;
}
#tab-macro-fi .maic-p02-evidence-section>header,
#tab-macro-fi .maic-p02-protocol-section>header{
  background:var(--maic-fo-s2)!important;
  border-bottom:1px solid var(--maic-fo-line)!important;
}

/* PHASE 03 — pressure mechanisms become compact inspectable objects. */
#tab-risk-oracle .maic-p03-flow-node{
  min-height:64px!important;
  padding:8px 9px!important;
  border-top:2px solid var(--maic-local-state,var(--maic-fo-line-strong))!important;
  background:var(--maic-fo-s1)!important;
}
#tab-risk-oracle .maic-p03-flow-node:hover,
#tab-risk-oracle .maic-p03-flow-node[data-maic-feature-selected="true"]{border-top-color:var(--maic-fo-signal)!important}
#tab-risk-oracle .maic-p03-mechanisms>section{
  padding:11px!important;
  transition:background-color 110ms linear,border-color 110ms linear!important;
}
#tab-risk-oracle .maic-p03-mechanisms>section:hover{background:var(--maic-fo-hover)!important}
#tab-risk-oracle :is(.maic-p03-vector,.maic-p03-pressure-chamber,.maic-p03-parity-field,.maic-p03-external-context){
  border-color:var(--maic-fo-line)!important;
  background:var(--maic-fo-s0)!important;
}
#tab-risk-oracle .maic-p03-response-grid>div{
  min-height:54px!important;
  padding:8px 9px!important;
  border-left:2px solid var(--maic-local-state,var(--maic-fo-line-strong))!important;
  background:var(--maic-fo-s1)!important;
}
#tab-risk-oracle :is(.maic-p03-evidence-register,.maic-p03-protocol-register,.maic-p03-raw-evidence,.maic-p03-inspect-support){
  border-color:var(--maic-fo-line)!important;
}

/* PHASE 04 — authorization lanes read like dense holdings rows, not tall cards. */
#tab-tactical-desk .maic-bucket-lane{
  min-height:112px!important;
  padding:10px!important;
  background:var(--maic-fo-s1)!important;
  transition:background-color 110ms linear,border-color 110ms linear!important;
}
#tab-tactical-desk .maic-bucket-lane:hover,
#tab-tactical-desk .maic-bucket-lane[data-maic-feature-selected="true"]{background:var(--maic-fo-hover)!important}
#tab-tactical-desk .maic-bucket-lane>span{
  display:block!important;
  padding-bottom:5px!important;
  border-bottom:1px solid var(--maic-fo-line-soft)!important;
}
#tab-tactical-desk .maic-bucket-weight{margin:9px 0 7px!important}
#tab-tactical-desk .maic-bucket-weight>i{height:4px!important}
#tab-tactical-desk .maic-routing-upstream>div{padding:9px 10px!important}
#tab-tactical-desk .maic-v95614-rationale-strip{padding-top:8px!important}
#tab-tactical-desk .maic-v95614-readiness{padding-top:10px!important;padding-bottom:10px!important}
#tab-tactical-desk .maic-v95614-ready-node{
  min-height:60px!important;
  padding:7px 8px!important;
  transition:background-color 110ms linear,border-color 110ms linear!important;
}
#tab-tactical-desk .maic-v95614-ready-node:hover{background:var(--maic-fo-hover)!important}

/* PHASE 05 — direct-manipulation cues around existing topology and evidence objects. */
#tab-sector-network .maic-scene-topology :is(svg,canvas){cursor:crosshair!important}
#tab-sector-network .maic-p05d-vector>div{
  min-height:66px!important;
  padding:8px 10px!important;
  transition:background-color 110ms linear!important;
}
#tab-sector-network .maic-p05d-vector>div:hover{background:var(--maic-fo-hover)!important}
#tab-sector-network .maic-p05c-candidate{
  padding:9px!important;
  background:var(--maic-fo-s1)!important;
  transition:background-color 110ms linear,border-color 110ms linear!important;
}
#tab-sector-network .maic-p05c-candidate:hover,
#tab-sector-network .maic-p05c-candidate[data-maic-feature-selected="true"]{background:var(--maic-fo-hover)!important}
#tab-sector-network .maic-p05c-candidate header{padding-bottom:5px!important;border-bottom:1px solid var(--maic-fo-line-soft)!important}
#tab-sector-network .maic-p05-sq-lane{
  min-height:86px!important;
  padding:9px!important;
  transition:background-color 110ms linear!important;
}
#tab-sector-network .maic-p05-sq-lane:hover{background:var(--maic-fo-hover)!important}
#tab-sector-network .maic-p05-ms-route>div{
  padding:8px 9px!important;
  transition:background-color 110ms linear!important;
}
#tab-sector-network .maic-p05-ms-route>div:hover{background:var(--maic-fo-hover)!important}
#tab-sector-network .maic-v95615-evidence-section>header{
  background:var(--maic-fo-s2)!important;
  border-bottom:1px solid var(--maic-fo-line)!important;
}

/* PHASE 06 — chart remains dominant; side evidence becomes compact and actionable. */
#tab-predictive .maic-v95616-probability-field .maic-v73-hbar{cursor:pointer!important;transition:opacity 110ms linear!important}
#tab-predictive .maic-v95616-probability-field .maic-v73-hbar:hover{opacity:.82!important}
#tab-predictive .maic-v95616-probability-readouts>div{
  min-height:72px!important;
  padding:8px 10px 8px 12px!important;
  background:var(--maic-fo-s1)!important;
}
#tab-predictive .maic-v95616-probability-readouts>div span{padding-bottom:4px!important;border-bottom:1px solid var(--maic-fo-line-soft)!important}
#tab-predictive .maic-v95616-probability-law,
#tab-predictive .maic-v95616-scenario-authority{padding-top:7px!important;margin-top:8px!important}
#tab-predictive .maic-v95616-scenario-section>header{
  padding:9px 10px!important;
  background:var(--maic-fo-s2)!important;
}
#tab-predictive .maic-v95616-scenario-section-body{padding:8px 10px 10px!important}
#tab-predictive .maic-v95616-scenario-section[data-maic-feature-selected="true"]>header{border-left:2px solid var(--maic-fo-signal)!important}

/* PHASE 07 — timeline/ledger cues link history to inspectable records without new panels. */
#tab-audit-trail .maic-v95618-governance-spine :is(.memory-marker,.state-entry){cursor:pointer!important}
#tab-audit-trail .maic-v95618-governance-spine :is(.memory-marker,.state-entry):hover{opacity:.82!important}
#tab-audit-trail .maic-v95618-occupancy .bar>div{
  cursor:pointer!important;
  transition:filter 110ms linear,opacity 110ms linear!important;
}
#tab-audit-trail .maic-v95618-occupancy .bar>div:hover{filter:brightness(1.16)!important}
#tab-audit-trail .maic-v95617-memory-telemetry>div{
  padding:7px 9px!important;
  background:var(--maic-fo-s1)!important;
}
#tab-audit-trail .maic-v95617-memory-telemetry>div:hover{background:var(--maic-fo-hover)!important}
#tab-audit-trail .maic-v95617-accountability-section>header{
  padding:9px 10px!important;
  background:var(--maic-fo-s2)!important;
}
#tab-audit-trail .maic-v95617-accountability-body{padding:8px 10px 10px!important}
#tab-audit-trail .maic-v95617-accountability-section[data-maic-feature-selected="true"]>header{border-left:2px solid var(--maic-fo-signal)!important}
#tab-audit-trail .maic-v95617-state-evolution{border-color:var(--maic-fo-line-strong)!important}

@media(max-width:760px){
  :is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail)
  .maic-v9564-callout{grid-template-columns:1fr!important;gap:4px!important}
  #tab-tactical-desk .maic-bucket-lane{min-height:96px!important}
  #tab-sector-network .maic-p05d-vector>div{min-height:60px!important}
  #tab-predictive .maic-v95616-probability-readouts>div{min-height:64px!important}
}

@media(prefers-reduced-motion:reduce){
  :is(#tab-macro-tactical,#tab-macro-fi,#tab-risk-oracle,#tab-tactical-desk,#tab-sector-network,#tab-predictive,#tab-audit-trail) *{
    transition-duration:.01ms!important;
  }
}