/* ATLAS Premium — shared design tokens and components, all modules. */
@font-face{font-family:Inter;src:url('../fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#12233e;--muted:#667892;--green:#0869ef;--pale:#eaf2ff;--line:#e0e8f3;--bg:#edf3fc;--white:#fff;--sidebar:250px;--blue:#086bfa;--red:#f13c65;--orange:#ff9b0a;--purple:#8244ff;--success:#10a74b;--shadow:0 3px 5px #173b6c07,0 8px 24px #173b6c06;--radius:15px}
.premium-app{font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 65% 0,#e4edfb 0,transparent 60%),var(--bg);color:var(--ink);font-size:13px;line-height:1.55}
.premium-app h1,.premium-app h2,.premium-app h3{color:var(--ink);letter-spacing:-.45px}.premium-app h1{font-size:28px;font-weight:750}.premium-app h2{font-size:16px;font-weight:750}.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}.premium-app main{padding:20px 22px 28px;max-width:2000px;margin:0 auto}.premium-app .main-shell{margin-left:var(--sidebar);min-width:0;transition:margin .2s ease}.premium-app footer{display:flex;justify-content:space-between;gap:15px;padding:0 24px 20px;color:var(--muted);font-size:10px}
/* Navigation */
.premium-app .sidebar{width:var(--sidebar);background:linear-gradient(155deg,#041c39,#062449 65%,#05203b);border:0;color:#fff;box-shadow:4px 0 22px #051f3c0c}.premium-app .brand{height:150px;min-height:150px;padding:14px 20px 18px;justify-content:center;letter-spacing:0}.atlas-logo{display:flex;flex-direction:column;align-items:center;color:#fff;line-height:1}.atlas-logo>svg{width:124px;height:48px}.atlas-logo strong{font-size:32px;font-weight:850;letter-spacing:.8px;font-style:italic;margin-top:3px}.sidebar .brand .atlas-logo small{color:#eef5ff;letter-spacing:0;font-size:12px;font-weight:500;margin-top:7px;white-space:nowrap}.premium-app .sidebar nav{padding:0 10px 14px;min-height:0;scrollbar-color:#244c75 transparent}.premium-app .nav-link{padding:10px 13px;min-height:43px;gap:13px;color:#eaf2fe;font-size:12px;font-weight:520;margin:3px 0;border:0;border-radius:10px;transition:background .16s,transform .16s}.premium-app .nav-link>svg{width:20px;height:20px;color:#e2efff}.premium-app .nav-link .nav-label{width:auto;font-size:12px;line-height:1.4;text-align:start;color:inherit}.premium-app .nav-link:hover{color:#fff;background:#ffffff12;transform:translateX(2px)}.premium-app .nav-link.selected{padding-inline-start:13px;border:0;background:linear-gradient(110deg,#167cff,#0059e6);color:#fff;box-shadow:0 5px 16px #0068ff2c}.premium-app .nav-link.selected>svg{color:#fff}.premium-app .nav-heading{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#85a1c5;padding:17px 13px 7px}.sidebar-landscape{height:50px;min-height:30px;overflow:hidden;opacity:.8}.sidebar-landscape svg{width:100%;height:100%}.premium-app .sidebar-bottom{padding:17px 14px;border-color:#ffffff12;gap:10px;background:#041a33}.premium-app .sidebar-user{min-width:0;flex:1}.sidebar-user>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.premium-app .sidebar-bottom small{color:#9eb7d6;font-size:9px}.premium-app .sidebar-bottom .icon-button{color:#d3e4fc}.premium-app .sidebar-bottom form{margin:0}.premium-app .avatar{width:38px;height:38px;background:linear-gradient(145deg,#5a8fff,#0967ed);color:#fff;box-shadow:0 2px 6px #0061df30}.premium-app .avatar.small{width:31px;height:31px;font-size:11px}
/* App header, search, profile and real notifications */
.premium-app .topbar{height:78px;padding:12px 23px;gap:18px;background:#f8fbffdb;border:0;box-shadow:0 1px 0 #d6e0ef7a;position:relative;z-index:21}.topbar-heading{gap:16px;min-width:0;flex:1}.topbar-heading>div{min-width:0}.premium-app .topbar h1{font-size:23px;font-weight:780;letter-spacing:-.6px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.topbar-heading p{font-size:11px;color:#3b557a;margin-top:3px;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.premium-app .icon-button{display:inline-flex;align-items:center;justify-content:center;color:#19314f;border-radius:10px;width:34px;height:34px;padding:7px;line-height:1;transition:background .15s}.premium-app .icon-button:hover{background:#e8f0ff}.global-search{display:flex;align-items:center;position:relative;width:clamp(190px,22vw,360px);border:1px solid #e0e8f4;border-radius:28px;background:#fff;box-shadow:0 2px 4px #14335e0e}.global-search input{font-size:11px;border:0;background:transparent;border-radius:28px;padding:11px 40px 11px 17px;outline-offset:1px}.global-search .icon-button{position:absolute;inset-inline-end:5px;width:30px;height:30px}.global-search .ui-icon{width:18px;height:18px}.header-popover{position:relative}.header-popover>summary{list-style:none;cursor:pointer}.header-popover>summary::-webkit-details-marker{display:none}.header-popover>summary.icon-button{position:relative;border-radius:50%;background:#fff;box-shadow:0 2px 5px #16355e12;border:1px solid #e6edf7;width:37px;height:37px}.header-popover[open]>summary{outline:2px solid #b5d3ff}.notification-dot{position:absolute;top:-5px;inset-inline-end:-3px;min-width:17px;height:17px;border-radius:20px;background:#ed244c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;border:2px solid #f6f9ff}.popover-panel{position:absolute;top:calc(100% + 13px);inset-inline-end:0;z-index:55;background:var(--white);width:310px;max-width:calc(100vw - 28px);padding:17px;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 50px #10284b26;color:var(--ink);font-size:12px}.popover-panel>strong{font-size:14px}.popover-panel p{margin:10px 0;color:var(--muted);font-size:11px;line-height:1.6}.popover-panel>a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.popover-panel>a:last-child{border:0}.popover-panel a strong{display:block;font-size:11px}.popover-panel a small{color:var(--muted)}.profile-summary{padding:3px;line-height:1}.profile-menu .popover-panel{width:235px}.premium-app .language-toggle,.premium-app .theme-toggle{height:32px;border:1px solid var(--line);background:#ffffffb5;color:#476182;border-radius:8px;font-size:10px;padding:0 8px;box-shadow:none}.premium-app .theme-toggle [data-theme-label]{display:none}.premium-app .theme-toggle{width:32px;min-width:32px;justify-content:center;padding:0}.premium-app .theme-toggle [data-theme-icon]{font-size:16px}.premium-app .language-switch{margin:0}.premium-app .desktop-menu{display:inline-flex}.premium-app .mobile-menu{display:none}
/* Shared page, CRUD, forms and tables */
.premium-app .page-heading{margin-bottom:22px;gap:15px;align-items:center}.premium-app .page-heading h1{font-size:28px}.premium-app .page-heading p{color:var(--muted);font-size:12px;margin-top:6px}.premium-app .eyebrow{font-size:9px;letter-spacing:1.7px;color:#6685ab;font-weight:700}.premium-app .title-dot{color:#096bfa}.premium-app .panel{background:linear-gradient(135deg,var(--white),#f9fbff);border:1px solid #e3ebf7;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.premium-app .panel-heading{padding:18px 19px 13px;border:0;gap:12px;min-width:0;flex-wrap:wrap}.premium-app .panel-heading h2{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px}.premium-app .panel-heading h2 .ui-icon{width:20px;height:20px}.premium-app .panel-heading p{font-size:10px;color:var(--muted);margin-top:4px}.premium-app .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:10px 16px;font-size:11px;font-weight:650;letter-spacing:0;transition:background .16s,box-shadow .16s,transform .16s;min-height:36px}.premium-app .button .ui-icon{width:17px;height:17px}.premium-app .button.primary{background:linear-gradient(130deg,#1a7cff,#0060ec);border-color:#086bf5;color:#fff;box-shadow:0 3px 8px #0065f524}.premium-app .button.primary:hover{box-shadow:0 5px 16px #0065f537;transform:translateY(-1px)}.premium-app .button.secondary{background:#fff;border:1px solid #dce5f2;color:#395777}.premium-app .button.secondary:hover{background:#edf4ff;border-color:#b6cef4}.premium-app .button.warning{background:#fff5d8;border-color:#ffe2a4;color:#96640e}.premium-app .button.danger-outline{border-color:#ffbdc9;color:#d72f53;background:#fff3f6}.premium-app .button:disabled{box-shadow:none;transform:none;cursor:not-allowed}.premium-app .small-button{padding:7px 11px;min-height:31px;font-size:10px}.premium-app .text-link{color:#0767f2;font-weight:600}.premium-app .text-link:hover{color:#0044ae;text-decoration:underline}.premium-app .text-button{font-size:11px;color:#116bea}.premium-app .text-button.danger{color:#e2385b}.premium-app .icon-button:focus-visible,.premium-app a:focus-visible,.premium-app button:focus-visible{outline:3px solid #9ac4ff;outline-offset:3px}.premium-app .tag{font-size:10px;padding:4px 9px;border-radius:7px;background:#eef4ff;color:#58749b;border:1px solid #e1eafa;white-space:nowrap}.premium-app input,.premium-app select,.premium-app textarea{border:1px solid #dce5f0;background:#fff;color:var(--ink);padding:11px 12px;border-radius:8px;font-size:12px;box-shadow:0 1px 2px #16335302;transition:border .15s,box-shadow .15s}.premium-app input:focus,.premium-app select:focus,.premium-app textarea:focus{border-color:#83b6ff;outline:0;box-shadow:0 0 0 3px #1376ff14}.premium-app label{font-size:11px;color:#405574;font-weight:650}.premium-app .filter-bar{padding:17px 19px;background:#f8faff;border-bottom:1px solid #e8eef7;gap:10px}.premium-app .filter-bar input,.premium-app .filter-bar select{background:#fff;padding:9px 11px;font-size:11px}.premium-app .filter-bar .search-field{min-width:160px}.premium-app .advanced-filters{color:#4d6b94}.premium-app .advanced-filters summary{font-weight:600;list-style-position:inside}.premium-app .form-grid{gap:20px}.premium-app .edit-form{padding:26px;max-width:1180px}.premium-app .edit-form .form-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.premium-app .read-only{background:#eef4fd;color:#526d8d;border-radius:8px;padding:12px}.premium-app .form-actions{gap:10px}.premium-app th{background:#edf3fc;color:#3e567b;font-size:10px;text-transform:none;letter-spacing:0;font-weight:700;border-color:#e2eaf7;padding:12px 15px}.premium-app td{font-size:11px;padding:13px 15px;color:#1c3353;border-color:#edf1f7;vertical-align:middle}.premium-app tbody tr{transition:background .12s}.premium-app tbody tr:hover{background:#f3f7ff}.premium-app .table-scroll{border-radius:0 0 12px 12px;scrollbar-width:thin;scrollbar-color:#becfe8 transparent}.premium-app .pagination{padding:15px 19px;border-top:1px solid #e9eff7;color:#7487a2;font-size:10px;align-items:center;gap:12px;flex-wrap:wrap}.premium-app .pagination .button{padding:6px 10px;min-height:29px;font-size:10px}.premium-app .status{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;font-weight:650;padding:4px 10px;border:0;border-radius:20px;line-height:1.3}.premium-app .status-completed,.premium-app .status-paid,.premium-app .status-available,.premium-app .status-approved,.premium-app .status-delivered{color:#088037;background:#dcf6e4}.premium-app .status-active,.premium-app .status-transit,.premium-app .status-issued{color:#0763db;background:#e0edff}.premium-app .status-planned,.premium-app .status-pending,.premium-app .status-draft{color:#9a620b;background:#fff0cf}.premium-app .status-cancelled,.premium-app .status-rejected,.premium-app .status-refused{color:#d73757;background:#ffe5ec}.premium-app .status-maintenance{color:#7f3ed4;background:#f0e5ff}.premium-app .empty-state{padding:34px 20px;text-align:center;min-height:130px;color:#7a8fa9}.premium-app .empty-state h3{font-size:13px;margin:10px 0 4px}.premium-app .empty-state h2{font-size:16px;margin:10px 0}.premium-app .empty-state p{font-size:11px;color:#7c8fa9;max-width:360px;margin:0 auto 10px}.premium-app .empty-state>span,.premium-app .empty-state>.ui-icon{color:#7eadea}.premium-app .empty-illustration{display:inline-flex;width:52px;height:52px;border-radius:16px;background:#edf4ff;align-items:center;justify-content:center}.empty-illustration .ui-icon{width:30px;height:30px}.premium-app .notice{border-radius:12px;padding:14px 17px;font-size:12px;border:1px solid transparent;box-shadow:var(--shadow)}.premium-app .notice.success{background:#eaf9f0;border-color:#c7ecd6;color:#197d43}.premium-app .notice.error{background:#fff0f2;border-color:#ffd8df;color:#b84460}.premium-app .detail-label{color:#7c8fa8;font-size:10px}.premium-app .detail-value{font-size:13px;color:var(--ink);font-weight:600}.premium-app .detail-grid{gap:22px}.premium-app .document-list>div{border-color:var(--line)}.premium-app .danger-zone{border:1px solid #ffdce3;border-radius:12px;background:#fff7f9;padding:20px}.premium-app .danger-zone p{color:#a06b77}.premium-app .report-note{background:#f0f6ff;color:#527399;border-left-color:#4389ec;font-size:11px}.premium-app .financial-grid .stat-card,.premium-app .stat-card{border:1px solid #e0e9f5;background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:20px}.premium-app .stat-card.accent{background:linear-gradient(135deg,#e7f4ff,#eff0ff);color:#1169db}.premium-app .stat-card strong{font-size:26px;color:var(--ink)}.premium-app .stat-label{color:#67809f}.premium-app .stat-note{font-size:10px;color:#7f91a7}.premium-app .compact-list>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;border-bottom:1px solid var(--line)}.premium-app .compact-list>a:hover{background:#f0f5ff}.premium-app .compact-list strong{font-size:12px}.premium-app .compact-list span{font-size:11px;color:var(--muted)}
/* Overview: same visual hierarchy as the reference, backed by real data. */
.transport-hero{position:relative;isolation:isolate;background-color:#041f3e;background-image:linear-gradient(90deg,#041e3d 0%,#041e3df5 30%,#041e3d33 68%,transparent 100%),url('../images/atlas-truck-hero.webp');background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat;border-radius:14px;min-height:170px;padding:25px 30px;display:flex;align-items:center;overflow:hidden;box-shadow:0 4px 12px #09244110;margin-bottom:16px;color:#fff}.transport-hero h2{font-size:32px;color:#fff;line-height:1.2;font-weight:790;letter-spacing:-.8px}.transport-hero h2 em{color:#ffbc10;font-weight:850;font-style:italic}.transport-hero p{font-size:13px;max-width:530px;color:#f4f7fd;margin-top:11px;line-height:1.65}.hero-eyebrow{display:block;font-size:8px;letter-spacing:2px;color:#9db9da;margin-bottom:8px;font-weight:600}.hero-greeting{display:block;font-size:10px;color:#aac8e9;margin-top:10px}.hero-live{position:absolute;inset-inline-end:17px;top:12px;color:#fff;background:#09223b91;padding:4px 8px;border:1px solid #ffffff24;border-radius:20px;font-size:8px;display:flex;gap:5px;align-items:center}.hero-live i{width:5px;height:5px;background:#4be488;border-radius:50%}.fleet-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:15px}.fleet-kpi{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:14px;padding:18px 18px 16px;border-radius:13px;color:#fff;min-height:105px;box-shadow:0 4px 7px #1450a017,0 1px 1px #ffffff45 inset;transition:transform .18s,box-shadow .18s}.fleet-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 18px #1450a026}.tone-blue{background:linear-gradient(125deg,#2583ff 0,#0865ee 45%,#0048c7 100%)}.tone-green{background:linear-gradient(125deg,#42b94c,#0a9c35 52%,#007b2e)}.tone-orange{background:linear-gradient(125deg,#ffb03b,#ff8800 50%,#ef6600)}.tone-purple{background:linear-gradient(125deg,#a26aff,#8236f4 48%,#5425ca)}.kpi-icon{background:#ffffff24;box-shadow:0 4px 8px #082e7a15;border:1px solid #ffffff17;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;flex-shrink:0}.kpi-icon .ui-icon{width:26px;height:26px}.fleet-kpi>div{position:relative;z-index:1}.fleet-kpi>div>span{display:block;font-size:12px;font-weight:600}.fleet-kpi strong{display:block;font-size:29px;line-height:1.35;font-weight:750;letter-spacing:-.8px}.fleet-kpi small{display:block;font-size:10px;color:#ffffffeb;line-height:1.4}.kpi-watermark{position:absolute;inset-inline-end:-6px;bottom:3px;opacity:.13;transform:rotate(-4deg)}.kpi-watermark .ui-icon{width:77px;height:77px;stroke-width:1.6}.card-overlay{position:absolute;inset:0;z-index:2;border-radius:inherit}.money-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.money-kpi{display:flex;position:relative;align-items:center;gap:12px;background:linear-gradient(120deg,#fff,#f6f9ff);border:1px solid #e4ebf6;border-radius:13px;min-height:85px;padding:15px 13px;box-shadow:0 3px 5px #163b6c04}.money-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%}.money-icon .ui-icon{width:27px;height:27px}.money-kpi>div{min-width:0}.money-kpi>div>span{display:block;color:#547095;font-size:10px;font-weight:600}.money-kpi strong{display:block;font-size:21px;font-weight:750;letter-spacing:-.7px;white-space:nowrap;line-height:1.5}.money-kpi strong small{font-size:12px;letter-spacing:-.1px}.month-indicator{position:absolute;inset-inline-end:10px;bottom:5px;font-size:7px;color:#7c90ab}.soft-blue{background:#e0edff;color:#0674ff}.soft-red{background:#ffe7ee;color:#ee3157}.soft-green{background:#dcf5e9;color:#0aa56b}.soft-purple{background:#efe5ff;color:#8b3bff}.soft-orange{background:#fff0d9;color:#f3910c}.text-blue{color:#076cfa}.text-orange{color:#f89009}.bg-blue{background:#086bff}.bg-red{background:#f4436b}.bg-green{background:#16a147}.bg-purple{background:#8a43ff}.bg-orange{background:#ff9f09}.stroke-blue{stroke:#086bff}.stroke-red{stroke:#f4436b}.stroke-green{stroke:#16a147}.stroke-purple{stroke:#8a43ff}.stroke-orange{stroke:#ff9f09}.dot{width:10px;height:10px;display:inline-block;border-radius:50%;flex-shrink:0}.dashboard-insights{display:grid;grid-template-columns:1.6fr 1fr .95fr;gap:15px;margin-bottom:16px;align-items:stretch}.dashboard-insights>.panel{margin-bottom:0;min-width:0}.dashboard-insights .panel-heading{padding:16px 16px 9px;align-items:center}.dashboard-insights .panel-heading h2{font-size:13px;letter-spacing:-.3px}.line-chart-legend{display:flex;justify-content:center;align-items:center;gap:17px;padding:7px 12px 0;color:#4a6285;font-size:9px}.line-chart-legend>span{display:flex;align-items:center;gap:5px}.line-chart-wrap{padding:0 10px}.monthly-chart{display:block;width:100%;height:auto;overflow:visible;font-family:Inter,Arial,sans-serif}.chart-gridline{stroke:#e7edf7;stroke-width:1}.chart-axis{fill:#6c83a4;font-size:10px}.chart-line{fill:none;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}.chart-point{fill:#fff;stroke-width:1.8;transition:r .15s}.chart-point:hover{r:5}.premium-app .chart-data{padding:3px 17px 12px;font-size:9px;color:#7290b7}.premium-app .chart-data summary{cursor:pointer;list-style-position:inside}.expense-distribution{display:flex;align-items:center;justify-content:center;gap:3px;padding:11px 11px 0;min-height:190px}.donut-wrap{width:53%;max-width:180px;flex-shrink:0}.donut-wrap svg{width:100%;display:block;font-family:Inter,Arial,sans-serif}.donut-track{stroke:#e9eef7}.donut-total{font-weight:750;fill:var(--ink)}.donut-unit{font-size:13px;font-weight:700;fill:var(--ink)}.expense-legend{list-style:none;margin:0;padding:0;flex:1;font-size:9px;min-width:0}.expense-legend li{display:flex;align-items:center;gap:6px;margin:11px 0}.expense-legend li>span{flex:1;color:#516a8d}.expense-legend li strong{color:#243b5c;font-size:10px;white-space:nowrap}.expense-legend .dot{width:9px;height:9px}.chart-empty-note{text-align:center;color:#7d92ae;font-size:9px;margin:5px 15px 13px}.premium-app .count-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;padding:0;font-size:10px;font-weight:700;background:#ffedf2;color:#ec3158;border-radius:50%;border:1px solid #ffe0e8}.premium-alerts{padding:4px 14px}.premium-app .premium-alerts>a{display:flex;align-items:center;gap:10px;border:0;border-radius:9px;padding:11px 10px;background:#fff0f4;color:#a72b49;margin-bottom:9px}.premium-app .premium-alerts>a:nth-child(3n+2){background:#fff6e3;color:#ac7014}.premium-app .premium-alerts>a:nth-child(3n){background:#eaf2ff;color:#135cba}.premium-alerts>a>.ui-icon{width:24px;height:24px;flex-shrink:0}.premium-alerts>a>div{flex:1;min-width:0}.premium-alerts strong{display:block;font-size:10px;color:#20334f;font-weight:650}.premium-alerts small{display:block;font-size:9px;margin-top:3px;color:inherit}.premium-alerts .empty-state{padding:24px 10px;min-height:140px}.premium-app .empty-check{display:inline-flex;align-items:center;justify-content:center;background:#e4f8ed;color:#15a353;width:43px;height:43px;border-radius:50%;font-size:20px}.panel-footer-link{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#0869f6;font-size:10px;padding:2px 16px 14px}.panel-footer-link .ui-icon{width:16px;height:16px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr);gap:15px}.dashboard-bottom>.panel{margin-bottom:0;min-width:0}.premium-app .recent-voyages th,.premium-app .recent-voyages td{padding:10px 11px;font-size:10px}.recent-voyages .table-scroll{margin:0 14px 14px;border:1px solid #e7edf8;border-radius:9px}.recent-voyages table{min-width:650px}.table-subnote{display:block;font-size:8px;color:#94a2b7}.money-cell{white-space:nowrap;font-weight:650}.row-icon-link{display:inline-flex;color:#0a6bff;align-items:center}.row-icon-link .ui-icon{width:17px;height:17px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px 15px 14px}.quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:107px;text-align:center;padding:13px 7px;color:#fff;border:1px solid #ffffff33;border-radius:10px;transition:transform .17s,box-shadow .17s}.quick-action:hover{transform:translateY(-3px);box-shadow:0 5px 10px #0c48a92a}.quick-action .ui-icon{width:26px;height:26px;stroke-width:1.4}.quick-action>span{font-size:10px;font-weight:600;line-height:1.4}.quick-note{padding:0 16px 14px;font-size:9px;color:#889ab1}.operating-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-radius:13px;background:var(--white);padding:15px 20px;margin-bottom:16px;border:1px solid var(--line);font-size:12px}.operating-strip>span:first-child{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center}.dashboard-insights.operations-only{grid-template-columns:1.6fr 1fr}
/* Voyage workflow inherits the same surface and form components. */
.premium-app .voyage-complete,.premium-app .voyage-complete-heading{max-width:1120px}.premium-app .voyage-card{background:#fff;border:1px solid #e1eaf6;box-shadow:var(--shadow);border-radius:14px;margin-bottom:20px}.premium-app .voyage-card>h2,.premium-app .voyage-card>header{background:linear-gradient(110deg,#167cff,#0966e7);color:#fff;padding:16px 21px}.premium-app .voyage-card h2{color:inherit;font-size:13px;letter-spacing:.1px}.premium-app .voyage-card-body{padding:23px}.premium-app .voyage-entry{background:#f4f8ff;border:1px solid #deE8f5;border-radius:10px}.premium-app .voyage-card .cost-add{background:linear-gradient(110deg,#26b85c,#0a9d44);color:#fff;border:0}.premium-app .voyage-total{background:linear-gradient(125deg,#edf4ff,#fff);border-color:#cfe1ff}.premium-app .voyage-total strong{color:#1766c3}.premium-app .voyage-actions{gap:8px}.premium-app .voyage-tabs a{border:1px solid #e1e9f4;background:#fff;color:#647b99;border-radius:8px}.premium-app .voyage-tabs a.active{background:#0b6efa;color:#fff;border-color:#0b6efa}.premium-app .voyage-block{font-size:10px}.premium-app .voyage-inline-form{background:#f5f8fe;border:1px solid var(--line);border-radius:10px}.premium-app .voyage-invoice{border-color:var(--line)}
/* Authentication also uses the shared visual language. */
.premium-app .guest-shell{background:radial-gradient(ellipse at 5% 0,#dceaff,transparent 65%),#f1f6fe;min-height:100vh}.premium-app .login-grid{max-width:1050px;gap:70px}.premium-app .login-story h1{font-weight:800;color:#092e59;letter-spacing:-1.7px}.premium-app .login-story>p{color:#65809f}.premium-app .login-story .eyebrow{color:#1b6cce}.premium-app .login-card{border-radius:22px;border:1px solid #dfe9f8;background:#fff;box-shadow:0 20px 70px #123b6b12;padding:40px}.premium-app .login-card .brand-mark{background:linear-gradient(140deg,#1a7cff,#044fca);border-radius:12px;box-shadow:0 5px 12px #0969ec2b}.premium-app .login-card h2{font-size:25px}.premium-app .route-line{color:#096df5}.premium-app .route-art{border-color:#cee0f8;color:#2868a7}.premium-app .guest-theme-controls{top:20px;right:22px}.premium-app .guest-theme-controls .theme-toggle [data-theme-label]{display:inline}
/* Dark palette: keep the semantic color accents and component contrast. */
html[data-theme=dark]{--ink:#e4eefc;--muted:#95a9c3;--line:#2a3c57;--bg:#0e192b;--white:#15243a;--shadow:0 6px 24px #00000013}html[data-theme=dark] .premium-app{background:radial-gradient(ellipse at 70% 0,#172b48,transparent 65%),#0e192b;color:var(--ink)}html[data-theme=dark] .premium-app .topbar{background:#142238f2;border-bottom:1px solid #2a3a54}html[data-theme=dark] .topbar-heading p{color:#93aacc}html[data-theme=dark] .premium-app .panel,html[data-theme=dark] .premium-app .money-kpi,html[data-theme=dark] .premium-app .stat-card,html[data-theme=dark] .premium-app .voyage-card{background:linear-gradient(135deg,#192b44,#14243a);border-color:#293d59}html[data-theme=dark] .premium-app input,html[data-theme=dark] .premium-app select,html[data-theme=dark] .premium-app textarea,html[data-theme=dark] .global-search{background:#111e31;border-color:#2e4360;color:#e4edfa}html[data-theme=dark] .global-search input{background:transparent;border:0}html[data-theme=dark] .header-popover>summary.icon-button,html[data-theme=dark] .premium-app .language-toggle,html[data-theme=dark] .premium-app .theme-toggle{background:#1b2d47;color:#a8bedc;border-color:#314665}html[data-theme=dark] .premium-app .icon-button{color:#bdd3ef}html[data-theme=dark] .premium-app .icon-button:hover{background:#243d60}html[data-theme=dark] .premium-app label,html[data-theme=dark] .money-kpi>div>span{color:#a2b9d6}html[data-theme=dark] .premium-app th{background:#213450;color:#afc6e6;border-color:#304461}html[data-theme=dark] .premium-app td{color:#d0def0;border-color:#253853}html[data-theme=dark] .premium-app tbody tr:hover{background:#1e3453}html[data-theme=dark] .premium-app .filter-bar{background:#17283f;border-color:#2a3c56}html[data-theme=dark] .premium-app .button.secondary{background:#203652;color:#bfd4f3;border-color:#364d6d}html[data-theme=dark] .premium-app .button.secondary:hover{background:#294566}html[data-theme=dark] .premium-app .tag{background:#233b5d;color:#a7c4eb;border-color:#314a6e}html[data-theme=dark] .premium-app .stat-card.accent,html[data-theme=dark] .premium-app .voyage-total{background:#17385a;border-color:#2d5076}html[data-theme=dark] .premium-app .voyage-total strong{color:#9cc8ff}html[data-theme=dark] .premium-app .voyage-entry,html[data-theme=dark] .premium-app .voyage-inline-form{background:#112036;border-color:#2c405e}html[data-theme=dark] .premium-app .voyage-card>h2,html[data-theme=dark] .premium-app .voyage-card>header{background:linear-gradient(110deg,#1552a1,#164078)}html[data-theme=dark] .premium-app .text-link{color:#77b1ff}html[data-theme=dark] .premium-app .report-note{background:#183151;color:#a0bcdf}html[data-theme=dark] .premium-app .status-completed,html[data-theme=dark] .premium-app .status-available,html[data-theme=dark] .premium-app .status-paid,html[data-theme=dark] .premium-app .status-approved{background:#123d35;color:#70dfa3}html[data-theme=dark] .premium-app .status-active,html[data-theme=dark] .premium-app .status-issued{background:#173d70;color:#8fc0ff}html[data-theme=dark] .premium-app .status-planned,html[data-theme=dark] .premium-app .status-draft,html[data-theme=dark] .premium-app .status-pending{background:#4b3d25;color:#f7cf79}html[data-theme=dark] .premium-app .status-cancelled{background:#4d293e;color:#ff9fbc}html[data-theme=dark] .chart-gridline{stroke:#2a3d58}html[data-theme=dark] .chart-axis{fill:#96afcf}html[data-theme=dark] .chart-point{fill:#192b44}html[data-theme=dark] .donut-track{stroke:#2b3f5c}html[data-theme=dark] .expense-legend li>span,html[data-theme=dark] .line-chart-legend{color:#9eb5d3}html[data-theme=dark] .expense-legend li strong{color:#dbe7f9}html[data-theme=dark] .premium-app .premium-alerts>a{background:#3c283d;color:#ff9cbb}html[data-theme=dark] .premium-app .premium-alerts>a:nth-child(3n+2){background:#3c3529;color:#f6d18c}html[data-theme=dark] .premium-app .premium-alerts>a:nth-child(3n){background:#203958;color:#a0c5ff}html[data-theme=dark] .premium-alerts strong{color:#e2ecfa}html[data-theme=dark] .premium-app .count-badge{background:#4c2b42;color:#ff9cb8;border-color:#63334d}html[data-theme=dark] .recent-voyages .table-scroll{border-color:#2b405c}html[data-theme=dark] .premium-app .notice.error{background:#382337;border-color:#593148;color:#f6a3b9}html[data-theme=dark] .premium-app .notice.success{background:#17392f;border-color:#24533f;color:#88dbb1}html[data-theme=dark] .premium-app .danger-zone{background:#312436;border-color:#553148}html[data-theme=dark] .premium-app .guest-shell{background:#0d1c32}html[data-theme=dark] .premium-app .login-card{background:#172b45;border-color:#2c425f}html[data-theme=dark] .premium-app .login-story h1{color:#d8e9ff}html[data-theme=dark] .soft-blue{background:#173e6c;color:#70adff}html[data-theme=dark] .soft-red{background:#482b40;color:#ff7199}html[data-theme=dark] .soft-green{background:#153e36;color:#5bd69e}html[data-theme=dark] .soft-purple{background:#352454;color:#bb90ff}
/* Desktop collapse does not remove modules or change mobile menu behavior. */
@media(min-width:901px){.premium-app.sidebar-collapsed{--sidebar:80px}.sidebar-collapsed .brand{padding:15px 5px;height:106px;min-height:106px}.sidebar-collapsed .atlas-logo>svg{width:58px;height:35px}.sidebar-collapsed .atlas-logo strong{font-size:17px}.sidebar-collapsed .atlas-logo small,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-heading,.sidebar-collapsed .sidebar-user,.sidebar-collapsed .sidebar-bottom form,.sidebar-collapsed .sidebar-landscape{display:none!important}.sidebar-collapsed .sidebar nav{padding:0 9px 15px}.sidebar-collapsed .nav-link,.sidebar-collapsed .nav-link.selected{padding:12px;justify-content:center}.sidebar-collapsed .sidebar-bottom{justify-content:center;padding:17px 0}.sidebar-collapsed .brand .atlas-logo small{display:none}}
/* Responsive hierarchy */
@media(min-width:1650px){.premium-app .topbar{height:78px}.premium-app main{padding:18px 22px 25px}.transport-hero{min-height:160px}.dashboard-insights{grid-template-columns:1.65fr 1fr .9fr}.fleet-kpi{min-height:108px}.money-kpi{min-height:85px}.monthly-chart{min-height:210px}.expense-distribution{min-height:215px}.quick-grid{gap:9px}.quick-action{min-height:110px}.quick-action>span{font-size:11px}}
@media(max-width:1450px){.topbar-heading p{display:none}.premium-app .topbar h1{font-size:21px;max-width:290px}.global-search{width:clamp(150px,20vw,270px)}.money-kpi{gap:8px;padding:15px 10px}.money-icon{width:36px;height:36px}.money-icon .ui-icon{width:22px;height:22px}.money-kpi strong{font-size:18px}.money-kpi strong small{font-size:10px}.money-kpi>div>span{font-size:9px}.dashboard-insights{grid-template-columns:1.5fr 1fr}.dashboard-alerts{grid-column:1/-1}.dashboard-alerts .premium-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-alerts .premium-alerts .empty-state{grid-column:1/-1;min-height:105px;padding:15px}.dashboard-alerts .empty-state .empty-check{width:30px;height:30px}.dashboard-alerts .empty-state h3{display:inline;margin-inline-start:8px}.dashboard-alerts .empty-state p{margin-top:6px}.dashboard-bottom{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action{min-height:91px;gap:9px}.fleet-kpi{padding:17px 13px;gap:9px}.kpi-icon{width:37px;height:37px}.fleet-kpi>div>span{font-size:11px}.fleet-kpi small{font-size:9px}}
@media(max-width:1180px){.premium-app{--sidebar:225px}.premium-app .nav-link .nav-label{font-size:11px}.premium-app .brand{height:140px;min-height:140px}.premium-app .topbar{padding:12px 18px;gap:10px}.premium-app .topbar h1{font-size:19px;max-width:210px}.topbar-heading{gap:9px}.topbar-actions{gap:7px}.global-search{width:180px}.help-menu{display:none}.premium-app main{padding:18px}.fleet-kpis,.money-kpis{gap:10px}.fleet-kpi{padding:16px 12px;gap:8px}.kpi-icon{width:30px;height:30px}.kpi-icon .ui-icon{width:20px;height:20px}.fleet-kpi strong{font-size:27px}.money-kpi{min-height:91px;align-items:flex-start;gap:6px}.money-icon{width:27px;height:27px}.money-icon .ui-icon{width:19px;height:19px}.money-kpi strong{font-size:16px;margin-top:5px}.money-kpi strong small{font-size:9px}.money-kpi>div>span{font-size:8px}.transport-hero{min-height:180px;padding:25px}.transport-hero h2{font-size:29px}.transport-hero p{max-width:420px;font-size:12px}.dashboard-bottom{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:2px}.quick-action{min-height:90px}.premium-app .topbar-actions .profile-menu{display:none}}
@media(max-width:900px){.premium-app{--sidebar:250px}.premium-app .main-shell{margin-left:0;margin-right:0}.premium-app .sidebar{transform:translateX(-100%);transition:transform .2s ease}.premium-app.menu-open .sidebar{transform:translateX(0)}.premium-app .mobile-menu{display:inline-flex;margin:0}.premium-app .desktop-menu{display:none}.premium-app .topbar{height:76px}.premium-app .topbar h1{max-width:300px;font-size:20px}.global-search{width:230px}.premium-app .topbar-actions .profile-menu{display:block}.dashboard-insights{grid-template-columns:1.5fr 1fr}.transport-hero p{max-width:390px}.hero-live{display:none}.premium-app .scrim{z-index:29}.fleet-kpi>div>span{font-size:12px}.fleet-kpi small{font-size:10px}.money-kpi{align-items:center}.money-kpi strong{font-size:18px}.money-kpi>div>span{font-size:10px}.money-icon{width:35px;height:35px}}
@media(max-width:720px){.premium-app .topbar{height:auto;min-height:102px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:12px 16px}.topbar-heading{min-width:0}.premium-app .topbar h1{font-size:19px;max-width:300px}.topbar-actions{display:contents}.global-search{grid-row:2;grid-column:1/-1;width:100%;margin:0;height:33px}.global-search input{padding:8px 40px 8px 13px;font-size:10px}.topbar-actions>.header-popover,.topbar-actions>.language-switch,.topbar-actions>.theme-toggle{grid-row:1}.topbar-actions>.header-popover{display:none!important}.topbar-actions>.language-switch{grid-column:2;justify-self:end;margin-inline-end:39px}.topbar-actions>.theme-toggle{grid-column:2;justify-self:end}.premium-app .language-toggle{height:29px}.premium-app .theme-toggle{height:29px;width:29px;min-width:29px}.premium-app .panel-heading{padding:15px 15px 11px}.premium-app main{padding:14px}.transport-hero{min-height:175px;padding:22px;background-position:center,right bottom;background-size:100% 100%,auto 100%;margin-bottom:13px}.transport-hero h2{font-size:28px}.transport-hero p{max-width:330px;font-size:11px;padding-inline-end:45px}.hero-eyebrow{font-size:7px;letter-spacing:1.3px}.hero-greeting{font-size:9px}.fleet-kpis,.money-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:13px}.fleet-kpi{padding:16px;min-height:105px}.kpi-icon{width:36px;height:36px}.fleet-kpi strong{font-size:29px}.fleet-kpi small{font-size:9px}.money-kpi{min-height:83px;padding:13px;gap:10px}.money-kpi strong{font-size:20px;margin:0}.money-kpi>div>span{font-size:9px}.money-kpi strong small{font-size:10px}.money-icon{width:33px;height:33px}.dashboard-insights{grid-template-columns:1fr;gap:13px;margin-bottom:13px}.monthly-panel{grid-column:auto}.dashboard-alerts{grid-column:auto}.expense-distribution{max-width:390px;margin:auto;gap:18px;padding:10px 20px;min-height:190px}.donut-wrap{width:48%;max-width:185px}.expense-legend{font-size:11px}.expense-legend li{margin:13px 0}.expense-legend li strong{font-size:12px}.dashboard-alerts .premium-alerts{display:block}.dashboard-bottom{gap:13px}.quick-grid{gap:9px;padding:10px 14px 14px}.quick-action{min-height:105px}.quick-action>span{font-size:10px}.premium-app .page-heading h1{font-size:25px}.premium-app .page-heading p{font-size:11px}.premium-app .page-heading{gap:12px;align-items:flex-start}.premium-app .edit-form{padding:20px}.premium-app .filter-bar{padding:14px;gap:9px}.premium-app .filter-bar>*{max-width:100%}.premium-app .filter-bar .search-field{flex-basis:100%}.premium-app .filter-bar .search-field input{width:100%}.premium-app .pagination{padding:13px 14px}.premium-app .voyage-card-body{padding:18px}.premium-app .voyage-card>header .button{font-size:10px;padding:8px}.premium-app .voyage-card>header{padding:14px 18px}.premium-app .voyage-card>h2{padding:14px 18px}.premium-app footer{padding:0 14px 17px}.premium-app .guest-theme-controls{right:16px}.dashboard-insights.operations-only{grid-template-columns:1fr}}
@media(max-width:420px){.premium-app main{padding:12px}.premium-app .topbar h1{font-size:17px;max-width:200px}.transport-hero{padding:20px;min-height:180px;background-image:linear-gradient(90deg,#041e3df5,#041e3ddd 60%,#041e3d33),url('../images/atlas-truck-hero.webp')}.transport-hero h2{font-size:25px}.transport-hero p{padding-inline-end:0;max-width:270px;font-size:11px}.fleet-kpi{padding:14px 12px;gap:9px;min-height:102px}.fleet-kpi>div>span{font-size:10px}.kpi-icon{width:31px;height:31px}.fleet-kpi strong{font-size:27px}.fleet-kpi small{font-size:8px}.money-kpi{gap:7px;padding:13px 10px;min-height:83px}.money-kpi strong{font-size:17px}.money-icon{width:28px;height:28px}.money-icon .ui-icon{width:20px;height:20px}.money-kpi>div>span{font-size:8px}.money-kpi strong small{font-size:9px}.quick-action{padding:12px 6px;min-height:93px}.quick-action>span{font-size:9px}.quick-action .ui-icon{width:23px;height:23px}.expense-distribution{gap:13px;padding:10px 15px}.expense-legend{font-size:10px}.premium-app .page-heading h1{font-size:23px}.premium-app .page-heading{flex-wrap:wrap}.premium-app .button{font-size:10px}.premium-app .form-grid{gap:16px}.premium-app .edit-form{padding:17px}}
/* RTL mirrors the shell while preserving numbers, charts and meaningful icons. */
html[dir=rtl] .premium-app{font-family:Tahoma,"Segoe UI",sans-serif;letter-spacing:0}html[dir=rtl] .premium-app .main-shell{margin-left:0;margin-right:var(--sidebar)}html[dir=rtl] .premium-app .sidebar{left:auto;right:0}html[dir=rtl] .premium-app .nav-link,html[dir=rtl] .premium-app .nav-link.selected{border:0;padding:10px 13px}html[dir=rtl] .premium-app .nav-link:hover{transform:translateX(-2px)}html[dir=rtl] .premium-app .sidebar-bottom form{margin:0}html[dir=rtl] .premium-app .topbar h1,html[dir=rtl] .premium-app h1,html[dir=rtl] .premium-app h2{letter-spacing:0}html[dir=rtl] .transport-hero{text-align:right;background-image:linear-gradient(270deg,#041e3d 0%,#041e3df5 30%,#041e3d33 68%,transparent 100%),url('../images/atlas-truck-hero.webp');background-position:center,left center}html[dir=rtl] .transport-hero>div{margin-right:0;margin-left:auto}html[dir=rtl] .monthly-chart,html[dir=rtl] .donut-wrap svg{direction:ltr}html[dir=rtl] .premium-app .global-search input{padding:11px 17px 11px 40px}html[dir=rtl] .premium-app .report-note{border-left:0;border-right:3px solid #4389ec}html[dir=rtl] .premium-app .guest-theme-controls{right:auto;left:22px}
@media(max-width:900px){html[dir=rtl] .premium-app .main-shell{margin-right:0}html[dir=rtl] .premium-app .sidebar{transform:translateX(100%)}html[dir=rtl] .premium-app.menu-open .sidebar{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.premium-app *,.premium-app *:before,.premium-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.premium-app .sidebar,.premium-app .topbar,.premium-app footer,.premium-app .card-overlay{display:none!important}.premium-app .main-shell,html[dir=rtl] .premium-app .main-shell{margin:0}.premium-app{background:#fff;color:#000}.premium-app .panel{box-shadow:none;border:1px solid #ccc}.transport-hero{background:#fff;color:#000}.transport-hero h2,.transport-hero p{color:#000}.dashboard-insights,.dashboard-bottom{display:block}.fleet-kpi{color:#000;background:#fff;border:1px solid #ccc}.fleet-kpi small{color:#333}}
/* Final sizing and the uninterrupted photographic hero blend. */
.premium-app{font-size:14px}.premium-app label{font-size:12px}.premium-app input,.premium-app select,.premium-app textarea{font-size:13px}.premium-app td{font-size:12px}.premium-app th{font-size:11px}.premium-app .button{font-size:12px}.premium-app .chart-data{margin:0}.transport-hero{min-height:142px;background:#041e3d;padding:22px 30px}.transport-hero::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:min(70%,590px);background:url('../images/atlas-truck-hero.webp') right center/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 28%);z-index:-1}.hero-eyebrow,.hero-greeting{display:none}.transport-hero h2{font-size:33px}.transport-hero p{font-size:15px;max-width:560px;margin-top:9px;line-height:1.5}.line-chart-legend{font-size:10px}.chart-axis{font-size:11px}.expense-legend{font-size:11px}.expense-legend li strong{font-size:12px}.chart-empty-note{font-size:10px}.premium-app .panel-heading h2{font-size:16px}.premium-app .dashboard-insights .panel-heading h2{font-size:14px}.premium-app .recent-voyages .empty-state{min-height:110px;padding:22px 15px}.premium-app .recent-voyages .empty-illustration{width:35px;height:35px;border-radius:11px}.recent-voyages .empty-illustration .ui-icon{width:24px;height:24px}.premium-app .quick-action>span{font-size:11px}.premium-app .money-kpi strong{font-size:23px}.premium-app .money-kpi>div>span{font-size:11px}.premium-app .fleet-kpi>div>span{font-size:13px}.premium-app .fleet-kpi small{font-size:11px}.premium-app .nav-link .nav-label{font-size:13px}.premium-app .chart-data summary{font-size:10px}html[dir=rtl] .transport-hero{background:#041e3d}html[dir=rtl] .transport-hero::before{transform:scaleX(-1)}
@media(min-width:1650px){.transport-hero{min-height:142px}.monthly-chart{min-height:0}.expense-distribution{min-height:195px}}
@media(max-width:1450px){.premium-app .money-kpi strong{font-size:20px}.premium-app .money-kpi>div>span{font-size:10px}.premium-app .fleet-kpi>div>span{font-size:12px}.premium-app .fleet-kpi small{font-size:10px}.premium-app .nav-link .nav-label{font-size:12px}}
@media(max-width:1180px){.premium-app .money-kpi strong{font-size:17px}.premium-app .money-kpi>div>span{font-size:9px}.premium-app .fleet-kpi>div>span{font-size:11px}.premium-app .fleet-kpi small{font-size:9px}.transport-hero h2{font-size:29px}.transport-hero p{font-size:13px;max-width:440px}.transport-hero::before{width:65%}.premium-app .nav-link .nav-label{font-size:12px}}
@media(max-width:720px){.premium-app .topbar-actions{display:contents}.transport-hero{padding:23px;min-height:160px}.transport-hero h2{font-size:28px}.transport-hero p{font-size:12px;max-width:320px;padding-inline-end:25px}.transport-hero::before{opacity:.6;width:100%;mask-image:linear-gradient(90deg,transparent,#000 100%)}.premium-app .money-kpi strong{font-size:20px}.premium-app .money-kpi>div>span{font-size:10px}.premium-app .fleet-kpi>div>span{font-size:12px}.premium-app .fleet-kpi small{font-size:10px}.premium-app .quick-action>span{font-size:10px}}
@media(max-width:420px){.premium-app .money-kpi strong{font-size:18px}.premium-app .money-kpi>div>span{font-size:8px}.premium-app .fleet-kpi>div>span{font-size:11px}.premium-app .fleet-kpi small{font-size:9px}.transport-hero p{padding-inline-end:0;max-width:260px}.transport-hero h2{font-size:25px}}
.transport-hero::before{display:none}.hero-photograph{position:absolute;inset-block:0;inset-inline-end:0;height:100%;width:auto;max-width:none;mask-image:linear-gradient(90deg,transparent,#000 27%);z-index:-1}html[dir=rtl] .hero-photograph{transform:scaleX(-1)}@media(max-width:720px){.hero-photograph{opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 100%)}}
.confirm-dialog{border:1px solid var(--line);border-radius:20px;background:var(--white);color:var(--ink);padding:28px;width:420px;max-width:calc(100vw - 32px);box-shadow:0 25px 90px #061c3c40}.confirm-dialog::backdrop{background:#061b37a6;backdrop-filter:blur(4px)}.confirm-dialog h2{font-size:20px;margin:13px 0 9px}.confirm-dialog p{font-size:13px;line-height:1.7;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.confirm-symbol{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#ffedf1;color:#e6385d}.confirm-symbol .ui-icon{width:27px;height:27px}.confirm-dialog .form-actions{margin-top:23px;justify-content:flex-end}.premium-app .confirm-accept{background:#e7385d;color:#fff;border-color:#e7385d}.premium-app .confirm-accept:hover{background:#cb2448}html[data-theme=dark] .confirm-symbol{background:#4b2940;color:#ff88a8}
.premium-app .table-scroll{position:relative;max-width:100%}
@media(max-width:720px){.premium-app .global-search{width:100%;min-width:0;justify-self:stretch;grid-column:1/-1;grid-row:2}.premium-app .topbar>.topbar-heading{grid-column:1;grid-row:1}.premium-app .topbar-actions>.language-switch{grid-column:2;grid-row:1}.premium-app .topbar-actions>.theme-toggle{grid-column:2;grid-row:1}}
.quick-grid:has(.quick-action:only-child){grid-template-columns:1fr}.quick-grid:has(.quick-action:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){.premium-app .topbar{grid-template-columns:minmax(0,1fr) 168px}.premium-app .topbar h1{max-width:100%;font-size:17px}.premium-app .topbar-heading{gap:5px}.premium-app .topbar-actions>.header-popover:not(.help-menu){display:block!important;grid-row:1;grid-column:2;justify-self:end}.premium-app .topbar-actions>.notifications-menu{margin-inline-end:126px}.premium-app .topbar-actions>.header-popover.profile-menu{margin-inline-end:88px}.header-popover>summary.icon-button{width:30px;height:30px;padding:6px}.profile-menu .avatar.small{width:27px;height:27px}.topbar-actions .popover-panel{position:fixed;top:61px;inset-inline-end:14px;width:310px}.topbar-actions .profile-menu .popover-panel{width:235px}}
.premium-app .premium-alerts>a.alert-tone-red{background:#fff0f4;color:#c82e53}.premium-app .premium-alerts>a.alert-tone-orange{background:#fff6e3;color:#ac7014}.premium-app .premium-alerts>a.alert-tone-blue{background:#eaf2ff;color:#135cba}html[data-theme=dark] .premium-app .premium-alerts>a.alert-tone-red{background:#3c283d;color:#ff9cbb}html[data-theme=dark] .premium-app .premium-alerts>a.alert-tone-orange{background:#3c3529;color:#f6d18c}html[data-theme=dark] .premium-app .premium-alerts>a.alert-tone-blue{background:#203958;color:#a0c5ff}

/* Voyage workflow components share ATLAS tokens in light, dark and RTL. */
.voyage-accordion>summary{cursor:pointer;padding:17px 22px;background:linear-gradient(115deg,#0879f5,#2261dc);color:#fff;font-weight:750;list-style-position:inside;border-radius:16px 16px 0 0;}
.voyage-accordion[data-cost-section]>summary{background:linear-gradient(115deg,#039f72,#05845f)}
.voyage-accordion[data-cost-section="return"]>summary{background:linear-gradient(115deg,#ed8a16,#e96714)}
.voyage-accordion[data-billing]>summary{background:linear-gradient(115deg,#8258ee,#5b3acb)}
.voyage-accordion:not([open])>summary{border-radius:16px}.voyage-accordion>header{padding:12px 20px}.voyage-accordion>summary:focus-visible{outline:3px solid #ffbc40;outline-offset:3px}
.voyage-sticky-actions{position:sticky;bottom:12px;z-index:15;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface,#fff);box-shadow:0 8px 32px #102d5026;flex-wrap:wrap}
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.summary-item{padding:14px;border-radius:12px;background:var(--surface-soft,#f2f6fc);display:flex;flex-direction:column;gap:5px}.summary-item span,.summary-item small{font-size:12px}.summary-item strong{font-size:22px}.summary-result{color:#047b50;background:#e0f7ed}.summary-result.is-loss{color:#bc2947;background:#ffe8ed}.summary-footnote{font-size:12px;color:var(--muted)}.journey-measures{display:flex;gap:20px;flex-wrap:wrap;padding-top:14px}.entry-total{display:block;font-weight:700;padding:10px;color:var(--primary,#1769ee)}.status-draft{background:#e5e9f1;color:#44516a}.button.success{background:#07976c;color:white}.document-tiles{display:grid;gap:10px}.document-tile{padding:12px;border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere}.audit-snapshot{max-height:250px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
[data-theme="dark"] .voyage-sticky-actions{background:#13253f}[data-theme="dark"] .summary-item{background:#192d49}[data-theme="dark"] .summary-result{background:#124936;color:#7fe8b9}[data-theme="dark"] .summary-result.is-loss{background:#54273c;color:#ffa4b6}
@media(max-width:600px){.voyage-sticky-actions{bottom:4px;gap:7px}.voyage-sticky-actions .button{flex:1 1 43%;padding:10px 6px;font-size:12px}.summary-grid{grid-template-columns:1fr 1fr}.summary-item{padding:10px}.summary-item strong{font-size:18px}}

/* Sous-traitance uses the shared ATLAS components and financial journal. */
.st-form details>summary{display:flex;align-items:center;gap:10px}.st-form details>summary:after{content:'⌄';margin-inline-start:auto}.st-form details:not([open])>summary:after{content:'›'}.st-form details>summary .ui-icon{width:20px;height:20px;flex-shrink:0}.st-form .voyage-card:nth-of-type(4)>summary{background:linear-gradient(115deg,#f5a125,#e4780f)}.st-form .voyage-card:nth-of-type(5)>summary{background:linear-gradient(115deg,#8f5af4,#6341cc)}.st-form .field input[type=checkbox]{width:auto;margin-inline-end:8px}.st-financial .summary-grid{padding:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.st-financial .summary-item{min-width:0;overflow-wrap:anywhere}.st-financial .summary-item strong{font-size:21px}.st-financial .summary-footnote{padding:0 18px 18px}.st-form .voyage-entry{margin-bottom:14px;padding:16px}.st-form .full-width{grid-column:1/-1}.st-form input,.st-form select{max-width:100%}.st-form .voyage-card-body>*{min-width:0}.text-green{color:#07905b}.text-red{color:#d62850}
@media(max-width:720px){.st-financial .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-financial .summary-item strong{font-size:17px}.st-form .form-grid{grid-template-columns:minmax(0,1fr)}.st-form details>summary{padding:15px}.st-form .voyage-entry{padding:12px}}