:root{
    --slacol-blue:#2a4f96;
    --slacol-blue-deep:#1d3e77;
    --slacol-navy:#1a2740;
    --slacol-steel:#8792a0;
    --slacol-line:#d7dfe8;
    --slacol-surface:#ffffff;
    --slacol-surface-soft:#f4f7fb;
    --slacol-bg:#ecf1f7;
    --slacol-danger:#d64545;
    --slacol-warning:#f2a128;
    --slacol-success:#168157;
    --slacol-info:#4b73bb;
    --radius-xl:28px;
    --radius-lg:22px;
    --radius-md:16px;
    --shadow-lg:0 24px 60px rgba(10,32,62,.10);
    --shadow-md:0 16px 34px rgba(10,32,62,.08);
}

*{box-sizing:border-box}
html,body{min-height:100%}
img,
video,
iframe{
    max-width:100%;
}
body{
    margin:0;
    background:
        radial-gradient(circle at top left, rgba(42,79,150,.16), transparent 30%),
        radial-gradient(circle at bottom right, rgba(29,62,119,.10), transparent 24%),
        var(--slacol-bg);
    color:var(--slacol-navy);
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
a{text-decoration:none}
.app-shell{
    min-height:100vh;
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
}
.sidebar{
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
        linear-gradient(180deg, #18335f 0%, #234785 48%, #1b2843 100%);
    color:#fff;
    padding:24px 18px;
    display:flex;
    flex-direction:column;
    gap:18px;
    position:sticky;
    top:0;
    height:100vh;
    overflow:hidden;
}
.brand-box{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.05);
    border-radius:22px;
}
.brand-logo{
    width:58px;
    height:58px;
    border-radius:18px;
    object-fit:contain;
    background:#fff;
    padding:8px;
}
.brand-box strong{
    display:block;
    font-size:1rem;
    letter-spacing:.06em;
}
.brand-box span{
    display:block;
    margin-top:4px;
    font-size:.77rem;
    color:rgba(255,255,255,.68);
}
.sidebar-role,
.sidebar-footer{
    padding:14px 16px;
    border-radius:20px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
}
.sidebar-role span,
.sidebar-footer p{
    display:block;
    margin:0 0 6px;
    color:rgba(255,255,255,.62);
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:700;
}
.sidebar-role strong{
    font-size:1rem;
}
.sidebar-footer small{
    color:rgba(255,255,255,.72);
    line-height:1.45;
}
.sidebar-nav{
    display:grid;
    align-content:start;
    grid-auto-rows:max-content;
    gap:8px;
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    padding-right:6px;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.34) transparent;
}
.sidebar-nav::-webkit-scrollbar{
    width:10px;
}
.sidebar-nav::-webkit-scrollbar-track{
    background:transparent;
}
.sidebar-nav::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(167,172,182,.42));
    border-radius:999px;
    border:2px solid transparent;
    background-clip:padding-box;
}
.sidebar-nav::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(167,172,182,.58));
    background-clip:padding-box;
}
.sidebar-nav .nav-link{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    color:rgba(255,255,255,.8);
    border-radius:18px;
    font-weight:700;
    transition:all .2s ease;
}
.sidebar-nav .nav-link i{
    font-size:1.05rem;
}
.sidebar-nav .nav-link:hover,
.sidebar-nav .nav-link.active{
    background:linear-gradient(135deg, rgba(42,79,150,.98), rgba(73,111,182,.92));
    color:#fff;
    box-shadow:0 14px 26px rgba(42,79,150,.24);
}
.main-content{
    min-width:0;
}
.topbar-copy,
.topbar-tools,
.content-area,
.row > *{
    min-width:0;
}
.topbar{
    padding:28px 32px 74px;
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:flex-start;
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,250,255,.95)),
        var(--slacol-surface);
    border-bottom:1px solid rgba(42,79,150,.08);
}
.topbar-copy h1{
    margin:6px 0 10px;
    font-size:clamp(1.8rem,3vw,2.7rem);
    line-height:1.02;
    letter-spacing:-.04em;
    font-weight:800;
}
.topbar-copy p{
    margin:0;
    max-width:720px;
    color:var(--slacol-steel);
    line-height:1.55;
}
.eyebrow{
    margin:0;
    color:var(--slacol-blue);
    font-size:.76rem;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-weight:800;
}
.topbar-tools{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
    align-items:center;
}
.user-chip{
    display:flex;
    align-items:center;
    gap:12px;
    background:linear-gradient(135deg, var(--slacol-blue-deep), var(--slacol-blue));
    color:#fff;
    border-radius:999px;
    padding:8px 10px 8px 8px;
    box-shadow:0 16px 30px rgba(42,79,150,.24);
}
.user-chip strong,
.user-chip span{
    display:block;
    overflow-wrap:anywhere;
    line-height:1.1;
}
.user-chip > div:not(.user-avatar){
    min-width:0;
}
.user-chip span{
    color:rgba(255,255,255,.76);
    font-size:.74rem;
}
.user-avatar{
    width:38px;
    height:38px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff;
    color:var(--slacol-blue);
    font-weight:800;
}
.content-area{
    padding:0 32px 34px;
    margin-top:-42px;
}
.panel-card,
.metric-card,
.page-badge,
.login-card{
    background:rgba(255,255,255,.98);
    border:1px solid rgba(217,228,239,.92);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-lg);
}
.panel-card{
    min-width:0;
    max-width:100%;
    padding:24px;
}
.panel-header{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    margin-bottom:18px;
}
.panel-header > *{
    min-width:0;
}
.panel-header h2{
    margin:0;
    font-size:1.12rem;
    font-weight:800;
    letter-spacing:-.03em;
    overflow-wrap:anywhere;
}
.panel-header span{
    display:block;
    margin-top:4px;
    overflow-wrap:anywhere;
    color:var(--slacol-steel);
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:700;
}
.panel-badges{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.metric-card{
    min-height:136px;
    padding:22px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative;
    overflow:hidden;
}
.metric-card::before{
    content:"";
    position:absolute;
    inset:auto -20px -28px auto;
    width:90px;
    height:90px;
    border-radius:50%;
    background:rgba(42,79,150,.08);
}
.metric-card span,
.page-badge span,
.detail-grid label,
.summary-item span{
    display:block;
    color:var(--slacol-steel);
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:800;
}
.metric-card strong{
    font-size:2.15rem;
    line-height:1;
    letter-spacing:-.05em;
}
.metric-card small{
    color:var(--slacol-steel);
    font-weight:600;
}
.metric-card.warning{border-left:5px solid var(--slacol-warning)}
.metric-card.success{border-left:5px solid var(--slacol-success)}
.metric-card.danger{border-left:5px solid var(--slacol-danger)}
.metric-card.info{border-left:5px solid var(--slacol-info)}
.metric-card.neutral{border-left:5px solid var(--slacol-blue)}
.page-badge{
    padding:14px 16px;
    min-width:0;
    overflow-wrap:anywhere;
}
.page-badge strong{
    display:block;
    margin-top:8px;
    font-size:1rem;
}
.page-badge.warning strong{color:var(--slacol-warning)}
.page-badge.info strong{color:var(--slacol-info)}
.detail-strip{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}
.btn-slacol{
    background:linear-gradient(135deg,var(--slacol-blue), #3f67b1);
    color:#fff;
    border:none;
    font-weight:800;
    border-radius:14px;
    box-shadow:0 16px 30px rgba(42,79,150,.20);
}
.btn-slacol:hover{
    color:#fff;
    filter:brightness(1.04);
    transform:translateY(-1px);
}
.form-control,
.form-select{
    border-radius:14px;
    border-color:var(--slacol-line);
    padding:11px 13px;
    color:var(--slacol-navy);
    background:#fff;
}
.form-control:focus,
.form-select:focus{
    border-color:var(--slacol-blue);
    box-shadow:0 0 0 .2rem rgba(42,79,150,.12);
}
.filter-card{
    background:linear-gradient(180deg, #fff, #fbfdff);
}
.chip-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid var(--slacol-line);
    background:var(--slacol-surface-soft);
    cursor:pointer;
    font-weight:700;
}
.chip-toggle input{accent-color:var(--slacol-blue)}
.table-card .table{
    --bs-table-hover-bg:rgba(42,79,150,.04);
}
.table-scroll{
    position:relative;
}
.cases-table-scroll{
    max-height:clamp(480px,68vh,780px);
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(42,79,150,.52) rgba(226,234,243,.92);
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.96));
}
.cases-table-scroll::-webkit-scrollbar{
    width:12px;
    height:12px;
}
.cases-table-scroll::-webkit-scrollbar-track{
    background:rgba(226,234,243,.92);
}
.cases-table-scroll::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(42,79,150,.88), rgba(29,62,119,.92));
    border-radius:999px;
    border:2px solid rgba(226,234,243,.92);
}
.cases-table-scroll::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg, rgba(42,79,150,1), rgba(29,62,119,1));
}
.cases-table{
    min-width:2280px;
}
.cases-table thead th{
    position:sticky;
    top:0;
    z-index:3;
    background:linear-gradient(180deg, #f8fbff, #edf3fa);
    box-shadow:inset 0 -1px 0 var(--slacol-line);
}
.cases-table th:first-child,
.cases-table td:first-child{
    position:sticky;
    left:0;
    z-index:2;
    background:#fff;
    box-shadow:1px 0 0 rgba(215,223,232,.95);
}
.cases-table th:last-child,
.cases-table td:last-child{
    position:sticky;
    right:0;
    z-index:2;
    background:#fff;
    box-shadow:-1px 0 0 rgba(215,223,232,.95);
}
.cases-table thead th:first-child,
.cases-table thead th:last-child{
    z-index:4;
}
.cases-table td{
    white-space:nowrap;
}
.cases-table td:nth-child(2),
.cases-table td:nth-child(3){
    min-width:220px;
    white-space:normal;
}
.cases-table td:nth-child(4),
.cases-table td:nth-child(5),
.cases-table td:nth-child(6),
.cases-table td:nth-child(7),
.cases-table td:nth-child(8),
.cases-table td:nth-child(9),
.cases-table td:nth-child(10),
.cases-table td:nth-child(12),
.cases-table td:nth-child(13){
    min-width:160px;
}
.table thead th{
    background:var(--slacol-surface-soft);
    color:var(--slacol-navy);
    border-bottom:1px solid var(--slacol-line);
    font-size:.75rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    white-space:nowrap;
    padding:15px 16px;
}
.table td{
    padding:16px;
}
.table td small,
.case-subtitle,
.file-item span,
.queue-item span,
.stat-row span,
.audit-head span,
.audit-item small,
.table td small{
    display:block;
    color:var(--slacol-steel);
}
.table-title{
    font-weight:800;
    color:var(--slacol-navy);
}
.chart{
    min-height:300px;
    max-height:360px;
}
.queue-list,
.stat-list,
.info-stack,
.summary-stack,
.audit-list,
.file-list{
    display:grid;
    gap:12px;
}
.queue-item,
.file-item,
.info-card,
.stat-row,
.summary-item,
.audit-item{
    border:1px solid var(--slacol-line);
    border-radius:18px;
    padding:14px 16px;
    background:var(--slacol-surface-soft);
}
.queue-item,
.file-item,
.stat-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}
.file-copy{
    min-width:0;
    flex:1 1 auto;
}
.file-item-copy{
    min-width:0;
    flex:1 1 auto;
}
.queue-item strong,
.file-item strong,
.info-card strong,
.stat-row strong,
.summary-item strong,
.audit-item strong{
    display:block;
    color:var(--slacol-navy);
    font-weight:800;
}
.queue-item:hover,
.file-item:hover{
    border-color:rgba(42,79,150,.34);
    background:#fff;
}
.queue-meta,
.file-meta{
    text-align:right;
    min-width:142px;
    max-width:min(100%, 240px);
    min-inline-size:0;
}
.queue-meta b,
.file-meta b,
.stat-row b{
    display:block;
    font-size:1rem;
}
.file-item strong,
.file-item span,
.file-copy strong,
.file-copy span,
.file-item-copy strong,
.file-item-copy span,
.file-meta b,
.file-meta small{
    overflow-wrap:anywhere;
    word-break:break-word;
}
.file-action-group{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:10px;
}
.file-action-group form{
    margin:0;
}
.icon-action-btn{
    width:38px;
    height:38px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
}
.stepper{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}
.step{
    flex:1 1 120px;
    min-width:120px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(217,228,239,.9);
    box-shadow:var(--shadow-md);
}
.step span{
    width:30px;
    height:30px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(42,79,150,.1);
    color:var(--slacol-blue);
    font-weight:800;
}
.step strong{
    font-size:.94rem;
}
.step.current{
    background:linear-gradient(135deg,var(--slacol-blue-deep), var(--slacol-blue));
    color:#fff;
}
.step.current span{
    background:#fff;
}
.case-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:flex-start;
}
.case-head > div{min-width:0;max-width:100%}
.case-head .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.case-head h2,.case-head p{overflow-wrap:anywhere}
.case-title{
    margin:0;
    font-size:2.1rem;
    font-weight:800;
    letter-spacing:-.04em;
}
.case-subtitle{
    margin:.45rem 0 0;
    font-weight:600;
}
.detail-grid label{
    margin-bottom:6px;
}
.detail-grid p{
    margin:0;
    overflow-wrap:anywhere;
    min-height:52px;
    border:1px solid rgba(217,228,239,.92);
    border-radius:16px;
    background:var(--slacol-surface-soft);
    padding:14px;
    color:#26374d;
}
.timeline{
    display:grid;
    gap:16px;
}
.timeline-item{
    display:grid;
    grid-template-columns:18px 1fr;
    gap:14px;
}
.timeline-item .dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--slacol-blue);
    margin-top:5px;
    box-shadow:0 0 0 6px rgba(42,79,150,.12);
}
.timeline-item p{
    margin:6px 0;
    color:#30445c;
}
.sticky-panel{
    position:sticky;
    top:20px;
}
.case-detail-sidebar{
    position:sticky;
    top:20px;
    max-height:calc(100vh - 40px);
    max-height:calc(100dvh - 40px);
    min-width:0;
    padding-right:10px;
    margin-right:-10px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scroll-behavior:smooth;
    scroll-padding-top:8px;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:rgba(42,79,150,.72) rgba(226,234,243,.74);
}
.case-detail-sidebar::-webkit-scrollbar{
    width:10px;
}
.case-detail-sidebar::-webkit-scrollbar-track{
    border-radius:999px;
    background:rgba(226,234,243,.74);
}
.case-detail-sidebar::-webkit-scrollbar-thumb{
    border:2px solid rgba(226,234,243,.74);
    border-radius:999px;
    background:linear-gradient(180deg,var(--slacol-blue),var(--slacol-blue-deep));
    background-clip:padding-box;
}
.case-detail-sidebar > .panel-card:last-child{
    margin-bottom:0;
}
.case-traceability-panel,
.case-event-panel{
    min-width:0;
}
.case-sidebar-shortcut{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}
.case-traceability-timeline{
    max-height:clamp(280px,42vh,500px);
    min-height:120px;
    margin-right:-6px;
    padding:8px 10px 8px 6px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:rgba(42,79,150,.55) rgba(226,234,243,.58);
}
.case-traceability-timeline::-webkit-scrollbar{
    width:8px;
}
.case-traceability-timeline::-webkit-scrollbar-track{
    border-radius:999px;
    background:rgba(226,234,243,.58);
}
.case-traceability-timeline::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(42,79,150,.58);
}
.case-traceability-timeline .timeline-item,
.case-traceability-timeline .timeline-item > div:last-child{
    min-width:0;
}
.case-traceability-timeline strong,
.case-traceability-timeline p,
.case-traceability-timeline small{
    overflow-wrap:anywhere;
}
.case-event-panel{
    scroll-margin-top:8px;
}
.catalog-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:12px;
}
.catalog-pill{
    padding:14px 16px;
    border-radius:16px;
    border:1px solid var(--slacol-line);
    background:var(--slacol-surface-soft);
    font-weight:800;
}
.info-card span{
    margin-top:8px;
    color:#34475f;
    line-height:1.5;
}
.summary-item{
    background:linear-gradient(180deg, #fff, #f7faff);
}
.subtle-panel{
    box-shadow:none;
    border-style:dashed;
}
.checklist-template-card{
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,249,255,.96)),
        var(--slacol-surface);
}
.checklist-template-summary{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.checklist-photo-card{
    height:100%;
}
.template-section-card{
    box-shadow:none;
    border-style:dashed;
    background:linear-gradient(180deg, #fbfdff, #f4f8fc);
}
.template-section-card strong{
    font-size:1rem;
}
.checklist-photo-card strong{
    line-height:1.45;
}
.checklist-table td,
.checklist-table th{
    vertical-align:middle;
}
.checklist-table td:first-child{
    min-width:320px;
}
.audit-item p{
    margin:6px 0;
    font-weight:700;
}
.audit-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
}
.compact{gap:10px}
.auth-body{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
    background:
        radial-gradient(circle at top left, rgba(42,79,150,.24), transparent 28%),
        linear-gradient(135deg, #132442, #1f3e75 60%, #243f75);
}
.auth-shell{
    width:min(610px,100%);
}
.login-card{
    padding:34px;
    border-radius:var(--radius-xl);
}
.login-brand{
    display:flex;
    align-items:center;
    gap:18px;
}
.login-brand img{
    width:80px;
    height:80px;
    object-fit:contain;
    border-radius:22px;
    background:var(--slacol-surface-soft);
    padding:8px;
}
.login-brand h1{
    margin:0;
    font-size:2rem;
    line-height:1.03;
    letter-spacing:-.04em;
}
.login-brand p{
    margin:8px 0 0;
    color:var(--slacol-steel);
    line-height:1.55;
}
@media (max-width: 1200px){
    .app-shell{grid-template-columns:1fr}
    .sidebar{
        position:relative;
        height:auto;
        overflow:visible;
    }
    .sidebar-nav{
        overflow:visible;
        max-height:none;
        padding-right:0;
    }
    .sticky-panel{position:static}
    .case-detail-sidebar{
        position:static;
        max-height:none;
        margin-right:0;
        padding-right:0;
        overflow:visible;
        scrollbar-gutter:auto;
    }
    .case-traceability-timeline{
        max-height:min(52vh,480px);
    }
}

@media (max-width: 992px){
    .topbar{
        padding:24px 20px 68px;
        flex-direction:column;
    }
    .topbar-tools{
        width:100%;
        justify-content:flex-start;
    }
    .content-area{
        padding:0 18px 26px;
    }
    .case-head,
    .detail-strip{
        flex-direction:column;
    }
}

@media (max-width: 768px){
    .panel-card{padding:18px}
    .metric-card{min-height:120px}
    .checklist-template-summary{grid-template-columns:1fr}
    .case-traceability-timeline{
        max-height:420px;
        margin-right:-4px;
        padding-right:8px;
    }
    .case-sidebar-shortcut span{
        display:none;
    }
    .cases-table-scroll{
        max-height:62vh;
    }
    .user-chip{
        width:100%;
        justify-content:space-between;
        border-radius:18px;
    }
}

/* Vehicle tracking / BI logistics module */
.section-grid.compact{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:16px;
}
.responsive-table{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable both-edges;
    -webkit-overflow-scrolling:touch;
}
.chart-box{
    position:relative;
    min-height:310px;
}
.chart-box.tall{
    height:340px;
}
.status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:999px;
    padding:7px 11px;
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.02em;
    background:#eef3fb;
    color:var(--slacol-blue-deep);
    border:1px solid rgba(42,79,150,.16);
    white-space:nowrap;
}
.status-pill.success{background:#eaf8f1;color:var(--slacol-success);border-color:rgba(22,129,87,.2)}
.status-pill.danger{background:#fff0f0;color:var(--slacol-danger);border-color:rgba(214,69,69,.22)}
.status-pill.warning{background:#fff7e8;color:#a36300;border-color:rgba(242,161,40,.26)}
.status-pill.info{background:#edf4ff;color:var(--slacol-info);border-color:rgba(75,115,187,.24)}
.status-pill.secondary{background:#f0f2f5;color:#58677d;border-color:rgba(88,103,125,.22)}
.status-pill.neutral{background:#f4f7fb;color:var(--slacol-navy)}
.detail-hero.vehicle-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px;
    border-radius:var(--radius-xl);
    background:
        radial-gradient(circle at top right, rgba(42,79,150,.18), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,250,255,.96));
    border:1px solid rgba(217,228,239,.95);
    box-shadow:var(--shadow-lg);
}
.detail-hero.vehicle-hero h2{
    margin:0;
    font-size:clamp(1.8rem,2.4vw,2.7rem);
    font-weight:800;
    letter-spacing:-.04em;
    line-height:.98;
}
.detail-hero.vehicle-hero p{margin:0;color:var(--slacol-steel);max-width:520px;line-height:1.55;font-size:1.02rem}
.vehicle-detail-shell{
    width:100%;
    max-width:none;
    margin-inline:0;
    display:grid;
    gap:24px;
}
.hero-badges{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.vehicle-hero-layout{
    display:grid;
    grid-template-columns:minmax(520px,1.28fr) minmax(420px,.92fr);
    grid-template-areas:"media main";
    width:100%;
    justify-content:stretch;
    justify-items:stretch;
    gap:clamp(18px, 1.9vw, 30px);
    align-items:center;
}
.vehicle-hero-main{
    grid-area:main;
    display:grid;
    grid-template-columns:1fr;
    align-items:center;
    justify-items:stretch;
    justify-content:center;
    align-content:center;
    gap:18px;
    min-width:0;
    padding:0;
    width:100%;
    max-width:none;
    margin:0;
    justify-self:stretch;
}
.vehicle-hero-copy{
    display:grid;
    gap:14px;
    justify-items:center;
    width:100%;
    text-align:center;
}
.vehicle-hero-copy p{
    max-width:100%;
    text-align:center;
}
.vehicle-hero-plate{
    display:grid;
    gap:8px;
    justify-items:center;
    width:100%;
    max-width:none;
    padding:15px 24px 17px;
    border-radius:24px;
    border:1px solid rgba(42,79,150,.22);
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,249,255,.96));
    box-shadow:
        inset 0 0 0 3px rgba(42,79,150,.08),
        0 18px 36px rgba(15,31,53,.08);
}
.vehicle-hero-plate span{
    color:var(--slacol-steel);
    font-size:.74rem;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.vehicle-hero-plate h2{
    margin:0;
    font-size:clamp(2.45rem,3.1vw,3.5rem);
    color:var(--slacol-navy);
    line-height:.96;
}
.vehicle-hero-badge-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    width:100%;
    max-width:none;
    align-content:center;
    justify-self:stretch;
}
.vehicle-hero-media{
    grid-area:media;
    min-width:0;
    width:100%;
    max-width:none;
    justify-self:stretch;
}
.vehicle-hero-media-card{
    height:100%;
    max-width:none;
    padding:0;
    border:0;
    border-radius:26px;
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.95));
    box-shadow:none;
}
.vehicle-hero-image-shell{
    position:relative;
    width:100%;
}
.vehicle-hero-image-rail{
    position:absolute;
    top:8px;
    right:10px;
    z-index:2;
    display:flex;
    align-items:center;
    gap:8px;
}
.vehicle-hero-image-rail .fleet-preview-only-actions .file-action-group,
.vehicle-hero-image-rail .vehicle-hero-upload-form{
    margin:0;
}
.vehicle-hero-image-frame{
    position:relative;
    overflow:hidden;
    min-height:0;
    height:clamp(290px, 23vw, 360px);
    border-radius:24px;
    border:1px solid rgba(217,228,239,.88);
    background:
        radial-gradient(circle at top left, rgba(42,79,150,.08), transparent 28%),
        linear-gradient(135deg, rgba(236,244,255,.96), rgba(248,251,255,.98));
    box-shadow:0 18px 34px rgba(15,31,53,.10);
}
.vehicle-hero-image-frame img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:contain;
    object-position:center center;
    display:block;
    padding:4px;
}
.vehicle-hero-image-frame.is-empty{
    display:grid;
    justify-items:center;
    align-content:center;
    gap:0;
    padding:18px;
    text-align:center;
    color:var(--slacol-steel);
}
.vehicle-hero-image-frame.is-empty i{
    font-size:2.1rem;
    color:var(--slacol-blue);
}
.vehicle-hero-thumb-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:10px;
    padding-left:6px;
}
.vehicle-hero-thumb{
    width:48px;
    height:48px;
    padding:0;
    border:1px solid rgba(42,79,150,.16);
    border-radius:12px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 10px 22px rgba(15,31,53,.05);
}
.vehicle-hero-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.vehicle-hero-thumb.is-active{
    border-color:var(--slacol-blue);
    box-shadow:0 12px 24px rgba(42,79,150,.16);
}
.vehicle-hero-thumb-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    height:48px;
    padding:0 10px;
    border-radius:12px;
    border:1px dashed rgba(42,79,150,.24);
    color:var(--slacol-blue);
    font-weight:800;
    background:rgba(255,255,255,.86);
}
.vehicle-hero-count-pill{
    position:absolute;
    left:14px;
    bottom:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(17,31,52,.82);
    color:#fff;
    font-size:.8rem;
    font-weight:800;
    box-shadow:0 12px 24px rgba(15,31,53,.16);
}
.vehicle-hero-upload-form{
    display:block;
}
.vehicle-hero-upload-control{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.55);
    background:rgba(255,255,255,.92);
    color:var(--slacol-blue);
    box-shadow:0 10px 24px rgba(15,31,53,.16);
    cursor:pointer;
}
.vehicle-hero-upload-control input{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
}
.vehicle-hero-upload-control i{
    font-size:1rem;
}
.vehicle-hero-stat{
    display:grid;
    gap:6px;
    min-height:78px;
    padding:11px 12px;
    border-radius:17px;
    border:1px solid rgba(217,228,239,.92);
    background:#fff;
    box-shadow:0 12px 24px rgba(15,31,53,.07);
    justify-items:center;
    text-align:center;
    border-top:4px solid transparent;
    align-content:center;
}
.vehicle-hero-stat span{
    color:var(--slacol-steel);
    font-size:.64rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.vehicle-hero-stat strong{
    color:var(--slacol-navy);
    font-size:.98rem;
    line-height:1.18;
}
.vehicle-hero-stat.tone-success{border-top-color:var(--slacol-success);}
.vehicle-hero-stat.tone-warning{border-top-color:var(--slacol-warning);}
.vehicle-hero-stat.tone-info{border-top-color:var(--slacol-info);}
.vehicle-hero-stat.tone-neutral{border-top-color:var(--slacol-blue);}
.fleet-preview-only-actions .file-action-group{
    gap:8px;
}
.vehicle-plan-support-list{
    display:grid;
    gap:10px;
    margin-top:18px;
}
.vehicle-plan-support-item,
.vehicle-plan-support-inline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border:1px solid rgba(217,228,239,.92);
    border-radius:16px;
    background:rgba(247,250,255,.92);
}
.vehicle-plan-support-copy{
    min-width:0;
    display:grid;
    gap:4px;
}
.vehicle-plan-support-copy strong,
.vehicle-plan-support-inline span{
    color:var(--slacol-navy);
    font-size:.92rem;
    font-weight:800;
}
.vehicle-plan-support-copy span{
    color:var(--slacol-steel);
    font-size:.82rem;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.vehicle-plan-support-empty{
    margin-top:18px;
    padding:14px 16px;
    border:1px dashed rgba(42,79,150,.22);
    border-radius:16px;
    color:var(--slacol-steel);
    background:rgba(255,255,255,.72);
}
.vehicle-plan-support-stack{
    display:grid;
    gap:10px;
    margin-top:12px;
}
.vehicle-summary-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:12px;
}
.vehicle-kv{
    border:1px solid rgba(217,228,239,.92);
    background:var(--slacol-surface-soft);
    border-radius:18px;
    padding:14px 16px;
    min-height:82px;
}
.vehicle-kv span{
    display:block;
    color:var(--slacol-steel);
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:800;
    margin-bottom:8px;
}
.vehicle-kv strong{
    color:var(--slacol-navy);
    font-weight:800;
    line-height:1.32;
}
.vehicle-kv-rich{
    display:grid;
    gap:8px;
}
.vehicle-kv-main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-width:0;
}
.vehicle-kv-main strong{
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.vehicle-kv-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}
.vehicle-kv-actions .icon-action-btn{
    width:38px;
    height:38px;
}
.vehicle-timeline .timeline-item{
    position:relative;
    padding-bottom:2px;
}
.vehicle-timeline .timeline-item:not(:last-child)::before{
    content:"";
    position:absolute;
    left:5px;
    top:22px;
    bottom:-16px;
    width:2px;
    background:linear-gradient(180deg, rgba(42,79,150,.24), rgba(42,79,150,.02));
}
.vehicle-form-shell .panel-card{
    border-top:4px solid rgba(42,79,150,.18);
}
@media (max-width: 1360px){
    .vehicle-detail-shell{
        width:min(100%, 1280px);
        margin-inline:auto;
    }
    .vehicle-hero-layout{
        grid-template-columns:minmax(360px,1.05fr) minmax(340px,.95fr);
        gap:20px;
    }
    .vehicle-hero-main{
        width:100%;
        max-width:none;
        justify-items:stretch;
        margin-inline:0;
    }
    .vehicle-hero-copy{
        width:100%;
    }
    .vehicle-hero-badge-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        max-width:none;
        justify-self:stretch;
    }
    .vehicle-detail-kpi-grid.section-grid.compact{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 900px){
    .detail-hero.vehicle-hero{flex-direction:column}
    .vehicle-hero-layout{
        grid-template-columns:1fr;
        grid-template-areas:
            "media"
            "main";
        justify-content:stretch;
        gap:16px;
    }
    .vehicle-hero-badge-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        justify-self:stretch;
    }
    .hero-badges{justify-content:flex-start}
    .chart-box.tall{height:290px}
    .vehicle-hero-main{
        padding:0;
        width:100%;
        justify-items:center;
        margin-inline:auto;
        max-width:none;
    }
    .vehicle-hero-media{
        justify-self:center;
        max-width:100%;
    }
    .vehicle-hero-media-card{
        max-width:none;
    }
}

