/* ============================================================
   Loki SaaS 6.9.0 · UX System
   Fuente visual canónica: Loki UX Lab / preview Metro.

   PRINCIPIOS
   1. El fondo y los controles son neutrales; el verde deja de ser el color
      de interfaz y se reserva principalmente para PASS / cierre sano.
   2. Los colores son semánticos: origin, verification, execution, evidence,
      protocol, escalation, communication, internal, waiting y locked.
   3. El contenido de la aplicación es WIDE. Los grids se adaptan al viewport
      y aumentan columnas automáticamente, incluidos monitores 4K.
   4. Los inputs usan el lenguaje del composer del preview: oscuros, limpios,
      borde discreto y foco azul visible.
   5. Una caja sólo existe cuando separa un contexto real. Dentro de un panel
      se prefieren líneas, filas y separadores antes que tarjetas anidadas.
   ============================================================ */

:root,
.loki-system-ui
{
    --bg:#090d0b;
    --bg2:#0d1310;
    --panel:#111815;
    --panel2:#151e19;
    --panel3:#1b2720;
    --line:#26352d;
    --line2:#31483c;
    --text:#edf7f0;
    --muted:#8fa49a;

    --origin:#28c6b7;
    --verify:#5da8ff;
    --execute:#f1c75b;
    --evidence:#39d6e6;
    --protocol:#b58cff;
    --escalate:#ff79c6;
    --communication:#4fc3f7;
    --internal:#c99cff;
    --waiting:#f2a65a;
    --locked:#7f8c98;
    --close:#31d19b;
    --ui:#b8c2cc;
    --ui-bg:#20262c;

    /* Puente de compatibilidad: el antiguo “verde Loki” deja de ser acento UI.
       Cualquier módulo legado que aún use --green hereda comunicación azul.
       El verde real queda en --success / --close y se usa sólo semánticamente. */
    --green:var(--communication);
    --green2:#b9d9ff;
    --deep:#0d617f;
    --blue:var(--verify);

    --success:#35e58b;
    --success-soft:#10291d;
    --yellow:#e4b84a;
    --orange:#e8873f;
    --red:#ef5b59;

    --accent:var(--communication);
    --focus:#3d8eaa;
    --radius:12px;
    --shadow:0 18px 60px rgba(0,0,0,.34);
    --page-pad:clamp(14px,1.35vw,30px);
    --wide-card-min:clamp(320px,22vw,760px);
    --compact-card-min:clamp(250px,17vw,520px);
}

html,
body.loki-system-ui
{
    background:var(--bg);
    color:var(--text);
}

body.loki-system-ui
{
    background:
        radial-gradient(circle at 15% -10%,rgba(79,195,247,.045),transparent 32%),
        radial-gradient(circle at 82% 0%,rgba(181,140,255,.025),transparent 25%),
        var(--bg);
    font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.loki-system-ui .ambient
{
    opacity:.13;
    filter:saturate(.55);
}

/* ---------- Shell WIDE ---------- */
.loki-system-ui .app-main
{
    min-width:0;
}

.loki-system-ui .content
{
    width:100%;
    max-width:none!important;
    margin:0!important;
    padding:18px var(--page-pad) 50px!important;
}

.loki-system-ui .topbar
{
    background:rgba(9,13,11,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    backdrop-filter:blur(20px);
}

.loki-system-ui .sidebar
{
    background:linear-gradient(180deg,#0b100d,#090d0b)!important;
    border-right:1px solid rgba(255,255,255,.055)!important;
}

.loki-system-ui .company-button,
.loki-system-ui .company-menu,
.loki-system-ui .command-trigger
{
    background:#0d1511!important;
    border-color:#314138!important;
}

.loki-system-ui .side-nav a,
.loki-system-ui .sidebar-bottom a
{
    color:#83988d;
}

.loki-system-ui .side-nav a:hover,
.loki-system-ui .sidebar-bottom a:hover
{
    color:#e3ebe7;
    border-color:#334139!important;
    background:#111815!important;
}

.loki-system-ui .side-nav a.active,
.loki-system-ui .sidebar-bottom a.active
{
    color:#f2f5f7!important;
    border-color:#55616d!important;
    background:var(--ui-bg)!important;
    box-shadow:inset 3px 0 0 var(--ui)!important;
}

.loki-system-ui .side-nav a.active>span,
.loki-system-ui .sidebar-bottom a.active>span
{
    color:#e0e6eb!important;
}

.loki-system-ui .online-pill
{
    color:#b9d9ff;
    border-color:#315f91!important;
    background:#10243a!important;
}

.loki-system-ui .online-pill i
{
    background:var(--communication)!important;
    box-shadow:0 0 0 4px rgba(79,195,247,.10)!important;
}

/* ---------- Tipografía y encabezados ---------- */
.loki-system-ui .page-header,
.loki-system-ui .visual-header,
.loki-system-ui .asset-hero
{
    width:100%;
    max-width:none!important;
    margin:0 0 18px!important;
    padding:0 0 15px!important;
    border:0!important;
    border-bottom:1px solid #23322b!important;
    background:transparent!important;
    box-shadow:none!important;
}

.loki-system-ui .page-header h1,
.loki-system-ui .visual-header h1,
.loki-system-ui .asset-hero h1
{
    margin:4px 0 7px!important;
    color:var(--text)!important;
    font-size:clamp(24px,1.65vw,31px)!important;
    line-height:1.12;
    letter-spacing:-.03em;
}

.loki-system-ui .page-header p,
.loki-system-ui .visual-header p,
.loki-system-ui .asset-hero p
{
    max-width:none!important;
    color:var(--muted)!important;
}

.loki-system-ui .eyebrow
{
    color:#9fb7c4!important;
    font-size:9px!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
}

/* ---------- Inputs / selects / textarea: composer del preview ---------- */
.loki-system-ui input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
.loki-system-ui select,
.loki-system-ui textarea,
.loki-system-ui .ts-control,
.loki-system-ui .command-search
{
    color:#edf5f1!important;
    border:1px solid #314138!important;
    border-radius:9px!important;
    background:#0b110e!important;
    box-shadow:none!important;
    outline:none!important;
}

.loki-system-ui input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
.loki-system-ui select,
.loki-system-ui textarea
{
    min-height:38px;
    padding:9px 11px!important;
}

.loki-system-ui textarea
{
    min-height:92px;
}

.loki-system-ui input::placeholder,
.loki-system-ui textarea::placeholder
{
    color:#62786d!important;
}

.loki-system-ui input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):focus,
.loki-system-ui select:focus,
.loki-system-ui textarea:focus,
.loki-system-ui .ts-control.focus,
.loki-system-ui .command-search:focus-within
{
    border-color:var(--focus)!important;
    box-shadow:0 0 0 3px rgba(79,195,247,.08)!important;
}

.loki-system-ui .ts-wrapper,
.loki-system-ui .ts-control
{
    width:100%;
}

.loki-system-ui .ts-dropdown
{
    color:#dbe8e1;
    border:1px solid #314138;
    border-radius:9px;
    background:#0d1511;
    box-shadow:0 18px 50px rgba(0,0,0,.38);
}

.loki-system-ui .ts-dropdown .active
{
    background:#123142;
    color:#eefaff;
}

/* ---------- Botones: la UI general ya no es verde ---------- */
.loki-system-ui .btn
{
    min-height:34px;
    padding:7px 11px;
    border-radius:9px;
    box-shadow:none!important;
    transform:none!important;
}

.loki-system-ui .btn.primary
{
    color:#f5fbff!important;
    border-color:#287b9b!important;
    background:linear-gradient(135deg,#168bb6,#0d617f)!important;
}

.loki-system-ui .btn.primary:hover
{
    border-color:#46a9cd!important;
    background:linear-gradient(135deg,#1a98c5,#106d8e)!important;
}

.loki-system-ui .btn.glass,
.loki-system-ui .btn.ghost
{
    color:#c5d1ca!important;
    border-color:#334139!important;
    background:#111815!important;
}

.loki-system-ui .btn.glass:hover,
.loki-system-ui .btn.ghost:hover
{
    color:#f0f5f2!important;
    border-color:#58655e!important;
}

.loki-system-ui .btn.danger
{
    color:#ffb1ae!important;
    border-color:#6d3434!important;
    background:#211313!important;
}

.loki-system-ui .btn.success,
.loki-system-ui .success>.btn,
.loki-system-ui button.success
{
    color:#07140d!important;
    border-color:#2b9a61!important;
    background:var(--success)!important;
}

/* ---------- Tabs y selección neutral ---------- */
.loki-system-ui .tabs,
.loki-system-ui .inventory-tabs
{
    gap:7px;
    width:100%;
    max-width:none;
}

.loki-system-ui .tabs button,
.loki-system-ui .tabs a,
.loki-system-ui .inventory-tabs a,
.loki-system-ui .inventory-tabs button
{
    color:#a9bbb1!important;
    border-color:#314138!important;
    border-radius:9px!important;
    background:#0d1511!important;
}

.loki-system-ui .tabs .active,
.loki-system-ui .inventory-tabs .active,
.loki-system-ui .inventory-tabs a:hover
{
    color:#f2f5f7!important;
    border-color:#66727d!important;
    background:var(--ui-bg)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}

/* ---------- Panels y superficies ---------- */
.loki-system-ui .panel,
.loki-system-ui .card,
.loki-system-ui .auth-card,
.loki-system-ui .price-card,
.loki-system-ui .company-card,
.loki-system-ui .agent-card
{
    color:var(--text);
    border-color:var(--line)!important;
    background:linear-gradient(180deg,#111815,#0d1310)!important;
    box-shadow:none!important;
}

/* No crear mini-paneles dentro de paneles. */
.loki-system-ui .panel .panel,
.loki-system-ui .panel .metric-card,
.loki-system-ui .panel .ops-status-card,
.loki-system-ui .panel .detail-box:not(.preserve-card)
{
    border-width:1px 0 0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.loki-system-ui .panel-title
{
    padding-bottom:10px;
    border-bottom-color:#24352c!important;
}

/* ---------- WIDE / responsive grids ---------- */
.loki-system-ui .metric-grid,
.loki-system-ui .ops-strip
{
    width:100%;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}

/* Colecciones de tarjetas: auto-fill evita dos tarjetas gigantes en 4K. */
.loki-system-ui .organization-card-grid,
.loki-system-ui .people-grid,
.loki-system-ui .member-card-grid,
.loki-system-ui .agent-grid,
.loki-system-ui .assurance-card-grid,
.loki-system-ui .license-grid-v55,
.loki-system-ui .license-detail-grid,
.loki-system-ui .vault57-grid,
.loki-system-ui .vault-asset-grid-v57,
.loki-system-ui .model-library-grid,
.loki-system-ui .type-grid,
.loki-system-ui .assurance-goal-grid,
.loki-system-ui .case-evidence-grid,
.loki-system-ui .inventory-cards-v55,
.loki-system-ui .network-interface-grid-v55,
.loki-system-ui .resource-grid-v55,
.loki-system-ui .software-grid-v55
{
    width:100%;
    max-width:none!important;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--wide-card-min)),1fr))!important;
    align-items:start;
}

.loki-system-ui .model-library-grid,
.loki-system-ui .type-grid,
.loki-system-ui .vault-asset-grid-v57,
.loki-system-ui .case-evidence-grid
{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--compact-card-min)),1fr))!important;
}

/* Grids de resumen que antes fijaban 2/3/4/6 columnas. */
.loki-system-ui .support-summary-grid,
.loki-system-ui .support-timing-grid,
.loki-system-ui .support-kpis,
.loki-system-ui .agent-audit-kpis,
.loki-system-ui .agent-admin-grid,
.loki-system-ui .agent-snapshot-summary,
.loki-system-ui .preventive-summary-v566,
.loki-system-ui .license-kpi-grid,
.loki-system-ui .tpm-overview-v566,
.loki-system-ui .vault57-status-grid,
.loki-system-ui .assurance-how,
.loki-system-ui .assurance-summary-grid,
.loki-system-ui .assurance-health-grid,
.loki-system-ui .protocol-summary-grid,
.loki-system-ui .protocol-purpose,
.loki-system-ui .normative-story-grid,
.loki-system-ui .normative-meta-strip,
.loki-system-ui .assurance-lifecycle-strip,
.loki-system-ui .superadmin-launch-grid,
.loki-system-ui .health-stat-strip,
.loki-system-ui .base-catalog-grid,
.loki-system-ui .coverage-summary-strip,
.loki-system-ui .support-executive-strip,
.loki-system-ui .support-insight-grid,
.loki-system-ui .ticket-protocol-summary,
.loki-system-ui .report-kpi-grid,
.loki-system-ui .report-grid-2,
.loki-system-ui .report-grid-3,
.loki-system-ui .protocol-outcome-grid,
.loki-system-ui .assurance-state-report,
.loki-system-ui .case-report-cover-grid,
.loki-system-ui .asset-report-facts,
.loki-system-ui .agent-update-hero-kpis,
.loki-system-ui .device-identity-fields-v6815
{
    width:100%;
    max-width:none!important;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
}

/* Formularios también usan el ancho disponible y crecen por columnas. */
.loki-system-ui .form-card
{
    width:100%;
    max-width:none!important;
}

.loki-system-ui .form-grid,
.loki-system-ui .form-grid-2,
.loki-system-ui .form-grid-3,
.loki-system-ui .form-grid-4
{
    width:100%;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
    gap:0 18px!important;
}

.loki-system-ui .span2,
.loki-system-ui .span3,
.loki-system-ui .span4,
.loki-system-ui .form-grid>.full,
.loki-system-ui .form-grid>[data-span="full"]
{
    grid-column:1/-1!important;
}

/* ---------- Métricas como rail, no mosaico verde ---------- */
.loki-system-ui .metric-grid,
.loki-system-ui .ops-strip
{
    gap:0!important;
    margin-bottom:16px!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
}

