/* ============================================================================
   Future Island Intelligence Suite — v1.5.0-rc.8
   Brandbook V3 alignment + Minimal Social Signal intake + Plan-intent preview
   ----------------------------------------------------------------------------
   Loaded LAST (after fiis-rc6-radical-ui). Strictly additive. Scoped under
   .ves-wrap.fi-shell. "Una isla, no otro dashboard."

   Brandbook V3 palette:
     Negro Isla #0F0F0F · Beige Papel #ECE8DF · Azul Ruta #2F64D9
     Arena #DCD4BD · Lima Signal #D7FF32 · Roja-Naranja #F55A32
   Ratio: 70% paper/black · 20% blue/sand · 10% lime/red-orange.
   Accents: blue = route/action, lime = live/signal, red-orange = warning only.
   ============================================================================ */

.ves-wrap.fi-shell {
    /* Brandbook V3 tokens (canonical) */
    --fi-brand-ink: #0F0F0F;
    --fi-brand-paper: #ECE8DF;
    --fi-brand-blue: #2F64D9;
    --fi-brand-sand: #DCD4BD;
    --fi-brand-lime: #D7FF32;
    --fi-brand-orange: #F55A32;

    /* Re-ground the rc6 tokens onto the brandbook palette so the whole shell
       resolves to the official Future Island colours. */
    --fi6-bg: var(--fi-brand-paper);
    --fi6-paper: #FFFDF7;
    --fi6-ink: var(--fi-brand-ink);
    --fi6-blue: var(--fi-brand-blue);
    --fi6-sand: var(--fi-brand-sand);
    --fi6-lime: var(--fi-brand-lime);
    --fi6-orange: var(--fi-brand-orange);
    --fi-rc5-sand: var(--fi-brand-sand);
}

/* ---------------------------------------------------------------------------
   Archive labels / mono product data (IBM Plex Mono direction)
   --------------------------------------------------------------------------- */
.ves-wrap.fi-shell .fiis-archive-label,
.ves-wrap.fi-shell .fiis-mono {
    font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 11px;
    color: var(--fi6-muted);
}

/* ---------------------------------------------------------------------------
   Plan-intent preview — "Provider will search" vs "Blocked from provider"
   One accent per column: blue for the route, red-orange for the block.
   --------------------------------------------------------------------------- */
.ves-wrap.fi-shell .fiis-plan-preview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 12px 0 14px;
}
@media (max-width: 720px) { .ves-wrap.fi-shell .fiis-plan-preview { grid-template-columns: 1fr; } }
.ves-wrap.fi-shell .fiis-plan-col {
    border: 1px solid var(--fi6-line);
    border-radius: var(--fi6-radius-md);
    background: var(--fi6-paper);
    padding: 12px 14px;
}
.ves-wrap.fi-shell .fiis-plan-col-provider { border-left: 3px solid var(--fi-brand-blue); }
.ves-wrap.fi-shell .fiis-plan-col-blocked  { border-left: 3px solid var(--fi-brand-orange); }
.ves-wrap.fi-shell .fiis-plan-label {
    font-family: "IBM Plex Mono", ui-monospace, monospace;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 10.5px;
    color: var(--fi6-muted);
    margin-bottom: 8px;
}
.ves-wrap.fi-shell .fiis-plan-chip {
    display: inline-block;
    margin: 3px 4px 0 0;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid var(--fi6-line);
}
.ves-wrap.fi-shell .fiis-plan-chip.is-provider { background: #eaf0ff; color: var(--fi-brand-blue); border-color: rgba(47,100,217,.25); }
.ves-wrap.fi-shell .fiis-plan-chip.is-blocked  { background: #fdeee9; color: #b23a17; border-color: rgba(245,90,50,.30); text-decoration: line-through; text-decoration-color: rgba(245,90,50,.5); }
.ves-wrap.fi-shell .fiis-plan-empty { color: var(--fi6-muted); }

/* ---------------------------------------------------------------------------
   Signal accents — lime = live/success, red-orange = warning/blocking only
   --------------------------------------------------------------------------- */
.ves-wrap.fi-shell .ves-run-state.is-success .ves-run-state-dot { background: #1f8f5a; }
.ves-wrap.fi-shell .fiis-live-dot { background: var(--fi-brand-lime); color: var(--fi-brand-ink); }
.ves-wrap.fi-shell .ves-kpi small { font-family: "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; font-size: 10.5px; }

/* ---------------------------------------------------------------------------
   Minimal intake — collapse the heavy advanced fields by default into a drawer.
   The four-layer separation lives in PHP; this keeps the screen calm even if the
   legacy form markup is present.
   --------------------------------------------------------------------------- */
.ves-wrap.fi-shell .ves-advanced-panel:not([open]) > *:not(summary):not(.ves-advanced-note) { /* drawer-collapsed hint */ }
.ves-wrap.fi-shell .fiis-advanced-note {
    font-size: 12px;
    color: var(--fi6-muted);
    margin-top: 6px;
}
.ves-wrap.fi-shell .fiis-mode-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.ves-wrap.fi-shell .fiis-mode-chip {
    border: 1px solid var(--fi6-line);
    border-radius: 999px;
    background: transparent;
    padding: 5px 12px;
    font-size: 12.5px;
    cursor: pointer;
    color: var(--fi6-ink);
}
.ves-wrap.fi-shell .fiis-mode-chip[aria-pressed="true"],
.ves-wrap.fi-shell .fiis-mode-chip.is-active {
    background: var(--fi-brand-ink);
    color: var(--fi6-paper);
    border-color: var(--fi-brand-ink);
}

/* Editorial signal ledger — acquisition route reads as a ledger, not card soup. */
.ves-wrap.fi-shell .fiis-rc5-acquisition-route { background: var(--fi6-paper) !important; }
.ves-wrap.fi-shell .fiis-rc5-query-row { border-left: 2px solid var(--fi-brand-blue); }