@media (max-width: 560px){
    .vehicle-kv-main{
        flex-direction:column;
        align-items:flex-start;
    }
    .vehicle-kv-actions{
        width:100%;
        justify-content:flex-start;
    }
    .vehicle-hero-badge-grid{
        grid-template-columns:1fr;
    }
    .vehicle-hero-image-frame{
        height:195px;
    }
    .vehicle-hero-image-rail{
        top:10px;
        right:10px;
    }
    .vehicle-hero-plate{
        width:100%;
        padding:14px 18px 16px;
        max-width:none;
    }
    .vehicle-hero-copy{
        width:100%;
    }
    .vehicle-hero-main{
        gap:14px;
    }
    .vehicle-hero-stat{
        min-height:86px;
        padding:14px 16px;
    }
    .vehicle-plan-support-item,
    .vehicle-plan-support-inline{
        flex-direction:column;
        align-items:flex-start;
    }
}


/* Vehicle tracking v2 - responsive enterprise table */
.vehicle-bi-grid > [class*="col-"],
.vehicle-table-card,
.vehicle-table-card .panel-card{
    min-width:0;
}
.vehicle-responsive-table{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    border:1px solid rgba(217,228,239,.75);
    border-radius:18px;
    background:#fff;
}
.vehicle-table{
    min-width:980px;
    margin-bottom:0;
}
.vehicle-table th{
    white-space:nowrap;
}
.vehicle-table td{
    vertical-align:middle;
}
.vehicle-table td:nth-child(5){
    min-width:180px;
}
.table-scroll-hint{
    display:none;
    margin:-4px 0 12px;
    color:var(--slacol-steel);
    font-size:.82rem;
    font-weight:700;
}
.vehicle-kpi-grid .metric-card{
    min-width:0;
}
.vehicle-form-shell .form-control,
.vehicle-form-shell .form-select{
    min-width:0;
}
.file-list.compact{
    display:grid;
    gap:10px;
}
.file-list.compact .file-item{
    min-width:0;
}
.vehicle-document-overview{
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid rgba(217,228,239,.9);
}
.vehicle-document-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:14px;
}
.vehicle-document-card{
    display:grid;
    gap:12px;
    padding:18px;
    min-width:0;
    border-radius:22px;
    border:1px solid rgba(217,228,239,.92);
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96));
    box-shadow:0 14px 28px rgba(15,31,53,.06);
}
.vehicle-document-card-head,
.vehicle-document-manage-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.vehicle-document-card-head > div,
.vehicle-document-manage-head > div{
    min-width:0;
}
.vehicle-document-card-head h3,
.vehicle-document-manage-head h3{
    margin:4px 0 0;
    font-size:1.1rem;
    font-weight:800;
    color:var(--slacol-navy);
}
.vehicle-document-current{
    margin:0;
    width:100%;
    min-width:0;
    max-width:100%;
    white-space:normal;
    color:var(--slacol-navy);
    font-weight:700;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.vehicle-document-meta{
    width:100%;
    min-width:0;
    max-width:100%;
    white-space:normal;
    color:var(--slacol-steel);
    line-height:1.45;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.vehicle-document-actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    flex-wrap:wrap;
}
.vehicle-document-manage-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:16px;
}
.vehicle-document-manage-card{
    display:grid;
    gap:16px;
    padding:18px;
    min-width:0;
    border-radius:24px;
    border:1px solid rgba(217,228,239,.92);
    background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,255,.96));
    box-shadow:0 16px 30px rgba(15,31,53,.06);
}
.vehicle-document-current-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-radius:18px;
    background:rgba(235,242,251,.62);
    border:1px solid rgba(42,79,150,.10);
}
.vehicle-document-current-row > div{
    min-width:0;
}
.vehicle-document-current-row strong{
    display:block;
    color:var(--slacol-navy);
    overflow-wrap:anywhere;
    word-break:break-word;
}
.vehicle-document-current-row span{
    display:block;
    color:var(--slacol-steel);
    font-size:.9rem;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.vehicle-document-empty{
    width:100%;
    min-width:0;
    max-width:100%;
    white-space:normal;
    padding:14px 16px;
    border-radius:18px;
    border:1px dashed rgba(42,79,150,.20);
    background:rgba(255,255,255,.75);
    color:var(--slacol-steel);
    overflow-wrap:anywhere;
    word-break:break-word;
}
.vehicle-document-upload-form{
    padding-top:4px;
}
.vehicle-document-history{
    display:grid;
    gap:10px;
}
.vehicle-document-history > strong{
    color:var(--slacol-navy);
    font-size:.95rem;
}
.vehicle-document-version-list{
    display:grid;
    gap:10px;
}
.vehicle-document-version{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border-radius:16px;
    border:1px solid rgba(217,228,239,.9);
    background:#fff;
}
.vehicle-document-version.is-current{
    border-color:rgba(24,142,91,.24);
    background:rgba(240,252,246,.94);
}
.vehicle-document-version-copy{
    display:grid;
    gap:4px;
    min-width:0;
}
.vehicle-document-version-copy strong{
    color:var(--slacol-navy);
    overflow-wrap:anywhere;
    word-break:break-word;
}
.vehicle-document-version-copy span{
    color:var(--slacol-steel);
    font-size:.88rem;
    line-height:1.4;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.vehicle-document-version-actions{
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:flex-end;
    flex-wrap:wrap;
}
.file-preview-modal .modal-content{
    border:0;
    border-radius:26px;
    box-shadow:var(--shadow-lg);
    background:linear-gradient(180deg,#ffffff 0%, #f7faff 100%);
}
.file-preview-body{
    min-height:320px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(42,79,150,.10);
    border-radius:22px;
    background:rgba(235,242,251,.55);
    overflow:hidden;
}
.file-bundle-body{
    min-height:320px;
    border:1px solid rgba(42,79,150,.10);
    border-radius:22px;
    background:rgba(235,242,251,.55);
    padding:18px;
}
.file-bundle-panel{
    display:grid;
    gap:14px;
}
.file-bundle-summary{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:16px 18px;
    border:1px dashed rgba(42,79,150,.2);
    border-radius:18px;
    background:rgba(255,255,255,.88);
}
.file-bundle-summary > div{
    min-width:0;
}
.file-bundle-summary strong{
    display:block;
    font-size:1rem;
    font-weight:800;
    color:var(--slacol-navy);
    overflow-wrap:anywhere;
    word-break:break-word;
}
.file-bundle-summary span,
.file-bundle-summary small{
    display:block;
    color:var(--slacol-steel);
    overflow-wrap:anywhere;
    word-break:break-word;
}
.file-bundle-summary .status-pill{
    flex-shrink:0;
}
.file-bundle-template{
    display:none;
}
.file-preview-frame{
    width:100%;
    min-height:72vh;
    border:0;
    background:#fff;
}
.file-preview-image{
    max-width:100%;
    max-height:72vh;
    object-fit:contain;
    display:block;
}
.file-preview-fallback{
    display:grid;
    gap:10px;
    justify-items:center;
    text-align:center;
    padding:36px 24px;
    color:var(--slacol-navy);
}
.file-preview-fallback i{
    font-size:2rem;
    color:var(--slacol-blue);
}
.row-actions .btn{
    white-space:nowrap;
}

@media (max-width: 1200px){
    .vehicle-bi-grid{
        --bs-gutter-x:1rem;
    }
    .vehicle-table{
        min-width:1450px;
    }
    .vehicle-document-grid,
    .vehicle-document-manage-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .table-scroll-hint{
        display:block;
    }
    .file-meta{
        min-width:132px;
    }
}

@media (max-width: 780px){
    .file-item{
        flex-direction:column;
        align-items:stretch;
    }
    .file-meta{
        width:100%;
        min-width:0;
        text-align:left;
    }
    .vehicle-document-grid,
    .vehicle-document-manage-grid{
        grid-template-columns:1fr;
    }
    .vehicle-document-current-row,
    .vehicle-document-version{
        flex-direction:column;
        align-items:flex-start;
    }
    .vehicle-document-version-actions{
        justify-content:flex-start;
    }
    .file-action-group{
        justify-content:flex-start;
    }
    .file-bundle-summary{
        flex-direction:column;
    }
    .vehicle-responsive-table{
        overflow:visible;
        border:0;
        background:transparent;
    }
    .vehicle-table{
        min-width:0;
        width:100%;
        border-collapse:separate;
        border-spacing:0 12px;
    }
    .vehicle-table thead{
        display:none;
    }
    .vehicle-table tbody,
    .vehicle-table tr,
    .vehicle-table td{
        display:block;
        width:100%;
    }
    .vehicle-table tr{
        border:1px solid rgba(217,228,239,.92);
        border-radius:20px;
        background:#fff;
        box-shadow:0 12px 30px rgba(15,30,55,.08);
        padding:10px 12px;
    }
    .vehicle-table td{
        border:0;
        padding:9px 4px !important;
        display:grid;
        grid-template-columns:minmax(108px,38%) minmax(0,1fr);
        gap:12px;
        align-items:center;
        text-align:left !important;
    }
    .vehicle-table td::before{
        content:attr(data-label);
        font-size:.68rem;
        font-weight:900;
        color:var(--slacol-steel);
        text-transform:uppercase;
        letter-spacing:.11em;
    }
    .vehicle-table td.row-actions{
        display:flex;
        justify-content:flex-end;
        padding-top:12px !important;
    }
    .vehicle-table td.row-actions::before{
        display:none;
    }
    .chart-box,
    .chart-box.tall{
        min-height:250px;
        height:280px;
    }
    .detail-hero.vehicle-hero{
        padding:20px;
        border-radius:22px;
    }
    .vehicle-summary-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 560px){
    .vehicle-table td{
        grid-template-columns:1fr;
        gap:4px;
    }
    .vehicle-table td::before{
        margin-bottom:0;
    }
    .section-grid.compact.vehicle-kpi-grid{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
    .section-grid.compact.vehicle-kpi-grid .metric-card{
        padding:14px;
        min-height:105px;
    }
}

/* Vehicle tracking v3 - layout hardening for desktop, tablets and mobile */
body{
    overflow-y:auto;
    overflow-x:hidden;
}
.main-content,
.content-area,
.vehicle-bi-grid,
.vehicle-bi-grid > [class*="col-"],
.vehicle-table-card{
    min-width:0;
    max-width:100%;
}
.vehicle-kpi-grid.section-grid.compact{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:14px;
    align-items:stretch;
}
.vehicle-kpi-grid .metric-card{
    width:100%;
    min-width:0;
    min-height:118px;
    padding:18px 18px 16px;
}
.vehicle-kpi-grid .metric-card strong{
    font-size:clamp(1.45rem,2.1vw,2rem);
    word-break:break-word;
}
.vehicle-kpi-grid .metric-card span{
    font-size:.68rem;
    line-height:1.25;
}
.vehicle-kpi-grid .metric-card small{
    display:block;
    line-height:1.35;
}
.vehicle-chart-grid{
    align-items:stretch;
}
.vehicle-chart-panel{
    overflow:hidden;
}
.vehicle-chart-panel .panel-header{
    min-height:66px;
}
.vehicle-chart-box{
    height:260px;
    min-height:230px;
}
.vehicle-table-card{
    overflow:hidden;
}
.vehicle-table-header{
    align-items:center;
}
.vehicle-table-note,
.table-scroll-hint{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--slacol-steel);
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    white-space:nowrap;
}
.vehicle-module-nav{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    position:relative;
    top:-16px;
    margin-top:0;
    margin-bottom:.35rem !important;
}
.vehicle-module-nav .btn{
    border-radius:999px;
    padding:.72rem 1.12rem;
    font-weight:800;
    box-shadow:0 18px 36px rgba(27,53,95,.08);
}
.vehicle-field-center-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:-2px 0 22px;
    padding:15px 18px;
    border:1px solid rgba(44,89,168,.16);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,247,255,.95));
    box-shadow:0 16px 34px rgba(27,53,95,.08);
}
.vehicle-field-center-nav-copy{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:220px;
}
.vehicle-field-center-nav-copy span{
    color:var(--slacol-navy);
    font-size:.82rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.vehicle-field-center-nav-copy small{
    color:var(--slacol-steel);
    font-size:.78rem;
}
.vehicle-field-center-tabs{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}
.vehicle-field-center-tab{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:40px;
    padding:8px 10px 8px 14px;
    border:1px solid rgba(44,89,168,.2);
    border-radius:999px;
    color:var(--slacol-navy);
    background:#fff;
    font-size:.78rem;
    font-weight:850;
    text-decoration:none;
    transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.vehicle-field-center-tab b{
    display:grid;
    place-items:center;
    min-width:25px;
    height:25px;
    padding:0 7px;
    border-radius:999px;
    background:rgba(44,89,168,.1);
    color:var(--slacol-blue);
    font-size:.72rem;
}
.vehicle-field-center-tab:hover{
    border-color:var(--slacol-blue);
    color:var(--slacol-blue);
    transform:translateY(-1px);
}
.vehicle-field-center-tab.is-active{
    border-color:var(--slacol-blue);
    color:#fff;
    background:linear-gradient(135deg,var(--slacol-blue),#2e63bc);
    box-shadow:0 10px 24px rgba(44,89,168,.2);
}
.vehicle-field-center-tab.is-active b{
    color:var(--slacol-navy);
    background:#fff;
}
.vehicle-pending-center-notice{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:20px;
    padding:16px 18px;
    border:1px solid rgba(245,158,11,.28);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(255,251,235,.98),rgba(255,255,255,.96));
    box-shadow:0 14px 28px rgba(146,93,11,.07);
}
.vehicle-pending-center-icon{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    border-radius:14px;
    color:#9a5c00;
    background:#fff3cd;
}
.vehicle-pending-center-notice strong{
    display:block;
    color:var(--slacol-navy);
}
.vehicle-pending-center-notice p{
    margin:3px 0 0;
    color:var(--slacol-steel);
    line-height:1.45;
}
.vehicle-pending-assignment-panel{
    min-width:0;
    overflow:hidden;
    padding:0;
}
.vehicle-pending-assignment-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0;
    padding:24px 26px 20px;
    border-bottom:1px solid rgba(217,228,239,.9);
    background:linear-gradient(135deg,#fff 0%,#f4f8fe 100%);
}
.vehicle-pending-assignment-head > div{
    min-width:0;
}
.vehicle-pending-assignment-head h2{
    margin:0 0 6px;
    color:var(--slacol-navy);
    font-size:clamp(1.2rem,1.7vw,1.55rem);
}
.vehicle-pending-assignment-head p{
    max-width:800px;
    margin:0;
    color:var(--slacol-steel);
    line-height:1.55;
}
.vehicle-pending-total{
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    flex:0 0 auto;
    min-width:112px;
    padding:13px 16px;
    border:1px solid rgba(44,89,168,.18);
    border-left:4px solid var(--slacol-blue);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 24px rgba(30,62,112,.08);
}
.vehicle-pending-total strong{
    color:var(--slacol-navy);
    font-size:1.45rem;
    line-height:1;
}
.vehicle-pending-total small{
    margin-top:4px;
    color:var(--slacol-steel);
    font-size:.68rem;
    font-weight:800;
    text-transform:uppercase;
}
.vehicle-pending-assignment-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));
    gap:16px;
    padding:20px;
    background:#f4f7fb;
}
.vehicle-pending-assignment-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(203,216,234,.95);
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 30px rgba(22,48,87,.075);
}
.vehicle-pending-assignment-card > header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    min-width:0;
    padding:18px 18px 15px;
    border-bottom:1px solid #e3eaf3;
    background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);
}
.vehicle-pending-identity{
    display:flex;
    align-items:center;
    flex:1 1 230px;
    gap:12px;
    min-width:0;
}
.vehicle-pending-identity > span{
    display:grid;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:14px;
    color:#fff;
    background:linear-gradient(145deg,var(--slacol-blue),var(--slacol-blue-deep));
    box-shadow:0 9px 20px rgba(42,79,150,.2);
}
.vehicle-pending-identity > div{
    min-width:0;
}
.vehicle-pending-identity small{
    display:block;
    color:var(--slacol-steel);
    font-size:.62rem;
    font-weight:850;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.vehicle-pending-identity h3{
    margin:2px 0 1px;
    color:var(--slacol-navy);
    font-size:1.25rem;
    line-height:1.1;
}
.vehicle-pending-identity p{
    margin:0;
    overflow-wrap:anywhere;
    color:var(--slacol-steel);
    font-size:.73rem;
}
.vehicle-pending-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:14px 16px;
}
.vehicle-pending-facts > div{
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:92px;
    padding:12px;
    border:1px solid #dde6f1;
    border-radius:14px;
    background:#f8faff;
}
.vehicle-pending-facts > div > span{
    margin-bottom:6px;
    color:#7f8da1;
    font-size:.61rem;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.vehicle-pending-facts strong{
    overflow-wrap:anywhere;
    color:#18325a;
    font-size:.78rem;
}
.vehicle-pending-facts small{
    display:block;
    margin-top:4px;
    overflow-wrap:anywhere;
    color:#7a899e;
    font-size:.66rem;
    line-height:1.35;
}
.vehicle-pending-badges{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    min-width:0;
}
.vehicle-pending-badges .status-pill{
    padding:5px 8px;
    font-size:.58rem;
}
.vehicle-pending-assignment-form{
    display:grid;
    gap:10px;
    min-width:0;
    margin:0 16px 15px;
    padding:14px;
    border:1px solid rgba(44,89,168,.2);
    border-radius:16px;
    background:linear-gradient(135deg,#edf4ff,#f8fbff);
}
.vehicle-pending-assignment-form label{
    display:flex;
    flex-direction:column;
    min-width:0;
    margin:0;
}
.vehicle-pending-assignment-form label span{
    color:#173763;
    font-size:.76rem;
    font-weight:850;
}
.vehicle-pending-assignment-form label small{
    color:#73849a;
    font-size:.65rem;
}
.vehicle-pending-assignment-form > div{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    min-width:0;
}
.vehicle-pending-assignment-form .form-select{
    min-width:0;
    height:42px;
    border-radius:12px;
    background-color:#fff;
}
.vehicle-pending-assignment-form .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:108px;
    white-space:nowrap;
}
.vehicle-pending-readonly{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 16px 15px;
    padding:14px;
    border:1px solid #dce5f0;
    border-radius:16px;
    color:#365272;
    background:#f7f9fc;
}
.vehicle-pending-readonly > span{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.vehicle-pending-readonly b,
.vehicle-pending-readonly small{
    overflow-wrap:anywhere;
}
.vehicle-pending-readonly small{
    color:#7e8da1;
}
.vehicle-pending-assignment-card > footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
    min-width:0;
    margin-top:auto;
    padding:13px 16px;
    border-top:1px solid #e3eaf3;
    background:#fbfcfe;
}
.vehicle-pending-assignment-card > footer > *{
    min-width:0;
}
.vehicle-pending-assignment-card > footer > .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex:0 0 auto;
    white-space:nowrap;
}
.vehicle-pending-review-control .vehicle-review-access-control{
    min-width:0;
}
.vehicle-pending-review-control .vehicle-review-access-toggle b,
.vehicle-pending-review-control .vehicle-review-access-toggle small{
    overflow-wrap:anywhere;
}
.vehicle-pending-scope{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#6f8097;
    font-size:.7rem;
    font-weight:750;
}
.vehicle-pending-empty{
    display:grid;
    place-items:center;
    min-height:260px;
    padding:34px;
    text-align:center;
}
.vehicle-pending-empty i{
    margin-bottom:12px;
    color:var(--slacol-success);
    font-size:2.5rem;
}
.vehicle-pending-empty strong{
    color:var(--slacol-navy);
    font-size:1.1rem;
}
.vehicle-pending-empty p{
    margin:5px 0 0;
    color:var(--slacol-steel);
}
@media (max-width:768px){
    .vehicle-module-nav{
        flex-wrap:nowrap;
        overflow-x:auto;
        overscroll-behavior-x:contain;
        scrollbar-width:thin;
        padding:0 0 8px;
        -webkit-overflow-scrolling:touch;
    }
    .vehicle-module-nav .btn{
        flex:0 0 auto;
        white-space:nowrap;
    }
    .vehicle-field-center-nav{
        display:block;
        padding:14px;
    }
    .vehicle-field-center-nav-copy{
        margin-bottom:12px;
    }
    .vehicle-field-center-tabs{
        justify-content:flex-start;
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:5px;
        scrollbar-width:thin;
        -webkit-overflow-scrolling:touch;
    }
    .vehicle-field-center-tab{
        flex:0 0 auto;
    }
    .vehicle-pending-center-notice{
        align-items:flex-start;
    }
    .vehicle-pending-assignment-head{
        align-items:flex-start;
        padding:20px;
    }
    .vehicle-pending-assignment-grid{
        grid-template-columns:1fr;
        padding:14px;
    }
    .vehicle-pending-facts{
        grid-template-columns:1fr;
    }
    .vehicle-pending-facts > div{
        min-height:0;
    }
    .vehicle-pending-assignment-card > footer{
        align-items:stretch;
        flex-direction:column;
    }
    .vehicle-pending-review-control,
    .vehicle-pending-review-control .vehicle-review-access-control,
    .vehicle-pending-assignment-card > footer > .btn{
        width:100%;
    }
}
@media (max-width:600px){
    .vehicle-pending-assignment-head{
        flex-direction:column;
    }
    .vehicle-pending-total{
        align-items:flex-start;
        width:100%;
    }
}
@media (max-width:480px){
    .vehicle-pending-assignment-form > div{
        grid-template-columns:1fr;
    }
    .vehicle-pending-assignment-form .btn{
        width:100%;
    }
}
.vehicle-fleet-overview{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);
    gap:20px;
    padding:28px;
    background:
        radial-gradient(circle at top right, rgba(44,89,168,.12), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,250,255,.92));
}
.vehicle-panel-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:.74rem;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--slacol-steel);
    margin-bottom:10px;
}
.vehicle-fleet-overview-copy h2{
    margin:0 0 10px;
    font-size:clamp(1.45rem,2vw,2rem);
    line-height:1.08;
}
.vehicle-fleet-overview-copy p{
    margin:0;
    color:var(--slacol-steel);
    line-height:1.65;
}
.vehicle-fleet-overview-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.vehicle-overview-stat{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    padding:18px 18px 16px;
    background:#fff;
    border:1px solid rgba(217,228,239,.9);
    box-shadow:0 14px 28px rgba(20,40,70,.08);
}
.vehicle-overview-stat::after{
    content:'';
    position:absolute;
    inset:auto -14px -20px auto;
    width:84px;
    height:84px;
    border-radius:50%;
    background:rgba(42,79,150,.07);
}
.vehicle-overview-stat span{
    display:block;
    margin-bottom:8px;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--slacol-steel);
}
.vehicle-overview-stat strong{
    display:block;
    margin-bottom:8px;
    font-size:clamp(1.2rem,1.8vw,1.7rem);
    line-height:1.1;
    color:var(--slacol-ink);
}
.vehicle-overview-stat small{
    display:block;
    position:relative;
    z-index:1;
    color:var(--slacol-steel);
    line-height:1.55;
}
.vehicle-overview-stat.tone-blue{border-left:5px solid var(--slacol-blue);}
.vehicle-overview-stat.tone-green{border-left:5px solid var(--slacol-success);}
.vehicle-overview-stat.tone-gold{border-left:5px solid var(--slacol-warning);}
.vehicle-overview-stat.tone-red{border-left:5px solid var(--slacol-danger);}
.vehicle-responsive-table{
    display:block;
    width:100%;
    max-width:100%;
    max-height:68vh;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    border:1px solid rgba(217,228,239,.9);
    border-radius:18px;
    background:#fff;
    scrollbar-width:thin;
    scrollbar-color:rgba(42,79,150,.34) rgba(236,241,247,.7);
}
.vehicle-responsive-table::-webkit-scrollbar{
    width:12px;
    height:12px;
}
.vehicle-responsive-table::-webkit-scrollbar-track{
    background:rgba(236,241,247,.75);
    border-radius:999px;
}
.vehicle-responsive-table::-webkit-scrollbar-thumb{
    background:linear-gradient(135deg, rgba(42,79,150,.55), rgba(29,62,119,.42));
    border-radius:999px;
    border:3px solid rgba(236,241,247,.75);
}
.vehicle-table{
    min-width:1450px;
    width:100%;
    margin:0;
    table-layout:fixed;
}
.vehicle-table thead th{
    position:sticky;
    top:0;
    z-index:2;
    background:#f4f7fb;
    box-shadow:0 1px 0 rgba(217,228,239,.9);
}
.vehicle-table th,
.vehicle-table td{
    overflow:hidden;
    text-overflow:ellipsis;
}
.vehicle-table th:nth-child(1),
.vehicle-table td:nth-child(1){width:140px;}
.vehicle-table th:nth-child(2),
.vehicle-table td:nth-child(2){width:145px;}
.vehicle-table th:nth-child(3),
.vehicle-table td:nth-child(3){width:120px;}
.vehicle-table th:nth-child(4),
.vehicle-table td:nth-child(4){width:220px;}
.vehicle-table th:nth-child(5),
.vehicle-table td:nth-child(5){width:170px;}
.vehicle-table th:nth-child(6),
.vehicle-table td:nth-child(6){width:165px;}
.vehicle-table th:nth-child(7),
.vehicle-table td:nth-child(7){width:165px;}
.vehicle-table th:nth-child(8),
.vehicle-table td:nth-child(8){width:115px;}
.vehicle-table th:nth-child(9),
.vehicle-table td:nth-child(9){width:95px;}
.vehicle-table th:nth-child(10),
.vehicle-table td:nth-child(10){width:110px;}
.vehicle-table td small{
    white-space:normal;
    overflow-wrap:anywhere;
}
.vehicle-table .row-actions .btn{
    max-width:100%;
    min-width:88px;
}
.vehicle-fleet-table{
    min-width:1380px;
}
.vehicle-fleet-table.has-review-access{
    min-width:1580px;
}
.vehicle-fleet-table th{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.3;
}
.vehicle-fleet-table td{
    white-space:normal;
    overflow:hidden;
    overflow-wrap:anywhere;
    text-overflow:clip;
}
.vehicle-fleet-table td > *,
.vehicle-fleet-table td form{
    min-width:0;
    max-width:100%;
}
.vehicle-fleet-table:not(.has-review-access) th:nth-child(1),
.vehicle-fleet-table:not(.has-review-access) td:nth-child(1){width:130px;}
.vehicle-fleet-table:not(.has-review-access) th:nth-child(2),
.vehicle-fleet-table:not(.has-review-access) td:nth-child(2){width:260px;}
.vehicle-fleet-table:not(.has-review-access) th:nth-child(3),
.vehicle-fleet-table:not(.has-review-access) td:nth-child(3){width:220px;}
.vehicle-fleet-table:not(.has-review-access) th:nth-child(4),
.vehicle-fleet-table:not(.has-review-access) td:nth-child(4){width:180px;}
.vehicle-fleet-table:not(.has-review-access) th:nth-child(5),
.vehicle-fleet-table:not(.has-review-access) td:nth-child(5){width:240px;}
.vehicle-fleet-table:not(.has-review-access) th:nth-child(6),
.vehicle-fleet-table:not(.has-review-access) td:nth-child(6){width:240px;}
.vehicle-fleet-table:not(.has-review-access) th:nth-child(7),
.vehicle-fleet-table:not(.has-review-access) td:nth-child(7){width:110px;}
.vehicle-fleet-table.has-review-access th:nth-child(1),
.vehicle-fleet-table.has-review-access td:nth-child(1){width:130px;}
.vehicle-fleet-table.has-review-access th:nth-child(2),
.vehicle-fleet-table.has-review-access td:nth-child(2){width:255px;}
.vehicle-fleet-table.has-review-access th:nth-child(3),
.vehicle-fleet-table.has-review-access td:nth-child(3){width:210px;}
.vehicle-fleet-table.has-review-access th:nth-child(4),
.vehicle-fleet-table.has-review-access td:nth-child(4){width:180px;}
.vehicle-fleet-table.has-review-access th:nth-child(5),
.vehicle-fleet-table.has-review-access td:nth-child(5){width:230px;}
.vehicle-fleet-table.has-review-access th:nth-child(6),
.vehicle-fleet-table.has-review-access td:nth-child(6){width:230px;}
.vehicle-fleet-table.has-review-access th:nth-child(7),
.vehicle-fleet-table.has-review-access td:nth-child(7){width:220px;}
.vehicle-fleet-table.has-review-access th:nth-child(8),
.vehicle-fleet-table.has-review-access td:nth-child(8){width:110px;}
.vehicle-fleet-table .vehicle-review-access-control{
    width:100%;
    min-width:0;
}
.vehicle-fleet-table .vehicle-review-access-toggle{
    flex:1 1 auto;
}
.vehicle-fleet-table .vehicle-review-access-toggle b,
.vehicle-fleet-table .vehicle-review-access-toggle small{
    overflow-wrap:anywhere;
}

@media (max-width: 1500px){
    .vehicle-kpi-grid.section-grid.compact{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .vehicle-chart-box{
        height:245px;
    }
    .vehicle-fleet-overview{
        grid-template-columns:1fr;
    }
}

@media (max-width: 1200px){
    .vehicle-kpi-grid.section-grid.compact{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .vehicle-table{
        min-width:1450px;
    }
    .vehicle-responsive-table{
        max-height:64vh;
    }
}

@media (max-width: 992px){
    .topbar-tools{
        display:grid;
        grid-template-columns:1fr;
    }
    .topbar-tools > .d-flex{
        width:100%;
        justify-content:flex-start;
    }
    .vehicle-kpi-grid.section-grid.compact{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .vehicle-table-header{
        flex-direction:column;
        align-items:flex-start;
    }
    .vehicle-table-note{
        white-space:normal;
    }
    .vehicle-chart-panel .panel-header{
        min-height:auto;
    }
    .vehicle-fleet-overview-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 680px){
    .content-area{
        padding-left:12px;
        padding-right:12px;
    }
    .vehicle-kpi-grid.section-grid.compact{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .vehicle-kpi-grid .metric-card{
        min-height:104px;
        padding:14px;
    }
    .vehicle-kpi-grid .metric-card strong{
        font-size:1.55rem;
    }
    .vehicle-fleet-overview{
        padding:18px;
    }
    .vehicle-fleet-overview-grid{
        grid-template-columns:1fr;
    }
    .vehicle-table-card .vehicle-responsive-table{
        max-height:none;
        overflow:visible;
        border:0;
        background:transparent;
    }
    .vehicle-table{
        min-width:0;
        width:100%;
        table-layout:auto;
        border-collapse:separate;
        border-spacing:0 12px;
    }
    .vehicle-table thead{
        display:none;
    }
    .vehicle-table tbody,
    .vehicle-table tr,
    .vehicle-table td{
        display:block;
        width:100% !important;
    }
    .vehicle-table tr{
        border:1px solid rgba(217,228,239,.92);
        border-radius:20px;
        background:#fff;
        box-shadow:0 12px 30px rgba(15,30,55,.08);
        padding:10px 12px;
        overflow:hidden;
    }
    .vehicle-table td{
        border:0;
        padding:9px 4px !important;
        display:grid;
        grid-template-columns:minmax(112px,38%) minmax(0,1fr);
        gap:10px;
        align-items:start;
        text-align:left !important;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
        overflow-wrap:anywhere;
    }
    .vehicle-table td::before{
        content:attr(data-label);
        font-size:.68rem;
        font-weight:900;
        color:var(--slacol-steel);
        text-transform:uppercase;
        letter-spacing:.11em;
    }
    .vehicle-table td.row-actions{
        display:flex;
        justify-content:stretch;
        padding-top:12px !important;
    }
    .vehicle-table td.row-actions::before{
        display:none;
    }
    .vehicle-table td.row-actions .btn{
        width:100%;
    }
    .vehicle-table-note{
        display:none;
    }
    .vehicle-chart-box{
        height:240px;
        min-height:220px;
    }
}

@media (max-width: 430px){
    .vehicle-kpi-grid.section-grid.compact{
        grid-template-columns:1fr;
    }
    .topbar-tools .btn,
    .topbar-tools > .d-flex,
    .topbar-tools > .d-flex .btn{
        width:100%;
    }
    .vehicle-table td{
        grid-template-columns:1fr;
        gap:4px;
    }
}

/* Searchable vehicle-request selectors, sharing the portal palette and controls. */
.slacol-combobox{position:relative;min-width:0;width:100%}
.form-select[hidden][data-combobox-input]{display:none}
.slacol-combobox .slacol-combobox-input{width:100%;padding-right:46px;min-width:0;text-overflow:ellipsis}
.slacol-combobox-toggle{position:absolute;inset:1px 1px 1px auto;width:42px;border:0;border-radius:0 14px 14px 0;background:transparent;color:var(--slacol-blue);display:grid;place-items:center}
.slacol-combobox-toggle:hover{background:rgba(42,79,150,.08)}
.slacol-combobox-list{position:fixed;z-index:1080;overflow:auto;overscroll-behavior:contain;border:1px solid #bfcee3;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(26,39,64,.19);padding:6px;font-family:inherit}
.slacol-combobox-list[hidden]{display:none}
.slacol-combobox-list [role=option]{padding:11px 12px;min-height:44px;border-radius:9px;color:var(--slacol-navy);cursor:pointer;font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}
.slacol-combobox-list [role=option]:hover,.slacol-combobox-list .is-active{background:#edf3ff;color:var(--slacol-blue-deep)}
.slacol-combobox-list [aria-selected=true]{background:#e2edff;font-weight:800}
.slacol-combobox-empty{margin:0;padding:15px;color:#62748c;font-size:.85rem}
@media(max-width:680px){.slacol-combobox-input{font-size:16px}.calibration-filter-clear-btn{flex-basis:100%}}
/* V5 enterprise workflow refinements */
.table-responsive{position:relative}
/* Actions must wrap instead of disappearing inside narrow columns. */
.topbar-tools .btn,
.panel-header .btn,
.panel-card > .d-flex .btn,
.content-area > .d-flex .btn{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
}
.panel-header > div,
.topbar-tools > div,
.content-area > .d-flex > div{
    min-width:0;
}
.panel-header > .d-flex,
.content-area > .d-flex{
    flex-wrap:wrap;
    gap:12px;
}
@media (max-width:680px){
    .vehicle-table.vehicle-fleet-table,
    .vehicle-table.vehicle-fleet-table.has-review-access{
        min-width:0;
        width:100%;
    }
    .vehicle-table.vehicle-fleet-table td{
        min-width:0;
    }
    .vehicle-module-nav{
        flex-wrap:wrap;
        overflow:visible;
    }
    .vehicle-module-nav .btn{
        flex:1 1 200px;
        white-space:normal;
    }
}
.header-actions form.d-inline,
.page-actions form.d-inline {
  display: inline-flex !important;
  margin: 0;
}
.compact-kpi-grid .metric-card {
  min-height: 118px;
}
.checklist-table input[type="file"] {
  min-width: 220px;
}
.checklist-table td:last-child {
  min-width: 230px;
}
.filter-card .chip-toggle {
  min-height: 42px;
}
.file-item .file-meta small {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
@media (max-width: 768px) {
  .compact-kpi-grid > [class*="col-"] {
    width: 50%;
  }
  .checklist-table input[type="file"] {
    min-width: 190px;
  }
}
@media (max-width: 480px) {
  .compact-kpi-grid > [class*="col-"] {
    width: 100%;
  }
}

/* V10 professional dropdown multiselects for vehicle tracking */
.slacol-multiselect{
  position:relative;
  width:100%;
  z-index:20;
}
.slacol-ms-toggle{
  width:100%;
  min-height:46px;
  border:1px solid rgba(42,79,150,.20);
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  color:var(--slacol-navy);
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:space-between;
  padding:10px 14px;
  font-weight:700;
  box-shadow:0 10px 26px rgba(15,31,53,.045);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.slacol-ms-toggle:hover,
.slacol-multiselect.is-open .slacol-ms-toggle{
  border-color:rgba(42,79,150,.48);
  box-shadow:0 14px 34px rgba(42,79,150,.12);
}
.slacol-ms-toggle:focus-visible{
  outline:3px solid rgba(42,79,150,.16);
  outline-offset:2px;
}
.slacol-ms-label{
  flex:1;
  text-align:left;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.slacol-ms-count{
  display:inline-grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(42,79,150,.10);
  color:var(--slacol-blue);
  font-size:.76rem;
  font-weight:900;
}
.slacol-ms-count:empty{
  display:none;
}
.slacol-ms-toggle .bi{
  flex:0 0 auto;
  transition:transform .18s ease;
}
.slacol-multiselect.is-open .slacol-ms-toggle .bi{
  transform:rotate(180deg);
}
.slacol-ms-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  right:0;
  display:none;
  background:#fff;
  border:1px solid rgba(217,228,239,.95);
  border-radius:18px;
  box-shadow:0 22px 60px rgba(15,31,53,.20);
  padding:12px;
  z-index:1080;
}
.slacol-multiselect.is-open .slacol-ms-menu{
  display:block;
}
.slacol-ms-search{
  position:relative;
  margin-bottom:10px;
}
.slacol-ms-search .bi{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  color:var(--slacol-steel);
  pointer-events:none;
}
.slacol-ms-search input{
  padding-left:36px;
  border-radius:12px;
  min-height:40px;
}
.slacol-ms-actions{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.slacol-ms-actions button{
  border:0;
  background:rgba(42,79,150,.08);
  color:var(--slacol-blue);
  border-radius:999px;
  padding:6px 10px;
  font-size:.78rem;
  font-weight:800;
}
.slacol-ms-actions button:hover{
  background:rgba(42,79,150,.14);
}
.slacol-ms-list{
  max-height:260px;
  overflow:auto;
  padding-right:2px;
}
.slacol-ms-option{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 9px;
  border-radius:12px;
  cursor:pointer;
  color:var(--slacol-navy);
  font-weight:700;
  line-height:1.25;
  margin:0;
}
.slacol-ms-option:hover{
  background:rgba(42,79,150,.07);
}
.slacol-ms-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.slacol-ms-check{
  width:20px;
  height:20px;
  flex:0 0 20px;
  border:2px solid rgba(42,79,150,.28);
  border-radius:7px;
  background:#fff;
  margin-top:1px;
  display:grid;
  place-items:center;
}
.slacol-ms-option input:checked + .slacol-ms-check{
  background:var(--slacol-blue);
  border-color:var(--slacol-blue);
}
.slacol-ms-option input:checked + .slacol-ms-check::after{
  content:"✓";
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  line-height:1;
}
.slacol-ms-option-text{
  min-width:0;
  overflow-wrap:anywhere;
}
.slacol-ms-empty,
.slacol-ms-empty-static{
  color:var(--slacol-steel);
  font-weight:700;
  padding:12px;
  text-align:center;
  border-radius:12px;
  background:rgba(15,31,53,.04);
}
@media (max-width: 768px){
  .slacol-ms-menu{
    position:fixed;
    left:14px;
    right:14px;
    top:auto;
    bottom:18px;
    max-height:72vh;
    overflow:auto;
    border-radius:22px;
  }
  .slacol-ms-list{
    max-height:48vh;
  }
}

.slacol-combobox{
  position:relative;
  width:100%;
  z-index:30;
}
.slacol-combobox.is-open{
  z-index:1090;
}
.slacol-combobox-control{
  position:relative;
  display:flex;
  align-items:center;
  min-height:46px;
  overflow:hidden;
  border:1px solid rgba(42,79,150,.20);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 10px 26px rgba(15,31,53,.045);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.slacol-combobox-control:focus-within,
.slacol-combobox.is-open .slacol-combobox-control{
  border-color:rgba(42,79,150,.62);
  box-shadow:0 0 0 3px rgba(42,79,150,.11),0 14px 34px rgba(42,79,150,.10);
}
.slacol-combobox-leading{
  position:absolute;
  z-index:2;
  left:14px;
  color:var(--slacol-blue);
  pointer-events:none;
}
.slacol-combobox-control .form-control{
  min-height:46px;
  padding:10px 46px 10px 42px;
  border:0!important;
  border-radius:14px;
  color:var(--slacol-navy);
  background:transparent!important;
  box-shadow:none!important;
}
.slacol-combobox .form-control::placeholder{
  color:#8090a4;
}
.slacol-combobox-toggle{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  display:grid;
  place-items:center;
  width:44px;
  height:100%;
  border:0;
  color:var(--slacol-blue);
  background:transparent;
}
.slacol-combobox-toggle .bi{
  transition:transform .18s ease;
}
.slacol-combobox.is-open .slacol-combobox-toggle .bi{
  transform:rotate(180deg);
}
.slacol-combobox-menu{
  position:absolute;
  top:calc(100% + 9px);
  left:0;
  right:0;
  display:none;
  overflow:hidden;
  border:1px solid rgba(205,220,238,.98);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 62px rgba(15,31,53,.22);
}
.slacol-combobox.is-open .slacol-combobox-menu{
  display:block;
}
.slacol-combobox-menu-head{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:13px 15px;
  border-bottom:1px solid #e3eaf3;
  background:linear-gradient(135deg,#f7faff,#edf4ff);
}
.slacol-combobox-menu-head span{
  color:var(--slacol-navy);
  font-size:.78rem;
  font-weight:900;
}
.slacol-combobox-menu-head small{
  color:var(--slacol-steel);
  font-size:.64rem;
}
.slacol-combobox-list{
  max-height:285px;
  padding:8px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.slacol-combobox-option{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:10px;
  width:100%;
  padding:9px 10px;
  border:0;
  border-radius:11px;
  color:#203d66;
  background:#fff;
  text-align:left;
  font-size:.75rem;
  font-weight:800;
  transition:color .14s ease,background .14s ease,transform .14s ease;
}
.slacol-combobox-option[hidden]{
  display:none!important;
}
.slacol-combobox-option i{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  color:#4772b5;
  background:#edf3fc;
}
.slacol-combobox-option:hover,
.slacol-combobox-option.is-active{
  color:#173f79;
  background:#edf4ff;
  transform:translateX(2px);
}
.slacol-combobox-option:hover i,
.slacol-combobox-option.is-active i{
  color:#fff;
  background:var(--slacol-blue);
}
.slacol-combobox-empty{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:9px;
  padding:13px;
  border:1px dashed #b8cbe4;
  border-radius:13px;
  color:#527092;
  background:#f7faff;
  font-size:.7rem;
  font-weight:700;
}
.slacol-combobox-empty[hidden]{
  display:none!important;
}
.slacol-combobox-empty i{
  color:var(--slacol-blue);
  font-size:1rem;
}
@media (max-width:768px){
  .slacol-combobox-menu{
    position:fixed;
    top:auto;
    right:14px;
    bottom:18px;
    left:14px;
    max-height:70vh;
    border-radius:22px;
  }
  .slacol-combobox-list{
    max-height:52vh;
  }
}

.calibration-hero{
  background:
    linear-gradient(135deg, rgba(42,79,150,.98), rgba(29,62,119,.92)),
    radial-gradient(circle at top right, rgba(255,255,255,.2), transparent 34%);
}
.calibration-responsive-table{
  display:block;
  width:100%;
  max-height:70vh;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(217,228,239,.9);
  border-radius:18px;
  background:#fff;
  scrollbar-width:thin;
  scrollbar-color:rgba(42,79,150,.34) rgba(236,241,247,.7);
}
.calibration-responsive-table::-webkit-scrollbar{
  width:12px;
  height:12px;
}
.calibration-responsive-table::-webkit-scrollbar-track{
  background:rgba(236,241,247,.75);
  border-radius:999px;
}
.calibration-responsive-table::-webkit-scrollbar-thumb{
  background:linear-gradient(135deg, rgba(42,79,150,.55), rgba(29,62,119,.42));
  border-radius:999px;
  border:3px solid rgba(236,241,247,.75);
}
.calibration-main-table-scroll{
  max-height:none;
  overflow-x:scroll;
  overflow-y:hidden;
  padding-bottom:8px;
}
.calibration-scrollbar-shell{
  display:grid;
  gap:8px;
  margin-bottom:12px;
}
.calibration-scrollbar-label{
  color:var(--slacol-steel);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}
.calibration-scrollbar-proxy{
  display:block;
  width:100%;
  height:18px;
  overflow-x:scroll;
  overflow-y:hidden;
  border:1px solid rgba(217,228,239,.92);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(244,247,251,.96), rgba(235,241,248,.92));
  scrollbar-width:thin;
  scrollbar-color:rgba(42,79,150,.52) rgba(236,241,247,.82);
}
.calibration-scrollbar-proxy::-webkit-scrollbar{
  height:14px;
}
.calibration-scrollbar-proxy::-webkit-scrollbar-track{
  background:rgba(236,241,247,.78);
  border-radius:999px;
}
.calibration-scrollbar-proxy::-webkit-scrollbar-thumb{
  background:linear-gradient(135deg, rgba(42,79,150,.60), rgba(29,62,119,.46));
  border-radius:999px;
  border:3px solid rgba(236,241,247,.78);
}
.calibration-scrollbar-proxy-size{
  height:1px;
}
.calibration-command-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.calibration-command-copy{
  display:grid;
  gap:6px;
  max-width:680px;
}
.calibration-command-copy h2{
  margin:0;
  font-size:1.22rem;
  color:var(--slacol-navy);
}
.calibration-command-copy p{
  margin:0;
  color:var(--slacol-steel);
  line-height:1.55;
}
.calibration-command-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.calibration-filter-card .form-control,
.calibration-filter-card .form-select{
  min-height:48px;
  border-radius:16px;
}
.calibration-filter-actions{
  display:flex;
  align-items:flex-end;
}
.calibration-filter-action-row{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  flex-wrap:wrap;
}
.calibration-filter-action-row .btn-slacol{
  min-width:0;
  flex:1 1 120px;
  white-space:normal;
}
.calibration-filter-clear-btn{
  flex:0 0 48px;
  width:48px;
  height:48px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
}
.calibration-inline-edit-form{
  display:grid;
  gap:18px;
}
.calibration-edit-card{
  border:1px solid rgba(217,228,239,.92);
  border-radius:18px;
  background:var(--slacol-surface-soft);
  padding:14px 16px;
}
.calibration-edit-card.is-readonly{
  opacity:.9;
}
.calibration-edit-card .form-label{
  margin-bottom:8px;
}
.calibration-inline-edit-actions{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.calibration-membership-panel{
  border-top:4px solid var(--slacol-blue);
  background:
    radial-gradient(circle at 92% 18%, rgba(42,79,150,.10), transparent 28%),
    linear-gradient(135deg, #fff 0%, #f5f8fc 100%);
}
.calibration-membership-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:18px;
  align-items:stretch;
}
.calibration-membership-option,
.calibration-membership-classification{
  min-width:0;
  border:1px solid rgba(42,79,150,.18);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  padding:18px;
}
.calibration-membership-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  cursor:pointer;
}
.calibration-membership-option-icon{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:var(--slacol-blue);
  background:rgba(42,79,150,.10);
  font-size:1.25rem;
}
.calibration-membership-option strong,
.calibration-membership-option small{
  display:block;
}
.calibration-membership-option small,
.calibration-membership-classification small{
  color:var(--slacol-steel);
  line-height:1.45;
  margin-top:4px;
}
.calibration-membership-option .form-check-input{
  width:3rem;
  height:1.55rem;
  cursor:pointer;
}
.calibration-membership-classification{
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:opacity .2s ease, filter .2s ease;
}
.calibration-membership-panel.is-inventory-only .calibration-membership-classification{
  opacity:.66;
  filter:saturate(.75);
}
.calibration-membership-cell{
  min-width:188px;
  display:grid;
  gap:8px;
  justify-items:start;
  align-content:center;
}
.calibration-membership-cell small{
  color:var(--slacol-steel);
  font-weight:700;
}
.calibration-membership-table-form{
  display:grid;
  grid-template-columns:minmax(132px,1fr) auto;
  gap:7px;
  align-items:center;
  width:100%;
}
.calibration-membership-table-form .form-select{
  min-width:132px;
}
.calibration-membership-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
}
.calibration-doc-cell{
  display:grid;
  gap:8px;
  justify-items:center;
  min-height:38px;
  align-content:center;
}
.calibration-doc-cell .file-action-group{
  margin-top:0;
  justify-content:center;
  width:100%;
}
.calibration-doc-empty{
  color:var(--slacol-steel);
  font-weight:700;
  line-height:1;
}
.calibration-header-actions{
  justify-content:flex-end;
}
.calibration-open-btn{
  min-width:118px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  padding-inline:16px;
}
.calibration-table{
  min-width:2250px;
}
.calibration-table .calibration-col-index{width:88px;min-width:88px;}
.calibration-table .calibration-col-equipment{width:240px;min-width:240px;}
.calibration-table .calibration-col-origin{width:155px;min-width:155px;}
.calibration-table .calibration-col-registration{width:145px;min-width:145px;}
.calibration-table .calibration-col-serial{width:170px;min-width:170px;}
.calibration-table .calibration-col-reference{width:230px;min-width:230px;}
.calibration-table .calibration-col-location{width:165px;min-width:165px;}
.calibration-table .calibration-col-last{width:135px;min-width:135px;}
.calibration-table .calibration-col-next{width:135px;min-width:135px;}
.calibration-table .calibration-col-code{width:220px;min-width:220px;}
.calibration-table .calibration-col-condition{width:140px;min-width:140px;}
.calibration-table .calibration-col-certificate,
.calibration-table .calibration-col-life-sheet{width:128px;min-width:128px;text-align:center;}
.calibration-table .calibration-col-membership{
  width:238px;
  min-width:238px;
  border-left:1px solid rgba(42,79,150,.16);
  background:rgba(244,248,253,.58);
}
.calibration-table .calibration-col-actions{width:134px;min-width:134px;}
@media (max-width:767.98px){
  .calibration-membership-form-grid{
    grid-template-columns:1fr;
  }
  .calibration-membership-option{
    grid-template-columns:auto minmax(0,1fr);
  }
  .calibration-membership-option .form-check{
    grid-column:1 / -1;
    justify-self:end;
  }
  .calibration-membership-table-form{
    grid-template-columns:1fr;
  }
  .calibration-membership-btn{
    width:100%;
  }
}
.table-sort-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:inherit;
  text-decoration:none;
  font-weight:700;
}
.table-sort-link i{
  font-size:.84rem;
  color:rgba(42,79,150,.72);
  transition:color .18s ease, transform .18s ease;
}
.table-sort-link:hover,
.table-sort-link:focus{
  color:var(--slacol-blue);
}
.table-sort-link:hover i,
.table-sort-link:focus i,
.table-sort-link.active i{
  color:var(--slacol-blue);
  transform:translateY(-1px);
}
.client-sort-column{
  vertical-align:middle;
  transition:background-color .18s ease, color .18s ease;
}
.client-sort-column[aria-sort="ascending"],
.client-sort-column[aria-sort="descending"]{
  background:rgba(42,79,150,.09);
  color:var(--slacol-blue-dark);
}
.table-sort-button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-width:max-content;
  min-height:34px;
  margin:0;
  padding:0;
  border:0;
  border-radius:6px;
  color:inherit;
  background:transparent;
  box-shadow:none;
  font:inherit;
  font-weight:inherit;
  line-height:inherit;
  text-align:left;
  cursor:pointer;
}
.table-sort-button-label{
  min-width:0;
  overflow-wrap:anywhere;
}
.table-sort-button i{
  flex:0 0 auto;
  color:rgba(42,79,150,.66);
  font-size:.84rem;
  transition:color .18s ease, transform .18s ease;
}
.table-sort-button:hover,
.table-sort-button:focus-visible,
.table-sort-button.active{
  color:var(--slacol-blue);
}
.table-sort-button:hover i,
.table-sort-button:focus-visible i,
.table-sort-button.active i{
  color:var(--slacol-blue);
  transform:translateY(-1px);
}
.table-sort-button:focus-visible{
  outline:2px solid rgba(42,79,150,.38);
  outline-offset:4px;
}
.client-sort-disabled{
  cursor:default;
}
.filter-inline-note{
  color:var(--slacol-steel);
  font-size:.92rem;
}
.filter-inline-note strong{
  color:var(--slacol-navy);
}
.calibration-file-list .file-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.calibration-file-list .file-item strong{
  display:block;
  overflow-wrap:anywhere;
}
.calibration-file-list .file-meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.calibration-sheet-shell{
  display:grid;
  gap:20px;
}
.calibration-meta-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.calibration-sheet-text{
  white-space:pre-wrap;
  line-height:1.7;
  color:var(--slacol-navy);
}
.calibration-sheet-table{
  min-width:980px;
  margin-bottom:0;
}
.calibration-sheet-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f4f7fb;
}
.document-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.document-frame{
  width:100%;
  min-height:78vh;
  border:1px solid rgba(217,228,239,.92);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-lg);
}
.calibration-support-card .panel-header span{
  display:block;
  max-width:min(760px,72vw);
  overflow-wrap:anywhere;
}
.calibration-life-image-preview{
  display:grid;
  place-items:center;
  min-height:360px;
  max-height:78vh;
  padding:20px;
  overflow:auto;
  border:1px solid rgba(217,228,239,.92);
  border-radius:22px;
  background:#f4f7fb;
  box-shadow:var(--shadow-lg);
}
.calibration-life-image-preview img{
  display:block;
  max-width:100%;
  max-height:72vh;
  object-fit:contain;
}
.calibration-workbook-preview{
  overflow:hidden;
  border:1px solid rgba(217,228,239,.92);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-lg);
}
.calibration-workbook-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 22px;
  border-bottom:1px solid rgba(217,228,239,.92);
  background:linear-gradient(135deg,#f8fbff 0%,#edf4ff 100%);
}
.calibration-workbook-heading span,
.calibration-workbook-heading strong{
  display:block;
}
.calibration-workbook-heading span{
  margin-bottom:3px;
  color:var(--slacol-muted);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.calibration-workbook-table-wrap{
  max-height:76vh;
  overflow:auto;
  scrollbar-gutter:stable both-edges;
}
.calibration-workbook-table{
  width:max-content;
  min-width:100%;
  margin:0;
  border-collapse:separate;
  border-spacing:0;
}
.calibration-workbook-table th,
.calibration-workbook-table td{
  min-width:150px;
  max-width:360px;
  padding:10px 12px;
  border-right:1px solid #e1e9f2;
  border-bottom:1px solid #e1e9f2;
  white-space:normal;
  overflow-wrap:anywhere;
  vertical-align:top;
}
.calibration-workbook-table thead th{
  position:sticky;
  top:0;
  z-index:3;
  min-width:110px;
  background:#214c8f;
  color:#fff;
  text-align:center;
}
.calibration-workbook-table .calibration-workbook-row-number{
  position:sticky;
  left:0;
  z-index:2;
  min-width:58px;
  width:58px;
  background:#edf3fb;
  color:#50657f;
  text-align:center;
}
.calibration-workbook-table thead .calibration-workbook-row-number{
  z-index:4;
  background:#173c76;
  color:#fff;
}
.calibration-workbook-limit{
  padding:12px 18px;
  border-top:1px solid rgba(217,228,239,.92);
  color:var(--slacol-muted);
  font-size:.88rem;
}

@media (max-width: 992px){
  .calibration-command-bar,
  .calibration-inline-edit-actions{
    flex-direction:column;
    align-items:flex-start;
  }
  .calibration-command-actions,
  .calibration-header-actions{
    width:100%;
    justify-content:flex-start;
  }
  .calibration-meta-grid{
    grid-template-columns:1fr;
  }
  .calibration-file-list .file-item{
    align-items:flex-start;
    flex-direction:column;
  }
  .calibration-file-list .file-meta{
    width:100%;
    justify-content:flex-start;
  }
}

@media (max-width: 680px){
  .calibration-responsive-table{
    max-height:none;
  }
  .calibration-main-table-scroll{
    overflow-x:scroll;
    overflow-y:visible;
  }
  .calibration-scrollbar-shell{
    margin-bottom:10px;
  }
  .calibration-command-actions{
    width:100%;
  }
  .calibration-command-actions .btn,
  .calibration-filter-action-row .btn-slacol{
    width:100%;
  }
  .calibration-filter-action-row{
    flex-wrap:wrap;
  }
  .calibration-filter-clear-btn{
    width:100%;
  }
  .calibration-table{
    min-width:0;
  }
  .calibration-table [class*="calibration-col-"]{
    width:auto;
    min-width:0;
  }
  .calibration-table .calibration-col-membership{
    border-left:0;
    background:transparent;
  }
  .calibration-membership-cell,
  .calibration-membership-table-form .form-select{
    width:100%;
    min-width:0;
  }
  .calibration-sheet-table{
    min-width:0;
  }
  .document-frame{
    min-height:62vh;
  }
}

/* V11 vehicle maintenance restructuring */
.vehicle-fleet-overview{
  grid-template-columns:1fr;
  gap:16px;
  padding:22px;
}
.vehicle-fleet-overview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.vehicle-fleet-overview-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.vehicle-fleet-overview-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.vehicle-detail-kpi-grid.section-grid.compact{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.vehicle-section-nav{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
}
.vehicle-section-link{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:15px 18px;
  border-radius:18px;
  border:1px solid rgba(42,79,150,.18);
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  color:var(--slacol-navy);
  text-decoration:none;
  box-shadow:0 14px 28px rgba(15,31,53,.07);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.vehicle-section-link:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(15,31,53,.11);
  border-color:rgba(42,79,150,.34);
}
.vehicle-section-link.active{
  background:linear-gradient(135deg,var(--slacol-blue),var(--slacol-blue-deep));
  color:#fff;
  border-color:transparent;
}
.vehicle-section-link strong{
  font-size:1rem;
  line-height:1.2;
}
.vehicle-section-link span{
  font-size:.74rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.88;
}
.vehicle-section-toolbar{
  padding:18px 20px;
}
.vehicle-plan-toolbar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.vehicle-plan-toolbar-copy{
  display:grid;
  gap:6px;
  max-width:760px;
}
.vehicle-plan-toolbar-copy h2{
  margin:0;
  font-size:1.08rem;
  color:var(--slacol-navy);
}
.vehicle-plan-toolbar-copy p{
  margin:0;
  color:var(--slacol-steel);
  line-height:1.6;
}
.vehicle-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}
.vehicle-chip-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(42,79,150,.2);
  background:#fff;
  color:var(--slacol-blue-deep);
  text-decoration:none;
  font-weight:800;
  box-shadow:0 10px 24px rgba(15,31,53,.05);
}
.vehicle-chip-link span{
  display:inline-grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(42,79,150,.10);
  color:var(--slacol-blue);
  font-size:.75rem;
}
.vehicle-chip-link.active{
  background:linear-gradient(135deg,var(--slacol-blue),var(--slacol-blue-deep));
  color:#fff;
  border-color:transparent;
}
.vehicle-chip-link.active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.vehicle-inline-form .form-control,
.vehicle-inline-form .form-select{
  min-height:48px;
  border-radius:16px;
}
.vehicle-inline-form textarea.form-control{
  min-height:auto;
}
.vehicle-plan-composer{
  display:grid;
  gap:22px;
}
.vehicle-plan-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.vehicle-plan-mini-grid-inline{
  margin-top:2px;
}
.vehicle-plan-mini-card{
  position:relative;
  min-height:116px;
  padding:18px 18px 16px;
  border-radius:22px;
  border:1px solid rgba(42,79,150,.12);
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 26px rgba(15,31,53,.06);
  overflow:hidden;
}
.vehicle-plan-mini-card::after{
  content:"";
  position:absolute;
  right:-22px;
  bottom:-28px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:rgba(42,79,150,.08);
}
.vehicle-plan-mini-card span{
  display:block;
  color:var(--slacol-steel);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  margin-bottom:10px;
}
.vehicle-plan-mini-card strong{
  display:block;
  color:var(--slacol-navy);
  font-size:1.4rem;
  line-height:1.05;
  letter-spacing:-.04em;
}
.vehicle-plan-mini-card small{
  position:relative;
  z-index:1;
  display:block;
  margin-top:10px;
  color:var(--slacol-steel);
  font-size:.82rem;
  line-height:1.45;
}
.vehicle-plan-mini-card.tone-neutral{
  border-left:5px solid var(--slacol-blue);
}
.vehicle-plan-mini-card.tone-info{
  border-left:5px solid var(--slacol-info);
  background:linear-gradient(180deg, rgba(236,244,255,.96), rgba(255,255,255,.98));
}
.vehicle-plan-mini-card.tone-success{
  border-left:5px solid var(--slacol-success);
  background:linear-gradient(180deg, rgba(234,248,241,.96), rgba(255,255,255,.98));
}
.vehicle-plan-mini-card.tone-warning{
  border-left:5px solid var(--slacol-warning);
  background:linear-gradient(180deg, rgba(255,247,232,.96), rgba(255,255,255,.98));
}
.vehicle-plan-composer-grid{
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:18px;
}
.vehicle-plan-composer-card{
  display:grid;
  gap:18px;
  padding:22px;
  border:1px solid rgba(217,228,239,.92);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,255,.96));
  box-shadow:0 16px 30px rgba(15,31,53,.06);
  min-width:0;
}
.vehicle-plan-composer-card-primary{
  background:
    radial-gradient(circle at top right, rgba(42,79,150,.06), transparent 30%),
    linear-gradient(180deg, rgba(252,254,255,.99), rgba(245,249,255,.96));
}
.vehicle-plan-composer-card-accent{
  background:
    radial-gradient(circle at top right, rgba(255,193,94,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,251,255,.96));
}
.vehicle-plan-composer-card-wide{
  grid-column:1 / -1;
}
.vehicle-plan-composer-head{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
}
.vehicle-plan-composer-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(42,79,150,.12), rgba(42,79,150,.04));
  border:1px solid rgba(42,79,150,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.vehicle-plan-composer-icon i{
  font-size:1.08rem;
  color:var(--slacol-blue);
}
.vehicle-plan-composer-head h4{
  margin:0;
  font-size:1.08rem;
  color:var(--slacol-navy);
}
.vehicle-plan-composer-head p{
  margin:6px 0 0;
  color:var(--slacol-steel);
  line-height:1.6;
}
.vehicle-plan-composer-state-shell{
  padding:18px;
  border-radius:20px;
  border:1px dashed rgba(42,79,150,.2);
  background:rgba(255,255,255,.88);
}
.vehicle-plan-composer-tip{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(42,79,150,.16);
  background:linear-gradient(180deg, rgba(245,249,255,.96), rgba(255,255,255,.98));
  color:var(--slacol-navy);
}
.vehicle-plan-composer-tip i,
.vehicle-plan-composer-note i{
  margin-top:2px;
  font-size:1rem;
}
.vehicle-plan-composer-tip span,
.vehicle-plan-composer-note span{
  line-height:1.6;
}
.vehicle-plan-composer-tip.tone-info{
  border-color:rgba(72,173,219,.22);
  background:linear-gradient(180deg, rgba(228,243,255,.96), rgba(255,255,255,.98));
}
.vehicle-plan-composer-tip.tone-success{
  border-color:rgba(22,129,87,.18);
  background:linear-gradient(180deg, rgba(234,248,241,.96), rgba(255,255,255,.98));
}
.vehicle-plan-composer-tip.tone-warning{
  border-color:rgba(242,161,40,.24);
  background:linear-gradient(180deg, rgba(255,247,232,.96), rgba(255,255,255,.98));
}
.vehicle-plan-composer-card .form-label{
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--slacol-steel);
}
.vehicle-plan-composer-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(72,173,219,.22);
  background:linear-gradient(180deg, rgba(224,246,255,.9), rgba(240,250,255,.96));
  color:var(--slacol-navy);
}
.vehicle-plan-composer-card .vehicle-form-actions{
  margin-top:4px;
  padding-top:6px;
  border-top:1px solid rgba(217,228,239,.88);
}
.vehicle-history-editor-grid{
  display:grid;
  gap:16px;
}
.vehicle-history-form-section{
  border:1px solid rgba(217,228,239,.92);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.95));
  padding:20px;
  box-shadow:0 12px 26px rgba(15,31,53,.05);
}
.vehicle-history-form-section[hidden]{
  display:none !important;
}
.vehicle-history-form-section-head{
  display:grid;
  gap:6px;
  margin-bottom:16px;
}
.vehicle-history-form-section-head h3{
  margin:0;
  font-size:1.08rem;
  color:var(--slacol-navy);
}
.vehicle-history-form-section-head p{
  margin:0;
  color:var(--slacol-steel);
  line-height:1.6;
}
.vehicle-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.vehicle-inline-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.vehicle-status-chip-group{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.vehicle-status-chip{
  position:relative;
  cursor:pointer;
  margin:0;
}
.vehicle-status-chip input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.vehicle-status-chip span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(42,79,150,.18);
  background:#fff;
  color:var(--slacol-blue-deep);
  font-weight:800;
  box-shadow:0 10px 24px rgba(15,31,53,.05);
  transition:all .18s ease;
}
.vehicle-status-chip input:checked + span{
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 28px rgba(15,31,53,.12);
}
.vehicle-status-chip.tone-info input:checked + span{
  background:linear-gradient(135deg,var(--slacol-info),#2f72d8);
}
.vehicle-status-chip.tone-success input:checked + span{
  background:linear-gradient(135deg,var(--slacol-success),#0b8d59);
}
.vehicle-status-chip.tone-warning input:checked + span{
  background:linear-gradient(135deg,var(--slacol-warning),#cc7e00);
}
.vehicle-status-chip.tone-neutral input:checked + span{
  background:linear-gradient(135deg,var(--slacol-blue),var(--slacol-blue-deep));
}
.vehicle-help-card{
  border-left:5px solid rgba(42,79,150,.24);
}
.vehicle-help-card.tone-info{border-left-color:var(--slacol-info);}
.vehicle-help-card.tone-success{border-left-color:var(--slacol-success);}
.vehicle-help-card.tone-warning{border-left-color:var(--slacol-warning);}
.vehicle-help-steps{
  margin:0;
  padding:0 24px 20px 44px;
  display:grid;
  gap:10px;
  color:var(--slacol-steel);
  line-height:1.65;
}
.vehicle-help-steps li::marker{
  font-weight:900;
  color:var(--slacol-blue);
}
.vehicle-empty-state{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:36px 20px;
  text-align:center;
  color:var(--slacol-steel);
}
.vehicle-empty-state i{
  font-size:2rem;
  color:var(--slacol-blue);
}
.vehicle-plan-month-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:18px;
  padding:0 20px 20px;
}
.vehicle-plan-month-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(217,228,239,.92);
  background:#fff;
  box-shadow:0 12px 28px rgba(15,31,53,.08);
}
.vehicle-plan-month-card.tone-info{border-top:4px solid var(--slacol-info);}
.vehicle-plan-month-card.tone-success{border-top:4px solid var(--slacol-success);}
.vehicle-plan-month-card.tone-warning{border-top:4px solid var(--slacol-warning);}
.vehicle-plan-month-card.tone-neutral{border-top:4px solid rgba(42,79,150,.18);}
.vehicle-plan-month-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.vehicle-plan-month-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  min-height:48px;
  padding:0 10px;
  border-radius:16px;
  background:var(--slacol-surface-soft);
  color:var(--slacol-blue-deep);
  font-weight:900;
  letter-spacing:.08em;
}
.vehicle-plan-month-body{
  display:grid;
  gap:8px;
}
.vehicle-plan-date-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.vehicle-plan-date-grid div{
  border:1px solid rgba(217,228,239,.92);
  border-radius:16px;
  background:var(--slacol-surface-soft);
  padding:12px 14px;
}
.vehicle-plan-date-grid span{
  display:block;
  margin-bottom:6px;
  color:var(--slacol-steel);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  line-height:1.35;
}
.vehicle-plan-month-body strong{
  font-size:1rem;
  color:var(--slacol-navy);
}
.vehicle-plan-month-body p{
  margin:0;
  color:var(--slacol-steel);
  line-height:1.55;
}
.vehicle-plan-month-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:auto;
}
.vehicle-plan-month-actions form{
  margin:0;
}
.vehicle-history-list{
  display:grid;
  gap:18px;
  padding:0 20px 20px;
}
.vehicle-history-list.vehicle-timeline .timeline-item{
  position:static;
  padding-bottom:0;
}
.vehicle-history-list.vehicle-timeline .timeline-item::before{
  display:none;
}
.vehicle-history-item{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:18px;
  align-items:flex-start;
}
.vehicle-history-date-stack{
  position:relative;
  display:grid;
  gap:6px;
  padding:6px 18px 8px 28px;
}
.vehicle-history-date-stack::before{
  content:"";
  position:absolute;
  left:6px;
  top:18px;
  bottom:-24px;
  width:2px;
  background:linear-gradient(180deg, rgba(42,79,150,.24), rgba(42,79,150,.04));
}
.vehicle-history-item:last-child .vehicle-history-date-stack::before{
  display:none;
}
.vehicle-history-date-stack::after{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--slacol-blue),var(--slacol-blue-deep));
  box-shadow:0 0 0 6px rgba(42,79,150,.10);
}
.vehicle-history-date-stack strong{
  display:block;
  color:var(--slacol-navy);
  font-size:1rem;
  line-height:1.35;
}
.vehicle-history-date-stack span,
.vehicle-history-date-stack small{
  color:var(--slacol-steel);
  line-height:1.45;
  overflow-wrap:anywhere;
}
.vehicle-history-card{
  border:1px solid rgba(217,228,239,.92);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 30px rgba(15,31,53,.07);
  overflow:hidden;
}
.vehicle-history-event-link{
  display:block;
  padding:20px 20px 14px;
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.vehicle-history-event-link:hover{
  color:inherit;
  background:rgba(245,249,255,.72);
  transform:translateY(-2px);
}
.vehicle-history-event-link.is-static:hover{
  background:transparent;
  transform:none;
}
.vehicle-history-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(217,228,239,.75);
}
.vehicle-history-card-head h3{
  margin:0 0 8px;
  font-size:1.08rem;
  color:var(--slacol-navy);
}
.vehicle-history-card-head p{
  margin:0;
  color:var(--slacol-steel);
  line-height:1.6;
}
.vehicle-history-open-hint{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(42,79,150,.08);
  color:var(--slacol-blue);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
}
.vehicle-history-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
}
.vehicle-history-cell{
  border:1px solid rgba(217,228,239,.92);
  border-radius:18px;
  background:var(--slacol-surface-soft);
  padding:14px 16px;
}
.vehicle-history-cell span{
  display:block;
  margin-bottom:8px;
  color:var(--slacol-steel);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.vehicle-history-cell strong{
  display:block;
  color:var(--slacol-navy);
  line-height:1.5;
  overflow-wrap:anywhere;
}
.vehicle-history-support-note{
  margin-top:10px;
  color:var(--slacol-steel);
  font-size:.85rem;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.vehicle-history-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 20px 20px;
}
.vehicle-history-footer-note{
  min-width:0;
}
.vehicle-history-preview-actions .file-action-group{
  justify-content:flex-start;
}
.vehicle-history-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.vehicle-history-actions .btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.vehicle-history-actions form{
  margin:0;
}
.vehicle-safety-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  padding:0 20px 20px;
}
.vehicle-safety-card{
  border:1px solid rgba(217,228,239,.92);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 28px rgba(15,31,53,.06);
  overflow:hidden;
}
.vehicle-safety-card header{
  padding:18px 18px 0;
}
.vehicle-safety-card h3{
  margin:0 0 6px;
  font-size:1.02rem;
  color:var(--slacol-navy);
}
.vehicle-safety-card p{
  margin:0;
  color:var(--slacol-steel);
  line-height:1.55;
}
.vehicle-safety-card .responsive-table{
  padding:0 18px 18px;
}
.vehicle-safety-card table{
  margin-bottom:0;
}