.loki-system-ui .metric-card,
.loki-system-ui .metric-grid>article,
.loki-system-ui .ops-status-card
{
    min-height:80px;
    padding:11px 14px!important;
    border:0!important;
    border-right:1px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.loki-system-ui .metric-grid>article:last-child,
.loki-system-ui .ops-strip>*:last-child
{
    border-right:0!important;
}

.loki-system-ui .ops-status-card::before
{
    width:2px!important;
    top:12px!important;
    bottom:12px!important;
}

.loki-system-ui .ops-status-card.active::before{background:var(--communication)!important}
.loki-system-ui .ops-status-card.done::before{background:var(--close)!important}
.loki-system-ui .ops-status-card.pending::before{background:var(--waiting)!important}
.loki-system-ui .ops-status-card.critical::before{background:var(--red)!important}
.loki-system-ui .ops-status-card.neutral::before{background:var(--locked)!important}

.loki-system-ui .ops-status-card.is-selected
{
    background:#151a1f!important;
    box-shadow:inset 0 0 0 1px #49535d!important;
}

/* ---------- Status / alerts: toda la paleta ---------- */
.loki-system-ui .status-pill.active,
.loki-system-ui .status-pill.info
{
    color:#b9d9ff!important;
    border-color:#315f91!important;
    background:#10243a!important;
}

.loki-system-ui .status-pill.done,
.loki-system-ui .status-pill.success
{
    color:#8cf7a9!important;
    border-color:#286a48!important;
    background:#10291d!important;
}

.loki-system-ui .status-pill.warning,
.loki-system-ui .status-pill.pending
{
    color:#ffe19a!important;
    border-color:#705d2b!important;
    background:#28200c!important;
}

.loki-system-ui .status-pill.critical,
.loki-system-ui .status-pill.danger
{
    color:#ff9b99!important;
    border-color:#6d3434!important;
    background:#211313!important;
}

.loki-system-ui .status-pill.unknown,
.loki-system-ui .status-pill.neutral
{
    color:#c4ccd2!important;
    border-color:#56616a!important;
    background:#191d20!important;
}

.loki-system-ui .alert.info
{
    color:#b9eaff!important;
    border-color:#2b6175!important;
    background:#0c1b21!important;
}
.loki-system-ui .alert.success
{
    color:#a9f3d3!important;
    border-color:#2c7658!important;
    background:#10251b!important;
}
.loki-system-ui .alert.warning
{
    color:#ffe29a!important;
    border-color:#66511f!important;
    background:#261f0c!important;
}
.loki-system-ui .alert.danger
{
    color:#ffb4b2!important;
    border-color:#6d3434!important;
    background:#211313!important;
}

/* ---------- Semántica reusable ---------- */
.loki-system-ui .semantic-origin{color:#a7fff6!important;border-color:#28796f!important;background:#0b2925!important}
.loki-system-ui .semantic-verification{color:#b9d9ff!important;border-color:#315f91!important;background:#10243a!important}
.loki-system-ui .semantic-execution{color:#ffe6a2!important;border-color:#705d2b!important;background:#28200c!important}
.loki-system-ui .semantic-evidence{color:#b8f7ff!important;border-color:#2c6d73!important;background:#0c1e20!important}
.loki-system-ui .semantic-protocol{color:#dbcaff!important;border-color:#604a87!important;background:#1e1630!important}
.loki-system-ui .semantic-escalation{color:#ffc0e8!important;border-color:#7a3a64!important;background:#2a1021!important}
.loki-system-ui .semantic-internal{color:#e1d2ff!important;border-color:#5a477c!important;background:#171221!important}
.loki-system-ui .semantic-waiting{color:#ffd29a!important;border-color:#725228!important;background:#1d160d!important}

/* ---------- Tablas ---------- */
.loki-system-ui .data-table-wrap
{
    width:100%;
    max-width:none!important;
    border-radius:0!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
    background:transparent!important;
}

.loki-system-ui .data-table th
{
    color:#7e978b!important;
    border-bottom-color:#314138!important;
    background:#0b120e!important;
    font-size:8px!important;
    letter-spacing:.10em;
}

.loki-system-ui .data-table td
{
    color:#b9c8c0!important;
    border-bottom-color:#202d26!important;
}

.loki-system-ui .data-table tbody tr:hover
{
    background:#111815!important;
}

/* ---------- Toolbars abiertos ---------- */
.loki-system-ui .filterbar,
.loki-system-ui .admin-filter,
.loki-system-ui .related-filter-bar,
.loki-system-ui .report-filter-bar,
.loki-system-ui .organization-toolbar,
.loki-system-ui .agent-toolbar
{
    width:100%;
    max-width:none!important;
    margin:0 0 14px!important;
    padding:10px 0!important;
    border:0!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* ---------- Agentes: cards ligeras y render progresivo del navegador ---------- */
.loki-system-ui .agent-grid
{
    gap:14px!important;
}

.loki-system-ui .agent-card
{
    min-width:0;
    padding:14px!important;
    border:1px solid var(--line)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#111815,#0d1310)!important;
    content-visibility:auto;
    contain-intrinsic-size:420px;
}

.loki-system-ui .agent-card.agent-stale
{
    border-color:#6d3434!important;
    box-shadow:inset 3px 0 0 var(--red)!important;
}

.loki-system-ui .agent-card.agent-update-failed
{
    border-color:#7a3a64!important;
    box-shadow:inset 3px 0 0 var(--escalate)!important;
}

.loki-system-ui .agent-update-hero
{
    width:100%;
    grid-template-columns:minmax(0,1.2fr) minmax(520px,.8fr)!important;
    border-color:#29476a!important;
    background:linear-gradient(135deg,#0e1824,#0d1310)!important;
}

.loki-system-ui .agent-update-state.active{border-color:#315f91!important;background:#10243a!important}
.loki-system-ui .agent-update-state.done{border-color:#286a48!important;background:#10291d!important}
.loki-system-ui .agent-update-state.warning{border-color:#705d2b!important;background:#28200c!important}
.loki-system-ui .agent-update-state.critical{border-color:#6d3434!important;background:#211313!important}

/* ---------- Organización: abierta y realmente multicolumna ---------- */
.loki-system-ui .organization-card-grid
{
    gap:14px!important;
}

.loki-system-ui .organization-inline-card
{
    min-width:0;
    padding:14px 16px!important;
}

/* ---------- Gemelo digital: conservar el patrón wide que ya funciona ---------- */
.loki-system-ui .floorplan-shell,
.loki-system-ui .twin-shell,
.loki-system-ui .topology-shell,
.loki-system-ui .viewport-shell,
.loki-system-ui .cad-shell
{
    width:100%!important;
    max-width:none!important;
}

/* ---------- Tickets: el preview manda ---------- */
.loki-system-ui .ticket-clean-shell,
.loki-system-ui .ticket-clean-header-shell,
.loki-system-ui .ticket-clean-content,
.loki-system-ui .ticket-clean-workspace
{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}

.loki-system-ui .ticket-clean-chat-composer input,
.loki-system-ui .ticket-clean-composer input,
.loki-system-ui .support-reply-form input
{
    border-color:#314138!important;
    background:#0b110e!important;
}

.loki-system-ui .ticket-clean-chat-composer input:focus,
.loki-system-ui .ticket-clean-composer input:focus,
.loki-system-ui .support-reply-form input:focus
{
    border-color:#3d8eaa!important;
    box-shadow:0 0 0 3px rgba(79,195,247,.08)!important;
}

/* ---------- Modales / command ---------- */
.loki-system-ui .modal,
.loki-system-ui .command-palette
{
    color:var(--text)!important;
    border-color:#314138!important;
    background:#0d1310!important;
    box-shadow:0 28px 90px rgba(0,0,0,.52)!important;
}

.loki-system-ui .command-results a:hover,
.loki-system-ui .command-results a.active
{
    background:#123142!important;
}

/* ---------- Público: misma identidad, sin convertir auth en wide ---------- */
.public-shell.loki-system-ui .landing-nav
{
    background:rgba(9,13,11,.92)!important;
    border-bottom-color:rgba(255,255,255,.06)!important;
}

.public-shell.loki-system-ui .feature-orb
{
    background:radial-gradient(circle at 35% 30%,#b9d9ff,#4fc3f7 48%,#123142)!important;
    box-shadow:0 0 24px rgba(79,195,247,.14)!important;
}

.public-shell.loki-system-ui .hero-copy h1 em
{
    color:#b9d9ff!important;
}

.public-shell.loki-system-ui .section,
.public-shell.loki-system-ui .hero,
.public-shell.loki-system-ui .landing-footer
{
    max-width:none!important;
    width:100%;
    padding-left:clamp(24px,5vw,110px)!important;
    padding-right:clamp(24px,5vw,110px)!important;
}

.public-shell.loki-system-ui .feature-grid,
.public-shell.loki-system-ui .pricing-grid,
.public-shell.loki-system-ui .billing-grid
{
    width:100%;
    max-width:none!important;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))!important;
}


/* ---------- Puentes semánticos para módulos heredados ----------
   Estos selectores impiden que estilos históricos vuelvan a teñir la UI de
   verde. Cada dominio hereda ahora el color que describe su función. ---------- */
.loki-system-ui .agent-page .eyebrow,
.loki-system-ui [data-agent-page] .eyebrow,
.loki-system-ui .agent-card a:not(.btn),
.loki-system-ui .agent-update-hero-copy .eyebrow
{
    color:#b9d9ff!important;
}

.loki-system-ui .assurance-page .eyebrow,
.loki-system-ui [class*="assurance-"] .eyebrow,
.loki-system-ui [class*="protocol-"] .eyebrow
{
    color:#dbcaff!important;
}

.loki-system-ui .bifrost-page .eyebrow,
.loki-system-ui [class*="bifrost-"] .eyebrow,
.loki-system-ui [class*="evidence-"] .eyebrow
{
    color:#aef7ff!important;
}

.loki-system-ui .vault-page .eyebrow,
.loki-system-ui [class*="vault-"] .eyebrow
{
    color:#e1d2ff!important;
}

.loki-system-ui .network-page .eyebrow,
.loki-system-ui [class*="network-"] .eyebrow,
.loki-system-ui [class*="topology-"] .eyebrow
{
    color:#a7fff6!important;
}

/* Enlaces y acciones informativas son azules; éxito explícito conserva verde. */
.loki-system-ui .link,
.loki-system-ui .text-link,
.loki-system-ui .table-link,
.loki-system-ui .inline-action:not(.success):not(.danger)
{
    color:#b9d9ff!important;
}

.loki-system-ui .success,
.loki-system-ui .is-success,
.loki-system-ui .status-success,
.loki-system-ui .status-done,
.loki-system-ui .result-ok
{
    --green:var(--success);
    --green2:#8cf7a9;
}

/* Superficies históricas con fondos verdes fuertes pasan al fondo neutro del preview. */
.loki-system-ui .agent-update-hero,
.loki-system-ui .device-identity-primary-v6815,
.loki-system-ui .ticket-orchestration
{
    background:linear-gradient(135deg,#0e1824,#0d1310)!important;
}

/* Colecciones deben ocupar siempre todo el ancho; nunca centrarse por contenido. */
.loki-system-ui .organization-card-grid,
.loki-system-ui .people-grid,
.loki-system-ui .member-card-grid,
.loki-system-ui .agent-grid,
.loki-system-ui .assurance-card-grid,
.loki-system-ui .license-grid-v55,
.loki-system-ui .vault57-grid,
.loki-system-ui .model-library-grid,
.loki-system-ui .type-grid
{
    justify-content:stretch!important;
    justify-items:stretch!important;
}

.loki-system-ui .organization-card-grid>*,
.loki-system-ui .people-grid>*,
.loki-system-ui .member-card-grid>*,
.loki-system-ui .agent-grid>*,
.loki-system-ui .assurance-card-grid>*,
.loki-system-ui .license-grid-v55>*,
.loki-system-ui .vault57-grid>*,
.loki-system-ui .model-library-grid>*,
.loki-system-ui .type-grid>*
{
    width:100%!important;
    max-width:none!important;
}

/* En pantallas grandes, tarjetas legibles en vez de dos tarjetas gigantes. */
@media(min-width:1500px)
{
    .loki-system-ui
    {
        --wide-card-min:clamp(300px,21vw,520px);
        --compact-card-min:clamp(250px,16vw,420px);
    }
}

/* ---------- 4K / ultra-wide ---------- */
@media(min-width:2200px)
{
    .loki-system-ui
    {
        --page-pad:34px;
        --wide-card-min:clamp(520px,22vw,860px);
        --compact-card-min:clamp(300px,16vw,620px);
    }

    .loki-system-ui .sidebar
    {
        width:232px!important;
    }

    .loki-system-ui .app-main
    {
        margin-left:232px!important;
        width:calc(100% - 232px)!important;
    }
}

@media(max-width:1200px)
{
    .loki-system-ui .agent-update-hero
    {
        grid-template-columns:1fr!important;
    }
}

@media(max-width:760px)
{
    .loki-system-ui
    {
        --page-pad:12px;
        --wide-card-min:100%;
        --compact-card-min:100%;
    }

    .loki-system-ui .metric-grid,
    .loki-system-ui .ops-strip
    {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:480px)
{
    .loki-system-ui .metric-grid,
    .loki-system-ui .ops-strip
    {
        grid-template-columns:1fr!important;
    }
}

/* ============================================================
   6.8.22 · Adaptive layout contract
   Una colección de información usa todo el viewport y decide automáticamente
   cuántas columnas caben. Los componentes geométricos 2D/3D quedan fuera.
   ============================================================ */
.loki-system-ui :is(
    .detail-grid-v55,.kv-grid.compact,.agent-record-grid,.agent-technical-details,
    .preventive-horizons-v566,.generator-checks,.assurance-command-grid,
    .assurance-protocol-grid,.assurance-object-grid,.assurance-standard-grid,
    .master-catalog-grid,.norm-select-grid,.catalog-accordion-grid,
    .assurance-publish-explainer,.assurance-control-grid,.step-explain-grid-614,
    .assurance-crud-cards,.assurance-crud-nav,.assurance-health-positive,
    .compact-editor-grid,.editor-meta-strip,.editor-source-grid,.editor-purpose-grid,
    .standard-date-strip,.normative-coverage-grid,.protocol-map-nav,
    .member-card-grid,.assurance-evidence-gallery,.bifrost-media-grid,
    .support-media-grid,.support-entry-mode,.support-waiting-fields,
    .support-kpis-v661,.derived-ticket-grid,.report-filter-bar
)
{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
}

/* Controles/listas compactos caben en más columnas en ultra-wide. */
.loki-system-ui :is(
    .agent-audit-kpis,.agent-admin-grid,.agent-snapshot-summary,
    .preventive-summary-v566,.license-kpi-grid,.tpm-overview-v566,
    .vault57-status-grid,.assurance-summary-grid,.assurance-health-grid,
    .protocol-summary-grid,.normative-meta-strip,.assurance-lifecycle-strip,
    .health-stat-strip,.coverage-summary-strip,.support-executive-strip,
    .support-insight-grid,.ticket-protocol-summary,.report-kpi-grid,
    .protocol-outcome-grid,.assurance-state-report,.case-report-cover-grid,
    .asset-report-facts,.agent-update-hero-kpis,.device-identity-fields-v6815
)
{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;
}

/* Tom Select histórico: mismo foco azul del input del preview. */
html .loki-system-ui .ts-wrapper.focus .ts-control,
html .loki-system-ui .ts-wrapper.input-active .ts-control
{
    border-color:#3d8eaa!important;
    box-shadow:0 0 0 3px rgba(79,195,247,.08)!important;
}
html .loki-system-ui .ts-wrapper.multi:not(.disabled) .ts-control>div
{
    color:#d8efff!important;
    border-color:#315f91!important;
    background:#10243a!important;
}

/* Estados de selección heredados: azul UI, no verde de marca. */
.loki-system-ui .user-inline-editor.is-editing,
.loki-system-ui .support-ticket-row:hover,
.loki-system-ui .support-ticket-row.active,
.loki-system-ui .support-case-node.is-current,
.loki-system-ui .support-deep-filter,
.loki-system-ui .support-log-filter button.active,
.loki-system-ui .support-view-switch-v6819 button.active
{
    border-color:rgba(79,195,247,.34)!important;
    background:rgba(79,195,247,.065)!important;
    color:#d8efff!important;
}

/* Comunicación y evidencia usan su semántica propia. */
.loki-system-ui .support-message.from-admin
{
    border-color:rgba(79,195,247,.22)!important;
    background:#0c1b21!important;
}
.loki-system-ui .support-evidence-tag,
.loki-system-ui .bifrost-quality-control input[type="range"]
{
    accent-color:var(--evidence)!important;
}
.loki-system-ui .support-evidence-tag
{
    color:#aef7ff!important;
    border-color:#2c6d73!important;
    background:#0c1e20!important;
}

/* Los indicadores de Assurance son morados salvo resultados PASS explícitos. */
.loki-system-ui .assurance-progress-track i
{
    background:linear-gradient(90deg,#604a87,var(--protocol))!important;
}
.loki-system-ui .assurance-protocol-row.state-active
{
    border-left-color:var(--protocol)!important;
}

/* Componentes Agent informativos se leen como comunicación/observabilidad. */
.loki-system-ui .agent-update-hero-kpis article,
.loki-system-ui .device-identity-primary-v6815,
.loki-system-ui .device-identity-fields-v6815 div
{
    border-color:#29476a!important;
    background:#0e1824!important;
}

/* PASS sano continúa siendo verde deliberadamente. */
.loki-system-ui .ticket-protocol-step.is-success,
.loki-system-ui .ticket-protocol-result.result-completed,
.loki-system-ui .ticket-case-gate.is-ready
{
    border-color:rgba(53,229,139,.28)!important;
    background:rgba(53,229,139,.045)!important;
}

/* Últimos grids funcionales heredados: todos adaptativos; sólo CAD/estructura
   permanecen con geometría explícita por naturaleza del componente. */
.loki-system-ui :is(
    .support-edit-form,.support-create-grid,.crud-inline-editor,
    .ticket-clean-criteria,.ticket-clean-result-choices,.ticket-clean-gate-list,
    .ticket-clean-media-grid,.ticket-clean-edit-form,.ticket-clean-header-stats,
    .vault57-target-search [data-target-results]
)
{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
}

/* ============================================================
   6.9.0.2 · Surface + state foundation
   La identidad visual se acerca al preview sin mezclar significado operativo
   con el estado temporal de la interfaz.
   ============================================================ */
:root,
.loki-system-ui
{
    --surface-page:#090d0b;
    --surface-raised:#111815;
    --surface-raised-2:#151e19;
    --surface-interactive:#0d1511;
    --surface-input:#0b110e;
    --surface-hover:#172019;
    --surface-selected:#20262c;

    --state-rest:#5da8ff;
    --state-working:#35e58b;
    --state-editing:#e4b84a;
    --state-danger:#ef5b59;

    --border-soft:#26352d;
    --border-strong:#31483c;
    --shadow-raised:0 18px 60px rgba(0,0,0,.34);
    --shadow-floating:0 28px 90px rgba(0,0,0,.52);
    --shadow-soft:0 10px 30px rgba(0,0,0,.22);
}

body.loki-system-ui
{
    background:
        radial-gradient(circle at 15% -10%,rgba(53,229,139,.055),transparent 34%),
        radial-gradient(circle at 78% -8%,rgba(93,168,255,.035),transparent 28%),
        radial-gradient(circle at 94% 12%,rgba(181,140,255,.025),transparent 24%),
        var(--surface-page)!important;
}

/* Sólo los contenedores principales se elevan. Los paneles anidados conservan
   la regla de líneas/separadores y no vuelven a convertirse en cajas. */
.loki-system-ui :is(
    .panel,
    .card,
    .auth-card,
    .price-card,
    .company-card,
    .agent-card
)
{
    border-color:var(--border-soft)!important;
    background:linear-gradient(180deg,var(--surface-raised),#0d1310)!important;
    box-shadow:var(--shadow-raised)!important;
}

.loki-system-ui .panel :is(
    .panel,
    .metric-card,
    .ops-status-card,
    .detail-box:not(.preserve-card)
)
{
    box-shadow:none!important;
}

/* Estado de UI: nunca sustituye al color del resultado técnico. */
.loki-system-ui .ui-state-rest
{
    --ui-state-color:var(--state-rest);
}

.loki-system-ui .ui-state-working
{
    --ui-state-color:var(--state-working);
}

.loki-system-ui .ui-state-editing
{
    --ui-state-color:var(--state-editing);
}

.loki-system-ui .ui-state-danger
{
    --ui-state-color:var(--state-danger);
}

.loki-system-ui :is(.ui-state-rest,.ui-state-working,.ui-state-editing,.ui-state-danger) [data-ui-state-indicator]
{
    border-color:var(--ui-state-color)!important;
    box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-state-color) 12%,transparent)!important;
}


/* ============================================================
   6.9.0.3 · Interaction primitives
   Tabs elevadas, controles coherentes y foco accesible. El relieve es
   exterior: una pestaña activa nunca debe parecer hundida.
   ============================================================ */
.loki-system-ui
{
    --control-height:38px;
    --control-radius:10px;
    --control-border:#314138;
    --control-border-hover:#4a5d53;
    --control-focus:#3d8eaa;
    --tab-surface:#0d1511;
    --tab-active:#18211c;
    --tab-active-border:#50645a;
}

.loki-system-ui :is(
    .tabs,
    .inventory-tabs,
    .support-attention-tabs,
    .assurance-tabs,
    .report-tabs
)
{
    display:flex;
    align-items:flex-end;
    gap:6px!important;
    overflow-x:auto;
    overflow-y:visible;
    padding:8px 2px 0!important;
    border-bottom:1px solid var(--border-strong);
    scrollbar-width:thin;
}

.loki-system-ui :is(
    .tabs button,.tabs a,
    .inventory-tabs button,.inventory-tabs a,
    .support-attention-tabs button,.support-attention-tabs a,
    .assurance-tabs button,.assurance-tabs a,
    .report-tabs button,.report-tabs a
)
{
    position:relative;
    flex:0 0 auto;
    min-height:36px;
    margin:0 0 -1px!important;
    padding:8px 12px!important;
    color:#9eb1a6!important;
    border:1px solid var(--control-border)!important;
    border-bottom-color:var(--border-strong)!important;
    border-radius:10px 10px 0 0!important;
    background:var(--tab-surface)!important;
    box-shadow:0 -3px 12px rgba(0,0,0,.12)!important;
    text-decoration:none!important;
    white-space:nowrap;
    transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}

.loki-system-ui :is(
    .tabs button,.tabs a,
    .inventory-tabs button,.inventory-tabs a,
    .support-attention-tabs button,.support-attention-tabs a,
    .assurance-tabs button,.assurance-tabs a,
    .report-tabs button,.report-tabs a
):hover
{
    color:#e6eee9!important;
    border-color:#46584e!important;
    background:#121b16!important;
    transform:translateY(-1px);
}

.loki-system-ui :is(
    .tabs .active,
    .inventory-tabs .active,
    .support-attention-tabs .active,
    .assurance-tabs .active,
    .report-tabs .active,
    .tabs [aria-selected="true"],
    .inventory-tabs [aria-selected="true"],
    .support-attention-tabs [aria-selected="true"],
    .assurance-tabs [aria-selected="true"],
    .report-tabs [aria-selected="true"]
)
{
    z-index:2;
    color:#f4f8f6!important;
    border-color:var(--tab-active-border)!important;
    border-bottom-color:var(--tab-active)!important;
    background:linear-gradient(180deg,#1c2721,var(--tab-active))!important;
    box-shadow:0 -7px 18px rgba(0,0,0,.26),0 1px 0 var(--tab-active)!important;
    transform:translateY(-2px);
}

.loki-system-ui :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
    select,
    textarea,
    .ts-control,
    .command-search
)
{
    border-color:var(--control-border)!important;
    border-radius:var(--control-radius)!important;
    background:var(--surface-input)!important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}

.loki-system-ui :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
    select
)
{
    min-height:var(--control-height)!important;
}

.loki-system-ui :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
    select,
    textarea,
    .ts-control
):hover
{
    border-color:var(--control-border-hover)!important;
}

.loki-system-ui :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
    select,
    textarea,
    .ts-control
):focus,
.loki-system-ui .ts-wrapper.focus .ts-control,
.loki-system-ui .ts-wrapper.input-active .ts-control
{
    border-color:var(--control-focus)!important;
    background:#0c1410!important;
    box-shadow:0 0 0 3px rgba(79,195,247,.10)!important;
}

.loki-system-ui :is(button,.btn,[role="button"]):focus-visible,
.loki-system-ui :is(a,input,select,textarea):focus-visible
{
    outline:2px solid rgba(93,168,255,.88)!important;
    outline-offset:2px!important;
}

.loki-system-ui .btn
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:36px;
    border:1px solid var(--control-border)!important;
    border-radius:var(--control-radius)!important;
    font-weight:760;
    line-height:1.1;
    transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}

.loki-system-ui .btn:not(:disabled):hover
{
    transform:translateY(-1px)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

.loki-system-ui .btn:disabled,
.loki-system-ui button:disabled
{
    cursor:not-allowed!important;
    opacity:.48!important;
    transform:none!important;
    box-shadow:none!important;
}

.loki-system-ui :is(
    .status-pill,
    .online-pill,
    .hud-pill,
    .ticket-clean-time-pill,
    .nav-badge,
    .cad-badge,
    .floor-mode-pill,
    .support-internal-badge,
    .bifrost-recording-badge,
    .countdown-badge
)
{
    display:inline-flex;
    align-items:center;
    gap:5px;
    max-width:100%;
    min-height:24px;
    padding:3px 8px!important;
    border-width:1px!important;
    border-style:solid!important;
    border-radius:999px!important;
    line-height:1.2;
    vertical-align:middle;
}

.loki-system-ui .nav-badge
{
    min-width:20px;
    justify-content:center;
    color:#b9d9ff!important;
    border-color:#315f91!important;
    background:#10243a!important;
}


/* ============================================================
   6.9.0.4 · Adaptive wide grids
   Wide significa disponer de todo el viewport, no estirar artificialmente
   pocos elementos. auto-fill conserva tracks vacíos y mantiene densidad.
   ============================================================ */
.loki-system-ui
{
    --grid-compact-min:220px;
    --grid-card-min:300px;
    --grid-wide-min:360px;
    --wide-card-min:var(--grid-card-min);
    --compact-card-min:var(--grid-compact-min);
}

.loki-system-ui .loki-grid,
.loki-system-ui .loki-grid-compact,
.loki-system-ui .loki-grid-wide,
.loki-system-ui .loki-grid-fluid
{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    align-items:start!important;
    justify-content:stretch!important;
    gap:14px!important;
}

.loki-system-ui .loki-grid
{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-card-min)),1fr))!important;
}

.loki-system-ui .loki-grid-compact
{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-compact-min)),1fr))!important;
}

.loki-system-ui .loki-grid-wide
{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-wide-min)),1fr))!important;
}

/* Sólo usar auto-fit cuando se quiera que los últimos elementos absorban
   intencionalmente el espacio sobrante. */
.loki-system-ui .loki-grid-fluid
{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-card-min)),1fr))!important;
}

/* Colecciones: número de columnas derivado del contenido disponible. */
.loki-system-ui :is(
    .organization-card-grid,.people-grid,.member-card-grid,.agent-grid,
    .assurance-card-grid,.license-grid-v55,.license-detail-grid,.vault57-grid,
    .vault-asset-grid-v57,.model-library-grid,.type-grid,.assurance-goal-grid,
    .case-evidence-grid,.inventory-cards-v55,.network-interface-grid-v55,
    .resource-grid-v55,.software-grid-v55,.assurance-crud-cards,
    .assurance-crud-nav,.derived-ticket-grid,.support-media-grid,
    .bifrost-media-grid,.assurance-evidence-gallery
)
{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-card-min)),1fr))!important;
}

/* Elementos visualmente compactos no se convierten en barras gigantes cuando
   sólo existen dos o tres métricas en un monitor 4K. */
.loki-system-ui :is(
    .metric-grid,.ops-strip,.support-summary-grid,.support-timing-grid,
    .support-kpis,.agent-audit-kpis,.agent-admin-grid,.agent-snapshot-summary,
    .preventive-summary-v566,.license-kpi-grid,.tpm-overview-v566,
    .vault57-status-grid,.assurance-how,.assurance-summary-grid,
    .assurance-health-grid,.protocol-summary-grid,.normative-meta-strip,
    .assurance-lifecycle-strip,.health-stat-strip,.coverage-summary-strip,
    .support-executive-strip,.support-insight-grid,.ticket-protocol-summary,
    .report-kpi-grid,.protocol-outcome-grid,.assurance-state-report,
    .case-report-cover-grid,.asset-report-facts,.agent-update-hero-kpis,
    .device-identity-fields-v6815,.report-grid-2,.report-grid-3
)
{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-compact-min)),1fr))!important;
}

/* Formularios siguen llenando la fila: en éstos sí es deseable auto-fit. */
.loki-system-ui :is(
    .form-grid,.form-grid-2,.form-grid-3,.form-grid-4,.support-edit-form,
    .support-create-grid,.crud-inline-editor,.compact-editor-grid,
    .editor-meta-strip,.editor-source-grid,.editor-purpose-grid
)
{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
}

@media(min-width:2200px)
{
    .loki-system-ui
    {
        --grid-compact-min:230px;
        --grid-card-min:310px;
        --grid-wide-min:380px;
        --wide-card-min:var(--grid-card-min);
        --compact-card-min:var(--grid-compact-min);
    }
}

@media(max-width:760px)
{
    .loki-system-ui
    {
        --grid-compact-min:100%;
        --grid-card-min:100%;
        --grid-wide-min:100%;
        --wide-card-min:100%;
        --compact-card-min:100%;
    }
}


/* ============================================================
   6.9.0.5 · Operational tables
   Las tablas tienen viewport propio, encabezado sticky y paginación opt-in.
   ============================================================ */
.loki-system-ui .data-table-wrap
{
    position:relative;
    max-height:min(62dvh,640px);
    overflow:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}

.loki-system-ui .data-table
{
    width:100%;
    min-width:max-content;
    border-collapse:separate;
    border-spacing:0;
}

.loki-system-ui .data-table thead
{
    position:sticky;
    top:0;
    z-index:5;
}

.loki-system-ui .data-table th
{
    position:sticky;
    top:0;
    z-index:6;
    box-shadow:0 1px 0 var(--border-strong),0 7px 16px rgba(0,0,0,.16);
}

.loki-system-ui .data-table tbody tr.loki-page-hidden
{
    display:none!important;
}

.loki-system-ui .loki-table-pager
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:42px;
    padding:8px 2px 0;
    color:#789084;
    font-size:11px;
}

.loki-system-ui .loki-table-pager[hidden]
{
    display:none!important;
}

.loki-system-ui .loki-table-pager-controls
{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    flex-wrap:wrap;
}

.loki-system-ui .loki-table-pager label
{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.loki-system-ui .loki-table-pager select
{
    min-height:30px!important;
    height:30px!important;
    padding:3px 24px 3px 7px!important;
    border-radius:8px!important;
}

.loki-system-ui .loki-table-pager button
{
    width:32px;
    height:30px;
    display:grid;
    place-items:center;
    color:#b9c8c0;
    border:1px solid var(--control-border);
    border-radius:8px;
    background:var(--surface-interactive);
}

.loki-system-ui .loki-table-pager button:not(:disabled):hover
{
    color:#f2f5f7;
    border-color:#58655e;
    background:#151e19;
}

.loki-system-ui .loki-table-pager button:disabled
{
    opacity:.35;
    cursor:not-allowed;
}

.loki-system-ui .loki-table-grid
{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));
    gap:16px;
    align-items:start;
}

@media(max-width:760px)
{
    .loki-system-ui .data-table-wrap
    {
        max-height:min(68dvh,560px);
    }

    .loki-system-ui .loki-table-pager
    {
        align-items:flex-start;
        flex-direction:column;
    }
}


/* ============================================================
   6.9.0.6 · Support navigation
   Soporte se presenta como módulo con operación y medición independientes.
   ============================================================ */
.loki-system-ui .support-module-tabs
{
    margin:0 0 18px!important;
}

.sidebar-mini .support-nav-group > .side-subnav
{
    display:none;
}

.sidebar-mini .support-nav-group:hover > .side-subnav,
.sidebar-mini .support-nav-group:focus-within > .side-subnav
{
    display:block;
    position:absolute;
    left:calc(100% + 8px);
    min-width:230px;
    padding:8px;
    border:1px solid #314138;
    border-radius:11px;
    background:#0d1511;
    box-shadow:0 18px 50px rgba(0,0,0,.38);
    z-index:90;
}


/* ============================================================
   6.9.0.8 · Prototype ticket purge
   Rojo se reserva para la acción destructiva y el preflight muestra alcance.
   ============================================================ */
.loki-system-ui .ticket-prototype-purge
{
    margin-left:auto;
}

.loki-system-ui .ticket-purge-preflight
{
    margin:14px 0;
    padding:14px 0;
    border-top:1px solid var(--border-soft);
    border-bottom:1px solid var(--border-soft);
}

.loki-system-ui .ticket-purge-summary>strong
{
    display:block;
    color:#ffb1ae;
    font-size:18px;
}

.loki-system-ui .ticket-purge-summary>span
{
    display:block;
    margin-top:3px;
    color:var(--muted);
}

.loki-system-ui .ticket-purge-counts
{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
    gap:8px;
    margin:13px 0;
}

.loki-system-ui .ticket-purge-counts b
{
    padding:9px 10px;
    color:#ffb1ae;
    border:1px solid #4d2929;
    border-radius:9px;
    background:#171010;
    font-size:18px;
}

