*{box-sizing:border-box}:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#667085;--line:#e5e9f0;--nav:#111827;--nav-soft:#1f2937;--primary:#2257d6;--primary-soft:#eef3ff;--success:#147d55;--success-soft:#eaf8f1;--danger:#b42318;--danger-soft:#fef3f2;--warning-soft:#fff8e7;--shadow:0 10px 30px rgba(16,24,40,.08)}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#eef3ff,transparent 42%),var(--bg)}.login-card{width:min(100%,420px);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.login-card.wide{width:min(100%,520px)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--primary);color:#fff;font-weight:800;font-size:23px;margin-bottom:20px}.brand-mark.small{width:38px;height:38px;border-radius:11px;margin:0;font-size:18px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px}.muted{color:var(--muted)}label{display:block;font-size:14px;font-weight:650;margin:18px 0 7px}input{width:100%;padding:12px 13px;border:1px solid #cfd6e3;border-radius:10px;font:inherit;outline:none;background:#fff}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.btn{display:inline-flex;justify-content:center;align-items:center;width:100%;margin-top:22px;padding:12px 16px;border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.alert{margin:18px 0;padding:12px 14px;border-radius:10px;font-size:14px}.alert-error{color:var(--danger);background:var(--danger-soft)}.alert-success{color:var(--success);background:var(--success-soft)}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#e5e7eb;padding:22px 16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;gap:11px;align-items:center;padding:0 8px 22px}.sidebar-brand div:last-child{display:flex;flex-direction:column}.sidebar-brand span{color:#9ca3af;font-size:12px}nav{display:grid;gap:5px}.nav-item{display:block;text-decoration:none;border-radius:9px;padding:10px 12px;font-size:14px}.nav-item.active{background:var(--nav-soft);color:#fff;font-weight:700}.nav-item.disabled{color:#7f899a;cursor:default}.sidebar-footer{margin-top:auto;border-top:1px solid #2f3744;padding:18px 8px 0;display:grid;gap:7px;font-size:13px}.sidebar-footer a{color:#aeb9ca}.main-content{padding:32px;max-width:1500px;width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{margin-bottom:5px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em}.env-badge{background:var(--success-soft);color:var(--success);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.hero-status,.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 16px rgba(16,24,40,.04)}.hero-status{padding:24px;display:flex;justify-content:space-between;gap:28px;margin-bottom:18px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:999px;background:var(--success);margin-right:6px}.status-label{color:var(--success);font-size:13px;font-weight:700}.hero-status h2{font-size:30px;margin:10px 0 5px}.hero-status p{margin:0;color:var(--muted)}.hero-meta{min-width:420px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-meta div{background:#f8fafc;border-radius:12px;padding:14px}.hero-meta span,.card-label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.hero-meta strong{font-size:14px}.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card{padding:19px}.metric{display:block;font-size:30px;margin:5px 0}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:17px}.panel-heading h3{margin-bottom:0}.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:165px 1fr;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:13px}.detail-list dd{margin:0;font-size:13px;font-weight:650;text-align:right;word-break:break-word}.info-box{margin-top:15px;background:var(--warning-soft);padding:12px 14px;border-radius:10px;color:#765617;font-size:13px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.roadmap-grid>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:12px;background:#f8fafc;border-radius:10px}.roadmap-grid strong{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.roadmap-grid span{font-size:13px;font-weight:650}.roadmap-grid em{font-size:11px;color:var(--muted);font-style:normal}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{display:none}.sidebar-footer{margin-top:12px}.grid-cards,.two-columns,.roadmap-grid{grid-template-columns:1fr 1fr}.hero-status{flex-direction:column}.hero-meta{min-width:0}}@media(max-width:650px){.main-content{padding:20px 14px}.grid-cards,.two-columns,.roadmap-grid,.hero-meta{grid-template-columns:1fr}.page-header{flex-direction:column}.detail-list>div{grid-template-columns:1fr;gap:3px}.detail-list dd{text-align:left}}


.status-dot.ok{background:var(--success)}
.status-dot.paused{background:#d97706}
.status-label.ok{color:var(--success)}
.status-label.paused{color:#b45309}
.text-link{font-size:13px;color:var(--primary);font-weight:700;text-decoration:none}
.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.03em}
.pill-ok{background:var(--success-soft);color:var(--success)}
.pill-paused{background:#fff3df;color:#a85b00}
.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.control-card{display:flex;flex-direction:column}
.control-card form{margin-top:auto}
.control-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}
.control-head h3{margin-bottom:0}
.btn-danger{background:#b42318;color:#fff}
.btn-secondary{background:#344054;color:#fff}
.btn:disabled{opacity:.45;cursor:not-allowed}
.explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.explain-grid>div{background:#f8fafc;border-radius:12px;padding:16px}
.explain-grid p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:850px){.control-grid,.explain-grid{grid-template-columns:1fr}}


/* ==========================================================
   V3 - Conversaciones
   ========================================================== */

.alert-warning {
    color: #8a5a00;
    background: #fff7df;
}

.pill-human {
    color: #7a4c00;
    background: #fff3d6;
}

.toolbar {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 220px auto;
    gap: 14px;
    align-items: end;
}

.toolbar label {
    margin-top: 0;
}

.toolbar-search {
    min-width: 0;
}

select {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid #cfd6e3;
    border-radius: 10px;
    font: inherit;
    background: white;
    color: var(--text);
}

.btn-inline {
    width: auto;
    margin-top: 0;
}

.btn-small {
    width: auto;
    margin: 0;
    padding: 8px 11px;
    font-size: 12px;
    text-decoration: none;
}

.btn-danger {
    background: var(--danger);
    color: white;
}

.btn-danger-outline {
    background: white;
    color: var(--danger);
    border: 1px solid #f0b8b3;
}

.btn-secondary {
    background: #eef2f7;
    color: #25324a;
}

.table-panel {
    overflow: hidden;
}

.table-wrap {
    overflow-x: auto;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.data-table th,
.data-table td {
    padding: 13px 11px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
    font-size: 13px;
}

.data-table th {
    color: var(--muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
    background: #fafbfc;
}

.data-table tr:last-child td {
    border-bottom: 0;
}

.subline {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin: 4px 0;
}

.empty-cell {
    text-align: center !important;
    color: var(--muted);
    padding: 30px !important;
}

.test-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    background: #f0eafe;
    color: #633bbc;
}

.test-tag.large {
    padding: 5px 9px;
    font-size: 11px;
}

.conversation-top {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 18px;
    margin-bottom: 18px;
}

.action-stack {
    display: grid;
    gap: 8px;
    margin-top: 18px;
}

.action-stack .btn {
    margin-top: 0;
}

.test-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.test-action-box {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 15px;
    background: #fafbfc;
}

.test-action-box p {
    color: var(--muted);
    font-size: 13px;
    min-height: 58px;
}

.test-action-box .btn {
    margin-top: 0;
}

.danger-box {
    border-color: #f5c7c3;
    background: #fff9f8;
}

.chat-history {
    display: grid;
    gap: 11px;
}

.chat-row {
    display: flex;
}

.chat-row.from-client {
    justify-content: flex-start;
}

.chat-row.from-ava {
    justify-content: flex-end;
}

.chat-bubble {
    width: min(78%, 760px);
    border-radius: 14px;
    padding: 12px 14px;
    background: #f2f4f7;
    border: 1px solid #e5e7eb;
}

.from-ava .chat-bubble {
    background: var(--primary-soft);
    border-color: #d9e3ff;
}

.chat-meta {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 7px;
    font-size: 11px;
    color: var(--muted);
}

.chat-text {
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
}

.chat-status {
    margin-top: 7px;
    color: var(--muted);
    font-size: 10px;
    text-align: right;
}

@media (max-width: 900px) {
    .toolbar,
    .conversation-top,
    .test-actions {
        grid-template-columns: 1fr;
    }

    .chat-bubble {
        width: 92%;
    }
}


/* ==========================================================
   V4 - Operación, salud, alias y demostraciones
   ========================================================== */

.pill-error {
    color: #b42318;
    background: #fef3f2;
}

.health-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.health-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 4px 16px rgba(16, 24, 40, .04);
}

.health-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.health-card p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

.health-card small {
    display: block;
    margin-top: 8px;
    color: var(--danger);
    font-size: 10px;
    word-break: break-word;
}

.processing-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.radio-card {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 13px;
    margin: 0;
    cursor: pointer;
    background: #fafbfc;
}

.radio-card input {
    width: auto;
    margin-top: 3px;
}

.radio-card span {
    display: grid;
    gap: 4px;
}

.radio-card small {
    color: var(--muted);
    line-height: 1.4;
}

.disabled-option {
    opacity: .55;
    cursor: not-allowed;
}

.number-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.number-row input {
    max-width: 140px;
}

.number-row span {
    color: var(--muted);
    font-size: 13px;
}

.alias-form {
    display: flex;
    gap: 10px;
    align-items: center;
}

.alias-form input {
    max-width: 520px;
}

.demo-command-box {
    border: 1px solid #d9d0f6;
    background: #f8f5ff;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 14px;
}

.demo-command-box p {
    margin: 6px 0;
    color: #514b67;
}

.demo-command-box code {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 7px;
    background: white;
    border: 1px solid #ded7f5;
    font-weight: 800;
}

.demo-command-box small {
    color: var(--muted);
}

@media (max-width: 1050px) {
    .health-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .health-grid,
    .processing-options {
        grid-template-columns: 1fr;
    }

    .alias-form {
        display: grid;
    }

    .alias-form input {
        max-width: none;
    }
}

/* ==========================================================
   V6 - Perfiles y versiones
   ========================================================== */

.profile-hero {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 18px;
    padding: 24px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(16,24,40,.04);
}

.profile-hero h2 {
    margin: 5px 0 8px;
    font-size: 28px;
}

.profile-hero p {
    color: var(--muted);
    margin-bottom: 0;
}

.profile-hero-stats {
    min-width: 430px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
}

.profile-hero-stats > div {
    background: #f8fafc;
    border-radius: 12px;
    padding: 15px;
}

.profile-hero-stats span {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-bottom: 7px;
}

.profile-hero-stats strong {
    font-size: 14px;
    word-break: break-word;
}

.production-tag {
    display: inline-flex;
    margin-left: 7px;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--success-soft);
    color: var(--success);
    font-size: 9px;
    font-weight: 800;
    vertical-align: middle;
}

.pill-draft {
    color: #6842b8;
    background: #f1ebff;
}

.pill-neutral {
    color: #475467;
    background: #f2f4f7;
}

.hash-short,
.hash-inline {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
}

.hash-inline {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.row-actions form {
    margin: 0;
}

.page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.profile-summary-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.profile-editor-form {
    display: grid;
    gap: 18px;
}

.form-grid-2 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}

textarea {
    width: 100%;
    min-height: 110px;
    padding: 12px 13px;
    border: 1px solid #cfd6e3;
    border-radius: 10px;
    background: white;
    color: var(--text);
    font: inherit;
    line-height: 1.45;
    resize: vertical;
}

textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-soft);
    outline: none;
}