@media (max-width: 1280px){
  .vehicle-fleet-overview-grid,
  .vehicle-detail-kpi-grid.section-grid.compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 992px){
  .vehicle-fleet-overview-badges{
    justify-content:flex-start;
  }
  .vehicle-plan-composer-grid{
    grid-template-columns:1fr;
  }
  .vehicle-plan-mini-grid{
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  }
  .vehicle-plan-toolbar-head{
    align-items:flex-start;
  }
  .vehicle-history-item,
  .vehicle-history-grid,
  .vehicle-safety-grid,
  .vehicle-plan-date-grid{
    grid-template-columns:1fr;
  }
  .vehicle-history-date-stack{
    padding-left:24px;
    padding-bottom:0;
  }
  .vehicle-history-date-stack::before{
    bottom:-12px;
  }
  .vehicle-history-card-head,
  .vehicle-history-footer{
    flex-direction:column;
    align-items:flex-start;
  }
  .vehicle-history-actions{
    justify-content:flex-start;
  }
  .vehicle-form-actions{
    justify-content:stretch;
  }
}

@media (max-width: 680px){
  .vehicle-fleet-overview-grid,
  .vehicle-detail-kpi-grid.section-grid.compact,
  .vehicle-plan-month-grid,
  .vehicle-section-nav{
    grid-template-columns:1fr;
  }
  .vehicle-plan-composer-card{
    padding:18px;
  }
  .vehicle-plan-mini-grid,
  .vehicle-plan-mini-grid-inline{
    grid-template-columns:1fr;
  }
  .vehicle-plan-composer-head{
    grid-template-columns:1fr;
  }
  .vehicle-plan-composer-icon{
    width:46px;
    height:46px;
  }
  .vehicle-section-toolbar,
  .vehicle-history-list,
  .vehicle-plan-month-grid,
  .vehicle-safety-grid{
    padding-left:16px;
    padding-right:16px;
  }
  .vehicle-history-item{
    gap:12px;
  }
  .vehicle-history-date-stack::before,
  .vehicle-history-date-stack::after{
    display:none;
  }
  .vehicle-history-date-stack{
    padding:0;
  }
  .vehicle-history-event-link{
    padding:18px 16px 12px;
  }
  .vehicle-history-footer{
    padding:0 16px 16px;
  }
  .vehicle-history-actions .btn,
  .vehicle-history-actions form{
    width:100%;
  }
  .vehicle-history-actions form .btn{
    width:100%;
  }
  .vehicle-form-actions .btn{
    width:100%;
  }
  .vehicle-help-steps{
    padding-left:36px;
    padding-right:16px;
  }
}

/* Packaging control */
.packaging-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  padding:30px 32px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 12%,rgba(75,115,187,.20),transparent 26%),
    linear-gradient(135deg,#fff 0%,#f7faff 62%,#edf4ff 100%);
}
.packaging-hero h2,
.packaging-form-intro h2{
  margin:0;
  color:var(--slacol-navy);
  font-size:clamp(1.45rem,2.4vw,2.25rem);
  line-height:1.08;
  letter-spacing:-.04em;
}
.packaging-hero p:not(.eyebrow),
.packaging-form-intro p:not(.eyebrow){
  max-width:760px;
  margin:12px 0 0;
  color:var(--slacol-steel);
  line-height:1.65;
}
.packaging-hero-pulse{
  position:relative;
  display:grid;
  min-width:210px;
  padding:22px 24px;
  border:1px solid rgba(42,79,150,.16);
  border-left:5px solid var(--slacol-blue);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 38px rgba(15,31,53,.08);
  overflow:hidden;
}
.packaging-hero-pulse::after,
.packaging-kpi::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-32px;
  width:100px;
  height:100px;
  border-radius:50%;
  background:rgba(42,79,150,.07);
}
.packaging-hero-pulse span,
.packaging-kpi span{
  position:relative;
  z-index:1;
  color:var(--slacol-steel);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.packaging-hero-pulse strong{
  position:relative;
  z-index:1;
  margin:6px 0;
  color:var(--slacol-blue-deep);
  font-size:2.25rem;
  line-height:1;
}
.packaging-hero-pulse small,
.packaging-kpi small{
  position:relative;
  z-index:1;
  color:var(--slacol-steel);
  line-height:1.45;
}
.packaging-kpi-grid,
.packaging-detail-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
}
.packaging-detail-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.packaging-kpi{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:12px;
  min-width:0;
  min-height:138px;
  padding:18px;
  border:1px solid rgba(42,79,150,.12);
  border-top:4px solid var(--slacol-blue);
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 16px 32px rgba(15,31,53,.07);
  overflow:hidden;
}
.packaging-kpi-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:13px;
  background:rgba(42,79,150,.09);
  color:var(--slacol-blue);
}
.packaging-kpi > div:last-child{
  min-width:0;
}
.packaging-kpi strong{
  position:relative;
  z-index:1;
  display:block;
  margin:5px 0 4px;
  color:var(--slacol-navy);
  font-size:1.65rem;
  line-height:1;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}
.packaging-kpi.tone-green{border-top-color:var(--slacol-success)}
.packaging-kpi.tone-green .packaging-kpi-icon{background:rgba(22,129,87,.1);color:var(--slacol-success)}
.packaging-kpi.tone-red{border-top-color:var(--slacol-danger)}
.packaging-kpi.tone-red .packaging-kpi-icon{background:rgba(214,69,69,.1);color:var(--slacol-danger)}
.packaging-kpi.tone-orange{border-top-color:var(--slacol-warning)}
.packaging-kpi.tone-orange .packaging-kpi-icon{background:rgba(242,161,40,.12);color:#b66c00}
.packaging-kpi.tone-cyan{border-top-color:#48addb}
.packaging-kpi.tone-cyan .packaging-kpi-icon{background:rgba(72,173,219,.11);color:#147ba9}
.packaging-kpi.tone-navy{border-top-color:var(--slacol-blue-deep)}
.packaging-filter-panel{
  padding:20px 22px;
}
.packaging-filter-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  align-items:end;
  gap:14px;
}
.packaging-filter-grid > *{min-width:0}
.packaging-filter-grid .form-label{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.packaging-filter-grid .form-control,
.packaging-filter-grid .form-select{
  min-height:50px;
  border-radius:15px;
}
.packaging-finding-filter{
  cursor:pointer;
  width:100%;
  margin:0;
  position:relative;
}
.packaging-finding-filter input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.packaging-finding-filter span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:50px;
  padding:10px 15px;
  border:1px solid var(--slacol-line);
  border-radius:15px;
  background:#fff;
  color:var(--slacol-blue-deep);
  font-weight:800;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
}
.packaging-finding-filter span i{flex:0 0 auto}
.packaging-finding-filter input:focus-visible + span{outline:3px solid #719add;outline-offset:3px}
.packaging-finding-filter input:checked + span{
  border-color:rgba(214,69,69,.35);
  background:#fff3f3;
  color:var(--slacol-danger);
}
.packaging-filter-actions{
  display:flex;
  gap:8px;
  min-width:0;
}
.packaging-filter-actions .btn:first-child{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
.packaging-filter-actions .btn:last-child{flex:0 0 50px}
.packaging-filter-actions .btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.packaging-chart{height:290px}
.packaging-order-list{
  display:grid;
  gap:18px;
}
.packaging-order-card{
  padding:0;
  overflow:hidden;
}
.packaging-order-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,340px);
  align-items:center;
  gap:24px;
  padding:22px 24px;
  border-bottom:1px solid rgba(217,228,239,.92);
  background:
    radial-gradient(circle at 94% 0,rgba(42,79,150,.1),transparent 34%),
    linear-gradient(180deg,#fff,#f7faff);
}
.packaging-order-identity span,
.packaging-order-progress span{
  display:block;
  color:var(--slacol-steel);
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.packaging-order-identity h2{
  margin:4px 0;
  color:var(--slacol-navy);
  font-size:1.45rem;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}
.packaging-order-identity small{color:var(--slacol-steel)}
.packaging-order-progress > div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.packaging-order-progress strong{color:var(--slacol-blue);font-size:1.1rem}
.packaging-order-progress .progress,
.packaging-stage-progress .progress{
  height:8px;
  border-radius:999px;
  background:#e5ecf5;
}
.packaging-order-progress .progress-bar,
.packaging-stage-progress .progress-bar{
  border-radius:999px;
  background:linear-gradient(90deg,var(--slacol-blue),#4f7bc8);
}
.packaging-serial-list{
  display:grid;
}
.packaging-serial-row{
  display:grid;
  grid-template-columns:minmax(210px,1.05fr) minmax(170px,.8fr) minmax(170px,.8fr) minmax(190px,.8fr) auto;
  align-items:center;
  gap:18px;
  min-width:0;
  padding:18px 24px;
  border-bottom:1px solid rgba(217,228,239,.78);
}
.packaging-serial-row:last-child{border-bottom:0}
.packaging-serial-row:hover{background:rgba(244,248,253,.72)}
.packaging-serial-row.requires-classification{background:linear-gradient(90deg,rgba(255,248,235,.8),rgba(255,255,255,.88))}
.packaging-serial-row.requires-classification .packaging-serial-icon{color:#a86200;background:#fff0d5}
.packaging-serial-row.requires-classification .packaging-serial-id small b{color:#9a5a00}
.packaging-serial-id{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.packaging-template-code{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  min-width:58px;
  min-height:38px;
  padding:7px 10px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--slacol-blue),var(--slacol-blue-deep));
  color:#fff;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.09em;
}
.packaging-serial-icon,
.packaging-observation-icon{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:13px;
  background:linear-gradient(135deg,#edf4ff,#e4edfb);
  color:var(--slacol-blue-deep);
  font-size:1rem;
  box-shadow:inset 0 0 0 1px rgba(42,79,150,.1);
}
.packaging-observation-icon{background:#fff3e2;color:#b86a00;box-shadow:inset 0 0 0 1px rgba(234,144,20,.18)}
.packaging-serial-id > div{min-width:0}
.packaging-serial-id strong{
  display:block;
  color:var(--slacol-navy);
  font-size:1.05rem;
  overflow-wrap:anywhere;
}
.packaging-serial-id small,
.packaging-stage-progress span,
.packaging-serial-meta small{
  color:var(--slacol-steel);
  font-size:.76rem;
}
.packaging-serial-id small b{color:var(--slacol-blue-deep);font-weight:800}
.packaging-stage-progress{min-width:0}
.packaging-stage-progress span{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.packaging-stage-progress b{color:var(--slacol-navy)}
.packaging-serial-meta{
  display:grid;
  justify-items:start;
  gap:7px;
  min-width:0;
}
.packaging-open-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:94px;
}
.packaging-empty-state{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:48px 24px;
  text-align:center;
}
.packaging-empty-state > i{font-size:2.6rem;color:var(--slacol-blue)}
.packaging-empty-state h2,.packaging-empty-state p{margin:0}
.packaging-empty-state p{color:var(--slacol-steel)}
.packaging-observation-list{display:grid;gap:10px}
.packaging-observation-list > a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(217,228,239,.9);
  border-radius:16px;
  background:#f8fbff;
  color:var(--slacol-navy);
}
.packaging-observation-list > a:hover{border-color:rgba(42,79,150,.34);background:#f2f7ff}
.packaging-observation-list div{min-width:0}
.packaging-observation-list strong,.packaging-observation-list small{display:block}
.packaging-observation-list p{margin:3px 0;color:#4c6078;overflow-wrap:anywhere}
.packaging-observation-list small{color:var(--slacol-steel)}
.packaging-form-intro{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:20px;
  background:linear-gradient(135deg,#fff,#f3f7fd);
}
.packaging-form-intro.is-classification-required{border-color:rgba(236,157,34,.34);background:linear-gradient(135deg,#fffdf8,#f5f8fd)}
.packaging-form-intro.is-classification-required .packaging-form-icon{background:linear-gradient(135deg,#e69a22,#c87808);box-shadow:0 16px 30px rgba(198,120,8,.2)}
.packaging-classification-required{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(300px,1.28fr);
  align-items:stretch;
  gap:16px;
  padding:16px;
  border:1px solid rgba(42,79,150,.2);
  border-radius:18px;
  background:linear-gradient(135deg,#f8fbff,#eef4fd);
}
.packaging-classification-identity,
.packaging-classification-field{min-width:0;padding:16px;border:1px solid #d9e4ef;border-radius:15px;background:#fff}
.packaging-classification-identity{display:grid;align-content:center;gap:4px;border-left:4px solid #e69a22}
.packaging-classification-identity span{color:var(--slacol-steel);font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.packaging-classification-identity strong{color:var(--slacol-navy);font-size:1.05rem;overflow-wrap:anywhere}
.packaging-classification-identity small{color:#52677f;overflow-wrap:anywhere}
.packaging-classification-field .form-select{min-height:52px;border-radius:14px;font-weight:800}
.packaging-classification-field > small{display:flex;align-items:flex-start;gap:7px;margin-top:9px;color:#39705a;font-size:.68rem;font-weight:700}
.packaging-classification-field > small i{margin-top:1px;color:var(--slacol-success)}
.packaging-master-format{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:14px 16px;
  border:1px solid rgba(42,79,150,.16);
  border-left:4px solid var(--slacol-blue);
  border-radius:16px;
  background:linear-gradient(135deg,#f7faff,#edf4ff);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.packaging-master-format.is-ready{border-color:rgba(25,143,90,.32);border-left-color:#198f5a;background:linear-gradient(135deg,#f7fffb,#edf8f4);box-shadow:0 10px 26px rgba(25,143,90,.08)}
.packaging-master-format.is-ready > i{color:#198f5a}
.packaging-master-format > i{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#fff;
  color:var(--slacol-blue);
  font-size:1.1rem;
  box-shadow:0 8px 20px rgba(42,79,150,.1);
}
.packaging-master-format div{min-width:0}
.packaging-master-format span,
.packaging-master-format strong,
.packaging-master-format small{display:block;overflow-wrap:anywhere}
.packaging-master-format span{color:var(--slacol-steel);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.packaging-master-format strong{margin:2px 0;color:var(--slacol-navy);font-size:.95rem}
.packaging-master-format small{color:#597089;font-size:.72rem}
.packaging-equipment-preview{overflow:hidden;border:1px solid #d6e1ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(24,55,103,.06)}
.packaging-equipment-preview[hidden]{display:none}
.packaging-equipment-preview > summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 17px;color:var(--slacol-navy);cursor:pointer;list-style:none}
.packaging-equipment-preview > summary::-webkit-details-marker{display:none}
.packaging-equipment-preview > summary > span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}
.packaging-equipment-preview > summary > span i{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--slacol-blue);background:#edf4ff}
.packaging-equipment-preview > summary b{font-size:.84rem}
.packaging-equipment-preview > summary small{color:#78889d;font-size:.66rem}
.packaging-equipment-preview > summary > strong{padding:6px 10px;border-radius:999px;color:#087447;background:#e2f5eb;font-size:.68rem}
.packaging-equipment-preview > summary > i{transition:transform .18s ease}
.packaging-equipment-preview[open] > summary > i{transform:rotate(180deg)}
.packaging-equipment-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:390px;padding:0 17px 17px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.packaging-equipment-preview-grid article{min-width:0;padding:13px;border:1px solid #e0e8f2;border-radius:14px;background:#f8fafd}
.packaging-equipment-preview-grid h3{margin:0 0 9px;color:#173665;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.packaging-equipment-preview-grid article > div{display:flex;flex-wrap:wrap;gap:6px}
.packaging-equipment-preview-grid article span{max-width:100%;padding:5px 8px;border:1px solid #d6e1ef;border-radius:9px;color:#4e627d;background:#fff;font-size:.66rem;overflow-wrap:anywhere}
@media (max-width:720px){.packaging-equipment-preview-grid{grid-template-columns:1fr;max-height:460px}.packaging-equipment-preview > summary{grid-template-columns:minmax(0,1fr) auto}.packaging-equipment-preview > summary > i{display:none}}
.packaging-form-icon{
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  border-radius:22px;
  background:linear-gradient(135deg,var(--slacol-blue),var(--slacol-blue-deep));
  color:#fff;
  box-shadow:0 16px 30px rgba(42,79,150,.22);
}
.packaging-form-icon i{font-size:1.65rem}
.packaging-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.packaging-detail-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:24px 28px;
  background:
    radial-gradient(circle at 92% 10%,rgba(42,79,150,.14),transparent 28%),
    linear-gradient(135deg,#fff,#f5f9ff);
}
.packaging-detail-code{
  display:grid;
  place-items:center;
  width:90px;
  height:90px;
  border-radius:24px;
  background:linear-gradient(145deg,var(--slacol-blue),var(--slacol-blue-deep));
  color:#fff;
  box-shadow:0 18px 34px rgba(42,79,150,.24);
}
.packaging-detail-code span{font-size:1rem;font-weight:800;letter-spacing:.12em}
.packaging-detail-code i{font-size:1.4rem}
.packaging-detail-title{min-width:0}
.packaging-detail-title h2{
  margin:0;
  color:var(--slacol-navy);
  font-size:clamp(1.6rem,3vw,2.6rem);
  line-height:1.05;
  letter-spacing:-.05em;
  overflow-wrap:anywhere;
}
.packaging-detail-title > p:last-child{margin:8px 0 0;color:var(--slacol-steel)}
.packaging-equipment-type-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-right:8px;
  padding:5px 9px;
  border:1px solid rgba(42,79,150,.18);
  border-radius:999px;
  color:var(--slacol-blue-deep);
  background:#edf4ff;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
}
.packaging-detail-state{
  display:grid;
  justify-items:end;
  gap:4px;
}
.packaging-detail-state strong{font-size:2rem;color:var(--slacol-blue-deep);line-height:1}
.packaging-detail-state small{color:var(--slacol-steel)}
.packaging-stage-switcher{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr);
  align-items:center;
  gap:24px;
  padding:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 6% 0%,rgba(42,79,150,.1),transparent 34%),
    linear-gradient(135deg,#fff,#f5f9ff);
}
.packaging-stage-switcher-copy{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:15px;
  min-width:0;
}
.packaging-stage-switcher-copy > span{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:17px;
  background:linear-gradient(145deg,var(--slacol-blue),var(--slacol-blue-deep));
  color:#fff;
  font-size:1.2rem;
  box-shadow:0 13px 26px rgba(42,79,150,.2);
}
.packaging-stage-switcher-copy div{min-width:0}
.packaging-stage-switcher-copy h2{margin:0 0 5px;color:var(--slacol-navy);font-size:1.15rem}
.packaging-stage-switcher-copy p:last-child{margin:0;color:var(--slacol-steel);line-height:1.5}
.packaging-stage-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.packaging-stage-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:14px;
  border:1px solid #d6e1ef;
  border-radius:18px;
  background:rgba(255,255,255,.86);
  color:var(--slacol-navy);
  box-shadow:0 10px 24px rgba(15,31,53,.06);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.packaging-stage-option:hover{transform:translateY(-2px);border-color:rgba(42,79,150,.38);box-shadow:0 15px 30px rgba(42,79,150,.12)}
.packaging-stage-option.is-active{border-color:var(--slacol-blue);background:#fff;box-shadow:0 0 0 3px rgba(42,79,150,.09),0 16px 34px rgba(42,79,150,.14)}
.packaging-stage-option.reception.is-active{border-color:var(--slacol-success);box-shadow:0 0 0 3px rgba(22,129,87,.09),0 16px 34px rgba(22,129,87,.12)}
.packaging-stage-option-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#edf3ff;
  color:var(--slacol-blue);
  font-size:1.05rem;
}
.packaging-stage-option.reception .packaging-stage-option-icon{background:#eaf8f1;color:var(--slacol-success)}
.packaging-stage-option-copy{display:block;min-width:0}
.packaging-stage-option-copy small,.packaging-stage-option-copy strong,.packaging-stage-option-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.packaging-stage-option-copy small{color:var(--slacol-steel);font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.packaging-stage-option-copy strong{margin:2px 0;color:var(--slacol-navy);font-size:.92rem}
.packaging-stage-option-copy em{color:var(--slacol-steel);font-size:.66rem;font-style:normal}
.packaging-stage-option-progress{display:grid;justify-items:end;gap:5px;min-width:52px}
.packaging-stage-option-progress b{color:var(--slacol-blue-deep);font-size:.86rem}
.packaging-stage-option-progress i{display:block;width:52px;height:5px;border-radius:999px;background:#e4ebf4;overflow:hidden}
.packaging-stage-option-progress u{display:block;height:100%;border-radius:inherit;background:var(--slacol-blue);text-decoration:none}
.packaging-stage-option.reception .packaging-stage-option-progress u{background:var(--slacol-success)}
.packaging-work-context{
  position:static;
  top:auto;
  z-index:auto;
  padding:20px 22px;
  border:1px solid rgba(42,79,150,.2);
  box-shadow:0 18px 45px rgba(15,31,53,.12);
}
.packaging-active-actor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.packaging-active-actor-grid.is-single-stage{grid-template-columns:minmax(0,1fr)}
.packaging-active-actor-grid.is-single-stage > form,
.packaging-active-actor-grid.is-single-stage > article{width:100%;min-width:0}
.packaging-actor-readonly{
  min-width:0;
  padding:14px;
  border:1px solid rgba(217,228,239,.92);
  border-left:4px solid var(--slacol-success);
  border-radius:17px;
  background:#f9fcff;
}
.packaging-actor-readonly.packaging{border-left-color:var(--slacol-blue)}
.packaging-active-actor-grid > form{
  min-width:0;
  padding:14px;
  border:1px solid rgba(217,228,239,.92);
  border-left:4px solid var(--slacol-success);
  border-radius:17px;
  background:#f9fcff;
}
.packaging-active-actor-grid > form.packaging{border-left-color:var(--slacol-blue)}
.packaging-active-actor-grid .form-select{min-height:48px;border-radius:14px;font-weight:700}
.packaging-actor-state{
  display:grid;
  gap:2px;
  min-width:0;
  margin-bottom:11px;
}
.packaging-actor-state > span{
  color:var(--slacol-steel);
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.packaging-actor-state strong{color:var(--slacol-navy);font-size:1rem;overflow-wrap:anywhere}
.packaging-actor-state small{color:var(--slacol-steel);font-size:.7rem}
.packaging-actor-select-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
.packaging-actor-select-row .btn{min-height:48px;border-radius:14px}
.packaging-actor-save-state{display:block;min-height:18px;margin-top:7px;color:var(--slacol-success);font-size:.68rem;font-weight:700}
.packaging-team-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.packaging-team-chips span,
.packaging-actor-history div span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  background:#eaf2ff;
  color:var(--slacol-blue-deep);
  font-size:.69rem;
  font-weight:800;
  overflow-wrap:anywhere;
}
.packaging-team-chips span.is-active{
  background:var(--slacol-blue-deep);
  color:#fff;
  box-shadow:0 7px 16px rgba(42,79,150,.18);
}
.packaging-active-actor-grid .reception .packaging-team-chips span.is-active{background:var(--slacol-success);color:#fff}
.packaging-team-chips span b{
  padding:2px 5px;
  border-radius:999px;
  background:rgba(255,255,255,.2);
  color:inherit;
  font-size:.52rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.packaging-team-chips span.is-empty{background:#f1f4f8;color:var(--slacol-steel);font-weight:700}
.packaging-active-actor-grid .reception .packaging-team-chips span{background:#eaf8f1;color:#0f6846}
.packaging-general-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:14px;
  padding:13px 15px;
  border-radius:15px;
  background:#fff8e8;
  color:#6e4a10;
}
.packaging-general-note p{margin:3px 0 0;overflow-wrap:anywhere}
.packaging-component-groups{display:grid;gap:16px}
.packaging-checklist-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin:28px 2px 14px;
}
.packaging-checklist-heading > div{min-width:0}
.packaging-checklist-heading h2{margin:0;color:var(--slacol-navy);font-size:1.45rem}
.packaging-checklist-heading p:last-child{margin:5px 0 0;color:var(--slacol-steel)}
.packaging-checklist-heading > span{
  display:grid;
  justify-items:end;
  flex:0 0 auto;
  padding:10px 14px;
  border:1px solid #d7e3f1;
  border-radius:15px;
  background:#fff;
  box-shadow:0 9px 20px rgba(15,31,53,.06);
}
.packaging-checklist-heading > span strong{color:var(--slacol-blue-deep);font-size:1.05rem}
.packaging-checklist-heading > span small{color:var(--slacol-steel);font-size:.62rem}
.packaging-component-group{
  padding:0;
  overflow:hidden;
}
.packaging-component-group > summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(120px,auto) auto;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  cursor:pointer;
  list-style:none;
  background:linear-gradient(180deg,#fff,#f7faff);
}
.packaging-component-group > summary::-webkit-details-marker{display:none}
.packaging-component-group[open] > summary{border-bottom:1px solid rgba(217,228,239,.9)}
.packaging-group-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:rgba(42,79,150,.1);
  color:var(--slacol-blue);
}
.packaging-group-copy{min-width:0}
.packaging-group-copy span,
.packaging-group-stage span{
  display:block;
  color:var(--slacol-steel);
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.packaging-group-copy h2{margin:2px 0;color:var(--slacol-navy);font-size:1.18rem;overflow-wrap:anywhere}
.packaging-group-copy small{color:var(--slacol-steel)}
.packaging-group-stage{
  padding:8px 13px;
  border:1px solid rgba(217,228,239,.9);
  border-radius:13px;
  background:#fff;
}
.packaging-group-stage strong{color:var(--slacol-navy);font-size:.95rem}
.packaging-group-percent{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--slacol-blue);
}
.packaging-group-percent strong{font-size:1.2rem}
.packaging-component-group[open] .packaging-group-percent i{transform:rotate(180deg)}
.packaging-group-items{
  display:grid;
  gap:14px;
  padding:18px;
  background:rgba(240,245,251,.7);
}
.packaging-item-card{
  min-width:0;
  border:1px solid rgba(217,228,239,.94);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,31,53,.05);
  overflow:hidden;
  scroll-margin-top:190px;
}
.packaging-item-card > form{min-width:0}
.packaging-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid rgba(217,228,239,.85);
}
.packaging-item-head > div:first-child{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.packaging-item-number{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:14px;
  background:var(--slacol-navy);
  color:#fff;
  font-size:.74rem;
  font-weight:800;
}
.packaging-item-head h3{margin:2px 0 0;color:var(--slacol-navy);font-size:1.05rem;overflow-wrap:anywhere}
.packaging-item-head small{display:block;color:var(--slacol-steel);font-size:.7rem;overflow-wrap:anywhere}
.packaging-item-statuses{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.packaging-item-stage-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:16px 18px;
}
.packaging-item-stage-grid.is-single-stage{grid-template-columns:minmax(0,1fr)}
.packaging-stage-card{
  min-width:0;
  padding:16px;
  border:1px solid rgba(217,228,239,.94);
  border-top:4px solid #aeb9c7;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.packaging-stage-card.stage-reception.is-verified{border-top-color:var(--slacol-success)}
.packaging-stage-card.stage-packaging.is-verified{border-top-color:var(--slacol-blue)}
.packaging-stage-card > header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:13px;
}
.packaging-stage-title{display:flex;align-items:center;gap:9px;min-width:0}
.packaging-stage-title > span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:12px;
  background:#edf3fb;
  color:var(--slacol-blue);
}
.packaging-stage-title > span.is-complete{
  background:#e7f8ef;
  color:#0c8b58;
  box-shadow:0 0 0 5px rgba(22,129,87,.08);
}
.packaging-stage-title > span.is-complete i{font-size:1.1rem;font-weight:900}
.stage-reception .packaging-stage-title > span{background:#eaf8f1;color:var(--slacol-success)}
.stage-reception .packaging-stage-title > span.is-complete,
.stage-packaging .packaging-stage-title > span.is-complete{background:#e7f8ef;color:#0c8b58}
.packaging-stage-title strong,.packaging-stage-title small{display:block}
.packaging-stage-title small{color:var(--slacol-steel);font-size:.66rem}
.packaging-verification-proof{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:11px;
  min-width:0;
  margin-bottom:13px;
  padding:11px 12px;
  border:1px solid #dbe5ef;
  border-radius:14px;
  background:#f5f8fc;
}
.packaging-verification-proof.is-complete{
  border-color:rgba(22,129,87,.25);
  background:linear-gradient(135deg,#edfaf4,#f8fffb);
}
.packaging-verification-proof-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#e7edf4;
  color:#8a99aa;
  font-size:1.05rem;
}
.packaging-verification-proof.is-complete .packaging-verification-proof-icon{
  background:#d9f4e7;
  color:#0c8b58;
}
.packaging-verification-proof div{min-width:0}
.packaging-verification-proof small,
.packaging-verification-proof strong,
.packaging-verification-proof div > span{display:block;overflow-wrap:anywhere}
.packaging-verification-proof small{color:var(--slacol-steel);font-size:.61rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.packaging-verification-proof strong{margin:1px 0;color:var(--slacol-navy);font-size:.78rem}
.packaging-verification-proof div > span{color:var(--slacol-steel);font-size:.65rem}
.packaging-mark-list{
  min-width:0;
  margin:0 0 14px;
  padding:12px;
  border:1px solid #dbe5ef;
  border-radius:15px;
  background:#f7faff;
}
.packaging-mark-list.is-empty{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--slacol-steel);
  font-size:.72rem;
}
.packaging-mark-list.is-empty i{color:#91a0b3;font-size:1rem}
.packaging-mark-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.packaging-mark-list-head span{color:var(--slacol-steel);font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.packaging-mark-list-head strong{
  display:grid;
  place-items:center;
  min-width:27px;
  height:27px;
  padding:0 7px;
  border-radius:999px;
  background:var(--slacol-navy);
  color:#fff;
  font-size:.68rem;
}
.packaging-mark-rows{display:grid;gap:7px}
.packaging-mark-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:9px 10px;
  border:1px solid #dce6f1;
  border-radius:13px;
  background:#fff;
}
.packaging-mark-row.is-current{border-color:rgba(42,79,150,.38);box-shadow:0 0 0 3px rgba(42,79,150,.07)}
.packaging-mark-check{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:10px;
  background:#dcf5e9;
  color:#0b8655;
  font-size:.9rem;
  font-weight:900;
}
.packaging-mark-copy{min-width:0}
.packaging-mark-copy strong,.packaging-mark-copy small{display:block;min-width:0;overflow-wrap:anywhere}
.packaging-mark-copy strong{color:var(--slacol-navy);font-size:.76rem}
.packaging-mark-copy strong b{
  display:inline-flex;
  margin-left:7px;
  padding:2px 6px;
  border-radius:999px;
  background:#eaf2ff;
  color:var(--slacol-blue);
  font-size:.52rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.packaging-mark-copy small{margin-top:1px;color:var(--slacol-steel);font-size:.62rem}
.packaging-mark-copy p{
  display:-webkit-box;
  margin:4px 0 0;
  overflow:hidden;
  color:#486079;
  font-size:.68rem;
  line-height:1.4;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.packaging-verify-toggle{display:block;cursor:pointer;margin-bottom:13px}
.packaging-verify-toggle input{position:absolute;opacity:0;pointer-events:none}
.packaging-verify-toggle > span{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:10px;
  align-items:center;
  min-height:58px;
  padding:10px 12px;
  border:1px dashed rgba(42,79,150,.24);
  border-radius:14px;
  background:#f5f8fd;
}
.packaging-verify-toggle i{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:2px solid #aeb9c7;
  border-radius:10px;
  color:transparent;
}
.packaging-verify-toggle b{color:#53657c;font-size:.82rem}
.packaging-verify-toggle small{color:var(--slacol-steel);font-size:.66rem}
.packaging-verify-toggle input:checked + span{
  border-style:solid;
  border-color:rgba(22,129,87,.26);
  background:#edf9f3;
}
.stage-packaging .packaging-verify-toggle input:checked + span{border-color:rgba(42,79,150,.28);background:#edf3ff}
.packaging-verify-toggle input:checked + span i{border-color:var(--slacol-success);background:var(--slacol-success);color:#fff}
.stage-packaging .packaging-verify-toggle input:checked + span i{border-color:var(--slacol-blue);background:var(--slacol-blue)}
.packaging-stage-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.packaging-stage-fields > div{min-width:0}
.packaging-stage-fields > div:not(:first-child){grid-column:1 / -1}
.packaging-stage-fields .form-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slacol-steel)}
.packaging-stage-fields .form-control,.packaging-stage-fields .form-select{border-radius:13px;min-width:0}
.packaging-stage-fields textarea{resize:vertical}
.packaging-actor-history{margin-top:12px;padding-top:11px;border-top:1px dashed var(--slacol-line)}
.packaging-actor-history > span{display:block;margin-bottom:7px;color:var(--slacol-steel);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.packaging-actor-history > div{display:flex;flex-wrap:wrap;gap:6px}
.packaging-actor-history div span.is-latest{background:#e7f8ef;color:#0c744d}
.packaging-actor-history div span b{
  margin-left:2px;
  padding:2px 5px;
  border-radius:999px;
  background:#fff;
  color:#0c744d;
  font-size:.54rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.packaging-evidence-list{display:grid;gap:7px;margin-top:12px}
.packaging-evidence-list > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(217,228,239,.86);
  border-radius:12px;
  background:#fff;
}
.packaging-evidence-copy{display:flex;align-items:center;gap:8px;min-width:0}
.packaging-evidence-copy > i{flex:0 0 auto;color:var(--slacol-blue)}
.packaging-evidence-copy span{min-width:0}
.packaging-evidence-copy strong,.packaging-evidence-copy small{display:block;overflow-wrap:anywhere;word-break:break-word}
.packaging-evidence-copy strong{font-size:.72rem;color:var(--slacol-navy)}
.packaging-evidence-copy small{font-size:.62rem;color:var(--slacol-steel)}
.packaging-evidence-list .file-action-group{flex:0 0 auto}
.packaging-stage-update{display:block;margin-top:10px;color:var(--slacol-steel);font-size:.65rem}
.packaging-stage-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid rgba(217,228,239,.85);
}
.packaging-stage-actions > div{display:grid;min-width:0;gap:3px}
.packaging-stage-actions [data-packaging-review-count]{display:flex;align-items:center;gap:7px;color:var(--slacol-steel);font-size:.68rem}
.packaging-stage-actions [data-packaging-review-count] i{color:var(--slacol-success)}
.packaging-stage-actions [data-packaging-save-state]{display:block;min-height:1rem;max-width:62ch;color:var(--slacol-steel);font-size:.64rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.packaging-stage-actions [data-packaging-save-state].is-saving{color:var(--slacol-blue)}
.packaging-stage-actions [data-packaging-save-state].is-saved{color:var(--slacol-success)}
.packaging-stage-actions [data-packaging-save-state].is-error{color:var(--slacol-danger)}
.packaging-item-card footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 18px;
  border-top:1px solid rgba(217,228,239,.85);
  background:#fbfdff;
}
.packaging-item-card footer > span{display:flex;align-items:center;gap:7px;color:var(--slacol-steel);font-size:.72rem}
.packaging-item-card footer > span i{color:var(--slacol-success)}
.packaging-audit-timeline{display:grid;gap:14px;max-height:440px;overflow-y:auto;padding:6px 8px 6px 4px;scrollbar-width:thin}
.packaging-audit-timeline > div{display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px;min-width:0}
.packaging-audit-timeline .dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--slacol-blue);box-shadow:0 0 0 5px rgba(42,79,150,.1)}
.packaging-audit-timeline strong,.packaging-audit-timeline small{display:block}
.packaging-audit-timeline p{margin:3px 0;color:#496079;overflow-wrap:anywhere}
.packaging-audit-timeline small{color:var(--slacol-steel)}
.packaging-closing-panel{
  padding:0;
  overflow:hidden;
  border:1px solid rgba(42,79,150,.18);
  background:linear-gradient(145deg,#fff,#f5f9ff);
}
.packaging-closing-intro{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:20px 22px;
  border-bottom:1px solid rgba(217,228,239,.9);
}
.packaging-closing-intro > span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:var(--slacol-navy);
  color:#fff;
  font-size:1.05rem;
}
.packaging-closing-intro > div{min-width:0}
.packaging-closing-intro h2{margin:0;color:var(--slacol-navy);font-size:1.2rem}
.packaging-closing-intro p:last-child{margin:4px 0 0;color:var(--slacol-steel)}
.packaging-closing-state{display:grid;justify-items:end;gap:6px}
.packaging-closing-state small{color:var(--slacol-steel);font-size:.68rem;white-space:nowrap}
.packaging-closing-form{padding:20px 22px}
.packaging-closing-form textarea{min-height:110px;border-radius:15px;resize:vertical}
.packaging-closing-form > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
}
.packaging-closing-form > div small{color:var(--slacol-steel)}
.packaging-closing-form > div small i{color:var(--slacol-success)}
.packaging-closing-readonly{margin:20px 22px;padding:16px;border:1px solid #dbe5ef;border-radius:16px;background:#fff}
.packaging-closing-readonly span{color:var(--slacol-steel);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.packaging-closing-readonly p{margin:7px 0 0;color:var(--slacol-navy);overflow-wrap:anywhere}

@media (max-width: 1500px){
  .packaging-kpi-grid,.packaging-detail-kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
  .packaging-serial-row{grid-template-columns:minmax(210px,1.1fr) minmax(160px,.8fr) minmax(160px,.8fr) auto}
  .packaging-serial-meta{grid-column:1 / 4;grid-row:2;display:flex;align-items:center}
  .packaging-open-btn{grid-column:4;grid-row:1 / 3}
}
@media (max-width: 1200px){
  .packaging-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .packaging-finding-filter,.packaging-filter-actions{align-self:end}
  .packaging-serial-row{grid-template-columns:minmax(190px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto}
  .packaging-item-stage-grid{grid-template-columns:1fr}
  .packaging-work-context{position:static;top:auto;z-index:auto}
  .packaging-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .packaging-stage-switcher{grid-template-columns:1fr}
}
@media (max-width: 992px){
  .packaging-hero{grid-template-columns:1fr}
  .packaging-hero-pulse{min-width:0;width:100%}
  .packaging-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .packaging-order-head{grid-template-columns:1fr}
  .packaging-serial-row{grid-template-columns:1fr 1fr}
  .packaging-serial-id{grid-column:1 / -1}
  .packaging-serial-meta{grid-column:1;grid-row:auto}
  .packaging-open-btn{grid-column:2;grid-row:auto;justify-self:end}
  .packaging-active-actor-grid{grid-template-columns:1fr}
  .packaging-component-group > summary{grid-template-columns:auto minmax(0,1fr) auto}
  .packaging-group-stage{display:none}
  .packaging-detail-hero{grid-template-columns:auto minmax(0,1fr)}
  .packaging-detail-state{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-start}
}
@media (max-width: 680px){
  .packaging-hero,.packaging-detail-hero{padding:20px}
  .packaging-kpi-grid,.packaging-detail-kpis,.packaging-filter-grid{grid-template-columns:1fr}
  .packaging-kpi{min-height:112px}
  .packaging-filter-actions .btn:first-child{flex:1}
  .packaging-order-head,.packaging-serial-row{padding:17px}
  .packaging-serial-row{grid-template-columns:1fr}
  .packaging-stage-progress,.packaging-serial-meta,.packaging-open-btn{grid-column:1;justify-self:stretch}
  .packaging-open-btn{width:100%}
  .packaging-form-intro{grid-template-columns:1fr}
  .packaging-form-icon{width:56px;height:56px;border-radius:18px}
  .packaging-classification-required{grid-template-columns:1fr;padding:12px}
  .packaging-classification-identity,.packaging-classification-field{padding:13px}
  .packaging-form-actions{flex-direction:column-reverse}
  .packaging-form-actions .btn{width:100%}
  .packaging-detail-hero{grid-template-columns:1fr;text-align:center}
  .packaging-detail-code{margin:auto;width:76px;height:76px}
  .packaging-detail-state{justify-content:center}
  .packaging-stage-switcher{padding:16px}
  .packaging-stage-switcher-copy{grid-template-columns:1fr;text-align:center}
  .packaging-stage-switcher-copy > span{margin:auto}
  .packaging-stage-options{grid-template-columns:1fr}
  .packaging-work-context{padding:14px;box-shadow:0 10px 26px rgba(15,31,53,.09)}
  .packaging-work-context .panel-header{align-items:flex-start;flex-direction:column;gap:9px}
  .packaging-work-context .panel-header > .status-pill{align-self:flex-start}
  .packaging-active-actor-grid > form,.packaging-actor-readonly{padding:12px;border-radius:14px}
  .packaging-actor-state{margin-bottom:8px}
  .packaging-team-chips{flex-wrap:nowrap;max-width:100%;padding:1px 0 5px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .packaging-team-chips span{flex:0 0 auto}
  .packaging-checklist-heading{align-items:stretch;flex-direction:column}
  .packaging-checklist-heading > span{justify-items:start}
  .packaging-component-group > summary{grid-template-columns:auto minmax(0,1fr) auto;padding:15px}
  .packaging-group-icon{width:42px;height:42px}
  .packaging-group-percent strong{display:none}
  .packaging-group-items{padding:10px}
  .packaging-item-head{align-items:flex-start;flex-direction:column;padding:14px}
  .packaging-item-statuses{justify-content:flex-start}
  .packaging-item-stage-grid{padding:10px}
  .packaging-stage-card{padding:13px}
  .packaging-stage-card > header{align-items:flex-start;flex-direction:column}
  .packaging-stage-fields{grid-template-columns:1fr}
  .packaging-stage-fields > div{grid-column:1 !important}
  .packaging-actor-select-row{grid-template-columns:1fr}
  .packaging-actor-select-row .btn{width:100%}
  .packaging-stage-actions{align-items:stretch;flex-direction:column}
  .packaging-stage-actions .btn{width:100%}
  .packaging-evidence-list > div{align-items:flex-start;flex-direction:column}
  .packaging-mark-row{grid-template-columns:auto minmax(0,1fr)}
  .packaging-mark-row > .status-pill{grid-column:2;justify-self:start}
  .packaging-mark-copy strong b{display:flex;width:max-content;max-width:100%;margin:4px 0 0}
  .packaging-item-card footer{align-items:stretch;flex-direction:column;padding:13px}
  .packaging-item-card footer .btn{width:100%}
  .packaging-item-card{scroll-margin-top:24px}
  .packaging-closing-intro{grid-template-columns:1fr;text-align:center}
  .packaging-closing-intro > span{margin:auto}
  .packaging-closing-state{justify-items:center}
  .packaging-closing-state small{white-space:normal}
  .packaging-closing-form{padding:17px}
  .packaging-closing-form > div{align-items:stretch;flex-direction:column}
  .packaging-closing-form .btn{width:100%}
}

.vehicle-review-access-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid #c9d9f1;
  background:linear-gradient(125deg,#fff 0%,#f5f9ff 62%,#edf4ff 100%);
}
.vehicle-review-access-copy{display:flex;align-items:center;gap:16px;min-width:0}
.vehicle-review-access-copy h2{margin:0 0 5px;color:#14274a;font-size:1.08rem;font-weight:800}
.vehicle-review-access-copy p{max-width:760px;margin:0;color:#6b7b94;line-height:1.55}
.vehicle-review-access-icon{
  display:grid;
  place-items:center;
  flex:0 0 52px;
  width:52px;
  height:52px;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(145deg,#214b90,#3f78cf);
  box-shadow:0 12px 24px rgba(33,75,144,.2);
}
.vehicle-review-access-switch{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  min-width:225px;
  padding:12px 16px;
  border:1px solid #cddaf0;
  border-radius:16px;
  background:#fff;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(30,62,112,.08);
}
.vehicle-review-access-switch .form-check-input{flex:0 0 auto;width:2.55rem;height:1.35rem;margin:0;cursor:pointer}
.vehicle-review-access-switch span{display:flex;min-width:0;flex-direction:column}
.vehicle-review-access-switch b{color:#17325f;font-size:.92rem}
.vehicle-review-access-switch small{color:#8190a5;font-size:.72rem}
.vehicle-review-access-control{display:flex;align-items:center;gap:7px;min-width:150px}
.vehicle-review-access-toggle{display:flex;align-items:center;gap:8px;min-width:0;margin:0;cursor:pointer}
.vehicle-review-access-toggle .form-check-input{flex:0 0 auto;width:2rem;height:1.08rem;margin:0;cursor:pointer}
.vehicle-review-access-toggle span{display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;min-width:0}
.vehicle-review-access-toggle i{grid-row:1 / span 2;color:#2d5da7}
.vehicle-review-access-toggle b{color:#18315a;font-size:.78rem;line-height:1.1}
.vehicle-review-access-toggle small{color:#8996a9;font-size:.65rem;line-height:1.1}
.packaging-actor-readonly{display:flex;min-width:0;flex-direction:column;gap:16px;padding:18px;border:1px solid #d5e0ef;border-radius:18px;background:#f8fbff}
.packaging-stage-card.is-read-only{cursor:default}
.packaging-review-details{display:grid;grid-template-columns:minmax(130px,.65fr) repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.packaging-review-details > div{min-width:0;padding:12px 14px;border:1px solid #d9e3f1;border-radius:14px;background:#fff}
.packaging-review-details span{display:block;margin-bottom:5px;color:#8593a8;font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.packaging-review-details strong{color:#17335f;font-size:.86rem}
.packaging-review-details p{margin:0;color:#41536c;font-size:.8rem;line-height:1.45;overflow-wrap:anywhere}

@media (max-width: 760px){
  .vehicle-review-access-card{align-items:stretch;flex-direction:column;padding:20px}
  .vehicle-review-access-copy{align-items:flex-start}
  .vehicle-review-access-switch{width:100%;min-width:0}
  .vehicle-review-access-control{justify-content:flex-end}
  .packaging-review-details{grid-template-columns:1fr}
}

.reviewer-menu-heading{display:flex;flex-direction:column;gap:2px;margin:12px 10px 2px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.065)}
.reviewer-menu-heading span{color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.reviewer-menu-heading small{color:#c8d8f2;font-size:.68rem}
.sidebar-nav-section{display:block;margin:17px 13px 6px;color:#9fb7dc;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.review-access-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(420px,.8fr);gap:28px;align-items:center;padding:30px 32px;border:1px solid #cbdaf0;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(63,120,207,.18),transparent 31%),linear-gradient(125deg,#fff 0%,#f5f9ff 58%,#e9f1fc 100%);box-shadow:0 22px 45px rgba(24,55,101,.11)}
.review-access-hero h2{max-width:760px;margin:4px 0 10px;color:#10264b;font-size:clamp(1.65rem,2.4vw,2.55rem);font-weight:800;letter-spacing:-.045em}
.review-access-hero > div > p:last-child{max-width:780px;margin:0;color:#63758f;line-height:1.65}
.review-access-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}
.review-access-metrics > div{min-width:0;padding:17px 16px;border:1px solid rgba(191,208,234,.92);border-top:4px solid #2b5aa4;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 12px 25px rgba(37,74,128,.08)}
.review-access-metrics > div:nth-child(2){border-top-color:#4a78c5}
.review-access-metrics > div:nth-child(3){border-top-color:#198f5a}
.review-access-metrics span{display:block;color:#8290a4;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.review-access-metrics strong{display:block;margin-top:7px;color:#132a50;font-size:1.25rem;overflow-wrap:anywhere}
.review-account-selector{padding:22px 24px}
.review-account-summary{display:flex;align-items:center;gap:13px;min-height:52px;padding:9px 14px;border:1px solid #d5e0ef;border-radius:16px;background:#f7faff}
.review-account-summary > div{display:flex;min-width:0;flex-direction:column}
.review-account-summary strong,.review-account-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review-account-summary strong{color:#15315e;font-size:.9rem}
.review-account-summary small{color:#7a899d;font-size:.73rem}
.review-account-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#244f96,#4279cb);font-weight:800}
.review-account-active{display:block;margin:0;cursor:pointer}
.review-account-active input{position:absolute;opacity:0;pointer-events:none}
.review-account-active span{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;min-height:65px;padding:11px 14px;border:1px solid #d6e0ee;border-radius:16px;background:#f7f9fc;transition:.2s ease}
.review-account-active i{display:grid;grid-row:1 / span 2;place-items:center;width:42px;height:42px;border-radius:13px;color:#8795a8;background:#e8edf4;font-size:1.15rem}
.review-account-active strong{color:#293a54;font-size:.86rem}
.review-account-active small{color:#7e8ca0;font-size:.7rem}
.review-account-active input:checked + span{border-color:#9bd5bb;background:#effaf5;box-shadow:0 8px 20px rgba(25,143,90,.1)}
.review-account-active input:checked + span i{color:#fff;background:#198f5a}
.review-presets{display:flex;flex-direction:column;gap:8px}
.review-presets > span{color:#718198;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.review-presets > div{display:flex;flex-wrap:wrap;gap:6px}
.review-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.review-access-section{display:flex;grid-column:1/-1;align-items:center;gap:14px;margin:16px 0 0}
.review-access-section:first-child{margin-top:0}
.review-access-section span{color:#274d89;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.review-access-section i{height:1px;flex:1;background:linear-gradient(90deg,#c8d8ef,transparent)}
.review-access-card{position:relative;overflow:hidden;padding:22px;border:1px solid #d8e1ef;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 13px 28px rgba(26,58,104,.075);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.review-access-card::before{position:absolute;inset:0 auto 0 0;width:4px;background:#cbd5e2;content:"";transition:.2s ease}
.review-access-card.is-enabled{border-color:#bad0ef;box-shadow:0 17px 34px rgba(35,79,145,.12)}
.review-access-card.is-enabled::before{background:linear-gradient(#285aa6,#4c82d1)}
.review-access-card-head{display:grid;grid-template-columns:50px minmax(0,1fr) 38px;gap:14px;align-items:start}
.review-access-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:#59708f;background:#edf2f8;font-size:1.18rem;transition:.2s ease}
.review-access-card.is-enabled .review-access-icon{color:#fff;background:linear-gradient(145deg,#244f96,#4279cb);box-shadow:0 10px 20px rgba(36,79,150,.18)}
.review-access-card h3{margin:1px 0 5px;color:#182d50;font-size:1rem;font-weight:800}
.review-access-card p{margin:0;color:#7a899f;font-size:.76rem;line-height:1.5}
.review-module-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cdd9ea;border-radius:12px;color:#2c5da8;background:#fff;transition:.2s ease}
.review-module-toggle:hover{border-color:#2f65b6;color:#fff;background:#2f65b6}
.review-capability-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #e5ebf3}
.review-capability{margin:0;cursor:pointer}
.review-capability input{position:absolute;opacity:0;pointer-events:none}
.review-capability span{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid #d6e0ed;border-radius:11px;color:#65758c;background:#f8fafc;font-size:.72rem;font-weight:700;transition:.18s ease}
.review-capability input:checked + span{border-color:#b5ccef;color:#234f92;background:#eef5ff;box-shadow:0 5px 13px rgba(35,79,146,.08)}
.review-capability.primary-capability input:checked + span{border-color:#2c5da8;color:#fff;background:#2c5da8}
.review-capability span i{font-size:.78rem}
.review-vehicle-scope{position:relative;overflow:hidden;padding:26px;background:radial-gradient(circle at 94% 5%,rgba(60,117,204,.14),transparent 32%),linear-gradient(135deg,#fff,#f5f9ff)}
.review-vehicle-scope::before{position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#285aa6,#4d83d2);content:""}
.review-vehicle-scope-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:20px}
.review-vehicle-scope-head h2{margin:2px 0 6px;color:#142c54;font-size:1.28rem;font-weight:800;letter-spacing:-.025em}
.review-vehicle-scope-head p:last-child{max-width:820px;margin:0;color:#718199;font-size:.8rem;line-height:1.55}
.review-vehicle-scope-head > span{display:grid;justify-items:end;min-width:110px;padding:12px 15px;border:1px solid #ccdaed;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(28,63,114,.08)}
.review-vehicle-scope-head > span strong{color:#25569f;font-size:1.45rem;line-height:1}
.review-vehicle-scope-head > span small{margin-top:4px;color:#7d8ca0;font-size:.66rem}
.review-vehicle-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:14px;margin-bottom:16px}
.review-vehicle-toolbar > label{position:relative;display:block;margin:0}
.review-vehicle-toolbar > label i{position:absolute;z-index:1;top:50%;left:16px;color:#52729f;transform:translateY(-50%)}
.review-vehicle-toolbar .form-control{min-height:48px;padding-left:43px;border-radius:15px;background:#fff}
.review-vehicle-toolbar > div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.review-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-height:430px;padding:2px 4px 4px 2px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.review-vehicle-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;margin:0;padding:14px;border:1px solid #d7e1ee;border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 8px 18px rgba(29,61,108,.055);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.review-vehicle-option:hover{transform:translateY(-1px);border-color:#9eb9df;box-shadow:0 12px 24px rgba(31,70,126,.1)}
.review-vehicle-option[hidden]{display:none}
.review-vehicle-option input{position:absolute;opacity:0;pointer-events:none}
.review-vehicle-option.is-enabled{border-color:#9fc8b6;background:#f2fbf7;box-shadow:0 10px 22px rgba(25,143,90,.09)}
.review-vehicle-check{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;color:#77889f;background:#edf1f6;font-size:.9rem}
.review-vehicle-option.is-enabled .review-vehicle-check{color:#fff;background:#198f5a;box-shadow:0 7px 15px rgba(25,143,90,.2)}
.review-vehicle-copy{display:flex;min-width:0;flex-direction:column}
.review-vehicle-copy strong{color:#17335f;font-size:.91rem;letter-spacing:.025em}
.review-vehicle-copy small,.review-vehicle-copy em{overflow:hidden;color:#75859b;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}
.review-vehicle-copy em{margin-top:2px;color:#909caf;font-style:normal}
.review-vehicle-option > b{padding:5px 8px;border-radius:999px;color:#77869a;background:#edf1f5;font-size:.61rem}
.review-vehicle-option.is-enabled > b{color:#087447;background:#dcf4e8}
.review-vehicle-empty{display:grid;grid-column:1/-1;justify-items:center;gap:5px;padding:34px;color:#77879d;text-align:center}
.review-vehicle-empty i{font-size:1.8rem;color:#3f70b8}
.review-vehicle-empty strong{color:#1c3965}
.review-vehicle-empty span{font-size:.74rem}
.review-access-savebar{position:sticky;z-index:12;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:17px 20px;border:1px solid rgba(180,200,231,.95);border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(20,53,101,.19);backdrop-filter:blur(16px)}
.review-access-savebar > div{display:flex;min-width:0;flex-direction:column}
.review-access-savebar strong{color:#17315c;font-size:.88rem}
.review-access-savebar span{color:#7a899e;font-size:.73rem}
.review-access-log-list{display:grid;gap:12px}
.review-access-log{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #dde5f0;border-radius:14px;background:#f9fbfe}
.review-access-log .dot{flex:0 0 9px;width:9px;height:9px;margin-top:6px;border-radius:50%;background:#3470c7;box-shadow:0 0 0 5px #e7f0fc}
.review-access-log strong{display:block;color:#213a64;font-size:.8rem}
.review-access-log p{margin:3px 0 0;color:#8592a4;font-size:.7rem}
.reviewer-home-hero{padding:32px;border:1px solid #cbdaf0;border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(60,117,204,.2),transparent 34%),linear-gradient(130deg,#fff,#eef5ff);box-shadow:0 20px 42px rgba(24,56,103,.1)}
.reviewer-home-hero h2{margin:4px 0 8px;color:#11294f;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;letter-spacing:-.045em}
.reviewer-home-hero p:last-child{max-width:760px;margin:0;color:#6d7e95}
.reviewer-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.reviewer-home-card{display:grid;grid-template-columns:50px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:130px;padding:20px;border:1px solid #d4e0f0;border-radius:21px;color:inherit;background:#fff;box-shadow:0 13px 28px rgba(30,64,113,.08);text-decoration:none;transition:.2s ease}
.reviewer-home-card:hover{transform:translateY(-3px);border-color:#8fb0df;box-shadow:0 19px 36px rgba(30,70,130,.15)}
.reviewer-home-card > span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#244f96,#4279cb);font-size:1.15rem}
.reviewer-home-card strong{display:block;margin-bottom:5px;color:#17315b;font-size:.92rem}
.reviewer-home-card p{margin:0;color:#7e8da2;font-size:.73rem;line-height:1.45}
.reviewer-home-card > i{color:#3e70ba}

@media (max-width:1200px){
  .review-access-hero{grid-template-columns:1fr}
  .review-access-metrics{max-width:900px;grid-template-columns:repeat(4,minmax(120px,1fr))}
  .review-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reviewer-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .review-access-grid{grid-template-columns:1fr}
  .reviewer-home-grid{grid-template-columns:1fr}
  .review-access-savebar{align-items:stretch;flex-direction:column}
  .review-access-savebar .btn{width:100%}
  .review-vehicle-toolbar{grid-template-columns:1fr}
  .review-vehicle-toolbar > div{justify-content:stretch}
  .review-vehicle-toolbar .btn{flex:1}
}
@media (max-width:560px){
  .review-access-hero,.reviewer-home-hero{padding:22px 19px;border-radius:22px}
  .review-access-metrics{grid-template-columns:1fr}
  .review-access-card{padding:18px}
  .review-access-card-head{grid-template-columns:44px minmax(0,1fr) 36px;gap:10px}
  .review-access-icon{width:44px;height:44px}
  .review-capability-grid{display:grid;grid-template-columns:1fr 1fr}
  .review-capability span{height:100%}
  .review-account-selector{padding:18px}
  .review-vehicle-scope{padding:20px 16px}
  .review-vehicle-scope-head{grid-template-columns:1fr;gap:12px}
  .review-vehicle-scope-head > span{justify-items:start;width:100%}
  .review-vehicle-grid{grid-template-columns:1fr;max-height:520px}
  .review-vehicle-option{grid-template-columns:auto minmax(0,1fr)}
  .review-vehicle-option > b{grid-column:2;justify-self:start}
}

.packaging-serial-row.is-deleted{
  background:linear-gradient(90deg,rgba(255,243,243,.88),rgba(250,252,255,.92));
}
.packaging-serial-row.is-deleted .packaging-serial-icon{color:#a83b3b;background:#fde8e8}
.packaging-serial-row.is-deleted .packaging-stage-progress{opacity:.72}
.packaging-upload-field{
  padding:14px;
  border:1px dashed #bfd0e6;
  border-radius:15px;
  background:linear-gradient(145deg,#f8fbff,#f1f6fd);
}
.packaging-upload-field .form-control{background:#fff}
.packaging-upload-field > small{display:block;margin-top:7px;line-height:1.45}
.packaging-selected-files{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #c9d9ee;
  border-radius:12px;
  color:#345274;
  background:#fff;
}
.packaging-selected-files strong{display:block;color:#1e4e91;font-size:.7rem}
.packaging-selected-files ul{display:grid;gap:3px;margin:7px 0 0;padding-left:18px}
.packaging-selected-files li{font-size:.66rem;line-height:1.35;overflow-wrap:anywhere}
.packaging-archive-banner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border:1px solid #efbcbc;
  border-left:5px solid var(--slacol-danger);
  border-radius:20px;
  background:linear-gradient(135deg,#fff7f7,#fff);
  box-shadow:0 14px 30px rgba(155,48,48,.08);
}
.packaging-archive-banner > span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:var(--slacol-danger);font-size:1.1rem}
.packaging-archive-banner strong{display:block;color:#7f2525;font-size:.9rem}
.packaging-archive-banner p{margin:3px 0;color:#6d3e45;font-size:.76rem;line-height:1.5;overflow-wrap:anywhere}
.packaging-archive-banner small{color:#8b6970;font-size:.68rem}
.packaging-audit-panel{overflow:hidden;padding:0}
.packaging-audit-panel > .panel-header{padding:20px 22px 16px;border-bottom:1px solid #e1e9f3}
.packaging-audit-result{display:flex;align-items:baseline;gap:5px;padding:8px 12px;border:1px solid #cfdaea;border-radius:12px;color:#738299;background:#f7faff;font-size:.68rem;white-space:nowrap}
.packaging-audit-result strong{color:var(--slacol-blue);font-size:1rem}
.packaging-audit-filter{
  display:grid;
  grid-template-columns:minmax(190px,1fr) minmax(160px,.8fr) minmax(145px,.65fr) minmax(145px,.65fr) auto;
  align-items:end;
  gap:12px;
  padding:16px 22px;
  border-bottom:1px solid #e1e9f3;
  background:#f7faff;
}
.packaging-audit-filter > div{min-width:0}
.packaging-audit-filter .form-label{font-size:.65rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--slacol-steel)}
.packaging-audit-filter .form-control,.packaging-audit-filter .form-select{min-height:45px;border-radius:13px;background:#fff}
.packaging-audit-filter-actions{display:flex;gap:7px}
.packaging-audit-filter-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px}
.packaging-audit-timeline{gap:10px;max-height:560px;padding:18px 22px;scrollbar-gutter:stable;overscroll-behavior:contain}
.packaging-audit-entry{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:13px;
  min-width:0;
  padding:14px;
  border:1px solid #dbe5f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 16px rgba(30,61,103,.045);
}
.packaging-audit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#285ba6;background:#eaf2ff}
.packaging-audit-entry.tone-green .packaging-audit-icon{color:#08774b;background:#e4f7ee}
.packaging-audit-entry.tone-red .packaging-audit-icon{color:#b93434;background:#fee9e9}
.packaging-audit-entry.tone-orange .packaging-audit-icon{color:#a96000;background:#fff1d9}
.packaging-audit-entry.tone-cyan .packaging-audit-icon{color:#167ba8;background:#e5f7fd}
.packaging-audit-entry.tone-navy .packaging-audit-icon{color:#fff;background:var(--slacol-navy)}
.packaging-audit-copy{min-width:0}
.packaging-audit-copy header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.packaging-audit-copy header div{min-width:0}
.packaging-audit-copy header strong{color:var(--slacol-navy);font-size:.8rem}
.packaging-audit-copy header span{display:block;margin-top:2px;color:var(--slacol-steel);font-size:.59rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.packaging-audit-copy header em{flex:0 0 auto;padding:4px 8px;border-radius:999px;color:#28579d;background:#edf4ff;font-size:.58rem;font-style:normal;font-weight:800}
.packaging-audit-copy p{margin:6px 0 0;color:#4c6079;font-size:.7rem;line-height:1.48;overflow-wrap:anywhere}
.packaging-audit-copy .packaging-audit-item{display:flex;align-items:flex-start;gap:6px;color:#234d8c;font-weight:800}
.packaging-audit-copy small{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;color:#8795a8;font-size:.62rem}
.packaging-audit-copy small i{color:#5174a6}
.packaging-audit-empty{display:grid!important;grid-template-columns:1fr!important;justify-items:center;gap:5px;padding:36px 20px;color:#7d8da2;text-align:center}
.packaging-audit-empty i{font-size:1.6rem;color:#3d6fb7}
.packaging-audit-empty strong{color:#213f6d}
.packaging-audit-empty p{margin:0;font-size:.72rem}
.packaging-delete-modal{overflow:hidden;border:0;border-radius:22px;box-shadow:0 30px 70px rgba(20,42,76,.25)}
.packaging-delete-modal .modal-header,.packaging-delete-modal .modal-body,.packaging-delete-modal .modal-footer{padding:20px 22px}
.packaging-delete-modal .modal-title{color:var(--slacol-navy);font-size:1.2rem;font-weight:800}
.packaging-delete-notice{display:flex;align-items:flex-start;gap:11px;margin-bottom:17px;padding:13px;border:1px solid #f0c5c5;border-radius:14px;color:#793636;background:#fff5f5}
.packaging-delete-notice i{flex:0 0 auto;font-size:1.05rem}
.packaging-delete-notice p{margin:0;font-size:.73rem;line-height:1.5}
.packaging-delete-modal textarea{border-radius:14px;resize:vertical}

@media (max-width:1200px){
  .packaging-audit-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .packaging-audit-filter-actions{grid-column:1/-1;justify-content:flex-end}
}
@media (max-width:680px){
  .packaging-archive-banner{grid-template-columns:1fr;padding:16px}
  .packaging-audit-panel > .panel-header{align-items:flex-start;flex-direction:column}
  .packaging-audit-filter{grid-template-columns:1fr;padding:15px}
  .packaging-audit-filter-actions{grid-column:1;justify-content:stretch}
  .packaging-audit-filter-actions .btn:first-child{flex:1}
  .packaging-audit-timeline{max-height:620px;padding:14px}
  .packaging-audit-entry{padding:12px}
  .packaging-audit-copy header{align-items:flex-start;flex-direction:column}
}

/* Solicitudes de vehículos */
.vehicle-request-dashboard-hero,.vehicle-request-form-intro,.vehicle-request-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-bottom:24px;padding:28px 30px;border:1px solid #cbdaf0;border-radius:26px;background:radial-gradient(circle at 92% 8%,rgba(65,119,200,.2),transparent 34%),linear-gradient(135deg,#fff,#eef5ff);box-shadow:0 20px 42px rgba(24,56,103,.1)}
.vehicle-request-dashboard-hero h2,.vehicle-request-form-intro h2,.vehicle-request-detail-hero h2{margin:3px 0 8px;color:#122a50;font-size:clamp(1.55rem,2.4vw,2.4rem);font-weight:800;letter-spacing:-.04em}
.vehicle-request-dashboard-hero p:last-child,.vehicle-request-form-intro p:last-child,.vehicle-request-detail-hero p:last-child{max-width:820px;margin:0;color:#718199;line-height:1.6}
.vehicle-request-dashboard-highlight,.vehicle-request-form-number{display:flex;min-width:0;max-width:100%;flex-direction:column;padding:18px 20px;border:1px solid #c9d8ed;border-left:5px solid var(--slacol-blue);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 13px 28px rgba(38,76,130,.09)}
.vehicle-request-dashboard-highlight span,.vehicle-request-form-number span{color:#8190a4;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vehicle-request-dashboard-highlight strong,.vehicle-request-form-number strong{margin:5px 0;color:#183b72;font-size:1.55rem;overflow-wrap:anywhere}.vehicle-request-dashboard-highlight small,.vehicle-request-form-number small{color:#7e8da2;font-size:.68rem}
.vehicle-request-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.vehicle-request-filter-card{padding:22px 24px}.vehicle-request-filter-card form{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(5,minmax(135px,.72fr)) auto;align-items:end;gap:12px}.vehicle-request-filter-card form>div{min-width:0}.vehicle-request-filter-actions{display:flex;gap:7px}
.vehicle-request-list-panel{overflow:hidden;padding:0}.vehicle-request-list-panel>.panel-header{padding:21px 24px 15px;border-bottom:1px solid #e2e9f2}.vehicle-request-list-panel .responsive-table{max-height:660px;overflow:auto;scrollbar-gutter:stable both-edges;overscroll-behavior:contain}.vehicle-request-table{min-width:1320px;margin:0}.vehicle-request-table th{position:sticky;z-index:2;top:0;background:#f3f6fb}.vehicle-request-table td{min-width:130px;vertical-align:middle}.vehicle-request-table td:nth-child(1){min-width:150px}.vehicle-request-table td:nth-child(2){min-width:240px}.vehicle-request-table td:nth-child(3){min-width:195px}.vehicle-request-table td:nth-child(4){min-width:270px}.vehicle-request-table td strong,.vehicle-request-table td small{display:block;max-width:100%;overflow-wrap:anywhere}.vehicle-request-table td small{margin-top:4px;color:#7c899b;font-size:.66rem;line-height:1.4}
.vehicle-request-table .row-actions{white-space:nowrap}.vehicle-request-table .row-actions .btn+.btn{margin-left:6px}
.vehicle-request-control-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:.65rem;font-weight:800}.vehicle-request-control-pill.ok{color:#08754a;background:#e3f7ee}.vehicle-request-control-pill.risk{color:#a55c00;background:#fff1d9}
.vehicle-request-form-shell{overflow:hidden;border:1px solid #cad9ed;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 24px 54px rgba(24,56,103,.12)}.vehicle-request-form-shell>.vehicle-request-form-intro{margin:0;border:0;border-bottom:1px solid #dbe5f1;border-radius:0;box-shadow:none}
.vehicle-request-review-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;margin:18px 0;padding:17px 19px;border:1px solid #f0c783;border-left:5px solid var(--slacol-warning);border-radius:17px;color:#6b4c1d;background:#fff9ed;box-shadow:0 10px 22px rgba(122,83,23,.07)}.vehicle-request-form-shell>.vehicle-request-review-note{margin:20px 28px 0}.vehicle-request-review-note>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#9b6106;background:#ffedc9}.vehicle-request-review-note strong{color:#704b13}.vehicle-request-review-note p{margin:4px 0;color:#745d3a;line-height:1.55}.vehicle-request-review-note small{color:#8c795c}
.vehicle-request-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 28px;border-bottom:1px solid #dce5f0;background:#f7faff}.vehicle-request-steps button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:18px 10px;border:0;border-bottom:3px solid transparent;color:#78889e;background:transparent;font-size:.72rem;font-weight:800}.vehicle-request-steps button span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;color:#6d7f96;background:#e5ebf3}.vehicle-request-steps button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-request-steps button.is-active{border-bottom-color:#2d64b5;color:#214f94}.vehicle-request-steps button.is-active span{color:#fff;background:#2d64b5;box-shadow:0 7px 16px rgba(45,100,181,.22)}.vehicle-request-steps button.is-complete{color:#08734a}.vehicle-request-steps button.is-complete span{color:#fff;background:#188b59}
.vehicle-request-step{display:none;padding:30px}.vehicle-request-step.is-active{display:block;animation:vehicleRequestReveal .28s ease both}@keyframes vehicleRequestReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.vehicle-request-section-head{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:15px;margin-bottom:21px}.vehicle-request-section-head.secondary{margin-top:32px;padding-top:28px;border-top:1px solid #e0e8f2}.vehicle-request-section-head>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#244f96,#447dcc);box-shadow:0 10px 20px rgba(36,79,150,.18)}.vehicle-request-section-head h3{margin:2px 0 5px;color:#172e53;font-size:1.22rem;font-weight:800;letter-spacing:-.02em}.vehicle-request-section-head p:last-child{max-width:850px;margin:0;color:#78889e;font-size:.76rem;line-height:1.55}
.vehicle-request-card-grid{display:grid;gap:17px}.vehicle-request-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-request-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-request-card-grid .span-2{grid-column:span 2}.vehicle-request-card-grid .span-3{grid-column:span 3}.vehicle-request-card-grid>div,.vehicle-request-card-grid>label{min-width:0}.vehicle-request-card-grid .form-label,.vehicle-request-risk-grid .form-label{color:#31445f;font-size:.71rem;font-weight:800}.vehicle-request-card-grid .form-label b,.vehicle-request-risk-grid .form-label b{color:var(--slacol-danger)}.vehicle-request-card-grid .form-control,.vehicle-request-card-grid .form-select,.vehicle-request-risk-grid .form-control{min-height:50px;border-radius:14px;background:#fff}
.vehicle-request-multiselect{min-height:152px!important;padding:8px}.vehicle-request-multiselect option{margin:2px 0;padding:9px 10px;border-radius:9px}.vehicle-request-multiselect option:checked{color:#fff;background:#2d62ad linear-gradient(#2d62ad,#2d62ad)}
.vehicle-request-passenger-picker{overflow:hidden;border:1px solid #d1ddec;border-radius:18px;background:#f8faff;transition:border-color .18s ease,box-shadow .18s ease}.vehicle-request-passenger-picker.is-invalid{border-color:#d94d4d;box-shadow:0 0 0 3px rgba(217,77,77,.1)}.vehicle-request-passenger-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #dce5f0;background:#fff}.vehicle-request-passenger-toolbar>label{position:relative;margin:0}.vehicle-request-passenger-toolbar>label>i{position:absolute;z-index:1;top:50%;left:15px;color:#6f829b;transform:translateY(-50%)}.vehicle-request-passenger-toolbar .form-control{min-height:45px;padding-left:41px}.vehicle-request-passenger-toolbar>span{display:flex;align-items:center;gap:5px;padding:9px 12px;border-radius:12px;color:#55708f;background:#edf4ff;font-size:.67rem;font-weight:700;white-space:nowrap}.vehicle-request-passenger-toolbar>span strong{color:#2458a2;font-size:.86rem}.vehicle-request-passenger-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:290px;padding:11px;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.vehicle-request-passenger-option{min-width:0;margin:0;cursor:pointer}.vehicle-request-passenger-option[hidden]{display:none!important}.vehicle-request-passenger-option input{position:absolute;opacity:0;pointer-events:none}.vehicle-request-passenger-option span{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;min-height:62px;padding:10px 12px;border:1px solid #d8e2ef;border-radius:13px;color:#304a6c;background:#fff;transition:.16s ease}.vehicle-request-passenger-option i{display:grid;grid-row:1/span 2;place-items:center;width:34px;height:34px;align-self:center;border-radius:10px;color:#7890ae;background:#edf2f8}.vehicle-request-passenger-option b{overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.vehicle-request-passenger-option small{overflow:hidden;color:#8190a3;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.vehicle-request-passenger-option:hover span{border-color:#9eb8dc;background:#f8fbff}.vehicle-request-passenger-option input:checked+span{border-color:#7fbfa4;color:#126b49;background:#edf9f4;box-shadow:0 7px 16px rgba(24,139,89,.08)}.vehicle-request-passenger-option input:checked+span i{color:#fff;background:#188b59}.vehicle-request-passenger-picker>p{margin:0;padding:22px;color:#7c8ba0;text-align:center;font-size:.69rem}
.vehicle-request-person-summary{display:flex;min-height:92px;flex-direction:column;justify-content:center;padding:15px 17px;border:1px solid #d4dfed;border-left:4px solid #4878c2;border-radius:16px;background:#f5f8fc}.vehicle-request-person-summary span{color:#8290a3;font-size:.61rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.vehicle-request-person-summary strong{margin:4px 0;color:#18335f;font-size:.9rem}.vehicle-request-person-summary small{color:#7a899d;font-size:.67rem}
.vehicle-request-choice-row{display:flex;flex-wrap:wrap;gap:8px}.vehicle-request-choice-row label{margin:0;cursor:pointer}.vehicle-request-choice-row input{position:absolute;opacity:0;pointer-events:none}.vehicle-request-choice-row span{display:flex;align-items:center;justify-content:center;gap:6px;min-width:78px;min-height:48px;padding:10px 15px;border:1px solid #ced9e8;border-radius:13px;color:#38506f;background:#fff;font-size:.76rem;font-weight:800;transition:.18s ease}.vehicle-request-choice-row input:checked+span{border-color:#2e65b5;color:#fff;background:#2e65b5;box-shadow:0 8px 17px rgba(46,101,181,.2)}.vehicle-request-choice-row label:last-child input:checked+span{border-color:#dc5656;background:#dc5656}.vehicle-request-choice-row.compact span{min-width:68px;min-height:38px;padding:7px 10px;font-size:.68rem}
.vehicle-request-check-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.vehicle-request-check-group{overflow:hidden;border:1px solid #d5e0ee;border-radius:20px;background:#fff;box-shadow:0 12px 27px rgba(28,62,111,.065)}.vehicle-request-check-group>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #e2e9f2;background:linear-gradient(135deg,#f8fbff,#eef4fb)}.vehicle-request-check-group>header>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#fff;background:#2b5da8}.vehicle-request-check-group h4{margin:0;color:#18355f;font-size:.9rem;font-weight:800}.vehicle-request-check-group header small{color:#7d8da1;font-size:.63rem}.vehicle-request-check-list{display:grid}
.vehicle-request-check-item{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(260px,1fr);gap:15px;padding:14px 17px;border-bottom:1px solid #edf1f6}.vehicle-request-check-item:last-child{border-bottom:0}.vehicle-request-check-item.is-negative{background:#fff8f8}.vehicle-request-check-title{display:flex;align-items:flex-start;gap:8px;padding-top:7px}.vehicle-request-check-title i{color:#9aa8ba}.vehicle-request-check-item.is-positive .vehicle-request-check-title i{color:#188b59}.vehicle-request-check-item.is-negative .vehicle-request-check-title i{color:#d94c4c}.vehicle-request-check-title strong{color:#253c5d;font-size:.72rem;line-height:1.45}.vehicle-request-check-controls{display:grid;grid-template-columns:auto minmax(150px,1fr);gap:9px}.vehicle-request-check-controls textarea{min-height:42px!important;padding:10px 12px;border-radius:11px;font-size:.68rem;resize:vertical}.vehicle-request-check-item:not(.is-negative) textarea{opacity:.72}
.vehicle-request-existing-evidence{margin-bottom:18px;padding:14px 16px;border:1px solid #a9d6c2;border-radius:15px;color:#176d4c;background:#effaf5}.vehicle-request-existing-evidence>strong{font-size:.76rem}.vehicle-request-existing-evidence>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.vehicle-request-existing-evidence span{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#dff4e9;font-size:.64rem;font-weight:700}
.vehicle-request-upload{display:block;margin:0;cursor:pointer}.vehicle-request-upload input{position:absolute;width:1px;height:1px;opacity:0}.vehicle-request-upload>span{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:108px;padding:16px;border:1px dashed #aebfd7;border-radius:17px;background:linear-gradient(145deg,#f8fbff,#f0f5fc);transition:.18s ease}.vehicle-request-upload:hover>span{border-color:#4c7bc1;background:#f1f7ff}.vehicle-request-upload.required>span{border-left:4px solid #2e65b5}.vehicle-request-upload>span>i{display:grid;grid-row:1/span 2;place-items:center;width:42px;height:42px;border-radius:13px;color:#2d5da5;background:#e4edfb;font-size:1.05rem}.vehicle-request-upload b{color:#244264;font-size:.75rem}.vehicle-request-upload small{overflow:hidden;color:#7b899c;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.vehicle-request-upload.has-files>span{border-style:solid;border-color:#8bc9ad;background:#f0fbf6}.vehicle-request-upload.has-files>span>i{color:#fff;background:#188b59}
.vehicle-request-risk-card{margin-top:28px;padding:22px;border:1px solid #c9d9ed;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(66,124,207,.13),transparent 34%),#f8fbff}.vehicle-request-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.vehicle-request-risk-grid>div{min-width:0;padding:16px;border:1px solid #d5e1ef;border-radius:16px;background:#fff}.vehicle-request-risk-grid>div>strong{display:block;min-height:48px;margin-bottom:13px;color:#263e61;font-size:.76rem;line-height:1.5}.vehicle-request-risk-grid .span-2{grid-column:span 2}
.vehicle-request-confirm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.vehicle-request-confirm-grid>div{padding:18px;border:1px solid #d5e0ed;border-radius:18px;background:#f7faff}.vehicle-request-confirm-grid i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:13px;border-radius:13px;color:#fff;background:#2d61aa}.vehicle-request-confirm-grid strong{display:block;color:#1c385f;font-size:.79rem}.vehicle-request-confirm-grid p{margin:5px 0 0;color:#7d8b9f;font-size:.66rem;line-height:1.45}.vehicle-request-final-observation{margin-top:20px}.vehicle-request-final-observation textarea{border-radius:15px}
.vehicle-request-certification{display:block;margin:18px 0 0;cursor:pointer}.vehicle-request-certification input{position:absolute;opacity:0}.vehicle-request-certification span{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #cfdaea;border-radius:15px;color:#52647b;background:#f7f9fc;font-size:.72rem}.vehicle-request-certification i{color:#8797aa;font-size:1.15rem}.vehicle-request-certification input:checked+span{border-color:#8bc7aa;color:#126e49;background:#effaf5}.vehicle-request-certification input:checked+span i{color:#168b59}
.vehicle-request-form-actions{position:sticky;z-index:8;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:17px 30px;border-top:1px solid #dce5f0;background:rgba(255,255,255,.94);box-shadow:0 -12px 30px rgba(26,55,99,.08);backdrop-filter:blur(14px)}.vehicle-request-form-actions>span{margin-right:auto;color:#748399;font-size:.7rem;font-weight:800;letter-spacing:.05em}.vehicle-request-form-actions .btn{min-height:45px;border-radius:13px}.vehicle-request-form-errors ul{margin:8px 0 0;padding-left:20px}.vehicle-request-form-errors li{margin:3px 0}
.vehicle-request-detail-hero>div:last-child{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.vehicle-request-detail-hero>div:last-child small{color:#7d8a9c}.vehicle-request-detail-grid,.vehicle-request-audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.vehicle-request-detail-grid>.panel-card,.vehicle-request-audit-grid>.panel-card{min-width:0}
.vehicle-request-definition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.vehicle-request-definition-list>div{min-width:0;padding:13px 14px;border:1px solid #dae3ef;border-radius:14px;background:#f7f9fc}.vehicle-request-definition-list dt{color:#8290a3;font-size:.59rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vehicle-request-definition-list dd{margin:5px 0 0;color:#193459;font-size:.75rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.vehicle-request-passenger-list{margin-top:18px;padding-top:16px;border-top:1px solid #e1e8f1}.vehicle-request-passenger-list>strong{color:#2e4563;font-size:.74rem}.vehicle-request-passenger-list>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.vehicle-request-passenger-list span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#29528c;background:#eaf2ff;font-size:.66rem;font-weight:700}.vehicle-request-passenger-list small{color:#7187a6}
.vehicle-request-condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vehicle-request-condition-grid>div{padding:15px;border:1px solid #d9e2ee;border-top:3px solid #2d5ca5;border-radius:14px;background:#f8faff}.vehicle-request-condition-grid>div.ok{border-top-color:#188b59}.vehicle-request-condition-grid>div.risk{border-top-color:#df4d4d}.vehicle-request-condition-grid span{display:block;color:#8592a4;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vehicle-request-condition-grid strong{display:block;margin-top:6px;color:#18355e;font-size:.82rem}.vehicle-request-note{margin-top:12px;padding:14px;border-left:4px solid #2d63ae;border-radius:12px;background:#f0f6ff}.vehicle-request-note.warning{border-left-color:#f0a023;background:#fff8ec}.vehicle-request-note strong{font-size:.7rem}.vehicle-request-note p{margin:4px 0 0;color:#53677f;font-size:.7rem;line-height:1.5}
.vehicle-request-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vehicle-request-file-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:13px;border:1px solid #dae3ef;border-radius:15px;background:#f8faff}.vehicle-request-file-grid article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#2d5da6;background:#e5eefb}.vehicle-request-file-grid article>div:nth-child(2){display:flex;min-width:0;flex-direction:column}.vehicle-request-file-grid small{color:#75869d;font-size:.57rem;font-weight:800;text-transform:uppercase}.vehicle-request-file-grid strong{overflow:hidden;color:#1f3c64;font-size:.71rem;text-overflow:ellipsis;white-space:nowrap}.vehicle-request-file-grid em{color:#8a96a6;font-size:.61rem;font-style:normal}
.vehicle-request-inspection-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-request-inspection-summary details{overflow:hidden;border:1px solid #d7e1ed;border-radius:16px;background:#fff}.vehicle-request-inspection-summary summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;color:#1f3e68;background:#f5f8fc;cursor:pointer;font-size:.75rem;font-weight:800}.vehicle-request-inspection-summary summary b{color:#7d8b9d;font-size:.6rem}.vehicle-request-inspection-summary article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:11px 14px;border-top:1px solid #edf1f6}.vehicle-request-inspection-summary article.ok>i{color:#168b59}.vehicle-request-inspection-summary article.risk{background:#fff7f7}.vehicle-request-inspection-summary article.risk>i{color:#d84848}.vehicle-request-inspection-summary article strong{display:block;color:#304762;font-size:.68rem}.vehicle-request-inspection-summary article p{margin:3px 0 0;color:#745a5a;font-size:.63rem}.vehicle-request-inspection-summary article>span{color:#728198;font-size:.63rem;font-weight:800}
.vehicle-request-review-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.vehicle-request-internal-review{border-left:5px solid #2d62ad}.vehicle-request-timeline,.vehicle-request-email-log{display:grid;gap:10px;max-height:540px;overflow:auto;scrollbar-gutter:stable}.vehicle-request-timeline article{display:grid;grid-template-columns:15px minmax(0,1fr);gap:10px}.vehicle-request-timeline article>span{position:relative;width:10px;height:10px;margin-top:5px;border-radius:50%;background:#2e65b5;box-shadow:0 0 0 5px #e8f0fc}.vehicle-request-timeline article>span:after{position:absolute;top:14px;bottom:-48px;left:4px;width:1px;background:#cbd8ea;content:""}.vehicle-request-timeline article:last-child>span:after{display:none}.vehicle-request-timeline strong{color:#1d3b66;font-size:.72rem}.vehicle-request-timeline p{margin:3px 0;color:#65758b;font-size:.67rem}.vehicle-request-timeline small{color:#8b97a6;font-size:.6rem}
.vehicle-request-email-log article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px;border:1px solid #dde5ef;border-radius:14px;background:#f9fbfd}.vehicle-request-email-log article>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px}.vehicle-request-email-log article.ok>i{color:#12814f;background:#e3f7ed}.vehicle-request-email-log article.risk>i{color:#b45b00;background:#fff0d9}.vehicle-request-email-log strong{display:block;color:#254368;font-size:.68rem;overflow-wrap:anywhere}.vehicle-request-email-log p{margin:3px 0;color:#738196;font-size:.62rem}.vehicle-request-email-log small{color:#929dab;font-size:.58rem}
.vehicle-request-public-body{min-height:100vh;padding:24px;background:radial-gradient(circle at 10% 0,rgba(45,99,174,.19),transparent 31%),linear-gradient(145deg,#edf3fa,#f7f9fc)}.vehicle-request-public-shell{width:min(1500px,100%);margin:auto}.vehicle-request-public-shell>header{display:flex;align-items:center;gap:12px;width:max-content;margin:0 0 20px;padding:10px 14px;border:1px solid #cdd9e9;border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 10px 26px rgba(28,60,108,.08)}.vehicle-request-public-shell>header img{width:48px;height:48px;padding:6px;border-radius:13px;object-fit:contain;background:#fff}.vehicle-request-public-shell>header div{display:flex;flex-direction:column}.vehicle-request-public-shell>header span{color:#7c8ba0;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vehicle-request-public-shell>header strong{color:#1c3a67;font-size:.78rem}
.vehicle-request-public-message{max-width:720px;margin:8vh auto;padding:38px;border:1px solid #cad8e9;border-top:5px solid #188b59;border-radius:25px;background:#fff;box-shadow:0 24px 55px rgba(25,58,106,.13);text-align:center}.vehicle-request-public-message>span{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 16px;border-radius:20px;color:#fff;background:#188b59;font-size:1.7rem}.vehicle-request-public-message.warning{border-top-color:#ee9d22}.vehicle-request-public-message.warning>span{background:#ee9d22}.vehicle-request-public-message.danger{border-top-color:#d84848}.vehicle-request-public-message.danger>span{background:#d84848}.vehicle-request-public-message h1{margin:4px 0 10px;color:#17335e;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800}.vehicle-request-public-message>p:last-child{margin:0;color:#708098;line-height:1.65}
.vehicle-request-public-review{display:grid;gap:18px}.vehicle-request-review-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;border:1px solid #cbd9eb;border-radius:24px;background:linear-gradient(135deg,#fff,#eef5ff);box-shadow:0 18px 38px rgba(24,58,106,.1)}.vehicle-request-review-hero h1{margin:3px 0;color:#17345f;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:800}.vehicle-request-review-hero p:last-child{margin:0;color:#718199}.vehicle-request-review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vehicle-request-review-metrics>div{padding:16px;border:1px solid #d5e0ee;border-top:4px solid #2e62ad;border-radius:16px;background:#fff;box-shadow:0 10px 23px rgba(27,61,108,.07)}.vehicle-request-review-metrics>div.success{border-top-color:#188b59}.vehicle-request-review-metrics>div.warning{border-top-color:#ec9d22}.vehicle-request-review-metrics span{display:block;color:#8290a3;font-size:.59rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vehicle-request-review-metrics strong{display:block;margin-top:6px;color:#1a365f;font-size:.85rem;overflow-wrap:anywhere}.vehicle-request-review-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.vehicle-request-review-grid>section,.vehicle-request-review-panel,.vehicle-request-review-form{padding:23px;border:1px solid #d3dfed;border-radius:21px;background:#fff;box-shadow:0 14px 30px rgba(25,59,107,.075)}
.vehicle-request-risk-summary{display:grid;gap:10px}.vehicle-request-risk-summary>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border-radius:14px}.vehicle-request-risk-summary>div.ok{color:#116f4b;background:#eaf8f2}.vehicle-request-risk-summary>div.risk{color:#a95b00;background:#fff1dd}.vehicle-request-risk-summary span{font-size:.69rem}.vehicle-request-risk-summary strong{font-size:.72rem}.vehicle-request-risk-summary p{margin:2px 0 0;padding:13px;border-radius:12px;color:#586b82;background:#f5f8fc;font-size:.68rem;line-height:1.5}
.vehicle-request-review-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vehicle-request-review-files article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;min-width:0;padding:12px;border:1px solid #dbe4ef;border-radius:14px;background:#f8faff}.vehicle-request-review-files article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#2d5fa9;background:#e6effc}.vehicle-request-review-files article>div{display:flex;min-width:0;flex-direction:column}.vehicle-request-review-files small{color:#7e8c9e;font-size:.56rem;text-transform:uppercase}.vehicle-request-review-files strong{overflow:hidden;color:#244164;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.vehicle-request-review-files a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b9cce6;border-radius:10px;color:#2d61ac;background:#fff}
.vehicle-request-review-issues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vehicle-request-review-issues article{padding:13px;border:1px solid #efcccc;border-left:4px solid #d94b4b;border-radius:13px;background:#fff8f8}.vehicle-request-review-issues span{display:block;color:#a56f6f;font-size:.55rem;font-weight:800;text-transform:uppercase}.vehicle-request-review-issues strong{display:block;margin:4px 0;color:#6d3030;font-size:.7rem}.vehicle-request-review-issues p{margin:0;color:#825757;font-size:.65rem}.vehicle-request-review-form{border-top:5px solid #2d62ad}
.vehicle-request-identity-gate{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:0;overflow:hidden;min-height:510px;border:1px solid #cbd9eb;border-radius:28px;background:#fff;box-shadow:0 24px 56px rgba(25,58,106,.13)}.vehicle-request-identity-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:clamp(30px,5vw,70px);background:radial-gradient(circle at 8% 4%,rgba(75,131,211,.22),transparent 34%),linear-gradient(145deg,#eef5ff,#fff)}.vehicle-request-identity-copy>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:22px;border-radius:19px;color:#fff;background:linear-gradient(145deg,#244f91,#3975c8);box-shadow:0 15px 28px rgba(31,77,145,.2);font-size:1.35rem}.vehicle-request-identity-copy h2{max-width:650px;margin:6px 0 13px;color:#142f57;font-size:clamp(1.7rem,3.2vw,3rem);font-weight:800;letter-spacing:-.045em}.vehicle-request-identity-copy>p:last-of-type{max-width:690px;margin:0;color:#708198;line-height:1.7}.vehicle-request-identity-copy>div{display:flex;align-items:center;gap:10px;margin-top:24px;padding:13px 16px;border:1px solid #bcd3ee;border-radius:14px;color:#31567f;background:rgba(255,255,255,.72);font-size:.72rem}.vehicle-request-identity-copy>div i{color:#168b59;font-size:1.15rem}.vehicle-request-identity-form{display:flex;justify-content:center;flex-direction:column;gap:10px;padding:clamp(28px,4vw,56px);border-left:1px solid #d9e3ef;background:#fff}.vehicle-request-identity-form .form-label{margin:8px 0 0;color:#324966;font-size:.72rem;font-weight:800}.vehicle-request-identity-form .form-label b{color:#d64545}.vehicle-request-identity-form .form-control,.vehicle-request-identity-form .form-select{min-height:54px;border-radius:15px}.vehicle-request-identity-form .btn{min-height:50px;margin-top:10px;border-radius:14px}.vehicle-request-identity-form>small{color:#7e8da1;font-size:.65rem;line-height:1.5;text-align:center}.vehicle-request-identity-gate.public{min-height:440px}.vehicle-request-identity-confirmed{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:15px 17px;border:1px solid #9dd0b8;border-left:5px solid #168b59;border-radius:16px;background:#f0faf5}.vehicle-request-identity-confirmed>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:#168b59}.vehicle-request-identity-confirmed small,.vehicle-request-identity-confirmed strong,.vehicle-request-identity-confirmed p{display:block}.vehicle-request-identity-confirmed small{color:#4f7d68;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vehicle-request-identity-confirmed strong{margin:3px 0;color:#16563c;font-size:.88rem}.vehicle-request-identity-confirmed p{margin:0;color:#668476;font-size:.66rem}.vehicle-request-optional{display:inline-flex;margin-left:6px;padding:3px 7px;border-radius:999px;color:#61758f;background:#edf2f8;font-size:.55rem;font-weight:800;text-transform:uppercase}
.vehicle-request-signature{margin-top:20px;padding:16px;border:1px solid #cfdaea;border-radius:18px;background:#f8faff;transition:.18s ease}.vehicle-request-signature>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:12px}.vehicle-request-signature>div:first-child>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#285da7;background:#e5eefc}.vehicle-request-signature strong{display:block;color:#263f61;font-size:.76rem}.vehicle-request-signature strong b{color:#d64545}.vehicle-request-signature p{margin:3px 0 0;color:#7b899d;font-size:.64rem}.vehicle-request-signature canvas{display:block;width:100%;height:190px;border:1px dashed #9fb3cf;border-radius:13px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 46px,#edf2f8 47px);cursor:crosshair;touch-action:none}.vehicle-request-signature canvas:focus{outline:3px solid rgba(48,104,184,.16);border-color:#3973c5}.vehicle-request-signature.has-signature{border-color:#83c5a6;background:#f1faf6}.vehicle-request-signature.is-invalid{border-color:#dc4d4d;background:#fff7f7;box-shadow:0 0 0 3px rgba(220,77,77,.1)}.vehicle-request-admin-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:end;gap:24px;border-left:5px solid #168b59}.vehicle-request-admin-control.danger{border-left-color:#d94a4a}.vehicle-request-admin-control h2{margin:3px 0 6px;color:#203c63;font-size:1.05rem;font-weight:800}.vehicle-request-admin-control p:last-child{margin:0;color:#73839a;font-size:.7rem}.vehicle-request-admin-control form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:9px}.vehicle-request-admin-control .form-control,.vehicle-request-admin-control .btn{min-height:45px;border-radius:12px}
@media (max-width:1400px){.vehicle-request-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-request-filter-card form{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-request-filter-actions{justify-content:flex-end}.vehicle-request-check-item{grid-template-columns:1fr}.vehicle-request-check-controls{grid-template-columns:auto minmax(150px,1fr)}}
@media (max-width:1050px){.vehicle-request-card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-request-card-grid.three .span-3{grid-column:span 2}.vehicle-request-check-groups{grid-template-columns:1fr}.vehicle-request-confirm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-request-detail-grid,.vehicle-request-audit-grid,.vehicle-request-review-grid{grid-template-columns:1fr}.vehicle-request-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.vehicle-request-dashboard-hero,.vehicle-request-form-intro,.vehicle-request-detail-hero{grid-template-columns:1fr;padding:22px 19px}.vehicle-request-dashboard-highlight,.vehicle-request-form-number{width:100%}.vehicle-request-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-request-filter-card form{grid-template-columns:1fr 1fr}.vehicle-request-filter-card form>div:first-child{grid-column:span 2}.vehicle-request-steps{padding:0 8px}.vehicle-request-steps button{gap:0;padding:13px 4px}.vehicle-request-steps button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vehicle-request-step{padding:22px 17px}.vehicle-request-card-grid.two,.vehicle-request-card-grid.three,.vehicle-request-risk-grid{grid-template-columns:1fr}.vehicle-request-card-grid .span-2,.vehicle-request-card-grid .span-3,.vehicle-request-card-grid.three .span-3,.vehicle-request-risk-grid .span-2{grid-column:1}.vehicle-request-passenger-toolbar{grid-template-columns:1fr}.vehicle-request-passenger-toolbar>span{justify-content:center}.vehicle-request-passenger-options{grid-template-columns:1fr;max-height:330px}.vehicle-request-check-controls{grid-template-columns:1fr}.vehicle-request-choice-row.compact{display:grid;grid-template-columns:1fr 1fr}.vehicle-request-choice-row.compact span{width:100%}.vehicle-request-confirm-grid,.vehicle-request-file-grid,.vehicle-request-inspection-summary,.vehicle-request-review-files,.vehicle-request-review-issues{grid-template-columns:1fr}.vehicle-request-form-actions{padding:14px 16px}.vehicle-request-form-actions>span{display:none}.vehicle-request-form-actions .btn{flex:1}.vehicle-request-form-actions [data-vr-submit]{flex:1.7}.vehicle-request-definition-list,.vehicle-request-condition-grid{grid-template-columns:1fr}.vehicle-request-review-hero{align-items:flex-start;flex-direction:column}.vehicle-request-public-body{padding:14px}.vehicle-request-public-shell>header{margin-left:auto;margin-right:auto}.vehicle-request-review-grid>section,.vehicle-request-review-panel,.vehicle-request-review-form{padding:18px}.vehicle-request-identity-gate{grid-template-columns:1fr;min-height:0}.vehicle-request-identity-copy{padding:28px 22px}.vehicle-request-identity-copy h2{font-size:1.75rem}.vehicle-request-identity-form{padding:25px 20px;border-top:1px solid #d9e3ef;border-left:0}.vehicle-request-signature>div:first-child{grid-template-columns:auto minmax(0,1fr)}.vehicle-request-signature>div:first-child .btn{grid-column:1/span 2}.vehicle-request-signature canvas{height:165px}.vehicle-request-admin-control{grid-template-columns:1fr}.vehicle-request-admin-control form{grid-template-columns:1fr}}
@media (max-width:480px){.vehicle-request-kpi-grid,.vehicle-request-filter-card form,.vehicle-request-review-metrics{grid-template-columns:1fr}.vehicle-request-filter-card form>div:first-child{grid-column:1}.vehicle-request-filter-actions .btn:first-child{flex:1}.vehicle-request-section-head{grid-template-columns:43px minmax(0,1fr);gap:11px}.vehicle-request-section-head>span{width:43px;height:43px}.vehicle-request-check-item{padding:13px}.vehicle-request-form-actions{gap:7px}.vehicle-request-form-actions .btn{padding-left:10px;padding-right:10px;font-size:.72rem}.vehicle-request-public-message{padding:28px 20px}}

/* Responsive application shell - global navigation and viewport hardening */
html{
    scroll-padding-top:84px;
}
.app-shell{
    transition:grid-template-columns .24s ease;
}
.sidebar{
    z-index:40;
    transition:width .24s ease, padding .24s ease, transform .28s cubic-bezier(.22,1,.36,1), box-shadow .24s ease;
}
.sidebar-brand-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px;
    gap:10px;
    align-items:center;
    flex:0 0 auto;
}
.sidebar-brand-row .brand-box{
    min-width:0;
    padding:11px;
}
.sidebar-brand-row .brand-logo{
    flex:0 0 auto;
    width:52px;
    height:52px;
}
.brand-copy{
    min-width:0;
}
.brand-copy strong,
.brand-copy span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.sidebar-control,
.mobile-menu-control,
.page-scroll-top{
    appearance:none;
    border:0;
    font:inherit;
}
.sidebar-control{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
    transition:background .2s ease, transform .2s ease, border-color .2s ease;
}
.sidebar-control:hover,
.sidebar-control:focus-visible{
    background:rgba(255,255,255,.17);
    border-color:rgba(255,255,255,.35);
    transform:translateY(-1px);
    outline:none;
}
.sidebar-close-control{
    display:none;
}
.sidebar-backdrop,
.mobile-appbar{
    display:none;
}
.page-scroll-top{
    position:fixed;
    z-index:1015;
    right:max(20px, env(safe-area-inset-right));
    bottom:max(20px, env(safe-area-inset-bottom));
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.72);
    border-radius:16px;
    color:#fff;
    background:linear-gradient(135deg, var(--slacol-blue-deep), var(--slacol-blue));
    box-shadow:0 16px 32px rgba(29,62,119,.28);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(12px) scale(.94);
    transition:opacity .2s ease, visibility .2s ease, transform .2s ease;
}
.page-scroll-top.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
}
.page-scroll-top:hover,
.page-scroll-top:focus-visible{
    background:linear-gradient(135deg, #173665, #3562ad);
    outline:3px solid rgba(75,115,187,.22);
    outline-offset:3px;
}
.app-shell.is-sidebar-collapsed{
    grid-template-columns:94px minmax(0,1fr);
}
.app-shell.is-sidebar-collapsed .sidebar{
    padding:18px 12px;
    gap:14px;
}
.app-shell.is-sidebar-collapsed .sidebar-brand-row{
    grid-template-columns:1fr;
    gap:8px;
}
.app-shell.is-sidebar-collapsed .brand-box{
    justify-content:center;
    padding:8px;
}
.app-shell.is-sidebar-collapsed .brand-logo{
    width:48px;
    height:48px;
}
.app-shell.is-sidebar-collapsed .brand-copy,
.app-shell.is-sidebar-collapsed .sidebar-role,
.app-shell.is-sidebar-collapsed .sidebar-footer,
.app-shell.is-sidebar-collapsed .reviewer-menu-heading,
.app-shell.is-sidebar-collapsed .sidebar-nav-section{
    display:none;
}
.app-shell.is-sidebar-collapsed .sidebar-collapse-control{
    margin-inline:auto;
}
.app-shell.is-sidebar-collapsed .sidebar-nav{
    padding-right:0;
}
.app-shell.is-sidebar-collapsed .sidebar-nav .nav-link{
    min-height:48px;
    justify-content:center;
    padding:12px 8px;
}
.app-shell.is-sidebar-collapsed .sidebar-nav .nav-link i{
    font-size:1.18rem;
}
.app-shell.is-sidebar-collapsed .sidebar-nav .nav-link span{
    display:none;
}

@media (min-width:1600px){
    .topbar{
        padding-left:clamp(36px,2.5vw,58px);
        padding-right:clamp(36px,2.5vw,58px);
    }
    .content-area{
        padding-left:clamp(36px,2.5vw,58px);
        padding-right:clamp(36px,2.5vw,58px);
    }
}

@media (max-width:1200px){
    body.sidebar-scroll-locked{
        overflow:hidden;
        overscroll-behavior:none;
    }
    .app-shell,
    .app-shell.is-sidebar-collapsed{
        display:block;
        min-height:100vh;
    }
    .sidebar,
    .app-shell.is-sidebar-collapsed .sidebar{
        position:fixed;
        inset:0 auto 0 0;
        z-index:1040;
        width:min(326px, calc(100vw - 42px));
        height:100vh;
        height:100dvh;
        padding:max(16px, env(safe-area-inset-top)) 15px max(16px, env(safe-area-inset-bottom));
        gap:14px;
        overflow:hidden;
        transform:translate3d(-104%,0,0);
        box-shadow:24px 0 60px rgba(9,25,49,.28);
        visibility:hidden;
        transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .24s ease, visibility 0s linear .28s;
    }
    .app-shell.is-sidebar-open .sidebar{
        transform:translate3d(0,0,0);
        visibility:visible;
        transition-delay:0s;
    }
    .sidebar-brand-row,
    .app-shell.is-sidebar-collapsed .sidebar-brand-row{
        grid-template-columns:minmax(0,1fr) 44px;
        gap:10px;
    }
    .sidebar-brand-row .brand-box,
    .app-shell.is-sidebar-collapsed .brand-box{
        justify-content:flex-start;
        padding:10px;
    }
    .sidebar-brand-row .brand-logo,
    .app-shell.is-sidebar-collapsed .brand-logo{
        width:50px;
        height:50px;
    }
    .app-shell.is-sidebar-collapsed .brand-copy,
    .app-shell.is-sidebar-collapsed .sidebar-role,
    .app-shell.is-sidebar-collapsed .sidebar-footer,
    .app-shell.is-sidebar-collapsed .reviewer-menu-heading,
    .app-shell.is-sidebar-collapsed .sidebar-nav-section,
    .app-shell.is-sidebar-collapsed .sidebar-nav .nav-link span{
        display:block;
    }
    .sidebar-collapse-control{
        display:none;
    }
    .sidebar-close-control{
        display:grid;
        width:44px;
        height:44px;
    }
    .sidebar-nav,
    .app-shell.is-sidebar-collapsed .sidebar-nav{
        flex:1 1 auto;
        min-height:0;
        max-height:none;
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding:2px 6px 10px 0;
        scrollbar-gutter:stable;
    }
    .sidebar-nav .nav-link,
    .app-shell.is-sidebar-collapsed .sidebar-nav .nav-link{
        min-height:48px;
        justify-content:flex-start;
        padding:12px 14px;
    }
    .sidebar-backdrop{
        position:fixed;
        inset:0;
        z-index:1035;
        display:block;
        border:0;
        background:rgba(10,24,45,.58);
        backdrop-filter:blur(3px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .24s ease, visibility .24s ease;
    }
    .app-shell.is-sidebar-open .sidebar-backdrop{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }
    .main-content{
        width:100%;
        min-width:0;
    }
    .mobile-appbar{
        position:sticky;
        top:0;
        z-index:1020;
        min-height:64px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        padding:10px 20px;
        border-bottom:1px solid rgba(42,79,150,.12);
        background:rgba(250,252,255,.94);
        box-shadow:0 10px 26px rgba(10,32,62,.09);
        backdrop-filter:blur(16px);
    }
    .mobile-menu-control{
        min-width:96px;
        min-height:44px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        padding:9px 14px;
        border:1px solid rgba(42,79,150,.2);
        border-radius:14px;
        color:#fff;
        background:linear-gradient(135deg, var(--slacol-blue-deep), var(--slacol-blue));
        box-shadow:0 10px 22px rgba(42,79,150,.2);
        font-weight:800;
    }
    .mobile-menu-control:focus-visible{
        outline:3px solid rgba(75,115,187,.26);
        outline-offset:3px;
    }
    .mobile-appbar-context{
        min-width:0;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:10px;
        text-align:right;
    }
    .mobile-appbar-context img{
        width:38px;
        height:38px;
        flex:0 0 auto;
        object-fit:contain;
        padding:5px;
        border:1px solid rgba(42,79,150,.12);
        border-radius:12px;
        background:#fff;
    }
    .mobile-appbar-context div{
        min-width:0;
    }
    .mobile-appbar-context span,
    .mobile-appbar-context strong{
        display:block;
        max-width:min(48vw,440px);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .mobile-appbar-context span{
        color:var(--slacol-steel);
        font-size:.66rem;
        font-weight:800;
        letter-spacing:.1em;
        text-transform:uppercase;
    }
    .mobile-appbar-context strong{
        margin-top:2px;
        color:var(--slacol-navy);
        font-size:.86rem;
    }
    .topbar{
        padding:26px 22px 70px;
    }
    .content-area{
        padding-left:20px;
        padding-right:20px;
    }
}

@media (max-width:992px){
    .topbar{
        gap:18px;
        padding:24px 20px 68px;
    }
    .topbar-copy,
    .topbar-tools{
        width:100%;
    }
    .topbar-tools{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:10px;
    }
    .topbar-tools > *,
    .topbar-tools > .d-flex{
        min-width:0;
        max-width:100%;
    }
    .topbar-tools > .d-flex{
        flex-wrap:wrap;
    }
    .user-chip{
        max-width:100%;
    }
    .panel-header{
        flex-wrap:wrap;
    }
    .table-responsive,
    [class*="table-scroll"],
    [class*="responsive-table"]{
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
        scrollbar-color:rgba(42,79,150,.42) rgba(42,79,150,.08);
    }
}

@media (max-width:768px){
    html{
        scroll-padding-top:74px;
    }
    .mobile-appbar{
        min-height:60px;
        padding:8px 13px;
        gap:10px;
    }
    .mobile-menu-control{
        min-width:88px;
        min-height:44px;
        padding:8px 12px;
    }
    .mobile-appbar-context{
        gap:7px;
    }
    .mobile-appbar-context img{
        width:36px;
        height:36px;
    }
    .mobile-appbar-context span{
        display:none;
    }
    .mobile-appbar-context strong{
        max-width:52vw;
        font-size:.8rem;
    }
    .topbar{
        padding:20px 14px 62px;
    }
    .topbar-copy h1{
        margin-top:5px;
        font-size:clamp(1.7rem,8vw,2.25rem);
        line-height:1.04;
    }
    .topbar-copy p{
        font-size:.92rem;
        line-height:1.48;
    }
    .topbar-tools{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        align-items:stretch;
    }
    .topbar-tools > .btn,
    .topbar-tools > form,
    .topbar-tools > .d-flex{
        width:100%;
    }
    .topbar-tools > .d-flex .btn{
        flex:1 1 150px;
    }
    .user-chip{
        width:100%;
        min-height:54px;
        overflow:hidden;
    }
    .user-chip .user-avatar{
        flex:0 0 38px;
    }
    .user-chip > div:not(.user-avatar){
        width:auto;
        flex:1 1 0;
    }
    .topbar-tools .user-chip .btn{
        width:auto !important;
        min-width:auto;
        min-height:36px;
        flex:0 0 auto;
    }
    .content-area{
        margin-top:-38px;
        padding:0 12px 24px;
    }
    .panel-card{
        padding:18px;
        border-radius:20px;
    }
    .panel-header{
        gap:10px;
        margin-bottom:15px;
    }
    .panel-header > .d-flex,
    .panel-header > .btn,
    .panel-header > form{
        max-width:100%;
    }
    .form-control,
    .form-select,
    input,
    select,
    textarea{
        font-size:16px;
    }
    .form-control,
    .form-select{
        min-height:46px;
    }
    .btn:not(.btn-sm):not(.icon-action-btn){
        min-height:44px;
    }
    .panel-card p,
    .panel-card strong,
    .panel-card small,
    .panel-card td,
    .panel-card th,
    .alert{
        overflow-wrap:anywhere;
    }
    .file-preview-modal .modal-dialog{
        width:auto;
        max-width:none;
        min-height:calc(100dvh - 16px);
        margin:8px;
    }
    .file-preview-modal .modal-content{
        max-height:calc(100dvh - 16px);
        border-radius:20px;
    }
    .file-preview-modal .modal-header{
        gap:10px;
        padding:16px 16px 4px;
        align-items:flex-start;
    }
    .file-preview-modal .modal-title{
        overflow-wrap:anywhere;
    }
    .page-scroll-top{
        right:max(14px, env(safe-area-inset-right));
        bottom:max(14px, env(safe-area-inset-bottom));
        width:46px;
        height:46px;
        border-radius:15px;
    }
}

@media (max-width:480px){
    .sidebar,
    .app-shell.is-sidebar-collapsed .sidebar{
        width:calc(100vw - 22px);
        padding-left:12px;
        padding-right:12px;
    }
    .sidebar-role,
    .sidebar-footer{
        padding:12px 14px;
    }
    .mobile-menu-control{
        min-width:46px;
        width:46px;
        padding:0;
        border-radius:14px;
    }
    .mobile-menu-control span{
        position:absolute;
        width:1px;
        height:1px;
        overflow:hidden;
        clip:rect(0,0,0,0);
        white-space:nowrap;
    }
    .mobile-menu-control i{
        font-size:1.25rem;
    }
    .mobile-appbar-context strong{
        max-width:64vw;
    }
    .topbar{
        padding:18px 11px 58px;
    }
    .topbar-copy h1{
        font-size:clamp(1.55rem,9vw,1.95rem);
    }
    .content-area{
        padding-left:12px;
        padding-right:12px;
    }
    .panel-card{
        padding:15px;
        border-radius:18px;
    }
    .user-chip{
        gap:9px;
        padding-right:8px;
    }
    .user-chip strong{
        font-size:.83rem;
    }
    .user-chip .btn{
        flex:0 0 auto;
    }
}

.packaging-check-history{grid-column:1/-1;min-width:0;font-size:.76rem}
.packaging-check-history > summary{cursor:pointer;min-height:32px;display:flex;align-items:center;color:var(--slacol-steel)}
.packaging-check-history .packaging-mark-row{flex-wrap:wrap}
.packaging-detail-state strong{white-space:nowrap}
@media(max-width:767px){
  .packaging-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .packaging-detail-kpis .packaging-kpi{min-height:90px;padding:12px;gap:8px;box-shadow:none}
  .packaging-detail-kpis .packaging-kpi-icon{display:none}
  .packaging-detail-kpis .packaging-kpi strong{font-size:1.3rem}
  .packaging-detail-kpis .packaging-kpi small{font-size:.68rem}
  .packaging-detail-code{display:none}
  .packaging-detail-hero{padding:14px;gap:10px}
  .packaging-detail-state{flex-wrap:wrap;gap:10px}
}

@media (prefers-reduced-motion:reduce){
    .app-shell,
    .sidebar,
    .sidebar-backdrop,
    .page-scroll-top{
        transition:none !important;
    }
}

/* Checklist ágil: resultado por ítem y evidencia general por categoría. */
.packaging-component-group .packaging-group-items{
    gap:8px;
    padding:12px 14px 14px;
}
.packaging-item-card.packaging-quick-item{
    display:grid;
    grid-template-columns:minmax(190px,.85fr) minmax(390px,1.15fr);
    align-items:center;
    min-width:0;
    border-radius:14px;
    border-left:4px solid #c1cad6;
    box-shadow:0 4px 14px rgba(15,31,53,.045);
    overflow:visible;
}
.packaging-item-card.packaging-quick-item[data-packaging-status="conforme"]{border-left-color:var(--slacol-success)}
.packaging-item-card.packaging-quick-item[data-packaging-status="novedad"]{border-left-color:var(--slacol-danger);background:#fffafa}
.packaging-item-card.packaging-quick-item[data-packaging-status="no_aplica"]{border-left-color:#8390a1;background:#fbfcfd}
.packaging-quick-item .packaging-item-head{
    min-width:0;
    padding:9px 12px;
    border:0;
}
.packaging-quick-item .packaging-item-head > div:first-child{gap:9px}
.packaging-quick-item .packaging-item-number{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:.66rem;
}
.packaging-quick-item .packaging-item-head h3{
    margin:1px 0 0;
    font-size:.87rem;
    line-height:1.25;
}
.packaging-quick-item .packaging-item-head small{font-size:.62rem;line-height:1.3}
.packaging-quick-item .packaging-item-stage-grid{
    min-width:0;
    padding:7px 9px 7px 0;
}
.packaging-quick-check{
    display:grid;
    grid-template-columns:minmax(145px,1fr) auto auto;
    align-items:center;
    gap:7px;
    min-width:0;
}
.packaging-quick-check > *{min-width:0}
.packaging-quick-check .form-select{
    width:100%;
    min-height:44px;
    padding-top:.45rem;
    padding-bottom:.45rem;
    border-radius:11px;
    font-size:.78rem;
    font-weight:750;
}
.packaging-quick-check > [data-packaging-stage-badge]{
    justify-self:start;
    max-width:100%;
    white-space:nowrap;
}
.packaging-quick-check > [data-packaging-save-button]{
    min-width:76px;
    min-height:44px;
    border-radius:11px;
}
.packaging-quick-check > [data-packaging-save-state]{
    grid-column:1 / -1;
    display:block;
    min-height:0;
    color:var(--slacol-steel);
    font-size:.61rem;
    font-weight:700;
    line-height:1.35;
    overflow-wrap:anywhere;
}
.packaging-quick-check > [data-packaging-save-state]:empty{display:none}
.packaging-quick-check > [data-packaging-save-state].is-saving{color:var(--slacol-blue)}
.packaging-quick-check > [data-packaging-save-state].is-saved{color:var(--slacol-success)}
.packaging-quick-check > [data-packaging-save-state].is-error{color:var(--slacol-danger)}
.packaging-quick-check .packaging-check-history{
    grid-column:1 / -1;
    min-width:0;
    border-top:1px dashed #dce5ef;
}
.packaging-quick-check .packaging-check-history > summary{
    display:flex;
    align-items:center;
    min-height:44px;
    color:var(--slacol-steel);
    cursor:pointer;
    font-size:.65rem;
    font-weight:800;
}
.packaging-quick-item .packaging-verification-proof,
.packaging-quick-item .packaging-verify-toggle,
.packaging-quick-item .packaging-actor-history,
.packaging-quick-item footer{display:none}

.packaging-category-panel{
    min-width:0;
    margin:0 14px 14px;
    padding:17px;
    border:1px solid rgba(42,79,150,.2);
    border-radius:16px;
    background:linear-gradient(135deg,#fff,#f5f9ff);
    box-shadow:0 8px 22px rgba(15,31,53,.055);
}
.packaging-category-panel > .panel-header{
    min-width:0;
    margin:0 0 14px;
    padding:0;
    border:0;
    background:transparent;
}
.packaging-category-panel > .panel-header h3{
    margin:0;
    color:var(--slacol-navy);
    font-size:1rem;
    overflow-wrap:anywhere;
}
.packaging-category-panel > .panel-header span{
    display:block;
    margin-top:3px;
    color:var(--slacol-steel);
    font-size:.68rem;
}
.packaging-category-panel > form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto;
    gap:8px 16px;
    min-width:0;
}
.packaging-category-panel > form > *{min-width:0;max-width:100%}
.packaging-category-panel > form > .form-label{
    grid-column:1;
    grid-row:1;
    align-self:end;
    margin:0;
}
.packaging-category-panel > form > textarea[name="comments"]{
    grid-column:1;
    grid-row:2;
    min-height:112px;
    resize:vertical;
    border-radius:13px;
}
.packaging-category-panel .packaging-upload-field{
    grid-column:2;
    grid-row:1 / span 2;
    min-width:0;
    padding:12px;
    border:1px dashed #c8d7e9;
    border-radius:14px;
    background:#fff;
}
.packaging-category-panel .packaging-upload-field .form-label{margin-bottom:7px}
.packaging-category-panel [data-packaging-files]{
    width:100%;
    min-width:0;
    min-height:48px;
    border-radius:12px;
    font-size:.75rem;
}
.packaging-category-panel .packaging-evidence-list,
.packaging-category-panel .packaging-stage-actions{
    grid-column:1 / -1;
}
.packaging-category-panel .packaging-evidence-list{margin-top:7px}
.packaging-category-panel .packaging-stage-actions{
    min-width:0;
    margin-top:4px;
    padding-top:11px;
}
.packaging-category-panel .packaging-stage-actions > [data-packaging-save-state]{
    min-width:0;
    overflow-wrap:anywhere;
}
.packaging-category-panel [data-packaging-save-button],
.packaging-category-panel .file-action-group .btn{
    min-height:44px;
}

@media (max-width:900px){
    .packaging-item-card.packaging-quick-item{grid-template-columns:minmax(0,1fr)}
    .packaging-quick-item .packaging-item-head{padding:9px 11px 4px}
    .packaging-quick-item .packaging-item-stage-grid{padding:4px 10px 9px}
}

@media (max-width:768px){
    .packaging-component-group .packaging-group-items{padding:9px}
    .packaging-category-panel{margin:0 9px 9px;padding:14px}
    .packaging-category-panel > form{grid-template-columns:minmax(0,1fr);gap:8px}
    .packaging-category-panel > form > .form-label,
    .packaging-category-panel > form > textarea[name="comments"],
    .packaging-category-panel .packaging-upload-field{
        grid-column:1;
        grid-row:auto;
    }
}

@media (max-width:420px){
    .packaging-component-group > summary{gap:9px;padding:12px 10px}
    .packaging-component-group .packaging-group-items{padding:7px}
    .packaging-item-card.packaging-quick-item{border-radius:12px}
    .packaging-quick-check{grid-template-columns:minmax(0,1fr) auto}
    .packaging-quick-check > .form-select{grid-column:1 / -1}
    .packaging-quick-check > [data-packaging-stage-badge]{grid-column:1}
    .packaging-quick-check > [data-packaging-save-button]{grid-column:2;min-width:84px}
    .packaging-quick-check > [data-packaging-save-state],
    .packaging-quick-check .packaging-check-history{grid-column:1 / -1}
    .packaging-category-panel{margin:0 7px 8px;padding:11px;border-radius:13px}
    .packaging-category-panel .packaging-upload-field{padding:10px}
    .packaging-category-panel .packaging-stage-actions{align-items:stretch;flex-direction:column}
    .packaging-category-panel [data-packaging-save-button]{width:100%}
    .packaging-category-panel .packaging-evidence-list > div{width:100%}
}

/* Calibration data grid: persistent column sizing and filters without page reloads. */
.calibration-dashboard{
    position:relative;
    min-width:0;
}
.calibration-dashboard::before{
    position:absolute;
    z-index:40;
    top:-5px;
    left:0;
    width:34%;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--slacol-blue),#1686a8,var(--slacol-success));
    box-shadow:0 3px 12px rgba(42,79,150,.28);
    opacity:0;
    transform:translateX(-110%);
    content:"";
    pointer-events:none;
}
.calibration-dashboard.is-loading::before{
    opacity:1;
    animation:calibrationAsyncProgress 1.05s ease-in-out infinite;
}
.calibration-dashboard.is-loading{
    cursor:progress;
}
.calibration-dashboard.is-loading > *{
    opacity:.64;
    pointer-events:none;
    transition:opacity .16s ease;
}
@keyframes calibrationAsyncProgress{
    0%{transform:translateX(-110%)}
    55%{transform:translateX(170%)}
    100%{transform:translateX(310%)}
}
.calibration-filter-card{
    overflow:hidden;
    border:1px solid rgba(191,207,229,.92);
    transition:border-color .18s ease,box-shadow .18s ease;
}
.calibration-filter-card.has-active-filters{
    border-color:rgba(42,79,150,.48);
    box-shadow:inset 4px 0 0 var(--slacol-blue),var(--shadow-md);
}
.calibration-filter-status{
    display:grid;
    gap:12px;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid rgba(215,223,232,.92);
}
.calibration-filter-overview,
.calibration-active-filter-list{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    flex-wrap:wrap;
}
.calibration-filter-overview{
    justify-content:space-between;
}
.calibration-result-count,
.calibration-order-summary,
.calibration-active-filter-title{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#52677f;
    font-size:.75rem;
    font-weight:700;
}
.calibration-result-count{
    padding:8px 11px;
    border-radius:11px;
    color:#214d8c;
    background:#edf4ff;
}
.calibration-result-count strong{
    font-size:.9rem;
}
.calibration-order-summary{
    justify-content:flex-end;
}
.calibration-order-summary strong{
    color:var(--slacol-navy);
}
.calibration-order-summary b{
    padding:5px 8px;
    border:1px solid rgba(42,79,150,.2);
    border-radius:999px;
    color:var(--slacol-blue);
    background:#f5f8fd;
    font-size:.64rem;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.calibration-active-filter-list{
    padding:11px 12px;
    border:1px solid rgba(42,79,150,.18);
    border-radius:14px;
    background:linear-gradient(135deg,#f8fbff,#f1f6fd);
}
.calibration-active-filter-list.is-empty{
    padding:0;
    border:0;
    background:transparent;
}
.calibration-active-filter-title{
    margin-right:2px;
    color:var(--slacol-blue);
}
.calibration-active-filter-list.is-empty .calibration-active-filter-title{
    color:var(--slacol-steel);
}
.calibration-filter-chip,
.data-grid-filter-chip{
    display:inline-grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:6px;
    max-width:min(100%,360px);
    padding:7px 9px;
    border:1px solid rgba(42,79,150,.24);
    border-radius:10px;
    color:#31547f;
    background:#fff;
    box-shadow:0 5px 12px rgba(25,57,103,.05);
    font-size:.68rem;
    line-height:1.25;
    text-decoration:none;
    transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.calibration-filter-chip span,
.data-grid-filter-chip span{
    color:#718299;
    font-size:.6rem;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.calibration-filter-chip strong,
.data-grid-filter-chip strong{
    min-width:0;
    overflow:hidden;
    color:#173b72;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.calibration-filter-chip:hover,
.calibration-filter-chip:focus-visible,
.data-grid-filter-chip:hover,
.data-grid-filter-chip:focus-visible{
    border-color:var(--slacol-blue);
    color:var(--slacol-blue);
    background:#f7faff;
    transform:translateY(-1px);
}
.calibration-async-message{
    min-height:0;
    color:var(--slacol-success);
    font-size:.69rem;
    font-weight:700;
}
.calibration-async-message:empty{
    display:none;
}
.calibration-async-message.is-error{
    display:block;
    padding:10px 12px;
    border:1px solid rgba(214,69,69,.22);
    border-radius:11px;
    color:#9d3232;
    background:#fff5f5;
}
.calibration-filter-action-row .btn-slacol{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}
.calibration-grid-card{
    overflow:hidden;
}
.calibration-grid-toolbar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    min-width:0;
    flex-wrap:wrap;
}
.calibration-grid-count{
    display:inline-flex;
    align-items:baseline;
    gap:5px;
    padding:7px 10px;
    border-radius:10px;
    color:#64768d;
    background:#eef3f9;
    font-size:.67rem;
    font-weight:700;
    white-space:nowrap;
}
.calibration-grid-count strong{
    color:#234e8f;
    font-size:.82rem;
}
.calibration-grid-toolbar .btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:35px;
    border-radius:10px;
    font-size:.67rem;
    font-weight:700;
}
.calibration-grid-toolbar .btn.is-confirmed{
    border-color:rgba(22,129,87,.42);
    color:var(--slacol-success);
    background:#eefaf5;
}
.data-grid-filter-summary{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 13px;
    padding:10px 12px;
    border:1px solid rgba(22,129,87,.22);
    border-left:4px solid var(--slacol-success);
    border-radius:13px;
    background:linear-gradient(135deg,#f3fbf7,#f7faff);
    flex-wrap:wrap;
}
.data-grid-filter-summary[hidden]{
    display:none;
}
.data-grid-filter-summary-title{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-right:2px;
    color:#31684f;
    font-size:.69rem;
    font-weight:700;
}
.data-grid-filter-chip{
    appearance:none;
    cursor:pointer;
    font-family:inherit;
}
.data-grid-clear-filters{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-left:auto;
    border-radius:10px;
    font-size:.65rem;
}
.data-grid-table.is-column-resizable{
    table-layout:fixed;
}
.data-grid-table.is-column-resizable th,
.data-grid-table.is-column-resizable td{
    width:auto;
    min-width:0;
    max-width:none;
}
.data-grid-table colgroup[data-grid-columns] col{
    transition:width .12s ease;
}
.is-resizing-table-column .data-grid-table colgroup[data-grid-columns] col{
    transition:none;
}
.data-grid-table thead th{
    position:sticky;
    overflow:visible;
    vertical-align:top;
    white-space:normal;
}
.data-grid-table thead th.is-sorted{
    background:linear-gradient(180deg,#e9f1fc,#edf4fc);
    box-shadow:inset 0 3px 0 var(--slacol-blue),inset 0 -1px 0 var(--slacol-line);
}
.data-grid-table thead th.is-filtered{
    background:linear-gradient(180deg,#e8f7f0,#edf8f3);
    box-shadow:inset 0 3px 0 var(--slacol-success),inset 0 -1px 0 var(--slacol-line);
}
.data-grid-table thead th.is-sorted.is-filtered{
    background:linear-gradient(180deg,#e7f4f5,#eef7f8);
    box-shadow:inset 0 3px 0 #1686a8,inset 0 -1px 0 var(--slacol-line);
}
.data-grid-table td{
    overflow-wrap:anywhere;
    word-break:normal;
}
.table-sort-link{
    justify-content:space-between;
    width:100%;
    min-height:32px;
    gap:7px;
    padding:3px 2px;
    border-radius:8px;
}
.table-sort-label{
    display:block;
    min-width:0;
    overflow:visible;
    line-height:1.35;
    white-space:normal;
}
.table-sort-indicator{
    display:inline-flex;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
}
.table-sort-state{
    display:inline-flex;
    align-items:center;
    min-height:19px;
    padding:2px 5px;
    border:1px solid rgba(42,79,150,.22);
    border-radius:6px;
    color:var(--slacol-blue);
    background:#fff;
    font-size:.51rem;
    font-weight:900;
    letter-spacing:.04em;
    line-height:1;
}
.table-sort-state[hidden],
.data-grid-table tbody tr[hidden]{
    display:none !important;
}
.data-grid-column-filter{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:5px;
    width:100%;
    min-height:31px;
    margin-top:8px;
    padding:0 7px;
    border:1px solid #d2deeb;
    border-radius:9px;
    color:#71859e;
    background:rgba(255,255,255,.96);
    box-shadow:0 2px 5px rgba(24,55,98,.04);
    cursor:text;
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.data-grid-column-filter:focus-within{
    border-color:#5d87c6;
    background:#fff;
    box-shadow:0 0 0 3px rgba(42,79,150,.12);
}
.is-filtered .data-grid-column-filter{
    border-color:rgba(22,129,87,.55);
    color:var(--slacol-success);
    background:#fff;
    box-shadow:0 0 0 3px rgba(22,129,87,.09);
}
.data-grid-column-filter i{
    font-size:.65rem;
}
.data-grid-column-filter input{
    display:block;
    width:100%;
    min-width:0;
    height:29px;
    padding:0;
    border:0;
    outline:0;
    color:#243d60;
    background:transparent;
    font:700 .62rem/1.2 "Manrope",sans-serif;
    text-transform:none;
}
.data-grid-column-filter input::placeholder{
    color:#91a0b3;
    opacity:1;
}
.data-grid-column-filter input::-webkit-search-cancel-button{
    cursor:pointer;
}
.data-grid-resize-handle{
    position:absolute;
    z-index:8;
    top:0;
    right:-5px;
    bottom:0;
    width:11px;
    cursor:col-resize;
    touch-action:none;
}
.data-grid-resize-handle::after{
    position:absolute;
    top:9px;
    right:5px;
    bottom:9px;
    width:2px;
    border-radius:999px;
    background:rgba(42,79,150,.18);
    content:"";
    transition:background .15s ease,box-shadow .15s ease;
}
.data-grid-resize-handle:hover::after,
.data-grid-resize-handle:focus-visible::after,
.data-grid-resize-handle.is-active::after{
    background:var(--slacol-blue);
    box-shadow:0 0 0 3px rgba(42,79,150,.13);
}
.data-grid-resize-handle:focus-visible{
    outline:0;
}
body.is-resizing-table-column,
body.is-resizing-table-column *{
    cursor:col-resize !important;
    user-select:none !important;
}
.data-grid-empty-cell{
    padding:38px 20px !important;
    color:#74849a;
    text-align:center;
}
.data-grid-empty-cell i,
.data-grid-empty-cell strong,
.data-grid-empty-cell span{
    display:block;
}
.data-grid-empty-cell i{
    margin-bottom:8px;
    color:#5c7ead;
    font-size:1.4rem;
}
.data-grid-empty-cell strong{
    color:#29496f;
}
.data-grid-empty-cell span{
    margin-top:4px;
    font-size:.72rem;
}
.calibration-table{
    min-width:2380px;
}
.calibration-table .calibration-col-index{width:124px;min-width:124px}
.calibration-table .calibration-col-registration{width:178px;min-width:178px}
.calibration-table .calibration-col-last{width:166px;min-width:166px}
.calibration-table .calibration-col-next{width:190px;min-width:190px}
.calibration-table .calibration-col-condition{width:148px;min-width:148px}

@media (max-width:1200px){
    .calibration-filter-overview{
        align-items:flex-start;
        flex-direction:column;
    }
    .calibration-order-summary{
        justify-content:flex-start;
    }
    .calibration-grid-toolbar{
        width:100%;
        justify-content:flex-start;
    }
}

@media (max-width:992px){
    .data-grid-table,
    .data-grid-table.is-column-resizable{
        width:100% !important;
        min-width:0 !important;
        table-layout:auto !important;
    }
    .data-grid-table colgroup[data-grid-columns]{
        display:none;
    }
    .data-grid-resize-handle{
        display:none;
    }
    .calibration-grid-toolbar .vehicle-table-note,
    .calibration-grid-toolbar [data-grid-reset-columns]{
        display:none;
    }
    .calibration-grid-toolbar{
        width:auto;
        justify-content:flex-end;
    }
    .data-grid-filter-summary{
        align-items:stretch;
    }
    .data-grid-clear-filters{
        width:100%;
        justify-content:center;
        margin-left:0;
    }
}

@media (max-width:680px){
    .calibration-filter-status{
        margin-top:15px;
    }
    .calibration-result-count,
    .calibration-order-summary{
        width:100%;
        justify-content:flex-start;
    }
    .calibration-order-summary{
        align-items:flex-start;
        flex-wrap:wrap;
    }
    .calibration-active-filter-list,
    .calibration-filter-chip,
    .data-grid-filter-chip{
        width:100%;
        max-width:none;
    }
    .calibration-grid-toolbar{
        width:100%;
        justify-content:flex-start;
    }
    .calibration-grid-count{
        width:100%;
        justify-content:center;
    }
    .data-grid-filter-summary-title{
        width:100%;
    }
}

@media (prefers-reduced-motion:reduce){
    .calibration-dashboard.is-loading::before{
        animation:none;
        transform:none;
    }
    .data-grid-table colgroup[data-grid-columns] col{
        transition:none;
    }
}
/* Selected inspection photographs, outside the upload label. */
.vr-upload-previews{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px;min-width:0}
.vr-upload-preview{width:120px;max-width:100%;border:1px solid #d8e2ef;border-radius:14px;padding:6px;background:#fff;color:#173c71;text-align:left}
.vr-upload-preview img{width:100%;height:80px;object-fit:cover;border-radius:9px}
.vr-upload-preview span{display:block;font-size:.78rem;overflow-wrap:anywhere;margin-top:5px}
.vr-image-dialog{width:min(920px,calc(100vw - 24px));max-height:90vh;border:1px solid #d8e2ef;border-radius:20px;padding:18px;color:#173c71}
.vr-image-dialog::backdrop{background:rgba(12,30,55,.72)}
.vr-image-dialog-header{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}
.vr-image-dialog-header strong{overflow-wrap:anywhere;min-width:0}
.vr-image-dialog-header button{flex-shrink:0}
.vr-image-dialog>img{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto}
.vr-image-dialog>img[hidden]{display:none}
.packaging-actor-select-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.packaging-actor-select-row>.slacol-combobox,.packaging-actor-select-row>select{flex:1 1 240px;min-width:0}
.packaging-actor-select-row>.btn{flex:0 0 auto;white-space:normal}
.pkg-record-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px}
.pkg-record-file-grid article{min-width:0;padding:12px;border:1px solid #dbe5ef;border-radius:16px;background:#f7faff}
.pkg-record-file-grid article>a{display:block;text-decoration:none;color:#183b70}
.pkg-record-file-grid img{display:block;width:100%;height:150px;object-fit:contain;border-radius:10px;background:#fff}
.pkg-record-file-grid strong{display:block;margin:10px 0;overflow-wrap:anywhere;font-size:.85rem}
.pkg-equipment-description{overflow-wrap:anywhere}
.vehicle-extra-dates-panel{padding:16px;border:1px solid #d8e4f2;border-radius:16px;background:#f7faff}
.vehicle-extra-date-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) auto;gap:12px;align-items:end;margin-top:12px}
.vehicle-extra-date-row>div{min-width:0}
@media(max-width:600px){.vehicle-extra-date-row{grid-template-columns:minmax(0,1fr) auto}.vehicle-extra-date-row>div:nth-child(2){grid-row:2;grid-column:1/-1}.vehicle-extra-date-row>button{grid-column:2;grid-row:1}}

/* Keep BI readable within the available content width, not just the viewport. */
.content-area{container-type:inline-size;container-name:portal-content}
.bi-live-status{margin:0 0 16px;padding:9px 13px;border:1px solid #d9e5ef;border-radius:12px;color:#47627d;background:#f5f9fd;font-size:.75rem;line-height:1.5}
.bi-live-status.is-error{color:#8a540b;background:#fff7e6;border-color:#eed9aa}
.chart-box{height:340px;min-height:0;min-width:0;max-width:100%}
.chart-box.bi-chart-many-labels{height:440px}
.chart-box canvas[data-chart]{width:100%!important;height:100%!important;max-width:100%;max-height:100%}
.bi-chart-column,.bi-chart-column .panel-card{min-width:0}
.bi-chart-empty{position:absolute;inset:40% 15px auto;margin:0;padding:12px;border-radius:12px;color:#64778f;background:rgba(246,249,253,.95);font-size:.82rem;text-align:center;pointer-events:none}
.filter-card form.row[method="get"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));margin:0;gap:16px}
.filter-card form.row[method="get"]>div{width:100%;min-width:0;margin:0;padding:0}
.filter-card form.row[method="get"]>div.col-12{grid-column:1/-1}
.table td .page-badge{min-width:160px;max-width:100%;overflow-wrap:normal;word-break:normal;box-shadow:none;padding:10px 12px}
.table td .page-badge span,.table td .page-badge strong{overflow-wrap:normal;word-break:normal;white-space:normal}
.table td .page-badge span{letter-spacing:.06em}
.table td:has(>.page-badge){min-width:190px}
.field-report-table{min-width:1110px}
.field-report-table td:last-child{white-space:nowrap}
.field-report-table td:nth-child(5){white-space:nowrap}
.field-report-table td .page-badge{width:190px}
.field-report-table th:last-child,.field-report-table td:last-child{position:sticky;right:0;background:#fff;box-shadow:-5px 0 9px rgba(25,50,90,.06);z-index:1}
.field-report-table th:last-child{background:#f4f7fb;z-index:3}
.field-report-filter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.field-report-filter-form>div{width:100%;min-width:0}
.field-report-filter-form>div:last-child{grid-column:1/-1}
.vehicle-request-filter-actions{flex-wrap:wrap}
.field-report-create-column{flex:0 0 100%;max-width:100%}
.field-report-list-column{flex:0 0 100%;max-width:100%}
@container portal-content (min-width:1250px){
  .field-report-create-column{flex:0 0 30%;max-width:30%}
  .field-report-list-column{flex:0 0 70%;max-width:70%}
}
@container portal-content (max-width:1100px){
  .bi-chart-column{flex:0 0 50%;max-width:50%}
}
@container portal-content (max-width:1250px){
  .vehicle-request-filter-card form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vehicle-request-filter-actions{grid-column:1/-1;justify-content:flex-end}
  .vehicle-request-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container portal-content (max-width:760px){
  .bi-chart-column{flex:0 0 100%;max-width:100%}
  .chart-box,.chart-box.tall,.vehicle-chart-box{height:340px}
  .field-report-filter-form,.vehicle-request-filter-card form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-request-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field-report-table{display:block;width:100%!important;min-width:0!important;table-layout:auto}
  .field-report-table thead,.field-report-table colgroup{display:none}
  .field-report-table tbody{display:block;padding:12px}
  .field-report-table tr{display:block;padding:12px;margin-bottom:12px;border:1px solid #dce5f0;border-radius:16px}
  .field-report-table td{display:block;width:100%!important;padding:9px 4px;border:0;white-space:normal}
  .field-report-table td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#74849b;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
  .field-report-table th:last-child,.field-report-table td:last-child{position:static;box-shadow:none;background:transparent}
  .field-report-table td .page-badge{width:100%;min-width:0}
}
@container portal-content (max-width:450px){
  .field-report-filter-form,.vehicle-request-filter-card form,.vehicle-request-kpi-grid{grid-template-columns:minmax(0,1fr)}
  .vehicle-request-filter-card form>div:first-child{grid-column:1}
}
.packaging-equipment-editor .form-label,.packaging-equipment-editor small{display:block}
.packaging-equipment-editor .form-control,.packaging-equipment-editor .form-select{width:100%;min-width:0}
.packaging-equipment-editor textarea{resize:vertical}
.packaging-equipment-editor [data-builder-status]{overflow-wrap:anywhere}