/*
 * ORTEX Enterprise UI corrective layer — v0.2.2.2
 * Fixes viewport scaling, cramped typography, overflowing toolbars,
 * dashboard proportions, table readability, cards and responsive layouts.
 */

:root{
    --ui-scale:var(--ortex-ui-scale,1);
    --content-max:1680px;
    --content-gap:16px;
    --control-height:44px;
    --sidebar-width:252px;
    --topbar-height:72px;
}

/* ORTEX v0.4.0 — Contracts */
.contract-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.contract-form-main{display:grid;gap:18px}.contract-form-side{position:sticky;top:88px}.contract-price-preview{display:grid;gap:14px}.contract-lock-note{display:block;color:var(--muted,#66788a);line-height:1.65}.contract-source-alert{margin-bottom:18px}.contract-addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contract-addon-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border,#dfe6ed);border-radius:12px;background:var(--surface-soft,#f7f9fb)}.contract-addon-item span{min-width:0;display:grid;gap:2px}.contract-addon-item small{color:var(--muted,#66788a)}.contract-addon-item input{width:76px}.contract-finance-inputs{margin-top:16px}.contract-driver-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px}.contract-driver-list span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border,#dfe6ed);background:var(--surface-soft,#f7f9fb);padding:6px 10px;border-radius:999px;font-size:13px}.contract-amendments{display:grid;gap:8px;margin-bottom:18px}.contract-amendments article{padding:11px 14px;border-right:3px solid #6d5dd3;background:var(--surface-soft,#f7f9fb);border-radius:9px}.contract-amendments strong,.contract-amendments small{display:block}.contract-amendments small{color:var(--muted,#66788a)}.contract-amendments p{margin:4px 0 0}.contract-terms{line-height:1.95;white-space:normal}.contract-stage-note{display:grid;gap:5px;padding:13px;border:1px solid #e9c86a;background:#fff8dc;color:#6e5310;border-radius:12px}.contract-stage-note span{font-size:13px;line-height:1.7}.contract-hero .reservation-hero-icon{background:#e8f3f5;color:#0d6775}.table-primary-link{font-weight:750;color:var(--primary,#116c7b);text-decoration:none}.enterprise-table td>small{display:block;color:var(--muted,#66788a);margin-top:2px}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border,#dfe6ed);border-radius:9px;color:inherit}.alert-info{background:#e9f5f7;color:#145a66;border-color:#b9dfe5}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.price-preview-message{font-size:13px;color:var(--muted,#66788a);padding:9px 10px;border-radius:9px;background:var(--surface-soft,#f7f9fb)}

html.dark-theme .contract-addon-item,html.dark-theme .contract-driver-list span,html.dark-theme .contract-amendments article,html.dark-theme .price-preview-message{background:#13283a;border-color:#294359;color:#e8f1f7}html.dark-theme .contract-stage-note{background:#332d18;border-color:#695a28;color:#f5dda0}html.dark-theme .alert-info{background:#12323a;border-color:#245762;color:#c9eef3}

@media (max-width:1100px){.contract-form-layout{grid-template-columns:1fr}.contract-form-side{position:static}.contract-price-preview{grid-template-columns:1fr}.contract-price-preview .panel-head,.contract-price-preview .price-preview-message,.contract-price-preview .price-summary-list,.contract-price-preview .contract-lock-note{grid-column:1/-1}}
@media (max-width:720px){.contract-addon-grid,.form-grid-2{grid-template-columns:1fr}.contract-addon-item{align-items:flex-start}.contract-addon-item input{width:68px}.contract-form .panel{padding:14px}.contract-hero{gap:12px}.heading-actions{width:100%}.heading-actions .btn{flex:1}}

html{
    width:100%;
    min-height:100%;
    overflow-x:hidden;
    font-size:16px;
}

body{
    width:100%;
    min-height:100%;
    overflow-x:hidden;
    zoom:1 !important;
    font-size:calc(14px * var(--ui-scale));
    line-height:1.55;
}

.app-shell,
.main-area{
    min-height:100dvh;
}

.sidebar{
    height:100dvh;
    min-height:100dvh;
}

.enterprise-sidebar{
    flex:0 0 var(--sidebar-width);
    width:var(--sidebar-width);
}

.enterprise-main{
    width:calc(100% - var(--sidebar-width));
    max-width:100%;
}

.enterprise-content{
    width:100%;
    max-width:var(--content-max);
    margin-inline:auto;
    padding:24px clamp(18px,2vw,30px) 44px;
    overflow:visible;
}

/* Sidebar */
.enterprise-brand{
    min-height:78px;
    padding-inline:16px;
}
.enterprise-brand .brand-copy strong{font-size:18px}
.enterprise-brand .brand-copy small{font-size:11px;line-height:1.45}
.nav-section-label{font-size:11px;padding-top:16px}
.enterprise-nav .nav-link{
    min-height:48px;
    gap:12px;
    padding:11px 13px;
    font-size:14px;
    line-height:1.35;
}
.enterprise-nav .nav-icon{width:23px}
.sidebar-footer-actions button{min-height:44px;font-size:13px}
.sidebar-foot{font-size:11px}

/* Top bar */
.enterprise-topbar{
    min-width:0;
    padding-inline:clamp(12px,1.6vw,24px);
    gap:9px;
}
.enterprise-search{
    flex:1 1 440px;
    width:auto;
    min-width:220px;
    max-width:520px;
    height:44px;
}
.enterprise-search input{font-size:13px}
.enterprise-search kbd{font-size:10px}
.context-select{height:44px;max-width:210px}
.context-select select{min-width:0;max-width:160px;font-size:12px;text-overflow:ellipsis}
.quick-create-button{height:44px;font-size:13px;white-space:nowrap}
.icon-topbar-button,.notification-button{width:42px;height:42px;flex:none}
.enterprise-live{height:42px;flex:none}
.enterprise-user-button{height:50px;max-width:210px}
.user-menu-copy{min-width:0}
.user-menu-copy strong,.user-menu-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-copy strong{font-size:12px}
.user-menu-copy small{font-size:10px}

/* Page headings and controls */
.enterprise-page-heading{
    min-width:0;
    margin-bottom:18px;
}
.enterprise-page-heading>div:first-child{min-width:0}
.enterprise-page-heading h1{
    margin-top:5px;
    font-size:clamp(24px,2vw,30px);
    line-height:1.25;
}
.enterprise-page-heading p{font-size:13px;line-height:1.7}
.page-breadcrumb{font-size:11px}
.heading-actions{justify-content:flex-end}
.date-chip,.metric-chip{height:40px;font-size:12px}
.btn{
    min-height:42px;
    padding-inline:16px;
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
}
.btn-small{min-height:36px;font-size:12px}

.panel{min-width:0}
.enterprise-panel-head{margin-bottom:15px}
.enterprise-panel-head h3{font-size:15px;line-height:1.4}
.enterprise-panel-head p{font-size:11px;line-height:1.55}
.enterprise-panel-head>a{font-size:11px}

/* KPI cards */
.enterprise-kpi-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}
.enterprise-kpi{
    min-width:0;
    min-height:132px;
    padding:18px 16px 34px;
    gap:12px;
}
.enterprise-kpi .kpi-icon{width:46px;height:46px}
.enterprise-kpi small{font-size:11px;line-height:1.45}
.enterprise-kpi strong{font-size:27px;line-height:1.15}
.enterprise-kpi em{font-size:10px;line-height:1.4}
.enterprise-kpi .kpi-link{font-size:10px;bottom:12px}

/* Dashboard */
.enterprise-dashboard-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(300px,.88fr) minmax(270px,.72fr);
    gap:14px;
    margin-bottom:14px;
}
.enterprise-chart-panel,.enterprise-fleet-panel,.enterprise-alerts-panel{
    min-height:370px;
    padding:18px;
}
.enterprise-line-chart{height:auto;min-height:285px}
.enterprise-line-chart svg{height:235px}
.enterprise-chart-labels span{font-size:10px}
.enterprise-chart-labels b{font-size:11px}
.fleet-donut-wrap{min-height:280px;gap:22px}
.fleet-donut{width:180px;height:180px}
.fleet-donut>div{width:108px;height:108px}
.fleet-donut strong{font-size:29px}
.fleet-donut span{font-size:11px}
.fleet-legend{gap:12px;min-width:145px}
.fleet-legend>div{font-size:11px;grid-template-columns:10px minmax(58px,1fr) auto auto}
.enterprise-alert{min-height:68px;padding:11px}
.enterprise-alert>span{width:36px;height:36px}
.enterprise-alert strong{font-size:12px;line-height:1.35}
.enterprise-alert small{font-size:10px;line-height:1.45}
.enterprise-alert em{font-size:10px}
.enterprise-bottom-grid{gap:14px}
.enterprise-list-panel,.enterprise-quick-panel{min-height:300px;padding:18px}
.attention-list>a,.enterprise-activity-item{min-height:58px;padding:9px 4px}
.attention-list strong,.enterprise-activity-item strong{font-size:12px}
.attention-list small,.enterprise-activity-item small{font-size:10px;line-height:1.4}
.attention-list em,.enterprise-activity-item em{font-size:10px}
.enterprise-quick-grid a{min-height:102px;font-size:12px}

/* Filters */
.enterprise-filter-bar,
.vehicle-enterprise-filter{
    display:grid;
    grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(145px,.75fr)) auto;
    align-items:end;
    gap:10px;
    padding:16px;
    margin-bottom:14px;
}
.enterprise-filter-bar:not(.vehicle-enterprise-filter){
    grid-template-columns:minmax(280px,1.7fr) repeat(3,minmax(150px,.8fr)) auto;
}
.enterprise-filter-search{min-width:0}
.filter-field,.field{min-width:0}
.filter-field>span,.field>span{
    display:block;
    margin-bottom:6px;
    color:var(--text-2);
    font-size:12px;
    font-weight:650;
}
.filter-field input,.filter-field select,
.field input,.field select,.field textarea{
    width:100%;
    min-width:0;
    min-height:var(--control-height);
    padding:9px 12px;
    font-size:13px;
    line-height:1.35;
}
.field textarea{min-height:94px;resize:vertical}
.filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.check-row{font-size:12px;line-height:1.5}

/* Tables */
.enterprise-table-panel,.vehicle-catalog-panel{overflow:hidden}
.enterprise-table-toolbar{
    min-height:60px;
    padding:12px 16px;
    flex-wrap:wrap;
}
.enterprise-table-toolbar>div:first-child strong{font-size:13px}
.enterprise-table-toolbar>div:first-child span{font-size:10px}
.table-wrap{
    width:100%;
    overflow:auto;
    overscroll-behavior-inline:contain;
    scrollbar-gutter:stable;
}
.enterprise-table{
    width:100%;
    min-width:1020px;
    table-layout:auto;
}
.enterprise-table th{
    height:46px;
    padding:0 13px;
    font-size:11px;
    line-height:1.35;
}
.enterprise-table td{
    height:68px;
    padding:10px 13px;
    font-size:12px;
    line-height:1.5;
}
.enterprise-table code{font-size:11px}
.entity-cell{min-width:230px}
.entity-cell strong{font-size:13px}
.entity-cell small,.cell-sub{font-size:10px;line-height:1.45}
.cell-main{font-size:12px;line-height:1.45}
.customer-avatar{flex:none}
.customer-enterprise-table .customer-entity{min-width:245px}
.status,.risk-badge,.eligibility-badge{
    min-height:26px;
    align-items:center;
    justify-content:center;
    padding:5px 9px;
    font-size:10px;
    line-height:1.25;
    white-space:nowrap;
}
.icon-row-action,.table-action{min-width:34px;min-height:34px;font-size:11px}
.document-counts{white-space:nowrap}

/* Customer list and summary */
.customer-master-layout{
    grid-template-columns:minmax(0,1fr) 310px;
    gap:14px;
}
.customer-summary-drawer{
    top:calc(var(--topbar-height) + 16px);
    min-height:auto;
    padding:18px;
}
.summary-profile-head h3{font-size:16px}
.summary-profile-head p,.summary-section small{font-size:11px}
.summary-section h4{font-size:13px}
.summary-metrics strong{font-size:14px}
.summary-metrics span{font-size:10px}
.summary-actions{gap:8px}

/* Profile pages */
.enterprise-profile-hero{
    align-items:flex-start;
    padding:20px;
}
.profile-title-line h2{font-size:23px;line-height:1.3}
.profile-identity-block code{font-size:11px}
.profile-contact-line{font-size:11px;gap:14px;line-height:1.5}
.assessment-card{min-width:150px;padding:12px}
.assessment-card small{font-size:10px}
.profile-kpi-strip{gap:10px}
.profile-kpi-strip article{min-height:90px;padding:14px}
.profile-kpi-strip small{font-size:10px}
.profile-kpi-strip strong{font-size:15px}
.enterprise-tabs{min-height:56px}
.enterprise-tabs button{height:55px;padding-inline:17px;font-size:12px}
.profile-info-card{padding:18px}
.enterprise-data-list{gap:0 22px}
.enterprise-data-list div{padding:10px 0;align-items:flex-start}
.enterprise-data-list dt{font-size:11px;line-height:1.5}
.enterprise-data-list dd{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.eligibility-reasons{font-size:12px;line-height:1.8}
.success-message{font-size:12px}
.document-card strong{font-size:12px}
.document-card small{font-size:10px}

/* Forms and wizard */
.form-panel{padding:20px}
.form-grid{gap:14px}
.form-section-head strong{font-size:13px}
.form-section-head small{font-size:11px}
.enterprise-wizard{overflow:visible}
.wizard-progress{
    min-height:92px;
    gap:12px;
    padding:15px 20px;
    overflow-x:auto;
    justify-content:flex-start;
}
.wizard-progress>button{flex:none}
.wizard-progress>button>span{width:38px;height:38px;font-size:13px}
.wizard-progress>button strong{font-size:12px}
.wizard-progress>button small{font-size:10px}
.wizard-progress>i{width:52px;flex:none}
.wizard-layout{grid-template-columns:240px minmax(0,1fr);min-height:540px}
.wizard-side-panel{padding:18px 14px}
.wizard-side-panel h3{font-size:14px}
.wizard-side-panel>button{padding:11px}
.wizard-side-panel strong{font-size:12px}
.wizard-side-panel small{font-size:10px;line-height:1.4}
.wizard-info-note strong{font-size:11px}
.wizard-info-note p{font-size:10px}
.wizard-content{min-width:0;padding:22px}
.wizard-step-head h2{font-size:18px}
.wizard-step-head p{font-size:11px}
.wizard-content .field>span{font-size:12px}
.wizard-content .field input,.wizard-content .field select,.wizard-content .field textarea{font-size:13px}
.wizard-review-card h3{font-size:16px}
.wizard-review-card p{font-size:12px}
.wizard-review-card div>span{font-size:10px}
.review-checklist article{font-size:12px}

/* Vehicle cards */
.vehicle-card-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    padding:15px;
}
.fleet-card-media{height:188px}
.fleet-placeholder span{font-size:11px}
.fleet-card-body{padding:14px}
.fleet-card-title h3{font-size:14px;line-height:1.45}
.fleet-card-title h3 small{font-size:11px}
.fleet-card-title code{font-size:10px}
.fleet-specs{font-size:10px;gap:10px}
.doc-health{padding:7px 5px}
.doc-health b{font-size:9px}
.doc-health small{font-size:9px}
.fleet-readiness>small{font-size:9px;line-height:1.35}
.fleet-card-actions a{height:44px;font-size:10px}