textarea[readonly], input[readonly] {
    background: #f8fafc;
}

.code-editor,
.code-compare pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    line-height: 1.55;
}

.sticky-savebar {
    position: sticky;
    bottom: 14px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 16px;
    border: 1px solid #ccd9ff;
    border-radius: 12px;
    background: rgba(247,250,255,.96);
    box-shadow: 0 10px 30px rgba(16,24,40,.10);
    backdrop-filter: blur(8px);
    font-size: 13px;
}

.compare-selector {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-items: end;
    gap: 14px;
}

.compare-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.change-list {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 9px;
}

.change-list > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border: 1px solid var(--line);
    background: #f8fafc;
    border-radius: 10px;
}

.change-list > div.changed {
    border-color: #f0c98d;
    background: #fff9eb;
}

.change-list span {
    color: var(--muted);
    font-size: 11px;
}

.code-compare {
    margin-bottom: 0;
}

.code-compare pre {
    max-height: 520px;
    overflow: auto;
    margin: 7px 0 0;
    padding: 13px;
    white-space: pre-wrap;
    word-break: break-word;
    background: #101828;
    color: #f2f4f7;
    border-radius: 10px;
}

@media (max-width: 1000px) {
    .profile-hero {
        flex-direction: column;
    }

    .profile-hero-stats {
        min-width: 0;
    }

    .profile-summary-grid,
    .change-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 700px) {
    .profile-hero-stats,
    .profile-summary-grid,
    .form-grid-2,
    .compare-selector,
    .compare-grid,
    .change-list {
        grid-template-columns: 1fr;
    }

    .sticky-savebar {
        position: static;
        flex-direction: column;
        align-items: stretch;
    }
}


/* ==========================================================
   V7 - Editor amplio + comparador universal
   ========================================================== */

.profile-workspace {
    max-width: 1900px;
}

.profile-summary-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.code-editor-wide {
    width: 100%;
    min-height: 360px;
    resize: vertical;
    tab-size: 4;
}

.profile-editor-form .panel {
    width: 100%;
}

.compare-workspace {
    max-width: 2000px;
}

.code-compare-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.code-compare-wide pre {
    min-height: 280px;
    max-height: 680px;
    font-size: 12.5px;
    line-height: 1.55;
}

.pill-warning {
    color: #8a5a00;
    background: #fff3d6;
}