.loki-system-ui .ticket-purge-counts small
{
    display:block;
    margin-top:2px;
    color:#b68d8b;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.loki-system-ui .ticket-purge-confirm
{
    display:block;
    margin:14px 0;
}

.loki-system-ui .ticket-purge-confirm strong
{
    color:#ffb1ae;
}

/* Loki 6.9.0.9 · Inventory correction controls */
.loki-system-ui .inventory-prefix-editor-v6909{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--surface-line,#26352d)}
.loki-system-ui .inventory-prefix-editor-v6909>label:not(.check-row){max-width:320px}
.loki-system-ui .inventory-prefix-rename-v6909{padding:11px 13px;border:1px solid #35503f;border-radius:11px;background:#0d1712}
.loki-system-ui .inventory-prefix-preview-v6909{display:grid;gap:10px}
.loki-system-ui .prefix-preview-summary-v6909{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.loki-system-ui .prefix-preview-summary-v6909 span{padding:10px 12px;border:1px solid var(--surface-line,#26352d);border-radius:10px;background:#0b130f;color:var(--muted,#8fa49a)}
.loki-system-ui .prefix-preview-summary-v6909 b{display:block;color:var(--text,#edf7f0);font-size:18px}
.loki-system-ui .prefix-preview-table-v6909{max-height:320px}
.loki-system-ui .asset-action-menu .danger-link-v6909{color:#ffaaa8;border-top:1px solid rgba(239,91,89,.16)}
.loki-system-ui .asset-action-menu .danger-link-v6909:hover{background:rgba(239,91,89,.09);color:#ffd0cf}

/* Loki 6.9.0.10 · Bifrost launcher transversal */
.loki-system-ui .bifrost-capture-frame-v6910{overflow:hidden;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.loki-system-ui .bifrost-uploader-v6910 .bifrost-dropzone{min-height:92px;border-radius:16px 16px 0 0!important;border-bottom:0!important;cursor:default!important;transform:none!important}
.loki-system-ui .bifrost-uploader-v6910 .bifrost-dropzone:hover{transform:none!important}
.loki-system-ui .bifrost-portal-v6910{position:relative;width:100%!important;min-width:0!important;height:auto!important;min-height:58px;padding:10px 14px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;justify-content:stretch!important;border:1px solid #2c7a83!important;border-radius:0 0 16px 16px!important;background:linear-gradient(105deg,#0c2429,#0d3941 55%,#102a35)!important;color:#d8fbff!important;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 34px rgba(57,214,230,.07);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.loki-system-ui .bifrost-portal-v6910:hover,.loki-system-ui .bifrost-portal-v6910:focus-visible{border-color:var(--evidence,#39d6e6)!important;background:linear-gradient(105deg,#0d2c32,#10505a 58%,#123b48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 3px rgba(57,214,230,.08),0 16px 36px rgba(0,0,0,.24);transform:translateY(-1px)}
.loki-system-ui .bifrost-portal-icon-v6910{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(174,247,255,.3);border-radius:12px;background:rgba(57,214,230,.09);font-size:23px;color:#aef7ff}
.loki-system-ui .bifrost-portal-copy-v6910{display:grid;gap:1px;min-width:0}
.loki-system-ui .bifrost-portal-copy-v6910 strong{font-size:12px;letter-spacing:.15em;color:#d7fcff}
.loki-system-ui .bifrost-portal-copy-v6910 small{font-size:10px;color:#8fcbd1;font-weight:500}
.loki-system-ui .bifrost-portal-arrow-v6910{font-size:20px;color:#91e9f2;padding-right:3px}
.loki-system-ui .bifrost-portal-v6910.is-waiting{border-color:#9b762c!important;background:linear-gradient(105deg,#241e0d,#30270e)!important;color:#ffe7a5!important}
.loki-system-ui .bifrost-portal-v6910.is-active{border-color:#b94f58!important;background:linear-gradient(105deg,#2c1016,#3c151c)!important;color:#ffd2d6!important}
@media(max-width:700px){.loki-system-ui .bifrost-portal-v6910{grid-template-columns:40px minmax(0,1fr) auto}.loki-system-ui .bifrost-portal-copy-v6910 small{white-space:normal}}

/* Loki 6.9.0.11 · Bifrost quality semantics + read-only primitive */
.loki-system-ui .bifrost-quality-v6911{gap:8px!important}
.loki-system-ui .bifrost-quality-scale-v6911{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.loki-system-ui .bifrost-quality-scale-v6911 span{font-size:9px!important;line-height:1.25;color:#8fa49a!important}
.loki-system-ui .bifrost-quality-scale-v6911 span:last-child{text-align:right;color:#b8d7c8!important}
.loki-system-ui [data-bifrost-mode="readonly"] .bifrost-dropzone,.loki-system-ui [data-bifrost-mode="readonly"] .bifrost-portal-v6910,.loki-system-ui [data-bifrost-mode="readonly"] .bifrost-quality-control{opacity:.48;filter:saturate(.65)}
.loki-system-ui [data-bifrost-mode="readonly"] .bifrost-capture-frame-v6910{position:relative}
.loki-system-ui [data-bifrost-mode="readonly"] .bifrost-capture-frame-v6910:after{content:"Evidencia protegida · desbloquea la fase para agregar archivos";position:absolute;inset:auto 10px 10px 10px;padding:6px 9px;border:1px solid #56616a;border-radius:8px;background:rgba(25,29,32,.94);color:#c4ccd2;font-size:9px;text-align:center;pointer-events:none}

/* Loki 6.9.0.12 · Ticket workspace hierarchy */
.loki-system-ui .ticket-clean-workspace{grid-template-columns:minmax(0,1.58fr) minmax(350px,.72fr)!important;gap:14px!important;margin-top:0!important;align-items:start!important}
.loki-system-ui .ticket-clean-main{min-width:0;display:grid;gap:12px;align-content:start}
.loki-system-ui .ticket-clean-main>.ticket-clean-header{width:100%;min-width:0}
.loki-system-ui .ticket-clean-main>[data-ticket-case-details],
.loki-system-ui .ticket-clean-main>[data-ticket-admin-details]{width:100%;min-width:0}
.loki-system-ui .ticket-clean-main>.ticket-clean-process{margin-top:0}
.loki-system-ui .ticket-clean-chat{align-self:start;margin-top:0}
@media(max-width:1320px){.loki-system-ui .ticket-clean-workspace{grid-template-columns:1fr!important}.loki-system-ui .ticket-clean-chat{position:static!important}}


/* ============================================================
   6.9.0.13 · Ticket phase state contract
   Estado de interfaz y resultado técnico son dimensiones distintas.
   Azul=guardado/reposo · verde=consulta bloqueada · amarillo=edición.
   El badge de resultado conserva siempre su propio color semántico.
   ============================================================ */
.loki-system-ui .ticket-clean-step
{
    transition:background .16s ease,box-shadow .16s ease,transform .16s ease;
}

.loki-system-ui .ticket-clean-step .ticket-clean-step-dot
{
    border-color:#526258!important;
    background:#09130f!important;
    animation:none!important;
}

.loki-system-ui .ticket-clean-step .ticket-clean-step-dot::after
{
    background:#526258!important;
}

.loki-system-ui .ticket-clean-step.is-done:not(.is-active) .ticket-clean-step-dot
{
    border-color:var(--state-rest)!important;
    box-shadow:0 0 0 4px rgba(93,168,255,.08)!important;
}

.loki-system-ui .ticket-clean-step.is-done:not(.is-active) .ticket-clean-step-dot::after
{
    background:var(--state-rest)!important;
}

.loki-system-ui .ticket-clean-step.is-active.is-viewing-locked
{
    background:linear-gradient(90deg,rgba(53,229,139,.105),rgba(53,229,139,.012))!important;
    box-shadow:inset 2px 0 0 rgba(53,229,139,.42);
}

.loki-system-ui .ticket-clean-step.is-active.is-viewing-locked .ticket-clean-step-dot
{
    border-color:var(--state-working)!important;
    box-shadow:0 0 0 4px rgba(53,229,139,.10)!important;
}

.loki-system-ui .ticket-clean-step.is-active.is-viewing-locked .ticket-clean-step-dot::after
{
    background:var(--state-working)!important;
}

.loki-system-ui .ticket-clean-step.is-active.is-editing
{
    background:linear-gradient(90deg,rgba(228,184,74,.14),rgba(228,184,74,.012))!important;
    box-shadow:inset 2px 0 0 rgba(228,184,74,.52);
}

.loki-system-ui .ticket-clean-step.is-active.is-editing .ticket-clean-step-dot
{
    border-color:var(--state-editing)!important;
    box-shadow:0 0 0 4px rgba(228,184,74,.10)!important;
    animation:ticketStepEditingPulse 1.7s ease-in-out infinite!important;
}

.loki-system-ui .ticket-clean-step.is-active.is-editing .ticket-clean-step-dot::after
{
    background:var(--state-editing)!important;
}

@keyframes ticketStepEditingPulse
{
    0%,100%{box-shadow:0 0 0 4px rgba(228,184,74,.09)}
    50%{box-shadow:0 0 0 9px rgba(228,184,74,.025)}
}

.loki-system-ui .ticket-clean-step-state
{
    min-height:18px;
    display:flex;
    align-items:center;
    gap:5px;
    color:#71877b;
    font-size:8px;
}

.loki-system-ui .ticket-outcome-badge
{
    display:inline-flex;
    align-items:center;
    width:max-content;
    min-height:20px;
    padding:3px 7px;
    border:1px solid #47564e;
    border-radius:999px;
    background:#101713;
    font-size:8px;
    font-weight:900;
    line-height:1;
    letter-spacing:.045em;
    white-space:nowrap;
}

.loki-system-ui .ticket-outcome-badge.outcome-pass,
.loki-system-ui .ticket-outcome-badge.outcome-done
{
    color:#8cf7a9;
    border-color:#286a48;
    background:#10291d;
}

.loki-system-ui .ticket-outcome-badge.outcome-fair
{
    color:#ffe19a;
    border-color:#715d25;
    background:#211b0c;
}

.loki-system-ui .ticket-outcome-badge.outcome-fail,
.loki-system-ui .ticket-outcome-badge.outcome-failed
{
    color:#ffaaa7;
    border-color:#743d3b;
    background:#261313;
}

.loki-system-ui .ticket-outcome-badge.outcome-na
{
    color:#c2ccd1;
    border-color:#4c5960;
    background:#171c1f;
}

.loki-system-ui .ticket-outcome-badge.outcome-critical,
.loki-system-ui .ticket-outcome-badge.outcome-blocked
{
    color:#ffc88f;
    border-color:#725228;
    background:#23180d;
}

.loki-system-ui .ticket-step-focus.is-step-locked:not([hidden])
{
    border-color:rgba(53,229,139,.38)!important;
    background:radial-gradient(circle at 18% 0%,rgba(53,229,139,.055),transparent 34%),linear-gradient(180deg,#0d1813,#09130f)!important;
}

.loki-system-ui .ticket-step-focus.is-step-editing:not([hidden])
{
    border-color:rgba(228,184,74,.55)!important;
    background:radial-gradient(circle at 18% 0%,rgba(228,184,74,.075),transparent 35%),linear-gradient(180deg,#17150d,#0d120e)!important;
    box-shadow:0 0 34px rgba(228,184,74,.025),inset 0 1px 0 rgba(255,255,255,.018)!important;
}

.loki-system-ui .ticket-step-head-status
{
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}

.loki-system-ui .ticket-result-choice.active
{
    transform:translateY(-1px);
    box-shadow:0 0 0 2px rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.18);
}

.loki-system-ui .ticket-result-choice.na b
{
    color:#c2ccd1;
}

.loki-system-ui .ticket-result-choice.na.active
{
    border-color:#5a6870;
    background:rgba(184,194,204,.07);
}

.loki-system-ui .ticket-phase-evidence
{
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid var(--border-soft);
}

.loki-system-ui .ticket-phase-evidence-head
{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.loki-system-ui .ticket-phase-evidence-head h4
{
    margin:2px 0 1px;
    font-size:13px;
}

.loki-system-ui .ticket-phase-evidence-head small,
.loki-system-ui .ticket-phase-evidence-head>span
{
    color:var(--muted);
    font-size:9px;
}

.loki-system-ui .ticket-phase-evidence-head>span
{
    flex:0 0 auto;
    padding:4px 7px;
    border:1px solid #2c6d73;
    border-radius:999px;
    color:#aef7ff;
    background:#0c1e20;
}

.loki-system-ui .ticket-phase-uploader
{
    margin-top:10px;
}

.loki-system-ui .ticket-phase-actions
{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    flex-wrap:wrap;
    margin-top:13px;
    padding-top:11px;
    border-top:1px solid var(--border-soft);
}

.loki-system-ui .ticket-phase-actions small
{
    margin-right:auto;
    color:#71877b;
    font-size:8px;
}

.loki-system-ui .ticket-continue-button
{
    min-width:150px;
    min-height:38px;
    font-weight:900;
}

.loki-system-ui .ticket-step-save
{
    min-height:17px;
    color:#789084;
    font-size:8px;
}

.loki-system-ui .ticket-step-save.is-saving{color:#e8c85f}
.loki-system-ui .ticket-step-save.is-error{color:#ff8f8b}

@media(max-width:760px)
{
    .loki-system-ui .ticket-clean-result-choices
    {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .loki-system-ui .ticket-phase-evidence-head,
    .loki-system-ui .ticket-phase-actions
    {
        align-items:stretch;
        flex-direction:column;
    }

    .loki-system-ui .ticket-continue-button
    {
        width:100%;
    }
}


/* ============================================================
   6.9.0.14 · Virgin protocol replacement
   El protocolo puede corregirse antes de iniciar trabajo real.
   ============================================================ */
.loki-system-ui .ticket-protocol-replace
{
    margin-top:12px;
    border-top:1px solid var(--border-soft);
    padding-top:10px;
}

.loki-system-ui .ticket-protocol-replace>summary
{
    width:max-content;
    max-width:100%;
    color:#d8c5ff;
    cursor:pointer;
    font-size:9px;
    font-weight:850;
}

.loki-system-ui .ticket-protocol-replace-body
{
    margin-top:9px;
    padding:11px;
    border:1px solid rgba(181,140,255,.25);
    border-radius:11px;
    background:rgba(181,140,255,.035);
}

.loki-system-ui .ticket-protocol-replace-body>p
{
    margin:0 0 9px;
    color:#9eaeb0;
    font-size:9px;
}

.loki-system-ui .ticket-protocol-replace-locked
{
    margin:10px 0 0!important;
    color:#7f9188!important;
    font-size:8px!important;
}

/* ============================================================
   6.9.0.15 · Conversation / activity viewport
   El panel usa la altura realmente disponible del viewport. Sólo el hilo
   desplaza; encabezado, filtros, modo de entrada y composer permanecen fijos.
   ============================================================ */
.loki-system-ui .ticket-clean-chat
{
    position:sticky!important;
    top:76px!important;
    height:calc(100vh - 92px)!important;
    height:calc(100dvh - 92px)!important;
    min-height:0!important;
    max-height:calc(100vh - 92px)!important;
    max-height:calc(100dvh - 92px)!important;
    overflow:hidden!important;
}

.loki-system-ui .ticket-clean-chat-head,
.loki-system-ui .ticket-clean-log-filter,
.loki-system-ui .ticket-clean-entry-mode,
.loki-system-ui .ticket-clean-composer,
.loki-system-ui .ticket-clean-closed
{
    flex:0 0 auto;
}

.loki-system-ui .ticket-clean-thread
{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}

.loki-system-ui .ticket-clean-composer
{
    position:relative;
    z-index:2;
    margin-top:auto!important;
    background:linear-gradient(180deg,rgba(10,19,15,.96),#0a130f)!important;
    box-shadow:0 -12px 26px rgba(0,0,0,.12);
}

.loki-system-ui .ticket-clean-composer textarea
{
    min-height:42px!important;
    max-height:min(120px,22dvh)!important;
}

@media(max-width:1320px)
{
    .loki-system-ui .ticket-clean-chat
    {
        position:static!important;
        top:auto!important;
        height:clamp(480px,72dvh,720px)!important;
        max-height:calc(100dvh - 32px)!important;
        min-height:0!important;
    }
}

@media(max-width:760px)
{
    .loki-system-ui .ticket-clean-chat
    {
        height:min(680px,calc(100dvh - 24px))!important;
        max-height:calc(100dvh - 24px)!important;
    }

    .loki-system-ui .ticket-clean-thread
    {
        padding-bottom:10px;
    }
}


/* ============================================================
   6.9.0.16 · Agent cockpit + release/download
   ============================================================ */
.loki-system-ui .agent-download-hero-inline
{
    grid-template-columns:minmax(0,1.42fr) minmax(250px,.58fr);
    gap:22px;
    margin-bottom:12px;
    padding:clamp(22px,2.4vw,36px);
    border-radius:20px;
    background:
        radial-gradient(circle at 82% 20%,rgba(79,195,247,.12),transparent 31%),
        radial-gradient(circle at 68% 100%,rgba(181,140,255,.055),transparent 34%),
        linear-gradient(145deg,#111815,#0b1210);
}
.loki-system-ui .agent-download-hero-inline .agent-download-copy h1{font-size:clamp(34px,3.4vw,52px)}
.loki-system-ui .agent-download-hero-inline .agent-download-visual{min-height:220px;border-color:#2b6175;background:rgba(7,18,21,.42)}
.loki-system-ui .agent-download-hero-inline .agent-download-visual img{width:min(150px,52%)}
.loki-system-ui .agent-download-actions-v6916{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.loki-system-ui .agent-download-note-v6916{margin:12px 0 0!important;font-size:10px}
.loki-system-ui .agent-download-channel-v6916{margin:0 0 12px}
.loki-system-ui .agent-download-inline-details{margin:0 0 14px}
.loki-system-ui .agent-download-inline-details>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer}
.loki-system-ui .agent-download-inline-details>summary span{display:grid;gap:2px}
.loki-system-ui .agent-download-inline-details>summary small{color:var(--muted)}
.loki-system-ui .agent-download-details-v6916{padding:14px 0 0}
.loki-system-ui .agent-download-details-v6916>article{min-width:0;padding:0 14px;border-left:1px solid var(--line)}
.loki-system-ui .agent-download-details-v6916>article:first-child{border-left:0;padding-left:0}
@media(max-width:900px){.loki-system-ui .agent-download-hero-inline{grid-template-columns:1fr}.loki-system-ui .agent-download-details-v6916{grid-template-columns:1fr}.loki-system-ui .agent-download-details-v6916>article{padding:12px 0;border-left:0;border-top:1px solid var(--line)}.loki-system-ui .agent-download-details-v6916>article:first-child{border-top:0}}


/* ============================================================
   6.9.0.17 · Company Agent policy + compact fleet deck
   ============================================================ */
.loki-system-ui .agent-policy-deck-v6917{display:grid;gap:12px;margin-bottom:14px;padding:14px}
.loki-system-ui .agent-policy-head-v6917{display:flex;justify-content:space-between;align-items:end;gap:16px}
.loki-system-ui .agent-policy-head-v6917 h2{margin:2px 0 3px;font-size:18px}
.loki-system-ui .agent-policy-head-v6917 p{margin:0;color:var(--muted);font-size:10px}
.loki-system-ui .agent-policy-grid-v6917{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.loki-system-ui .agent-policy-grid-v6917>.ops-status-card{width:100%;min-height:94px}
.loki-system-ui .agent-policy-card-v6917{display:grid;align-content:center;gap:5px;min-height:94px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#0c1410}
.loki-system-ui .agent-policy-card-v6917>span{color:#84998e;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.loki-system-ui .agent-policy-card-v6917>strong{font-size:21px}
.loki-system-ui .agent-policy-card-v6917>small{color:#71877b;font-size:8px}
.loki-system-ui .agent-policy-card-v6917 label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;margin:0!important}
.loki-system-ui .agent-policy-card-v6917 input{min-width:0;width:100%;padding:6px 8px!important;font-size:17px;font-weight:850}
.loki-system-ui .agent-policy-card-v6917 label b{color:#8fa49a;font-size:10px}
@media(max-width:700px){.loki-system-ui .agent-policy-head-v6917{align-items:stretch;flex-direction:column}.loki-system-ui .agent-policy-grid-v6917{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.loki-system-ui .agent-policy-grid-v6917{grid-template-columns:1fr}}

/* Loki 6.9.0.18 · Diagnósticos sin reflow de tabla */
.diag-result-column-v6918
{
    width:clamp(300px,30vw,520px);
    min-width:300px;
}
.diag-result-cell-v6918
{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-width:0;
}
.diag-result-preview-v6918
{
    min-width:0;
    height:2.95em;
    overflow:hidden;
    color:#a9c9b7;
    font:10.5px/1.45 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
    mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);
}
.diag-result-preview-v6918.is-error
{
    color:#ffaaa7;
}
.diag-result-open-v6918
{
    flex:0 0 auto;
    white-space:nowrap;
}
.diag-result-open-v6918:disabled
{
    opacity:.45;
    cursor:default;
}
.diag-result-modal-v6918
{
    width:min(1480px,96vw)!important;
    max-width:none!important;
    max-height:92dvh;
}
.diag-result-modal-shell-v6918
{
    padding:18px;
    display:flex;
    flex-direction:column;
    min-height:min(640px,82dvh);
    max-height:92dvh;
}
.diag-result-modal-v6918 .modal-head
{
    flex:0 0 auto;
    border-bottom:1px solid var(--line);
    padding-bottom:13px;
}
.diag-result-modal-v6918 .modal-head p
{
    margin:4px 0 0;
}
.diag-result-full-v6918
{
    flex:1 1 auto;
    min-height:0;
    margin:0;
    padding:16px;
    overflow:auto;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
    tab-size:4;
    background:#070a08;
    border:1px solid #27372e;
    border-radius:11px;
    color:#b7d8c5;
    font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
}
.diag-result-full-v6918.is-error
{
    color:#ffaaa7;
}
@media(max-width:760px)
{
    .diag-result-column-v6918
    {
        width:280px;
        min-width:280px;
    }
    .diag-result-cell-v6918
    {
        grid-template-columns:1fr;
    }
    .diag-result-open-v6918
    {
        justify-self:start;
    }
    .diag-result-modal-v6918
    {
        width:calc(100vw - 16px)!important;
        max-height:calc(100dvh - 16px);
    }
    .diag-result-modal-shell-v6918
    {
        min-height:calc(100dvh - 34px);
        max-height:calc(100dvh - 16px);
    }
}

/* ============================================================
   6.9.0.19 · Assurance y Resumen con densidad real en 4K
   El viewport completo está disponible, pero pocos widgets no se estiran.
   ============================================================ */
.loki-system-ui .assurance-command-grid
{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important;
    align-items:start!important;
}
.loki-system-ui .assurance-command-grid>*
{
    min-width:0!important;
    align-self:start!important;
}
.loki-system-ui .assurance-card-grid
{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important;
    align-items:start!important;
}
.loki-system-ui .assurance-entity-card
{
    height:auto!important;
    align-self:start!important;
}
.loki-system-ui .command-center-grid
{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr))!important;
    align-items:start!important;
}
.loki-system-ui .command-center-grid>*
{
    min-width:0!important;
    max-width:none!important;
    align-self:start!important;
}
.loki-system-ui .assurance-dashboard-stats
{
    grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))!important;
}
.loki-system-ui .planning-columns-v566
{
    grid-template-columns:repeat(7,minmax(190px,260px))!important;
    justify-content:start!important;
}
.loki-system-ui .planning-column
{
    min-width:190px!important;
    max-width:260px!important;
}
@media(min-width:2200px)
{
    .loki-system-ui .assurance-card-grid
    {
        grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important;
    }
    .loki-system-ui .assurance-command-grid
    {
        grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;
    }
    .loki-system-ui .command-center-grid
    {
        grid-template-columns:repeat(auto-fill,minmax(540px,1fr))!important;
    }
}
@media(max-width:760px)
{
    .loki-system-ui .assurance-command-grid,
    .loki-system-ui .assurance-card-grid,
    .loki-system-ui .command-center-grid
    {
        grid-template-columns:1fr!important;
    }
}

/* 6.9.2 · Estado código ↔ base de datos */
.loki-system-ui .version-status-stack
{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
}

@media (max-width:760px)
{
    .loki-system-ui .version-status-stack
    {
        justify-content:flex-start;
    }
}

/* ============================================================
   6.9.3 · Security Hardening 2.0
   ============================================================ */
.loki-system-ui .security-grid
{
    --wide-card-min:420px;
    margin-bottom:16px;
}
.loki-system-ui .security-card
{
    align-self:start;
}
.loki-system-ui .security-mfa-enroll
{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:18px;
    padding:14px 0;
}
.loki-system-ui #mfa-qr
{
    width:196px;
    min-height:196px;
    display:grid;
    place-items:center;
    padding:8px;
    background:#fff;
    border-radius:14px;
}
.loki-system-ui #mfa-qr img,
.loki-system-ui #mfa-qr canvas
{
    max-width:180px;
    height:auto!important;
}
.loki-system-ui .security-secret
{
    display:block;
    margin-top:7px;
    max-width:360px;
    overflow-wrap:anywhere;
    font-size:1rem;
}
.loki-system-ui .security-session-list
{
    display:grid;
    gap:0;
    border-top:1px solid var(--line);
}
.loki-system-ui .security-session
{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:11px 0;
    border-bottom:1px solid var(--line);
}
.loki-system-ui .security-session>div:first-child
{
    min-width:0;
    display:grid;
    gap:3px;
}
.loki-system-ui .security-session small
{
    color:var(--muted);
    overflow-wrap:anywhere;
}
.loki-system-ui .security-session.is-revoked
{
    opacity:.55;
}
.loki-system-ui .security-recovery
{
    margin-bottom:16px;
}
.loki-system-ui .security-recovery-grid
{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:8px;
}
.loki-system-ui .security-recovery-grid code
{
    padding:10px 12px;
    text-align:center;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--surface-sunken);
}
@media(max-width:760px)
{
    .loki-system-ui .security-session
    {
        grid-template-columns:1fr;
    }
    .loki-system-ui .security-session>div:last-child
    {
        justify-self:start;
    }
}

/* 6.9.4 · Device Lifecycle */
.loki-system-ui .device-lifecycle-v694{display:grid;gap:16px}.loki-system-ui .device-change-list-v694{display:grid;gap:12px}.loki-system-ui .device-change-card-v694{padding:14px 16px;border-left:3px solid var(--state-editing,#f2c94c);background:rgba(242,201,76,.055)}.loki-system-ui .device-change-card-v694>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.loki-system-ui .device-change-card-v694 h3{margin:3px 0 0}.loki-system-ui .device-change-grid-v694{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px;margin:12px 0}.loki-system-ui .device-change-grid-v694>div{min-width:0;padding:8px 0;border-bottom:1px solid var(--border-subtle,#27343b)}.loki-system-ui .device-change-grid-v694 span,.loki-system-ui .device-change-grid-v694 strong{display:block}.loki-system-ui .device-change-grid-v694 span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.loki-system-ui .device-change-grid-v694 strong{margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;word-break:break-word}.loki-system-ui .device-change-actions-v694{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.loki-system-ui .device-change-actions-v694 form{display:grid;gap:8px}.loki-system-ui .device-change-actions-v694 textarea{min-height:74px}.loki-system-ui .device-generation-grid-v694{display:grid;gap:0}.loki-system-ui .device-generation-v694{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:0 0 18px}.loki-system-ui .device-generation-v694:not(:last-child)::before{content:"";position:absolute;left:18px;top:35px;bottom:0;width:2px;background:var(--border-subtle,#27343b)}.loki-system-ui .device-generation-marker-v694{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--state-rest,#4da3ff);background:var(--surface-1,#10171c);font-weight:800}.loki-system-ui .device-generation-v694.current .device-generation-marker-v694{border-color:var(--state-working,#39d98a);box-shadow:0 0 0 4px rgba(57,217,138,.08)}.loki-system-ui .device-generation-v694 header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.loki-system-ui .device-generation-v694 p,.loki-system-ui .device-generation-v694 small,.loki-system-ui .device-generation-v694 code,.loki-system-ui .device-generation-v694 em{display:block;margin-top:4px}.loki-system-ui .device-generation-v694 code{font-size:.72rem;overflow-wrap:anywhere;opacity:.82}.loki-system-ui .device-generation-v694 em{font-style:normal;opacity:.72}.loki-system-ui .device-history-v694{margin-top:2px}

/* Loki 6.9.5 · Agent Fleet Control */
.fleet-control{display:grid;gap:16px}.fleet-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.fleet-control-head h2{margin:.2rem 0}.fleet-control-head p{max-width:980px;margin:.35rem 0 0}.fleet-groups{display:grid;gap:0;border-top:1px solid var(--line)}.fleet-group-row{display:grid;grid-template-columns:minmax(320px,1.5fr) minmax(280px,.8fr);gap:18px;padding:18px 2px;border-bottom:1px solid var(--line);align-items:center}.fleet-group-row.is-active{border-left:3px solid var(--state-working);padding-left:14px}.fleet-group-row.is-paused{border-left:3px solid var(--yellow);padding-left:14px}.fleet-group-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fleet-group-title strong{font-size:1.05rem}.fleet-group-title code{opacity:.72}.fleet-group-main p{margin:6px 0;color:var(--muted);font-size:.86rem}.fleet-health-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.78rem}.fleet-health-line span{display:inline-flex;gap:4px;align-items:center}.fleet-danger{color:var(--red)}.fleet-rollout-state{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,.8fr) auto;gap:12px;align-items:center}.fleet-rollout-state>div:first-child{display:grid;gap:2px}.fleet-rollout-state span,.fleet-rollout-state small{color:var(--muted);font-size:.75rem}.fleet-rollout-state.idle{grid-template-columns:1fr}.fleet-rollout-meter{height:8px;background:var(--panel3);border-radius:999px;overflow:hidden}.fleet-rollout-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--state-rest),var(--state-working));border-radius:inherit;animation:lokiProgressSheen 1.8s linear infinite;background-size:180% 100%}.fleet-group-controls,.fleet-create-group{grid-column:1/-1;margin:0;padding-top:2px}.fleet-group-controls>summary,.fleet-create-group>summary{cursor:pointer;color:var(--text);font-weight:700}.fleet-policy-form,.fleet-start-form,.fleet-rollout-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:12px}.fleet-policy-form label,.fleet-start-form label{display:grid;gap:5px;min-width:130px;font-size:.75rem;color:var(--muted)}.fleet-policy-form label input,.fleet-policy-form label select,.fleet-start-form label input,.fleet-start-form label select{min-height:38px}.fleet-policy-form label span,.fleet-start-form label span{position:absolute}.fleet-rollout-actions form{display:flex;align-items:end;gap:8px}.fleet-rollout-actions label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.78rem}.fleet-rollout-actions input{width:76px}.agent-fleet-membership{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;font-size:.78rem}.agent-fleet-membership>span{color:var(--muted)}.agent-fleet-membership form{margin-left:auto}.agent-fleet-membership select{min-height:32px;max-width:180px;padding:4px 28px 4px 8px}
@media (max-width:1100px){.fleet-group-row{grid-template-columns:1fr}.fleet-rollout-state{grid-template-columns:minmax(160px,1fr) minmax(140px,.7fr) auto}}@media (max-width:720px){.fleet-control-head{display:grid}.fleet-rollout-state{grid-template-columns:1fr}.fleet-policy-form,.fleet-start-form,.fleet-rollout-actions{display:grid;grid-template-columns:1fr}.fleet-policy-form label,.fleet-start-form label{min-width:0}.agent-fleet-membership form{margin-left:0;width:100%}.agent-fleet-membership select{max-width:none;width:100%}}
@keyframes lokiProgressSheen{0%{background-position:180% 0}100%{background-position:-20% 0}}

/* Loki 6.9.6 · Observability Center */
.observability-head{align-items:flex-end;gap:24px}.observability-periods{display:flex;flex-wrap:wrap;gap:8px}.observability-periods a{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:38px;padding:0 12px;border:1px solid var(--line,#25312f);border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted,#91a09d);text-decoration:none;font-weight:700}.observability-periods a:hover,.observability-periods a.active{border-color:rgba(80,155,255,.5);background:rgba(80,155,255,.11);color:var(--text,#f5f8f7);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.obs-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:16px}.obs-main-grid,.obs-two-grid,.obs-three-grid{display:grid;gap:16px;margin-bottom:16px}.obs-main-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.obs-two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-three-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.obs-panel{min-width:0}.obs-table-wrap{max-height:520px;overflow:auto}.obs-panel code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:#bdd3cf;overflow-wrap:anywhere}.obs-source-list,.obs-release-list,.obs-stat-list{display:grid;gap:0}.obs-source-list>div,.obs-release-list>div,.obs-stat-list>div{display:grid;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.065)}.obs-source-list>div{grid-template-columns:minmax(0,1fr) auto auto}.obs-source-list span,.obs-stat-list span{display:grid;gap:2px}.obs-source-list small,.obs-stat-list small,.obs-release-list small{color:var(--muted,#899793);font-style:normal}.obs-source-list em{font-style:normal;color:#a8b4b1;font-size:.82rem}.obs-release-list>div{grid-template-columns:auto 1fr auto}.obs-release-list span{text-align:right;color:#d5dddb}.obs-stat-list>div{grid-template-columns:1fr auto}.obs-stat-list b{font-variant-numeric:tabular-nums}.obs-stack{display:grid;gap:8px;max-height:560px;overflow:auto;padding-right:4px}.obs-event-row{display:grid;gap:8px;padding:12px 14px;border-left:2px solid rgba(86,148,255,.45);background:rgba(255,255,255,.025);border-radius:0 10px 10px 0}.obs-event-row.severity-warning{border-left-color:#d6a73e}.obs-event-row.severity-error,.obs-event-row.severity-critical{border-left-color:#d45a5a}.obs-event-head,.obs-event-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.obs-event-head small,.obs-event-meta{font-size:.76rem;color:var(--muted,#899793)}.obs-event-meta{justify-content:flex-start;flex-wrap:wrap}.obs-event-row p{margin:0;color:#d8e0de;overflow-wrap:anywhere}.obs-request-id{font:600 .72rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#7e908c}.obs-policy-form{display:grid;gap:14px}.obs-check{display:flex!important;align-items:flex-start;gap:10px;padding:10px 0}.obs-check input{width:auto!important;margin-top:4px}.obs-check span{display:grid;gap:2px}.obs-check small{color:var(--muted,#899793)}.obs-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.obs-policy-grid label{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.obs-policy-grid label>span{grid-column:1/-1;color:#cfd8d6;font-size:.82rem}.obs-policy-grid input{min-width:0}.obs-policy-grid small{color:var(--muted,#899793)}.obs-timeline-panel{margin-bottom:26px}.obs-timeline{display:grid}.obs-timeline-row{display:grid;grid-template-columns:10px 160px 88px minmax(130px,.8fr) 90px minmax(180px,1.5fr) 80px;gap:10px;align-items:center;min-width:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:.79rem}.obs-timeline-row>i{width:8px;height:8px;border-radius:50%;background:#668bd0;box-shadow:0 0 0 4px rgba(102,139,208,.12)}.obs-timeline-row.severity-warning>i{background:#d6a73e}.obs-timeline-row.severity-error>i,.obs-timeline-row.severity-critical>i{background:#d45a5a}.obs-timeline-row code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-timeline-row em{font-style:normal;font-variant-numeric:tabular-nums;color:#c8d2cf}.obs-timeline-row small,.obs-timeline-time{color:var(--muted,#899793)}
@media(min-width:1900px){.obs-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.obs-main-grid{grid-template-columns:minmax(0,2.4fr) minmax(340px,.8fr)}.obs-three-grid{grid-template-columns:repeat(3,minmax(360px,1fr))}}
@media(max-width:1180px){.obs-main-grid,.obs-two-grid{grid-template-columns:1fr}.obs-timeline-row{grid-template-columns:10px 150px 80px minmax(120px,1fr) 80px}.obs-timeline-row code,.obs-timeline-row small{display:none}}
@media(max-width:720px){.observability-head{align-items:flex-start}.observability-periods{width:100%}.observability-periods a{flex:1}.obs-kpi-grid,.obs-three-grid{grid-template-columns:1fr}.obs-policy-grid{grid-template-columns:1fr}.obs-timeline-row{grid-template-columns:10px 1fr auto;gap:8px}.obs-timeline-row .obs-timeline-time,.obs-timeline-row em,.obs-timeline-row code,.obs-timeline-row small{display:none}.obs-source-list>div{grid-template-columns:1fr auto}.obs-source-list em{grid-column:1/-1}.obs-release-list>div{grid-template-columns:1fr auto}.obs-release-list small{grid-column:1/-1}.obs-event-head{align-items:flex-start;flex-direction:column}}

/* Loki 6.9.8 · Centro Operativo */
.loki-system-ui .ops-command-center-v698{display:grid;gap:18px}
.loki-system-ui .ops-command-center-title{align-items:flex-start}
.loki-system-ui .ops-focus-counts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.loki-system-ui .ops-focus-counts>span{display:flex;align-items:baseline;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);font-size:12px;color:var(--text-soft)}
.loki-system-ui .ops-focus-counts b{font-size:16px;color:var(--text)}
.loki-system-ui .ops-quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.loki-system-ui .ops-quick-action{appearance:none;text-align:left;display:flex;align-items:center;gap:11px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text);text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.12);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.loki-system-ui .ops-quick-action:hover,.loki-system-ui .ops-quick-action:focus-visible{transform:translateY(-2px);border-color:var(--state-working);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.loki-system-ui .ops-quick-action>span{font-size:20px;line-height:1}
.loki-system-ui .ops-quick-action div{display:grid;gap:2px;min-width:0}
.loki-system-ui .ops-quick-action strong{font-size:13px}
.loki-system-ui .ops-quick-action small{font-size:11px;color:var(--text-soft);white-space:normal}
.loki-system-ui .ops-quick-action.primary{border-color:color-mix(in srgb,var(--state-working) 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--state-working) 18%,transparent),0 12px 28px rgba(0,0,0,.16)}
.loki-system-ui .ops-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.loki-system-ui .ops-focus-column{min-width:0;border-left:2px solid var(--line);padding-left:14px}
.loki-system-ui .ops-focus-column.bucket-now{border-left-color:var(--state-danger)}
.loki-system-ui .ops-focus-column.bucket-next{border-left-color:var(--state-working)}
.loki-system-ui .ops-focus-column.bucket-upcoming{border-left-color:var(--state-rest)}
.loki-system-ui .ops-focus-column>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.loki-system-ui .ops-focus-column h3{margin:2px 0 0;font-size:20px}
.loki-system-ui .ops-focus-column>header>b{font-size:24px;line-height:1}
.loki-system-ui .ops-focus-hint{min-height:34px;margin:7px 0 12px;font-size:11px;color:var(--text-soft)}
.loki-system-ui .ops-focus-list{display:grid;gap:3px}
.loki-system-ui .ops-focus-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 4px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:background .14s ease,padding .14s ease}
.loki-system-ui .ops-focus-item:hover,.loki-system-ui .ops-focus-item:focus-visible{background:var(--surface-soft);padding-left:9px;padding-right:9px}
.loki-system-ui .ops-focus-item>div{display:grid;gap:2px;min-width:0}
.loki-system-ui .ops-focus-item strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loki-system-ui .ops-focus-item small,.loki-system-ui .ops-focus-item em{font-size:10px;color:var(--text-soft);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loki-system-ui .ops-focus-item>b{font-size:10px;white-space:nowrap;color:var(--text-soft)}
.loki-system-ui .ops-focus-module{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}
.loki-system-ui .ops-focus-item.critical{border-left:2px solid var(--state-danger);padding-left:8px}
.loki-system-ui .ops-focus-item.active{border-left:2px solid var(--state-working);padding-left:8px}
.loki-system-ui .ops-focus-item.pending,.loki-system-ui .ops-focus-item.warning{border-left:2px solid var(--state-editing);padding-left:8px}
.loki-system-ui .ops-focus-empty{display:flex;gap:10px;align-items:center;padding:13px 0;color:var(--text-soft)}
.loki-system-ui .ops-focus-empty>span{font-size:18px}
.loki-system-ui .ops-focus-empty>div{display:grid;gap:2px}
.loki-system-ui .ops-focus-empty strong{font-size:12px;color:var(--text)}
.loki-system-ui .ops-focus-empty small{font-size:10px}
@media (min-width:2200px){.loki-system-ui .ops-focus-grid{grid-template-columns:repeat(3,minmax(420px,1fr))}.loki-system-ui .ops-quick-actions{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@media (max-width:1180px){.loki-system-ui .ops-focus-grid{grid-template-columns:1fr}.loki-system-ui .ops-focus-hint{min-height:0}.loki-system-ui .ops-focus-item{grid-template-columns:100px minmax(0,1fr) auto}}
@media (max-width:680px){.loki-system-ui .ops-focus-counts{justify-content:flex-start}.loki-system-ui .ops-quick-actions{grid-template-columns:1fr}.loki-system-ui .ops-focus-item{grid-template-columns:1fr}.loki-system-ui .ops-focus-item>b{justify-self:start}}

/* Loki 6.10.0 · Assurance Certification */
.loki-system-ui .assurance-certification-panel{display:grid;gap:16px;margin:16px 0 18px;border-left:3px solid var(--state-rest)}
.loki-system-ui .assurance-certification-panel .panel-title{align-items:flex-start}
.loki-system-ui .certification-state{display:grid;justify-items:end;gap:3px;min-width:120px}.loki-system-ui .certification-state strong{font-size:30px;line-height:1}.loki-system-ui .certification-state small{color:var(--text-soft)}
.loki-system-ui .assurance-quality-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.loki-system-ui .assurance-quality-grid article{display:grid;gap:3px;padding:12px 0;border-bottom:1px solid var(--line)}.loki-system-ui .assurance-quality-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft)}.loki-system-ui .assurance-quality-grid strong{font-size:24px}.loki-system-ui .assurance-quality-grid small{font-size:11px;color:var(--text-soft)}
.loki-system-ui .certification-message{display:flex;gap:12px;align-items:flex-start;padding:11px 14px;border-radius:10px}.loki-system-ui .certification-message ul{margin:0;padding-left:18px}.loki-system-ui .certification-message li+li{margin-top:3px}
.loki-system-ui .certification-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.loki-system-ui .certification-actions form{margin:0}.loki-system-ui .certification-version-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.loki-system-ui .certification-version-form label{display:grid;gap:4px;font-size:11px;color:var(--text-soft)}.loki-system-ui .certification-version-form input{min-width:110px}
.loki-system-ui .protocol-readonly{position:relative}.loki-system-ui .protocol-readonly form{opacity:.72}.loki-system-ui .protocol-readonly form button:disabled{display:none}.loki-system-ui .protocol-readonly [data-editable]{cursor:default}
.loki-system-ui .protocol-quality-mini{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid var(--line);font-size:11px;color:var(--text-soft)}.loki-system-ui .protocol-quality-mini b{font-size:15px;color:var(--text)}.loki-system-ui .protocol-quality-mini .quality-pass{color:var(--state-working)}.loki-system-ui .protocol-quality-mini .quality-gap{color:var(--state-editing)}
@media(min-width:1900px){.loki-system-ui .assurance-quality-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}}
@media(max-width:760px){.loki-system-ui .certification-state{justify-items:start}.loki-system-ui .certification-actions,.loki-system-ui .certification-version-form{display:grid;grid-template-columns:1fr;width:100%}.loki-system-ui .certification-actions .btn,.loki-system-ui .certification-version-form input{width:100%}}

/* Loki 6.11.0 · Network Intelligence */
.loki-system-ui .network-intelligence-head{align-items:flex-start}.loki-system-ui .network-intel-tabs{position:sticky;top:62px;z-index:20;display:flex;gap:6px;width:max-content;max-width:100%;margin:0 0 16px;padding:5px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.16);overflow:auto}.loki-system-ui .network-intel-tabs a{padding:8px 12px;border-radius:9px;color:var(--text-soft);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.loki-system-ui .network-intel-tabs a:hover,.loki-system-ui .network-intel-tabs a:focus-visible{background:var(--surface-soft);color:var(--text);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.loki-system-ui .network-intel-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;margin-bottom:18px}.loki-system-ui .network-intel-kpis article{display:grid;gap:2px;padding:13px 0;border-bottom:2px solid var(--state-rest)}.loki-system-ui .network-intel-kpis article.has-drift{border-bottom-color:var(--state-editing)}.loki-system-ui .network-intel-kpis span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}.loki-system-ui .network-intel-kpis strong{font-size:26px}.loki-system-ui .network-intel-kpis small{color:var(--text-soft)}
.loki-system-ui .network-intel-panel,.loki-system-ui .network-intel-section{scroll-margin-top:125px;margin-bottom:22px}.loki-system-ui .network-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:26px 0 12px}.loki-system-ui .network-section-head h2{margin:2px 0 4px}.loki-system-ui .network-section-head p{margin:0;color:var(--text-soft)}.loki-system-ui .network-intel-table{max-height:520px}.loki-system-ui .network-drift-row.is-drift{box-shadow:inset 2px 0 0 var(--state-editing)}.loki-system-ui .network-drift-row.is-match{opacity:.82}.loki-system-ui .network-intel-table code,.loki-system-ui #ipam code,.loki-system-ui #discovery code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:#c5d7d3}.loki-system-ui .data-table td small{display:block;margin-top:2px;color:var(--text-soft)}
.loki-system-ui .network-ipam-grid,.loki-system-ui .network-discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;margin-bottom:14px}.loki-system-ui .network-compact-list{display:grid}.loki-system-ui .network-compact-list>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr) auto;gap:12px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line)}.loki-system-ui .network-compact-list>article>div:first-child{display:grid;gap:2px}.loki-system-ui .network-compact-list strong{font-size:12px}.loki-system-ui .network-compact-list span:not(.status-pill),.loki-system-ui .network-compact-list small{font-size:11px;color:var(--text-soft)}.loki-system-ui .network-run-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.loki-system-ui .network-run-actions form{margin:0}
.loki-system-ui .network-observation-feed{display:grid;max-height:480px;overflow:auto}.loki-system-ui .network-observation-feed>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line)}.loki-system-ui .network-observation-feed>article>div{display:grid;gap:2px;min-width:0}.loki-system-ui .network-observation-feed code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loki-system-ui .network-observation-feed small{color:var(--text-soft);font-size:10px}.loki-system-ui .network-vlan-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px;border:1px solid var(--line);border-radius:10px;padding:12px}.loki-system-ui .network-vlan-checks legend{padding:0 6px;color:var(--text-soft);font-size:11px}.loki-system-ui .network-vlan-checks label{display:flex;align-items:center;gap:7px;font-size:11px}.loki-system-ui .network-vlan-checks input{width:auto}
@media(min-width:1900px){.loki-system-ui .network-intel-kpis{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.loki-system-ui .network-ipam-grid{grid-template-columns:repeat(auto-fill,minmax(520px,1fr))}.loki-system-ui .network-discovery-grid{grid-template-columns:minmax(420px,.8fr) minmax(680px,1.5fr)}}
@media(max-width:760px){.loki-system-ui .network-section-head{align-items:flex-start;flex-direction:column}.loki-system-ui .network-ipam-grid,.loki-system-ui .network-discovery-grid{grid-template-columns:1fr}.loki-system-ui .network-compact-list>article{grid-template-columns:1fr}.loki-system-ui .network-run-actions{justify-content:flex-start}.loki-system-ui .network-observation-feed>article{grid-template-columns:auto 1fr}.loki-system-ui .network-observation-feed>article>small{grid-column:2}.loki-system-ui .network-intel-tabs{width:100%}}

/* Loki 6.12.0 · Bifrost 3.0 ------------------------------------------------ */
.bifrost-voice-button.is-recording{border-color:color-mix(in srgb,var(--state-danger,#ef5350) 62%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--state-danger,#ef5350) 28%,transparent),0 0 24px color-mix(in srgb,var(--state-danger,#ef5350) 18%,transparent);animation:bifrostVoicePulse 1.15s ease-in-out infinite}
@keyframes bifrostVoicePulse{50%{transform:translateY(-1px);filter:brightness(1.16)}}
.support-evidence-audio{width:min(100%,360px);height:34px;margin-top:5px}.support-evidence-provenance{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.support-evidence-provenance .btn{font-size:10px;opacity:.9}
.bifrost-annotation-dialog,.bifrost-context-dialog{width:min(96vw,1280px);max-width:none;border:1px solid var(--line);border-radius:22px;background:var(--surface-1,#10151d);color:var(--text);padding:0;box-shadow:0 34px 120px rgba(0,0,0,.55)}.bifrost-context-dialog{width:min(92vw,720px)}.bifrost-annotation-dialog::backdrop,.bifrost-context-dialog::backdrop{background:rgba(3,7,12,.78);backdrop-filter:blur(7px)}
.bifrost-annotation-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:92dvh;min-height:min(760px,88dvh)}.bifrost-annotation-head,.bifrost-context-shell>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.bifrost-annotation-head>div{display:grid;gap:2px}.bifrost-annotation-head small{color:var(--muted);font-size:11px}.bifrost-annotation-toolbar{display:flex;align-items:center;gap:7px;padding:10px 18px;border-bottom:1px solid var(--line);overflow-x:auto}.bifrost-annotation-toolbar .is-active{border-color:var(--state-editing,#f5c542);box-shadow:0 0 0 1px color-mix(in srgb,var(--state-editing,#f5c542) 28%,transparent)}.bifrost-annotation-spacer{flex:1}.bifrost-annotation-stage{position:relative;display:grid;place-items:center;min-height:0;padding:14px;overflow:auto;background:linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%),linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%);background-size:20px 20px;background-position:0 0,10px 10px}.bifrost-annotation-stage img{display:block;max-width:100%;max-height:68dvh;object-fit:contain;user-select:none}.bifrost-annotation-stage canvas{position:absolute;touch-action:none;cursor:crosshair}.bifrost-annotation-shell footer{padding:10px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.bifrost-context-shell{padding-bottom:16px}.bifrost-context-shell>p{margin:14px 18px;color:var(--muted);line-height:1.45}.bifrost-context-list{display:grid;gap:7px;padding:0 18px 14px;max-height:48dvh;overflow:auto}.bifrost-context-row{padding:10px 12px;border-left:2px solid var(--state-rest,#4e9cff);background:rgba(255,255,255,.025)}.bifrost-context-row.relation-reference{border-left-color:var(--muted)}.bifrost-context-row>div{display:grid;grid-template-columns:minmax(145px,.6fr) minmax(160px,1fr) auto;gap:10px;align-items:center}.bifrost-context-row span,.bifrost-context-row small{color:var(--muted)}.bifrost-context-shell form{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:end;padding:14px 18px 0;border-top:1px solid var(--line)}.bifrost-context-shell form label{display:grid;gap:5px;font-size:11px;color:var(--muted)}
@media(max-width:760px){.bifrost-annotation-shell{min-height:84dvh}.bifrost-annotation-toolbar{padding:8px 10px}.bifrost-annotation-stage{padding:8px}.bifrost-context-shell form{grid-template-columns:1fr}.bifrost-context-row>div{grid-template-columns:1fr}.bifrost-annotation-spacer{display:none}}

/* Loki 6.13.0 · Integraciones y automatización */
.loki-system-ui .integration-head{align-items:flex-end;gap:24px}.loki-system-ui .integration-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.loki-system-ui .integration-tabs{position:sticky;top:64px;z-index:18;display:flex;gap:4px;overflow:auto;padding:8px;margin:0 0 18px;background:color-mix(in srgb,var(--surface-0,#0d1117) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle,#28313e)}.loki-system-ui .integration-tabs a{white-space:nowrap;padding:9px 13px;border-radius:10px;color:var(--text-muted,#9ba7b4);text-decoration:none}.loki-system-ui .integration-tabs a:hover,.loki-system-ui .integration-tabs a:focus-visible{color:var(--text-main,#edf2f7);background:var(--surface-raised,#171d26);box-shadow:0 7px 20px rgba(0,0,0,.2)}
.loki-system-ui .integration-secret-once{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1.2fr);gap:18px;align-items:center;margin:0 0 18px;padding:18px 20px;border:1px solid rgba(245,194,66,.45);border-radius:16px;background:linear-gradient(135deg,rgba(245,194,66,.10),rgba(245,194,66,.025));box-shadow:0 12px 30px rgba(0,0,0,.16)}.loki-system-ui .integration-secret-once h2{margin:3px 0 4px}.loki-system-ui .integration-secret-once p{margin:0;color:var(--text-muted)}.loki-system-ui .integration-secret-value{display:flex;align-items:center;gap:8px;min-width:0}.loki-system-ui .integration-secret-value code{flex:1;min-width:0;padding:12px 14px;overflow:auto;border-radius:10px;background:var(--surface-0,#0c1016);border:1px solid var(--border-subtle,#28313e);font-size:.85rem}
.loki-system-ui .integration-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0 0 18px}.loki-system-ui .integration-kpis article{padding:16px 18px;border-top:2px solid var(--state-rest,#4f8cff);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.loki-system-ui .integration-kpis small,.loki-system-ui .integration-kpis span{display:block;color:var(--text-muted)}.loki-system-ui .integration-kpis strong{display:block;margin:5px 0;font-size:1.8rem;font-variant-numeric:tabular-nums}.loki-system-ui .integration-panel{scroll-margin-top:124px;margin-bottom:18px}.loki-system-ui .integration-panel h3{margin:24px 0 10px}
.loki-system-ui .integration-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-items:end;padding:16px 0 20px;border-bottom:1px solid var(--border-subtle,#28313e);margin-bottom:14px}.loki-system-ui .integration-form label{display:grid;gap:6px;min-width:0}.loki-system-ui .integration-form label>span,.loki-system-ui .integration-form legend{font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.loki-system-ui .integration-form label.wide{grid-column:span 2}.loki-system-ui .integration-form textarea{resize:vertical}.loki-system-ui .integration-form small{color:var(--text-muted);font-size:.72rem}.loki-system-ui .integration-scopes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0;min-width:260px}.loki-system-ui .integration-scopes legend{width:100%;margin:0 0 4px}.loki-system-ui .integration-scopes label{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--border-subtle,#28313e);border-radius:999px}.loki-system-ui .integration-check{display:flex!important;align-items:center;gap:8px;padding:10px 0}.loki-system-ui .integration-check>span{font-size:.86rem!important;color:var(--text-main)!important;text-transform:none!important;letter-spacing:0!important}.loki-system-ui .integration-api-contract{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.loki-system-ui .integration-api-contract code{padding:6px 8px;border-radius:8px;background:var(--surface-0,#0d1117);border:1px solid var(--border-subtle,#28313e);font-size:.75rem}
.loki-system-ui .integration-row-list{display:grid;gap:1px}.loki-system-ui .integration-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--border-subtle,#28313e)}.loki-system-ui .integration-row>div:first-child{display:flex;align-items:flex-start;gap:10px;min-width:0}.loki-system-ui .integration-row b,.loki-system-ui .integration-row small{display:block}.loki-system-ui .integration-row small{margin-top:3px;color:var(--text-muted);overflow-wrap:anywhere}.loki-system-ui .integration-dot{width:9px;height:9px;flex:0 0 9px;margin-top:6px;border-radius:50%;background:var(--state-rest,#4f8cff);box-shadow:0 0 0 4px color-mix(in srgb,var(--state-rest,#4f8cff) 14%,transparent)}.loki-system-ui .integration-dot.active{background:#38b879;box-shadow:0 0 0 4px rgba(56,184,121,.14)}.loki-system-ui .integration-dot.waiting{background:#e5b541;box-shadow:0 0 0 4px rgba(229,181,65,.14)}.loki-system-ui .integration-dot.off{background:#6b7280;box-shadow:none}.loki-system-ui .integration-row-stats{display:flex;gap:18px}.loki-system-ui .integration-row-stats span{text-align:right}.loki-system-ui .integration-row-stats b,.loki-system-ui .integration-row-stats small{display:block}.loki-system-ui .integration-actions{display:flex;gap:6px;align-items:center}.loki-system-ui .integration-notification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.loki-system-ui .integration-notification{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--border-subtle,#28313e)}.loki-system-ui .integration-notification.unread{border-left:3px solid var(--state-rest,#4f8cff);padding-left:12px}.loki-system-ui .integration-notification p{margin:3px 0;color:var(--text-muted)}.loki-system-ui .integration-notification>div:last-child{display:flex;gap:6px;align-items:center}.loki-system-ui .block{display:block;margin-top:3px}.loki-system-ui .text-danger{color:var(--state-danger,#e45b64)}
@media (min-width:2200px){.loki-system-ui .integration-kpis{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.loki-system-ui .integration-form{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.loki-system-ui .integration-notification-grid{grid-template-columns:repeat(auto-fill,minmax(560px,1fr))}}
@media (max-width:900px){.loki-system-ui .integration-secret-once,.loki-system-ui .integration-notification-grid{grid-template-columns:1fr}.loki-system-ui .integration-form label.wide{grid-column:auto}.loki-system-ui .integration-row{grid-template-columns:1fr}.loki-system-ui .integration-row-stats span{text-align:left}.loki-system-ui .integration-actions{flex-wrap:wrap}.loki-system-ui .integration-tabs{top:56px}}

/* Loki 6.14 RC · acciones que cambian contexto siempre mediante POST explícito. */
.company-switch-form{margin:0}.company-switch-button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 8px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.company-switch-button:hover,.company-switch-button:focus-visible{background:var(--surface-hover,#18231d);outline:none}.company-switch-button>span:not(.company-avatar){display:grid}.company-switch-button strong{font-size:11px}.company-switch-button small{font-size:8px;color:var(--muted)}.company-card-actions-v6818 .inline-form{display:flex;margin:0}.company-card-actions-v6818 .inline-form .btn{width:100%}.invite-confirmation-page .auth-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}

/* ============================================================
   6.15.0 · Director de Protocolos WYSIWYG
   Vista primero: el protocolo se lee como ejecución de Ticket.
   No cambia modelo, persistencia ni semántica de resultados.
   ============================================================ */
.loki-system-ui .protocol-director-header-v6150
{
    margin-bottom:10px;
}

.loki-system-ui .protocol-wysiwyg-shell-v6150
{
    width:100%;
    max-width:none;
    margin:0 0 14px;
    border-top:1px solid var(--border-soft);
    border-bottom:1px solid var(--border-soft);
}

.loki-system-ui .protocol-wysiwyg-hero-v6150
{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    padding:18px 4px 20px;
    border-bottom:1px solid var(--border-soft);
}

.loki-system-ui .protocol-wysiwyg-hero-copy-v6150
{
    min-width:0;
    flex:1 1 auto;
}

.loki-system-ui .protocol-wysiwyg-hero-v6150 h2
{
    margin:7px 0 6px;
    font-size:clamp(24px,2.2vw,36px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.loki-system-ui .protocol-wysiwyg-hero-v6150 p
{
    max-width:1050px;
    margin:0;
    color:var(--muted);
    line-height:1.55;
}

.loki-system-ui .protocol-wysiwyg-meta-v6150
{
    display:flex;
    align-items:stretch;
    gap:0;
    flex-wrap:wrap;
    margin-top:16px;
    border-top:1px solid var(--border-soft);
    border-bottom:1px solid var(--border-soft);
}

.loki-system-ui .protocol-wysiwyg-meta-v6150>span
{
    min-width:150px;
    padding:9px 18px 9px 0;
    margin-right:18px;
    border-right:1px solid var(--border-soft);
}

.loki-system-ui .protocol-wysiwyg-meta-v6150 small,
.loki-system-ui .protocol-wysiwyg-meta-v6150 b
{
    display:block;
}

.loki-system-ui .protocol-wysiwyg-meta-v6150 small
{
    color:#70857a;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.loki-system-ui .protocol-wysiwyg-meta-v6150 b
{
    margin-top:3px;
    color:var(--text);
    font-size:11px;
}

.loki-system-ui .protocol-wysiwyg-time-v6150
{
    margin-top:2px;
}

.loki-system-ui .protocol-wysiwyg-instructions-v6150,
.loki-system-ui .protocol-wysiwyg-preflight-v6150,
.loki-system-ui .protocol-wysiwyg-process-v6150,
.loki-system-ui .protocol-wysiwyg-result-v6150
{
    padding:18px 4px;
    border-bottom:1px solid var(--border-soft);
}

.loki-system-ui .protocol-wysiwyg-instructions-v6150 p
{
    max-width:1200px;
    margin:6px 0 0;
    color:#a9bbb1;
    line-height:1.55;
}

.loki-system-ui .protocol-wysiwyg-section-head-v6150
{
    margin-bottom:14px;
}

.loki-system-ui .protocol-wysiwyg-section-head-v6150 h3,
.loki-system-ui .protocol-wysiwyg-result-v6150 h3
{
    margin:4px 0 3px;
    font-size:18px;
}

.loki-system-ui .protocol-wysiwyg-section-head-v6150 p,
.loki-system-ui .protocol-wysiwyg-result-v6150 p
{
    margin:0;
    color:var(--muted);
    font-size:9px;
    line-height:1.45;
}

.loki-system-ui .protocol-wysiwyg-process-head-v6150
{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.loki-system-ui .protocol-wysiwyg-requirements-v6150
{
    display:grid;
    gap:0;
    border-top:1px solid var(--border-soft);
}

.loki-system-ui .protocol-wysiwyg-requirements-v6150>span
{
    display:grid;
    grid-template-columns:18px minmax(160px,.7fr) minmax(220px,1.5fr) auto;
    gap:10px;
    align-items:center;
    padding:9px 0;
    border-bottom:1px solid var(--border-soft);
}

.loki-system-ui .protocol-wysiwyg-requirements-v6150 i
{
    color:#72877b;
    font-size:8px;
    font-style:normal;
}

.loki-system-ui .protocol-wysiwyg-requirements-v6150 .is-required i
{
    color:var(--state-editing);
}

.loki-system-ui .protocol-wysiwyg-requirements-v6150 b
{
    font-size:10px;
}

.loki-system-ui .protocol-wysiwyg-requirements-v6150 small
{
    color:var(--muted);
    font-size:9px;
}

.loki-system-ui .protocol-wysiwyg-requirements-v6150 em
{
    color:#71877b;
    font-size:8px;
    font-style:normal;
    text-transform:uppercase;
}

.loki-system-ui .protocol-wysiwyg-timeline-v6150
{
    width:100%;
    max-width:none;
    display:grid;
    gap:0;
}

.loki-system-ui .protocol-wysiwyg-step-v6150
{
    position:relative;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:14px;
    align-items:stretch;
    min-width:0;
    padding:0 0 18px;
}

.loki-system-ui .protocol-wysiwyg-step-v6150:last-child
{
    padding-bottom:0;
}

.loki-system-ui .protocol-wysiwyg-rail-v6150
{
    width:54px;
    height:100%;
    min-height:100%;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:0!important;
}

.loki-system-ui .protocol-wysiwyg-rail-v6150>strong
{
    position:relative;
    z-index:2;
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border:2px solid var(--protocol);
    border-radius:50%;
    color:#e7dcff;
    background:#111019;
    box-shadow:0 0 0 5px rgba(181,140,255,.07);
    font-size:12px!important;
    line-height:1;
}

.loki-system-ui .protocol-wysiwyg-rail-v6150>span
{
    width:2px;
    min-height:18px;
    flex:1 1 auto;
    margin-top:5px;
    background:linear-gradient(180deg,var(--protocol),rgba(181,140,255,.12));
}

.loki-system-ui .protocol-wysiwyg-step-v6150:last-child .protocol-wysiwyg-rail-v6150>span
{
    opacity:0;
}

.loki-system-ui .protocol-wysiwyg-step-card-v6150
{
    width:100%;
    max-width:none;
    margin:0;
    border-color:#2f493b;
    background:radial-gradient(circle at 18% 0%,rgba(181,140,255,.045),transparent 36%),linear-gradient(180deg,#0f1713,#0a110e);
}

.loki-system-ui .protocol-wysiwyg-step-card-v6150>.ticket-clean-focus-top>div:first-child
{
    min-width:0;
}

.loki-system-ui .protocol-wysiwyg-step-card-v6150 .ticket-clean-focus-top p
{
    max-width:1100px;
    font-size:10px;
}

.loki-system-ui .protocol-wysiwyg-results-v6150 .ticket-result-choice:disabled
{
    opacity:.76;
}

.loki-system-ui .protocol-wysiwyg-note-v6150 input:disabled
{
    color:#789084;
    border-color:#203229;
    background:#09110d;
    opacity:1;
}

.loki-system-ui .protocol-wysiwyg-evidence-v6150
{
    opacity:.9;
}

.loki-system-ui .protocol-wysiwyg-evidence-placeholder-v6150
{
    min-height:64px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:11px 0;
    border-top:1px dashed #2b4a4f;
    border-bottom:1px dashed #2b4a4f;
    color:#8fcbd1;
}

.loki-system-ui .protocol-wysiwyg-evidence-placeholder-v6150>i
{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid #2c6d73;
    border-radius:50%;
    color:#aef7ff;
    font-size:18px;
    font-style:normal;
}

.loki-system-ui .protocol-wysiwyg-evidence-placeholder-v6150 b,
.loki-system-ui .protocol-wysiwyg-evidence-placeholder-v6150 small
{
    display:block;
}

.loki-system-ui .protocol-wysiwyg-evidence-placeholder-v6150 b
{
    font-size:10px;
}

.loki-system-ui .protocol-wysiwyg-evidence-placeholder-v6150 small
{
    margin-top:2px;
    color:#718f91;
    font-size:8px;
}

.loki-system-ui .protocol-wysiwyg-continue-v6150 .ticket-continue-button:disabled
{
    opacity:.52;
}

.loki-system-ui .protocol-wysiwyg-step-editor-v6150
{
    margin-top:14px;
    padding-top:11px;
    border-top:1px solid var(--border-soft);
}

.loki-system-ui .protocol-wysiwyg-step-editor-v6150>summary,
.loki-system-ui .protocol-designer-settings-v6150>summary,
.loki-system-ui .protocol-supporting-config-v6150>summary
{
    cursor:pointer;
    list-style:none;
}

.loki-system-ui .protocol-wysiwyg-step-editor-v6150>summary::-webkit-details-marker,
.loki-system-ui .protocol-designer-settings-v6150>summary::-webkit-details-marker,
.loki-system-ui .protocol-supporting-config-v6150>summary::-webkit-details-marker
{
    display:none;
}

.loki-system-ui .protocol-wysiwyg-step-editor-v6150>summary
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#bea9e8;
    font-size:9px;
    font-weight:850;
}

.loki-system-ui .protocol-wysiwyg-step-editor-v6150>summary small
{
    color:#71877b;
    font-size:8px;
    font-weight:500;
}

.loki-system-ui .protocol-wysiwyg-step-editor-v6150[open]>summary
{
    margin-bottom:12px;
}

.loki-system-ui .protocol-wysiwyg-step-editor-v6150 .protocol-step-editor
{
    padding:12px 0 0;
    border-top:1px solid rgba(181,140,255,.12);
}

.loki-system-ui .protocol-wysiwyg-step-tools-v6150
{
    display:flex;
    justify-content:flex-end;
    gap:5px;
    margin-top:10px;
}

.loki-system-ui .protocol-wysiwyg-step-tools-v6150 form
{
    margin:0;
}

.loki-system-ui .protocol-wysiwyg-result-v6150
{
    padding-left:72px;
    border-bottom:0;
}

.loki-system-ui .protocol-wysiwyg-result-v6150 h3
{
    max-width:1050px;
    color:#d8c5ff;
}

.loki-system-ui .protocol-designer-settings-v6150,
.loki-system-ui .protocol-supporting-config-v6150
{
    width:100%;
    max-width:none;
    margin:12px 0;
    border-top:1px solid var(--border-soft);
    border-bottom:1px solid var(--border-soft);
}

.loki-system-ui .protocol-designer-settings-v6150>summary,
.loki-system-ui .protocol-supporting-config-v6150>summary
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 4px;
}

.loki-system-ui .protocol-designer-settings-v6150>summary span,
.loki-system-ui .protocol-supporting-config-v6150>summary span
{
    color:#d8c5ff;
    font-size:11px;
    font-weight:850;
}

.loki-system-ui .protocol-designer-settings-v6150>summary small,
.loki-system-ui .protocol-supporting-config-v6150>summary small
{
    color:var(--muted);
    font-size:9px;
    text-align:right;
}

.loki-system-ui .protocol-designer-settings-form-v6150
{
    padding:14px 4px 18px;
    border-top:1px solid var(--border-soft);
}

.loki-system-ui .protocol-supporting-config-v6150>.detail-grid
{
    margin-top:0;
    padding:14px 0 2px;
    border-top:1px solid var(--border-soft);
}


@media(max-width:760px)
{
    .loki-system-ui .protocol-wysiwyg-hero-v6150,
    .loki-system-ui .protocol-wysiwyg-process-head-v6150,
    .loki-system-ui .protocol-designer-settings-v6150>summary,
    .loki-system-ui .protocol-supporting-config-v6150>summary
    {
        align-items:flex-start;
        flex-direction:column;
    }

    .loki-system-ui .protocol-wysiwyg-meta-v6150
    {
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
    }

    .loki-system-ui .protocol-wysiwyg-meta-v6150>span
    {
        min-width:0;
        margin:0;
        padding:8px 10px 8px 0;
        border-right:0;
    }

    .loki-system-ui .protocol-wysiwyg-requirements-v6150>span
    {
        grid-template-columns:18px 1fr auto;
    }

    .loki-system-ui .protocol-wysiwyg-requirements-v6150 small
    {
        grid-column:2/-1;
    }

    .loki-system-ui .protocol-wysiwyg-step-v6150
    {
        grid-template-columns:34px minmax(0,1fr);
        gap:8px;
    }

    .loki-system-ui .protocol-wysiwyg-rail-v6150
    {
        width:34px;
    }

    .loki-system-ui .protocol-wysiwyg-rail-v6150>strong
    {
        width:30px;
        height:30px;
        flex-basis:30px;
        box-shadow:0 0 0 3px rgba(181,140,255,.07);
        font-size:10px!important;
    }

    .loki-system-ui .protocol-wysiwyg-step-card-v6150
    {
        padding:12px;
    }

    .loki-system-ui .protocol-wysiwyg-result-v6150
    {
        padding-left:42px;
    }

    .loki-system-ui .protocol-designer-settings-v6150>summary small,
    .loki-system-ui .protocol-supporting-config-v6150>summary small
    {
        text-align:left;
    }
}

/* Loki 6.15.0.2 · revisión visual de Protocolos */
.loki-system-ui .protocol-symptoms-v61502,
.loki-system-ui .protocol-foundation-v61502
{
    padding:18px 4px;
    border-bottom:1px solid var(--border-soft);
}

.loki-system-ui .protocol-symptoms-v61502 p
{
    max-width:1200px;
    margin:6px 0 0;
    color:#b9c8c0;
    line-height:1.55;
}

.loki-system-ui .protocol-foundation-head-v61502
{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
}

.loki-system-ui .protocol-foundation-head-v61502 h3
{
    margin:4px 0 3px;
    font-size:18px;
}

.loki-system-ui .protocol-foundation-head-v61502 p
{
    max-width:1000px;
    margin:0;
    color:var(--muted);
    font-size:9px;
    line-height:1.45;
}

.loki-system-ui .protocol-foundation-form-v61502
{
    margin-top:12px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:end;
}

.loki-system-ui .editor-purpose-grid-v61502
{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.loki-system-ui .protocol-step-create-grid-v61502
{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    align-items:start;
}

.loki-system-ui .protocol-step-create-grid-v61502>.span-2
{
    grid-column:span 2;
}

.loki-system-ui .protocol-step-create-grid-v61502>.span-4
{
    grid-column:1/-1;
}

.loki-system-ui .protocol-step-advanced-v61502,
.loki-system-ui .protocol-step-normative-v61502
{
    border-top:1px solid var(--border-soft);
    padding-top:10px;
}

.loki-system-ui .protocol-step-advanced-v61502>summary,
.loki-system-ui .protocol-step-normative-v61502>summary
{
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    gap:12px;
    color:#bba7e4;
    font-size:9px;
    font-weight:800;
}

.loki-system-ui .protocol-step-advanced-v61502>label,
.loki-system-ui .protocol-step-normative-v61502>label
{
    display:block;
    margin-top:10px;
}

@media(max-width:1100px)
{
    .loki-system-ui .editor-purpose-grid-v61502,
    .loki-system-ui .protocol-step-create-grid-v61502
    {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .loki-system-ui .protocol-step-create-grid-v61502>.span-4
    {
        grid-column:1/-1;
    }
}

@media(max-width:760px)
{
    .loki-system-ui .protocol-foundation-form-v61502,
    .loki-system-ui .editor-purpose-grid-v61502,
    .loki-system-ui .protocol-step-create-grid-v61502
    {
        grid-template-columns:1fr;
    }

    .loki-system-ui .protocol-step-create-grid-v61502>.span-2,
    .loki-system-ui .protocol-step-create-grid-v61502>.span-4
    {
        grid-column:1;
    }
}

/* Loki 6.15.1 · editor visual de estructura de Protocolos */
.loki-system-ui .protocol-structure-head-actions-v6151
{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}

.loki-system-ui .protocol-structure-toggle-v6151
{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.loki-system-ui .protocol-structure-bar-v6151
{
    margin:0 0 14px 54px;
    padding:11px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border:1px solid rgba(181,140,255,.2);
    border-radius:10px;
    background:linear-gradient(90deg,rgba(181,140,255,.08),rgba(87,228,198,.035));
}

.loki-system-ui .protocol-structure-bar-v6151[hidden]
{
    display:none!important;
}

.loki-system-ui .protocol-structure-bar-v6151>div
{
    min-width:0;
}

.loki-system-ui .protocol-structure-bar-v6151 b,
.loki-system-ui .protocol-structure-bar-v6151 small
{
    display:block;
}

.loki-system-ui .protocol-structure-bar-v6151 b
{
    margin-top:3px;
    color:#ddd0fa;
    font-size:10px;
}

.loki-system-ui .protocol-structure-bar-v6151 small
{
    margin-top:2px;
    max-width:960px;
    color:#788b81;
    font-size:8px;
    line-height:1.45;
}

.loki-system-ui .protocol-step-structure-tools-v6151
{
    display:none;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    margin-top:6px;
}

.loki-system-ui .structure-mode-v6151 .protocol-step-structure-tools-v6151
{
    display:flex;
}

.loki-system-ui .protocol-step-structure-tools-v6151 button
{
    width:27px;
    height:27px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid #32463c;
    border-radius:7px;
    color:#a7bbb0;
    background:#0a120e;
    font:700 12px/1 system-ui,sans-serif;
    cursor:pointer;
}

.loki-system-ui .protocol-step-structure-tools-v6151 button:hover
{
    border-color:#725ca7;
    color:#e4d8ff;
    background:#151121;
}

.loki-system-ui .protocol-step-structure-tools-v6151 [data-step-preview-remove]:hover
{
    border-color:#7d3f49;
    color:#ffbcc5;
    background:#1b0d11;
}

.loki-system-ui .protocol-drag-handle-v6151
{
    cursor:grab!important;
    touch-action:none;
}

.loki-system-ui .protocol-drag-handle-v6151:active
{
    cursor:grabbing!important;
}

.loki-system-ui .protocol-step-insert-v6151
{
    display:none;
    grid-column:1/-1;
    width:calc(100% - 66px);
    min-height:24px;
    margin:-5px 0 7px 66px;
    padding:0 9px;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px dashed rgba(181,140,255,.18);
    border-radius:8px;
    color:#796e8d;
    background:transparent;
    font-size:8px;
    font-weight:750;
    cursor:pointer;
    transition:border-color .15s ease,color .15s ease,background .15s ease;
}

.loki-system-ui .structure-mode-v6151 .protocol-step-insert-v6151
{
    display:flex;
}

.loki-system-ui .protocol-step-insert-v6151:hover
{
    border-color:#8168bb;
    color:#d8c6ff;
    background:rgba(181,140,255,.055);
}

.loki-system-ui .protocol-step-insert-v6151 span
{
    font-size:13px;
    line-height:1;
}

.loki-system-ui .protocol-step-insert-v6151 small
{
    font-size:8px;
}

.loki-system-ui .protocol-step-insert-end-v6151
{
    width:calc(100% - 66px);
    margin:2px 0 0 66px;
}

.loki-system-ui .structure-mode-v6151 [data-step-item]
{
    transition:opacity .12s ease,transform .12s ease;
}

.loki-system-ui .structure-mode-v6151 [data-step-item] .protocol-wysiwyg-step-card-v6150
{
    outline:1px solid transparent;
    outline-offset:2px;
    transition:outline-color .14s ease,box-shadow .14s ease,opacity .14s ease;
}

.loki-system-ui .structure-mode-v6151 [data-step-item]:hover .protocol-wysiwyg-step-card-v6150
{
    outline-color:rgba(181,140,255,.18);
}

.loki-system-ui .is-dragging-v6151
{
    opacity:.44;
    transform:scale(.995);
}

.loki-system-ui .is-dragging-v6151 .protocol-wysiwyg-step-card-v6150
{
    box-shadow:0 0 0 2px rgba(181,140,255,.24),0 14px 40px rgba(0,0,0,.24);
}

.loki-system-ui .protocol-preview-step-v6151 .protocol-wysiwyg-rail-v6150>strong
{
    border-style:dashed;
    border-color:#8b72c3;
    color:#d8c8fa;
}

.loki-system-ui .protocol-preview-step-v6151 .protocol-wysiwyg-step-card-v6150
{
    border-style:dashed;
    border-color:#5d4d79;
    background:radial-gradient(circle at 18% 0%,rgba(181,140,255,.08),transparent 36%),linear-gradient(180deg,#12131a,#0b0d11);
}

.loki-system-ui .protocol-preview-note-v6151
{
    margin-top:11px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-top:1px dashed rgba(181,140,255,.22);
    color:#8d82a3;
    font-size:8px;
}

.loki-system-ui .protocol-preview-note-v6151 b
{
    color:#c9b5ef;
    white-space:nowrap;
}

.loki-system-ui .is-collapsed-v6151
{
    padding-bottom:8px;
}

.loki-system-ui .is-collapsed-v6151 .protocol-wysiwyg-step-card-v6150
{
    min-height:0;
    padding-bottom:11px;
}

.loki-system-ui .is-collapsed-v6151 .ticket-clean-focus-top
{
    margin-bottom:0;
}

.loki-system-ui .has-structure-preview-v6151 .protocol-structure-bar-v6151
{
    border-color:rgba(242,190,73,.28);
    background:linear-gradient(90deg,rgba(242,190,73,.07),rgba(181,140,255,.045));
}

@media(max-width:760px)
{
    .loki-system-ui .protocol-structure-head-actions-v6151
    {
        width:100%;
        justify-content:flex-start;
    }

    .loki-system-ui .protocol-structure-bar-v6151
    {
        margin-left:0;
        align-items:flex-start;
        flex-direction:column;
    }

    .loki-system-ui .protocol-step-insert-v6151,
    .loki-system-ui .protocol-step-insert-end-v6151
    {
        width:calc(100% - 42px);
        margin-left:42px;
    }

    .loki-system-ui .protocol-step-structure-tools-v6151
    {
        flex-wrap:wrap;
    }

    .loki-system-ui .protocol-preview-note-v6151
    {
        align-items:flex-start;
        flex-direction:column;
    }
}

/* Loki 6.15.2.1 · editor SUPERADMIN radicalmente simple */
.loki-system-ui .protocol-editor-note-v61521
{
    margin:0 0 12px 44px;
    padding:9px 11px;
    border-left:2px solid rgba(181,140,255,.55);
    background:linear-gradient(90deg,rgba(181,140,255,.065),transparent 78%);
}

.loki-system-ui .protocol-editor-note-v61521 b,
.loki-system-ui .protocol-editor-note-v61521 small
{
    display:block;
}

.loki-system-ui .protocol-editor-note-v61521 b
{
    margin-top:2px;
    color:#d9cef2;
    font-size:10px;
}

.loki-system-ui .protocol-editor-note-v61521 small
{
    margin-top:2px;
    max-width:980px;
    color:#788b81;
    font-size:8px;
    line-height:1.45;
}

.loki-system-ui .protocol-simple-timeline-v61521
{
    gap:0;
}

.loki-system-ui .protocol-simple-step-v61521
{
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    padding:0 0 3px;
}

.loki-system-ui .protocol-simple-step-rail-v61521
{
    grid-column:1;
    display:flex;
    min-height:100%;
    flex-direction:column;
    align-items:center;
}

.loki-system-ui .protocol-simple-drag-v61521
{
    position:relative;
    z-index:3;
    width:28px;
    height:28px;
    display:grid;
    flex:0 0 28px;
    place-items:center;
    margin:0 0 4px;
    padding:0;
    border:1px solid #33453c;
    border-radius:7px;
    color:#9dafA5;
    background:#0a120e;
    font:800 14px/1 system-ui,sans-serif;
    cursor:grab!important;
    touch-action:none;
}

.loki-system-ui .protocol-simple-drag-v61521:hover
{
    border-color:#8267bd;
    color:#e2d6ff;
    background:#151121;
}

.loki-system-ui .protocol-simple-drag-v61521:active
{
    cursor:grabbing!important;
}

.loki-system-ui .protocol-simple-step-rail-v61521>strong
{
    position:relative;
    z-index:2;
    width:24px;
    height:24px;
    display:grid;
    flex:0 0 24px;
    place-items:center;
    border:1px solid rgba(181,140,255,.62);
    border-radius:50%;
    color:#d8c9f6;
    background:#111019;
    font-size:9px;
    line-height:1;
}

.loki-system-ui .protocol-simple-step-rail-v61521>span
{
    width:1px;
    min-height:13px;
    flex:1 1 auto;
    margin-top:4px;
    background:linear-gradient(180deg,rgba(181,140,255,.58),rgba(181,140,255,.08));
}

.loki-system-ui .protocol-simple-step-v61521:last-of-type .protocol-simple-step-rail-v61521>span
{
    opacity:.35;
}

.loki-system-ui .protocol-simple-step-card-v61521
{
    grid-column:2;
    min-width:0;
    padding:6px 2px 10px;
    border:0;
    border-bottom:1px solid #213229;
    border-radius:0;
    background:transparent;
}

.loki-system-ui .protocol-simple-step-head-v61521
{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:14px;
}

.loki-system-ui .protocol-simple-step-copy-v61521
{
    min-width:0;
}

.loki-system-ui .protocol-simple-step-copy-v61521 h3
{
    margin:0;
    color:#dde7e1;
    font-size:12px;
    line-height:1.25;
}

.loki-system-ui .protocol-simple-step-copy-v61521 p
{
    max-width:1200px;
    margin:3px 0 0;
    color:#82948a;
    font-size:9px;
    line-height:1.45;
    white-space:pre-line;
}

.loki-system-ui .protocol-simple-step-actions-v61521
{
    display:flex;
    align-items:center;
    gap:5px;
}

.loki-system-ui .protocol-simple-step-actions-v61521 button
{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    padding:0;
    border-radius:7px;
    font:800 12px/1 system-ui,sans-serif;
    cursor:pointer;
}

.loki-system-ui .protocol-simple-edit-v61521
{
    border:1px solid rgba(240,161,74,.48);
    color:#f0a14a;
    background:rgba(240,161,74,.07);
}

.loki-system-ui .protocol-simple-edit-v61521:hover
{
    border-color:#f0a14a;
    background:rgba(240,161,74,.13);
}

.loki-system-ui .protocol-simple-delete-form-v61521
{
    margin:0;
}

.loki-system-ui .protocol-simple-delete-v61521
{
    border:1px solid rgba(255,107,107,.45);
    color:#ff6b6b;
    background:rgba(255,107,107,.06);
}

.loki-system-ui .protocol-simple-delete-v61521:hover
{
    border-color:#ff6b6b;
    background:rgba(255,107,107,.12);
}

.loki-system-ui .protocol-simple-step-editor-v61521
{
    margin-top:9px;
    padding-top:9px;
    display:grid;
    grid-template-columns:minmax(180px,.42fr) minmax(260px,1fr) auto;
    align-items:end;
    gap:8px;
    border-top:1px dashed #293b32;
}

.loki-system-ui .protocol-simple-step-editor-v61521[hidden]
{
    display:none!important;
}

.loki-system-ui .protocol-simple-step-editor-v61521 label
{
    min-width:0;
    margin:0;
    color:#85988d;
    font-size:8px;
}

.loki-system-ui .protocol-simple-step-editor-v61521 input,
.loki-system-ui .protocol-simple-step-editor-v61521 textarea
{
    width:100%;
    margin-top:4px;
}

.loki-system-ui .protocol-simple-step-editor-v61521 textarea
{
    min-height:58px;
    resize:vertical;
}

.loki-system-ui .protocol-simple-edit-actions-v61521
{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    padding-bottom:1px;
}

.loki-system-ui .protocol-step-insert-v6151.protocol-simple-insert-v61521
{
    grid-column:1/-1;
    width:calc(100% - 44px);
    min-height:20px;
    margin:1px 0 3px 44px;
    padding:0 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:0;
    border-top:1px dashed transparent;
    border-radius:0;
    color:#5f7168;
    background:transparent;
    font-size:7px;
    font-weight:750;
    opacity:.48;
    cursor:pointer;
}

.loki-system-ui .protocol-step-insert-v6151.protocol-simple-insert-v61521:hover,
.loki-system-ui .protocol-simple-step-v61521:focus-within>.protocol-simple-insert-v61521
{
    border-top-color:rgba(181,140,255,.32);
    color:#bca8e4;
    opacity:1;
}

.loki-system-ui .protocol-step-insert-end-v6151.protocol-simple-insert-v61521
{
    width:calc(100% - 44px);
    margin:5px 0 0 44px;
    opacity:.8;
}

.loki-system-ui .protocol-preview-step-v6151 .protocol-simple-step-card-v61521
{
    border-bottom-style:dashed;
    border-bottom-color:#5d4d79;
    background:linear-gradient(90deg,rgba(181,140,255,.04),transparent 68%);
}

.loki-system-ui .protocol-preview-step-v6151 .protocol-simple-step-rail-v61521>strong
{
    border-style:dashed;
}

.loki-system-ui .is-dragging-v61521
{
    opacity:.42;
}

.loki-system-ui .is-dragging-v61521 .protocol-simple-step-card-v61521
{
    border-bottom-color:#8068b6;
}

.loki-system-ui .protocol-family-context-v61521
{
    display:block;
    margin-top:7px;
    padding:7px 8px;
    border-left:2px solid rgba(181,140,255,.48);
    background:rgba(181,140,255,.04);
}

.loki-system-ui .protocol-family-context-v61521 b,
.loki-system-ui .protocol-family-context-v61521 small
{
    display:block;
}

.loki-system-ui .protocol-family-context-v61521 b
{
    color:#dcd2f4;
    font-size:9px;
}

.loki-system-ui .protocol-family-context-v61521 small
{
    margin-top:2px;
    color:#7d9085;
    font-size:8px;
    line-height:1.35;
}

@media(max-width:900px)
{
    .loki-system-ui .protocol-simple-step-editor-v61521
    {
        grid-template-columns:1fr;
    }

    .loki-system-ui .protocol-simple-edit-actions-v61521
    {
        justify-content:flex-start;
    }
}

@media(max-width:620px)
{
    .loki-system-ui .protocol-editor-note-v61521
    {
        margin-left:36px;
    }

    .loki-system-ui .protocol-simple-step-v61521
    {
        grid-template-columns:36px minmax(0,1fr);
        gap:7px;
    }

    .loki-system-ui .protocol-simple-drag-v61521
    {
        width:26px;
        height:26px;
        flex-basis:26px;
    }

    .loki-system-ui .protocol-simple-step-head-v61521
    {
        gap:8px;
    }

    .loki-system-ui .protocol-step-insert-v6151.protocol-simple-insert-v61521,
    .loki-system-ui .protocol-step-insert-end-v6151.protocol-simple-insert-v61521
    {
        width:calc(100% - 36px);
        margin-left:36px;
    }
}

/* Loki 6.15.2.1 · revisión humana del constructor normativo y jerarquía visual */
.loki-system-ui .protocol-normative-builder-v61521
{
    margin:16px 0 22px;
    padding:14px 16px 16px;
    border:1px solid #26372f;
    border-radius:12px;
    background:linear-gradient(180deg,rgba(18,27,23,.96),rgba(9,15,12,.96));
}

.loki-system-ui .protocol-normative-builder-head-v61521
{
    margin-bottom:12px;
}

.loki-system-ui .protocol-normative-toolbar-v61521
{
    display:grid;
    grid-template-columns:minmax(320px,1fr) auto;
    align-items:end;
    gap:12px;
    margin-bottom:12px;
}

.loki-system-ui .protocol-normative-toolbar-v61521 label>span,
.loki-system-ui .protocol-normative-toolbar-v61521 label>small
{
    display:block;
}

.loki-system-ui .protocol-normative-toolbar-v61521 label>span
{
    margin-bottom:5px;
    color:#b8c8bf;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.loki-system-ui .protocol-normative-toolbar-v61521 label>small
{
    margin-top:4px;
    color:#74877d;
    font-size:8px;
    line-height:1.4;
}

.loki-system-ui .protocol-normative-toolbar-actions-v61521
{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
}

.loki-system-ui .protocol-standard-tree-v61521
{
    overflow:hidden;
    border:1px solid #2a3b32;
    border-radius:10px;
    background:#0a110e;
}

.loki-system-ui .protocol-standard-tree-v61521>header
{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    padding:12px 14px;
    border-bottom:1px solid #24352c;
    background:rgba(181,140,255,.035);
}

.loki-system-ui .protocol-standard-tree-v61521>header h4
{
    margin:2px 0 3px;
    color:#e0e9e4;
    font-size:12px;
}

.loki-system-ui .protocol-standard-tree-v61521>header p
{
    margin:0;
    max-width:1000px;
    color:#7f9287;
    font-size:9px;
    line-height:1.45;
}

.loki-system-ui .protocol-standard-tree-stats-v61521
{
    display:flex;
    align-items:center;
    gap:8px;
}

.loki-system-ui .protocol-standard-tree-stats-v61521 span
{
    min-width:72px;
    padding:6px 8px;
    border:1px solid #2b3d34;
    border-radius:8px;
    text-align:center;
    color:#7f9187;
    font-size:8px;
}

.loki-system-ui .protocol-standard-tree-stats-v61521 b
{
    display:block;
    color:#d9e4de;
    font-size:12px;
}

.loki-system-ui .protocol-normative-tree-v61521,
.loki-system-ui .protocol-normative-children-v61521
{
    margin:0;
    padding:0;
    list-style:none;
}

.loki-system-ui .protocol-normative-tree-v61521
{
    padding:6px 10px 10px;
}

.loki-system-ui .protocol-normative-children-v61521
{
    margin-left:34px;
    padding-left:11px;
    border-left:1px solid #26372f;
}

.loki-system-ui .protocol-normative-node-v61521
{
    margin:3px 0;
}

.loki-system-ui .protocol-normative-row-v61521
{
    display:grid;
    grid-template-columns:24px 24px minmax(38px,auto) minmax(220px,1fr) auto auto;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:3px 5px;
    border:1px solid transparent;
    border-radius:8px;
    transition:border-color .12s ease,background .12s ease;
}

.loki-system-ui .protocol-normative-row-v61521:hover
{
    border-color:#31463a;
    background:#0e1813;
}

.loki-system-ui .protocol-normative-node-v61521.is-selected>.protocol-normative-row-v61521
{
    border-color:rgba(181,140,255,.34);
    background:rgba(181,140,255,.06);
}

.loki-system-ui .protocol-normative-check-v61521
{
    display:grid;
    place-items:center;
    margin:0;
}

.loki-system-ui .protocol-normative-check-v61521 input
{
    width:15px;
    height:15px;
    margin:0;
    accent-color:#a987ef;
}

.loki-system-ui .protocol-normative-toggle-v61521
{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #304239;
    border-radius:6px;
    color:#9caea4;
    background:#0a120e;
    cursor:pointer;
    transition:transform .12s ease;
}

.loki-system-ui .protocol-normative-toggle-v61521[aria-expanded="true"]
{
    transform:rotate(90deg);
    color:#d7c9f3;
    border-color:#745aa9;
}

.loki-system-ui .protocol-normative-code-v61521
{
    color:#b79ee9;
    font:800 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.loki-system-ui .protocol-normative-name-v61521
{
    color:#d8e3dd;
    font-size:10px;
    line-height:1.3;
}

.loki-system-ui .protocol-normative-state-v61521
{
    color:#6f8177;
    font-size:7px;
    white-space:nowrap;
}

.loki-system-ui .protocol-normative-add-step-v61521
{
    white-space:nowrap;
}

.loki-system-ui .protocol-normative-body-v61521
{
    margin:2px 8px 5px 88px;
    padding:7px 9px;
    border-left:2px solid #34483d;
    color:#82958a;
    background:#0b1410;
    font-size:8px;
    line-height:1.45;
}

.loki-system-ui .protocol-normative-body-v61521 p
{
    margin:0;
}

.loki-system-ui .protocol-normative-guidance-v61521,
.loki-system-ui .protocol-normative-task-hint-v61521
{
    display:grid;
    gap:2px;
    margin-top:5px;
}

.loki-system-ui .protocol-normative-guidance-v61521 b,
.loki-system-ui .protocol-normative-task-hint-v61521 b
{
    color:#c9bbeb;
}

.loki-system-ui .protocol-normative-tasks-v61521
{
    display:grid;
    gap:3px;
    margin:3px 8px 7px 88px;
}

.loki-system-ui .protocol-normative-tasks-v61521[hidden]
{
    display:none!important;
}

.loki-system-ui .protocol-normative-task-v61521
{
    display:grid;
    grid-template-columns:16px minmax(0,1fr);
    gap:5px;
    padding:5px 7px;
    border-left:2px solid rgba(111,199,151,.5);
    background:rgba(111,199,151,.035);
}

.loki-system-ui .protocol-normative-task-v61521>span
{
    color:#6fc797;
}

.loki-system-ui .protocol-normative-task-v61521 b,
.loki-system-ui .protocol-normative-task-v61521 small
{
    display:block;
}

.loki-system-ui .protocol-normative-task-v61521 b
{
    color:#bfcfc6;
    font-size:9px;
}

.loki-system-ui .protocol-normative-task-v61521 small
{
    margin-top:2px;
    color:#71847a;
    font-size:7px;
    line-height:1.35;
}

.loki-system-ui .protocol-normative-task-v61521.is-preview-v61521
{
    border-left-color:#b58cff;
    background:rgba(181,140,255,.045);
}

.loki-system-ui .protocol-normative-save-v61521
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:10px;
    padding:9px 10px;
    border-top:1px solid #26372f;
}

.loki-system-ui .protocol-normative-save-v61521 b,
.loki-system-ui .protocol-normative-save-v61521 small
{
    display:block;
}

.loki-system-ui .protocol-normative-save-v61521 b
{
    color:#cbd8d1;
    font-size:9px;
}

.loki-system-ui .protocol-normative-save-v61521 small
{
    margin-top:2px;
    color:#71847a;
    font-size:8px;
}

.loki-system-ui .protocol-simple-title-line-v61521
{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:28px;
}

.loki-system-ui .protocol-simple-title-line-v61521[hidden]
{
    display:none!important;
}

.loki-system-ui .protocol-simple-expand-v61521
{
    width:24px;
    height:24px;
    display:grid;
    flex:0 0 24px;
    place-items:center;
    padding:0;
    border:0;
    color:#71847a;
    background:transparent;
    cursor:pointer;
    transition:transform .12s ease,color .12s ease;
}

.loki-system-ui .protocol-simple-expand-v61521[aria-expanded="true"]
{
    transform:rotate(90deg);
    color:#bda9e7;
}

.loki-system-ui .protocol-simple-step-detail-v61521
{
    margin-left:31px;
    padding:2px 0 5px;
}

.loki-system-ui .protocol-simple-step-detail-v61521[hidden]
{
    display:none!important;
}

.loki-system-ui .protocol-step-normative-badge-v61521
{
    overflow:hidden;
    max-width:330px;
    padding:2px 5px;
    border:1px solid rgba(181,140,255,.28);
    border-radius:999px;
    color:#a993d5;
    font-size:7px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.loki-system-ui .protocol-step-normative-badge-v61521[hidden]
{
    display:none!important;
}

.loki-system-ui .protocol-inline-step-editor-v61521
{
    grid-template-columns:minmax(180px,.38fr) minmax(280px,1fr) auto;
    margin:0;
    padding:4px 0 2px;
    border-top:0;
}

.loki-system-ui .protocol-simple-step-v61521.is-editing-v61521 .protocol-simple-step-actions-v61521
{
    opacity:.25;
    pointer-events:none;
}

.loki-system-ui .protocol-step-insert-v6151.protocol-simple-insert-v61521
{
    min-height:28px;
    margin-top:3px;
    margin-bottom:5px;
    border:1px dashed #4b3d68;
    border-radius:8px;
    color:#9f89cc;
    background:rgba(181,140,255,.035);
    opacity:.9;
}

.loki-system-ui .protocol-step-insert-v6151.protocol-simple-insert-v61521:hover,
.loki-system-ui .protocol-simple-step-v61521:focus-within>.protocol-simple-insert-v61521
{
    border-color:#9272d1;
    color:#d1c0f5;
    background:rgba(181,140,255,.085);
}

.loki-system-ui .protocol-simple-step-v61521.is-child-v61521
{
    width:calc(100% - 54px);
    margin-left:54px;
    grid-template-columns:38px minmax(0,1fr);
}

.loki-system-ui .protocol-simple-step-v61521.is-child-v61521 .protocol-simple-step-card-v61521
{
    border-left:2px solid rgba(181,140,255,.28);
    padding-left:10px;
}

.loki-system-ui .protocol-simple-step-v61521.is-child-v61521 .protocol-simple-step-rail-v61521>strong
{
    width:auto;
    min-width:28px;
    padding:0 4px;
    border-radius:999px;
}

.loki-system-ui .protocol-simple-step-v61521.is-dragging-v61521 [data-step-detail],
.loki-system-ui .protocol-simple-step-v61521.is-dragging-v61521 [data-step-edit-form]
{
    display:none!important;
}

.loki-system-ui .protocol-step-context-v61521
{
    margin:0 0 10px;
    padding:8px 10px;
    border-left:2px solid #8f70cb;
    background:rgba(181,140,255,.05);
}

.loki-system-ui .protocol-step-context-v61521 span,
.loki-system-ui .protocol-step-context-v61521 b
{
    display:block;
}

.loki-system-ui .protocol-step-context-v61521 span
{
    color:#75877d;
    font-size:8px;
    text-transform:uppercase;
}

.loki-system-ui .protocol-step-context-v61521 b
{
    margin-top:2px;
    color:#d0c1ee;
    font-size:9px;
}

@media(max-width:900px)
{
    .loki-system-ui .protocol-normative-toolbar-v61521,
    .loki-system-ui .protocol-standard-tree-v61521>header
    {
        grid-template-columns:1fr;
    }

    .loki-system-ui .protocol-normative-toolbar-actions-v61521
    {
        justify-content:flex-start;
    }

    .loki-system-ui .protocol-normative-row-v61521
    {
        grid-template-columns:24px 24px 48px minmax(0,1fr) auto;
    }

    .loki-system-ui .protocol-normative-state-v61521
    {
        display:none;
    }

    .loki-system-ui .protocol-normative-add-step-v61521
    {
        grid-column:4/-1;
        justify-self:start;
    }

    .loki-system-ui .protocol-inline-step-editor-v61521
    {
        grid-template-columns:1fr;
    }
}

@media(max-width:620px)
{
    .loki-system-ui .protocol-normative-builder-v61521
    {
        padding:10px;
    }

    .loki-system-ui .protocol-normative-children-v61521
    {
        margin-left:18px;
        padding-left:7px;
    }

    .loki-system-ui .protocol-normative-row-v61521
    {
        grid-template-columns:22px 22px 42px minmax(0,1fr);
    }

    .loki-system-ui .protocol-normative-add-step-v61521
    {
        grid-column:4;
    }

    .loki-system-ui .protocol-normative-body-v61521,
    .loki-system-ui .protocol-normative-tasks-v61521
    {
        margin-left:49px;
    }

    .loki-system-ui .protocol-simple-step-v61521.is-child-v61521
    {
        width:calc(100% - 28px);
        margin-left:28px;
    }
}

/* 6.15.2.1 human-review refinements: normative tree is structure, not repeated prose. */
.protocol-normative-drag-v61521{border:0;background:transparent;color:var(--muted);cursor:grab;font-size:1rem;padding:.2rem .25rem;line-height:1}.protocol-normative-drag-v61521:active{cursor:grabbing}.protocol-normative-toggle-spacer-v61521{display:inline-block;width:1.8rem}.protocol-normative-insert-v61521{display:flex;align-items:center;gap:.4rem;margin:.25rem 0 .3rem 2.2rem;padding:.35rem .65rem;border:1px dashed var(--line);border-radius:.65rem;background:transparent;color:var(--muted);font-size:.75rem;cursor:pointer;opacity:.72}.protocol-normative-insert-v61521:hover{opacity:1;border-color:var(--primary);color:var(--text)}.protocol-normative-insert-start-v61521{margin:.55rem 0 .55rem .25rem}.protocol-normative-node-v61521.is-norm-dragging{opacity:.45}.protocol-normative-node-v61521.is-norm-drop-target>.protocol-normative-row-v61521{outline:1px dashed var(--primary);outline-offset:2px}.protocol-normative-free-preview-v61521{margin:.3rem 0 .35rem 2.2rem;padding:.5rem .7rem;border-left:3px solid var(--primary);border-radius:.5rem;background:color-mix(in srgb,var(--panel) 88%,var(--primary) 12%);display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.protocol-normative-free-preview-v61521 small{display:block;color:var(--muted);margin-top:.15rem}.protocol-normative-free-preview-v61521 button{border:0;background:transparent;color:var(--danger);cursor:pointer}.protocol-normative-children-v61521[hidden]{display:none!important}

/* Loki 6.15.2.1 · revisión visual 4: una sola superficie inline */
.loki-system-ui .protocol-inline-general-v61521{margin-bottom:16px}.loki-system-ui .protocol-inline-general-v61521 fieldset{margin:0;padding:0;border:0;min-width:0}.loki-system-ui .protocol-inline-version-v61521{min-width:92px;padding:8px 12px;border:1px solid #2b3d34;border-radius:10px;text-align:center;background:#0a120e}.loki-system-ui .protocol-inline-version-v61521 small,.loki-system-ui .protocol-inline-version-v61521 strong{display:block}.loki-system-ui .protocol-inline-version-v61521 small{color:#71847a;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.loki-system-ui .protocol-inline-version-v61521 strong{margin-top:2px;color:#e2ece7;font-size:16px}.loki-system-ui .protocol-inline-savebar-v61521{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #26372f}.loki-system-ui .protocol-inline-savebar-v61521 span{margin-right:auto;color:#74877d;font-size:8px}.loki-system-ui .protocol-inline-savebar-v61521 span.is-error{color:#ff8d8d}

.loki-system-ui .protocol-supporting-config-v61521{margin:0 0 18px}.loki-system-ui .protocol-supporting-head-v61521{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;padding:0 2px}.loki-system-ui .protocol-supporting-head-v61521 h2{margin:2px 0 3px;font-size:16px}.loki-system-ui .protocol-supporting-head-v61521 p{margin:0;color:#74877d;font-size:9px}.loki-system-ui .protocol-supporting-config-v61521 .assurance-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.loki-system-ui .protocol-supporting-config-v61521 .span-2{grid-column:span 2}

.loki-system-ui .protocol-requirement-simple-list-v61521{display:grid;gap:6px}.loki-system-ui .protocol-requirement-simple-v61521{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 8px;border:1px solid #293b32;border-radius:8px;background:#0b1410}.loki-system-ui .protocol-requirement-simple-v61521>form:first-child{display:grid;grid-template-columns:14px minmax(180px,1fr) auto auto;align-items:center;gap:8px;margin:0}.loki-system-ui .protocol-requirement-simple-v61521 input[name="label"]{min-height:31px;padding:5px 8px}.loki-system-ui .protocol-requirement-bullet-v61521{color:#a987ef;font-size:16px}.loki-system-ui .protocol-requirement-add-v61521{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:8px;margin-top:8px}.loki-system-ui .check-row.compact{min-height:auto;margin:0;white-space:nowrap;font-size:8px}

.loki-system-ui .protocol-primary-builder-v61521{margin-top:0}.loki-system-ui .protocol-normative-row-v61521{grid-template-columns:24px 24px minmax(42px,auto) minmax(220px,1fr) auto auto 22px;gap:7px;min-height:36px;padding:3px 6px}.loki-system-ui .protocol-normative-drag-v61521{grid-column:7;opacity:.38;transition:opacity .12s ease,color .12s ease}.loki-system-ui .protocol-normative-row-v61521:hover .protocol-normative-drag-v61521{opacity:.9}.loki-system-ui .protocol-normative-toggle-spacer-v61521{width:24px}.loki-system-ui .protocol-normative-toggle-v61521[aria-expanded="true"]{transform:none}.loki-system-ui .protocol-normative-code-v61521{min-width:38px}.loki-system-ui .protocol-normative-name-v61521{font-size:10px}.loki-system-ui .protocol-normative-state-v61521{font-size:7px}.loki-system-ui .protocol-normative-tasks-v61521{margin:3px 10px 5px 70px;padding-left:9px;border-left:1px solid rgba(111,199,151,.38)}.loki-system-ui .protocol-normative-tasks-v61521[hidden]{display:none!important}.loki-system-ui .protocol-inline-start-slot-v61521{margin:4px 10px 8px}.loki-system-ui .protocol-inline-after-slot-v61521{margin-left:0}.loki-system-ui .protocol-normative-insert-v61521{margin:.2rem 0 .3rem 70px;padding:.28rem .6rem;border:1px dashed #31463a;border-radius:7px;background:transparent;color:#74877d;font-size:7px;opacity:.64}.loki-system-ui .protocol-normative-insert-v61521:hover{opacity:1;color:#cbd8d1;border-color:#745aa9}.loki-system-ui .protocol-normative-insert-start-v61521{margin:.25rem 0 .35rem 0}.loki-system-ui .protocol-normative-children-v61521 .protocol-normative-insert-v61521{margin-left:54px}

.loki-system-ui .protocol-inline-step-slot-v61521{display:grid;gap:3px}.loki-system-ui .protocol-inline-step-v61521{position:relative;border:1px solid rgba(111,199,151,.18);border-radius:7px;background:rgba(111,199,151,.025);overflow:hidden;transition:border-color .12s ease,background .12s ease,transform .12s ease}.loki-system-ui .protocol-inline-step-v61521:hover{border-color:rgba(111,199,151,.42);background:rgba(111,199,151,.045)}.loki-system-ui .protocol-inline-step-v61521.is-child-v61521{margin-left:30px;border-left:2px solid #6fc797}.loki-system-ui .protocol-inline-step-row-v61521{display:grid;grid-template-columns:24px 22px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:31px;padding:3px 5px}.loki-system-ui .protocol-inline-step-drag-v61521,.loki-system-ui .protocol-inline-step-expand-v61521{display:grid;place-items:center;width:22px;height:22px;border:0;background:transparent;color:#7d9186;cursor:pointer}.loki-system-ui .protocol-inline-step-drag-v61521{cursor:grab;opacity:.56}.loki-system-ui .protocol-inline-step-drag-v61521:active{cursor:grabbing}.loki-system-ui .protocol-inline-step-copy-v61521{display:flex;align-items:center;gap:7px;min-width:0}.loki-system-ui .protocol-inline-step-copy-v61521 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bdcec4;font-size:9px;font-weight:700}.loki-system-ui .protocol-inline-step-copy-v61521 small{padding:2px 5px;border-radius:999px;background:rgba(181,140,255,.08);color:#9f87ce;font-size:6px;text-transform:uppercase;letter-spacing:.04em}.loki-system-ui .protocol-inline-step-actions-v61521{display:flex;align-items:center;gap:3px}.loki-system-ui .protocol-inline-step-actions-v61521 form{margin:0}.loki-system-ui .protocol-inline-step-detail-v61521{padding:0 8px 7px 58px}.loki-system-ui .protocol-inline-step-detail-v61521 p{margin:0;color:#74877d;font-size:8px;line-height:1.4}.loki-system-ui .protocol-inline-step-detail-v61521 p.is-empty{font-style:italic;opacity:.7}.loki-system-ui .protocol-inline-step-editor-v61521{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.3fr) auto;align-items:end;gap:7px;padding:7px 8px 8px 58px;border-top:1px solid #223128;background:#09110d}.loki-system-ui .protocol-inline-step-editor-v61521[hidden]{display:none!important}.loki-system-ui .protocol-inline-step-editor-v61521 label{font-size:7px;color:#74877d}.loki-system-ui .protocol-inline-step-editor-v61521 input,.loki-system-ui .protocol-inline-step-editor-v61521 textarea{margin-top:3px;min-height:30px;padding:5px 7px}.loki-system-ui .protocol-inline-step-editor-actions-v61521{display:flex;gap:5px;padding-bottom:1px}.loki-system-ui .protocol-inline-step-v61521.is-dragging-v61521{opacity:.45;transform:scale(.995)}

.loki-system-ui [data-draft-dirty-badge][hidden]{display:none!important}

@media(max-width:900px){.loki-system-ui .protocol-supporting-config-v61521 .assurance-studio-grid{grid-template-columns:1fr}.loki-system-ui .protocol-supporting-config-v61521 .span-2{grid-column:span 1}.loki-system-ui .protocol-normative-row-v61521{grid-template-columns:22px 22px 42px minmax(0,1fr) 22px}.loki-system-ui .protocol-normative-state-v61521,.loki-system-ui .protocol-normative-add-step-v61521{grid-column:4}.loki-system-ui .protocol-normative-drag-v61521{grid-column:5;grid-row:1}.loki-system-ui .protocol-inline-step-editor-v61521{grid-template-columns:1fr;padding-left:8px}.loki-system-ui .protocol-requirement-simple-v61521>form:first-child,.loki-system-ui .protocol-requirement-add-v61521{grid-template-columns:1fr}.loki-system-ui .protocol-requirement-bullet-v61521{display:none}}


/* Loki 6.15.2.1 · revisión visual 5: recuperar estética normativa anterior sin perder operatividad */
.loki-system-ui .protocol-normative-row-v61521{grid-template-columns:24px 24px minmax(38px,auto) minmax(220px,1fr) auto auto 22px;min-height:34px;padding:3px 5px;border:1px solid transparent;border-radius:8px;background:transparent}
.loki-system-ui .protocol-normative-row-v61521:hover{border-color:#31463a;background:#0e1813}
.loki-system-ui .protocol-normative-node-v61521.is-selected>.protocol-normative-row-v61521{border-color:rgba(181,140,255,.34);background:rgba(181,140,255,.06)}
.loki-system-ui .protocol-normative-drag-v61521{grid-column:7;opacity:.28;color:#6f8177}.loki-system-ui .protocol-normative-row-v61521:hover .protocol-normative-drag-v61521{opacity:.85;color:#9caea4}
.loki-system-ui .protocol-normative-tasks-v61521{display:grid;gap:3px;margin:3px 8px 7px 88px;padding:0;border-left:0}.loki-system-ui .protocol-normative-tasks-v61521[hidden]{display:none!important}
.loki-system-ui .protocol-inline-step-v61521{border:0;border-left:2px solid rgba(111,199,151,.5);border-radius:0;background:rgba(111,199,151,.035);overflow:visible}.loki-system-ui .protocol-inline-step-v61521:hover{border-color:#6fc797;background:rgba(111,199,151,.06)}
.loki-system-ui .protocol-inline-step-v61521.is-child-v61521{margin-left:26px;border-left:2px solid rgba(181,140,255,.55);background:rgba(181,140,255,.025)}
.loki-system-ui .protocol-inline-step-row-v61521{grid-template-columns:20px 20px minmax(0,1fr) auto;min-height:30px;padding:4px 7px;gap:5px}.loki-system-ui .protocol-inline-step-drag-v61521,.loki-system-ui .protocol-inline-step-expand-v61521{width:20px;height:20px}.loki-system-ui .protocol-inline-step-drag-v61521{opacity:.45}.loki-system-ui .protocol-inline-step-v61521:hover .protocol-inline-step-drag-v61521{opacity:.9}
.loki-system-ui .protocol-inline-step-copy-v61521 strong{color:#c7d6ce;font-size:9px;font-weight:700}.loki-system-ui .protocol-inline-step-copy-v61521 small{display:none}
.loki-system-ui .protocol-inline-step-detail-v61521{padding:1px 8px 6px 45px}.loki-system-ui .protocol-inline-step-detail-v61521 p{font-size:8px;color:#81958a}
.loki-system-ui .protocol-inline-step-editor-v61521{margin:0;padding:7px 8px 8px 45px;border-top:1px solid #223128;background:#09110d}.loki-system-ui .protocol-inline-step-editor-v61521[hidden]{display:none!important}
.loki-system-ui .protocol-inline-after-slot-v61521{margin:0}.loki-system-ui .protocol-normative-insert-v61521{margin:.2rem 8px .35rem 88px;padding:.35rem .7rem;border:1px dashed #4b3d68;border-radius:8px;background:rgba(181,140,255,.035);color:#9883c4;font-size:8px;opacity:.78}.loki-system-ui .protocol-normative-insert-v61521:hover{opacity:1;color:#d7c9f3;border-color:#745aa9;background:rgba(181,140,255,.07)}.loki-system-ui .protocol-normative-insert-start-v61521{margin:.35rem 10px .55rem}
@media(max-width:900px){.loki-system-ui .protocol-normative-row-v61521{grid-template-columns:22px 22px 42px minmax(0,1fr) 22px}.loki-system-ui .protocol-normative-state-v61521,.loki-system-ui .protocol-normative-add-step-v61521{grid-column:4}.loki-system-ui .protocol-normative-drag-v61521{grid-column:5;grid-row:1}.loki-system-ui .protocol-normative-tasks-v61521{margin-left:54px}.loki-system-ui .protocol-normative-insert-v61521{margin-left:54px}}


/* Loki 6.15.2.1 · revisión visual 6 */
.loki-system-ui .protocol-general-compact-v61521{grid-template-columns:minmax(220px,1.35fr) minmax(140px,.65fr) minmax(180px,.8fr) minmax(150px,.7fr) minmax(180px,.75fr)}
.loki-system-ui .protocol-purpose-compact-v61521{grid-template-columns:repeat(2,minmax(0,1fr))}
.loki-system-ui #scope{position:relative;z-index:24;overflow:visible}.loki-system-ui #scope .ts-wrapper{position:relative;z-index:25}.loki-system-ui #scope .ts-dropdown{z-index:250;max-height:320px}
.loki-system-ui .protocol-requirement-simple-list-v61521+.empty-state.compact,.loki-system-ui [data-requirement-empty].empty-state.compact{min-height:0;padding:7px 10px;margin:2px 0 5px;border-radius:7px;text-align:left}.loki-system-ui [data-requirement-empty].empty-state.compact strong{font-size:8px;font-weight:600;color:#74877d}
.loki-system-ui .protocol-normative-row-v61521{grid-template-columns:22px 24px 24px minmax(38px,auto) minmax(220px,1fr) auto;gap:7px}
.loki-system-ui .protocol-normative-drag-v61521,.loki-system-ui .protocol-normative-drag-spacer-v61521{grid-column:1}.loki-system-ui .protocol-normative-drag-v61521{opacity:.55;color:#8a9d92;cursor:grab}.loki-system-ui .protocol-normative-drag-v61521:active{cursor:grabbing}.loki-system-ui .protocol-normative-row-v61521:hover .protocol-normative-drag-v61521{opacity:1;color:#c3d1c9}
.loki-system-ui .protocol-normative-check-v61521{grid-column:2}.loki-system-ui .protocol-normative-toggle-v61521,.loki-system-ui .protocol-normative-toggle-spacer-v61521{grid-column:3}.loki-system-ui .protocol-normative-code-v61521{grid-column:4}.loki-system-ui .protocol-normative-name-v61521{grid-column:5}.loki-system-ui .protocol-normative-state-v61521{grid-column:6}
.loki-system-ui .protocol-normative-tasks-v61521{margin-left:88px}.loki-system-ui .protocol-normative-insert-under-v61521{margin-left:0;justify-self:start}
.loki-system-ui .protocol-version-lifecycle-v61521{margin-top:18px}.loki-system-ui .protocol-version-lifecycle-actions-v61521{display:flex;gap:9px;flex-wrap:wrap}.loki-system-ui .protocol-version-lifecycle-actions-v61521 form{margin:0}
@media(max-width:1100px){.loki-system-ui .protocol-general-compact-v61521{grid-template-columns:repeat(2,minmax(0,1fr))}.loki-system-ui .protocol-purpose-compact-v61521{grid-template-columns:1fr}}
@media(max-width:900px){.loki-system-ui .protocol-normative-row-v61521{grid-template-columns:22px 22px 22px 42px minmax(0,1fr)}.loki-system-ui .protocol-normative-state-v61521{grid-column:5}.loki-system-ui .protocol-normative-tasks-v61521{margin-left:52px}}

/* Loki 6.15.2.1 · revisión visual 6b */
.loki-system-ui .protocol-supporting-config-v61521,.loki-system-ui .protocol-supporting-config-v61521 .assurance-studio-grid,.loki-system-ui #scope.panel{overflow:visible!important}
.loki-system-ui #scope .relation-multiselect-form,.loki-system-ui #scope label{overflow:visible!important}
.loki-system-ui #scope .ts-control{min-height:36px;max-height:none}
.loki-system-ui #scope .ts-dropdown{position:absolute!important;z-index:9999!important;max-height:360px!important;overflow:auto!important}
.loki-system-ui [data-requirement-empty].empty-state.compact{display:flex;align-items:center;height:auto!important;min-height:26px!important;padding:4px 8px!important;margin:2px 0 5px!important}
.loki-system-ui .protocol-normative-drag-v61521{order:-10;display:inline-grid;place-items:center;visibility:visible!important}
.loki-system-ui .protocol-family-context-v61521{display:block;margin-top:5px;padding:6px 8px;border-left:2px solid #6fc797;background:rgba(111,199,151,.045)}
.loki-system-ui .protocol-family-context-v61521 b{display:block;font-size:9px;margin-bottom:2px}.loki-system-ui .protocol-family-context-v61521 small{display:block;line-height:1.35;color:#8fa49a}

/* Loki 6.15.2.1 final human gate: full step titles + multi-standard flow */
.loki-system-ui .protocol-inline-step-copy-v61521 strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.3}
.loki-system-ui .protocol-inline-step-row-v61521{align-items:start}
.loki-system-ui .protocol-standard-flow-v61521{display:grid;gap:10px}
.loki-system-ui .protocol-standard-tree-actions-v61521{display:flex;align-items:center;gap:5px;white-space:nowrap}
.loki-system-ui .protocol-standard-insert-after-v61521{width:100%;margin:5px 0 2px;padding:5px 8px;border:1px dashed #4b3d68;border-radius:8px;background:rgba(181,140,255,.025);color:#9883c4;cursor:pointer;font-size:8px}
.loki-system-ui .protocol-standard-insert-after-v61521:hover{border-color:#745aa9;color:#d7c9f3;background:rgba(181,140,255,.06)}

/* Loki 6.15.4 · Pasos reutilizables dentro del constructor normativo */
.loki-system-ui .protocol-library-steps-v6154{margin:5px 8px 7px 88px;padding:6px 0 4px;border-left:2px solid rgba(111,199,151,.22)}
.loki-system-ui .protocol-library-label-v6154{display:block;margin:0 0 4px 12px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.loki-system-ui .protocol-library-step-v6154{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:start;padding:6px 10px 6px 12px;margin:0;cursor:pointer;border-radius:7px;transition:background .15s ease}
.loki-system-ui .protocol-library-step-v6154:hover{background:rgba(255,255,255,.035)}
.loki-system-ui .protocol-library-step-v6154.is-included{background:rgba(111,199,151,.055)}
.loki-system-ui .protocol-library-step-v6154 input{margin-top:3px}
.loki-system-ui .protocol-library-step-copy-v6154{min-width:0;display:flex;flex-direction:column;gap:1px}
.loki-system-ui .protocol-library-step-copy-v6154 strong{white-space:normal;overflow:visible;text-overflow:clip;font-size:.86rem;line-height:1.28}
.loki-system-ui .protocol-library-step-copy-v6154 small{color:var(--muted);font-size:.72rem}
.loki-system-ui .protocol-library-step-copy-v6154 em{font-style:normal;color:var(--muted);font-size:.74rem;line-height:1.3;margin-top:2px}
.loki-system-ui .protocol-library-step-state-v6154{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:2px}
.loki-system-ui .protocol-library-step-v6154.is-included .protocol-library-step-state-v6154{color:var(--success)}
@media(max-width:760px){.loki-system-ui .protocol-library-steps-v6154{margin-left:42px}.loki-system-ui .protocol-library-step-v6154{grid-template-columns:22px minmax(0,1fr)}.loki-system-ui .protocol-library-step-state-v6154{grid-column:2}}

/* Loki 6.15.5 · Objetivos amplios y simples */
.loki-system-ui .catalog-limit-v6155{display:inline-flex;margin-top:7px;padding:4px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--muted)}
.loki-system-ui .catalog-limit-v6155 strong{color:var(--text)}
.loki-system-ui .objective-relations-v6155 .relation-link{min-height:48px}

/* Loki 6.15.6 · Cobertura normativa explorable */
.loki-system-ui .coverage-count-link-v6156{display:inline-flex;align-items:baseline;gap:6px;border:0;background:transparent;color:inherit;padding:3px 5px;border-radius:6px;cursor:pointer}
.loki-system-ui .coverage-count-link-v6156:not(:disabled):hover{background:rgba(181,140,255,.08)}
.loki-system-ui .coverage-count-link-v6156 strong{font-size:1rem}
.loki-system-ui .coverage-count-link-v6156 span{font-size:.68rem;color:var(--muted)}
.loki-system-ui .coverage-count-link-v6156:disabled{cursor:default;opacity:.55}
.loki-system-ui .coverage-detail-body-v6156{padding:4px 0;max-height:62vh;overflow:auto}
.loki-system-ui .coverage-detail-list-v6156{display:flex;flex-direction:column;gap:6px}
.loki-system-ui .coverage-detail-item-v6156{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;text-decoration:none;color:inherit}
.loki-system-ui .coverage-detail-item-v6156:hover{background:rgba(255,255,255,.035)}
.loki-system-ui .coverage-detail-item-v6156 span{display:flex;min-width:0;flex-direction:column;gap:2px}
.loki-system-ui .coverage-detail-item-v6156 b{font-size:.7rem;color:var(--muted)}
.loki-system-ui .coverage-detail-item-v6156 strong{white-space:normal}
.loki-system-ui .coverage-detail-item-v6156 small{color:var(--muted)}
.loki-system-ui .coverage-detail-item-v6156 em{font-style:normal;white-space:nowrap;color:var(--accent)}


/* Loki 6.15.7 · Biblioteca unificada de tipos administrados */
.loki-system-ui .managed-type-summary-v6157{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.loki-system-ui .managed-type-summary-v6157 span{display:inline-flex;gap:5px;align-items:center;padding:4px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--muted);font-size:.72rem}
.loki-system-ui .managed-type-summary-v6157 strong{color:var(--text)}
.loki-system-ui .managed-type-card-v6157{display:flex;flex-direction:column;min-height:235px}
.loki-system-ui .managed-type-card-v6157>p{flex:1}
.loki-system-ui .managed-type-origin-v6157{display:block;margin:7px 0;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}
.loki-system-ui .managed-type-compat-note-v6157{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:9px 11px;border-left:3px solid var(--protocol);background:rgba(181,140,255,.045);color:var(--muted);font-size:.76rem}
.loki-system-ui .managed-type-compat-note-v6157 strong{color:var(--text);white-space:nowrap}
.loki-system-ui .managed-type-choice-v6157{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 0}
.loki-system-ui .managed-type-choice-card-v6157{appearance:none;text-align:left;display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none;cursor:pointer;font:inherit}
.loki-system-ui .managed-type-choice-card-v6157:hover{border-color:rgba(181,140,255,.45);background:rgba(181,140,255,.06)}
.loki-system-ui .managed-type-choice-card-v6157 strong{font-size:1rem}
.loki-system-ui .managed-type-choice-card-v6157 span{color:var(--muted);line-height:1.45}
.loki-system-ui .managed-type-choice-card-v6157 em{font-style:normal;color:var(--accent);font-size:.76rem}
@media(max-width:700px){.loki-system-ui .managed-type-choice-v6157{grid-template-columns:1fr}.loki-system-ui .managed-type-compat-note-v6157{flex-direction:column}}
.loki-system-ui .managed-type-grid-v6157{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;width:100%}


/* Loki 6.15.8 · relaciones en contexto, sin Explorador separado */
.loki-system-ui .managed-type-protocol-count-v6158{appearance:none;border:0;background:transparent;color:inherit;padding:0;display:inline-flex;align-items:baseline;gap:4px;font:inherit;cursor:pointer}
.loki-system-ui .managed-type-protocol-count-v6158:not(:disabled):hover{color:var(--accent);text-decoration:underline}
.loki-system-ui .managed-type-protocol-count-v6158:disabled{cursor:default;opacity:.65}
.loki-system-ui .managed-type-actions-v6158{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}
@media(max-width:560px){.loki-system-ui .managed-type-actions-v6158{grid-template-columns:1fr}.loki-system-ui .managed-type-actions-v6158 .btn{width:100%}}

.loki-system-ui .protocol-target-context-v6158{display:flex;align-items:center;gap:7px;margin:0 0 10px;padding:8px 10px;border-left:3px solid var(--accent);background:rgba(79,195,247,.045);font-size:.78rem}
.loki-system-ui .protocol-target-context-v6158 span{color:var(--accent)}

/* Loki 6.16.0 · Objetivos persistentes y trazabilidad histórica */
.loki-system-ui .objective-protocol-picker-v6160{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:8px;width:100%}
.loki-system-ui .objective-protocol-option-v6160{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px 11px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.02);cursor:pointer;transition:.15s ease}
.loki-system-ui .objective-protocol-option-v6160:hover{border-color:rgba(181,140,255,.32);background:rgba(181,140,255,.035)}
.loki-system-ui .objective-protocol-option-v6160.is-linked{border-color:rgba(111,199,151,.28);background:rgba(111,199,151,.045)}
.loki-system-ui .objective-protocol-option-v6160 input{margin-top:4px}
.loki-system-ui .objective-protocol-copy-v6160{display:flex;min-width:0;flex-direction:column;gap:2px}
.loki-system-ui .objective-protocol-copy-v6160>b{font-size:.69rem;color:var(--muted);letter-spacing:.04em}
.loki-system-ui .objective-protocol-copy-v6160>strong{white-space:normal;line-height:1.28}
.loki-system-ui .objective-protocol-copy-v6160>small{color:var(--muted);line-height:1.35}
.loki-system-ui .objective-protocol-option-v6160>em{font-style:normal;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.loki-system-ui .objective-protocol-option-v6160.is-linked>em{color:var(--success)}
.loki-system-ui .objective-history-list-v6160{display:flex;flex-direction:column;gap:6px}
.loki-system-ui .objective-history-row-v6160{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);color:inherit;text-decoration:none}
.loki-system-ui .objective-history-row-v6160:hover{background:rgba(255,255,255,.025)}
.loki-system-ui .objective-history-main-v6160,.loki-system-ui .objective-history-meta-v6160{display:flex;flex-direction:column;gap:2px;min-width:0}
.loki-system-ui .objective-history-main-v6160>b,.loki-system-ui .objective-history-meta-v6160 small{font-size:.7rem;color:var(--muted)}
.loki-system-ui .objective-history-main-v6160 strong{white-space:normal}
.loki-system-ui .objective-history-meta-v6160{text-align:right;align-items:flex-end}
.loki-system-ui .objective-history-meta-v6160 em{font-style:normal;font-size:.66rem;color:var(--accent);letter-spacing:.05em}
.loki-system-ui .objective-danger-v6160{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.loki-system-ui .objective-danger-v6160 form{margin:0}
@media(max-width:720px){.loki-system-ui .objective-protocol-option-v6160{grid-template-columns:22px minmax(0,1fr)}.loki-system-ui .objective-protocol-option-v6160>em{grid-column:2}.loki-system-ui .objective-history-row-v6160{grid-template-columns:1fr}.loki-system-ui .objective-history-meta-v6160{text-align:left;align-items:flex-start}}
\n\n/* Loki 6.16.3 · Síntomas encapsulados y búsqueda ponderada */
.loki-system-ui .protocol-symptoms-field-v6163{display:flex;flex-direction:column;gap:7px}
.loki-system-ui .symptom-editor-v6163{display:flex;flex-direction:column;gap:8px;padding:9px 0 2px;border-top:1px solid rgba(255,255,255,.055)}
.loki-system-ui .symptom-tag-list-v6163{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}
.loki-system-ui .symptom-tag-v6163{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px;border:1px solid rgba(181,140,255,.24);border-radius:999px;background:rgba(181,140,255,.055);font-size:.75rem;line-height:1.1}
.loki-system-ui .symptom-tag-v6163 b{font-weight:650;white-space:normal}
.loki-system-ui .symptom-tag-v6163 button{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:1rem;line-height:.8;padding:0 1px;cursor:pointer}
.loki-system-ui .symptom-tag-v6163 button:hover{color:var(--danger)}
.loki-system-ui .symptom-add-v6163{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}
.loki-system-ui .symptom-add-v6163 input{min-width:0}
.loki-system-ui .symptom-concepts-v6163{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--muted);font-size:.7rem}
.loki-system-ui .symptom-concepts-v6163 small{margin-right:2px}
.loki-system-ui .symptom-concepts-v6163 span{padding:2px 6px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.025);color:var(--text)}
.loki-system-ui .symptom-editor-v6163>small{color:var(--muted);line-height:1.42}

.loki-system-ui .symptom-search-v6163{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:10px 0 12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.loki-system-ui .symptom-search-input-v6163{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
.loki-system-ui .symptom-search-input-v6163 span{font-size:.7rem;color:var(--muted);white-space:nowrap}
.loki-system-ui .symptom-search-concepts-v6163{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.loki-system-ui .symptom-search-concepts-v6163 span{padding:2px 6px;border-radius:999px;background:rgba(79,195,247,.06);border:1px solid rgba(79,195,247,.18);font-size:.68rem}
.loki-system-ui .symptom-search-results-v6163{display:flex;flex-direction:column;gap:3px}
.loki-system-ui .symptom-search-result-v6163{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.055);color:inherit;text-decoration:none}
.loki-system-ui .symptom-search-result-v6163:hover{background:rgba(181,140,255,.025)}
.loki-system-ui .symptom-search-result-v6163>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.loki-system-ui .symptom-search-result-v6163 strong{white-space:normal}
.loki-system-ui .symptom-search-result-v6163 small{color:var(--muted);line-height:1.35}
.loki-system-ui .symptom-search-result-v6163 em{font-style:normal;color:var(--accent);font-size:.68rem;text-align:right}
.loki-system-ui .symptom-score-v6163{display:inline-flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:8px;background:rgba(111,199,151,.06);border:1px solid rgba(111,199,151,.22);font-size:.76rem;font-weight:700}

.loki-system-ui .symptom-dictionary-grid-v6163{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px}
.loki-system-ui .symptom-dictionary-grid-v6163>section{min-width:0}
.loki-system-ui .symptom-dictionary-list-v6163{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.06)}
.loki-system-ui .symptom-dictionary-list-v6163 article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.055)}
.loki-system-ui .symptom-dictionary-list-v6163 article>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.loki-system-ui .symptom-dictionary-list-v6163 article small{color:var(--muted);overflow-wrap:anywhere}
.loki-system-ui .symptom-dictionary-list-v6163 article.is-archived{opacity:.55}
.loki-system-ui .symptom-dictionary-list-v6163 form{margin:0}
.loki-system-ui .symptom-stopword-add-v6163{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:8px 0 10px}
.loki-system-ui .symptom-stopword-list-v6163{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.loki-system-ui .symptom-stopword-list-v6163 form{display:inline-flex;align-items:center;gap:4px;margin:0;padding:3px 6px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.025);font-size:.7rem}
.loki-system-ui .symptom-stopword-list-v6163 button{appearance:none;border:0;background:transparent;color:var(--muted);padding:0 1px;cursor:pointer;font:inherit}
.loki-system-ui .symptom-stopword-list-v6163 button:hover{color:var(--danger)}
@media(max-width:780px){.loki-system-ui .symptom-dictionary-grid-v6163{grid-template-columns:1fr}.loki-system-ui .symptom-search-input-v6163{grid-template-columns:1fr}.loki-system-ui .symptom-search-input-v6163 span{white-space:normal}.loki-system-ui .symptom-search-result-v6163{grid-template-columns:46px minmax(0,1fr)}.loki-system-ui .symptom-search-result-v6163 em{grid-column:2;text-align:left}.loki-system-ui .symptom-add-v6163{grid-template-columns:1fr}.loki-system-ui .symptom-add-v6163 .btn{width:100%}}

/* 6.16.4 · VERIFICACIÓN ↔ EJECUCIÓN inline */
.loki-system-ui .protocol-step-executions-v6164{margin:0 8px 7px 55px;padding:7px 8px;border-left:2px solid rgba(242,166,74,.42);background:rgba(242,166,74,.025)}
.loki-system-ui .protocol-step-executions-head-v6164{display:flex;align-items:center;justify-content:space-between;gap:10px}.loki-system-ui .protocol-step-executions-head-v6164>span{display:flex;align-items:baseline;gap:7px;min-width:0}.loki-system-ui .protocol-step-executions-head-v6164 b{font-size:8px;color:#d8aa70}.loki-system-ui .protocol-step-executions-head-v6164 small{font-size:7px;color:#718178}
.loki-system-ui .protocol-step-execution-list-v6164{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.loki-system-ui .protocol-step-execution-chip-v6164{display:flex;align-items:stretch;border:1px solid rgba(242,166,74,.2);border-radius:6px;background:rgba(242,166,74,.04);overflow:hidden}.loki-system-ui .protocol-step-execution-chip-v6164.is-draft{border-style:dashed;opacity:.82}.loki-system-ui .protocol-step-execution-chip-v6164>a{display:flex;align-items:center;gap:5px;padding:4px 7px;text-decoration:none}.loki-system-ui .protocol-step-execution-chip-v6164 strong{font-size:7px;color:#d8aa70}.loki-system-ui .protocol-step-execution-chip-v6164 span{font-size:8px;color:#b9c9c0}.loki-system-ui .protocol-step-execution-chip-v6164 small{font-size:6px;color:#718178}.loki-system-ui .protocol-step-execution-chip-v6164 form{margin:0}.loki-system-ui .protocol-step-execution-remove-v6164{height:100%;border:0;border-left:1px solid rgba(242,166,74,.14);background:transparent;color:#8e7760;cursor:pointer}.loki-system-ui .protocol-step-execution-remove-v6164:hover{background:rgba(192,72,72,.1);color:#e06f6f}.loki-system-ui .protocol-step-execution-empty-v6164{margin:5px 0 0;font-size:7px;color:#65766d;font-style:italic}
.loki-system-ui .protocol-step-execution-context-v6164{display:flex;gap:8px;align-items:center;margin:-3px 0 10px;padding:7px 9px;border-left:2px solid rgba(242,166,74,.45);background:rgba(242,166,74,.03)}.loki-system-ui .protocol-step-execution-context-v6164 span{font-size:7px;color:#718178;text-transform:uppercase}.loki-system-ui .protocol-step-execution-context-v6164 strong{font-size:9px;color:#c7d7ce}.loki-system-ui .protocol-step-execution-modal-grid-v6164{display:grid;grid-template-columns:1fr 1fr;gap:12px}.loki-system-ui .protocol-step-execution-modal-grid-v6164>form{display:grid;align-content:start;gap:9px;padding:12px;border:1px solid #223128;border-radius:8px;background:#09110d}.loki-system-ui .protocol-step-execution-modal-grid-v6164 h3{margin:0}.loki-system-ui .protocol-step-execution-modal-grid-v6164 p{margin:0 0 4px;color:#718178;font-size:.78rem;line-height:1.45}
@media(max-width:850px){.loki-system-ui .protocol-step-execution-modal-grid-v6164{grid-template-columns:1fr}.loki-system-ui .protocol-step-executions-v6164{margin-left:28px}}

/* 6.16.5 · EJECUCIÓN estructurada, matching y anti-duplicado */
.loki-system-ui .protocol-execution-identity-v6165{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:10px;align-items:start;padding:10px;border:1px solid rgba(181,140,255,.14);border-radius:12px;background:rgba(181,140,255,.025)}
.loki-system-ui .protocol-execution-identity-v6165>[hidden]{display:none!important}
.loki-system-ui .execution-composed-preview-v6165{grid-column:1/-1;display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-left:2px solid var(--accent);background:rgba(255,255,255,.018)}
.loki-system-ui .execution-composed-preview-v6165 small{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.loki-system-ui .execution-composed-preview-v6165 strong{font-size:.86rem}
.loki-system-ui .execution-match-results-v6165{grid-column:1/-1;display:grid;gap:4px;max-height:260px;overflow:auto;padding:4px 0}
.loki-system-ui .execution-match-item-v6165{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.015)}
.loki-system-ui .execution-match-item-v6165>strong{font-size:.82rem;color:var(--accent);text-align:center}
.loki-system-ui .execution-match-item-v6165>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.loki-system-ui .execution-match-item-v6165>span b{white-space:normal}
.loki-system-ui .execution-match-item-v6165>span small{color:var(--muted);font-size:.68rem}
.loki-system-ui .execution-match-item-v6165.is-exact{border-color:rgba(239,83,80,.35);background:rgba(239,83,80,.045)}
.loki-system-ui .execution-match-item-v6165.is-very_high{border-color:rgba(255,193,7,.35);background:rgba(255,193,7,.035)}
.loki-system-ui .execution-duplicate-warning-v6165{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;padding:9px 10px;border:1px solid rgba(255,193,7,.35);border-radius:9px;background:rgba(255,193,7,.04)}
.loki-system-ui .execution-duplicate-warning-v6165 span{color:var(--muted);font-size:.72rem}.loki-system-ui .execution-duplicate-warning-v6165 button{grid-column:2;grid-row:1/3}
@media(max-width:780px){.loki-system-ui .protocol-execution-identity-v6165{grid-template-columns:1fr}.loki-system-ui .execution-match-item-v6165{grid-template-columns:46px minmax(0,1fr)}.loki-system-ui .execution-match-item-v6165 .btn{grid-column:2;justify-self:start}.loki-system-ui .execution-duplicate-warning-v6165{grid-template-columns:1fr}.loki-system-ui .execution-duplicate-warning-v6165 button{grid-column:1;grid-row:auto;justify-self:start}}

/* 6.16.6 · Vista del operador dentro del Director de Protocolos. */
.protocol-view-toggle-v6166{display:inline-flex;gap:.35rem;align-items:center;padding:.25rem;border:1px solid var(--line);border-radius:999px}.protocol-operator-preview-v6166{display:grid;gap:1rem;max-width:none}.operator-preview-banner-v6166{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.2rem 0;border-bottom:1px solid var(--line)}.operator-preview-banner-v6166 h2{margin:.15rem 0}.operator-preview-banner-v6166 p{margin:.35rem 0 0;max-width:780px}.operator-requirements-v6166{display:flex;flex-wrap:wrap;gap:.5rem;padding:.85rem 0}.operator-requirements-v6166>div{display:flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:.65rem}.operator-requirements-v6166 small{opacity:.65}.operator-protocol-flow-v6166{display:grid;gap:0;position:relative}.operator-step-v6166{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.8rem;position:relative;padding-bottom:1.1rem}.operator-step-v6166:before{content:"";position:absolute;left:21px;top:38px;bottom:-2px;width:2px;background:var(--line)}.operator-step-v6166:last-child:before{display:none}.operator-step-v6166.is-child{margin-left:2rem}.operator-step-node-v6166{position:relative;z-index:1}.operator-step-node-v6166 span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);background:var(--surface);font-weight:800}.operator-step-body-v6166{padding:.9rem 1rem;border-bottom:1px solid var(--line)}.operator-step-body-v6166>header{display:flex;justify-content:space-between;gap:1rem}.operator-step-body-v6166 h3{margin:.15rem 0}.operator-step-body-v6166 p{margin:.3rem 0 0;opacity:.8}.operator-runtime-controls-v6166{display:grid;gap:.75rem;margin-top:.9rem}.operator-result-grid-v6166{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.55rem}.operator-note-v6166{display:grid;gap:.35rem}.operator-note-v6166 textarea{width:100%;resize:vertical}.operator-bifrost-v6166{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;border:1px dashed var(--line);border-radius:.7rem}.operator-bifrost-v6166 div{display:grid;gap:.1rem}.operator-remediation-v6166{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.operator-remediation-chip-v6166{padding:.35rem .55rem;border:1px solid var(--line);border-radius:999px}.operator-step-actions-v6166{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}@media(max-width:760px){.operator-preview-banner-v6166{display:grid}.operator-step-v6166.is-child{margin-left:.75rem}.operator-bifrost-v6166{align-items:flex-start;display:grid}.operator-step-actions-v6166>*{flex:1}}