:root{--nav:#00243e;--nav2:#003651;--ink:#071f36;--muted:#60738a;--orange:#ffcf00;--orangeDark:#806400;--cream:#fff9db;--yellow:#ffcf00;--green:#168054;--mint:#e5f4ed;--red:#b92e38;--line:#dce3eb;--bg:#f3f5f9;--radius:15px}
body{background:radial-gradient(ellipse at 85% 0,#fff 0,transparent 55%),#f3f5f9;color:var(--ink);font-size:14px}.sidebar{width:246px;padding:24px 15px 16px;background:linear-gradient(145deg,#00243e,#00314a);color:#d4e0ec}.sidebar:after{content:"";position:absolute;bottom:0;right:0;width:55px;height:50px;background:linear-gradient(135deg,transparent 50%,#ffcf00 50%);pointer-events:none}.brand{display:flex;flex-direction:column;gap:8px;padding:0 8px 24px}.brand-logo{width:150px;height:80px;object-fit:contain;background:#fff;border-radius:10px;padding:6px 10px}.brand-sub{color:#b8ccdc;font-size:8px;letter-spacing:1.15px;font-weight:650;margin-top:0}.nav-group{font-size:9px;color:#8ba9bf;padding:15px 15px 7px;letter-spacing:1.8px}.nav-item{font-size:12px;font-weight:550;padding:11px 14px;color:#d8e5ed;border-radius:8px;margin:2px 0;gap:11px;position:relative}.nav-item.active{background:#ffcf00;color:#06263e;font-weight:750;box-shadow:0 4px 14px #0002}.nav-item.active:before{display:none}.nav-item:hover{background:#ffffff14}.nav-item.active:hover{background:#ffda33}.nav-item .icon{stroke-width:1.8;width:19px;height:19px}.nav-badge{background:#00243e;color:white;border-radius:4px}.sidebar-bottom{display:flex;gap:10px;padding:17px 8px 0;color:#fff;margin-top:14px;border-top:1px solid #ffffff30}.sidebar-bottom .status-dot{margin-top:6px;background:#ffcf00}.sidebar-bottom strong{font-size:11px}.sidebar-bottom small{display:block;font-size:9px;color:#9db6c9;margin-top:3px}.main{margin-left:246px}.topbar{height:74px;padding:0 28px;gap:16px;background:#ffffffed;backdrop-filter:blur(14px)}.breadcrumb{font-size:12px;text-transform:uppercase;letter-spacing:.2px;color:#09263f;white-space:nowrap}.breadcrumb strong{font-weight:800;color:#09263f}.breadcrumb i,.brand-slash{display:inline-block;flex-shrink:0;width:11px;height:20px;background:#ffcf00;transform:skew(-35deg);margin-right:7px}.global-search{display:flex;align-items:center;gap:9px;border:1px solid #d7dfe9;border-radius:8px;padding:9px 11px;color:#60738a;font-size:11px;margin-left:auto;max-width:300px;white-space:nowrap}.global-search .icon{width:16px;height:16px}.global-search kbd{font-size:9px;color:#8192a5;background:#edf1f6;padding:2px 4px;border-radius:3px}.top-actions{gap:11px}.top-user{padding-left:12px}.top-user strong{font-size:12px}.avatar{background:#002c47;color:#fff;width:35px;height:35px}.avatar.mint{background:#ffcf00;color:#00243e}.top-user select{color:#60738a}.mode-switch{padding:3px;background:#edf1f6;border-color:#e1e7ef;gap:0}.mode-switch button{padding:7px 9px;font-size:10px;color:#60738a}.mode-switch button.active{background:#002c47;color:white;box-shadow:0 2px 5px #00243e22}.content{padding:28px 30px;max-width:1700px}.page-heading h1{font-size:31px;letter-spacing:-1.1px;font-weight:800;color:#05253d}.page-heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#627b92}.page-heading p{color:#63758b;font-size:12px}.dashboard-heading h1{font-size:35px}.dashboard-heading h1 .brand-slash{height:24px;width:12px;margin-left:15px}.btn{background:#ffcf00;color:#05243a;font-weight:750;border:1px solid transparent;box-shadow:0 2px 4px #00243e08;padding:10px 15px}.btn:hover{background:#ffdb3d;color:#05243a;box-shadow:0 4px 10px #00243e15}.btn.secondary{border-color:#cfd9e4;color:#183b55;background:white}.btn.danger{background:#ffebee;color:#b02532}.btn.dark{background:#00243e;color:white}.btn.green{background:#13784d;color:white}.link{color:#00446c;font-size:12px}.selectbox{padding:9px 12px;border-color:#d2dbe7;box-shadow:0 2px 3px #00243e05}.selectbox select{font-size:11px;color:#233f58}.selectbox .icon{color:#002c47}.sync-chip{color:#4e6d83;font-size:10px}.card{border:1px solid #dce3ed;box-shadow:0 3px 8px #00243e06}.card.pad{padding:21px}.card-title h2{font-size:16px;font-weight:750;letter-spacing:-.45px}.card-title h2>.icon{width:21px;height:21px;margin-right:5px;color:#003651}.card-title p{font-size:10px;color:#687d92}.card-title{margin-bottom:19px}.cards{gap:16px;margin-bottom:22px}.metric{padding:19px 20px;transition:transform .18s,box-shadow .18s}.metric .metric-head{font-size:11px;color:#516b82;margin-bottom:15px;gap:8px}.metric .metric-icon{background:#edf2f7;color:#002c47;border-radius:10px;width:35px;height:35px}.metric strong{font-size:32px;font-weight:800;letter-spacing:-1px}.metric .unit{color:#56718a;font-size:12px}.metric-bottom{color:#687f93;font-size:10px;margin-top:15px}.metric.primary{background:linear-gradient(125deg,#003651,#001f36);border-color:#003651;color:#fff}.metric.primary .metric-icon{background:#ffffff17;color:#ffcf00}.metric.primary .metric-head,.metric.primary .metric-bottom,.metric.primary .unit{color:#d2dfeb}.metric.primary:after{border-color:#ffcf0014}.metric[data-action]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00243e15;cursor:pointer}.dashboard-metrics .metric:before{content:"↗";position:absolute;bottom:15px;right:17px;color:#5f7f99;font-size:15px}.dashboard-metrics .metric.primary:before{color:#ffcf00}.fleet-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.category-card{border:1px solid #d7e0eb;border-radius:14px;background:linear-gradient(125deg,#fff,#eef2f7);padding:20px 17px;height:164px;position:relative;text-align:left;overflow:hidden;box-shadow:0 3px 6px #00243e07;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#c1aa36;box-shadow:0 8px 17px #00243e12}.category-card>.brand-slash{width:8px;height:12px;display:block;margin-bottom:7px}.category-card h2{font-size:16px;line-height:1.1;width:125px;letter-spacing:-.6px;position:relative;z-index:1;font-weight:800}.category-card>span:not(.fleet-art){position:absolute;bottom:15px;left:16px;font-size:10px;background:#e1e7ef;color:#183b55;padding:4px 8px;border-radius:20px;z-index:2;display:flex;gap:5px;align-items:center}.category-card>span .icon{width:12px;height:12px}.fleet-art{display:inline-block;background-image:url('./fleet.png');background-size:200% 200%;background-repeat:no-repeat;flex-shrink:0;aspect-ratio:1.5;vertical-align:middle}.fleet-art.excavator{background-position:0 0}.fleet-art.dump{background-position:100% 0}.fleet-art.pickup{background-position:0 100%}.fleet-art.transport{background-position:100% 100%}.category-card>.fleet-art{position:absolute;width:174px;right:-9px;bottom:25px;filter:drop-shadow(0 7px 6px #00243e15)}.equipment{width:150px;height:100px}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(275px,1fr);gap:20px}.chart-tabs{background:#edf2f7}.chart-tabs button{font-size:10px;padding:5px 10px;color:#56718a}.chart-tabs button.active{background:#003651;color:white}.chart-legend{font-size:10px;color:#526f86;justify-content:space-between;margin-left:0;margin-top:10px}.legend-key{background:#003651}.chart-hit{cursor:pointer;outline:none}.chart-hit:hover>rect:not(:first-child){filter:brightness(1.3)}.chart-hit:hover circle:not(:first-child),.chart-hit:focus circle:not(:first-child){fill:#ffcf00;stroke-width:3}.chart-hit:focus rect:first-of-type{stroke:#806400;stroke-width:1;stroke-dasharray:3 4}.bar-row{margin:10px 0 16px;padding:4px 0;border-radius:4px;text-align:left}.bar-row:hover{background:#f3f6fa}.bar-row-label{font-size:11px;color:#284862;margin-bottom:8px}.bar-row-label strong{font-size:11px;display:flex;align-items:center;gap:5px}.bar-row-label .icon{width:13px;height:13px}.bar-track{height:9px;background:#edf1f7}.project-total strong{font-size:30px;font-weight:800}.project-total small{font-size:11px}.two-tanks{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stock-panel{background:linear-gradient(125deg,#00243e,#003b56);border-color:#003651;color:white}.stock-panel h2{color:#fff;font-size:20px;margin-top:8px}.stock-panel .eyebrow{color:#ffcf00;font-size:9px}.stock-panel .card-title p{color:#b9cbd9}.stock-panel .btn.secondary{background:#ffffff0b;border-color:#ffffff35;color:#fff}.stock-panel .pipa-card{background:#ffffff09;border-color:#ffffff30;cursor:pointer}.pipa-card:hover{border-color:#c6ab25;box-shadow:0 3px 12px #00243e10}.pipa-card{transition:.2s;position:relative}.pipa-head{gap:8px}.pipa-head h3{font-size:12px}.pipa-number{font-size:23px;font-weight:750}.pipa-meta,.pipa-foot,.pipa-number small{color:#6e8497}.stock-panel .pipa-meta,.stock-panel .pipa-foot,.stock-panel .pipa-number small{color:#c0d1de}.pipa-foot{font-size:9px}.pipa-card .iconbox{background:#edf2f7;color:#003651;width:32px;height:32px}.stock-panel .pipa-card .iconbox{background:#ffcf0020;color:#ffcf00}.stock-panel .progress{background:#ffffff20}.stock-panel .progress i{background:#ffcf00!important}.list-row{padding:13px 0;gap:10px;border-color:#e8edf3}.list-row p{font-size:11px}.list-row small{color:#6b8196;font-size:10px}.list-row:hover{background:#f5f7fa}.square-icon{background:#fff5cc;color:#6c5700}.square-icon.red{background:#fff0f1;color:#b32c3a}.square-icon.green{background:#e6f5ee;color:#13794b}.tag{font-size:10px;color:#4d667c;background:#eaf0f5;border-radius:6px}.tag.green{background:#e3f3e9;color:#167a43}.tag.red{background:#ffeaed;color:#b42b38}.tag.orange{background:#fff0c4;color:#8b5a00}.tag.blue{background:#e5f0fa;color:#245b88}.tag.dark{background:#ffffff20;color:#e5edf4}.table-head h2{font-size:16px;font-weight:750}.table-head{padding:20px 21px}table{font-size:11px}th{background:#edf1f6;color:#4b6176;font-size:10px;padding:12px 15px;letter-spacing:0;border-color:#e0e7ef}td{padding:14px 15px;color:#38536c;border-color:#e7edf3}td strong{color:#082d48;font-weight:700}.table-foot{color:#71869b;background:#fafbfd;font-size:9px}.unit-cell .equipment{width:53px;height:35px;opacity:1}.unit-cell small{color:#71869b;font-size:9px}.unit-cell .link{font-size:12px;font-weight:750}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fffbe7}.clickable-row:focus{outline:2px solid #ac8d00;outline-offset:-2px}.field-access{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:4px}.access-card{display:flex;align-items:center;gap:14px;padding:22px;text-align:left}.access-card>.icon{margin-left:auto;width:18px}.access-card h3{font-size:14px}.access-card p{font-size:11px;color:#657d93;margin-top:4px}.access-card:hover{background:#fffbe8;border-color:#c4a92a}.footer{font-size:9px;color:#6c8398;padding:18px 0 0;margin-top:25px}.footer strong{color:#244963}.subtabs{gap:27px}.subtabs button{font-size:12px;color:#526d84;padding:14px 1px;border-width:3px}.subtabs button.active{color:#062b46;font-weight:800;border-color:#ffcf00}.unit-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:211px;margin-bottom:24px;border:1px solid #d8e1ec;border-radius:14px;overflow:hidden;background:white;box-shadow:0 4px 10px #00243e08}.unit-identity{position:relative;padding:25px 28px;background:linear-gradient(125deg,#003651,#001f36);overflow:hidden;color:#fff}.unit-identity:after{content:"";position:absolute;right:0;bottom:0;width:35px;height:70px;transform:skew(-35deg);background:#ffcf00}.unit-identity h1{font-size:60px;color:#fff;letter-spacing:-2px;position:relative;z-index:2;font-weight:850;margin:8px 0 0}.unit-identity .eyebrow{font-size:8px;color:#b4cede;position:relative;z-index:2}.unit-identity p{font-size:15px;position:relative;z-index:2;margin-bottom:14px}.unit-identity>.brand-slash{position:absolute;bottom:23px;left:29px;height:7px;width:34px;transform:skew(-35deg)}.unit-identity .equipment{position:absolute;width:300px;height:200px;right:-5px;bottom:4px;filter:drop-shadow(0 7px 5px #0003);z-index:1}.unit-hero-info{padding:27px;display:flex;flex-direction:column;justify-content:center;gap:14px}.unit-hero-info h2{font-size:17px}.unit-hero-info p{font-size:12px;color:#4f6b82}.unit-hero-info .icon{width:19px;height:19px;margin-right:6px}.unit-hero-info .row{margin-top:5px}.back-link{margin-bottom:15px}.fleet-grid{gap:20px}.unit-card{background:linear-gradient(140deg,#fff,#f8fafc);transition:.2s}.unit-card:hover{border-color:#c4aa28;transform:translateY(-3px);box-shadow:0 8px 20px #00243e13}.unit-card h2{font-weight:800;font-size:23px}.unit-card-art{background:radial-gradient(ellipse at center,#e9eef4,transparent 70%);height:150px;display:flex;align-items:center;justify-content:center;margin:12px 0}.unit-card-art .equipment{width:225px;height:150px}.unit-card-info small{color:#71869b}.unit-card-info strong{color:#163c58}.key-values .kv,.modal-group .kv{padding:12px 0}.kv>span{color:#6a8096}.kv strong{color:#153c58}.timeline-item{border-color:#e4ebf3;text-align:left}.timeline-item small{color:#6d8499}.timeline-item:hover{background:#f3f7fb}.notice{background:#fff8dd;color:#796000;border-color:#efe2a1}.notice.blue{background:#edf5fc;color:#36617f;border-color:#d3e4f1}.notice.green{background:#edf7f1;color:#367456;border-color:#d6eade}.notice.neutral{background:#f0f4f8;color:#536e85;border-color:#dfe7ef}.dialog{box-shadow:0 20px 90px #001d3960}.dialog-head{background:#f4f7fb;border-color:#dce4ee}.dialog-head h2{font-size:19px;font-weight:800}.dialog-head p{color:#657e94;font-size:11px}.dialog-foot{border-top:1px solid #dce4ed;background:#fafbfd;flex-wrap:wrap}.detail-banner{padding:22px 24px;border-radius:12px;background:linear-gradient(110deg,#00243e,#00405d);color:white;display:flex;flex-direction:column;gap:7px;margin-bottom:22px}.detail-banner span{font-size:11px;color:#c1d2df}.detail-banner strong{font-size:26px;font-weight:800;line-height:1.3}.detail-banner small{color:#fbd940;font-size:11px}.full-search{padding:13px;margin-bottom:12px;background:#f6f9fc}.full-search input{width:100%;font-size:14px;background:transparent}.field label{color:#385b77;font-size:12px}.field input,.field select,.field textarea{border-color:#ccd8e5;color:#163c58;font-size:13px;background:#fff}.field small{color:#6a8398}.image-evidence{max-width:100%}.review-qty .box{background:#f2f6fa}.review-qty small{color:#657f95}.review-qty strong{color:#002e49}.toast{background:#002c47;color:white}.empty{color:#678298}.empty h3{color:#214b66}.menu-toggle:focus-visible,button:focus-visible{outline-color:#9e7f00}.report-paper .report-logo{color:#003651}.phone-sync{background:#fff5ca!important;color:#685500!important;font-size:10px}.phone-head .eyebrow{color:#496c87!important;font-size:9px!important}.phone-head h1{font-size:25px;font-weight:800}.phone-head{padding-top:24px}.phone-bottom{border-color:#d7e1ed;background:#fff}.phone-bottom button{color:#658098;font-size:10px}.phone-bottom button.active{color:#002c47;font-weight:800;position:relative}.phone-bottom button.active:before{content:"";position:absolute;top:-12px;left:30%;right:30%;height:3px;background:#ffcf00;border-radius:4px}.phone-balance{background:linear-gradient(120deg,#00243e,#00415e)!important;box-shadow:0 6px 15px #00243e15;color:white!important;border:0}.phone-balance .big{color:white}.phone-balance .balance-label,.phone-balance small,.phone-balance p{color:#bed2e1!important}.phone-balance .icon{color:#ffcf00}.phone-balance .btn{background:#ffcf00;color:#00243e}.phone-app{border-color:#d4dfeb;box-shadow:0 15px 45px #00243e13;background:#fff}.mobile-topbar{background:#00243e;border-bottom:1px solid #ffffff22;height:82px;padding:0 30px}.mobile-topbar .brand{padding:0;display:flex;flex-direction:row;gap:12px}.mobile-topbar .brand-logo{width:108px;height:57px;padding:5px 8px;border-radius:7px}.mobile-topbar .brand-sub{max-width:100px;font-size:8px;line-height:1.5}.mobile-topbar .mode-switch{background:#ffffff14;border-color:#ffffff25}.mobile-topbar .mode-switch button{color:#c5d5e2}.mobile-topbar .mode-switch button.active{background:#ffcf00;color:#00243e}.app-workspace{max-width:1120px;gap:75px;padding:45px 30px;margin:0 auto}.app-side .eyebrow{color:#7e6920}.app-side h1{font-size:43px;font-weight:800;line-height:1.15;color:#00243e}.app-side p{color:#5f7a91}.app-side .card h3{font-weight:750}.step>span{background:#fff2b4;color:#705a00}.app-side .toggle.on{background:#003651}.phone-action{border-color:#dce5ef}.phone-action:hover{background:#fffbe5}.quick-actions .icon{color:#003651}.phone-form .gal-input{color:#00243e!important}.phone-form input{border-color:#cbd8e6}.phone-unit{background:#f0f4f8}.mobile-total{color:#002c47}.phone-body .muted{color:#637e94}.gal-entry{border-color:#e1ca58}.phone-body .btn:not(.secondary):not(.danger){background:#ffcf00;color:#052b45}.phone-body .equipment{opacity:1}.app-side .toggle{border-color:#ccdae6}.pipa-card[role=button],.metric[role=button]{cursor:pointer}
@media(min-width:1500px){.content{padding:32px 38px}.topbar{padding:0 38px}.category-card>.fleet-art{width:215px;bottom:14px}.category-card h2{font-size:18px;width:150px}.category-card{height:178px}}
@media(max-width:1250px){.global-search{max-width:37px;width:37px;overflow:hidden;padding:9px}.global-search span,.global-search kbd{display:none}.topbar{gap:12px;padding:0 22px}.content{padding:25px 22px}.sidebar{width:224px}.main{margin-left:224px}.category-card h2{font-size:15px;width:115px}.category-card>.fleet-art{width:150px;bottom:20px;right:-12px}.category-card{height:155px;padding:16px 13px}.metric{padding:17px}.metric strong{font-size:28px}.metric .metric-head{font-size:10px}.metric-bottom{font-size:9px}.unit-identity .equipment{width:245px;height:164px;right:-15px}.unit-identity h1{font-size:52px}.dashboard-heading h1{font-size:31px}.dashboard-heading .row .btn{font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr)}.pipa-head{align-items:flex-start;flex-direction:column;gap:8px}.unit-hero-info{padding:22px}.unit-hero-info h2{font-size:14px}}
@media(max-width:1000px){.sidebar{width:205px;padding:20px 11px}.main{margin-left:205px}.nav-item{font-size:11px;padding:10px 12px;gap:9px}.mode-switch button{padding:7px;font-size:9px}.mode-switch .icon{display:none}.topbar{padding:0 18px}.top-actions{gap:7px}.breadcrumb{font-size:10px}.top-user{padding-left:8px}.dashboard-heading{align-items:flex-start}.dashboard-heading h1{font-size:27px}.dashboard-heading .row{flex-direction:column;align-items:flex-end;gap:7px}.fleet-categories{grid-template-columns:repeat(2,1fr)}.category-card{height:143px}.category-card>.fleet-art{width:200px;right:0;bottom:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.pipa-head{flex-direction:row}.unit-hero{grid-template-columns:1fr}.unit-identity{min-height:200px}.unit-identity .equipment{width:320px;height:214px;right:10px;bottom:-5px}.unit-hero-info{padding:20px}.unit-hero-info h2{font-size:17px}.app-workspace{gap:35px}.app-side h1{font-size:34px}.app-side{max-width:360px}}
@media(max-width:800px){.sidebar{width:205px}.main{margin-left:205px}.breadcrumb{display:none}.top-user .user-label{display:none}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.global-search{margin-left:0}.mode-switch{margin-left:auto}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-card-art .equipment{width:160px;height:107px}.unit-card-art{height:105px}.top-actions>.icon-btn:first-child{display:none}.field-access{grid-template-columns:1fr}.mobile-topbar .brand-sub{display:none}.app-workspace{display:block;padding:30px 20px}.phone-app{max-width:460px;margin:auto}.app-side{display:none}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);width:235px}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu-toggle{display:grid}.topbar{height:64px;padding:0 15px;gap:8px}.topbar>.row{gap:0}.global-search{display:none}.mode-switch{margin:auto}.mode-switch button{font-size:10px;padding:7px 9px}.top-actions{margin:0;gap:7px}.top-user{display:none}.content{padding:24px 16px}.dashboard-heading h1{font-size:27px;letter-spacing:-1px}.page-heading h1{font-size:26px}.dashboard-heading p{font-size:11px;max-width:250px}.dashboard-heading .row .btn{font-size:10px;padding:9px}.dashboard-heading .row .btn.secondary{display:none}.dashboard-heading h1 .brand-slash{height:18px;margin-left:9px;width:9px}.cards{gap:11px}.metric{padding:15px}.metric strong{font-size:27px}.metric .metric-head{font-size:10px;line-height:1.3;margin-bottom:13px}.metric .metric-icon{width:30px;height:30px}.metric-bottom{font-size:9px;margin-top:12px;max-width:125px}.dashboard-metrics .metric:before{right:11px;bottom:12px}.fleet-categories{gap:11px;margin-bottom:20px}.category-card{height:150px;padding:15px}.category-card h2{font-size:15px;width:110px}.category-card>.fleet-art{width:165px;right:-9px;bottom:8px}.category-card>span:not(.fleet-art){left:12px;bottom:10px;font-size:9px;padding:3px 6px}.dashboard-grid,.two-col{gap:17px;margin-bottom:18px}.card.pad{padding:18px}.card-title h2{font-size:15px}.card-title p{font-size:10px;max-width:210px}.chart-tabs button{font-size:9px;padding:5px 7px}.two-tanks{gap:10px}.pipa-card{padding:13px}.pipa-head{flex-direction:column;gap:9px}.pipa-number{font-size:23px}.stock-panel h2{font-size:18px}.stock-panel .card-title{align-items:flex-start}.stock-panel .btn{font-size:9px;padding:7px}.unit-identity .equipment{width:250px;height:167px;right:-17px;bottom:5px}.unit-identity h1{font-size:51px}.unit-identity{padding:24px;min-height:200px}.unit-identity p{font-size:14px}.unit-identity .tag{font-size:8px}.unit-hero-info h2{font-size:15px}.unit-hero-info p{font-size:12px}.unit-hero-info .btn{font-size:11px;padding:10px 12px}.subtabs{gap:23px;margin-bottom:20px}.subtabs button{font-size:12px}.unit-card{padding:15px}.unit-card h2{font-size:21px}.unit-card-art{height:100px}.unit-card-art .equipment{width:150px;height:100px}.unit-card-info strong{font-size:10px}.unit-card-info{grid-template-columns:1fr}.table-head h2{font-size:15px}.table-head{padding:18px 16px}th{font-size:9px}td{font-size:11px}.footer{font-size:8px;gap:15px;align-items:flex-start}.footer span{max-width:50%}.access-card{padding:18px}.filterbar{gap:10px}.filters{gap:8px}.selectbox{padding:8px}.selectbox select{font-size:10px;max-width:150px}.dialog{max-height:93dvh}.dialog-body{padding:20px 17px}.dialog-head{padding:19px 17px}.dialog-head h2{font-size:17px}.detail-banner{padding:19px}.detail-banner strong{font-size:22px}.dialog-foot{padding:15px 17px;gap:8px;justify-content:flex-start}.dialog-foot .btn{font-size:11px;padding:9px 12px}.full-search input{font-size:12px}.mobile-topbar{height:73px;padding:0 15px;gap:8px}.mobile-topbar .brand-logo{width:90px;height:50px}.mobile-topbar .mode-switch button{font-size:9px;padding:7px}.mobile-topbar .mode-switch{margin-left:auto}.mobile-topbar .top-actions{display:none}.app-workspace{padding:0;margin:0}.phone-app{border:0;border-radius:0;max-width:100%;min-height:calc(100dvh - 73px);box-shadow:none}.phone-head{padding:23px 22px 18px}.phone-head h1{font-size:26px}.phone-body{padding:0 20px 25px}.phone-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:20}.phone-balance{border-radius:15px;padding:24px}.phone-balance .big{font-size:44px}.phone-form input{font-size:16px}.phone-form input.gal-input{font-size:31px}.phone-body .btn{padding:12px 14px;font-size:12px}.phone-body .btn.small{padding:8px 11px;font-size:11px}.phone-body .equipment{width:160px;height:107px}.unit-cell .equipment{width:50px;height:33px}.phone-sync button{color:#574400;font-weight:700}.phone-form .field label{font-size:12px}.phone-body .field select{font-size:14px}.app-side{display:none}.phone-body .tag{font-size:10px}.review-qty .box{padding:18px 10px}.review-qty strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1001px) and (max-width:1499px){.fleet-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{height:140px;padding:19px 22px}.category-card h2{font-size:20px;width:190px}.category-card>.fleet-art{width:235px;right:0;bottom:-4px}.category-card>span:not(.fleet-art){left:22px;bottom:16px}}
.assignment-card{position:relative;min-height:158px;padding:23px;border:1px solid #dbe3ed;background:linear-gradient(125deg,#fff,#edf3f8);overflow:hidden}.assignment-card>.equipment{position:absolute;right:8px;bottom:4px;width:190px;height:127px}.assignment-card .grow{align-self:flex-start;z-index:1}.assignment-card h2{font-size:33px;letter-spacing:-1px;font-weight:850;margin-bottom:4px}.assignment-card small{display:block;color:#526e85;max-width:190px;font-size:10px}.assignment-card .muted{color:#526e85;max-width:160px}.assignment-card .between .btn{position:absolute;top:16px;right:16px;font-size:10px;padding:6px 10px}.quick-action{border-color:#dce4ed;box-shadow:0 2px 5px #00243e04;transition:.2s}.quick-action:hover{background:#fffbe5;border-color:#c5ac3c}.quick-action strong{color:#153d57;font-size:12px}.quick-action small,.app-activity small{color:#637f95!important}.phone-section-title h2{font-size:15px;font-weight:750}.phone-balance .progress i{background:#ffcf00!important}.unit-cell .equipment{width:53px;height:35px}
/* ECOMUROS 0.3 · Project configuration, dispatch finder, maintenance. */
.scope-summary{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:13px 17px;margin:-5px 0 22px;border:1px solid #dbe4ed;background:#eaf0f6;border-radius:10px;color:#3c5e78;font-size:11px}.scope-summary>span:first-child{display:flex;align-items:center;gap:7px}.scope-summary .icon{width:16px;height:16px}.scope-summary>.link{margin-left:auto}.project-intro{margin-bottom:24px}.project-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-type{display:flex;gap:7px;align-items:center;font-weight:700;font-size:11px;color:#486980}.project-type .icon{width:18px;height:18px}.project-name{font-size:24px!important;margin-top:19px;font-weight:800!important;letter-spacing:-.8px!important}.project-stats{display:flex;gap:35px;border-top:1px solid #e1e8f0;border-bottom:1px solid #e1e8f0;padding:18px 0;margin:20px 0}.project-stats strong{font-size:26px;line-height:1.2;color:#002c47}.project-stats small{display:block;font-size:10px;color:#647f94;margin-top:4px}.project-stats em{font-style:normal;font-weight:400;font-size:13px}.storage-destinations{display:flex;flex-direction:column;gap:13px}.storage-destinations>div{display:flex;gap:11px;align-items:flex-start;background:#f4f7fa;padding:12px;border-radius:9px}.storage-destinations>div>.icon{color:#426783;width:20px;height:20px;margin-top:2px}.storage-destinations strong{display:block;font-size:11px;margin-bottom:6px}.storage-destinations .btn{font-size:10px;padding:5px 8px}.storage-unset{display:flex;gap:5px;align-items:center;color:#72879a;font-size:10px}.storage-unset .icon{width:12px;height:12px}.project-actions{margin-top:22px;gap:8px}.project-actions .btn{font-size:11px;padding:9px 12px}.maintenance-tools{margin-bottom:22px}.section-icon{width:42px;height:42px;display:grid;place-items:center;background:#fff3bc;border-radius:11px;color:#5f5200;margin-bottom:13px}.section-icon .icon{width:24px;height:24px}.alert-settings-form .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.alert-settings-form section{border:1px solid #e0e7f0;border-radius:12px;background:#fbfcfe;padding:24px}.alert-settings-form .field{margin-bottom:16px}.alert-settings-form h2{font-size:18px;margin-bottom:5px}.alert-settings-form .check{font-size:12px;align-items:center;gap:9px}.checkbox-projects{display:flex;flex-direction:column;gap:15px}.unit-picker{border:1px solid #d7e1eb;border-radius:12px;background:#f5f8fc;padding:17px;min-width:0}.picker-title{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:14px}.picker-title .icon{color:#003651}.picker-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.picker-categories button{font-size:10px;border:1px solid #d5e0eb;background:#fff;color:#456880;border-radius:6px;padding:7px 9px;transition:.15s}.picker-categories button.active{background:#002f4c;color:#fff;border-color:#002f4c}.picker-categories button:hover{border-color:#8e8b40}.picker-search{background:white;padding:10px 12px;margin-bottom:12px}.picker-search input{width:100%;font-size:12px;background:transparent}.picker-search .icon{width:17px;height:17px}.picker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto;scrollbar-width:thin;padding:1px}.picker-unit{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dce5ef;border-radius:9px;padding:11px;background:white;position:relative;transition:.15s;min-width:0}.picker-unit>.equipment{width:61px!important;height:41px!important;flex-shrink:0}.picker-unit>div{min-width:0;flex:1}.picker-unit strong{display:block;font-size:15px;font-weight:800;line-height:1.3}.picker-unit small{display:block;font-size:9px!important;color:#678095;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.picker-unit .tag{font-size:8px;padding:3px 5px;align-self:flex-start}.picker-unit:hover{border-color:#af9c39;background:#fffcec}.picker-unit.selected{border:2px solid #003651;padding:10px;background:#edf4f9}.picker-selection{display:flex;align-items:center;gap:10px;padding:13px;background:#e5f4ec;color:#1a6541;border:1px solid #cfe6d9;border-radius:8px;margin-top:13px}.picker-selection strong{font-size:11px;display:block}.picker-selection small{font-size:10px;color:#4e7963;display:block;margin-top:2px}.picker-selection .icon{width:20px;height:20px}.empty-selection{background:#fff9e5;border-color:#eadfaa;color:#796700;font-size:11px}.phone-form .unit-picker{padding:14px}.phone-form .picker-results{grid-template-columns:1fr;max-height:225px}.phone-form .picker-unit .equipment{width:73px!important;height:49px!important}.phone-form .picker-unit small{max-width:240px;font-size:10px!important}.phone-form .picker-unit strong{font-size:16px}.phone-form .picker-categories button{font-size:10px;padding:7px 9px}.phone-form .picker-search input{font-size:14px}.phone-form .picker-selection strong{font-size:12px}.service-preview{background:linear-gradient(120deg,#002b45,#00425e);color:white;padding:20px;border-radius:11px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}.service-preview>div>span{display:block;color:#c2d2e0;font-size:9px;margin-bottom:5px}.service-preview strong{display:block;font-size:19px;font-weight:800;line-height:1.3;white-space:nowrap}.service-preview .calc-next strong{color:#ffdb25}.service-preview .calc-sign{font-size:20px;color:#a0b8ca}.service-preview small{grid-column:1/-1;font-size:9px;color:#c2d2df;border-top:1px solid #ffffff25;padding-top:12px;margin-top:2px}.field input[readonly]{background:#edf2f7;color:#456580;border-color:#d9e3ed}.rental-fields{padding:17px;background:#f2f6fa;border-radius:10px;border:1px solid #dce5ee}.rental-fields>.form-grid{margin-bottom:10px}.rent-unit-code{font-size:23px;font-weight:800;color:#002b46}.inactive-unit{filter:grayscale(.65);opacity:.8}.inactive-unit:hover{opacity:1}.unit-hero-info .row{gap:8px}.unit-hero-info .row .btn{font-size:11px;padding:9px 12px}.unit-hero-info{gap:12px}.phone-body .service-preview strong{font-size:17px}.phone-body .service-preview{padding:16px;gap:9px}.project-config-grid .card.pad{padding:25px}.maintenance-page table .btn{font-size:10px}.alert-settings-form input[type=checkbox]{accent-color:#003651;width:17px;height:17px}
@media(max-width:1000px){.project-config-grid{grid-template-columns:1fr}.picker-results{grid-template-columns:1fr}.picker-unit small{max-width:300px}.project-config-grid .card.pad{padding:22px}.service-preview strong{font-size:18px}}
@media(max-width:700px){.scope-summary{padding:12px 13px;gap:9px;margin-bottom:19px;font-size:10px}.scope-summary>.link{font-size:10px}.scope-summary>span:first-child{width:100%}.project-name{font-size:22px!important}.project-stats{gap:35px}.project-stats strong{font-size:25px}.project-config-grid .card.pad{padding:20px}.project-type{font-size:10px}.project-config-grid .tag{font-size:8px}.project-actions .btn{font-size:10px;padding:9px 11px}.project-config-grid{gap:18px}.project-intro .notice{font-size:11px}.unit-picker{padding:13px}.picker-title{font-size:12px}.picker-categories{gap:5px}.picker-categories button{font-size:10px;padding:7px 9px}.picker-search input{font-size:13px}.picker-results{max-height:225px}.picker-unit small{max-width:230px}.alert-settings-form .settings-grid{grid-template-columns:1fr;gap:17px}.alert-settings-form section{padding:19px}.alert-settings-form .field label{font-size:11px}.service-preview{padding:16px;gap:8px;grid-template-columns:1fr auto 1fr auto 1fr}.service-preview strong{font-size:15px}.service-preview>div>span{font-size:8px;line-height:1.4}.service-preview small{font-size:9px}.service-preview .calc-sign{font-size:16px}.unit-hero-info .row{flex-wrap:wrap}.maintenance-tools .btn{font-size:10px;padding:8px 11px}.phone-body .picker-unit .equipment{width:62px!important;height:41px!important}.phone-body .picker-results{max-height:220px}.phone-body .picker-unit small{max-width:210px;font-size:9px!important}.phone-body .picker-selection strong{font-size:11px}.phone-body .picker-categories button{font-size:10px}.phone-body .picker-search input{font-size:14px}.phone-body .picker-unit .tag{font-size:8px}.phone-body .unit-picker{margin-bottom:15px}}
@media(max-width:380px){.service-preview{grid-template-columns:1fr}.service-preview .calc-sign{display:none}.service-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.service-preview>div>span{font-size:9px}.service-preview strong{font-size:19px}.picker-unit small{max-width:170px}.phone-body .picker-unit small{max-width:170px}}
/* Lightweight glass overview: native layout, static gradients, existing fleet image. */
body.cockpit-mode{background:#0a1420;color:#e3ebf2}.cockpit-mode .main{background:radial-gradient(ellipse at 85% 12%,#19324a55,transparent 45%),#0a1420;min-height:100vh}.cockpit-mode .topbar{background:#0c1724ee;border-color:#253343;backdrop-filter:none}.cockpit-mode .breadcrumb strong{color:#d9e4ed}.cockpit-mode .global-search{color:#97adbf;border-color:#304053;background:#122032}.cockpit-mode .global-search kbd{background:#213043;color:#95aabc}.cockpit-mode .mode-switch{background:#122033;border-color:#26384a}.cockpit-mode .mode-switch button{color:#97adbf}.cockpit-mode .mode-switch button.active{background:#ffcf00;color:#092337}.cockpit-mode .top-actions>.icon-btn{background:#132338;border-color:#304156;color:#bfd0df}.cockpit-mode .top-user strong{color:#e0e9f1}.cockpit-mode .top-user{border-color:#2c3b4e}.cockpit-mode .top-user select{color:#a3b7c9}.cockpit-mode .top-user select option{color:#173a56;background:#fff}.cockpit-mode .avatar{background:#24415a;color:#ffda22}.cockpit-mode .sidebar{background:linear-gradient(145deg,#061a2c,#0c243a)}.cockpit-mode .content{padding-top:30px}.cockpit-mode .footer{border-color:#273648;color:#8ca1b4}.cockpit-mode .footer strong{color:#c0d1df}.cp-dashboard{--ink:#e0eaf2;--muted:#91a7b9}.cp-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.cp-eyebrow{color:#91a8bc;font-size:9px;letter-spacing:2px;font-weight:700}.cp-heading h1{font-size:32px;font-weight:700;letter-spacing:-1.2px;color:#f1f5f8;margin:9px 0 8px;line-height:1.2}.cp-heading h1>span{color:#ffcf00}.cp-heading p{font-size:11px;color:#8fa6ba}.cp-heading .btn{font-size:11px;padding:10px 13px}.cp-heading .btn.secondary{background:#15273b;color:#b4c7d7;border-color:#34475b}.cp-dashboard .filterbar .selectbox{background:#142236;color:#a4bbcd;border-color:#304358;box-shadow:none}.cp-dashboard .filterbar .selectbox select{color:#b8cbd9}.cp-dashboard .selectbox select option,.cp-dashboard .selectbox optgroup{color:#173b56;background:white}.cp-dashboard .filterbar .selectbox .icon{color:#a6bbcc}.cp-dashboard .sync-chip{color:#89a5b7}.cp-dashboard .scope-summary{background:#111f30;border-color:#283b50;color:#a4bbcd}.cp-dashboard .scope-summary strong{font-weight:550;color:#c3d5e3}.cp-dashboard .scope-summary>.link{color:#ffdf4b}.cp-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:18px;margin-bottom:18px}.cp-glass{background:linear-gradient(135deg,#273c4d7a,#112134bd 62%,#0f1b2abf);border:1px solid #4b617343;border-top-color:#73889653;box-shadow:inset 0 1px 0 #ffffff04,0 6px 18px #0000001f;border-radius:19px;overflow:hidden;position:relative}.cp-vehicle{min-height:389px;padding:23px 25px;background:radial-gradient(ellipse at 75% 66%,#305c7166,transparent 50%),linear-gradient(135deg,#263a4c,#122334 50%,#112031)}.cp-vehicle:before{content:"";position:absolute;right:0;bottom:0;width:75%;height:55%;background:linear-gradient(170deg,transparent 45%,#7897b51a 46%,transparent 47%);pointer-events:none}.cp-vehicle-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px}.cp-vehicle-top .cp-eyebrow{font-size:8px;letter-spacing:1.7px}.cp-unit-select{display:flex;align-items:center;gap:5px;padding:5px 8px;background:#07152566;border:1px solid #ffffff1c;border-radius:7px;max-width:205px}.cp-unit-select select{color:#c2d1de;border:0;background:transparent;font-size:9px;outline:none;max-width:170px;appearance:none}.cp-unit-select .icon{width:12px;height:12px;color:#91aabd}.cp-unit-select select option{color:#183e5a;background:#fff}.cp-vehicle-copy{position:relative;z-index:2;pointer-events:none;max-width:210px;padding-top:30px}.cp-unit-code{font-size:51px;line-height:1.1;letter-spacing:-2px;font-weight:650;color:#f0f6fa}.cp-vehicle-copy h2{font-size:16px;margin-top:9px;color:#c6d6e1;font-weight:500;letter-spacing:-.25px}.cp-vehicle-copy p{font-size:10px;color:#87a1b5;margin-top:6px}.cp-unit-place{display:flex;gap:5px;align-items:center;font-size:10px;color:#b4c7d6;margin-top:15px}.cp-unit-place .icon{color:#ffda2c;width:14px;height:14px}.cp-vehicle-visual{position:absolute;right:-2%;bottom:64px;width:78%;z-index:1;pointer-events:none}.cp-vehicle-visual .equipment{width:100%;height:auto;aspect-ratio:1.5;filter:drop-shadow(0 17px 10px #0005)}.cp-vehicle-bottom{display:flex;gap:15px;align-items:center;border-top:1px solid #94b6cf26;position:absolute;left:25px;right:25px;bottom:19px;padding-top:15px;z-index:3}.cp-vehicle-bottom>div>small{color:#8da7bc;font-size:9px;display:block;margin-bottom:3px}.cp-vehicle-bottom strong{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:22px;font-weight:400;letter-spacing:-1px;color:#e9f3fa}.cp-vehicle-bottom em{font-family:inherit;font-size:12px;font-style:normal;color:#abc0d1}.cp-round{display:inline-grid;place-items:center;border:1px solid #718fa44a;background:#ffffff08;border-radius:50%;width:38px;height:38px;color:#ffdc30;transition:background .12s}.cp-round:hover{background:#ffcf0020}.cp-round .icon{width:19px;height:19px}.cp-round.small{width:27px;height:27px}.cp-round.small .icon{width:15px;height:15px}.cp-vehicle-bottom>.cp-round{margin-left:auto}.cp-live{display:flex;align-items:center;gap:5px;font-size:8px;color:#a9bccc;white-space:nowrap}.cp-live i{width:5px;height:5px;border-radius:50%;background:#ffda22}.cp-right-stack{display:grid;grid-template-rows:1fr 1fr;gap:15px}.cp-stock{padding:19px 21px;background:linear-gradient(130deg,#23394b,#152638 65%,#2d3e2188)}.cp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#becfdd;font-size:11px}.cp-panel-head>span{display:flex;gap:7px;align-items:center}.cp-panel-head .icon{width:17px;height:17px;color:#a7bfd2}.cp-stock-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px}.cp-stock-number{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:43px;font-weight:400;letter-spacing:-2px;line-height:1.1;white-space:nowrap;color:#f3f7fb}.cp-stock-number small{font:11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;margin-left:6px;color:#9fb7c9}.cp-capacity{width:49px;height:49px;border-radius:50%;background:conic-gradient(#ffdb26 var(--fill),#4f647a33 0);padding:4px;flex-shrink:0}.cp-capacity>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#192a37;font-size:12px;color:#e5d367}.cp-capacity em{font-size:8px;font-style:normal}.cp-stock-note{font-size:9px;color:#8fa7b9;margin-top:7px}.cp-tank-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.cp-tank-pills>button{display:flex;align-items:center;gap:7px;flex:1;white-space:nowrap;border:1px solid #8096a52a;border-radius:7px;padding:7px 9px;background:#0b1a2855;color:#b7c9d7;font-size:8px}.cp-tank-pills strong{font-size:9px;font-weight:550;color:#e2ebf1;margin-left:auto}.cp-tank-pills .icon{width:12px;height:12px;color:#e6cb35}.cp-tank-pills>button:hover{border-color:#b7a03588;background:#ffcf000d}.cp-maintenance{padding:17px 21px;background:linear-gradient(140deg,#273b4c,#152337 60%,#252e2155)}.cp-maintenance .tag{font-size:8px;padding:3px 6px}.cp-maintenance .tag.green{background:#14382e;color:#99c0aa}.cp-maintenance .tag.orange{background:#55441c;color:#f0d479}.cp-maintenance .tag.red{background:#4d2730;color:#f3b8bc}.cp-service-number{font-family:ui-monospace,Consolas,monospace;color:#ffdc26;font-size:35px;letter-spacing:-1.5px;margin-top:11px;line-height:1.1}.cp-service-number small{font-size:14px;letter-spacing:0;color:#b8c7d3}.cp-service-label{color:#91a7bb;font-size:9px;margin-top:5px;max-width:280px}.cp-service-track{height:3px;border-radius:3px;background:#788a9b30;margin-top:14px;overflow:hidden}.cp-service-track>i{display:block;height:100%;background:#ffda26}.cp-service-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:12px;align-items:center}.cp-service-bottom strong{font-size:9px;font-weight:550;color:#cbd9e2;display:block}.cp-service-bottom small{font-size:9px;color:#8da7bb;display:block;margin-top:3px}.cp-maintenance .btn.secondary{background:#ffffff09;border-color:#63788955;color:#c2d2df;margin-top:12px}.cp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.cp-stat{display:flex;align-items:center;padding:18px 16px;text-align:left;gap:11px;border-radius:14px;min-height:95px}.cp-stat:hover{background:linear-gradient(135deg,#31485a,#182b3d)}.cp-stat-icon{width:34px;height:34px;border-radius:10px;background:#ffffff07;border:1px solid #5c778d40;display:grid;place-items:center;color:#e9d253;flex-shrink:0}.cp-stat-icon .icon{width:18px;height:18px}.cp-stat small{font-size:9px;color:#8ba3b8;display:block}.cp-stat strong{font-size:23px;font-family:ui-monospace,Consolas,monospace;font-weight:400;letter-spacing:-1px;line-height:1.5;color:#ecf3f8}.cp-stat em{font-size:10px;font-family:inherit;color:#92a9bd;font-weight:400;font-style:normal;letter-spacing:0}.cp-stat>.icon{margin-left:auto;width:13px;height:13px;color:#91a6b7;flex-shrink:0}.cp-dashboard .card{background:linear-gradient(135deg,#1b2b3ddb,#101e2fe8);border-color:#45607844;box-shadow:0 5px 16px #00000014;color:#d2e1ec}.cp-dashboard .card-title h2{color:#d5e4ef;font-size:14px;font-weight:550;letter-spacing:-.2px}.cp-dashboard .card-title h2>.icon{color:#9ab2c5}.cp-dashboard .card-title p{color:#7d99af;font-size:9px}.cp-dashboard .chart-tabs{background:#091827;border:1px solid #32495e77}.cp-dashboard .chart-tabs button{color:#829cb0;font-size:9px}.cp-dashboard .chart-tabs button.active{background:#30495f;color:#e6eff6}.cp-dashboard .chart-wrap text{fill:#9eb3c4!important}.cp-dashboard .chart-wrap [stroke="#e0e7ee"],.cp-dashboard .chart-wrap [stroke="#e3e9ef"]{stroke:#536d8533}.cp-dashboard .chart-wrap [stroke="#003651"]{stroke:#ffda2a}.cp-dashboard .chart-wrap [fill="#003651"]{fill:#52718d}.cp-dashboard .chart-wrap [fill="#fff"]{fill:#162a3d}.cp-dashboard .chart-legend{color:#819db2}.cp-dashboard .chart-legend strong{color:#d3e3ef;font-weight:500}.cp-dashboard .bar-row-label{color:#a6bdcf}.cp-dashboard .bar-track{background:#06172799}.cp-dashboard .bar-fill[style*="#003651"]{background:#52718d!important}.cp-dashboard .project-dot[style*="#003651"]{background:#52718d!important}.cp-dashboard .bar-row:hover{background:#9bb9cc08}.cp-dashboard .bar-row-label strong{color:#c8dbe9}.cp-dashboard .table-head h2{color:#d3e3ed;font-size:14px;font-weight:550}.cp-dashboard th{background:#18304470;border-color:#39536b44;color:#8aa6bc;font-size:9px}.cp-dashboard td{border-color:#405b7340;color:#a3bdd0;font-size:10px}.cp-dashboard td strong{color:#e0eaf1}.cp-dashboard .link{color:#e5ca42;font-size:10px}.cp-dashboard .unit-cell small{color:#7e9bb2}.cp-dashboard .table-foot{background:#0b1a2a66;border-color:#3b546a44;color:#67899f;font-size:8px}.cp-dashboard .clickable-row:hover{background:#ffcf0008}.cp-dashboard .list-row{border-color:#46607733}.cp-dashboard .list-row p{color:#c9dce8;font-size:10px;font-weight:500}.cp-dashboard .list-row small{color:#86a0b5;font-size:9px}.cp-dashboard .list-row:hover{background:#839eb408}.cp-dashboard .square-icon{background:#81733220;color:#cfb737;border-radius:9px}.cp-dashboard .square-icon.red{background:#57293555;color:#d9a8ad}.cp-dashboard .list-row>.icon{color:#7895ab;width:13px;height:13px}.cp-dashboard .empty h3{color:#a6bece}.cp-dashboard .empty p{color:#7894a9}.cp-dashboard .table-card{margin-bottom:0}.cp-field-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cp-field-links>button{display:flex;align-items:center;gap:13px;text-align:left;padding:19px 21px;border-radius:13px}.cp-field-links strong{display:block;font-size:12px;font-weight:500;color:#d8e6ef}.cp-field-links small{font-size:10px;display:block;color:#7898af;margin-top:4px}.cp-field-links>button>.icon{margin-left:auto;width:15px;height:15px;color:#a1b9ca}.cp-no-unit{min-height:330px;padding:50px 20px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:14px;position:relative;z-index:1}.cp-no-unit>.icon{width:36px;height:36px;color:#d9c54d}.cp-no-unit h2{font-size:25px;color:#d7e6f1}.cp-no-unit p{color:#8ba7bb;font-size:12px}
@media(min-width:1500px){.cp-vehicle{min-height:425px;padding:27px 30px}.cp-vehicle-visual{width:75%;bottom:60px}.cp-vehicle-copy{padding-top:34px}.cp-unit-code{font-size:63px}.cp-vehicle-copy h2{font-size:19px}.cp-stock-number{font-size:53px}.cp-service-number{font-size:44px}.cp-right-stack{gap:18px}.cp-stock,.cp-maintenance{padding:22px 25px}.cp-vehicle-bottom{left:30px;right:30px;bottom:23px}.cp-stat strong{font-size:27px}.cp-stat small{font-size:10px}}
@media(max-width:1250px){.cp-unit-code{font-size:44px}.cp-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:15px}.cp-vehicle{padding:21px;min-height:381px}.cp-unit-select{max-width:155px}.cp-unit-select select{max-width:115px;font-size:8px}.cp-vehicle-top .cp-eyebrow{font-size:7px;letter-spacing:1px}.cp-vehicle-visual{width:88%;bottom:69px;right:-5%}.cp-vehicle-copy h2{font-size:14px}.cp-vehicle-bottom{left:21px;right:21px}.cp-live{display:none}.cp-stock-number{font-size:36px}.cp-stock-main{gap:6px}.cp-capacity{width:42px;height:42px}.cp-stock,.cp-maintenance{padding:17px}.cp-stats{gap:11px}.cp-stat{padding:15px 13px;gap:8px}.cp-stat-icon{width:29px;height:29px}.cp-stat-icon .icon{width:16px;height:16px}.cp-stat small{font-size:8px}.cp-stat strong{font-size:22px}.cp-heading h1{font-size:29px}.cp-heading .row{max-width:220px;justify-content:flex-end}.cp-heading .btn{font-size:10px;padding:9px 11px}}
@media(max-width:1000px){.cp-hero-grid{grid-template-columns:1fr}.cp-vehicle{min-height:335px}.cp-vehicle-copy{padding-top:22px}.cp-vehicle-visual{width:65%;bottom:47px;right:0}.cp-vehicle-bottom{bottom:17px}.cp-right-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:15px}.cp-stock,.cp-maintenance{min-height:210px}.cp-stock-main{padding-top:20px}.cp-stock-number{font-size:36px}.cp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-stat{min-height:83px}.cp-stat small{font-size:10px}.cp-stat strong{font-size:25px}.cp-heading h1{font-size:26px}.cp-vehicle .cp-unit-code{font-size:53px}.cp-vehicle-copy h2{font-size:17px}.cp-vehicle-top .cp-eyebrow{font-size:8px}.cp-unit-select{max-width:210px}.cp-unit-select select{max-width:180px;font-size:9px}}
@media(max-width:700px){.cockpit-mode .topbar .menu-toggle{background:#15283b;color:#b4c9d9;border-color:#344b60}.cockpit-mode .mode-switch button{font-size:10px}.cockpit-mode .content{padding:22px 15px}.cp-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.cp-heading h1{font-size:25px;max-width:280px;letter-spacing:-.9px}.cp-heading p{font-size:10px;max-width:250px}.cp-heading .cp-eyebrow{font-size:8px;letter-spacing:1.5px}.cp-heading .row{flex-direction:column;align-items:flex-end;gap:7px;max-width:100px}.cp-heading .btn{font-size:9px;padding:8px 9px}.cp-hero-grid{gap:13px;margin-bottom:13px}.cp-vehicle{min-height:319px;padding:19px}.cp-vehicle .cp-unit-code{font-size:46px;letter-spacing:-1px}.cp-vehicle-copy{padding-top:22px;max-width:180px}.cp-vehicle-copy h2{font-size:15px;max-width:165px}.cp-vehicle-copy p{font-size:9px;max-width:150px}.cp-unit-place{font-size:9px;max-width:165px}.cp-vehicle-visual{width:78%;bottom:58px;right:-5%}.cp-vehicle-bottom{left:19px;right:19px;bottom:17px;padding-top:13px}.cp-vehicle-bottom strong{font-size:22px}.cp-vehicle-bottom>div>small{font-size:9px}.cp-vehicle-top .cp-eyebrow{font-size:7px;letter-spacing:1.1px}.cp-unit-select{max-width:180px;padding:5px}.cp-unit-select select{max-width:145px;font-size:8px}.cp-right-stack{gap:12px}.cp-stock,.cp-maintenance{padding:15px;min-height:218px;border-radius:15px}.cp-panel-head{font-size:9px;align-items:flex-start}.cp-panel-head>span{gap:5px;line-height:1.4}.cp-panel-head .icon{width:15px;height:15px}.cp-panel-head>.cp-round{display:none}.cp-stock-main{padding-top:18px;flex-wrap:wrap;gap:9px}.cp-stock-number{font-size:30px}.cp-stock-number small{font-size:10px;margin-left:5px}.cp-capacity{width:35px;height:35px;padding:3px}.cp-capacity>span{font-size:9px}.cp-stock-note{font-size:8px;line-height:1.5;max-width:155px}.cp-tank-pills{gap:5px;margin-top:12px}.cp-tank-pills>button{font-size:7px;padding:6px;gap:4px}.cp-tank-pills strong{font-size:8px}.cp-tank-pills .icon{display:none}.cp-service-number{font-size:32px;margin-top:20px}.cp-service-number small{font-size:12px}.cp-service-label{font-size:8px;line-height:1.5}.cp-service-track{margin-top:13px}.cp-service-bottom strong{font-size:8px;line-height:1.4}.cp-service-bottom small{font-size:8px;line-height:1.4}.cp-service-bottom>.cp-round{display:none}.cp-maintenance .tag{font-size:7px;padding:3px 5px}.cp-stats{gap:11px;margin-bottom:20px}.cp-stat{padding:15px 12px;gap:9px;min-height:86px}.cp-stat strong{font-size:25px}.cp-stat small{font-size:8px;line-height:1.4}.cp-stat>.icon{display:none}.cp-stat-icon{width:31px;height:31px}.cp-field-links{grid-template-columns:1fr;gap:12px}.cp-field-links>button{padding:16px}.cp-dashboard .card-title h2{font-size:14px}.cp-dashboard .card-title p{font-size:9px}.cp-dashboard .list-row p{font-size:10px}.cp-dashboard .list-row small{font-size:9px}.cp-dashboard .chart-tabs button{font-size:9px}.cp-dashboard .scope-summary{font-size:10px}.cp-dashboard .filterbar select{font-size:10px;max-width:160px}.cp-dashboard .filterbar .selectbox{padding:8px}.cp-chart-row .card-title{align-items:flex-start}.cp-dashboard .table-head h2{font-size:13px}.cp-dashboard .table-wrap table{font-size:10px}.cp-dashboard .table-head{padding:17px}.cp-dashboard .table-card{margin-bottom:0}.cockpit-mode .footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cp-glass,.cp-round{transition:none!important}}
.cockpit-mode .dialog{color:#071f36;--ink:#071f36;--muted:#60738a}.overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* v0.4 · Task-focused field screens. No animation or additional image payload. */
.dispatch-steps{display:flex;gap:8px;list-style:none;padding:0;margin:20px 0;color:#7890a3;font-size:11px;justify-content:space-between}.dispatch-steps li{display:flex;align-items:center;gap:5px}.dispatch-steps li span{width:23px;height:23px;border-radius:50%;background:#edf1f5;display:grid;place-items:center;font-weight:800}.dispatch-steps .current{color:#05243e;font-weight:800}.dispatch-steps .current span{background:#ffcf00}
.dispatch-section-heading{font-size:20px;margin:20px 0 8px}.dispatch-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.dispatch-category{position:relative;min-height:160px;border:1px solid #dbe3ec;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:13px;text-align:left;color:#05243e;box-shadow:0 3px 8px #05243e08}.dispatch-category:hover,.dispatch-category:focus-visible{background:#fff8da;border-color:#e2b500;outline:2px solid #ffcf00;outline-offset:2px}.dispatch-category .equipment{width:110px;height:76px;align-self:center;margin-bottom:8px}.dispatch-category strong{font-size:13px;line-height:1.3}.dispatch-category small{font-size:10px;color:#688097;margin-top:6px}.category-arrow{position:absolute;right:10px;top:10px;color:#96a6b4}.category-arrow svg{width:15px}.category-external{height:84px;width:100%;display:grid;place-items:center;color:#05243e}.category-external svg{width:37px;height:37px}
.dispatch-search{margin:20px 0 8px;width:100%;background:#fff}.dispatch-search input{min-width:0}.wizard-unit{width:100%;border:1px solid #dce4ec;border-radius:12px;background:#fff;padding:12px 9px;display:flex;align-items:center;text-align:left;gap:8px;margin-bottom:10px;color:#05243e;min-height:86px}.wizard-unit:hover,.wizard-unit:focus-visible{border-color:#dfb800;background:#fffbed}.wizard-unit .equipment{width:76px;height:54px;flex-shrink:0}.wizard-unit div{display:flex;flex-direction:column;gap:4px;flex:1}.wizard-unit strong{font-size:16px}.wizard-unit span:not(.equipment){font-size:12px}.wizard-unit small{color:#688097;font-size:10px}.wizard-unit>svg{width:18px;flex-shrink:0}.dispatch-selected{display:flex;align-items:center;gap:12px;padding:14px 0;margin:12px 0;border-bottom:1px solid #e3e9ee}.dispatch-selected .equipment{width:90px;height:64px;flex-shrink:0}.dispatch-selected h2{font-size:23px}.dispatch-selected strong{font-size:12px}.dispatch-selected small{display:block;color:#71869b;font-size:10px;margin-top:5px}.dispatch-selected>svg{margin-left:auto;color:#118958}.phone-form input[type=number]{font-variant-numeric:tabular-nums}.phone-form .preview-balance{margin-top:18px}.dispatch-success{text-align:center;padding:28px 10px}.dispatch-success>svg{width:52px;height:52px;color:#118958;margin:auto auto 18px}.dispatch-success h2{font-size:23px}.dispatch-success p{color:#71869b;margin:15px 0}.dispatch-success>strong{display:block;font-size:38px;color:#05243e}.pilot-gate{padding:15px 0 24px}.pilot-gate h2{font-size:24px;margin:18px 0 10px}.pilot-gate p{color:#688097;line-height:1.7;font-size:13px}.pilot-gate-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#fff3b2;color:#05243e}.pilot-gate-icon svg{width:28px;height:28px}
.finance-filters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}.finance-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#58718b;flex:1;min-width:140px}.finance-filters input,.finance-filters select{padding:10px;border:1px solid #d4dfeb;border-radius:8px;background:white;color:#05243e;width:100%;min-width:0}.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.finance-metrics .metric strong{font-size:25px}.finance-summary,.finance-chart-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.finance-summary h2,.finance-chart-row h2{font-size:16px;margin-bottom:12px}.finance-summary .tiny{margin:15px 0 0;line-height:1.6}.finance-bars{margin-top:25px}.finance-bars button{display:grid;grid-template-columns:110px minmax(30px,1fr) 90px;align-items:center;gap:12px;width:100%;border:0;background:none;padding:12px 0;text-align:left;color:#05243e;font-size:11px}.finance-bars button:hover{text-decoration:underline}.finance-bars i{height:12px;background:#edf1f5;border-radius:4px;overflow:hidden}.finance-bars b{display:block;height:100%;background:#ffcf00;min-width:1px}.finance-bars strong{text-align:right;font-size:12px}.finance-chart-row .table-card{min-width:0}.finance-summary .card,.finance-chart-row .card{min-width:0}
@media(max-width:1100px){.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-summary,.finance-chart-row{grid-template-columns:1fr}}
@media(max-width:450px){.dispatch-category{min-height:153px}.dispatch-category-grid{gap:11px}.dispatch-category .equipment{width:100px;height:70px}.finance-metrics{grid-template-columns:1fr}.dispatch-steps{font-size:10px}}
.native-app .app-workspace{display:block;margin:0;padding:0;max-width:620px}.native-app .app-side{display:none}.native-app .phone-app{max-width:none;border:0;border-radius:0;box-shadow:none}.native-app .mobile-topbar{height:58px;padding:8px 16px}.native-app .mobile-topbar .brand-logo{width:85px;height:42px}.native-app .mobile-topbar .brand-sub{display:none}.native-app .phone-head{padding:16px 18px 12px}.native-app .phone-head h1{font-size:22px}.native-app .phone-body{padding:0 18px 22px}.native-app .dispatch-category{min-height:134px}.native-app .dispatch-category .equipment{width:100px;height:67px;margin-bottom:5px}.native-app .dispatch-steps{margin:14px 0}.native-app .dispatch-section-heading{margin-top:14px;font-size:19px}.native-app .phone-top-context{margin-bottom:12px}.native-app .dispatch-category-grid{margin-top:16px}.native-app .phone-form .field label{font-size:13px}.native-app .phone-form input{font-size:16px;min-height:46px}
/* Central operations: feature switches and memory-only demo access. */
.connection-banner{display:flex;align-items:center;gap:16px;background:#fff9d8;border:1px solid #e8d782;padding:20px;border-radius:14px;margin:0 0 24px}.connection-banner>div{flex:1}.connection-banner h2{font-size:17px;margin-bottom:5px}.connection-banner p{font-size:12px;color:#607589}.modules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.module-card{padding:22px;display:flex;flex-direction:column}.module-card h2{font-size:16px;margin:20px 0 10px}.module-card p{color:#688097;font-size:12px;line-height:1.65;flex:1;margin-bottom:15px}.module-card small{font-size:10px;line-height:1.6;color:#71869b;display:block;margin-top:12px}.module-card .tag{align-self:flex-start}.module-switch{width:51px;height:29px;background:#ccd6df;border:0;border-radius:20px;padding:4px;display:flex;align-items:center;cursor:pointer}.module-switch i{display:block;width:21px;height:21px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #05243e33}.module-switch.on{background:#ffcf00;justify-content:flex-end}.module-switch:focus-visible{outline:3px solid #003651;outline-offset:3px}.module-switch:disabled{opacity:.5}.access-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(at top right,#16496c,#00243e 75%);padding:28px}.access-screen>.ecomuros-access-card{display:block;min-width:0;max-width:460px;width:100%;background:#fff;border-radius:22px;padding:35px;box-shadow:0 25px 80px #0003}.ecomuros-access-card>img{display:block;width:150px;height:85px;object-fit:contain;margin:0 0 23px}.ecomuros-access-card .eyebrow{font-size:8px;line-height:1.8}.ecomuros-access-card h1{font-size:28px;line-height:1.2;margin:14px 0}.ecomuros-access-card p{color:#61798e;line-height:1.8;font-size:13px;margin-bottom:24px}.ecomuros-access-card form .field{margin-bottom:17px}.ecomuros-access-card small{display:block;color:#8193a3;font-size:10px;margin-top:24px;line-height:1.6}.ecomuros-access-card .secondary{margin-top:15px}.custom-equipment{object-fit:contain;border-radius:8px;background:#f4f6f8}.custom-icon{display:grid;place-items:center}.custom-icon>.fleet-art{width:100%;height:100%}.custom-icon>.icon{width:50%;height:50%}.project-cover{width:100%;height:145px;object-fit:cover;border-radius:9px;margin-bottom:16px}.media-preview{width:150px;height:100px;object-fit:contain;display:block;margin-top:12px;border-radius:9px}.cp-right-stack:not(:has(.cp-maintenance)){grid-template-rows:1fr}
@media(max-width:1100px){.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.modules-grid{grid-template-columns:1fr}.connection-banner{flex-wrap:wrap;padding:17px}.access-screen{padding:16px}.access-screen>.ecomuros-access-card{padding:25px}.module-card{padding:20px}}
/* Private management entry: isolated from dashboard card styles. */
.ec-portal{--ep-bg:#f4f6f8;--ep-surface:#fff;--ep-ink:#06273f;--ep-muted:#677e90;--ep-line:#dbe3ea;min-height:100vh;min-height:100dvh;background:var(--ep-bg);color:var(--ep-ink)}
.ec-portal[data-theme=dark]{--ep-bg:#071d2e;--ep-surface:#102c40;--ep-ink:#f1f6f9;--ep-muted:#a0b6c6;--ep-line:#29465b}
.ec-portal-header{display:flex;align-items:center;gap:25px;padding:16px 4.5%;background:var(--ep-surface);border-bottom:1px solid var(--ep-line);min-height:90px}.ec-portal-brand{border:0;background:#fff;border-radius:7px;padding:3px 10px;cursor:pointer}.ec-portal-brand img{display:block;width:112px;height:49px;object-fit:contain}.ec-portal-divider{height:32px;width:1px;background:var(--ep-line)}.ec-portal-product{display:grid;gap:5px}.ec-portal-product strong{font-size:11px;letter-spacing:1.55px}.ec-portal-product span{color:var(--ep-muted);font-size:10px}.ec-portal-header-right{margin-left:auto;display:flex;align-items:center;gap:24px}.ec-portal-version{font-size:10px;color:var(--ep-muted)}.ec-portal-theme{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--ep-line);border-radius:9px;background:var(--ep-surface);color:var(--ep-ink);font-size:11px;cursor:pointer}.ec-portal-theme .icon{width:15px;height:15px}
.ec-portal-main{max-width:1280px;margin:0 auto;padding:51px 36px 28px}.ec-portal-intro{text-align:center;margin-bottom:36px}.ec-portal-eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--ep-muted);font-size:10px;font-weight:700;letter-spacing:1.55px}.ec-portal-eyebrow .icon{width:16px;height:16px;color:#a88600}.ec-portal-intro h1{font-size:clamp(28px,3.15vw,42px);letter-spacing:-1.3px;line-height:1.2;font-weight:750;margin:16px 0 12px}.ec-portal-intro h1>span{color:#d5ab00}.ec-portal-intro p{font-size:14px;line-height:1.7;color:var(--ep-muted);margin:0 auto;max-width:650px}
.ec-portal-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.ec-portal-role{min-width:0;background:var(--ep-surface);border:1px solid var(--ep-line);border-top:3px solid #ffcf00;border-radius:14px;padding:23px 21px 21px;box-shadow:0 5px 16px #00243e04;display:flex;flex-direction:column}.ec-portal-role-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px}.ec-portal-role-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #ebd77d;background:#fff8d7;color:#877000;border-radius:12px;flex:none}.ec-portal-role-icon .icon{width:24px;height:24px}.ec-portal-role-tag{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:var(--ep-muted);text-align:right}.ec-portal-role h2{font-size:17px;letter-spacing:-.4px;line-height:1.35;margin:0 0 12px}.ec-portal-role>p{font-size:12px;line-height:1.85;color:var(--ep-muted);margin:0 0 19px;flex:1;min-height:68px}.ec-portal-role-scope{display:flex;gap:7px;align-items:flex-start;font-size:9px;line-height:1.7;color:var(--ep-muted);padding-top:15px;margin-bottom:21px;border-top:1px solid var(--ep-line)}.ec-portal-role-scope .icon{width:13px;height:13px;flex:none;margin-top:2px;color:#968000}.ec-portal-enter{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #c9d5df;border-radius:8px;padding:12px 13px;background:var(--ep-surface);color:var(--ep-ink);font-size:11px;font-weight:700;cursor:pointer;min-height:44px;transition:background .15s,border-color .15s}.ec-portal-enter .icon{width:17px;height:17px;flex:none}.ec-portal-enter:hover{border-color:#b5940a;background:#fff6c8;color:#06273f}.ec-portal-enter:focus-visible,.ec-portal-theme:focus-visible,.ec-portal-brand:focus-visible{outline:3px solid #dbb700;outline-offset:4px}.ec-portal-featured{background:#052b44;color:#fff;border-color:#052b44;border-top-color:#ffcf00}.ec-portal-featured>p,.ec-portal-featured .ec-portal-role-tag,.ec-portal-featured .ec-portal-role-scope{color:#c2d0da}.ec-portal-featured .ec-portal-role-scope{border-color:#2c4a5e}.ec-portal-featured .ec-portal-role-scope .icon{color:#ffcf00}.ec-portal-featured .ec-portal-enter{background:#ffcf00;border-color:#ffcf00;color:#05243e}.ec-portal-featured .ec-portal-role-icon{background:#ffcf00;border-color:#ffcf00;color:#05243e}
.ec-portal-finance{background:var(--ep-surface);border:1px solid var(--ep-line);border-radius:12px;padding:18px 23px;margin:20px 0 23px;display:flex;gap:16px;align-items:center}.ec-portal-finance-icon{width:42px;height:42px;border-radius:11px;background:#eef3f6;color:#25465e;display:grid;place-items:center;flex:none}.ec-portal-finance-icon .icon{width:22px;height:22px}.ec-portal-finance h2{font-size:13px;margin:0 0 5px}.ec-portal-finance p{font-size:11px;color:var(--ep-muted);line-height:1.6}.ec-portal-finance .ec-portal-enter{margin-left:auto;min-width:195px}.ec-portal-trust{display:flex;justify-content:center;align-items:center;gap:28px;color:var(--ep-muted);font-size:10px;flex-wrap:wrap}.ec-portal-trust>span{display:flex;align-items:center;gap:7px}.ec-portal-trust .icon{width:14px;height:14px}.ec-portal-footer{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:33px;border-top:1px solid var(--ep-line);padding-top:19px;font-size:9px;color:var(--ep-muted)}.ec-portal-connection{display:flex;align-items:center;gap:7px}.ec-portal-connection i{width:6px;height:6px;border-radius:50%;background:#bd9100}.ec-portal-connection.ready i{background:#2c9961}.ec-portal-footer button{display:flex;align-items:center;gap:7px;color:var(--ep-muted);border:0;background:none;font-size:10px;text-decoration:underline;cursor:pointer}.ec-portal-footer .icon{width:13px;height:13px}
.ec-login-profile{display:flex;align-items:center;gap:14px;margin-bottom:23px}.ec-login-profile>span{display:grid;place-items:center;width:47px;height:47px;flex:none;background:#fff6cc;border:1px solid #e4cf76;border-radius:12px;color:#7c6500}.ec-login-profile .icon{width:23px;height:23px}.ec-login-profile strong{font-size:16px}.ec-login-profile p{font-size:12px;color:#62798b;margin-top:5px;line-height:1.6}#portalLoginForm{margin-top:23px}#portalLoginForm>.field{margin-bottom:19px}#portalLoginForm input{font-size:15px}#portalLoginForm button[disabled]{opacity:.45;cursor:not-allowed}.ec-login-pin{position:relative}.ec-login-pin input{padding-right:48px!important}.ec-login-pin>button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:35px;height:35px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:#486579}.ec-login-pin .icon{width:19px;height:19px}.ec-login-footnote{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#6d8190;margin-top:15px}.ec-login-footnote .icon{width:13px;height:13px}
@media(max-width:1100px){.ec-portal-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-portal-main{max-width:920px;padding-top:38px}.ec-portal-role>p{min-height:45px}.ec-portal-intro h1{font-size:35px}}
@media(max-width:600px){.ec-portal-header{padding:13px 18px;gap:13px;min-height:78px}.ec-portal-brand{padding:2px 5px}.ec-portal-brand img{width:80px;height:43px}.ec-portal-product strong{font-size:8px;letter-spacing:.6px;max-width:115px;line-height:1.7}.ec-portal-product span{font-size:8px}.ec-portal-divider{height:27px}.ec-portal-header-right{gap:0}.ec-portal-version{display:none}.ec-portal-theme{font-size:10px;padding:9px;gap:5px}.ec-portal-theme .icon{width:13px;height:13px}.ec-portal-main{padding:31px 19px 24px}.ec-portal-intro{margin-bottom:27px;text-align:left}.ec-portal-eyebrow{font-size:8px;letter-spacing:.8px}.ec-portal-intro h1{font-size:32px;max-width:340px;letter-spacing:-1px;line-height:1.2;margin-top:14px}.ec-portal-intro p{font-size:12px;line-height:1.9}.ec-portal-role-grid{grid-template-columns:1fr;gap:16px}.ec-portal-role{padding:22px}.ec-portal-role-top{margin-bottom:19px}.ec-portal-role h2{font-size:19px}.ec-portal-role>p{min-height:0;font-size:12px;line-height:1.8}.ec-portal-role-scope{font-size:10px;margin-bottom:18px}.ec-portal-role-tag{font-size:9px}.ec-portal-enter{font-size:12px;padding:13px}.ec-portal-finance{padding:20px;flex-wrap:wrap;gap:13px}.ec-portal-finance>div{flex:1;min-width:170px}.ec-portal-finance h2{font-size:15px}.ec-portal-finance p{font-size:11px}.ec-portal-finance .ec-portal-enter{width:100%;margin-left:0}.ec-portal-trust{justify-content:flex-start;gap:13px;font-size:9px}.ec-portal-footer{flex-direction:column;align-items:flex-start;gap:16px;margin-top:25px;padding-top:22px}.ec-portal-footer button{font-size:10px}.ec-portal-header-right .ec-portal-theme{min-width:62px}}
@media(max-width:350px){.ec-portal-header{gap:9px;padding:12px}.ec-portal-product{max-width:105px}.ec-portal-divider{display:none}.ec-portal-header-right .ec-portal-theme{min-width:0}.ec-portal-main{padding:28px 14px}.ec-portal-intro h1{font-size:29px}}