@media (max-width: 1250px) {
    .profile-summary-grid-5 {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

@media (max-width: 800px) {
    .profile-summary-grid-5,
    .code-compare-wide {
        grid-template-columns: 1fr;
    }

    .code-editor-wide {
        min-height: 280px;
    }
}

/* V7.1: width fix for profile page textareas. */
.profile-workspace .profile-editor-form {
    width: 100%; min-width: 0;
    grid-template-columns: minmax(0,1fr);
}
.profile-workspace .profile-editor-form > .panel {
    width: 100%; max-width: none; min-width: 0;
}
.profile-workspace .profile-editor-form textarea,
.profile-workspace .profile-editor-form textarea.code-editor,
.profile-workspace .profile-editor-form textarea.code-editor-wide {
    display: block;
    width: 100%; min-width: 0; max-width: 100%;
    box-sizing: border-box;
    min-height: 360px;
    font-size: 13px;
    line-height: 1.55;
    padding: 14px 16px;
    resize: vertical;
}
.profile-workspace .profile-editor-form textarea[name="notas"] {min-height:110px}
@media(max-width:700px) {
    .profile-workspace .profile-editor-form textarea.code-editor-wide {min-height:280px}
}

/* V8 laboratorio comparativo aislado */
.sim-workspace{max-width:1720px;min-width:0}
.sim-new-form{display:grid;gap:15px}
.sim-new-form input,.sim-new-form select,.sim-new-form textarea{max-width:100%;width:100%;box-sizing:border-box}
.sim-new-form .code-editor{min-height:165px}
.sim-details{border:1px solid #dde5f2;border-radius:12px;padding:12px 15px;margin-top:12px;background:#fafcff}
.sim-details summary{font-weight:700;cursor:pointer;margin-bottom:7px}
.sim-details pre,.sim-case-context pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:320px;font:12px/1.55 ui-monospace,Consolas,monospace;color:#1b2b44}
.sim-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sim-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.sim-results .panel{min-width:0}
.sim-answer{padding:17px;background:#f0f6ff;border-radius:12px;margin:18px 0;min-height:100px}
.sim-answer p{font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}
.sim-case-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.sim-case-context>div{border:1px solid #e2e8f3;border-radius:10px;padding:12px;min-width:0}
.sim-case-context p{white-space:pre-wrap;overflow-wrap:anywhere}
.sim-error{padding:14px 18px;border:1px solid #f1a3a3;border-radius:12px;background:#fff2f2;color:#8a1a1a;margin:18px 0}
.sim-error[hidden]{display:none}
@media(max-width:950px){.sim-results,.sim-case-context{grid-template-columns:1fr}}

/* V8.1: comparación de diferencias reales */
.compare-diff-pre .compare-line { display:block; min-height:1.55em; }
.compare-diff-pre .compare-line-changed {
    background:#58421e;
    color:#ffefc9;
    border-left:3px solid #fbbf24;
    padding-left:7px;
    margin-left:-10px;
}
.compare-format-note {
    border-left:3px solid #247a50;
    border-radius:7px;
    background:#eaf8f1;
    color:#175a3e;
    padding:10px 12px;
    font-size:13px;
}
/* V9: laboratorio conversacional */
.dia-workspace{max-width:1900px;min-width:0}
.dia-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.dia-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.dia-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dia-totals>div{border:1px solid #e0e8f4;border-radius:10px;padding:15px;min-width:0}
.dia-totals p{margin:5px 0}
.dia-turn{margin-bottom:18px;min-width:0;padding:18px}
.dia-turn>summary{cursor:pointer;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:16px;overflow-wrap:anywhere}
.dia-turn[open]>summary{padding-bottom:12px;border-bottom:1px solid #e0e8f4}
.dia-client-msg{padding:13px 17px;border-radius:12px;background:#f0f6ff;margin:16px 0;overflow-wrap:anywhere}
.dia-client-msg p{margin:8px 0;white-space:pre-wrap}
.dia-results{margin-bottom:0}
.dia-side{min-width:0}
.dia-side .sim-details pre{max-height:500px}
@media(max-width:900px){.dia-totals{grid-template-columns:1fr}.dia-turn>summary{display:block}}

/* V10 - usuarios/roles; ancho de formulario y claves efímeras */
.user-workspace{max-width:1600px;min-width:0}
.user-table-wrap{width:100%;overflow-x:auto}
.user-table{width:100%;border-collapse:collapse;font-size:13px}
.user-table th,.user-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0}
.user-table th{white-space:nowrap;font-weight:750}
.user-table small{color:#64748b}
.user-edit{min-width:210px}
.user-edit summary{cursor:pointer;font-weight:700}
.user-edit-form{display:grid;gap:8px;margin:9px 0}
.user-edit select,.user-create-form input,.user-create-form select{width:100%;max-width:100%;box-sizing:border-box}
.user-edit form{margin-top:8px}
.user-create-form{display:grid;gap:13px;max-width:920px}
.user-temporary{border:2px solid #d69e20;background:#fffaf0}
.temp-key{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 0}
.temp-key code{font:700 17px/1.5 ui-monospace,Consolas,monospace;letter-spacing:1px;overflow-wrap:anywhere}
@media(max-width:800px){.user-create-form .form-grid-2{grid-template-columns:1fr}}

/* V10.1 tariffs and solo mode */
.tarifas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.tarifas-grid input{width:100%;max-width:100%;box-sizing:border-box;}
#dia-b-col[hidden]{display:none!important;}
@media(max-width:900px){.tarifas-grid{grid-template-columns:1fr;}}

/* AVANTI V10.2 · history collapsed by default, costs hidden until requested */
.history-panel{margin-top:18px;margin-bottom:18px}
.history-heading{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style-position:inside}
.history-heading strong{display:block;font-size:17px;line-height:1.4}
.history-heading .eyebrow{display:block}
.history-body{padding-top:16px;border-top:1px solid var(--line);margin-top:15px}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;flex-wrap:wrap}
.history-toolbar .btn{margin:0;white-space:nowrap}
.history-panel .cost-col{display:none}
.history-panel .cost-total{display:none;border-top:1px solid var(--line);padding-top:13px;margin-top:12px;font-size:13px;color:var(--muted)}
.history-panel.history-costs-visible .cost-col{display:table-cell}
.history-panel.history-costs-visible .cost-total{display:block}
.consumo-filtros{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:0 0 18px}
.consumo-filtros label{margin:0 0 4px}
.consumo-filtros select{min-width:190px}
.consumo-filtros .btn{margin:0}
.consumo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}
.consumo-cards .metric{font-size:23px;overflow-wrap:anywhere}
@media(max-width:1100px){.consumo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.history-heading{display:block}.consumo-cards{grid-template-columns:1fr}}

/* V10.3 · gestión de permisos por cuenta */
.permission-workspace{max-width:1500px;min-width:0}
.permission-help{border-left:4px solid #2563eb}
.permission-form{display:grid;gap:16px}
.permission-category{margin:0;min-width:0}
.permission-line{display:flex;align-items:center;justify-content:space-between;gap:16px;
 padding:13px 0;border-top:1px solid #e2e8f0}
.permission-main{min-width:0;flex:1}
.permission-check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-weight:400}
.permission-check input{flex:0 0 auto;width:18px;height:18px;margin:3px 0 0}
.permission-check span{display:grid;gap:2px;overflow-wrap:anywhere}
.permission-check small{font:12px ui-monospace,Consolas,monospace;color:#64748b}
.permission-status{flex:0 0 auto;font-size:12px;font-weight:700;color:#385474}
.permission-not-allowed{opacity:.55}
.permission-not-allowed .permission-check{cursor:not-allowed}
.permission-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.user-edit .btn{margin-top:9px}
@media(max-width:660px){.permission-line{align-items:flex-start;flex-direction:column;gap:6px}}

/* V10.5 · Marca / Ayuda / configuración */
.brand-mark.brand-image{overflow:hidden;padding:0;background:transparent}
.brand-mark.brand-image img{width:38px;height:38px;object-fit:contain;display:block}
.brand-credit{font-size:11px;line-height:1.4;color:#aeb9ca;overflow-wrap:anywhere;border-bottom:1px solid #2f3744;padding-bottom:10px}
.ayuda-item{border:1px solid #e5e9f0;border-radius:10px;padding:14px 16px;margin:10px 0}
.ayuda-item summary{font-weight:700;cursor:pointer}.ayuda-item p{margin:12px 0 0;line-height:1.55;color:#475467}
.inline-check{display:flex;gap:10px;align-items:center}.inline-check input{width:auto}
.logo-preview{display:flex;align-items:center;gap:16px;padding:14px;border-radius:12px;background:#f8fafc;margin:14px 0}
.logo-preview img,.logo-history-item img{border-radius:12px;border:1px solid #d0d5dd;object-fit:contain;background:#fff}
.logo-history{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.logo-history-item{width:150px;border:1px solid #e5e9f0;border-radius:12px;padding:12px;display:grid;justify-items:start;gap:9px}.logo-history-item small{font-size:11px;color:#667085}

/* V10.6 - controlled theme; no custom CSS from users */
.panel,.card,.hero-status{border-radius:var(--custom-radius,16px)}
.nav-item,.logo-history-item{border-radius:var(--custom-radius,12px)}
.sidebar{background:var(--nav)}
body{background:var(--bg)}
.panel,.card,.hero-status{background:var(--panel)}
.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:12px 0 20px}
.design-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.design-actions .btn{margin:0}
.design-swatch{display:inline-block;width:25px;height:25px;vertical-align:middle;border-radius:6px;border:1px solid #999}
.design-small{font-size:13px;color:var(--muted)}
.eng-section{white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere}
.engineering-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.engineering-actions .btn{margin:0}
@media(max-width:800px){.design-grid{grid-template-columns:1fr}}

/* V10.7 - acordeones compactos para Configuración, Diseño e Ingeniería */
.config-accordion{padding:0;overflow:hidden;margin-bottom:14px}
.config-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:var(--panel);user-select:none}
.config-accordion>summary::-webkit-details-marker{display:none}
.config-accordion>summary span{display:grid;gap:4px;min-width:0}
.config-accordion>summary small{font-size:11px;font-weight:800;letter-spacing:.11em;color:var(--primary)}
.config-accordion>summary strong{font-size:16px;color:var(--text);overflow-wrap:anywhere}
.config-accordion>summary::after{content:'+';display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:20px;font-weight:700;line-height:1}
.config-accordion[open]>summary::after{content:'−'}
.config-accordion[open]>summary{border-bottom:1px solid var(--line)}
.accordion-body{padding:20px 22px 22px}
.accordion-body>:last-child{margin-bottom:0}
.config-tool-block{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.agent-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.agent-export-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fafcff;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.agent-export-card h3{margin:10px 0 6px}
.agent-export-card .btn{margin-top:0}
.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed}
.sub-accordion{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:14px;background:#fafcff}
.sub-accordion>summary{cursor:pointer;font-weight:700}
@media(max-width:760px){.agent-export-grid{grid-template-columns:1fr}.config-accordion>summary{padding:16px}.accordion-body{padding:16px}}

/* V10.8 · diagnóstico de lectura, actualización mediante polling (10 s) */
.live-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.live-head .btn{margin:0;width:auto}
.live-caption{font-size:12px;color:var(--muted);margin:6px 0 14px}
.live-status{font-size:13px;font-weight:650;color:var(--success)}
.live-status.live-error{color:var(--danger)}
.live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.live-tile{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:var(--custom-radius,12px);padding:12px}
.live-tile small{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.live-tile strong{display:block;overflow-wrap:anywhere;font-size:16px}
.live-tile span{font-size:11px;color:var(--muted);display:block;margin-top:6px;overflow-wrap:anywhere}
.live-chart{height:118px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--line);padding:8px 2px 0;margin:12px 0}
.live-bar{flex:1;min-width:3px;max-width:28px;background:var(--primary);border-radius:4px 4px 0 0}
.live-report{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:1200px){.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.live-metrics{grid-template-columns:1fr}}

/* V10.9 — eje horario del gráfico y diagnóstico de Sistema */
.live-chart .live-bar{appearance:none;border:0;padding:0;cursor:help;outline-offset:3px}
.live-chart .live-bar:focus-visible{outline:3px solid var(--text)}
.live-time-axis{display:flex;justify-content:space-between;align-items:start;gap:6px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;margin:-7px 1px 14px;min-height:16px}
.live-time-axis span{white-space:nowrap;flex:1;text-align:center}
.live-time-axis .live-time-start{text-align:left}
.live-time-axis .live-time-end{text-align:right}
.system-live{margin:18px 0}
.system-live .live-caption{margin-top:7px}
@media(max-width:560px){.live-time-axis{font-size:10px}.system-live .live-head{align-items:flex-start}}

/* V10.29 · Catálogo de agentes */
.agent-summary{margin-bottom:18px}
.agent-catalog{display:grid;gap:18px}
.agent-card{position:relative;overflow:hidden}
.agent-card::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#98a2b3}
.agent-card-ava::before{background:var(--primary)}
.agent-card-eva::before{background:#7f56d9}
.agent-card-ova::before{background:#0e9384}
.agent-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}
.agent-identity{display:flex;gap:14px;min-width:0}
.agent-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:21px}
.agent-card-eva .agent-avatar{background:#f4f0ff;color:#6941c6}
.agent-card-ova .agent-avatar{background:#e9fbf7;color:#087a70}
.agent-code{display:block;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:4px}
.agent-identity h2{font-size:23px;margin:0 0 5px}
.agent-identity p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}
.agent-body-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px;padding-top:18px;border-top:1px solid var(--line)}
.agent-body-grid h3{font-size:14px;margin:0 0 10px}
.agent-scope{margin:0;padding-left:19px;color:#344054;font-size:13px;line-height:1.65}
.compact-detail>div{grid-template-columns:105px 1fr;padding:8px 0}
.agent-dependency{margin-top:18px;padding:12px 14px;border-radius:10px;background:#f8fafc;color:#475467;font-size:13px;line-height:1.5}
.agent-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.agent-health>div{display:grid;align-content:start;gap:7px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fcfcfd}
.agent-health span{font-size:12px;color:var(--muted)}
.agent-health strong{justify-self:start}
.agent-health small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.agent-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.agent-actions .btn{margin:0;text-decoration:none}
.agent-disabled-note{margin:16px 0 0;padding:11px 13px;border-radius:9px;background:#f2f4f7;color:#667085;font-size:12px}
@media(max-width:950px){.agent-body-grid{grid-template-columns:1fr}.agent-health{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.agent-card-head{flex-direction:column}.agent-health{grid-template-columns:1fr}.agent-actions{display:grid}.agent-actions .btn{width:100%}}

/* V10.10 · explorador de latencia en Sistema */
.latency-panel{min-width:0}
.latency-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:16px 0}
.latency-filter label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--muted)}
.latency-filter select,.latency-filter input{width:100%;min-width:0}
.latency-custom-range{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.latency-custom-range[hidden]{display:none!important}
.latency-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.latency-actions .btn{width:auto;margin:0}
.latency-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.latency-details{margin:8px 0 14px}
@media(max-width:980px){.latency-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.latency-filter,.latency-custom-range{grid-template-columns:1fr}.latency-metrics{grid-template-columns:1fr}.latency-actions .btn{width:100%}}
.system-diagnostic-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:18px 0}

/* V10.11 · navegación por secciones y filtros de conversaciones */
.system-section-nav{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin:18px 0 6px;box-shadow:0 4px 16px rgba(16,24,40,.04)}
.system-tab{flex:0 0 auto;appearance:none;border:1px solid transparent;background:transparent;border-radius:10px;padding:11px 15px;color:var(--muted);font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.system-tab:hover{color:var(--text);background:var(--primary-soft)}
.system-tab[aria-selected="true"]{color:var(--primary);background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}
.system-tab:focus-visible,.system-latency-summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.system-nav-caption{color:var(--muted);font-size:12px;margin:0 0 17px}
.system-panel{min-width:0;animation:systemPaneIn .22s ease-out}
.system-panel[hidden]{display:none!important}
.system-panel>.panel,.system-panel>.two-columns,.system-panel>.control-grid{margin-bottom:18px}
.system-panel .system-diagnostic-grid{margin-top:0}
.system-panel .two-columns.system-single-column{grid-template-columns:minmax(0,1fr)}
.system-panel .control-grid{margin-top:0}
.system-latency-accordion{overflow:hidden;padding:0}
.system-latency-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:22px}
.system-latency-summary::-webkit-details-marker{display:none}
.system-latency-summary>span:first-child{display:flex;flex-direction:column;gap:5px}
.system-latency-summary strong{font-size:18px;line-height:1.3;color:var(--text)}
.system-latency-summary small{font-size:12px;color:var(--muted)}
.system-summary-chevron{font-size:28px;color:var(--primary);transition:transform .2s ease}
.system-latency-accordion[open] .system-summary-chevron{transform:rotate(180deg)}
.system-latency-accordion[open] .system-latency-summary{border-bottom:1px solid var(--line)}
.system-latency-body{padding:20px 22px 22px;animation:systemPaneIn .2s ease-out}
@keyframes systemPaneIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.conversations-toolbar{grid-template-columns:minmax(180px,1fr) minmax(155px,180px);gap:13px;align-items:end}
.conversations-toolbar>.conversations-date-options,.conversations-toolbar>.conversations-date-field{min-width:0}
.conversations-toolbar>.conversations-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}
.conversations-toolbar>.conversations-actions .btn{min-height:40px}
.conversation-filter-caption{margin:14px 0 0;font-size:12px;line-height:1.6}
@media(min-width:1100px){.conversations-toolbar{grid-template-columns:minmax(180px,1fr) minmax(120px,170px) minmax(160px,180px) minmax(200px,1fr) minmax(200px,1fr)}}
@media(max-width:760px){.conversations-toolbar{grid-template-columns:1fr}.system-section-nav{gap:4px}.system-tab{padding:10px 12px}.system-latency-summary,.system-latency-body{padding:16px}}
@media(prefers-reduced-motion:reduce){.system-panel,.system-latency-body{animation:none}.system-tab,.system-summary-chevron{transition:none}}

/* V10.30 · Agentes por pestañas, catálogo seguro de íconos y tiempo de sesión */
.agent-section-nav{margin-top:18px}
.agent-panel{animation:systemPaneIn .22s ease-out}
.agent-panel[hidden]{display:none!important}
.nav-icon-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.nav-icon-setting{display:grid;grid-template-columns:42px minmax(120px,1fr) minmax(145px,.8fr);align-items:center;gap:12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafcff}
.nav-icon-setting>span:nth-child(2){display:grid;gap:3px;min-width:0}
.nav-icon-setting strong{font-size:13px;overflow-wrap:anywhere}
.nav-icon-setting small{font-size:11px;color:var(--muted);font-weight:400}
.nav-icon-setting select{margin:0;min-width:0;width:100%}
.nav-icon-preview{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}
.design-nav-icon{width:22px;height:22px}
.session-timeout-form{max-width:560px}
.session-timeout-form select{width:100%;margin-bottom:4px}
@media(max-width:900px){.nav-icon-settings{grid-template-columns:1fr}}
@media(max-width:560px){.nav-icon-setting{grid-template-columns:40px 1fr}.nav-icon-setting select{grid-column:1/-1}.agent-section-nav .system-tab{flex:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.agent-panel{animation:none}}

/* V10.11.1 · vistas rápidas de conversaciones */
.conversation-quick-views{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.conversation-quick-views>span{color:var(--muted);font-size:12px;font-weight:700;margin-right:4px}
.conversation-quick-views>.btn{width:auto;margin:0;white-space:normal}
@media(max-width:560px){.conversation-quick-views>.btn{flex:1 1 auto}}

/* V10.12: vistas personales de Conversaciones. */
.conversation-personal-views{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.conversation-personal-views-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.conversation-saved-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}
.conversation-saved-links .btn{width:auto;margin:0;max-width:100%;overflow-wrap:anywhere}
.conversation-view-manager{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.conversation-view-manager>summary{cursor:pointer;font-weight:700;color:var(--text);padding:6px 0}
.conversation-view-manager-body{display:grid;gap:10px;padding:12px 0 2px}
.conversation-view-save{display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,1fr) auto;gap:12px;align-items:end}
.conversation-view-save>.btn{width:auto;margin:0}
.conversation-view-note{font-size:12px;margin:0 0 6px}
.conversation-view-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.conversation-view-row-actions{display:flex;gap:7px;flex-wrap:wrap}
.conversation-view-row-actions form{margin:0}.conversation-view-row-actions .btn{width:auto;margin:0}
@media(max-width:900px){.conversation-view-save{grid-template-columns:1fr}.conversation-view-row{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.conversation-view-manager *{scroll-behavior:auto}}

/* V10.13 · mediciones: aisladas del layout y CSS anteriores. */
.measurement-section{margin-top:18px}
.measurement-section h2{font-size:21px;margin-bottom:4px}
.measurement-section .panel-heading{align-items:center}
.measurement-form,.measurement-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;align-items:end}
.measurement-form label,.measurement-compare label{margin:4px 0 6px}
.measurement-form textarea{width:100%;max-width:100%;font:inherit;border:1px solid #cfd6e3;border-radius:10px;padding:12px;color:var(--text);background:var(--panel)}
.measurement-wide{grid-column:1/-1}.measurement-active{border:1px solid var(--line);background:var(--primary-soft);border-radius:12px;padding:16px}.measurement-active p{margin:8px 0}
.measurement-small{font-size:13px;line-height:1.5;margin-top:14px}
.measurement-note{margin:0 0 18px;line-height:1.55}
.measurement-entry{margin-top:16px}
.measurement-entry .btn{margin-top:8px}
.measurement-table{min-width:680px}
.measurement-table th,.measurement-table td{word-break:normal;overflow-wrap:anywhere}
.measurement-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.measurement-stats>div{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:15px}
.measurement-stats small{display:block;color:var(--muted);margin-bottom:7px}.measurement-stats strong{font-size:23px;font-variant-numeric:tabular-nums}
@media(max-width:750px){.measurement-form,.measurement-compare{grid-template-columns:1fr}.measurement-wide{grid-column:auto}.measurement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V10.13.1 · Sesiones: arquitectura de divulgacion progresiva, detalle anidado y local. */
.measurement-intro{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.6}
.measurement-guidance{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:16px;font-size:13px}
.measurement-guidance>summary{cursor:pointer;padding:12px 15px;font-weight:700;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:12px}
.measurement-guidance>summary:focus-visible,.measurement-accordion-heading:focus-visible,.measurement-session-summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.measurement-guidance[open]>summary{border-bottom:1px solid var(--line)}
.measurement-guidance[open]>summary span{transform:rotate(180deg)}
.measurement-guidance-body{padding:14px 15px;line-height:1.7;color:var(--muted)}
.measurement-accordion{padding:0;overflow:hidden;scroll-margin-top:20px}
.measurement-accordion-heading{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:86px;padding:19px 22px;cursor:pointer;background:var(--panel)}
.measurement-accordion-heading::-webkit-details-marker,.measurement-session-summary::-webkit-details-marker{display:none}
.measurement-accordion-heading:hover{background:var(--primary-soft)}
.measurement-accordion[open]>.measurement-accordion-heading{border-bottom:1px solid var(--line)}
.measurement-accordion-name{display:flex;flex-direction:column;gap:4px;min-width:0}
.measurement-accordion-name>small{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--primary)}
.measurement-accordion-name>strong{font-size:19px;font-weight:750;color:var(--text)}
.measurement-accordion-name>span{font-size:12px;color:var(--muted);line-height:1.4}
.measurement-accordion-actions{display:flex;align-items:center;gap:15px;flex:0 0 auto}
.measurement-chevron{font-size:20px;font-weight:800;color:var(--primary);display:inline-block;line-height:1;transition:transform .18s ease}
.measurement-accordion[open]>.measurement-accordion-heading .measurement-chevron,.measurement-session-card[open]>.measurement-session-summary .measurement-chevron{transform:rotate(180deg)}
.measurement-accordion-body{padding:22px;animation:measurementReveal .18s ease-out}
.measurement-session-list{display:grid;gap:12px}
.measurement-session-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;overflow:hidden;scroll-margin-top:16px;transition:border-color .18s ease,box-shadow .18s ease}
.measurement-session-card:hover{border-color:var(--primary)}
.measurement-session-card[open]{border-color:var(--primary);box-shadow:0 8px 25px rgba(16,24,40,.07)}
.measurement-session-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;cursor:pointer;padding:17px 19px;list-style:none}
.measurement-session-summary:hover{background:var(--primary-soft)}
.measurement-session-card[open]>.measurement-session-summary{background:var(--primary-soft);border-bottom:1px solid var(--line)}
.measurement-session-identity{display:flex;flex-direction:column;gap:6px;min-width:0}
.measurement-session-index{color:var(--primary);font-weight:800;font-size:10px;letter-spacing:.11em}
.measurement-session-identity>strong{color:var(--text);font-size:15px;overflow-wrap:anywhere}
.measurement-session-identity>small{color:var(--muted);font-size:12px;line-height:1.5}
.measurement-session-figures{display:grid;gap:5px;justify-items:end;white-space:nowrap}
.measurement-session-figures>small{font-size:11px;color:var(--muted)}
.measurement-session-figures>strong{font-size:17px;font-variant-numeric:tabular-nums}
.measurement-session-action{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--primary);white-space:nowrap;padding-left:13px;border-left:1px solid var(--line)}
.measurement-session-card[open] .measurement-session-action-label{font-size:0}
.measurement-session-card[open] .measurement-session-action-label::after{content:'Ocultar detalle';font-size:12px}
.measurement-session-content{padding:18px 20px 22px;background:var(--bg);animation:measurementReveal .18s ease-out;min-width:0}
.measurement-detail-inner{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:11px;padding:20px;min-width:0}
.measurement-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.measurement-detail-head h3{margin:0;font-size:18px}
.measurement-detail-head .btn{flex:0 0 auto}
.measurement-detail-description{margin:16px 0 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.measurement-detail-inner h4{margin:20px 0 4px;font-size:14px}
.measurement-detail-inner .measurement-table{min-width:690px}
.measurement-loading{padding:8px 0}
@keyframes measurementReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.measurement-session-summary{grid-template-columns:minmax(0,1fr) auto}.measurement-session-action{grid-column:1/-1;justify-content:flex-end;border-left:0;border-top:1px solid var(--line);padding:10px 0 0}.measurement-session-figures{justify-items:end}}
@media(max-width:560px){.measurement-accordion-heading{padding:16px;min-height:72px}.measurement-accordion-name>strong{font-size:17px}.measurement-accordion-body{padding:15px}.measurement-session-summary{padding:15px;gap:10px}.measurement-session-content{padding:10px}.measurement-detail-inner{padding:13px}.measurement-detail-head{flex-direction:column}.measurement-session-figures>strong{font-size:14px}.measurement-accordion-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.measurement-accordion-body,.measurement-session-content{animation:none}.measurement-chevron,.measurement-session-card{transition:none}}

/* V10.14 · Comparación sin navegación y reportes bajo demanda. */
.measurement-compare-output{margin-top:18px;min-width:0}
.measurement-compare-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 14px}
.measurement-compare-heading>strong{font-size:15px}
.measurement-compare-export{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:13px;font-size:13px}
.measurement-compare-export>span{color:var(--muted)}
.measurement-comparison-delta{background:var(--primary-soft)}
.measurement-comparison-delta td{font-weight:800;font-variant-numeric:tabular-nums}
.measurement-export-panel{margin:18px 0 14px;border:1px solid var(--line);border-radius:11px;background:var(--bg);overflow:hidden}
.measurement-export-panel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;font-weight:800;font-size:13px;cursor:pointer;color:var(--text)}
.measurement-export-panel>summary::-webkit-details-marker{display:none}
.measurement-export-panel>summary:hover{background:var(--primary-soft)}
.measurement-export-panel[open]>summary{border-bottom:1px solid var(--line)}
.measurement-export-panel[open]>summary span{transform:rotate(180deg)}
.measurement-export-content{padding:15px}
.measurement-export-actions{display:flex;flex-wrap:wrap;gap:9px}
.measurement-export-actions .btn{width:auto;margin:0}
.measurement-export-panel>summary:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
@media(max-width:560px){.measurement-compare-heading{align-items:flex-start;flex-direction:column}.measurement-export-actions .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.measurement-export-panel>summary span{transition:none}}

/* V10.15 · Visualizaciones sin dependencias y bajo demanda. */
.measurement-trend-wrap{min-width:0;overflow-x:auto;padding:10px 0}
.measurement-trend-svg{display:block;min-width:630px;width:100%;height:auto;max-height:320px;overflow:visible;color:var(--text)}
.measurement-trend-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}
.measurement-trend-tick{fill:var(--muted);font:10px system-ui,sans-serif}
.measurement-trend-line{stroke:var(--primary);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;fill:none}
.measurement-trend-point{fill:var(--primary);stroke:var(--panel);stroke-width:1.3}
.measurement-trend-panel{margin:16px 0 10px}
.measurement-visual-compare{border:1px solid var(--line);background:var(--bg);border-radius:13px;padding:17px;margin:0 0 16px}
.measurement-visual-compare h4{font-size:14px;margin:0 0 14px}
.measurement-visual-row{margin-top:12px}
.measurement-visual-row>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:7px}
.measurement-visual-row span{font-variant-numeric:tabular-nums;font-weight:800}
.measurement-visual-row meter{width:100%;height:17px;display:block;accent-color:var(--primary)}
@media(max-width:550px){.measurement-visual-compare{padding:12px}.measurement-visual-row>div{flex-wrap:wrap}}

/* V10.16: archivado controlado de usuarios */
.pill-archived{color:#7a3c22;background:#fef0e5;border:1px solid #f6d4b8}
.user-archive-notice{display:grid;gap:8px;padding:13px 15px;border:1px solid #f6d4b8;background:#fff7ef;border-radius:12px;margin:14px 0;font-size:13px}
.user-archive-notice span{color:var(--muted);overflow-wrap:anywhere}
.user-archive-control{border:1px solid var(--line);border-radius:12px;padding:0;margin:14px 0;background:var(--bg);max-width:560px}
.user-archive-control>summary{padding:12px 14px;cursor:pointer;font-size:13px;font-weight:750}
.user-archive-control[open]>summary{border-bottom:1px solid var(--line)}
.user-archive-control>.archive-form,.user-archive-control>p{margin:12px 14px}
.archive-form{max-width:560px;display:grid;gap:8px;margin:14px 0}
.archive-form label{margin:8px 0 0}.archive-form textarea{width:100%;padding:12px 13px;font:inherit;border:1px solid #cfd6e3;border-radius:10px;resize:vertical}
.archive-form .btn{justify-self:start;max-width:300px}
@media(prefers-reduced-motion:reduce){.user-archive-control *{transition:none!important}}


/* V10.21: discoverability, least-privilege permission accordions and unified IA consumption. */
.nav-search{margin:14px 12px 12px;position:relative;min-width:0;z-index:4}
.nav-search label{display:block;font-size:11px;font-weight:750;letter-spacing:.03em;color:#dbe6f4;margin-bottom:6px}
.nav-search input{width:100%;min-width:0;padding:10px 12px;font-size:13px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.09);color:#fff;border-radius:10px}
.nav-search input::placeholder{color:#aebdd0}.nav-search input:focus{outline:2px solid #9cc5ff;outline-offset:2px}
.nav-search-results{position:relative;margin-top:5px;background:#fff;color:#172033;border:1px solid #c7d2e4;border-radius:12px;max-height:280px;overflow:auto;box-shadow:0 12px 25px rgba(0,0,0,.2)}
.nav-search-results[hidden]{display:none}.nav-search-results a{display:grid;gap:3px;padding:10px 12px;color:#172033;text-decoration:none;border-bottom:1px solid #e9edf4;font-size:12px}
.nav-search-results a strong{font-weight:780}.nav-search-results a small{color:#526078;font-size:11px}.nav-search-results a:hover,.nav-search-results a:focus-visible{background:#ecf3ff;color:#172033}
.nav-search-empty{font-size:12px;padding:10px 12px;margin:0;color:#526078}
.permission-bulk-actions{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:14px 0;box-shadow:0 4px 16px rgba(15,23,42,.06)}
.permission-bulk-actions>div{display:flex;gap:8px;flex-wrap:wrap}.permission-bulk-actions .btn{width:auto;margin:0}
.permission-category{padding:0;overflow:hidden;margin:0 0 11px}.permission-category>summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.permission-category>summary::-webkit-details-marker{display:none}.permission-category-title>span:first-child{display:grid;gap:4px}
.permission-category-title small{color:var(--muted);font-size:10px;letter-spacing:.08em;font-weight:750}.permission-category-title strong{font-size:16px}
.permission-chevron{font-size:22px;transition:transform .16s;color:var(--primary)}.permission-category[open] .permission-chevron{transform:rotate(180deg)}
.permission-category[open]>summary{border-bottom:1px solid var(--line);background:var(--primary-soft)}
.permission-category>summary:hover{background:var(--primary-soft)}.permission-category>summary:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
.permission-category-content{padding:9px 16px 17px}.permission-category-content .permission-line:last-child{border-bottom:0}
.consumo-tool{margin-bottom:14px}.consumo-tool>.accordion-body{padding-top:17px}.consumo-tool .consumo-filtros{margin-bottom:18px}
.tarifa-model-list{display:grid;gap:10px;margin:14px 0}.tarifa-model{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.tarifa-model>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:14px 16px}
.tarifa-model>summary::-webkit-details-marker{display:none}.tarifa-model>summary>span:first-child{display:grid;gap:5px;min-width:0}.tarifa-model>summary small{font-size:11px;color:var(--muted)}
.tarifa-model>summary strong{font-size:14px}.tarifa-model[open]>summary{border-bottom:1px solid var(--line);background:var(--primary-soft)}
.tarifa-model-content{padding:16px}.tarifa-model-content .btn{margin-top:12px}.user-session-shortcut{background:var(--bg);padding:13px 14px;margin:10px 0;border:1px solid var(--line);border-radius:11px}
.user-session-shortcut p{font-size:12px;margin:5px 0 10px}.user-session-shortcut .btn{margin:0}
@media(max-width:600px){.permission-bulk-actions{position:static}.permission-bulk-actions>div{width:100%}.permission-bulk-actions .btn{flex:1 1 42%}.permission-category-content{padding:8px 11px 12px}.tarifa-model>summary{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.permission-chevron{transition:none}}


/* V10.23 · Buscador global consistente entre módulos y sin saltos del menú. */
.sidebar{z-index:12}
.sidebar .nav-search{flex:0 0 auto;isolation:isolate;z-index:15}
.sidebar .nav-search input[type="search"]{display:block;box-sizing:border-box;max-width:100%;min-width:0;line-height:1.4}
.sidebar .nav-search-results{
  position:absolute;top:calc(100% + 7px);left:0;right:auto;
  width:min(340px,calc(100vw - 32px));max-width:none;
  max-height:min(320px,calc(100vh - 160px));margin:0;padding:5px;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:25;
  border-color:#cad7e8;box-shadow:0 16px 34px rgba(3,13,32,.27);
}
.sidebar .nav-search-results[hidden]{display:none!important}
.sidebar .nav-search-results a{
  min-width:0;display:grid;gap:3px;padding:10px 11px;line-height:1.4;
  border-bottom:0;border-radius:8px;white-space:normal;overflow-wrap:anywhere;
}
.sidebar .nav-search-results a+a{border-top:1px solid #edf1f7}
.sidebar .nav-search-results a strong,.sidebar .nav-search-results a small{
  display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;
}
.sidebar .nav-search-results a:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
@media(max-width:1000px){.sidebar .nav-search-results{width:min(340px,calc(100vw - 48px))}}


/* V10.24 · Navegación móvil accesible: sin JS el menú permanece visible. */
.nav-mobile-toggle{display:none}
@media(max-width:1000px){
  .sidebar{z-index:12}
  .sidebar .nav-mobile-toggle:not([hidden]){
    width:100%;display:flex;align-items:center;gap:10px;
    padding:12px 13px;margin:4px 0 10px;
    color:#edf4ff;background:rgba(255,255,255,.08);
    border:1px solid rgba(209,226,247,.27);border-radius:11px;
    font:inherit;font-size:13px;font-weight:720;cursor:pointer;text-align:left;
  }
  .sidebar .nav-mobile-toggle:hover{background:rgba(255,255,255,.14);border-color:rgba(209,226,247,.48)}
  .sidebar .nav-mobile-toggle:focus-visible{outline:3px solid #9cc5ff;outline-offset:3px}
  .nav-mobile-icon{font-size:17px;font-weight:600;line-height:1}
  .nav-mobile-chevron{margin-left:auto;font-size:19px;line-height:1;transition:transform .16s}
  .nav-mobile-toggle[aria-expanded="true"] .nav-mobile-chevron{transform:rotate(180deg)}
  .sidebar nav#avanti-main-nav{display:grid;gap:5px;margin:0 0 8px;
    padding:10px 0;border-top:1px solid rgba(209,226,247,.15);
    border-bottom:1px solid rgba(209,226,247,.15)}
  .sidebar nav#avanti-main-nav[data-mobile-collapsed="true"]{display:none}
  .sidebar nav#avanti-main-nav .nav-item{padding:11px 12px}
}
@media(prefers-reduced-motion:reduce){.nav-mobile-chevron{transition:none}}


/* V10.25 · Cabecera móvil fija: logotipo a la izquierda y hamburguesa a la derecha. */
.nav-mobile-panel{display:flex;flex-direction:column;flex:1;min-height:0}
.nav-mobile-backdrop{display:none}
@media(max-width:1000px){
  .sidebar[data-mobile-ready="true"]{
    --avanti-mobile-header-height:76px;
    position:sticky;top:0;align-self:start;z-index:120;
    display:block;height:var(--avanti-mobile-header-height);min-height:0;
    padding:0;margin:0;overflow:visible;background:#fff;color:#172033;
    border-bottom:1px solid #e4e9f0;box-shadow:0 3px 12px rgba(16,24,40,.08);
  }
  .sidebar[data-mobile-ready="true"] .sidebar-brand{
    display:flex;align-items:center;gap:10px;
    height:var(--avanti-mobile-header-height);margin:0;
    padding:0 77px 0 max(16px, env(safe-area-inset-left));
    color:#172033;overflow:hidden;
  }
  .sidebar[data-mobile-ready="true"] .sidebar-brand div:last-child{
    min-width:0;overflow:hidden;
  }
  .sidebar[data-mobile-ready="true"] .sidebar-brand strong{
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:17px;line-height:1.25;letter-spacing:-.025em;
  }
  .sidebar[data-mobile-ready="true"] .sidebar-brand span{
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:11px;line-height:1.4;color:#667085;
  }
  .sidebar[data-mobile-ready="true"] .brand-mark.small{
    flex:0 0 40px;width:40px;height:40px;border-radius:11px;
  }
  .sidebar[data-mobile-ready="true"] .brand-mark.brand-image img{width:40px;height:40px;object-fit:contain}
  .sidebar[data-mobile-ready="true"] .nav-mobile-toggle:not([hidden]){
    display:grid;place-items:center;
    position:absolute;top:15px;right:max(14px, env(safe-area-inset-right));
    width:46px;height:46px;min-width:46px;margin:0;padding:0;
    color:#263447;background:#fff;border:1px solid #d9e0e9;
    border-radius:11px;box-shadow:0 1px 3px rgba(16,24,40,.045);
    cursor:pointer;z-index:4;
  }
  .sidebar[data-mobile-ready="true"] .nav-mobile-toggle:hover{background:#f1f5fb;border-color:#a8b6cd}
  .sidebar[data-mobile-ready="true"] .nav-mobile-toggle:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
  .sidebar[data-mobile-ready="true"] .nav-mobile-icon{
    display:flex;flex-direction:column;justify-content:center;align-items:center;
    width:20px;height:20px;gap:4px;font-size:initial;line-height:initial;
  }
  .sidebar[data-mobile-ready="true"] .nav-mobile-icon span{
    display:block;width:20px;height:2px;min-height:2px;border-radius:3px;
    background:currentColor;transform-origin:center;transition:transform .16s ease,opacity .16s ease;
  }
  .sidebar[data-mobile-open="true"] .nav-mobile-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .sidebar[data-mobile-open="true"] .nav-mobile-icon span:nth-child(2){opacity:0}
  .sidebar[data-mobile-open="true"] .nav-mobile-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .sidebar[data-mobile-ready="true"] .nav-mobile-panel{
    display:none;position:absolute;top:100%;left:0;right:0;z-index:3;
    width:100%;max-height:calc(100vh - var(--avanti-mobile-header-height));
    max-height:calc(100dvh - var(--avanti-mobile-header-height));
    overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
    padding:12px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom));
    background:var(--nav);color:#e5e7eb;
    border-radius:0 0 15px 15px;box-shadow:0 18px 38px rgba(10,20,38,.28);
  }
  .sidebar[data-mobile-open="true"] .nav-mobile-panel{display:flex}
  .sidebar[data-mobile-ready="true"] .nav-search{margin:4px 1px 15px;flex:0 0 auto}
  .sidebar[data-mobile-ready="true"] .nav-search-results{
    width:min(340px,calc(100vw - 48px));max-height:220px;
  }
  .sidebar[data-mobile-ready="true"] nav#avanti-main-nav{
    display:grid;gap:4px;margin:0;padding:9px 0;border-top:1px solid rgba(209,226,247,.15);
    border-bottom:1px solid rgba(209,226,247,.15);
  }
  .sidebar[data-mobile-ready="true"] .sidebar-footer{
    margin:12px 0 0;padding:14px 8px 3px;display:grid;gap:7px;
  }
  .sidebar[data-mobile-ready="true"] .nav-mobile-backdrop{
    display:none;position:fixed;
    top:var(--avanti-mobile-header-height);right:0;bottom:0;left:0;
    background:rgba(11,20,38,.36);z-index:2;
  }
  .sidebar[data-mobile-open="true"] .nav-mobile-backdrop{display:block}
}
@media(prefers-reduced-motion:reduce){
  .nav-mobile-icon span{transition:none!important}
}

/* V10.26 · Navegación legible con zoom y modo compacto en escritorio. */
.nav-icon{flex:0 0 20px;display:block}
.sidebar #avanti-main-nav .nav-item{display:flex;align-items:center;gap:12px;min-width:0}
.sidebar #avanti-main-nav .nav-label{min-width:0;line-height:1.35;overflow-wrap:anywhere}
.nav-desktop-toggle{display:none}
@media(min-width:1001px){
  .sidebar{height:100vh;height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  .sidebar .nav-mobile-panel{display:flex;flex:1 1 auto;min-height:0}
  .sidebar #avanti-main-nav{display:grid;align-content:start;flex:1 1 auto;min-height:80px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#637188 transparent;padding:3px 3px 8px 0}
  .sidebar .sidebar-footer{flex:0 0 auto}
  .sidebar .nav-search{margin:10px 3px 13px}
  .sidebar .nav-search-results{width:100%}
  .sidebar .nav-search-results{max-height:min(320px,calc(100dvh - 170px))}
  .nav-desktop-toggle{display:grid;place-items:center;align-self:flex-end;flex:0 0 auto;width:35px;height:35px;margin:-12px 0 4px;border:1px solid #455168;border-radius:9px;background:transparent;color:#e5e7eb;cursor:pointer}
  .nav-desktop-toggle:hover{background:#273448}
  .nav-desktop-toggle:focus-visible{outline:3px solid #9cc5ff;outline-offset:2px}
  .app-shell.nav-compact{grid-template-columns:74px minmax(0,1fr)}
  .nav-compact .sidebar{padding:18px 10px}
  .nav-compact .sidebar-brand{justify-content:center;padding:0 0 16px}
  .nav-compact .sidebar-brand>div:last-child,.nav-compact .sidebar .nav-search,.nav-compact .sidebar .nav-label,.nav-compact .sidebar-footer>*:not(a){display:none}
  .nav-compact .nav-desktop-toggle{align-self:center;margin:0 0 12px}
  .nav-compact .sidebar #avanti-main-nav .nav-item{width:50px;min-height:46px;justify-content:center;padding:11px;margin:0 auto}
  .nav-compact .sidebar #avanti-main-nav .nav-item.disabled{opacity:.6}
  .nav-compact .sidebar-footer{padding:12px 0 0;text-align:center}
  .nav-compact .sidebar-footer a{display:grid;place-items:center;min-height:44px;font-size:0;text-decoration:none}
  .nav-compact .sidebar-footer a::before{content:'↪';font-size:24px;line-height:1}
  .nav-compact .sidebar #avanti-main-nav{padding-right:0}
  .sidebar #avanti-main-nav .nav-item:focus-visible,.sidebar-footer a:focus-visible{outline:2px solid #9cc5ff;outline-offset:2px}
}

/* V10.27 · Buscador y botón lateral comparten fila en escritorio. */
.nav-desktop-tools{display:contents}
@media(min-width:1001px){
  .sidebar .nav-desktop-tools{
    position:relative;z-index:16;display:grid;
    grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:end;
    flex:0 0 auto;min-width:0;margin:0 0 12px;
  }
  .sidebar .nav-desktop-tools .nav-search{
    margin:0;position:static;isolation:auto;z-index:auto;
  }
  .sidebar .nav-desktop-tools .nav-search label{margin:0 0 6px;line-height:1.4}
  .sidebar .nav-desktop-tools .nav-search input[type="search"]{
    height:40px;padding:9px 10px;font-size:12px;
  }
  .sidebar .nav-desktop-tools .nav-desktop-toggle{
    width:38px;height:40px;margin:0;align-self:end;
  }
  /* El desplegable usa el ancho de ambos controles para mantener su legibilidad. */
  .sidebar .nav-desktop-tools .nav-search-results{left:0;right:0;width:100%}
  .nav-compact .sidebar .nav-desktop-tools{
    display:flex;justify-content:center;gap:0;
  }
}

/* V10.47: logo seguro de inicio; conserva A como respaldo visual y sin distorsión. */
.login-brand-mark{position:relative;overflow:hidden;isolation:isolate}
.login-brand-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit}