:root {
    --ventas-primary: #b65c2c;
    --ventas-primary-dark: #88431f;
    --ventas-heading: #233d31;
    --ventas-muted: #627169;
    --ventas-surface: #fff;
    --ventas-surface-soft: #f6f2eb;
    --ventas-border: #ded2c0;
    --jar-orange: var(--ventas-primary);
    --jar-orange-dark: var(--ventas-primary-dark);
    --jar-navy: var(--ventas-heading);
}

.technical-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--ventas-border);
    border-left: .3rem solid var(--ventas-primary);
    border-radius: .85rem;
    background: linear-gradient(135deg, var(--ventas-surface), var(--ventas-surface-soft));
    box-shadow: 0 .35rem 1rem rgba(35, 61, 49, .07);
}

.technical-page-title { margin: 0; color: var(--ventas-heading); font-size: clamp(1.5rem, 2.2vw, 2.1rem); font-weight: 850; }
.technical-page-subtitle { margin: .25rem 0 0; color: var(--ventas-muted); }
.technical-card { border: 1px solid var(--ventas-border); border-radius: .85rem; background: var(--ventas-surface); box-shadow: 0 .35rem 1rem rgba(35, 61, 49, .07); }

.status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.65rem;
    padding: .25rem .62rem;
    border: 1px solid transparent;
    border-radius: 50rem;
    font-size: .72rem;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.status-pill.status-warning { border-color: #ffe69c; background: #fff3cd; color: #664d03; }
.status-pill.status-success { border-color: #a3cfbb; background: #d1e7dd; color: #0a3622; }
.status-pill.status-info { border-color: #9eeaf9; background: #cff4fc; color: #055160; }
.status-pill.status-danger { border-color: #f1aeb5; background: #f8d7da; color: #58151c; }
.status-pill.status-secondary { border-color: #c4c8cb; background: #e2e3e5; color: #2b2f32; }

@media (max-width: 767.98px) {
    .technical-page-header { flex-direction: column; padding: .85rem; }
}
/* Hide only application chrome; retain page headers and fullscreen exit controls. */
html:fullscreen #layoutPrincipal > .sidebar,
html.elemental-fullscreen #layoutPrincipal > .sidebar,
body.fullscreen-active #layoutPrincipal > .sidebar,
html:fullscreen #layoutPrincipal > main > header.navbar,
html.elemental-fullscreen #layoutPrincipal > main > header.navbar,
body.fullscreen-active #layoutPrincipal > main > header.navbar,
html:fullscreen #layoutPrincipal > .sidebar-overlay,
html.elemental-fullscreen #layoutPrincipal > .sidebar-overlay,
body.fullscreen-active #layoutPrincipal > .sidebar-overlay { display:none !important; }
html:fullscreen #layoutPrincipal > main,
html.elemental-fullscreen #layoutPrincipal > main,
body.fullscreen-active #layoutPrincipal > main { margin:0 !important; padding:0 !important; width:100%; }
html:fullscreen #layoutPrincipal > main > .content,
html.elemental-fullscreen #layoutPrincipal > main > .content,
body.fullscreen-active #layoutPrincipal > main > .content { margin:0 !important; padding:0 !important; min-height:100dvh; }
.fullscreen-exit { display:none; }
html.elemental-fullscreen .fullscreen-enter { display:none !important; }
html.elemental-fullscreen .fullscreen-exit { display:inline-flex !important; }