/* Vehicle detail */
.vehicle-enterprise-hero{
    grid-template-columns:minmax(360px,1.08fr) minmax(350px,1fr) minmax(260px,.72fr);
    gap:18px;
    padding:20px;
}
.vehicle-main-image{height:320px}
.image-count{font-size:10px}
.vehicle-thumb-strip a{height:62px}
.vehicle-title-status h2{font-size:24px;line-height:1.3}
.vehicle-title-status h2 small{font-size:14px}
.vehicle-title-status p{font-size:11px}
.vehicle-hero-specs{gap:0 22px}
.vehicle-hero-specs div{padding:10px 0}
.vehicle-hero-specs dt{font-size:11px}
.vehicle-hero-specs dd{font-size:12px;line-height:1.45}
.vehicle-status-summary h3{font-size:14px}
.vehicle-health-score small,.vehicle-health-score>span{font-size:10px}
.vehicle-reason-alert strong{font-size:11px}
.vehicle-reason-alert span,.vehicle-ready-message{font-size:10px}
.vehicle-profile-metrics article{min-height:88px;padding:14px}
.vehicle-profile-metrics small{font-size:10px}
.vehicle-profile-metrics strong{font-size:14px}
.notes-box strong{font-size:12px}
.notes-box p{font-size:11px}
.vehicle-image-card strong{font-size:12px}
.vehicle-image-card small{font-size:10px}
.timeline-list strong{font-size:12px}
.timeline-list small{font-size:10px}
.timeline-list em{font-size:10px}

/* Empty/error states */
.empty-state{font-size:12px}
.empty-state strong{font-size:14px}
.empty-state span{font-size:11px;line-height:1.55}
.alert{max-width:var(--content-max);font-size:13px}

/* Dark theme parity */
html.dark-theme .enterprise-table td,
html.dark-theme .enterprise-data-list div,
html.dark-theme .fleet-card-actions,
html.dark-theme .fleet-doc-health{
    border-color:var(--line);
}
html.dark-theme .vehicle-hero-specs div{border-color:var(--line)}
html.dark-theme .vehicle-detail-placeholder,
html.dark-theme .fleet-placeholder{background:linear-gradient(135deg,#162534,#1d3042)}

/* Desktop density and actual available content width */
@media (max-width:1599px){
    .context-form .organization-select{display:none}
    .enterprise-dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr)}
    .enterprise-alerts-panel{grid-column:1/-1;min-height:auto}
    .enterprise-alert-list{grid-template-columns:repeat(3,minmax(0,1fr))}
    .enterprise-bottom-grid{grid-template-columns:1fr 1fr}
    .enterprise-quick-panel{grid-column:1/-1;min-height:auto}
    .enterprise-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}

@media (max-width:1399px){
    .enterprise-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .vehicle-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .enterprise-live{display:none}
    .customer-master-layout{grid-template-columns:1fr}
    .customer-summary-drawer{display:block;position:relative;top:auto;min-height:0}
    .vehicle-enterprise-hero{grid-template-columns:1fr 1fr}
    .vehicle-status-summary{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center}
    .vehicle-status-summary h3{grid-column:1/-1}
    .vehicle-profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:1199px){
    .enterprise-search{max-width:none}
    .context-form{display:none}
    .enterprise-user-button .user-menu-copy{display:none}
    .enterprise-user-button{width:48px;padding:0;justify-content:center;border:0;background:transparent}
    .enterprise-user-button>svg{display:none}
    .enterprise-filter-bar,
    .enterprise-filter-bar:not(.vehicle-enterprise-filter),
    .vehicle-enterprise-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
    .enterprise-filter-search{grid-column:1/-1}
    .filter-actions{grid-column:1/-1}
    .customer-overview-grid{grid-template-columns:1fr 1fr}
    .eligibility-detail-card{grid-column:1/-1}
    .vehicle-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wizard-layout{grid-template-columns:1fr}
    .wizard-side-panel{display:none}
    .vehicle-overview-enterprise-grid{grid-template-columns:1fr 1fr}
    .vehicle-overview-enterprise-grid>section:last-child{grid-column:1/-1}
}

@media (max-width:980px){
    body{overflow-x:hidden}
    body.sidebar-open{overflow:hidden}
    .enterprise-main{width:100%}
    .enterprise-sidebar{
        width:min(86vw,300px);
        flex-basis:min(86vw,300px);
        right:calc(min(86vw,300px) * -1);
    }
    .enterprise-sidebar.open{right:0}
    .enterprise-content{padding:18px 14px 34px}
    .enterprise-topbar{height:64px;min-height:64px;padding-inline:10px}
    .enterprise-search{min-width:0;max-width:none}
    .icon-topbar-button{display:none}
    .quick-create-button{width:42px;padding:0;justify-content:center}
    .quick-create-button span,.quick-create-button svg:last-child{display:none}
    .enterprise-page-heading{align-items:flex-start}
    .enterprise-dashboard-grid,.enterprise-bottom-grid{grid-template-columns:1fr}
    .enterprise-alert-list{grid-template-columns:1fr}
    .enterprise-quick-panel{grid-column:auto}
    .enterprise-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .customer-summary-drawer{display:block}
    .profile-assessment-block{display:flex}
    .profile-hero-actions{width:100%;flex-wrap:wrap}
    .enterprise-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vehicle-enterprise-hero{grid-template-columns:1fr}
    .vehicle-status-summary{grid-column:auto;display:block}
    .vehicle-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vehicle-overview-enterprise-grid,.vehicle-operation-grid{grid-template-columns:1fr}
    .vehicle-overview-enterprise-grid>section:last-child{grid-column:auto}
}

@media (max-width:720px){
    :root{--control-height:46px}
    .enterprise-content{padding-inline:11px}
    .enterprise-page-heading{display:block}
    .heading-actions{margin-top:12px;justify-content:flex-start}
    .enterprise-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .enterprise-kpi{min-height:124px;padding:15px 14px 32px}
    .enterprise-kpi strong{font-size:24px}
    .enterprise-chart-panel,.enterprise-fleet-panel,.enterprise-alerts-panel,
    .enterprise-list-panel,.enterprise-quick-panel{padding:14px}
    .fleet-donut-wrap{flex-direction:column}
    .enterprise-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .enterprise-filter-bar,
    .enterprise-filter-bar:not(.vehicle-enterprise-filter),
    .vehicle-enterprise-filter{grid-template-columns:1fr}
    .enterprise-filter-search,.filter-actions{grid-column:auto}
    .filter-actions .btn{flex:1}
    .enterprise-table{min-width:900px}
    .enterprise-table-toolbar{align-items:flex-start}
    .customer-overview-grid{grid-template-columns:1fr}
    .eligibility-detail-card{grid-column:auto}
    .profile-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
    .enterprise-profile-hero{padding:15px;flex-wrap:wrap}
    .profile-assessment-block{width:100%;display:grid;grid-template-columns:1fr 1fr}
    .assessment-card{min-width:0}
    .enterprise-tabs button{padding-inline:13px}
    .enterprise-data-list{grid-template-columns:1fr}
    .enterprise-document-grid{grid-template-columns:1fr}
    .wizard-progress{padding:12px;gap:8px}
    .wizard-progress>button div{display:none}
    .wizard-progress>i{width:28px}
    .wizard-content{padding:16px}
    .form-grid.two,.form-grid.three,.inline-form,.upload-form,.upload-strip{grid-template-columns:1fr}
    .wizard-footer{flex-wrap:wrap}
    .wizard-footer .btn{flex:1}
    .vehicle-card-grid{grid-template-columns:1fr;padding:10px}
    .fleet-card-media{height:210px}
    .vehicle-main-image{height:250px}
    .vehicle-thumb-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
    .vehicle-thumb-strip a:nth-child(n+5){display:none}
    .vehicle-profile-metrics{grid-template-columns:1fr}
    .vehicle-hero-specs{grid-template-columns:1fr}
    .vehicle-title-status{display:block}
    .vehicle-title-status>.status{display:inline-flex;margin-top:8px}
}

@media (max-width:480px){
    .enterprise-search input{font-size:12px}
    .enterprise-search kbd,.enterprise-notification{display:none}
    .enterprise-kpi-grid{grid-template-columns:1fr}
    .profile-kpi-strip{grid-template-columns:1fr}
    .profile-assessment-block{grid-template-columns:1fr}
    .enterprise-quick-grid{grid-template-columns:1fr 1fr}
    .heading-actions .btn{flex:1}
    .date-chip{width:100%;justify-content:center}
}

@media (min-width:981px){
    .app-shell.sidebar-collapsed{--sidebar-width:84px}
    .app-shell.sidebar-collapsed .enterprise-main{width:calc(100% - var(--sidebar-width))}
}

@media print{
    body{font-size:12px;zoom:1!important}
    .sidebar,.topbar{display:none!important}
    .enterprise-main{width:100%!important}
    .enterprise-content{max-width:none;padding:0}
}

/* ============================================================
 * v0.2.2.2 — Sidebar/container synchronization fix
 * The desktop shell now uses explicit grid tracks. This removes
 * the old flex + calc(width) conflict that allowed inner widgets
 * to reflow while the main content wrapper appeared unchanged.
 * ============================================================ */
@media (min-width:981px){
    .app-shell.enterprise-shell{
        display:grid;
        grid-template-columns:minmax(0,1fr) var(--sidebar-width);
        align-items:stretch;
        width:100%;
        max-width:100%;
        overflow-x:clip;
    }

    .app-shell.enterprise-shell>.enterprise-sidebar{
        grid-column:2;
        grid-row:1;
        width:var(--sidebar-width);
        min-width:var(--sidebar-width);
        max-width:var(--sidebar-width);
        flex:none;
        transition:none;
    }

    .app-shell.enterprise-shell>.enterprise-main{
        grid-column:1;
        grid-row:1;
        width:100% !important;
        min-width:0;
        max-width:none;
        flex:none;
        overflow-x:clip;
    }

    .enterprise-content{
        width:100%;
        max-width:none;
        margin-inline:0;
    }

    .app-shell.sidebar-collapsed{
        --sidebar-width:84px;
    }

    .app-shell.sidebar-collapsed .enterprise-main{
        width:100% !important;
    }
}

/* Ensure grids and cards shrink with their real parent track, not viewport. */
.enterprise-content,
.enterprise-page-heading,
.enterprise-kpi-grid,
.enterprise-dashboard-grid,
.enterprise-bottom-grid,
.customer-master-layout,
.vehicle-card-grid,
.vehicle-enterprise-hero,
.enterprise-panel,
.panel,
.card{
    min-width:0;
}

.enterprise-kpi,
.enterprise-chart-panel,
.enterprise-fleet-panel,
.enterprise-alerts-panel,
.enterprise-list-panel,
.enterprise-quick-panel,
.customer-summary-drawer,
.fleet-card{
    max-width:100%;
}

@media (max-width:980px){
    .app-shell.enterprise-shell{
        display:block;
        width:100%;
        max-width:100%;
    }

    .app-shell.enterprise-shell>.enterprise-main{
        width:100% !important;
        min-width:0;
    }
}

/* ============================================================
 * v0.2.2.3 — RTL sidebar side and toggle alignment fix
 * Keep the Arabic sidebar physically on the right, while the
 * desktop menu toggle stays at the right edge of the main header.
 * The shell itself uses LTR only for physical grid placement;
 * both application regions restore their correct text direction.
 * ============================================================ */
@media (min-width:981px){
    html[dir="rtl"] .app-shell.enterprise-shell{
        direction:ltr;
        grid-template-columns:minmax(0,1fr) var(--sidebar-width);
    }

    html[dir="rtl"] .app-shell.enterprise-shell>.enterprise-main{
        grid-column:1;
        direction:rtl;
    }

    html[dir="rtl"] .app-shell.enterprise-shell>.enterprise-sidebar{
        grid-column:2;
        direction:rtl;
    }

    html[dir="rtl"] .enterprise-topbar{
        direction:rtl;
    }

    html[dir="rtl"] .enterprise-topbar>.menu-toggle{
        order:-1000;
        margin:0;
    }

    html[dir="ltr"] .app-shell.enterprise-shell{
        direction:ltr;
        grid-template-columns:var(--sidebar-width) minmax(0,1fr);
    }

    html[dir="ltr"] .app-shell.enterprise-shell>.enterprise-sidebar{
        grid-column:1;
        direction:ltr;
    }

    html[dir="ltr"] .app-shell.enterprise-shell>.enterprise-main{
        grid-column:2;
        direction:ltr;
    }

    html[dir="ltr"] .enterprise-topbar{
        direction:ltr;
    }

    html[dir="ltr"] .enterprise-topbar>.menu-toggle{
        order:-1000;
        margin:0;
    }
}

@media (max-width:980px){
    html[dir="rtl"] .enterprise-sidebar{
        right:calc(var(--sidebar-width) * -1);
        left:auto;
        direction:rtl;
    }

    html[dir="rtl"] .enterprise-sidebar.open{
        right:0;
        left:auto;
    }

    html[dir="rtl"] .enterprise-topbar{
        direction:rtl;
    }

    html[dir="rtl"] .enterprise-topbar>.menu-toggle{
        order:-1000;
        margin:0;
    }

    html[dir="ltr"] .enterprise-sidebar{
        left:calc(var(--sidebar-width) * -1);
        right:auto;
        direction:ltr;
    }

    html[dir="ltr"] .enterprise-sidebar.open{
        left:0;
        right:auto;
    }

    html[dir="ltr"] .enterprise-topbar{
        direction:ltr;
    }

    html[dir="ltr"] .enterprise-topbar>.menu-toggle{
        order:-1000;
        margin:0;
    }
}


/* ============================================================
 * v0.2.2.4 — Sidebar state hydration without layout flash
 * Applies the stored collapsed state before the first paint, then
 * hands control to app.js without animating between wrong states.
 * ============================================================ */
html:not(.sidebar-state-hydrated) .app-shell,
html:not(.sidebar-state-hydrated) .enterprise-sidebar,
html:not(.sidebar-state-hydrated) .enterprise-main,
html:not(.sidebar-state-hydrated) .enterprise-topbar,
html:not(.sidebar-state-hydrated) .nav-label,
html:not(.sidebar-state-hydrated) .brand-copy,
html:not(.sidebar-state-hydrated) .sidebar-foot{
    transition:none !important;
    animation:none !important;
}

@media (min-width:981px){
    html.sidebar-collapsed-preload .app-shell.enterprise-shell{
        --sidebar-width:84px;
    }

    html.sidebar-collapsed-preload .app-shell.enterprise-shell .enterprise-sidebar{
        padding-inline:10px;
    }

    html.sidebar-collapsed-preload .app-shell.enterprise-shell .brand-copy,
    html.sidebar-collapsed-preload .app-shell.enterprise-shell .nav-label,
    html.sidebar-collapsed-preload .app-shell.enterprise-shell .sidebar-user-copy,
    html.sidebar-collapsed-preload .app-shell.enterprise-shell .sidebar-foot,
    html.sidebar-collapsed-preload .app-shell.enterprise-shell .nav-section-label{
        display:none;
    }

    html.sidebar-collapsed-preload .app-shell.enterprise-shell .sidebar-brand,
    html.sidebar-collapsed-preload .app-shell.enterprise-shell .nav-link,
    html.sidebar-collapsed-preload .app-shell.enterprise-shell .sidebar-user,
    html.sidebar-collapsed-preload .app-shell.enterprise-shell .sidebar-footer-actions button{
        justify-content:center;
        padding-inline:0;
    }

    html.sidebar-collapsed-preload .app-shell.enterprise-shell .sidebar-theme-action i{
        display:none;
    }

    html.sidebar-collapsed-preload .app-shell.enterprise-shell .enterprise-brand{
        margin-inline:-10px;
    }
}


/* ============================================================
 * v0.2.2.5 — Smooth page navigation and loading state
 * Keeps the current page stable while the next PHP response loads.
 * ============================================================ */
.page-transition{
    position:fixed;
    inset:0;
    z-index:100000;
    display:grid;
    place-items:center;
    padding:24px;
    background:rgba(245,248,252,.84);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .16s ease,visibility 0s linear .16s;
}

.page-transition.is-visible,
html.page-transition-active .page-transition,
html.page-loading-preload .page-transition{
    opacity:1;
    visibility:visible;
    pointer-events:all;
    transition:opacity .16s ease,visibility 0s linear 0s;
}

.page-transition-card{
    width:min(360px,calc(100vw - 40px));
    min-height:230px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:30px 28px 25px;
    border:1px solid rgba(214,222,233,.9);
    border-radius:20px;
    background:rgba(255,255,255,.96);
    box-shadow:0 24px 70px rgba(15,34,55,.18);
    text-align:center;
    transform:translateY(8px) scale(.985);
    transition:transform .18s ease;
}

.page-transition.is-visible .page-transition-card,
html.page-transition-active .page-transition-card,
html.page-loading-preload .page-transition-card{
    transform:translateY(0) scale(1);
}

.page-transition-logo{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(145deg,#1677ff,#0d5fce);
    box-shadow:0 10px 24px rgba(22,119,255,.28);
}

.page-transition-spinner{
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.page-transition-spinner span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#1677ff;
    animation:ortex-loader-dot 1s ease-in-out infinite;
}
.page-transition-spinner span:nth-child(2){animation-delay:.14s}
.page-transition-spinner span:nth-child(3){animation-delay:.28s}

.page-transition strong{
    color:#132238;
    font-size:15px;
    font-weight:750;
    line-height:1.5;
}

.page-transition small{
    color:#758296;
    font-size:11px;
    line-height:1.6;
}

.page-transition-progress{
    position:relative;
    width:100%;
    height:4px;
    margin-top:5px;
    overflow:hidden;
    border-radius:99px;
    background:#e9eef5;
}

.page-transition-progress i{
    position:absolute;
    inset-block:0;
    width:42%;
    border-radius:inherit;
    background:linear-gradient(90deg,transparent,#1677ff,#69a8ff,transparent);
    animation:ortex-loader-progress 1.15s ease-in-out infinite;
}

body.page-transitioning{
    cursor:progress;
    overflow:hidden;
}

body.page-transitioning .app-shell{
    pointer-events:none;
    user-select:none;
}

@keyframes ortex-loader-dot{
    0%,60%,100%{transform:translateY(0);opacity:.42}
    30%{transform:translateY(-5px);opacity:1}
}

@keyframes ortex-loader-progress{
    from{inset-inline-start:-45%}
    to{inset-inline-start:105%}
}

html.dark-theme .page-transition{
    background:rgba(7,19,32,.82);
}
html.dark-theme .page-transition-card{
    border-color:rgba(65,85,108,.78);
    background:rgba(14,31,49,.97);
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}
html.dark-theme .page-transition strong{color:#f3f7fb}
html.dark-theme .page-transition small{color:#9eacbd}
html.dark-theme .page-transition-progress{background:#263b51}

@media (prefers-reduced-motion:reduce){
    .page-transition,
    .page-transition-card,
    .page-transition-spinner span,
    .page-transition-progress i{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}

/* ============================================================
 * v0.2.2.6 — Fixed desktop sidebar + dark palette correction
 * The desktop sidebar is detached from the document scroll and
 * the main region reserves exactly the active sidebar width.
 * Dark mode uses a consistent neutral/blue palette for all core
 * surfaces, fields, tables, badges and overlays.
 * ============================================================ */

@media (min-width:981px){
    .app-shell.enterprise-shell{
        display:block !important;
        position:relative;
        width:100%;
        min-height:100dvh;
        overflow:visible;
    }

    .app-shell.enterprise-shell>.enterprise-sidebar{
        position:fixed !important;
        inset-block:0;
        inset-inline-start:0;
        z-index:100;
        width:var(--sidebar-width) !important;
        min-width:var(--sidebar-width) !important;
        max-width:var(--sidebar-width) !important;
        height:100dvh;
        min-height:100dvh;
        overflow:hidden;
        transition:width .2s ease,min-width .2s ease,max-width .2s ease;
    }

    .app-shell.enterprise-shell>.enterprise-main{
        display:flex;
        width:auto !important;
        min-width:0;
        min-height:100dvh;
        margin-inline-start:var(--sidebar-width);
        overflow:visible;
        transition:margin-inline-start .2s ease;
    }

    .enterprise-sidebar .enterprise-nav{
        min-height:0;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
    }

    .enterprise-topbar{
        position:sticky;
        inset-block-start:0;
        z-index:80;
    }

    html:not(.sidebar-state-hydrated) .app-shell.enterprise-shell>.enterprise-sidebar,
    html:not(.sidebar-state-hydrated) .app-shell.enterprise-shell>.enterprise-main{
        transition:none !important;
    }
}

@media (max-width:980px){
    .app-shell.enterprise-shell>.enterprise-main{
        margin-inline-start:0 !important;
    }

    .app-shell.enterprise-shell>.enterprise-sidebar{
        position:fixed !important;
        inset-block:0;
        height:100dvh;
        min-height:100dvh;
        z-index:120;
    }
}

/* A coherent dark theme: avoid washed-out cards, white fields and low contrast. */
html.dark-theme{
    --accent:#4c8dff;
    --accent-dark:#2f6fe4;
    --accent-soft:#132e50;
    --sidebar:#071522;
    --sidebar-soft:#0c2134;
    --background:#08121e;
    --surface:#0f1c2a;
    --surface-2:#142334;
    --text:#edf3f9;
    --text-2:#c7d3df;
    --muted:#96a7b9;
    --muted-2:#71859a;
    --line:#24374b;
    --line-strong:#35506a;
    --success:#38d39f;
    --success-soft:#0d332b;
    --warning:#f6b94c;
    --warning-soft:#3a2a0f;
    --danger:#ff7078;
    --danger-soft:#3d171d;
    --violet:#a78bfa;
    --violet-soft:#2d2248;
    --shadow:0 1px 2px rgba(0,0,0,.22),0 10px 28px rgba(0,0,0,.18);
    --shadow-lg:0 22px 60px rgba(0,0,0,.42);
    color-scheme:dark;
    background:var(--background);
}

html.dark-theme body,
html.dark-theme .main-area,
html.dark-theme .enterprise-content{
    background:var(--background);
    color:var(--text);
}

html.dark-theme .enterprise-sidebar{
    background:linear-gradient(180deg,var(--sidebar) 0%,#091a2a 100%);
    border-inline-end:1px solid rgba(108,139,170,.14);
}

html.dark-theme .enterprise-topbar{
    background:rgba(12,25,39,.94);
    border-color:var(--line);
    box-shadow:0 1px 0 rgba(255,255,255,.025);
}

html.dark-theme .panel,
html.dark-theme .card,
html.dark-theme .enterprise-panel,
html.dark-theme .enterprise-kpi,
html.dark-theme .mini-stat,
html.dark-theme .form-panel,
html.dark-theme .table-panel,
html.dark-theme .customer-summary-drawer,
html.dark-theme .document-card,
html.dark-theme .vehicle-image-card,
html.dark-theme .vehicle-profile-metrics article,
html.dark-theme .success-panel,
html.dark-theme .scale-preview,
html.dark-theme .enterprise-tabs,
html.dark-theme .wizard-progress,
html.dark-theme .wizard-content,
html.dark-theme .user-dropdown,
html.dark-theme .quick-create-menu{
    background:var(--surface) !important;
    border-color:var(--line) !important;
    color:var(--text);
    box-shadow:var(--shadow);
}

html.dark-theme .menu-toggle,
html.dark-theme .icon-topbar-button,
html.dark-theme .notification-button,
html.dark-theme .live-indicator,
html.dark-theme .btn-secondary,
html.dark-theme .context-select,
html.dark-theme .global-search,
html.dark-theme .filter-search,
html.dark-theme .filter-panel select,
html.dark-theme .enterprise-filter-bar input,
html.dark-theme .enterprise-filter-bar select,
html.dark-theme .vehicle-enterprise-filter input,
html.dark-theme .vehicle-enterprise-filter select{
    background:var(--surface-2) !important;
    border-color:var(--line-strong) !important;
    color:var(--text-2) !important;
}

html.dark-theme input:not([type="checkbox"]):not([type="radio"]),
html.dark-theme select,
html.dark-theme textarea{
    background-color:var(--surface-2);
    border-color:var(--line-strong);
    color:var(--text);
}

html.dark-theme input::placeholder,
html.dark-theme textarea::placeholder{
    color:var(--muted-2);
    opacity:1;
}

html.dark-theme input:focus,
html.dark-theme select:focus,
html.dark-theme textarea:focus{
    border-color:var(--accent) !important;
    box-shadow:0 0 0 3px rgba(76,141,255,.16) !important;
    outline:0;
}

html.dark-theme .enterprise-table,
html.dark-theme .data-table{
    color:var(--text-2);
}

html.dark-theme .enterprise-table th,
html.dark-theme .data-table th{
    background:#122233 !important;
    color:#aebdcb;
    border-color:var(--line);
}

html.dark-theme .enterprise-table td,
html.dark-theme .data-table td,
html.dark-theme .enterprise-data-list div,
html.dark-theme .timeline-list article,
html.dark-theme .attention-list>a,
html.dark-theme .enterprise-activity-item{
    border-color:var(--line) !important;
}

html.dark-theme .enterprise-table tbody tr:hover,
html.dark-theme .data-table tbody tr:hover{
    background:#14283b !important;
}

html.dark-theme .enterprise-table tbody tr.is-selected{
    background:#163552 !important;
}

html.dark-theme .form-section-head,
html.dark-theme .doc-health,
html.dark-theme .detail-grid>div,
html.dark-theme .notes-box,
html.dark-theme .upload-strip,
html.dark-theme .vehicle-status-summary,
html.dark-theme .wizard-side-panel,
html.dark-theme .wizard-info-note,
html.dark-theme .wizard-review-card,
html.dark-theme .user-dropdown-head,
html.dark-theme .user-dropdown-tenant{
    background:var(--surface-2) !important;
    border-color:var(--line) !important;
    color:var(--text-2);
}

html.dark-theme .vehicle-main-image,
html.dark-theme .vehicle-thumb,
html.dark-theme .vehicle-profile-cover,
html.dark-theme .vehicle-thumb-strip a,
html.dark-theme .vehicle-image-card>a,
html.dark-theme .fleet-placeholder,
html.dark-theme .vehicle-detail-placeholder{
    background:#122233 !important;
    border-color:var(--line) !important;
    color:var(--muted);
}

html.dark-theme .readiness-ring::after,
html.dark-theme .fleet-donut>div,
html.dark-theme .vehicle-health-score>div:after{
    background:var(--surface) !important;
}

html.dark-theme .global-search kbd{
    background:#0b1724;
    border-color:var(--line-strong);
    color:var(--muted);
}

html.dark-theme .sidebar-theme-action,
html.dark-theme .sidebar-logout{
    color:#b8c6d5;
}

html.dark-theme .nav-link{color:#91a4b8}
html.dark-theme .nav-link:hover{background:rgba(255,255,255,.065);color:#fff}
html.dark-theme .nav-link.active{color:#fff;background:var(--accent);box-shadow:0 8px 20px rgba(76,141,255,.24)}

html.dark-theme .quick-green{background:#0d332b;color:#55ddb0}
html.dark-theme .quick-violet{background:#2d2248;color:#b8a4ff}
html.dark-theme .quick-blue{background:#132e50;color:#78adff}
html.dark-theme .quick-cyan{background:#0b3035;color:#55d4d8}
html.dark-theme .quick-orange{background:#3a2a0f;color:#f6c565}
html.dark-theme .quick-red{background:#3d171d;color:#ff8b91}

html.dark-theme .eligibility-badge.eligible,
html.dark-theme .verify-badge.verified,
html.dark-theme .vehicle-ready-message{background:var(--success-soft);color:#64ddb7}
html.dark-theme .eligibility-badge.warning,
html.dark-theme .eligibility-badge.review,
html.dark-theme .duplicate-phone{background:var(--warning-soft);color:#f3c367}
html.dark-theme .eligibility-badge.blocked,
html.dark-theme .eligibility-badge.not-eligible,
html.dark-theme .vehicle-reason-alert,
html.dark-theme .blacklist-check{background:var(--danger-soft);color:#ff8b91;border-color:#65303a}
html.dark-theme .verify-badge{background:#1a2a3a;color:#9eb0c2}

html.dark-theme .alert-success{background:#0d3028;border-color:#1e5b49;color:#65d9b3}
html.dark-theme .alert-error{background:#3a171d;border-color:#6f3038;color:#ff9ba1}

html.dark-theme .page-transition{
    background:rgba(4,12,20,.84);
}
html.dark-theme .page-transition-card{
    background:rgba(13,28,43,.98);
    border-color:#314960;
}

html.dark-theme ::-webkit-scrollbar-thumb{
    background:#3a5068;
    border-color:transparent;
    background-clip:content-box;
}
html.dark-theme ::-webkit-scrollbar-thumb:hover{
    background:#4d6781;
    background-clip:content-box;
}

html.dark-theme .muted,
html.dark-theme small,
html.dark-theme .field small{
    color:var(--muted);
}

html.dark-theme .text-danger{color:#ff858c !important}
html.dark-theme .text-success{color:#52dbae !important}

@media print{
    .app-shell.enterprise-shell>.enterprise-sidebar{position:static !important}
    .app-shell.enterprise-shell>.enterprise-main{margin-inline-start:0 !important}
}

/* ========================================================================== 
   ORTEX v0.2.2.7 — Full dark-theme normalization
   Covers all current pages and removes white hover flashes from inherited rules.
   ========================================================================== */
html.dark-theme{
    --dark-canvas:#07111b;
    --dark-surface:#0e1b28;
    --dark-surface-2:#142434;
    --dark-surface-3:#1a2d40;
    --dark-hover:#193047;
    --dark-hover-strong:#223d55;
    --dark-border:#263b4f;
    --dark-border-strong:#36536d;
    --dark-code:#10253a;
    --dark-blue-soft:#102f50;
    --dark-green-soft:#0b342a;
    --dark-orange-soft:#3a2a0e;
    --dark-red-soft:#3d171d;
    --dark-violet-soft:#2c2348;
    --background:var(--dark-canvas);
    --surface:var(--dark-surface);
    --surface-2:var(--dark-surface-2);
    --line:var(--dark-border);
    --line-strong:var(--dark-border-strong);
    --text:#eef5fb;
    --text-2:#cbd8e4;
    --muted:#94a7ba;
    --muted-2:#74899e;
    --accent-soft:var(--dark-blue-soft);
    --success-soft:var(--dark-green-soft);
    --warning-soft:var(--dark-orange-soft);
    --danger-soft:var(--dark-red-soft);
    --violet-soft:var(--dark-violet-soft);
}

/* Base surfaces and all page-level containers. */
html.dark-theme,
html.dark-theme body,
html.dark-theme .app-shell,
html.dark-theme .main-area,
html.dark-theme .enterprise-main,
html.dark-theme .content-area,
html.dark-theme .enterprise-content{
    background:var(--background) !important;
    color:var(--text);
}

html.dark-theme .panel,
html.dark-theme .card,
html.dark-theme .stat-card,
html.dark-theme .filter-bar,
html.dark-theme .filter-panel,
html.dark-theme .enterprise-panel,
html.dark-theme .enterprise-kpi,
html.dark-theme .enterprise-list-panel,
html.dark-theme .enterprise-quick-panel,
html.dark-theme .vehicle-catalog-panel,
html.dark-theme .fleet-card,
html.dark-theme .customer-summary-drawer,
html.dark-theme .profile-header,
html.dark-theme .profile-section,
html.dark-theme .profile-metric,
html.dark-theme .mini-stat,
html.dark-theme .form-panel,
html.dark-theme .table-panel,
html.dark-theme .document-card,
html.dark-theme .vehicle-image-card,
html.dark-theme .vehicle-profile-metrics article,
html.dark-theme .vehicle-overview-panel,
html.dark-theme .vehicle-gallery-panel,
html.dark-theme .vehicle-documents-panel,
html.dark-theme .success-panel,
html.dark-theme .scale-preview,
html.dark-theme .enterprise-tabs,
html.dark-theme .wizard-progress,
html.dark-theme .wizard-content,
html.dark-theme .user-dropdown,
html.dark-theme .quick-create-menu,
html.dark-theme .display-settings-card,
html.dark-theme .assessment-card,
html.dark-theme .auth-security,
html.dark-theme .install-card,
html.dark-theme .check-list,
html.dark-theme .empty-state{
    background:var(--surface) !important;
    border-color:var(--line) !important;
    color:var(--text) !important;
}

/* Secondary surfaces. */
html.dark-theme .form-section-head,
html.dark-theme .detail-grid>div,
html.dark-theme .notes-box,
html.dark-theme .upload-strip,
html.dark-theme .vehicle-status-summary,
html.dark-theme .wizard-side-panel,
html.dark-theme .wizard-info-note,
html.dark-theme .wizard-review-card,
html.dark-theme .user-dropdown-head,
html.dark-theme .user-dropdown-tenant,
html.dark-theme .summary-metrics article,
html.dark-theme .review-checklist article,
html.dark-theme .enterprise-filter-bar,
html.dark-theme .vehicle-enterprise-filter,
html.dark-theme .catalog-view-switch,
html.dark-theme .table-view-actions,
html.dark-theme .fleet-doc-health,
html.dark-theme .doc-health,
html.dark-theme .vehicle-thumb-strip a,
html.dark-theme .vehicle-main-image,
html.dark-theme .vehicle-profile-cover,
html.dark-theme .vehicle-thumb,
html.dark-theme .fleet-card-media,
html.dark-theme .fleet-placeholder,
html.dark-theme .vehicle-detail-placeholder{
    background:var(--surface-2) !important;
    border-color:var(--line) !important;
    color:var(--text-2) !important;
}

/* Typography: eliminate dark text inherited from light-only component rules. */
html.dark-theme h1,
html.dark-theme h2,
html.dark-theme h3,
html.dark-theme h4,
html.dark-theme h5,
html.dark-theme h6,
html.dark-theme strong,
html.dark-theme dt,
html.dark-theme label,
html.dark-theme .activity-item strong,
html.dark-theme .attention-list strong,
html.dark-theme .enterprise-activity-item strong,
html.dark-theme .fleet-card-title h3,
html.dark-theme .vehicle-title-status h2,
html.dark-theme .profile-identity-block h2,
html.dark-theme .page-title,
html.dark-theme .panel-title{
    color:var(--text);
}
html.dark-theme p,
html.dark-theme dd,
html.dark-theme .text-secondary,
html.dark-theme .field>span,
html.dark-theme .fleet-specs,
html.dark-theme .vehicle-hero-specs dd,
html.dark-theme .summary-section dd{
    color:var(--text-2);
}
html.dark-theme small,
html.dark-theme .muted,
html.dark-theme .page-breadcrumb,
html.dark-theme .field small,
html.dark-theme .vehicle-hero-specs dt,
html.dark-theme .summary-section dt,
html.dark-theme .summary-rating-row>span{
    color:var(--muted) !important;
}

/* Inputs, selects, options, search and upload controls. */
html.dark-theme input:not([type="checkbox"]):not([type="radio"]),
html.dark-theme select,
html.dark-theme textarea,
html.dark-theme .field input,
html.dark-theme .field select,
html.dark-theme .field textarea,
html.dark-theme .global-search,
html.dark-theme .enterprise-search,
html.dark-theme .context-select,
html.dark-theme .filter-search,
html.dark-theme .enterprise-filter-search,
html.dark-theme .menu-toggle,
html.dark-theme .icon-topbar-button,
html.dark-theme .notification-button,
html.dark-theme .live-indicator,
html.dark-theme .language-toggle{
    background:var(--surface-2) !important;
    border-color:var(--line-strong) !important;
    color:var(--text) !important;
}
html.dark-theme select option,
html.dark-theme select optgroup{
    background:var(--surface-2);
    color:var(--text);
}
html.dark-theme input::placeholder,
html.dark-theme textarea::placeholder{
    color:var(--muted-2) !important;
    opacity:1;
}
html.dark-theme input:disabled,
html.dark-theme select:disabled,
html.dark-theme textarea:disabled,
html.dark-theme button:disabled{
    background:#101d29 !important;
    color:#64788c !important;
    border-color:#213447 !important;
    opacity:.78;
}
html.dark-theme input:-webkit-autofill,
html.dark-theme input:-webkit-autofill:hover,
html.dark-theme input:-webkit-autofill:focus{
    -webkit-text-fill-color:var(--text);
    -webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;
    transition:background-color 9999s ease-out 0s;
}
html.dark-theme .global-search kbd,
html.dark-theme code{
    background:var(--dark-code) !important;
    color:#9fc5ee !important;
    border-color:var(--line-strong) !important;
}

/* Generic buttons and links. */
html.dark-theme .btn-secondary,
html.dark-theme .icon-row-action,
html.dark-theme .table-action.secondary,
html.dark-theme .fleet-card-title>a,
html.dark-theme .summary-contact-actions a,
html.dark-theme .vehicle-hero-actions .btn-secondary{
    background:var(--surface-2) !important;
    border-color:var(--line-strong) !important;
    color:var(--text-2) !important;
}
html.dark-theme .btn-secondary:hover,
html.dark-theme .icon-row-action:hover,
html.dark-theme .table-action.secondary:hover,
html.dark-theme .fleet-card-title>a:hover,
html.dark-theme .summary-contact-actions a:hover,
html.dark-theme .vehicle-hero-actions .btn-secondary:hover{
    background:var(--dark-hover) !important;
    border-color:#46729a !important;
    color:#8fc2ff !important;
    box-shadow:none !important;
}
html.dark-theme .table-action:not(.danger):hover{
    background:var(--accent) !important;
    color:#fff !important;
}
html.dark-theme .table-action.danger:hover{
    background:var(--danger) !important;
    color:#fff !important;
}

/* Critical hover normalization: prevent white flashes on rows, menus and choices. */
html.dark-theme tbody tr:hover,
html.dark-theme tbody tr:hover td,
html.dark-theme .enterprise-table tbody tr:hover,
html.dark-theme .enterprise-table tbody tr:hover td,
html.dark-theme .data-table tbody tr:hover,
html.dark-theme .data-table tbody tr:hover td{
    background:var(--dark-hover) !important;
    color:var(--text) !important;
}
html.dark-theme tbody tr.is-selected,
html.dark-theme tbody tr.is-selected td,
html.dark-theme .enterprise-table tbody tr.is-selected,
html.dark-theme .enterprise-table tbody tr.is-selected td{
    background:#163753 !important;
    color:var(--text) !important;
}
html.dark-theme .quick-create-menu a:hover,
html.dark-theme .user-dropdown a:hover,
html.dark-theme .user-dropdown form button:hover,
html.dark-theme .wizard-side-panel>button:hover,
html.dark-theme .wizard-side-panel>button.active,
html.dark-theme .enterprise-tabs button:hover,
html.dark-theme .table-view-actions button:hover,
html.dark-theme .catalog-view-switch button:hover,
html.dark-theme .table-view-actions button.active,
html.dark-theme .catalog-view-switch button.active,
html.dark-theme .fleet-card-actions a:hover,
html.dark-theme .quick-links a:hover,
html.dark-theme .attention-list>a:hover,
html.dark-theme .enterprise-activity-item:hover{
    background:var(--dark-hover) !important;
    color:#8fc2ff !important;
    border-color:var(--line-strong) !important;
}
html.dark-theme .enterprise-tabs button.active{
    background:transparent !important;
    color:#84b8ff !important;
    border-bottom-color:var(--accent) !important;
}

/* Tables and data lists. */
html.dark-theme table,
html.dark-theme .enterprise-table,
html.dark-theme .data-table{
    background:var(--surface) !important;
    color:var(--text-2) !important;
}
html.dark-theme thead th,
html.dark-theme .enterprise-table th,
html.dark-theme .data-table th{
    background:#122436 !important;
    color:#aebfce !important;
    border-color:var(--line) !important;
}
html.dark-theme tbody td,
html.dark-theme .enterprise-table td,
html.dark-theme .data-table td{
    background:transparent;
    color:var(--text-2) !important;
    border-color:var(--line) !important;
}
html.dark-theme .table-wrap,
html.dark-theme .table-responsive{
    background:var(--surface) !important;
    border-color:var(--line) !important;
}

/* Dashboard cards, chart guides and KPI colors. */
html.dark-theme .enterprise-kpi:hover,
html.dark-theme .fleet-card:hover{
    background:var(--surface-2) !important;
    border-color:#3d5c77 !important;
    box-shadow:0 12px 30px rgba(0,0,0,.24) !important;
}
html.dark-theme .kpi-indigo{--kpi-soft:#25244d}
html.dark-theme .kpi-green{--kpi-soft:#0c342a}
html.dark-theme .kpi-blue{--kpi-soft:#102f50}
html.dark-theme .kpi-orange{--kpi-soft:#3a2a0e}
html.dark-theme .kpi-red{--kpi-soft:#3d171d}
html.dark-theme .kpi-cyan{--kpi-soft:#0a3338}
html.dark-theme .kpi-violet{--kpi-soft:#2c2348}
html.dark-theme .enterprise-grid-line{stroke:#294055 !important}
html.dark-theme .readiness-ring{
    background:conic-gradient(var(--accent) calc(var(--progress) * 3.6deg),#23384b 0) !important;
}
html.dark-theme .readiness-ring::after,
html.dark-theme .fleet-donut>div,
html.dark-theme .vehicle-health-score>div:after{
    background:var(--surface) !important;
}
html.dark-theme .vehicle-health-score>div{
    background:conic-gradient(var(--success) calc(var(--score) * 1%),#263a4d 0) !important;
}

/* Status, risk and semantic cards. */
html.dark-theme .trend-blue,
html.dark-theme .quick-blue,
html.dark-theme .metric-icon.blue,
html.dark-theme .attention-car,
html.dark-theme .enterprise-activity-item>span{
    background:var(--dark-blue-soft) !important;
    color:#7fb4ff !important;
}
html.dark-theme .quick-green,
html.dark-theme .metric-icon.green,
html.dark-theme .risk-low,
html.dark-theme .status.active,
html.dark-theme .doc-health.ok,
html.dark-theme .eligibility-assessment,
html.dark-theme .eligibility-assessment>span{
    background:var(--dark-green-soft) !important;
    color:#61deb5 !important;
    border-color:#235849 !important;
}
html.dark-theme .quick-orange,
html.dark-theme .metric-icon.orange,
html.dark-theme .risk-medium,
html.dark-theme .doc-health.warn,
html.dark-theme .assessment-card,
html.dark-theme .assessment-card>span,
html.dark-theme .alert-warning,
html.dark-theme .alert-warning>span{
    background:var(--dark-orange-soft) !important;
    color:#f4c368 !important;
    border-color:#604a22 !important;
}
html.dark-theme .quick-red,
html.dark-theme .metric-icon.red,
html.dark-theme .risk-high,
html.dark-theme .status.inactive,
html.dark-theme .alert-danger,
html.dark-theme .alert-danger>span{
    background:var(--dark-red-soft) !important;
    color:#ff8f96 !important;
    border-color:#68313a !important;
}
html.dark-theme .quick-violet,
html.dark-theme .metric-icon.violet{
    background:var(--dark-violet-soft) !important;
    color:#b9a6ff !important;
}
html.dark-theme .quick-cyan{
    background:#0a3338 !important;
    color:#66d9df !important;
}
html.dark-theme .success-message,
html.dark-theme .vehicle-ready-message,
html.dark-theme .alert-success{
    background:var(--dark-green-soft) !important;
    color:#61deb5 !important;
    border-color:#235849 !important;
}
html.dark-theme .alert-error,
html.dark-theme .vehicle-reason-alert,
html.dark-theme .blacklist-check{
    background:var(--dark-red-soft) !important;
    color:#ff969c !important;
    border-color:#68313a !important;
}

/* Vehicle and customer detail pages. */
html.dark-theme .fleet-select-box{
    background:rgba(14,27,40,.94) !important;
    border:1px solid var(--line-strong);
}
html.dark-theme .fleet-doc-health,
html.dark-theme .vehicle-hero-specs div,
html.dark-theme .summary-profile-head,
html.dark-theme .summary-section,
html.dark-theme .profile-section,
html.dark-theme .timeline-list article,
html.dark-theme .attention-list>a,
html.dark-theme .enterprise-activity-item,
html.dark-theme .fleet-card-actions,
html.dark-theme .fleet-card-actions a{
    border-color:var(--line) !important;
}
html.dark-theme .fleet-placeholder,
html.dark-theme .vehicle-detail-placeholder{
    background:linear-gradient(135deg,#122436,#1a2d40) !important;
    color:var(--muted) !important;
}
html.dark-theme .vehicle-image-card.primary{
    border-color:#3f78ad !important;
    box-shadow:0 0 0 2px rgba(76,141,255,.18) !important;
}

/* Wizard and settings pages. */
html.dark-theme .display-settings-card{
    background:linear-gradient(135deg,#0f2235,#122b45) !important;
    border-color:#294e72 !important;
}
html.dark-theme .scale-preview{
    background:var(--surface-2) !important;
    border-color:var(--line-strong) !important;
}
html.dark-theme .wizard-progress>button>span{
    background:var(--surface-3,var(--dark-surface-3)) !important;
    color:var(--text-2) !important;
}
html.dark-theme .wizard-progress>button.active>span{
    background:var(--accent) !important;
    color:#fff !important;
}
html.dark-theme .wizard-progress>button.done>span{
    background:var(--success) !important;
    color:#061812 !important;
}

/* Dropdown/topbar consistency. */
html.dark-theme .enterprise-topbar{
    background:rgba(9,20,31,.96) !important;
    border-color:var(--line) !important;
}
html.dark-theme .user-menu-button{
    color:var(--text-2) !important;
}
html.dark-theme .notification-button>span{
    border-color:var(--surface-2) !important;
}
html.dark-theme .quick-create-menu,
html.dark-theme .user-dropdown{
    box-shadow:0 20px 55px rgba(0,0,0,.48) !important;
}

/* Native focus and keyboard accessibility in dark mode. */
html.dark-theme a:focus-visible,
html.dark-theme button:focus-visible,
html.dark-theme input:focus-visible,
html.dark-theme select:focus-visible,
html.dark-theme textarea:focus-visible{
    outline:2px solid #72aaff !important;
    outline-offset:2px;
}

/* Keep sidebar hover intentionally dark rather than white. */
html.dark-theme .enterprise-nav .nav-link:hover,
html.dark-theme .sidebar-footer-actions button:hover{
    background:#142c41 !important;
    color:#f4f8fc !important;
}
html.dark-theme .enterprise-nav .nav-link.active{
    background:linear-gradient(135deg,#216fe0,#348cf7) !important;
    color:#fff !important;
}


/* =========================================================
   ORTEX v0.3.0 — Pricing Engine UI
   ========================================================= */
.pricing-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pricing-subnav{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:18px;overflow-x:auto}
.pricing-subnav a{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}
.pricing-subnav a:hover{background:var(--surface-2);color:var(--text)}
.pricing-subnav a.active{background:var(--accent-soft);border-color:#bfd4ff;color:var(--accent-dark)}
.pricing-avatar{background:#e7f0ff;color:var(--accent)}
.pricing-table td:nth-child(3),.pricing-table td:nth-child(4),.pricing-table td:nth-child(5){font-variant-numeric:tabular-nums;white-space:nowrap}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.row-actions form{margin:0}
.icon-row-action{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted)}
.icon-row-action:hover{background:var(--accent-soft);border-color:#bfd4ff;color:var(--accent)}
.pricing-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 22px}
.pricing-rate-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.pricing-rate-card>span{display:flex;align-items:center;gap:8px;color:var(--text-2);font-weight:800}.pricing-rate-card input{width:100%;height:54px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text);font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.pricing-rate-card small{color:var(--muted)}
.pricing-rate-card.daily{border-top:3px solid #2563eb}.pricing-rate-card.weekly{border-top:3px solid #7c3aed}.pricing-rate-card.monthly{border-top:3px solid #16a34a}
.pricing-plan-checks{align-self:end}
.pricing-management-grid{display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr);gap:18px;align-items:start}
.compact-management-form{position:sticky;top:calc(var(--topbar-height) + 18px)}
.addon-list,.rule-list{display:flex;flex-direction:column;gap:10px}
.addon-item,.rule-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.addon-item:hover,.rule-item:hover{border-color:var(--line-strong);background:var(--surface)}
.addon-icon,.rule-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.addon-item>div:nth-child(2) strong,.rule-copy strong{display:block;color:var(--text);font-size:14px}.addon-item>div:nth-child(2) small,.rule-copy small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.addon-item em,.rule-copy em{display:block;margin-top:4px;color:var(--muted-2);font-size:11px;font-style:normal}
.rule-icon.discount{background:var(--success-soft);color:var(--success)}.rule-icon.increase{background:var(--warning-soft);color:var(--warning)}
.rule-copy>div{display:flex;align-items:center;gap:8px}.rule-dates{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;white-space:nowrap}.rule-dates small{color:var(--muted-2)}
.weekday-picker{border:1px solid var(--line);border-radius:13px;padding:12px}.weekday-picker legend{padding:0 7px;color:var(--text-2);font-weight:700;font-size:13px}.weekday-picker label{display:inline-flex;align-items:center;margin:4px 0 4px 6px}.weekday-picker input{position:absolute;opacity:0}.weekday-picker span{display:block;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:11px;cursor:pointer}.weekday-picker input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.weekday-picker small{display:block;margin-top:7px;color:var(--muted)}
.price-calculator-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:18px;align-items:start}.price-result-card{position:sticky;top:calc(var(--topbar-height) + 18px);min-height:470px;padding:22px}.price-result-empty,.price-result-loading{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:10px}.price-result-empty>span{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;background:var(--accent-soft);color:var(--accent)}.price-result-empty strong,.price-result-loading strong{color:var(--text);font-size:16px}.price-result-empty small{max-width:260px;line-height:1.7}.mini-spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:pricingSpin .8s linear infinite}@keyframes pricingSpin{to{transform:rotate(360deg)}}
.calculator-addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 20px}.calculator-addon{display:grid;grid-template-columns:auto minmax(0,1fr) 70px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.calculator-addon:hover{border-color:var(--line-strong)}.calculator-addon strong{display:block;color:var(--text);font-size:13px}.calculator-addon small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.calculator-addon>input{width:70px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);text-align:center}.addon-check input{position:absolute;opacity:0}.addon-check i{display:block;width:21px;height:21px;border:2px solid var(--line-strong);border-radius:7px;background:var(--surface);cursor:pointer}.addon-check input:checked+i{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--surface)}
.price-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}.price-result-head>div>span{display:block;color:var(--muted);font-size:12px}.price-result-head>div>strong{display:inline-block;margin-top:4px;color:var(--text);font-size:36px;line-height:1;font-variant-numeric:tabular-nums}.price-result-head>div>small{margin-inline-start:6px;color:var(--muted);font-weight:700}.price-duration-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.price-duration-strip>div{padding:11px 8px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);text-align:center}.price-duration-strip small{display:block;color:var(--muted);font-size:10px}.price-duration-strip strong{display:inline-block;margin-top:4px;color:var(--text);font-size:18px}.price-duration-strip span{color:var(--muted);font-size:10px}.price-lines{display:flex;flex-direction:column;gap:8px;padding:10px 0 14px;border-bottom:1px solid var(--line)}.price-line{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--text-2);font-size:12px}.price-line small{display:block;color:var(--muted);font-size:10px}.price-line strong{font-variant-numeric:tabular-nums}.price-line.discount strong{color:var(--success)}.price-line.adjustment.positive strong{color:var(--warning)}.price-total-lines{display:flex;flex-direction:column;gap:10px;padding-top:14px}.price-total-lines>div{display:flex;justify-content:space-between;color:var(--text-2);font-size:13px}.price-total-lines strong{font-variant-numeric:tabular-nums}.price-total-lines .grand{margin-top:2px;padding-top:13px;border-top:1px dashed var(--line-strong);color:var(--text);font-size:16px;font-weight:800}.price-total-lines .grand strong{font-size:20px;color:var(--accent)}.price-total-lines i{font-style:normal;color:var(--muted)}.discount-approval-alert{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:11px;border:1px solid #f6c76d;border-radius:10px;background:var(--warning-soft);color:#8a4b08;font-size:12px}.price-result-note{display:block;margin-top:13px;color:var(--muted);text-align:center}

html.dark-theme .pricing-subnav a:hover,html.dark-theme .addon-item:hover,html.dark-theme .rule-item:hover{background:var(--dark-hover)!important;color:var(--text)!important}
html.dark-theme .pricing-subnav a.active{background:#153552!important;border-color:#315b82!important;color:#8fc2ff!important}
html.dark-theme .pricing-avatar,html.dark-theme .addon-icon,html.dark-theme .price-result-empty>span{background:var(--dark-blue-soft)!important;color:#7fb4ff!important}
html.dark-theme .pricing-rate-card,html.dark-theme .calculator-addon,html.dark-theme .price-duration-strip>div,html.dark-theme .addon-item,html.dark-theme .rule-item{background:var(--surface-2)!important;border-color:var(--line)!important}
html.dark-theme .pricing-rate-card input,html.dark-theme .calculator-addon>input,html.dark-theme .weekday-picker span,html.dark-theme .addon-check i{background:var(--surface)!important;border-color:var(--line-strong)!important;color:var(--text)!important}
html.dark-theme .rule-icon.discount{background:var(--dark-green-soft)!important;color:#61deb5!important}.dark-theme .rule-icon.increase{background:var(--dark-orange-soft)!important;color:#f4c368!important}
html.dark-theme .discount-approval-alert{background:var(--dark-orange-soft)!important;border-color:#604a22!important;color:#f4c368!important}
html.dark-theme .icon-row-action:hover{background:var(--dark-hover)!important;border-color:#46729a!important;color:#8fc2ff!important}

@media(max-width:1180px){.pricing-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-calculator-layout{grid-template-columns:1fr}.price-result-card{position:relative;top:auto}.pricing-management-grid{grid-template-columns:1fr}.compact-management-form{position:relative;top:auto}}
@media(max-width:760px){.pricing-rate-grid,.calculator-addon-grid{grid-template-columns:1fr}.pricing-kpi-grid{grid-template-columns:1fr}.addon-item,.rule-item{grid-template-columns:auto minmax(0,1fr) auto}.addon-item>.status,.rule-dates{grid-column:2}.addon-item>.row-actions,.rule-item>.row-actions{grid-column:3;grid-row:1/3}.price-duration-strip{grid-template-columns:1fr}.price-result-head>div>strong{font-size:30px}}

/* =========================================================
   ORTEX v0.3.1 — Reservations & Availability UI
   ========================================================= */
.reservation-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.reservation-avatar{background:#e9f1ff;color:var(--accent)}
.reservation-filter{grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(145px,.6fr)) auto}
.reservation-table td{vertical-align:middle}.reservation-table td:nth-child(6){white-space:nowrap;font-variant-numeric:tabular-nums}
.toolbar-link{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:12px;font-weight:800}.toolbar-link .ui-icon{transform:rotate(180deg)}

.reservation-builder{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:18px;align-items:start}
.reservation-main-column{min-width:0;display:flex;flex-direction:column;gap:16px}
.reservation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;position:sticky;top:calc(var(--topbar-height) + 8px);z-index:8}
.reservation-steps button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.reservation-steps button b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}
.reservation-steps button:hover{background:var(--surface-2);color:var(--text)}
.reservation-steps button.active{background:var(--accent-soft);border-color:#bfd4ff;color:var(--accent-dark)}
.reservation-steps button.active b{background:var(--accent);border-color:var(--accent);color:#fff}
.reservation-step-pane{display:none}.reservation-step-pane.active{display:block;animation:reservationPaneIn .22s ease both}@keyframes reservationPaneIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.field-span-2{grid-column:1/-1}.form-actions.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-note{color:var(--muted);font-size:12px}

/* ORTEX v0.6.0 financial documents */
.finance-kpi-grid .enterprise-kpi strong.kpi-money-value{font-size:clamp(16px,1.4vw,23px);white-space:nowrap}.finance-hero .reservation-hero-icon{background:#e8f6f0;color:#176b55}.finance-summary-list{margin-top:18px}.finance-form-panel{max-width:920px;margin-inline:auto}.finance-form-panel .field small{display:block;margin-top:5px;color:var(--muted);line-height:1.55}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b42318;background:#b42318;color:#fff;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.btn-danger:hover{background:#8f1c13;border-color:#8f1c13}.enterprise-table a{color:var(--accent);font-weight:700;text-decoration:none}.enterprise-table a:hover{text-decoration:underline}html.dark-theme .finance-hero .reservation-hero-icon{background:#183e35;color:#72d2b3}html.dark-theme .btn-danger{background:#c43c32;border-color:#c43c32}.finance-form-panel select option[hidden]{display:none}
@media(max-width:680px){.finance-form-panel{padding:14px}.finance-kpi-grid .enterprise-kpi strong.kpi-money-value{font-size:17px}}
.availability-status{display:flex;align-items:center;gap:12px;padding:13px 15px;margin:0 0 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.availability-status .availability-dot{width:11px;height:11px;border-radius:50%;background:var(--muted)}.availability-status strong{display:block;color:var(--text);font-size:13px}.availability-status small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.availability-status.loading .availability-dot{background:var(--warning);box-shadow:0 0 0 5px var(--warning-soft);animation:availabilityPulse 1s infinite}.availability-status.ready .availability-dot{background:var(--success);box-shadow:0 0 0 5px var(--success-soft)}.availability-status.error .availability-dot{background:var(--danger);box-shadow:0 0 0 5px var(--danger-soft)}@keyframes availabilityPulse{50%{opacity:.35}}
.reservation-addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.reservation-addon-card{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);cursor:pointer}.reservation-addon-card:hover{border-color:var(--line-strong);background:var(--surface)}.reservation-addon-card>span{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px}.reservation-addon-card>span input{grid-row:1/3;align-self:center}.reservation-addon-card b{color:var(--text);font-size:13px}.reservation-addon-card small{color:var(--muted);font-size:11px}.reservation-addon-card>input{width:74px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);text-align:center}
.reservation-review-strip{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px;border:1px solid #f3cd78;border-radius:12px;background:var(--warning-soft);color:#86510c}.reservation-review-strip strong{display:block;font-size:12px}.reservation-review-strip small{display:block;margin-top:2px;font-size:11px;line-height:1.6}
.reservation-price-sidebar{position:sticky;top:calc(var(--topbar-height) + 18px);padding:20px;min-height:510px}
.reservation-price-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 10px 18px;color:var(--muted)}.price-state-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--accent-soft);color:var(--accent)}.reservation-price-state strong{color:var(--text);font-size:14px}.reservation-price-state small{font-size:11px}.reservation-price-state.loading .price-state-icon{animation:pricingSpin .8s linear infinite}.reservation-price-state.ready .price-state-icon{background:var(--success-soft);color:var(--success)}.reservation-price-state.error .price-state-icon{background:var(--danger-soft);color:var(--danger)}
.price-summary-list{margin:0;display:flex;flex-direction:column}.price-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.price-summary-list dt{color:var(--muted)}.price-summary-list dd{margin:0;color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}.price-summary-list .price-total{padding:14px 0;font-size:15px;border-bottom:0}.price-summary-list .price-total dd{color:var(--accent);font-size:21px}.price-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.price-meta span{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:10px;text-align:center}.price-meta b{display:block;margin-top:3px;color:var(--text);font-size:12px}.price-approval{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:10px;border:1px solid #efc66d;border-radius:10px;background:var(--warning-soft);color:#84500b;font-size:11px;font-weight:700}

.reservation-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;margin-bottom:18px}.reservation-hero-main{display:flex;align-items:center;gap:14px}.reservation-hero-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--accent-soft);color:var(--accent)}.reservation-hero h2{margin:7px 0 3px;color:var(--text);font-size:23px}.reservation-hero p{margin:0;color:var(--muted);font-size:12px}.reservation-hero-price{text-align:end}.reservation-hero-price small,.reservation-hero-price span{display:block;color:var(--muted);font-size:11px}.reservation-hero-price strong{display:block;margin:3px 0;color:var(--accent);font-size:28px;font-variant-numeric:tabular-nums}.reservation-detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-text-value{font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reservation-details-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.68fr);gap:18px;align-items:start}.reservation-details-main,.reservation-details-side{display:flex;flex-direction:column;gap:18px}.reservation-details-side{position:sticky;top:calc(var(--topbar-height) + 18px)}.reservation-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reservation-note-block{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.reservation-note-block strong{color:var(--text);font-size:12px}.reservation-note-block p{margin:6px 0 0;color:var(--text-2);font-size:12px;line-height:1.8}.reservation-note-block.internal{border-inline-start:3px solid var(--warning)}
.reservation-timeline{position:relative;padding-inline-start:24px}.reservation-timeline:before{content:"";position:absolute;inset-inline-start:7px;top:9px;bottom:9px;width:2px;background:var(--line)}.reservation-timeline article{position:relative;padding:0 0 18px}.reservation-timeline article>span{position:absolute;inset-inline-start:-22px;top:4px;width:12px;height:12px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.reservation-timeline strong{display:block;color:var(--text);font-size:13px}.reservation-timeline small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.reservation-timeline p{margin:5px 0 0;color:var(--text-2);font-size:11px}.btn-block{width:100%;justify-content:center}.cancellation-card{border-inline-start:3px solid var(--danger)}.cancellation-card strong{color:var(--danger)}.cancellation-card p{color:var(--text-2);font-size:12px;line-height:1.7}.cancellation-card small{color:var(--muted)}

.reservation-calendar-panel{padding:16px;overflow:hidden}.reservation-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 4px 16px}.reservation-calendar-toolbar>div{text-align:center}.reservation-calendar-toolbar small{display:block;color:var(--muted);font-size:10px}.reservation-calendar-toolbar h2{margin:3px 0 0;color:var(--text);font-size:21px}.calendar-nav{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-2);font-size:11px;font-weight:800}.calendar-nav:hover{background:var(--accent-soft);border-color:#bfd4ff;color:var(--accent)}.calendar-nav.next .ui-icon{transform:rotate(180deg)}
.reservation-calendar-weekdays,.reservation-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.reservation-calendar-weekdays span{padding:10px;border:1px solid var(--line);border-width:1px 1px 0 0;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800;text-align:center}.reservation-calendar-weekdays span:first-child{border-inline-start:1px solid var(--line)}
.reservation-calendar-day{min-height:150px;padding:8px;border:1px solid var(--line);border-width:1px 1px 0 0;background:var(--surface);overflow:hidden}.reservation-calendar-day:nth-child(7n+1){border-inline-start:1px solid var(--line)}.reservation-calendar-day:nth-last-child(-n+7){border-bottom-width:1px}.reservation-calendar-day.outside{background:var(--surface-2);opacity:.65}.reservation-calendar-day.today{box-shadow:inset 0 0 0 2px var(--accent)}.reservation-calendar-day header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.reservation-calendar-day header strong{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:var(--text);font-size:11px}.reservation-calendar-day.today header strong{background:var(--accent);color:#fff}.reservation-calendar-day header span{color:var(--accent);font-size:9px;font-weight:800}.calendar-day-events{display:flex;flex-direction:column;gap:5px}.calendar-event{display:block;padding:6px 7px;border-inline-start:3px solid var(--accent);border-radius:7px;background:var(--accent-soft);overflow:hidden}.calendar-event b,.calendar-event span,.calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event b{color:var(--text);font-size:9px}.calendar-event span{margin-top:2px;color:var(--text-2);font-size:9px}.calendar-event small{margin-top:2px;color:var(--muted);font-size:8px}.calendar-event.warning{background:var(--warning-soft);border-color:var(--warning)}.calendar-event.eligible{background:var(--success-soft);border-color:var(--success)}.calendar-event.inactive,.calendar-event.blocked{background:var(--danger-soft);border-color:var(--danger)}

html.dark-theme .reservation-avatar,html.dark-theme .reservation-hero-icon,html.dark-theme .price-state-icon{background:var(--dark-blue-soft)!important;color:#82b7ff!important}
html.dark-theme .reservation-steps button:hover,html.dark-theme .reservation-addon-card:hover,html.dark-theme .calendar-nav:hover{background:var(--dark-hover)!important;color:var(--text)!important}
html.dark-theme .reservation-steps button.active{background:#153552!important;border-color:#315b82!important;color:#8fc2ff!important}
html.dark-theme .reservation-steps button b,html.dark-theme .reservation-addon-card,html.dark-theme .availability-status,html.dark-theme .price-meta span,html.dark-theme .reservation-note-block,html.dark-theme .reservation-calendar-weekdays span,html.dark-theme .reservation-calendar-day.outside{background:var(--surface-2)!important;border-color:var(--line)!important}
html.dark-theme .reservation-addon-card>input{background:var(--surface)!important;border-color:var(--line-strong)!important;color:var(--text)!important}
html.dark-theme .reservation-review-strip,html.dark-theme .price-approval{background:var(--dark-orange-soft)!important;border-color:#604a22!important;color:#f4c368!important}
html.dark-theme .reservation-calendar-day{background:var(--surface)!important;border-color:var(--line)!important}.dark-theme .calendar-event{background:#153552!important}.dark-theme .calendar-event.warning{background:var(--dark-orange-soft)!important}.dark-theme .calendar-event.eligible{background:var(--dark-green-soft)!important}.dark-theme .calendar-event.inactive,.dark-theme .calendar-event.blocked{background:var(--dark-red-soft)!important}
html.dark-theme .reservation-timeline article>span{border-color:var(--surface)!important}

@media(max-width:1280px){.reservation-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reservation-filter{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(140px,.6fr));}.reservation-filter .filter-actions{grid-column:1/-1}.reservation-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.reservation-builder,.reservation-details-layout{grid-template-columns:1fr}.reservation-price-sidebar,.reservation-details-side{position:relative;top:auto}.reservation-price-sidebar{order:-1;min-height:auto}.reservation-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.reservation-kpi-grid,.reservation-detail-kpis{grid-template-columns:1fr}.reservation-filter{grid-template-columns:1fr}.reservation-addon-grid{grid-template-columns:1fr}.reservation-steps{position:relative;top:auto}.reservation-steps button span{display:none}.reservation-steps button{min-height:40px}.form-actions.split{align-items:stretch;flex-direction:column}.reservation-hero{align-items:flex-start;flex-direction:column}.reservation-hero-price{text-align:start}.reservation-info-grid{grid-template-columns:1fr}.reservation-calendar-panel{padding:8px;overflow-x:auto}.reservation-calendar-weekdays,.reservation-calendar-grid{min-width:840px}.reservation-calendar-toolbar{min-width:840px}.reservation-calendar-day{min-height:130px}.price-meta{grid-template-columns:1fr}}

/* =========================================================
   ORTEX v0.4.1 — Form containers and control sizing
   Keeps contract cards, fields and responsive columns aligned.
   ========================================================= */
:root{
    --form-control-height:46px;
    --form-panel-padding:clamp(18px,1.6vw,24px);
}

/* Safe sizing for every form grid: long values can no longer widen a card. */
.form-grid,
.form-grid-2,
.form-grid-3,
.contract-addon-grid,
.contract-finance-inputs{
    width:100%;
    min-width:0;
}
.form-grid>*,
.form-grid-2>*,
.form-grid-3>*,
.contract-addon-grid>*,
.contract-finance-inputs>*{
    min-width:0;
    max-width:100%;
}
.field,
.filter-field{
    width:100%;
    min-width:0;
    max-width:100%;
}
.field input,
.field select,
.field textarea,
.filter-field input,
.filter-field select{
    min-width:0;
    max-width:100%;
}

/* Contract page container. */
.contract-form{
    width:100%;
    max-width:var(--content-max);
    margin-inline:auto;
}
.contract-form-layout{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr) minmax(310px,360px);
    gap:clamp(16px,1.5vw,22px);
}
.contract-form-main,
.contract-form-side{
    width:100%;
    min-width:0;
    max-width:100%;
}
.contract-form-main{
    gap:clamp(14px,1.4vw,20px);
}
.contract-form-main>.panel,
.contract-price-preview{
    width:100%;
    min-width:0;
    max-width:100%;
    padding:var(--form-panel-padding);
}
.contract-form-main>.panel{
    display:grid;
    align-content:start;
    gap:18px;
}
.contract-form-main>.panel>.panel-head,
.contract-price-preview>.panel-head{
    min-width:0;
    margin:0;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
}
.contract-form-main>.panel>.panel-head>div,
.contract-price-preview>.panel-head>div{
    min-width:0;
}

/* Equal control dimensions without affecting checkboxes, radios or hidden values. */
.contract-form .field{
    align-content:start;
    gap:7px;
}
.contract-form .field>span{
    min-height:20px;
    display:flex;
    align-items:center;
    line-height:1.45;
}
.contract-form .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.contract-form .field select:not([multiple]){
    width:100%;
    height:var(--form-control-height);
    min-height:var(--form-control-height);
    padding-block:0;
}
.contract-form .field select[multiple]{
    width:100%;
    min-height:132px;
    padding:7px 10px;
    line-height:1.8;
}
.contract-form .field textarea{
    width:100%;
    min-height:112px;
    padding:11px 12px;
}
.contract-form .field small{
    min-height:18px;
    line-height:1.65;
}
.contract-drivers-field{
    grid-column:1/-1;
}

/* Add-ons and finance fields follow the same field rhythm. */
.contract-addon-grid{
    gap:12px;
}
.contract-addon-item{
    width:100%;
    min-width:0;
    min-height:76px;
    padding:12px 14px;
    overflow:hidden;
}
.contract-addon-item>span{
    min-width:0;
    overflow-wrap:anywhere;
}
.contract-addon-item>input{
    flex:0 0 84px;
    width:84px;
    height:var(--form-control-height);
    min-height:var(--form-control-height);
    padding:0 9px;
    border:1px solid var(--line-strong);
    border-radius:9px;
    background:var(--surface);
    color:var(--text);
    text-align:center;
}
.contract-finance-inputs{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:0;
}

/* Price summary remains contained even with large monetary values. */
.contract-form-side{
    position:sticky;
    top:calc(var(--topbar-height) + 18px);
}
.contract-price-preview{
    gap:13px;
    overflow:hidden;
}
.contract-price-preview .price-preview-message,
.contract-price-preview .price-summary-list,
.contract-price-preview .contract-lock-note{
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
}
.contract-price-preview .price-summary-list>div{
    min-width:0;
}
.contract-price-preview .price-summary-list dd{
    min-width:0;
    text-align:end;
    overflow-wrap:anywhere;
}

html.dark-theme .contract-form-main>.panel>.panel-head,
html.dark-theme .contract-price-preview>.panel-head{
    border-color:var(--line);
}
html.dark-theme .contract-addon-item>input{
    background:var(--surface) !important;
    border-color:var(--line-strong) !important;
    color:var(--text) !important;
}

@media(max-width:1240px){
    .contract-form-layout{grid-template-columns:1fr}
    .contract-form-side{position:static;top:auto}
    .contract-price-preview{min-height:0}
}

@media(max-width:900px){
    .contract-finance-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}
    .contract-finance-inputs>.field:last-child:nth-child(odd){grid-column:1/-1}
}

@media(max-width:720px){
    :root{
        --form-control-height:48px;
        --form-panel-padding:16px;
    }
    .contract-form-main>.panel{gap:16px}
    .contract-form-main>.panel>.panel-head,
    .contract-price-preview>.panel-head{padding-bottom:12px}
    .contract-addon-grid,
    .contract-finance-inputs{grid-template-columns:1fr}
    .contract-finance-inputs>.field:last-child:nth-child(odd){grid-column:auto}
    .contract-addon-item{min-height:72px}
}

@media(max-width:480px){
    .contract-form-main>.panel,
    .contract-price-preview{padding:14px}
    .contract-addon-item{align-items:center;gap:10px;padding:11px}
    .contract-addon-item>input{flex-basis:72px;width:72px}
}

/* v0.6.2 — contract-bound hybrid payments */
.payment-contract-lock{display:flex;align-items:center;justify-content:space-between;gap:24px;border-inline-start:4px solid var(--accent)}
.payment-contract-lock__identity{min-width:0}.payment-contract-lock__identity h2{margin:10px 0 5px}.payment-contract-lock__identity p{margin:0;color:var(--muted);overflow-wrap:anywhere}
.payment-amount-summary{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));gap:10px;min-width:min(100%,510px)}
.payment-amount-summary>div,.payment-live-summary>div{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.payment-amount-summary small,.payment-live-summary small{display:block;color:var(--muted);margin-bottom:6px}.payment-amount-summary strong,.payment-live-summary strong{font-size:17px;white-space:nowrap}
.payment-amount-summary .is-outstanding{border-color:#e9b949;background:var(--warning-soft)}
.hybrid-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 12px}
.hybrid-payment-card{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.hybrid-payment-card>span{font-weight:800}.hybrid-payment-card input{font-size:20px;font-weight:800}.hybrid-payment-card small{color:var(--muted);line-height:1.5}
.hybrid-payment-card.cash-card{border-top:4px solid var(--success)}.hybrid-payment-card.visa-card{border-top:4px solid var(--accent)}.hybrid-payment-card.deferred-card{border-top:4px solid var(--warning)}
.hybrid-payment-card.deferred-card input{background:var(--warning-soft)}
.payment-split-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.payment-live-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}.payment-live-summary strong{font-size:21px}
.payment-split-error{padding:11px 13px;border-radius:9px;background:var(--danger-soft);color:var(--danger);font-weight:700}
html.dark-theme .payment-amount-summary .is-outstanding,html.dark-theme .hybrid-payment-card.deferred-card input{background:var(--dark-orange-soft)}
@media(max-width:900px){.payment-contract-lock{align-items:stretch;flex-direction:column}.payment-amount-summary{min-width:0;width:100%}}
@media(max-width:680px){.payment-amount-summary,.hybrid-payment-grid,.payment-live-summary{grid-template-columns:1fr}.hybrid-payment-card{padding:15px}}

/* Contract creation wizard — civil ID to inspection request */
.contract-wizard [hidden]{display:none!important}
.contract-wizard-heading{margin-bottom:14px}
.contract-operation-path{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin-bottom:18px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--surface);
}
.contract-operation-path article{
    position:relative;
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
    padding:13px 16px;
    border-inline-end:1px solid var(--line);
}
.contract-operation-path article:last-child{border-inline-end:0}
.contract-operation-path article>span{
    width:38px;
    height:38px;
    display:grid;
    flex:0 0 auto;
    place-items:center;
    border-radius:11px;
    background:var(--surface-2);
    color:var(--muted);
}
.contract-operation-path article.is-active>span{background:var(--accent-soft);color:var(--accent)}
.contract-operation-path article div{display:grid;min-width:0}
.contract-operation-path small{color:var(--muted);font-size:10px}
.contract-operation-path strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.contract-wizard{width:100%;max-width:1120px;margin-inline:auto}
.contract-wizard-nav{
    display:grid;
    grid-template-columns:minmax(170px,1fr) minmax(34px,.22fr) minmax(170px,1fr) minmax(34px,.22fr) minmax(170px,1fr);
    align-items:center;
    margin:0 24px 18px;
}
.contract-wizard-nav button{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:1px 11px;
    align-items:center;
    min-width:0;
    padding:0;
    border:0;
    background:transparent;
    color:var(--muted);
    text-align:start;
}
.contract-wizard-nav button>span{
    grid-row:1/3;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:2px solid var(--line-strong);
    border-radius:50%;
    background:var(--surface);
    font-weight:800;
}
.contract-wizard-nav button strong{color:var(--text-2);font-size:13px}
.contract-wizard-nav button small{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.contract-wizard-nav button.is-current>span{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 5px var(--accent-soft)}
.contract-wizard-nav button.is-current strong{color:var(--accent)}
.contract-wizard-nav button.is-complete>span{border-color:var(--success);background:var(--success-soft);color:var(--success)}
.contract-wizard-nav>i{height:2px;margin-inline:10px;background:var(--line-strong)}
.contract-wizard-shell{width:100%}
.contract-wizard-panel{width:100%;padding:clamp(18px,2.2vw,30px)}
.contract-wizard-panel-head{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:24px;
    padding-bottom:18px;
    border-bottom:1px solid var(--line);
}
.wizard-panel-icon{
    width:48px;
    height:48px;
    display:grid;
    flex:0 0 auto;
    place-items:center;
    border-radius:13px;
    background:var(--accent-soft);
    color:var(--accent);
}
.contract-wizard-panel-head>div{min-width:0}
.contract-wizard-panel-head>div>span{color:var(--accent);font-size:10px;font-weight:800}
.contract-wizard-panel-head h2{margin:3px 0 4px;font-size:clamp(1.12rem,1.5vw,1.42rem)}
.contract-wizard-panel-head p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.civil-lookup-card{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
    gap:16px;
    align-items:stretch;
    padding:18px;
    border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
    border-radius:15px;
    background:color-mix(in srgb,var(--accent) 4%,var(--surface));
}
.civil-lookup-control{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    overflow:hidden;
    border:1px solid var(--line-strong);
    border-radius:11px;
    background:var(--surface);
    box-shadow:var(--shadow-xs);
}
.civil-lookup-control>svg{margin-inline:13px 4px;color:var(--muted)}
.civil-lookup-control input{
    height:50px!important;
    padding-inline:9px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:16px;
    font-weight:750;
    letter-spacing:.035em;
}
.civil-lookup-control .btn{height:40px;min-height:40px;margin-inline-end:5px;padding-inline:20px}
.civil-lookup-status{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
    padding:13px 15px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface);
}
.civil-lookup-status>span{width:35px;height:35px;display:grid;flex:0 0 auto;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--muted)}
.civil-lookup-status div{display:grid;min-width:0}
.civil-lookup-status strong{font-size:12px}.civil-lookup-status small{color:var(--muted);font-size:10px;line-height:1.6}
.civil-lookup-status.is-success{border-color:color-mix(in srgb,var(--success) 40%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--surface))}
.civil-lookup-status.is-success>span{background:var(--success-soft);color:var(--success)}
.civil-lookup-status.is-warning{border-color:color-mix(in srgb,var(--warning) 40%,var(--line));background:color-mix(in srgb,var(--warning) 6%,var(--surface))}
.civil-lookup-status.is-warning>span{background:var(--warning-soft);color:var(--warning)}
.civil-lookup-status.is-error{border-color:color-mix(in srgb,var(--danger) 40%,var(--line));background:var(--danger-soft)}
.civil-lookup-status.is-error>span{background:var(--danger-soft);color:var(--danger)}
.wizard-spinner{width:18px!important;height:18px!important;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:wizard-spin .7s linear infinite}
@keyframes wizard-spin{to{transform:rotate(360deg)}}
.wizard-customer-found,
.wizard-new-customer,
.wizard-create-blocked{margin-top:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}
.wizard-customer-found{padding:18px}
.wizard-customer-found.is-blocked{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:var(--danger-soft)}
.wizard-customer-found-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.wizard-customer-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:#fff;font-size:17px;font-weight:850}
.wizard-customer-found-head>div{display:grid;min-width:0}
.wizard-customer-found-head small{color:var(--muted);font-size:10px}.wizard-customer-found-head strong{font-size:15px}.wizard-customer-found-head p{margin:2px 0 0;color:var(--muted);font-size:10px}
.wizard-customer-found dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0 0}
.wizard-customer-found dl>div{min-width:0;padding:10px 12px;border-radius:10px;background:var(--surface)}
.wizard-customer-found dt{color:var(--muted);font-size:9px}.wizard-customer-found dd{margin:4px 0 0;overflow-wrap:anywhere;font-size:11px;font-weight:750}
.wizard-eligibility-note{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.7}
.wizard-new-customer{padding:18px}.wizard-new-customer-intro{display:flex;align-items:center;gap:11px;margin-bottom:17px}.wizard-new-customer-intro>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
.wizard-new-customer-intro div{display:grid}.wizard-new-customer-intro strong{font-size:13px}.wizard-new-customer-intro small{color:var(--muted);font-size:10px}
.wizard-document-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.wizard-document-grid>section{min-width:0;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.wizard-document-grid h3{margin:0 0 13px;font-size:12px}
.wizard-new-customer .quick-info-note{margin:14px 0 0}
.wizard-create-blocked{display:flex;align-items:flex-start;gap:10px;padding:15px;color:var(--danger)}.wizard-create-blocked span{color:var(--muted);font-size:11px}
.contract-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.contract-wizard-actions .btn{min-height:46px}.wizard-back-icon{transform:rotate(180deg)}html[dir="ltr"] .wizard-back-icon{transform:none}html[dir="ltr"] [data-next-step] .ui-icon{transform:rotate(180deg)}
.wizard-section-block{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.wizard-section-block+.wizard-section-block{margin-top:14px}
.wizard-section-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.wizard-section-title>span{width:32px;height:32px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:850}.wizard-section-title h3{margin:0;font-size:13px}.wizard-section-title p{margin:2px 0 0;color:var(--muted);font-size:10px}
.wizard-branch-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:10px 12px;border-radius:10px;background:var(--surface);font-size:11px}.wizard-branch-strip span{display:flex;align-items:center;gap:7px;color:var(--muted)}
.wizard-days-display{display:flex;align-items:center;gap:11px;min-height:76px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.wizard-days-display>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.wizard-days-display div{display:grid}.wizard-days-display small{color:var(--muted);font-size:10px}.wizard-days-display strong{font-size:16px;color:var(--accent)}
.wizard-date-error{margin:10px 0 0;color:var(--danger);font-size:10px}
.wizard-section-block .quick-optional-details{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.wizard-price-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--line)}
.wizard-price-preview>div{display:grid;gap:3px;padding:12px 14px;background:var(--surface)}.wizard-price-preview span{color:var(--muted);font-size:10px}.wizard-price-preview strong{font-size:12px}.wizard-price-preview .is-total{background:var(--accent-soft);color:var(--accent)}.wizard-price-preview .is-total span{color:inherit}
.wizard-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.wizard-review-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;min-width:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.wizard-review-grid article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--surface);color:var(--accent)}.wizard-review-grid article>div{display:grid;min-width:0}.wizard-review-grid small{color:var(--muted);font-size:9px}.wizard-review-grid strong{margin-top:2px;overflow-wrap:anywhere;font-size:12px}.wizard-review-grid p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.wizard-review-grid button{padding:0;border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:750}.wizard-review-grid article.is-price{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.wizard-inspection-request{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;margin-top:15px;padding:18px;border:1px solid color-mix(in srgb,var(--warning) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 7%,var(--surface))}.wizard-inspection-request>span:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--warning-soft);color:var(--warning)}.wizard-inspection-request>div>small{color:var(--warning);font-size:9px;font-weight:800}.wizard-inspection-request h3{margin:3px 0 4px;font-size:14px}.wizard-inspection-request p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.wizard-inspection-request ul{display:flex;gap:7px 22px;flex-wrap:wrap;margin:11px 0 0;padding-inline-start:18px;color:var(--text-2);font-size:10px}
.wizard-review-options{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.wizard-review-options summary{cursor:pointer;color:var(--accent);font-size:11px;font-weight:750}.wizard-review-options[open] summary{margin-bottom:15px}
.wizard-submit-note{margin:10px 0 0;color:var(--muted);font-size:10px;text-align:end}.wizard-submit.is-loading{opacity:.7;cursor:wait}
.contract-lifecycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:14px 0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--line)}
.contract-lifecycle article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:13px 15px;background:var(--surface)}
.contract-lifecycle article>span{width:38px;height:38px;display:grid;grid-row:1/2;place-items:center;border-radius:11px;background:var(--surface-2);color:var(--muted)}
.contract-lifecycle article>div{display:grid;min-width:0}.contract-lifecycle small{color:var(--muted);font-size:9px}.contract-lifecycle strong{font-size:11px}.contract-lifecycle p{margin:2px 0 0;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.contract-lifecycle article.is-current{background:color-mix(in srgb,var(--warning) 7%,var(--surface))}.contract-lifecycle article.is-current>span{background:var(--warning-soft);color:var(--warning)}.contract-lifecycle article.is-current strong{color:var(--warning)}
.contract-lifecycle article.is-complete>span{background:var(--success-soft);color:var(--success)}.contract-lifecycle article.is-complete strong{color:var(--success)}
.contract-cancel-card{scroll-margin-top:90px}.contract-cancel-card .panel-head{margin-bottom:8px}.contract-cancel-card .panel-head>svg{color:var(--danger)}.contract-cancel-card form{display:grid;gap:10px;margin-top:12px}.contract-cancel-card .field span{color:var(--text)}

html.dark-theme .civil-lookup-card,
html.dark-theme .wizard-inspection-request{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}

@media(max-width:900px){
    .contract-operation-path{grid-template-columns:1fr 1fr}.contract-operation-path article:nth-child(2){border-inline-end:0}.contract-operation-path article:nth-child(-n+2){border-bottom:1px solid var(--line)}
    .civil-lookup-card{grid-template-columns:1fr}.wizard-customer-found dl{grid-template-columns:1fr 1fr}.wizard-document-grid{grid-template-columns:1fr}.wizard-price-preview{grid-template-columns:1fr 1fr}.contract-lifecycle{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
    .contract-operation-path article{padding:10px}.contract-operation-path article>span{width:34px;height:34px}.contract-operation-path strong{font-size:10px}
    .contract-wizard-nav{grid-template-columns:1fr auto 1fr auto 1fr;margin-inline:0}.contract-wizard-nav button{display:flex;justify-content:center}.contract-wizard-nav button>span{width:38px;height:38px}.contract-wizard-nav button strong,.contract-wizard-nav button small{display:none}.contract-wizard-nav>i{width:24px;margin-inline:3px}
    .contract-wizard-panel{padding:16px}.contract-wizard-panel-head{gap:10px;margin-bottom:17px;padding-bottom:14px}.wizard-panel-icon{width:42px;height:42px}.contract-wizard-panel-head p{font-size:10px}
    .civil-lookup-card{padding:13px}.civil-lookup-control{grid-template-columns:auto minmax(0,1fr)}.civil-lookup-control .btn{grid-column:1/-1;width:calc(100% - 10px);margin:0 5px 5px}.civil-lookup-control input{height:46px!important}
    .wizard-customer-found-head{grid-template-columns:auto minmax(0,1fr)}.wizard-customer-found-head>.status{grid-column:2;justify-self:start}.wizard-customer-found dl,.wizard-review-grid{grid-template-columns:1fr}.wizard-inspection-request{grid-template-columns:auto minmax(0,1fr)}.wizard-inspection-request>.status{grid-column:2;justify-self:start}
    .wizard-section-block{padding:14px}.wizard-price-preview{grid-template-columns:1fr 1fr}.contract-wizard-actions{align-items:stretch;flex-direction:column-reverse}.contract-wizard-actions .btn,.contract-wizard-actions>span{width:100%}.wizard-submit-note{text-align:center}
}
@media(max-width:460px){
    .contract-operation-path{grid-template-columns:1fr}.contract-operation-path article{border-inline-end:0!important;border-bottom:1px solid var(--line)!important}.contract-operation-path article:last-child{border-bottom:0!important}
    .wizard-price-preview{grid-template-columns:1fr}.wizard-customer-found dl{grid-template-columns:1fr}.wizard-review-grid article{grid-template-columns:auto minmax(0,1fr)}.wizard-review-grid article>button{grid-column:2;justify-self:start}.contract-lifecycle{grid-template-columns:1fr}
}

/* ============================================================
 * v0.5.1 — bilingual interface controls and LTR normalization
 * ============================================================ */
.topbar-language-form{
    margin:0;
    flex:0 0 auto;
}
.language-select{
    min-width:112px;
}
.language-select>strong{
    min-width:22px;
    color:var(--primary,#116c7b);
    font-size:11px;
    text-align:center;
}
.language-select select{
    min-width:58px;
}
.auth-language-switch{
    position:fixed;
    inset-block-start:18px;
    inset-inline-end:18px;
    z-index:20;
}
.auth-language-switch label{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:42px;
    padding:6px 10px;
    border:1px solid rgba(148,163,184,.35);
    border-radius:11px;
    background:rgba(255,255,255,.92);
    color:#334155;
    box-shadow:0 8px 25px rgba(15,23,42,.09);
    backdrop-filter:blur(10px);
}
.auth-language-switch span{
    font-size:11px;
    font-weight:700;
}
.auth-language-switch select{
    min-width:84px;
    border:0;
    outline:0;
    background:transparent;
    color:inherit;
    font:inherit;
}
html.dark-theme .auth-language-switch label{
    border-color:rgba(148,163,184,.2);
    background:rgba(15,30,46,.94);
    color:#dce7f3;
}

html[dir="ltr"] body,
html[dir="ltr"] input,
html[dir="ltr"] select,
html[dir="ltr"] textarea,
html[dir="ltr"] button{
    text-align:start;
}
html[dir="ltr"] .enterprise-table th,
html[dir="ltr"] .wizard-progress>button,
html[dir="ltr"] .wizard-side-panel>button,
html[dir="ltr"] .sidebar-footer-actions button{
    text-align:left;
}
html[dir="ltr"] .password-wrap input{
    padding-left:12px;
    padding-right:72px;
}
html[dir="ltr"] .password-wrap button{
    left:auto;
    right:7px;
}
html[dir="ltr"] .summary-section dd,
html[dir="ltr"] .enterprise-data-list dd,
html[dir="ltr"] .vehicle-hero-specs dd,
html[dir="ltr"] .fleet-readiness>small{
    text-align:right;
}
html[dir="ltr"] .eligibility-reasons{
    padding-left:17px;
    padding-right:0;
}
html[dir="ltr"] .contract-amendments article{
    border-right:0;
    border-left:3px solid #6d5dd3;
}

@media(max-width:1240px){
    .language-select{
        min-width:48px;
        padding-inline:8px;
    }
    .language-select select{
        width:1px;
        min-width:1px;
        opacity:0;
        position:absolute;
        inset:0;
        cursor:pointer;
    }
    .language-select>svg{
        display:none;
    }
}

/* Quick contract workflow */
.quick-contract-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:20px;
    align-items:start;
}
.quick-contract-main{
    display:grid;
    gap:16px;
    min-width:0;
}
.quick-contract-side{
    position:sticky;
    top:88px;
    min-width:0;
}
.quick-contract-step{
    padding:0;
    overflow:hidden;
}
.quick-contract-form [hidden]{
    display:none !important;
}
.quick-step-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid var(--line);
    background:var(--surface-2);
}
.quick-step-head>span{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    min-height:38px;
    border-radius:12px;
    background:var(--accent);
    color:#fff;
    font-weight:800;
    letter-spacing:.04em;
}
.quick-step-head h3{
    margin:0 0 3px;
    font-size:1rem;
}
.quick-step-head p{
    margin:0;
    color:var(--muted);
    font-size:.82rem;
    line-height:1.55;
}
.quick-contract-step>.form-grid-2,
.quick-contract-step>.quick-mode-switch,
.quick-contract-step>.quick-customer-finder,
.quick-contract-step>.quick-customer-pane,
.quick-contract-step>.quick-document-columns,
.quick-contract-step>.quick-optional-details,
.quick-contract-step.quick-contract-optional>.field{
    margin:0;
    padding:18px;
}
.quick-customer-finder{
    position:relative;
    display:grid;
    gap:12px;
}
.quick-customer-search-field{
    margin:0;
}
.quick-search-control{
    position:relative;
    display:block;
}
.quick-search-control>svg{
    position:absolute;
    z-index:1;
    inset-inline-start:14px;
    inset-block-start:50%;
    transform:translateY(-50%);
    color:var(--muted);
    pointer-events:none;
}
.quick-search-control>input{
    width:100%;
    min-height:50px;
    padding-inline-start:44px !important;
    font-size:.94rem;
}
.quick-customer-results{
    max-height:330px;
    overflow:auto;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--surface);
    box-shadow:0 14px 36px rgba(15,23,42,.09);
}
.quick-result-caption{
    position:sticky;
    z-index:2;
    inset-block-start:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 13px;
    border-bottom:1px solid var(--line);
    background:color-mix(in srgb,var(--surface) 94%,transparent);
    backdrop-filter:blur(8px);
    color:var(--muted);
    font-size:.75rem;
}
.quick-customer-result{
    appearance:none;
    width:100%;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    padding:11px 13px;
    border:0;
    border-bottom:1px solid var(--line);
    background:transparent;
    color:var(--text);
    text-align:start;
    cursor:pointer;
    transition:background .15s ease,box-shadow .15s ease;
}
.quick-customer-result:last-of-type{
    border-bottom:0;
}
.quick-customer-result:hover,
.quick-customer-result.is-active{
    background:color-mix(in srgb,var(--accent) 8%,var(--surface));
    box-shadow:inset 3px 0 0 var(--accent);
}
html[dir="rtl"] .quick-customer-result:hover,
html[dir="rtl"] .quick-customer-result.is-active{
    box-shadow:inset -3px 0 0 var(--accent);
}
.quick-customer-result.is-disabled{
    cursor:not-allowed;
    opacity:.66;
}
.quick-customer-result.is-disabled:hover{
    background:color-mix(in srgb,var(--danger) 5%,var(--surface));
    box-shadow:none;
}
.quick-customer-avatar{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:13px;
    background:color-mix(in srgb,var(--accent) 12%,var(--surface));
    color:var(--accent);
    font-weight:800;
}
.quick-customer-result-info,
.quick-selected-customer-info{
    display:grid;
    gap:3px;
    min-width:0;
}
.quick-customer-result-info strong,
.quick-customer-result-info small,
.quick-selected-customer-info strong,
.quick-selected-customer-info span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.quick-customer-result-info strong{
    font-size:.88rem;
}
.quick-customer-result-info small,
.quick-selected-customer-info small,
.quick-selected-customer-info span{
    color:var(--muted);
    font-size:.74rem;
}
.quick-customer-status{
    padding:4px 8px;
    border-radius:999px;
    background:var(--success-soft);
    color:var(--success);
    font-size:.68rem;
    font-weight:800;
    white-space:nowrap;
}
.quick-customer-status.status-review{
    background:var(--warning-soft);
    color:var(--warning);
}
.quick-customer-status.status-blocked{
    background:var(--danger-soft);
    color:var(--danger);
}
.quick-customer-empty{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:16px;
    background:var(--surface-2);
}
.quick-customer-empty>div{
    display:grid;
    gap:3px;
}
.quick-customer-empty small{
    color:var(--muted);
    line-height:1.45;
}
.quick-empty-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:13px;
    background:var(--surface);
    color:var(--muted);
}
.quick-no-create-permission{
    max-width:240px;
}
.quick-selected-customer{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:13px;
    border:1px solid color-mix(in srgb,var(--success) 32%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--success) 7%,var(--surface));
}
.quick-new-customer-pane{
    display:grid;
    gap:16px;
    border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
    border-radius:14px;
    background:color-mix(in srgb,var(--accent) 4%,var(--surface));
}
.quick-new-customer-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.quick-new-customer-head>div{
    display:grid;
    gap:3px;
}
.quick-new-customer-head small{
    color:var(--muted);
    line-height:1.5;
}
.quick-new-customer-pane>.form-grid-2{
    margin:0;
}
.quick-mode-switch{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding-bottom:0 !important;
}
.quick-mode-switch label{
    cursor:pointer;
    min-width:0;
}
.quick-mode-switch input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.quick-mode-switch span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:9px 14px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface-2);
    color:var(--muted);
    font-weight:700;
    transition:.18s ease;
}
.quick-mode-switch input:checked+span{
    border-color:var(--accent);
    background:color-mix(in srgb,var(--accent) 11%,var(--surface));
    color:var(--accent);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);
}
.quick-document-columns{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.quick-document-card{
    min-width:0;
    padding:16px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--surface-2);
}
.quick-document-card h4{
    margin:0 0 14px;
    font-size:.92rem;
}
.quick-info-note,
.quick-summary-source{
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:var(--muted);
    font-size:.78rem;
    line-height:1.6;
}
.quick-info-note{
    margin:0 18px 18px;
    padding:11px 13px;
    border:1px solid color-mix(in srgb,var(--warning) 35%,var(--line));
    border-radius:12px;
    background:color-mix(in srgb,var(--warning) 8%,var(--surface));
}
.quick-info-note svg,
.quick-summary-source svg{
    flex:0 0 auto;
    margin-top:2px;
}
.quick-selection-strip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 18px 18px;
    padding:11px 13px;
    border-radius:12px;
    background:var(--surface-2);
    color:var(--muted);
    font-size:.82rem;
}
.quick-selection-strip strong{
    color:var(--text);
    text-align:end;
}
.quick-optional-details{
    border-top:1px solid var(--line);
}
.quick-optional-details summary{
    cursor:pointer;
    color:var(--accent);
    font-weight:700;
}
.quick-optional-details[open] summary{
    margin-bottom:16px;
}
.quick-contract-summary{
    display:grid;
    gap:14px;
    padding:18px;
}
.quick-contract-summary .panel-head{
    padding:0 0 10px;
}
.quick-summary-days{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 13px;
    border-radius:12px;
    background:var(--surface-2);
    color:var(--muted);
}
.quick-summary-days strong{
    color:var(--accent);
    font-size:1.2rem;
}
.quick-contract-summary .price-summary-list{
    margin:0;
}
.quick-summary-source{
    padding:11px 13px;
    border-radius:12px;
    background:color-mix(in srgb,var(--accent) 7%,var(--surface));
}
.quick-contract-summary .contract-lock-note{
    text-align:center;
}

@media(max-width:1100px){
    .quick-contract-layout{
        grid-template-columns:1fr;
    }
    .quick-contract-side{
        position:relative;
        top:auto;
    }
}

@media(max-width:720px){
    .quick-document-columns,
    .quick-mode-switch{
        grid-template-columns:1fr;
    }
    .quick-contract-step>.form-grid-2,
    .quick-contract-step>.quick-mode-switch,
    .quick-contract-step>.quick-customer-finder,
    .quick-contract-step>.quick-customer-pane,
    .quick-contract-step>.quick-document-columns,
    .quick-contract-step>.quick-optional-details,
    .quick-contract-step.quick-contract-optional>.field{
        padding:14px;
    }
    .quick-customer-result,
    .quick-selected-customer{
        grid-template-columns:38px minmax(0,1fr);
    }
    .quick-customer-result>.quick-customer-status,
    .quick-selected-customer>.btn{
        grid-column:2;
        justify-self:start;
    }
    .quick-customer-empty{
        grid-template-columns:auto minmax(0,1fr);
    }
    .quick-customer-empty>.btn,
    .quick-customer-empty>.quick-no-create-permission{
        grid-column:1 / -1;
        width:100%;
    }
    .quick-new-customer-head{
        align-items:stretch;
        flex-direction:column;
    }
    .quick-info-note,
    .quick-selection-strip{
        margin-inline:14px;
        margin-bottom:14px;
    }
}
@media(max-width:720px){
    .auth-language-switch{
        inset-block-start:10px;
        inset-inline-end:10px;
    }
    .auth-language-switch label{
        min-height:38px;
        padding:4px 8px;
    }
    .auth-language-switch span{
        display:none;
    }
}

/* Phase 5 — vehicle handover, return and inspection */
.inspection-contract-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    padding:0;
    margin-bottom:14px;
    overflow:hidden;
    background:var(--line);
}
.inspection-contract-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;padding:15px 17px;background:var(--surface)}
.inspection-contract-strip>div>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.inspection-contract-strip small{color:var(--muted);font-size:11px}.inspection-contract-strip strong{min-width:0;overflow-wrap:anywhere;font-size:13px}
.inspection-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,370px);gap:14px;align-items:start}
.inspection-main{display:grid;gap:14px;min-width:0}.inspection-main>.form-panel{width:100%;margin:0}.inspection-side{display:grid;gap:12px;position:sticky;top:84px;min-width:0}
.inspection-form .form-panel,.inspection-side>.panel{padding:var(--system-panel-padding,20px)}
.inspection-step{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:12px}
.fuel-input-pair{display:grid;grid-template-columns:1fr 88px;gap:9px;align-items:center}.fuel-input-pair input[type="range"]{padding:0;border:0;box-shadow:none;accent-color:var(--accent)}
.inspection-baseline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px;padding:11px 13px;border:1px dashed var(--line-strong);border-radius:10px;background:var(--surface-2)}
.inspection-baseline span{color:var(--muted);font-size:11px}.inspection-baseline strong{font-size:12px}.inspection-baseline small{margin-inline-start:auto;color:var(--muted)}
.inspection-accessories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.inspection-accessories .check-row{min-height:45px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.damage-rows{display:grid;gap:9px;margin-bottom:10px}.damage-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(210px,1.5fr) minmax(110px,.65fr) minmax(110px,.65fr) 36px;gap:8px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}
.damage-row>.field{min-width:0}.damage-remove{width:36px;height:44px;border:1px solid #fecaca;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:21px}.damage-notes{margin-top:13px}
.inspection-upload-zone{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;padding:22px;border:2px dashed #9bbcf5;border-radius:13px;background:rgba(37,99,235,.035);color:var(--accent);text-align:center;cursor:pointer}
.inspection-upload-zone strong{font-size:14px}.inspection-upload-zone span{color:var(--muted);font-size:11px}.inspection-upload-zone input{max-width:100%;margin-top:7px;color:var(--text-2)}
.inspection-photo-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.inspection-photo-preview:empty{display:none}.inspection-photo-preview figure{min-width:0;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2)}
.inspection-photo-preview img{width:100%;height:120px;display:block;object-fit:cover}.inspection-photo-preview figcaption{padding:7px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signature-card{min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.signature-card canvas{width:100%;height:150px;display:block;margin:10px 0;border:1px solid var(--line-strong);border-radius:9px;background:#fff;touch-action:none;cursor:crosshair}.signature-card .required-note{display:block;margin-top:7px;color:var(--warning)}
.settlement-card{padding:17px!important}.settlement-card .panel-head{align-items:flex-start}.settlement-rate-grid{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.settlement-summary,.settlement-total{margin:0}.settlement-summary>div,.settlement-total>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line)}
.settlement-summary dt,.settlement-total dt{color:var(--muted);font-size:11px}.settlement-summary dd,.settlement-total dd{margin:0;text-align:end;font-size:11px;font-weight:700}.settlement-manual-fees{margin:12px 0}
.settlement-total{padding-top:8px;border-top:2px solid var(--line-strong)}.settlement-total .final{margin:8px -8px -2px;padding:12px 8px;border:0;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.settlement-total .final dt,.settlement-total .final dd{color:inherit;font-size:12px;font-weight:800}
.inspection-disposition .check-row{margin-bottom:8px;padding:10px;border:1px solid var(--line);border-radius:9px}.inspection-disposition .check-row.danger{border-color:#fecaca;background:var(--danger-soft);color:var(--danger)}.inspection-disposition>small{display:block;color:var(--muted);line-height:1.7}
.handover-confirm-card{text-align:center}.handover-confirm-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:var(--success-soft);color:var(--success)}.handover-confirm-card h3{margin:0}.handover-confirm-card p{color:var(--muted);font-size:11px;line-height:1.8}.handover-confirm-card ul{margin:12px 0 0;padding-inline-start:20px;color:var(--text-2);font-size:11px;line-height:1.9;text-align:start}
.inspection-submit{min-height:50px}.inspection-file-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.inspection-file-gallery a{display:block;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2)}.inspection-file-gallery img{width:100%;height:130px;display:block;object-fit:cover}.inspection-file-gallery span{display:block;padding:7px;color:var(--muted);font-size:10px}
.contract-inspection-summary{display:grid;gap:10px}.contract-inspection-card{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.contract-inspection-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.contract-inspection-card-head h4{margin:0;font-size:13px}.contract-inspection-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.contract-inspection-metrics div{padding:9px;border-radius:8px;background:var(--surface)}.contract-inspection-metrics small{display:block;color:var(--muted);font-size:9px}.contract-inspection-metrics strong{display:block;margin-top:3px;font-size:11px}
.return-settlement-box{margin-top:11px;padding:12px;border:1px solid #bfdbfe;border-radius:10px;background:rgba(37,99,235,.045)}.return-settlement-box dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin:0}.return-settlement-box dl>div{display:flex;justify-content:space-between;gap:8px}.return-settlement-box dt{color:var(--muted);font-size:10px}.return-settlement-box dd{margin:0;font-size:10px;font-weight:700}
html.dark-theme .inspection-upload-zone{background:rgba(37,99,235,.08);border-color:#456b9f}html.dark-theme .damage-remove,html.dark-theme .inspection-disposition .check-row.danger{border-color:#7f1d1d}html.dark-theme .settlement-total .final{background:#17365b}html.dark-theme .signature-card canvas{border-color:#cbd5e1}

@media(max-width:1320px){.inspection-layout{grid-template-columns:1fr}.inspection-side{position:relative;top:auto;grid-template-columns:1fr 1fr}.inspection-side>.settlement-card{grid-row:span 2}.inspection-side>.inspection-submit,.inspection-side>.btn{grid-column:auto}.damage-row{grid-template-columns:repeat(2,minmax(0,1fr)) 36px}.damage-row .damage-description{grid-column:auto}.damage-row .damage-remove{grid-column:3;grid-row:1}}
@media(max-width:900px){.inspection-contract-strip{grid-template-columns:1fr 1fr}.inspection-accessories{grid-template-columns:1fr 1fr}.inspection-photo-preview,.inspection-file-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.signature-grid{grid-template-columns:1fr}.inspection-side{grid-template-columns:1fr}.inspection-side>.settlement-card{grid-row:auto}.contract-inspection-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.inspection-contract-strip{grid-template-columns:1fr}.inspection-contract-strip>div{padding:12px}.inspection-accessories{grid-template-columns:1fr}.damage-row{grid-template-columns:1fr}.damage-row .damage-remove{grid-column:auto;grid-row:auto;width:100%}.inspection-photo-preview,.inspection-file-gallery{grid-template-columns:1fr 1fr}.inspection-photo-preview img,.inspection-file-gallery img{height:105px}.fuel-input-pair{grid-template-columns:1fr 78px}.inspection-baseline small{width:100%;margin-inline-start:0}.return-settlement-box dl{grid-template-columns:1fr}.contract-inspection-metrics{grid-template-columns:1fr}}

/* =========================================================
   ORTEX v0.4.2 — shared container and control sizing
   Fixes contract draft details and applies the same rules to
   reservations, pricing, customers, vehicles and settings.
   ========================================================= */
:root{
    --system-control-height:46px;
    --system-panel-padding:clamp(18px,1.55vw,24px);
}

/* Every page region must shrink inside the real main area after the
   sidebar width is deducted. Long labels and values must not widen it. */
.enterprise-content,
.enterprise-content>*,
.reservation-details-layout,
.reservation-details-main,
.reservation-details-side,
.reservation-builder,
.price-calculator-layout,
.pricing-management-grid,
.customer-overview-grid,
.vehicle-overview-enterprise-grid,
.vehicle-operation-grid,
.settings-grid{
    width:100%;
    min-width:0;
    max-width:100%;
}
.reservation-details-layout>*,
.reservation-builder>*,
.price-calculator-layout>*,
.pricing-management-grid>*,
.customer-overview-grid>*,
.vehicle-overview-enterprise-grid>*,
.vehicle-operation-grid>*,
.settings-grid>*{
    width:100%;
    min-width:0;
    max-width:100%;
}

/* Detail panels previously had no inner padding. This is the visible
   defect on View draft and the same reservation detail template. */
.reservation-details-main>section.panel,
.reservation-details-side>section.panel,
.pricing-management-grid>section.panel{
    width:100%;
    min-width:0;
    max-width:100%;
    padding:var(--system-panel-padding);
}
.reservation-details-main>section.panel>.panel-head,
.reservation-details-side>section.panel>.panel-head,
.pricing-management-grid>section.panel>.panel-head{
    min-width:0;
    margin:0 0 16px;
    padding-bottom:13px;
    border-bottom:1px solid var(--line);
}
.reservation-details-main>section.panel>.panel-head>div,
.reservation-details-side>section.panel>.panel-head>div,
.pricing-management-grid>section.panel>.panel-head>div{
    min-width:0;
}
.reservation-details-side form{
    display:grid;
    gap:13px;
    min-width:0;
}
.reservation-details-layout .reservation-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.reservation-details-layout .detail-grid>div,
.reservation-details-layout .reservation-note-block,
.reservation-details-layout .contract-terms,
.reservation-details-layout .contract-amendments article,
.reservation-details-layout .reservation-timeline article{
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
}

/* The previous th width:100% rule multiplied table width by the number
   of columns. Restore automatic column sizing and keep local scrolling. */
.enterprise-table th{
    width:auto;
}
.reservation-details-layout .table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
}
.reservation-details-layout .enterprise-table{
    width:100%;
    min-width:640px;
}

/* One control rhythm across all modules, without forcing file inputs,
   multiple selects, checkboxes or radios into a single-line height. */
.enterprise-content .field>span,
.enterprise-content .filter-field>span{
    margin-block-end:0;
}
.enterprise-content .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"]):not([type="color"]),
.enterprise-content .field select:not([multiple]),
.enterprise-content .filter-field input,
.enterprise-content .filter-field select,
.enterprise-content .enterprise-filter-bar>input:not([type="hidden"]),
.enterprise-content .enterprise-filter-bar>select{
    width:100%;
    min-width:0;
    max-width:100%;
    height:var(--system-control-height);
    min-height:var(--system-control-height);
    padding-block:0;
}
.enterprise-content .field textarea{
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:104px;
    padding:11px 12px;
}
.enterprise-content .field select[multiple]{
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:128px;
}
.enterprise-content .field input[type="file"]{
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:var(--system-control-height);
}
.enterprise-content .enterprise-filter-search,
.enterprise-content .filter-search{
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:var(--system-control-height);
}
.enterprise-content .enterprise-filter-search input,
.enterprise-content .filter-search input{
    min-width:0;
    max-width:100%;
}

/* All grid children may shrink; this covers legacy and module-specific
   forms that do not use the contract form class. */
.form-grid>*,
.form-grid-2>*,
.form-grid-3>*,
.inline-form>*,
.upload-form>*,
.document-upload-form>*,
.upload-strip>*,
.inline-inputs>*,
.calculator-addon-grid>*,
.pricing-rate-grid>*{
    min-width:0;
    max-width:100%;
}

.price-summary-list,
.price-summary-list>div,
.price-summary-list dt,
.price-summary-list dd{
    min-width:0;
    max-width:100%;
}
.price-summary-list dd{
    text-align:end;
    overflow-wrap:anywhere;
}

/* Collapse layouts before the viewport becomes cramped by the desktop
   sidebar. The old 1100px breakpoint was too late for common laptops. */
@media(max-width:1320px){
    .reservation-details-layout{
        grid-template-columns:1fr;
    }
    .reservation-details-side{
        position:relative;
        top:auto;
        display:flex;
    }
}

@media(max-width:900px){
    .reservation-details-layout .reservation-info-grid{
        grid-template-columns:1fr;
    }
    .pricing-management-grid>section.panel{
        padding:18px;
    }
}

@media(max-width:720px){
    :root{
        --system-control-height:48px;
        --system-panel-padding:16px;
    }
    .reservation-details-main>section.panel>.panel-head,
    .reservation-details-side>section.panel>.panel-head,
    .pricing-management-grid>section.panel>.panel-head{
        align-items:flex-start;
        gap:10px;
        padding-bottom:11px;
    }
    .reservation-details-layout .enterprise-table{
        min-width:560px;
    }
}

/* The drawer must be fully outside the mobile viewport. Offsetting with
   a negative right value left part of it visible on some scaled screens. */
@media(max-width:980px){
    html[dir="rtl"] .app-shell.enterprise-shell>.enterprise-sidebar{
        right:0 !important;
        left:auto !important;
        transform:translateX(100%);
        visibility:hidden;
        pointer-events:none;
    }
    html[dir="rtl"] .app-shell.enterprise-shell>.enterprise-sidebar.open{
        transform:translateX(0);
        visibility:visible;
        pointer-events:auto;
    }
    html[dir="ltr"] .app-shell.enterprise-shell>.enterprise-sidebar{
        left:0 !important;
        right:auto !important;
        transform:translateX(-100%);
        visibility:hidden;
        pointer-events:none;
    }
    html[dir="ltr"] .app-shell.enterprise-shell>.enterprise-sidebar.open{
        transform:translateX(0);
        visibility:visible;
        pointer-events:auto;
    }
}

@media(max-width:480px){
    .reservation-details-main>section.panel,
    .reservation-details-side>section.panel,
    .pricing-management-grid>section.panel{
        padding:14px;
    }
}