:root{font-family:system-ui,sans-serif;color:#182b32;background:#f4f7f7;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:24px}.identity-panel{width:min(100%,760px);margin:auto;background:#fff;border:1px solid #cbd7d9;border-radius:14px;padding:24px}h1{margin:0 0 18px;font-size:1.6rem}h2{font-size:1.15rem;margin:24px 0 8px}p{line-height:1.5;overflow-wrap:anywhere}.identity-notice[hidden],.identity-panel [hidden]{display:none!important}.identity-notice{background:#eef7f3;border-left:4px solid #297458;padding:12px}.identity-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.identity-panel label{grid-column:1/-1;font-weight:650}.identity-panel select,.identity-panel button{font:inherit;min-height:44px;border-radius:7px;padding:10px 12px;border:1px solid #637a81;max-width:100%}.identity-panel select{width:100%;min-width:0;background:#fff}.identity-panel button{background:#155b46;color:#fff;cursor:pointer}.identity-panel button:disabled{opacity:.65;cursor:default}.identity-panel :focus-visible{outline:3px solid #175dba;outline-offset:3px}.identity-status{min-height:24px}.identity-members{padding-left:22px;line-height:1.8;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:520px){body{padding:12px}.identity-panel{padding:18px}.identity-panel form{grid-template-columns:minmax(0,1fr)}.identity-panel form button{width:100%}h1{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.provider-panel{width:min(100%,760px);margin:0 auto 16px;background:#fff;border:1px solid #cbd7d9;border-radius:14px;padding:24px}.provider-panel form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.provider-panel label{font-weight:650}.provider-panel input,.provider-panel button{font:inherit;min-height:44px;border:1px solid #637a81;border-radius:7px;padding:10px 12px;max-width:100%}.provider-panel input{width:100%}.provider-panel button{background:#155b46;color:#fff;cursor:pointer}.provider-panel :focus-visible{outline:3px solid #175dba;outline-offset:3px}.provider-panel button:disabled{opacity:.65;cursor:default}#provider-status{min-height:24px;overflow-wrap:anywhere}#identity-root[hidden]{display:none}@media(max-width:520px){.provider-panel{padding:18px}.provider-panel button{width:100%}}

.invite-panel{max-width:48rem;margin:1rem auto;padding:1rem;border:1px solid #546b64;border-radius:.75rem}.invite-panel form{display:grid;gap:.75rem;margin-block:1rem}.invite-panel label{display:grid;gap:.35rem;min-width:0}.invite-panel input,.invite-panel select,.invite-panel button{box-sizing:border-box;max-width:100%;min-height:44px;font:inherit;padding:.65rem}.invite-panel p{overflow-wrap:anywhere}.invite-panel [hidden]{display:none!important}.invite-panel button:focus-visible,.invite-panel input:focus-visible,.invite-panel select:focus-visible{outline:3px solid #80dfb7;outline-offset:3px}

.member-access-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #9eaaa5}.member-access-row span{min-width:0;overflow-wrap:anywhere}.member-access-row button{flex-shrink:0}@media(max-width:600px){.member-access-row{align-items:stretch;flex-direction:column}}

.vehicle-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.vehicle-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;border-bottom:1px solid #a0b2a9;padding:.75rem 0}.vehicle-row span{min-width:0;overflow-wrap:anywhere}#vehicle-fields{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}#vehicle-history-list{padding-left:1.25rem;overflow-wrap:anywhere}@media(max-width:600px){#vehicle-fields{grid-template-columns:1fr}.vehicle-row{align-items:stretch;flex-direction:column}.vehicle-actions button{flex:1 1 auto}}

.driver-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #9eaaa5}.driver-row span{min-width:0;overflow-wrap:anywhere}#driver-history-list{padding-left:1.25rem;overflow-wrap:anywhere}@media(max-width:600px){.driver-row{align-items:stretch;flex-direction:column}}

.group-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #9eaaa5}.group-row span{min-width:0;overflow-wrap:anywhere}#group-vehicles{max-height:24rem;overflow:auto;padding:.75rem}#group-vehicles label{display:flex;align-items:center;gap:.75rem;min-height:44px;border-bottom:1px solid #b0bdb7;padding:.35rem}#group-vehicles input{flex:0 0 auto;width:1.2rem;min-height:1.2rem}#group-history-list{padding-left:1.25rem;overflow-wrap:anywhere}@media(max-width:600px){.group-row{align-items:stretch;flex-direction:column}}
.handover-panel{background:#f5f8f7;border:1px solid #527268;border-radius:12px;padding:16px;max-width:100%;margin:18px 0;overflow-wrap:anywhere}.handover-panel[hidden],.handover-panel [hidden]{display:none}.handover-actions{display:flex;gap:8px;flex-wrap:wrap}.handover-panel button,.handover-panel input,.handover-panel select,.handover-panel textarea{min-height:44px;max-width:100%;font:inherit}.handover-panel form{display:grid;gap:12px}.handover-panel label{display:grid;gap:6px}.handover-panel textarea{min-height:80px;resize:vertical}.handover-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #9cafaa;padding:12px 0}.handover-panel dt{font-weight:700}.handover-panel dd{margin:0 0 10px}.handover-panel input:focus-visible,.handover-panel button:focus-visible,.handover-panel select:focus-visible,.handover-panel textarea:focus-visible{outline:3px solid #80dcb5;outline-offset:2px}@media(max-width:600px){.handover-row{align-items:stretch;flex-direction:column}.handover-actions>*{flex:1 1 auto}.handover-panel{padding:12px}.handover-panel input,.handover-panel select,.handover-panel textarea{width:100%;box-sizing:border-box}}
.driver-business-panel{background:#f5f8f7;border:1px solid #527268;border-radius:12px;padding:16px;max-width:100%;margin:18px 0;overflow-wrap:anywhere}.driver-business-panel[hidden],.driver-business-panel [hidden]{display:none}.driver-business-actions{display:flex;gap:8px;flex-wrap:wrap}.driver-business-panel button,.driver-business-panel input{font:inherit;min-height:44px;max-width:100%}.driver-business-panel form{display:grid;gap:12px}.driver-business-panel label{display:grid;gap:6px}.driver-business-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #9cafaa}.driver-business-panel dt{font-weight:700}.driver-business-panel dd{margin:0 0 10px}.driver-business-panel :focus-visible{outline:3px solid #80dcb5;outline-offset:2px}@media(max-width:600px){.driver-business-row{flex-direction:column;align-items:stretch}.driver-business-actions>*{flex:1 1 auto}.driver-business-panel input{width:100%;box-sizing:border-box}.driver-business-panel{padding:12px}}
.assignment-panel{background:#f5f8f7;border:1px solid #527268;border-radius:12px;padding:16px;margin:18px 0;max-width:100%;overflow-wrap:anywhere}.assignment-panel[hidden],.assignment-panel [hidden]{display:none}.assignment-row,.assignment-actions{display:flex;gap:8px;justify-content:space-between;align-items:center}.assignment-row{padding:12px 0;border-bottom:1px solid #9cafaa}.assignment-actions{flex-wrap:wrap}.assignment-panel button,.assignment-panel select{font:inherit;min-height:44px;max-width:100%}.assignment-panel form,.assignment-panel label{display:grid;gap:10px}.assignment-panel :focus-visible{outline:3px solid #80dcb5;outline-offset:2px}@media(max-width:600px){.assignment-row{align-items:stretch;flex-direction:column}.assignment-panel{padding:12px}.assignment-actions>*{flex:1 1 auto}.assignment-panel select{width:100%;box-sizing:border-box}}
.vd-panel{margin:1.5rem 0;padding:1.5rem;border:1px solid #b7d3cb;border-radius:18px;background:#f6fbf9;color:#17362e}.vd-heading,.vd-toolbar,.vd-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.vd-heading>div{max-width:65ch}.vd-heading h2{margin:.2rem 0;font-size:1.65rem}.vd-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#396658;font-weight:700}.vd-toolbar{justify-content:flex-start;margin:1rem 0}.vd-panel label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.vd-panel select,.vd-panel input{box-sizing:border-box;min-height:44px;max-width:100%;padding:.65rem;border:1px solid #829e94;border-radius:8px;background:white;color:#17362e;font:inherit}.vd-panel button{min-height:44px;padding:.6rem .9rem;border:1px solid #426e5f;border-radius:8px;background:white;color:#204c3d;font:inherit;cursor:pointer}.vd-panel button:disabled{opacity:.55;cursor:default}.vd-panel :focus-visible{outline:3px solid #235bce;outline-offset:3px}#vd-create,#vd-save{background:#245b49;color:white}.vd-list{display:grid;gap:.75rem}.vd-card{padding:1rem;border:1px solid #c2d8d0;border-radius:12px;background:white;min-width:0;overflow-wrap:anywhere}.vd-card h4{margin:0 0 .6rem}.vd-card p{margin:.45rem 0}.vd-badge{display:inline-block;padding:.25rem .55rem;border-radius:6px;font-weight:700}.vd-expired{background:#fde4e2;color:#84291e}.vd-soon{background:#fff0c6;color:#674600}.vd-valid{background:#d9eee3;color:#22543b}.vd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}#vd-form,#vd-history{margin-top:1.4rem;padding-top:1rem;border-top:1px solid #b7d3cb}#vd-status:not(:empty){padding:.8rem;background:#e5efe9;border-radius:8px}#vd-retry{font-weight:600}.vd-panel [hidden]{display:none!important}@media(max-width:600px){.vd-panel{padding:1rem}.vd-fields{grid-template-columns:1fr}.vd-toolbar>*{width:100%}.vd-panel select,.vd-panel input{width:100%}.vd-heading{align-items:flex-start}.vd-actions{justify-content:flex-start}.vd-heading h2{font-size:1.4rem}}
.dd-panel{margin:1.5rem 0;padding:1.5rem;border:1px solid #b7d3cb;border-radius:18px;background:#f6fbf9;color:#17362e}.dd-heading,.dd-toolbar,.dd-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.dd-heading>div{max-width:65ch}.dd-heading h2{margin:.2rem 0;font-size:1.65rem}.dd-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#396658;font-weight:700}.dd-toolbar{justify-content:flex-start;margin:1rem 0}.dd-panel label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.dd-panel select,.dd-panel input{box-sizing:border-box;min-height:44px;max-width:100%;padding:.65rem;border:1px solid #829e94;border-radius:8px;background:white;color:#17362e;font:inherit}.dd-panel button{min-height:44px;padding:.6rem .9rem;border:1px solid #426e5f;border-radius:8px;background:white;color:#204c3d;font:inherit;cursor:pointer}.dd-panel button:disabled{opacity:.55;cursor:default}.dd-panel :focus-visible{outline:3px solid #235bce;outline-offset:3px}#dd-create,#dd-save{background:#245b49;color:white}.dd-list{display:grid;gap:.75rem}.dd-card{padding:1rem;border:1px solid #c2d8d0;border-radius:12px;background:white;min-width:0;overflow-wrap:anywhere}.dd-card h4{margin:0 0 .6rem}.dd-card p{margin:.45rem 0}.dd-badge{display:inline-block;padding:.25rem .55rem;border-radius:6px;font-weight:700}.dd-expired{background:#fde4e2;color:#84291e}.dd-soon{background:#fff0c6;color:#674600}.dd-valid{background:#d9eee3;color:#22543b}.dd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}#dd-form,#dd-history{margin-top:1.4rem;padding-top:1rem;border-top:1px solid #b7d3cb}#dd-status:not(:empty){padding:.8rem;background:#e5efe9;border-radius:8px}#dd-retry{font-weight:600}.dd-panel [hidden]{display:none!important}@media(max-width:600px){.dd-panel{padding:1rem}.dd-fields{grid-template-columns:1fr}.dd-toolbar>*{width:100%}.dd-panel select,.dd-panel input{width:100%}.dd-heading{align-items:flex-start}.dd-actions{justify-content:flex-start}.dd-heading h2{font-size:1.4rem}}

.dd-toolbar select{max-width:100%}.dd-toolbar label{min-width:0}.dd-panel{overflow-wrap:anywhere}
.sv-panel{margin:1.5rem 0;padding:1.5rem;border:1px solid #b7d3cb;border-radius:18px;background:#f6fbf9;color:#17362e;overflow-wrap:anywhere}.sv-heading,.sv-toolbar,.sv-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sv-heading>div{max-width:65ch}.sv-heading h2{margin:.2rem 0;font-size:1.65rem}.sv-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#396658;font-weight:700}.sv-panel label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;min-width:0}.sv-panel input,.sv-panel select,.sv-panel textarea{box-sizing:border-box;min-height:44px;max-width:100%;padding:.65rem;border:1px solid #829e94;border-radius:8px;background:white;color:#17362e;font:inherit}.sv-panel button{min-height:44px;padding:.6rem .9rem;border:1px solid #426e5f;border-radius:8px;background:white;color:#204c3d;font:inherit;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.sv-panel button:disabled{opacity:.55;cursor:default}.sv-panel :focus-visible{outline:3px solid #235bce;outline-offset:3px}#sv-create,#sv-save{background:#245b49;color:white}.sv-toolbar{justify-content:flex-start;margin:1rem 0}.sv-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.sv-totals>div{padding:1rem;background:#e5f1eb;border-radius:12px;display:flex;flex-direction:column;gap:.4rem}.sv-totals strong{font-size:1.35rem}.sv-list{display:grid;gap:.75rem}.sv-card{padding:1rem;border:1px solid #c2d8d0;border-radius:12px;background:white;min-width:0}.sv-card h4{margin:0 0 .6rem}.sv-card p{margin:.45rem 0}.sv-badge{display:inline-block;padding:.25rem .55rem;border-radius:6px;background:#e5efe9;font-weight:700}.sv-pending{background:#fff0c6;color:#674600}.sv-rejected{background:#fde4e2;color:#84291e}.sv-section{margin-top:1.5rem}.sv-section h3{font-size:1.1rem}.sv-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sv-fields>p,.sv-fields>fieldset{grid-column:1/-1}.sv-fields fieldset{min-width:0;border:1px solid #b7d3cb;border-radius:10px;padding:1rem}.sv-fields fieldset>label{margin:.6rem 0}.sv-check{flex-direction:row!important;align-items:center;min-height:44px;gap:.7rem!important}.sv-check input{width:22px!important;height:22px;min-height:22px}.sv-actions{justify-content:flex-start;margin-top:.75rem}.sv-panel [hidden]{display:none!important}#sv-status:not(:empty){padding:.8rem;background:#e5efe9;border-radius:8px}#sv-form,#sv-detail{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #b7d3cb}#sv-retry{font-weight:600}@media(max-width:600px){.sv-panel{padding:1rem}.sv-fields,.sv-totals{grid-template-columns:1fr}.sv-toolbar>*{width:100%}.sv-panel input,.sv-panel select,.sv-panel textarea{width:100%}.sv-heading{align-items:flex-start}.sv-heading h2{font-size:1.4rem}.sv-actions{gap:.6rem}}
.ty-panel{margin:1.5rem 0;padding:1.5rem;border:1px solid #b7d3cb;border-radius:18px;background:#f6fbf9;color:#17362e;overflow-wrap:anywhere}.ty-heading,.ty-toolbar,.ty-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ty-heading>div{max-width:65ch}.ty-heading h2{margin:.2rem 0;font-size:1.65rem}.ty-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#396658;font-weight:700}.ty-panel label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;min-width:0}.ty-panel input,.ty-panel select,.ty-panel textarea{box-sizing:border-box;min-height:44px;max-width:100%;padding:.65rem;border:1px solid #829e94;border-radius:8px;background:white;color:#17362e;font:inherit}.ty-panel button{min-height:44px;padding:.6rem .9rem;border:1px solid #426e5f;border-radius:8px;background:white;color:#204c3d;font:inherit;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.ty-panel button:disabled{opacity:.55;cursor:default}.ty-panel :focus-visible{outline:3px solid #235bce;outline-offset:3px}#ty-create,#ty-save{background:#245b49;color:white}.ty-toolbar{justify-content:flex-start;margin:1rem 0}.ty-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.ty-totals>div{padding:1rem;background:#e5f1eb;border-radius:12px;display:flex;flex-direction:column;gap:.4rem}.ty-totals strong{font-size:1.35rem}.ty-list{display:grid;gap:.75rem}.ty-card{padding:1rem;border:1px solid #c2d8d0;border-radius:12px;background:white;min-width:0}.ty-card h4{margin:0 0 .6rem}.ty-card p{margin:.45rem 0}.ty-badge{display:inline-block;padding:.25rem .55rem;border-radius:6px;background:#e5efe9;font-weight:700}.ty-pending{background:#fff0c6;color:#674600}.ty-rejected{background:#fde4e2;color:#84291e}.ty-section{margin-top:1.5rem}.ty-section h3{font-size:1.1rem}.ty-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ty-fields>p,.ty-fields>fieldset{grid-column:1/-1}.ty-fields fieldset{min-width:0;border:1px solid #b7d3cb;border-radius:10px;padding:1rem}.ty-fields fieldset>label{margin:.6rem 0}.ty-check{flex-direction:row!important;align-items:center;min-height:44px;gap:.7rem!important}.ty-check input{width:22px!important;height:22px;min-height:22px}.ty-actions{justify-content:flex-start;margin-top:.75rem}.ty-panel [hidden]{display:none!important}#ty-status:not(:empty){padding:.8rem;background:#e5efe9;border-radius:8px}#ty-form,#ty-detail{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #b7d3cb}#ty-retry{font-weight:600}@media(max-width:600px){.ty-panel{padding:1rem}.ty-fields,.ty-totals{grid-template-columns:1fr}.ty-toolbar>*{width:100%}.ty-panel input,.ty-panel select,.ty-panel textarea{width:100%}.ty-heading{align-items:flex-start}.ty-heading h2{font-size:1.4rem}.ty-actions{gap:.6rem}}
.is-panel{margin:1.5rem 0;padding:1.5rem;border:1px solid #b7d3cb;border-radius:18px;background:#f6fbf9;color:#17362e;overflow-wrap:anywhere}.is-heading,.is-toolbar,.is-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.is-heading>div{max-width:65ch}.is-heading h2{margin:.2rem 0;font-size:1.65rem}.is-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#396658;font-weight:700}.is-panel label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;min-width:0}.is-panel input,.is-panel select,.is-panel textarea{box-sizing:border-box;min-height:44px;max-width:100%;padding:.65rem;border:1px solid #829e94;border-radius:8px;background:white;color:#17362e;font:inherit}.is-panel button{min-height:44px;padding:.6rem .9rem;border:1px solid #426e5f;border-radius:8px;background:white;color:#204c3d;font:inherit;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.is-panel button:disabled{opacity:.55;cursor:default}.is-panel :focus-visible{outline:3px solid #235bce;outline-offset:3px}#is-create,#is-save{background:#245b49;color:white}.is-toolbar{justify-content:flex-start;margin:1rem 0}.is-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.is-totals>div{padding:1rem;background:#e5f1eb;border-radius:12px;display:flex;flex-direction:column;gap:.4rem}.is-totals strong{font-size:1.35rem}.is-list{display:grid;gap:.75rem}.is-card{padding:1rem;border:1px solid #c2d8d0;border-radius:12px;background:white;min-width:0}.is-card h4{margin:0 0 .6rem}.is-card p{margin:.45rem 0}.is-badge{display:inline-block;padding:.25rem .55rem;border-radius:6px;background:#e5efe9;font-weight:700}.is-pending{background:#fff0c6;color:#674600}.is-rejected{background:#fde4e2;color:#84291e}.is-section{margin-top:1.5rem}.is-section h3{font-size:1.1rem}.is-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.is-fields>p,.is-fields>fieldset{grid-column:1/-1}.is-fields fieldset{min-width:0;border:1px solid #b7d3cb;border-radius:10px;padding:1rem}.is-fields fieldset>label{margin:.6rem 0}.is-check{flex-direction:row!important;align-items:center;min-height:44px;gap:.7rem!important}.is-check input{width:22px!important;height:22px;min-height:22px}.is-actions{justify-content:flex-start;margin-top:.75rem}.is-panel [hidden]{display:none!important}#is-status:not(:empty){padding:.8rem;background:#e5efe9;border-radius:8px}#is-form,#is-detail{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #b7d3cb}#is-retry{font-weight:600}@media(max-width:600px){.is-panel{padding:1rem}.is-fields,.is-totals{grid-template-columns:1fr}.is-toolbar>*{width:100%}.is-panel input,.is-panel select,.is-panel textarea{width:100%}.is-heading{align-items:flex-start}.is-heading h2{font-size:1.4rem}.is-actions{gap:.6rem}}

.is-photos{display:flex;gap:.5rem;flex-wrap:wrap}.is-open-problems{grid-column:1/-1;padding:.75rem;background:#fff0c6;border-radius:10px}.is-badge-urgent{background:#fff0c6;color:#674600}.is-restricted{background:#fde4e2;color:#84291e}.is-backlink{margin-top:.5rem}
.is-photos img{max-width:100%;max-height:260px;object-fit:contain;border-radius:10px}
.ex-panel{margin:1.5rem 0;padding:1.5rem;border:1px solid #b7d3cb;border-radius:18px;background:#f6fbf9;color:#17362e;overflow-wrap:anywhere}.ex-heading,.ex-toolbar,.ex-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ex-heading>div{max-width:65ch}.ex-heading h2{margin:.2rem 0;font-size:1.65rem}.ex-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#396658;font-weight:700}.ex-panel label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;min-width:0}.ex-panel input,.ex-panel select,.ex-panel textarea{box-sizing:border-box;min-height:44px;max-width:100%;padding:.65rem;border:1px solid #829e94;border-radius:8px;background:white;color:#17362e;font:inherit}.ex-panel button{min-height:44px;padding:.6rem .9rem;border:1px solid #426e5f;border-radius:8px;background:white;color:#204c3d;font:inherit;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.ex-panel button:disabled{opacity:.55;cursor:default}.ex-panel :focus-visible{outline:3px solid #235bce;outline-offset:3px}#ex-create,#ex-save{background:#245b49;color:white}.ex-toolbar{justify-content:flex-start;margin:1rem 0}.ex-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.ex-totals>div{padding:1rem;background:#e5f1eb;border-radius:12px;display:flex;flex-direction:column;gap:.4rem}.ex-totals strong{font-size:1.35rem}.ex-list{display:grid;gap:.75rem}.ex-card{padding:1rem;border:1px solid #c2d8d0;border-radius:12px;background:white;min-width:0}.ex-card h4{margin:0 0 .6rem}.ex-card p{margin:.45rem 0}.ex-badge{display:inline-block;padding:.25rem .55rem;border-radius:6px;background:#e5efe9;font-weight:700}.ex-pending{background:#fff0c6;color:#674600}.ex-rejected{background:#fde4e2;color:#84291e}.ex-section{margin-top:1.5rem}.ex-section h3{font-size:1.1rem}.ex-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ex-fields>p,.ex-fields>fieldset{grid-column:1/-1}.ex-fields fieldset{min-width:0;border:1px solid #b7d3cb;border-radius:10px;padding:1rem}.ex-fields fieldset>label{margin:.6rem 0}.ex-check{flex-direction:row!important;align-items:center;min-height:44px;gap:.7rem!important}.ex-check input{width:22px!important;height:22px;min-height:22px}.ex-actions{justify-content:flex-start;margin-top:.75rem}.ex-panel [hidden]{display:none!important}#ex-status:not(:empty){padding:.8rem;background:#e5efe9;border-radius:8px}#ex-form,#ex-detail{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #b7d3cb}#ex-retry{font-weight:600}@media(max-width:600px){.ex-panel{padding:1rem}.ex-fields,.ex-totals{grid-template-columns:1fr}.ex-toolbar>*{width:100%}.ex-panel input,.ex-panel select,.ex-panel textarea{width:100%}.ex-heading{align-items:flex-start}.ex-heading h2{font-size:1.4rem}.ex-actions{gap:.6rem}}

.ex-row-note{color:#52695e}.ex-fields .ex-wide{grid-column:1/-1}.ex-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#e5f1eb;border-radius:12px;margin:1rem 0}.ex-summary strong{font-size:1.5rem}.ex-approved{background:#e5f1eb}.ex-proposed{background:#fff0c6;padding:.75rem;border-radius:8px}
.ex-panel input[type=checkbox]{width:22px;height:22px;min-height:22px;align-self:flex-start}.ex-fields label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:.65rem}
.cx-panel{margin:1.5rem 0;padding:1.5rem;border:1px solid #b7d3cb;border-radius:18px;background:#f6fbf9;color:#17362e;overflow-wrap:anywhere}.cx-heading,.cx-toolbar,.cx-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flcx-wrap:wrap}.cx-heading>div{max-width:65ch}.cx-heading h2{margin:.2rem 0;font-size:1.65rem}.cx-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#396658;font-weight:700}.cx-panel label{display:flex;flcx-direction:column;gap:.4rem;font-weight:600;min-width:0}.cx-panel input,.cx-panel select,.cx-panel textarea{box-sizing:border-box;min-height:44px;max-width:100%;padding:.65rem;border:1px solid #829e94;border-radius:8px;background:white;color:#17362e;font:inherit}.cx-panel button{min-height:44px;padding:.6rem .9rem;border:1px solid #426e5f;border-radius:8px;background:white;color:#204c3d;font:inherit;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.cx-panel button:disabled{opacity:.55;cursor:default}.cx-panel :focus-visible{outline:3px solid #235bce;outline-offset:3px}#cx-create,#cx-save{background:#245b49;color:white}.cx-toolbar{justify-content:flcx-start;margin:1rem 0}.cx-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.cx-totals>div{padding:1rem;background:#e5f1eb;border-radius:12px;display:flex;flcx-direction:column;gap:.4rem}.cx-totals strong{font-size:1.35rem}.cx-list{display:grid;gap:.75rem}.cx-card{padding:1rem;border:1px solid #c2d8d0;border-radius:12px;background:white;min-width:0}.cx-card h4{margin:0 0 .6rem}.cx-card p{margin:.45rem 0}.cx-badge{display:inline-block;padding:.25rem .55rem;border-radius:6px;background:#e5efe9;font-weight:700}.cx-pending{background:#fff0c6;color:#674600}.cx-rejected{background:#fde4e2;color:#84291e}.cx-section{margin-top:1.5rem}.cx-section h3{font-size:1.1rem}.cx-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cx-fields>p,.cx-fields>fieldset{grid-column:1/-1}.cx-fields fieldset{min-width:0;border:1px solid #b7d3cb;border-radius:10px;padding:1rem}.cx-fields fieldset>label{margin:.6rem 0}.cx-check{flcx-direction:row!important;align-items:center;min-height:44px;gap:.7rem!important}.cx-check input{width:22px!important;height:22px;min-height:22px}.cx-actions{justify-content:flcx-start;margin-top:.75rem}.cx-panel [hidden]{display:none!important}#cx-status:not(:empty){padding:.8rem;background:#e5efe9;border-radius:8px}#cx-form,#cx-detail{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #b7d3cb}#cx-retry{font-weight:600}@media(max-width:600px){.cx-panel{padding:1rem}.cx-fields,.cx-totals{grid-template-columns:1fr}.cx-toolbar>*{width:100%}.cx-panel input,.cx-panel select,.cx-panel textarea{width:100%}.cx-heading{align-items:flcx-start}.cx-heading h2{font-size:1.4rem}.cx-actions{gap:.6rem}}

.cx-row-note{color:#52695e}.cx-fields .cx-wide{grid-column:1/-1}.cx-summary{display:flex;flcx-direction:column;gap:.5rem;padding:1rem;background:#e5f1eb;border-radius:12px;margin:1rem 0}.cx-summary strong{font-size:1.5rem}.cx-approved{background:#e5f1eb}.cx-proposed{background:#fff0c6;padding:.75rem;border-radius:8px}
.cx-panel input[type=checkbox]{width:22px;height:22px;min-height:22px;align-self:flcx-start}.cx-fields label:has(input[type=checkbox]){flcx-direction:row;align-items:center;gap:.65rem}

#common-expenses-area{border-style:dashed}
.ea-panel{padding:1.5rem;margin:1.5rem 0;border:1px solid #aecbbf;border-radius:18px;background:#f6fbf9;color:#17362e;overflow-wrap:anywhere}.ea-heading,.ea-actions{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.ea-heading h2{margin:.3rem 0}.ea-eyebrow{font-size:.8rem;color:#396658}.ea-panel button,.ea-panel select,.ea-panel input{font:inherit;min-height:44px;box-sizing:border-box;max-width:100%;border:1px solid #829e94;border-radius:8px;background:white;color:#17362e;padding:.65rem}.ea-panel button{cursor:pointer}.ea-panel :focus-visible{outline:3px solid #235bce;outline-offset:3px}.ea-panel label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.ea-panel fieldset{min-width:0;border:1px solid #b7d3cb;border-radius:10px;margin:1rem 0;padding:1rem}.ea-target{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,14rem);gap:1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid #d5e4dd}.ea-target label:first-child{flex-direction:row;align-items:center}.ea-target input[type=checkbox]{width:22px;height:22px;min-height:22px;flex-shrink:0;padding:0}.ea-panel button:disabled,.ea-panel input:disabled{opacity:.6;cursor:default}.ea-panel [hidden]{display:none!important}.ea-note,.ea-history-item{padding:.8rem;background:#e5f1eb;border-radius:10px;margin:.6rem 0}.ea-badge{font-weight:700}.ea-actions{justify-content:flex-start}#ea-save{background:#245b49;color:white}#ea-status:not(:empty){padding:.8rem;background:#e5f1eb;border-radius:10px}.ea-panel details{margin-top:1rem}.ea-panel summary{cursor:pointer;min-height:44px;display:flex;align-items:center}@media(max-width:600px){.ea-panel{padding:1rem}.ea-target{grid-template-columns:1fr}.ea-target input:not([type=checkbox]){width:100%}}
.er-panel{margin:1.5rem 0;padding:1rem;border:1px solid #cad5da;border-radius:12px;background:#fff;color:#172c35}.er-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.er-actions h2{margin-right:auto}.er-panel label{display:flex;flex-direction:column;gap:.3rem;min-width:0}.er-panel input,.er-panel select,.er-panel textarea{box-sizing:border-box;width:100%;min-width:0;padding:.65rem;border:1px solid #899da7;border-radius:5px;font:inherit}.er-panel button{padding:.65rem .9rem;white-space:normal;min-height:44px}.er-panel button:focus-visible,.er-panel input:focus-visible,.er-panel select:focus-visible,.er-panel textarea:focus-visible{outline:3px solid #007c91;outline-offset:2px}.er-card{border:1px solid #d1dbdf;border-radius:8px;padding:1rem;margin:.7rem 0;overflow-wrap:anywhere}.er-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.er-panel [hidden]{display:none!important}#er-form,#er-detail{padding:1rem;border:2px solid #16788a;margin:1rem 0;border-radius:8px}#er-status{overflow-wrap:anywhere}#er-uncertain{color:#815000}@media(max-width:600px){.er-fields{grid-template-columns:minmax(0,1fr)}.er-actions>*{max-width:100%}.er-panel{padding:.7rem}.er-panel button{flex-grow:1}}
.renewal-reference{grid-column:1/-1;padding:1rem;border:1px solid #c9d4df;border-radius:.5rem;overflow-wrap:anywhere;background:#f3f7fb}.renewal-reference p{margin:.4rem 0}.renewal-reference a{overflow-wrap:anywhere}
.cs-panel{max-width:1100px;margin:2rem auto;padding:1.5rem;border:1px solid #d7e1e7;border-radius:16px;background:#fff;color:#173342}.cs-panel header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.cs-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#426773}.cs-panel h2{font-size:1.6rem;margin:.3rem 0}.cs-panel fieldset{min-width:0;border:1px solid #d7e1e7;border-radius:10px;margin:1rem 0;padding:1rem}.cs-panel legend{font-weight:700;padding:0 .4rem}.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cs-panel label{display:flex;flex-direction:column;gap:.4rem}.cs-panel .cs-check{flex-direction:row;align-items:center}.cs-panel input:not([type=checkbox]),.cs-panel select{width:100%;min-width:0;box-sizing:border-box;padding:.65rem;border:1px solid #a7bbc5;border-radius:6px;font:inherit}.cs-panel input[type=checkbox]{width:1.15rem;height:1.15rem;flex-shrink:0}.cs-panel button{min-height:42px;border:1px solid #8aa8b6;border-radius:7px;padding:.6rem .85rem;cursor:pointer;background:#f2f7f9;color:#173342;font:inherit}.cs-panel button[type=submit],#cs-confirm{background:#155a72;color:white;border-color:#155a72}.cs-panel button:disabled{opacity:.55;cursor:default}.cs-panel :focus-visible{outline:3px solid #d88b19;outline-offset:3px}.cs-actions{display:flex;gap:.7rem;flex-wrap:wrap}.cs-panel p{line-height:1.5}.cs-panel [hidden]{display:none!important}.cs-panel #cs-preview-area{padding:1rem;border:2px solid #47798d;border-radius:10px}.cs-panel #cs-diff p,.cs-history-row{overflow-wrap:anywhere;padding:.6rem;background:#f4f7f9;border-radius:6px}.cs-module-notice{padding:.6rem;background:#fff3d6;border-left:3px solid #bf8018}.cs-panel #cs-status{min-height:1.5rem;color:#315c6e}@media(max-width:600px){.cs-panel{margin:1rem .35rem;padding:1rem}.cs-grid{grid-template-columns:1fr}.cs-panel header{display:block}.cs-panel header button{margin:.6rem 0}.cs-actions button{flex:1 1 100%}}

#cs-email-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6f5;padding:1rem;border-radius:8px;font:inherit}#cs-recipients{margin:1rem 0}
.alerts-panel{margin:2rem 0;padding:clamp(1rem,3vw,2rem);background:#fff;border:1px solid #cbd5e1;border-radius:18px;color:#163347}.alerts-panel header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.alerts-kicker{color:#52746c;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.alerts-panel h2{font-size:clamp(1.7rem,4vw,2.4rem);margin:.2rem 0}.alerts-toolbar,.alerts-summary{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.alerts-toolbar label{display:grid;gap:.4rem;flex:1;min-width:145px}.alerts-panel select,.alerts-panel input{width:100%;box-sizing:border-box;padding:.7rem;border:1px solid #879aa7;border-radius:7px;min-height:44px}.alerts-panel button{min-height:44px;padding:.6rem 1rem}.alerts-list{display:grid;gap:.8rem;margin:1rem 0}.alerts-card{border:1px solid #d6e0e6;border-left:4px solid #c28b19;padding:1rem;border-radius:9px;overflow-wrap:anywhere}.alerts-card[data-severity=overdue]{border-left-color:#ae3b37}.alerts-card h3{margin:.1rem 0 .6rem}.alerts-card p{margin:.5rem 0}.alerts-card form{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}.alerts-card form label{display:grid;gap:.3rem;flex:1;min-width:135px}.alerts-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:1rem;background:#f1f6f5;border-radius:8px}.alerts-panel summary{cursor:pointer;padding:.8rem 0;min-height:44px}.alerts-panel a{color:#075a76;text-decoration:underline}.alerts-panel :focus-visible{outline:3px solid #dc9c22;outline-offset:3px}@media(max-width:600px){.alerts-panel header{display:block}.alerts-panel header button{width:100%;margin-top:.7rem}.alerts-card form button{width:100%}}
.im-panel{margin:1.5rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #cbd5e1;border-radius:16px;background:#fff;max-width:100%;min-width:0}.im-kicker{color:#526477;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.im-panel label{display:grid;gap:.4rem;margin:.7rem 0}.im-panel select,.im-panel input{width:100%;min-width:0;padding:.65rem;border:1px solid #94a3b8;border-radius:6px;background:white}.im-panel button{padding:.65rem 1rem;margin:.4rem .4rem .4rem 0;white-space:normal}.im-panel button:focus-visible,.im-panel input:focus-visible,.im-panel select:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.im-maprow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem;border-bottom:1px solid #e2e8f0;padding:.5rem 0;align-items:center}.im-scroll{overflow:auto;max-width:100%;max-height:32rem}.im-scroll table{border-collapse:collapse;min-width:100%;font-size:.88rem}.im-scroll td,.im-scroll th{padding:.7rem;border:1px solid #cbd5e1;text-align:left;white-space:pre-wrap;min-width:7rem;max-width:24rem;overflow-wrap:anywhere}.im-invalid{background:#fff1f2}.im-actions{display:flex;flex-wrap:wrap;gap:.4rem}#im-status{white-space:pre-wrap;overflow-wrap:anywhere}#im-off{padding:1rem;background:#fff7ed}#im-commit{background:#163c57;color:white;border:0;border-radius:6px}@media(max-width:560px){.im-maprow{grid-template-columns:1fr}.im-panel button{width:100%}}
.rp-panel{border:1px solid #c8d5d8;border-radius:14px;padding:20px;margin:20px 0;background:#fff;color:#183b45}.rp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.rp-panel form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.rp-panel label{display:flex;flex-direction:column;gap:6px}.rp-panel input,.rp-panel select,.rp-panel button{min-height:44px;max-width:100%;font:inherit}.rp-panel button{cursor:pointer;margin:4px}.rp-card{border-bottom:1px solid #d9e2e4;padding:12px 0;overflow-wrap:anywhere}.rp-money{font-variant-numeric:tabular-nums}.rp-muted{color:#53646a}.rp-scroll{overflow:auto}.rp-panel table{border-collapse:collapse;width:100%}.rp-panel td,.rp-panel th{text-align:left;padding:10px;border-bottom:1px solid #d9e2e4}.rp-panel :focus-visible{outline:3px solid #117f88;outline-offset:3px}@media(max-width:620px){.rp-panel{padding:12px}.rp-heading{display:block}.rp-panel form label{width:100%}.rp-panel table,.rp-panel tbody,.rp-panel tr,.rp-panel td{display:block}.rp-panel thead{display:none}.rp-panel td::before{content:attr(data-label) ': ';font-weight:600}.rp-panel tr{margin:12px 0;border:1px solid #d9e2e4}}

/* Claude visual system from rebuild/web/styles.css; adapted to online composition below. */
:root {
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: #16213f;
  background: #f5f7fc;
  font-synthesis: none;
  --navy: #0f1e45;
  --text: #16213f;
  --accent-soft: #eaf0ff;
  --blue: #2457f5;
  --muted: #4a5878;
  --line: #d9dfec;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
select {
  font: inherit;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
button,
.button {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  color: #16213f;
  padding: 10px 15px;
  font-weight: 600;
  white-space: nowrap;
}
button:hover:not(:disabled) {
  background: #eef2fd;
}
button.primary {
  background: var(--blue);
  border-color: var(--blue);
  color: white;
}
button.primary:hover:not(:disabled) {
  background: #1c46cf;
}
.text-button {
  border: 0;
  background: transparent;
  padding: 6px;
  color: var(--blue);
}
:focus-visible {
  outline: 3px solid #2457f5;
  outline-offset: 3px;
}
input,
select {
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid #7684a3;
  border-radius: 7px;
  background: white;
  color: #16213f;
}
label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 7px;
}
small,
.muted {
  color: var(--muted);
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: 29px;
  letter-spacing: -0.7px;
  margin-bottom: 8px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 16px;
}
p {
  line-height: 1.6;
}
.skip {
  position: fixed;
  top: -100px;
  left: 10px;
  background: white;
  padding: 12px;
  z-index: 20;
}
.skip:focus {
  top: 10px;
}
.shell {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  min-height: 100vh;
}
.sidebar {
  background: var(--navy);
  color: #e8edf8;
  padding: 28px 20px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.brand {
  font-size: 27px;
  font-weight: 750;
  letter-spacing: -1px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.brandmark {
  display: inline-grid;
  place-items: center;
  background: #3b82f6;
  color: white;
  border-radius: 10px;
  width: 36px;
  height: 36px;
  font-size: 23px;
}
.nav {
  display: grid;
  gap: 8px;
}
.nav button {
  background: transparent;
  color: #c9d4ee;
  border: 0;
  text-align: left;
  padding: 13px 14px;
}
.nav button.active {
  background: #1f3270;
  color: white;
}
.future {
  padding: 12px 14px;
  color: #8d9bc0;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.future small {
  font-size: 10px;
  color: #aab8da;
}
.sidebar-footer {
  margin-top: auto;
  font-size: 12px;
  color: #aab8da;
  line-height: 1.7;
}
.workspace {
  min-width: 0;
}
.topbar {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  background: white;
  border-bottom: 1px solid var(--line);
  padding: 18px 36px;
}
.company {
  font-weight: 650;
}
.account {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 13px;
}
.content {
  max-width: 1300px;
  margin: auto;
  padding: 36px;
}
.heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 26px;
}
.eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 10px;
}
.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 25px;
}
.stat {
  min-width: 0;
  background: white;
  border: 1px solid var(--line);
  padding: 20px;
  border-radius: 12px;
}
.stat strong {
  display: block;
  font-size: 28px;
  letter-spacing: -0.7px;
  margin: 9px 0 3px;
}
.stat span {
  font-size: 13px;
  color: var(--muted);
}
.panel {
  background: white;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}
.toolbar {
  display: flex;
  gap: 12px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
}
.toolbar input {
  max-width: 400px;
}
.toolbar select {
  max-width: 220px;
}
.table-wrap {
  overflow: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  text-align: left;
}
th {
  background: #f6f8fd;
  color: #4a5878;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-weight: 650;
}
th,
td {
  padding: 16px 18px;
  border-bottom: 1px solid #edf0f4;
  vertical-align: middle;
}
td strong {
  display: block;
  margin-bottom: 3px;
}
td small {
  display: block;
  font-size: 12px;
}
tbody tr:last-child td {
  border-bottom: 0;
}
.plate {
  display: inline-block;
  border: 1px solid #7684a3;
  border-radius: 5px;
  font-weight: 700;
  padding: 5px 9px;
  white-space: nowrap;
}
.badge {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 30px;
  background: var(--accent-soft);
  color: #1c46cf;
  line-height: 1.5;
  font-size: 12px;
}
.badge.off {
  background: #fff2ec;
  color: #a34f31;
}
.empty {
  text-align: center;
  padding: 56px 24px;
}
.empty p {
  max-width: 460px;
  margin: 0 auto 20px;
  color: var(--muted);
}
.empty-icon {
  font-size: 36px;
  margin-bottom: 16px;
  color: #7292b8;
}
.auth-page {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: white;
}
.auth-brand {
  background: var(--navy);
  color: white;
  padding: 50px 12%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.auth-copy h1 {
  font-size: 44px;
  line-height: 1.16;
  max-width: 450px;
}
.auth-copy p {
  color: #c9d4ee;
  max-width: 400px;
}
.auth-form-area {
  display: grid;
  place-items: center;
  padding: 40px 24px;
}
.auth-card {
  width: 100%;
  max-width: 410px;
}
.tabs {
  display: flex;
  border-bottom: 1px solid var(--line);
  margin: 24px 0;
}
.tabs button {
  border: 0;
  background: none;
  border-radius: 0;
  color: var(--muted);
  flex: 1;
}
.tabs button.active {
  color: var(--blue);
  border-bottom: 2px solid var(--blue);
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.field {
  margin-bottom: 17px;
}
.form-grid .field {
  margin: 0;
}
.full {
  grid-column: 1/-1;
}
.error {
  color: #ad2929;
  background: #fff2f2;
  border: 1px solid #f6d0d0;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.5;
  margin: 14px 0;
}
.error:empty {
  display: none;
}
.success {
  background: #edf8f1;
  color: #256847;
  border: 1px solid #cbe6d5;
  padding: 14px;
  border-radius: 8px;
  line-height: 1.6;
}
.auth-card form > button {
  width: 100%;
  margin-top: 6px;
}
.auth-foot {
  font-size: 12px;
  margin-top: 22px;
  color: var(--muted);
}
dialog {
  border: 0;
  border-radius: 14px;
  padding: 0;
  width: min(680px, calc(100% - 32px));
  max-height: 90vh;
  box-shadow: 0 24px 100px #0a143040;
}
dialog::backdrop {
  background: #0a14308c;
}
.dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 26px;
  border-bottom: 1px solid var(--line);
}
.dialog-head h2 {
  margin: 0;
}
.dialog-body {
  padding: 24px 26px;
}
.dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 25px;
}
.close {
  font-size: 22px;
  padding: 3px 10px;
  border: 0;
  color: var(--muted);
}
#notice {
  position: fixed;
  bottom: 22px;
  right: 22px;
  max-width: calc(100% - 44px);
  background: #0a1430;
  color: white;
  border-radius: 9px;
  padding: 14px 20px;
  z-index: 30;
  box-shadow: 0 5px 25px #0a143030;
}
#notice:empty {
  display: none;
}
.loading {
  padding: 60px;
  text-align: center;
  color: var(--muted);
}
.steps {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.steps span {
  font-size: 12px;
  border-radius: 20px;
  padding: 6px 12px;
  background: #eff3f7;
  color: var(--muted);
}
.steps .active {
  background: #eaf0ff;
  color: var(--blue);
}
.mapping {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.preview td {
  padding: 10px;
  font-size: 12px;
}
.preview th {
  padding: 10px;
}
.invalid {
  background: #fff2f2;
}
.invite-link {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.invite-link input {
  font-size: 12px;
}
.section-note {
  font-size: 13px;
  line-height: 1.7;
  color: var(--muted);
  margin-top: 20px;
}
.mobile-label {
  display: none;
}
@media (max-width: 850px) {
  .shell {
    grid-template-columns: 224px minmax(0, 1fr);
  }
  .sidebar {
    padding: 24px 12px;
  }
  .topbar {
    padding: 16px 22px;
  }
  .content {
    padding: 26px 22px;
  }
  .heading {
    flex-direction: column;
  }
  .auth-copy h1 {
    font-size: 36px;
  }
  .auth-brand {
    padding: 36px;
  }

}
@media (max-width: 620px) {
  .shell {
    display: block;
  }
  .sidebar {
    padding: 15px 18px;
    gap: 15px;
  }
  .brand {
    font-size: 23px;
  }
  .brandmark {
    width: 30px;
    height: 30px;
    font-size: 20px;
  }
  .nav {
    display: flex;
  }
  .nav button {
    padding: 9px 13px;
  }
  .future,
  .sidebar-footer {
    display: none;
  }
  .topbar {
    padding: 12px 18px;
    align-items: flex-start;
  }
  .topbar select {
    max-width: 180px;
  }
  .content {
    padding: 24px 16px;
  }
  h1 {
    font-size: 26px;
  }
  .heading {
    gap: 14px;
  }
  .heading p {
    font-size: 14px;
  }
  .actions {
    width: 100%;
  }
  .actions button {
    flex: 1;
    padding: 10px;
  }
  .stats {
    gap: 8px;
  }
  .stat {
    padding: 13px 10px;
  }
  .stat strong {
    font-size: 23px;
  }
  .stat span {
    font-size: 11px;
  }
  .toolbar {
    flex-direction: column;
    padding: 14px;
  }
  .toolbar input,
  .toolbar select {
    max-width: none;
  }
  .vehicle-table thead,
  .member-table thead {
    display: none;
  }
  .vehicle-table,
  .vehicle-table tbody,
  .vehicle-table tr,
  .vehicle-table td,
  .member-table,
  .member-table tbody,
  .member-table tr,
  .member-table td {
    display: block;
  }
  .vehicle-table tr,
  .member-table tr {
    padding: 14px;
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .vehicle-table td,
  .member-table td {
    padding: 0;
    border: 0;
    font-size: 13px;
  }
  .vehicle-table td:first-child,
  .member-table td:first-child {
    grid-column: 1/-1;
  }
  .mobile-label {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-bottom: 4px;
  }
  .vehicle-table td:last-child,
  .member-table td:last-child {
    display: flex;
    align-items: end;
    justify-content: end;
  }
  .auth-page {
    display: block;
  }
  .auth-brand {
    padding: 22px;
  }
  .auth-copy {
    margin-top: 30px;
  }
  .auth-copy h1 {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .auth-copy p,
  .auth-brand footer {
    display: none;
  }
  .auth-form-area {
    padding: 30px 22px;
  }
  .auth-card h2 {
    font-size: 23px;
  }
  .form-grid,
  .mapping {
    grid-template-columns: 1fr;
  }
  .full {
    grid-column: auto;
  }
  .dialog-body {
    padding: 20px;
  }
  .dialog-head {
    padding: 18px 20px;
  }
  .invite-link {
    flex-direction: column;
  }
  .dialog-actions button {
    flex: 1;
  }
}

.import-upload {
  margin-top: 24px;
}
.import-sample {
  margin-top: 18px;
}

.fixed-field {
  margin-top: 12px;
}
.profile-heading {
  margin-top: 24px;
}
.profile-section {
  background: white;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
}
.profile-account {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 20px;
}
.profile-account strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}
.profile-cars {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.profile-car {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 9px;
}
.profile-car h3 {
  margin-top: 16px;
}
.profile-car p {
  margin-bottom: 0;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.section-heading p {
  font-size: 14px;
}
.document-list {
  display: grid;
  gap: 14px;
}
.document-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 9px;
  overflow-wrap: anywhere;
}
.document-card p {
  margin-bottom: 6px;
  font-size: 14px;
}
.document-card a {
  text-decoration: none;
  flex-shrink: 0;
}
.profile-timeline {
  display: grid;
  gap: 20px;
}
.profile-timeline article {
  padding-left: 18px;
  border-left: 3px solid #d9e5f8;
}
.profile-timeline article p {
  font-size: 14px;
  margin-bottom: 12px;
}
.change-list {
  margin: 0;
  display: grid;
  gap: 10px;
}
.change-list > div {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 14px;
  font-size: 14px;
}
.change-list dt {
  color: var(--muted);
}
.change-list dd {
  margin: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 620px) {
  .profile-section {
    padding: 18px;
  }
  .profile-account {
    grid-template-columns: 1fr;
  }
  .section-heading,
  .document-card {
    flex-direction: column;
  }
  .document-card a {
    width: 100%;
    text-align: center;
  }
  .change-list > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .profile-heading {
    gap: 10px;
  }
}
.profile-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.document-form-container {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.profile-section {
  scroll-margin-top: 20px;
}
.document-toolbar {
  flex-wrap: wrap;
}
.document-toolbar input {
  flex: 2;
  min-width: 180px;
}
.document-toolbar select {
  flex: 1;
  min-width: 150px;
}
.vehicle-document-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 18px;
  padding: 18px;
}
.vehicle-document-card {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 20px;
  min-width: 0;
}
.vehicle-document-card h2 {
  margin: 16px 0 5px;
}
.vehicle-document-card p {
  margin-top: 18px;
  font-size: 14px;
}
.vehicle-document-card .section-note {
  margin-top: 8px;
}
.vehicle-document-card .actions {
  align-items: center;
  margin-top: 20px;
}
.vehicle-document-card a {
  text-decoration: none;
}
.status-valid {
  background: #edf8f1;
  color: #256847;
}
.status-soon {
  background: #fff7df;
  color: #856013;
}
.status-expired {
  background: #fff0ef;
  color: #a93232;
}
.vehicle-document-card .badge {
  white-space: nowrap;
}
@media (max-width: 620px) {
  .nav {
    flex-wrap: wrap;
  }
  .vehicle-document-cards {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
  }
  .document-toolbar input,
  .document-toolbar select {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  .vehicle-table td:last-child {
    flex-wrap: wrap;
  }
  .vehicle-document-card .actions .button {
    flex: 1;
    text-align: center;
  }
  .vehicle-document-card .section-heading {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
textarea {
  font: inherit;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #7684a3;
  border-radius: 7px;
  resize: vertical;
  color: #16213f;
  background: white;
}
.service-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
  padding: 18px;
}
.service-card {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 10px;
  min-width: 0;
}
.service-card h2 {
  margin-top: 16px;
  font-size: 20px;
  overflow-wrap: anywhere;
}
.service-summary {
  margin: -5px 0 22px;
}
.service-values {
  display: grid;
  gap: 9px;
  margin: 18px 0;
  font-size: 14px;
}
.service-values > div {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 10px;
}
.service-values dt {
  color: var(--muted);
}
.service-values dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.service-description {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14px;
  margin-top: 18px;
}
.service-subtitle {
  margin: 20px 0 -4px;
}
.approved-snapshot {
  padding: 16px;
  background: #f4f8ff;
  border: 1px solid #d6e4fa;
  border-radius: 9px;
  margin-top: 18px;
}
.approved-snapshot p {
  margin-bottom: 0;
  font-size: 14px;
}
.approved-snapshot .service-values {
  margin-bottom: 0;
}
.service-due {
  font-size: 13px;
  font-weight: 600;
  margin: 18px 0;
}
.due-overdue {
  color: #a93232;
}
.due-soon {
  color: #856013;
}
.due-upcoming {
  color: #365c91;
}
.approval-pending {
  background: #fff7df;
  color: #856013;
}
.approval-approved {
  background: #edf8f1;
  color: #256847;
}
.approval-rejected {
  background: #fff0ef;
  color: #a93232;
}
.service-card .section-heading {
  flex-wrap: wrap;
}
.service-card .actions {
  margin-top: 20px;
}
.service-card .badge {
  max-width: 100%;
}
.service-card .section-note {
  overflow-wrap: anywhere;
}
@media (max-width: 620px) {
  .service-cards {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
  }
  .service-values > div {
    grid-template-columns: 120px minmax(0, 1fr);
  }
  .stat #service-total-RON,
  .stat #service-total-EUR {
    font-size: 19px;
    overflow-wrap: anywhere;
  }
}
.service-state {
  margin: 5px 0;
}
.oil-automatic[hidden] {
  display: none;
}
#oil-plan {
  margin-bottom: 20px;
}
.service-section {
  margin: 26px 0;
  background: white;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}
.service-section > .section-heading {
  padding: 22px 22px 0;
}
.service-section > .section-heading h2 {
  font-size: 21px;
}
.service-section-empty {
  padding: 18px 22px 24px;
}
.work-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 18px;
  padding: 14px 18px;
  background: #f3f7ff;
  border-radius: 8px;
}
.work-selection p {
  margin: 0;
  font-size: 13px;
}
.work-select {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
.work-select input {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.service-card h3 {
  margin-top: 14px;
  overflow-wrap: anywhere;
}
.visit-works {
  padding-left: 21px;
  line-height: 1.7;
  font-size: 14px;
}
.visit-works li {
  margin-bottom: 6px;
}
.visit-history-heading {
  margin-top: 26px;
}
.completion-works {
  display: grid;
  gap: 18px;
  margin: 22px 0;
}
.completion-work {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 16px;
}
.completion-work legend {
  font-weight: 650;
  padding: 0 7px;
  overflow-wrap: anywhere;
}
.completion-work .completion-cost {
  margin: 14px 0;
}
.completion-cost[hidden] {
  display: none;
}
.completion-work textarea {
  margin-top: 0;
}
.stat .pending-total {
  font-size: 20px;
}
#oil-plan {
  margin-top: 20px;
}
.service-card a {
  text-decoration: none;
}
@media (max-width: 620px) {
  .work-selection {
    flex-direction: column;
    align-items: stretch;
    padding: 14px;
    margin: 0 14px;
  }
  .work-selection button {
    width: 100%;
  }
  .service-section > .section-heading {
    padding: 18px 18px 0;
  }
  .service-section .service-cards {
    padding: 14px;
  }
  .service-section-empty {
    padding: 14px 18px;
  }
  .completion-work {
    padding: 14px;
  }
}
.tyre-money {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 22px;
  padding: 20px;
}
.tyre-money > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.tyre-money span {
  width: 100%;
  font-size: 13px;
  color: var(--muted);
}
.tyre-money strong {
  font-size: 20px;
  overflow-wrap: anywhere;
}
.tyre-card .section-heading p {
  margin-top: 12px;
}
#tyre-vehicle-current {
  margin-top: 20px;
}
@media (max-width: 620px) {
  .tyre-money {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .tyre-money strong {
    font-size: 18px;
  }
}

.tyre-set-code {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: var(--blue);
  overflow-wrap: anywhere;
}
.alert-warning {
  background: #fff7df;
  color: #856013;
}
.alert-due {
  background: #fff0e2;
  color: #9a5019;
}
.alert-overdue {
  background: #fff0ef;
  color: #a93232;
}
.alert-source-note {
  padding: 0 22px;
}
.alert-recipients {
  border: 1px solid var(--line);
  border-radius: 9px;
  margin: 22px 0;
  padding: 18px;
  min-width: 0;
}
.alert-recipients legend {
  font-weight: 650;
}
.recipient-option {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 14px 0;
  font-weight: 400;
}
.recipient-option input {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 3px;
}
.recipient-option small {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  overflow-wrap: anywhere;
}
.email-preview-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  font-size: 14px;
  line-height: 1.7;
  margin: 18px 0;
}
#alert-preview {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #f6f8fd;
  margin: 18px 0 24px;
  overflow-wrap: anywhere;
}
.document-list + h3 {
  margin-top: 24px;
}
.document-card > .actions {
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
}
.document-card > .actions .button {
  text-align: center;
}
@media (max-width: 620px) {
  .document-card > .actions {
    width: 100%;
  }
  .alert-recipients {
    padding: 14px;
  }
  .alert-source-note {
    padding: 0 18px;
  }
}
.issue-photos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.issue-photos a {
  color: var(--blue);
  text-decoration: none;
  min-width: 0;
}
.issue-photos img {
  width: 100%;
  height: 145px;
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f6f8fd;
}
.issue-photos span {
  display: block;
  font-size: 12px;
  margin-top: 6px;
  overflow-wrap: anywhere;
}
#issue-open-problems {
  margin-bottom: 18px;
}
#issue-open-problems .approved-snapshot {
  margin-top: 0;
}
#issue-open-problems .approved-snapshot > div {
  margin-top: 12px;
}
#issue-detail h1 {
  overflow-wrap: anywhere;
}
[data-work-issue-links] {
  margin-top: 10px;
}
.issue-photos:empty {
  display: none;
}

.handover-list {
  display: grid;
  gap: 16px;
}
.handover-card {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow-wrap: anywhere;
}
.handover-card h3 {
  margin: 0;
}
.handover-data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.handover-data dt {
  color: var(--muted);
  font-size: 13px;
}
.handover-data dd {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
}
.handover-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  .handover-data {
    grid-template-columns: 1fr;
  }
}

.deactivate-vehicle-list {
  padding-left: 24px;
  overflow-wrap: anywhere;
}
.deactivate-vehicle-list li {
  margin: 8px 0;
}

.module-import-help {
  color: var(--muted);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.module-import-errors {
  max-height: 360px;
  overflow-y: auto;
  overflow-wrap: anywhere;
  margin-top: 20px;
  border-top: 1px solid var(--line);
}
.module-import-errors article {
  padding: 10px 0;
}
.module-import-errors ul {
  margin: 6px 0;
  padding-left: 22px;
}

.dialog-actions {
  flex-wrap: wrap;
}
.dialog-actions > button {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
}
.module-import-help {
  margin: 12px 0 18px;
}
.module-import-help summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--text);
}
@media (max-width: 600px) {
  .dialog-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .dialog-actions > button {
    width: 100%;
  }
}

/* Northbound Fleet: shared presentation for the existing application. */
:root {
  line-height: 1.5;
  background: #f3f6f8;
}
button, .button, summary {
  min-height: 44px;
}
button, .button {
  font-size: 14px;
  line-height: 1.4;
}
button:hover:not(:disabled), .button:hover {
  background: var(--accent-soft);
}
button.primary:hover:not(:disabled) {
  background: #1c46cf;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  white-space: normal;
}
input, select, textarea {
  font: inherit;
  font-size: 16px;
  min-height: 44px;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus, textarea:focus {
  border-color: var(--blue);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ui-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.brand {
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -0.5px;
  gap: 12px;
}
.brand > span:last-child {
  min-width: 0;
}
.brand small {
  display: block;
  color: #8fb0ff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-top: 5px;
}
.brandmark {
  background: #2457f5;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border: 1px solid #4a73f7;
  border-radius: 12px;
}
.brandmark .ui-icon {
  width: 27px;
  height: 27px;
}
.sidebar {
  padding: 30px 18px 24px;
  gap: 36px;
}
.sidebar > .brand {
  padding: 0 8px;
}
.nav {
  gap: 5px;
}
.nav button {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  border: 1px solid transparent;
  white-space: normal;
}
.nav button:hover:not(:disabled) {
  background: #1b2c5c;
  color: white;
}
.nav button.active {
  background: #1f3270;
  border-color: #2457f5;
  color: white;
  font-weight: 650;
}
.nav button:focus-visible {
  outline-color: #8fb0ff;
  outline-offset: -3px;
}
.sidebar-footer {
  padding: 16px 8px 0;
  border-top: 1px solid #24345f;
}
.sidebar-footer > span:last-child {
  color: #aab8da;
}
.workspace-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  background: #8fb0ff;
  border-radius: 50%;
}
.topbar > div, .account, .heading > div {
  min-width: 0;
}
.company, .account span {
  overflow-wrap: anywhere;
}
.topbar {
  min-height: 88px;
}
.account {
  gap: 20px;
}
.account > span {
  text-align: right;
}
#logout {
  color: var(--text);
  border: 1px solid var(--line);
  padding: 9px 12px;
}
.heading p {
  margin-bottom: 0;
}
.stat {
  box-shadow: 0 2px 5px #0f1e4505;
  padding: 18px 22px;
}
.stat strong {
  color: var(--navy);
  margin: 5px 0 2px;
}
.panel {
  box-shadow: 0 3px 12px #0f1e4505;
}
th {
  background: #f6f8fd;
  color: #4a5878;
}
.vehicle-table td {
  overflow-wrap: anywhere;
}
.vehicle-table tbody tr:hover {
  background: #f8faff;
}
.vehicle-table .vehicle-actions {
  width: 175px;
  min-width: 155px;
  vertical-align: top;
}
.vehicle-actions-primary > button {
  text-align: left;
  padding: 10px 12px;
}
.row-actions {
  margin-top: 2px;
}
.row-actions summary {
  position: relative;
  cursor: pointer;
  color: #4a5878;
  font-size: 13px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid transparent;
}
.row-actions summary:hover, .row-actions[open] summary {
  background: #eef2fd;
  border-color: var(--line);
}
.row-actions-list {
  display: grid;
  gap: 2px;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f6f8fd;
}
.row-actions-list button {
  text-align: left;
  white-space: normal;
  padding: 10px 8px;
}
.plate {
  background: #f6f8fd;
  color: var(--navy);
}
.empty-icon .ui-icon {
  width: 42px;
  height: 42px;
  color: var(--blue);
}
.steps .active {
  background: var(--accent-soft);
}
.auth-brand {
  padding: 48px clamp(28px, 6vw, 92px);
  gap: 56px;
}
.auth-brand .eyebrow {
  color: #8fb0ff;
  margin-bottom: 20px;
}
.auth-copy h1 {
  font-size: clamp(32px, 3.6vw, 52px);
  letter-spacing: -1.4px;
  line-height: 1.15;
}
.auth-brand footer small {
  color: #8fb0ff;
}
.auth-card h2 {
  font-size: 28px;
  letter-spacing: -0.6px;
  margin-bottom: 10px;
}
.tabs {
  background: #f3f6f8;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 4px;
  gap: 4px;
}
.tabs button {
  border-radius: 7px;
  white-space: normal;
}
.tabs button.active {
  background: white;
  border-bottom: 0;
  box-shadow: 0 1px 4px #0f1e4515;
}
dialog {
  color: var(--text);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}
.dialog-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: white;
  gap: 16px;
}
.dialog-head h2 {
  overflow-wrap: anywhere;
}
.dialog-head .close {
  flex-shrink: 0;
  min-width: 44px;
  min-height: 44px;
  background: #f3f6f8;
  border-radius: 8px;
}
.dialog-actions {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
@media (max-width: 1050px) and (min-width: 621px) {
  .content { padding: 28px 22px; }
  .vehicle-table th, .vehicle-table td { padding: 14px 12px; }
  .vehicle-table { min-width: 710px; }
}
@media (max-width: 620px) {
  .sidebar { padding: 18px 16px 14px; gap: 20px; }
  .sidebar > .brand { padding: 0 2px; }
  .nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 8px;
  }
  .nav button { padding: 10px; font-size: 13px; gap: 9px; }
  .nav .ui-icon { width: 19px; height: 19px; }
  .topbar { display: grid; grid-template-columns: minmax(0, 1fr); padding: 16px; gap: 14px; }
  .topbar > div:first-child { width: 100%; }
  .topbar select { max-width: 100%; }
  .account { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; align-items: center; gap: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
  .account > span { display: block; text-align: left; overflow-wrap: break-word; word-break: normal; }
  #logout { flex-shrink: 0; font-size: 12px; }
  .content { padding: 24px 16px; }
  .heading > .actions { gap: 8px; }
  .actions button { white-space: normal; }
  .stats { grid-template-columns: 1fr; gap: 8px; }
  .stat { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 13px 16px; align-items: center; }
  .stat strong { grid-column: 2; grid-row: 1 / 3; margin: 0 0 0 14px; font-size: 25px; }
  .stat span { font-size: 12px; }
  .vehicle-table tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 18px; gap: 14px; }
  .vehicle-table td { min-width: 0; }
  .vehicle-table .vehicle-actions {
    grid-column: 1 / -1;
    width: auto;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
  }
  .vehicle-actions-primary button { width: 100%; text-align: center; border: 1px solid var(--line); }
  .row-actions { margin: 0; }
  .row-actions summary { border-color: var(--line); }
  .auth-brand { padding: 24px; gap: 0; }
  .auth-copy { margin-top: 28px; }
  .auth-brand .eyebrow { display: none; }
  .auth-copy h1 { font-size: 30px; letter-spacing: -0.8px; margin-bottom: 0; }
  .auth-form-area { padding: 30px 24px; }
  dialog { width: calc(100% - 24px); max-height: calc(100dvh - 24px); }
  .dialog-body { padding: 20px 18px; }
  .dialog-head { padding: 16px 18px; }
  .dialog-head h2 { font-size: 19px; }
  .dialog-actions { gap: 8px; margin-top: 22px; }
  .loading { padding: 40px 20px; }
}

.expense-toolbar { flex-wrap: wrap; align-items: end; }
.expense-toolbar > div { flex: 1 1 150px; min-width: 0; }
.expense-toolbar input, .expense-toolbar select { max-width: none; min-width: 0; }
.expense-content, .expense-summary { padding: 20px; }
.expense-summary { border-bottom: 1px solid var(--line); }
.expense-summary > strong { display: block; margin: 8px 0; font-size: 26px; color: var(--navy); overflow-wrap: anywhere; }
.expense-summary p { margin-bottom: 0; font-size: 13px; }
.expense-cards { display: grid; gap: 14px; padding: 20px; }
.expense-card { border: 1px solid var(--line); border-radius: 10px; padding: 18px; min-width: 0; }
.expense-card h2 { font-size: 16px; margin: 12px 0 4px; overflow-wrap: anywhere; }
.expense-card .section-heading { flex-wrap: wrap; }
.expense-card [data-expense-amount] { font-size: 18px; overflow-wrap: anywhere; }
.expense-card .actions { margin-top: 14px; }
.expense-values { display: grid; gap: 12px; }
.expense-values > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.expense-values dt { color: var(--muted); }
.expense-values dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.expense-notes { white-space: pre-wrap; overflow-wrap: anywhere; }
.expense-checkbox { display: flex; align-items: center; gap: 10px; min-height: 44px; padding-top: 23px; }
.expense-checkbox input { width: 20px; min-height: 20px; height: 20px; flex-shrink: 0; }
#expense-vat-fields[hidden], #expense-fuel-fields[hidden] { display: none; }
.expense-currency-totals { display: flex; flex-wrap: wrap; gap: 18px 32px; margin-top: 12px; }
.expense-currency-totals > div { flex: 1 1 220px; min-width: 0; }
.expense-currency-totals strong { display: block; margin-top: 6px; font-size: 26px; color: var(--navy); overflow-wrap: anywhere; }
.expense-currency-totals > div > span { font-size: 13px; color: var(--muted); }
.expense-source { font-size: 13px; color: var(--muted); margin: 8px 0 0; overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .expense-toolbar > div { flex: auto; width: 100%; }
  .expense-cards, .expense-content, .expense-summary { padding: 16px; }
  .expense-card { padding: 16px; }
  .expense-checkbox { padding-top: 0; }
}

.expense-import-mobile { display: none; }
@media (max-width: 620px) {
  .expense-import-preview > .table-wrap { display: none; }
  .expense-import-mobile { display: grid; gap: 14px; width: 100%; min-width: 0; }
  .expense-import-row { border: 1px solid var(--line); border-radius: 10px; padding: 14px; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .expense-import-row.invalid { border-color: var(--danger, #b42318); }
  .expense-import-row-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
  .expense-import-row-heading h3 { margin: 0; font-size: 16px; }
  .expense-import-values { display: grid; gap: 10px; margin: 14px 0 0; }
  .expense-import-values > div { min-width: 0; }
  .expense-import-values dt { color: var(--muted); font-size: 13px; }
  .expense-import-values dd { margin: 3px 0 0; font-weight: 600; white-space: pre-wrap; overflow-wrap: anywhere; }
  .expense-import-row-errors { padding-left: 20px; font-size: 13px; overflow-wrap: anywhere; }
  .expense-import-extra { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 8px; }
  .expense-import-extra summary { min-height: 44px; padding: 12px 0; cursor: pointer; overflow-wrap: anywhere; }
}

.vehicle-group-list { display: grid; gap: 14px; margin-top: 18px; }
.vehicle-group-card { border: 1px solid var(--line); border-radius: 10px; padding: 16px; min-width: 0; overflow-wrap: anywhere; }
.vehicle-group-card h3 { margin: 0; font-size: 17px; }
.vehicle-group-card p { color: var(--muted); }
.group-vehicles { margin: 16px 0; padding: 14px; border: 1px solid var(--line); border-radius: 10px; min-inline-size: 0; max-width: 100%; }
.group-vehicles legend { padding: 0 6px; font-weight: 600; }
#group-selected-count { color: var(--muted); font-size: 13px; margin: 0 0 12px; }
#group-vehicle-options { display: grid; gap: 6px; max-height: 40vh; overflow-y: auto; min-width: 0; }
.group-vehicle-option { display: flex; align-items: center; gap: 12px; padding: 10px; min-height: 54px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; min-width: 0; }
.group-vehicle-option input { width: 20px; min-height: 20px; height: 20px; flex: 0 0 20px; margin: 0; }
.group-vehicle-option span { min-width: 0; overflow-wrap: anywhere; }
.group-vehicle-option small { display: block; margin-top: 4px; color: var(--muted); }
.expense-group-note { padding: 0 20px; }
@media (max-width: 620px) {
  .group-vehicles { padding: 10px; }
  .group-vehicle-option { padding: 10px 8px; }
  .expense-group-note { padding: 0 16px; }
}

.expense-snapshot { padding: 14px; margin-top: 12px; border: 1px solid var(--line); border-radius: 8px; min-width: 0; overflow-wrap: anywhere; }
.expense-snapshot h3 { font-size: 15px; margin: 0; }
.expense-snapshot .section-heading { flex-wrap: wrap; gap: 10px; }
.expense-snapshot .section-heading strong { font-size: 17px; overflow-wrap: anywhere; }
.expense-snapshot .muted { font-size: 13px; }
.expense-snapshot .button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.expense-history-list { display: grid; gap: 12px; }
.expense-history-list .expense-snapshot { margin-top: 0; }
#expense-decision-form { min-width: 0; }
@media (max-width: 620px) {
  .expense-snapshot { padding: 12px; }
  #expense-decision-form .dialog-actions { flex-wrap: wrap; }
}

.dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.dashboard-section { min-width: 0; padding: 20px; }
.dashboard-section-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; min-width: 0; }
.dashboard-section-heading .ui-icon { flex: 0 0 22px; width: 22px; height: 22px; color: var(--navy); }
.dashboard-section-heading h2 { margin: 0; font-size: 19px; flex: 1; min-width: 0; overflow-wrap: anywhere; }
.dashboard-count { font-size: 23px; color: var(--navy); overflow-wrap: anywhere; }
.dashboard-items { display: grid; gap: 14px; }
.dashboard-item { border: 1px solid var(--line); border-radius: 10px; padding: 16px; min-width: 0; overflow-wrap: anywhere; }
.dashboard-item .section-heading { gap: 10px; flex-wrap: wrap; align-items: start; }
.dashboard-item h3 { margin: 0; font-size: 16px; overflow-wrap: anywhere; }
.dashboard-source { color: var(--muted); font-size: 13px; margin: 10px 0; }
.dashboard-reason { font-size: 14px; line-height: 1.5; margin: 10px 0 14px; }
.dashboard-item button { max-width: 100%; white-space: normal; }
.dashboard-empty, .dashboard-section-error { font-size: 14px; line-height: 1.6; }
.dashboard-fetch-error { margin-bottom: 18px; padding: 16px; }
.dashboard-fetch-error button { display: block; margin-top: 12px; }
.dashboard-target { outline: 2px solid var(--navy); outline-offset: 4px; }
.dashboard-target-context { font-weight: 600; overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 620px) {
  .dashboard-section { padding: 16px; }
  .dashboard-item { padding: 14px; }
  .dashboard-section-heading { gap: 10px; flex-wrap: wrap; }
  .dashboard-section-heading h2 { font-size: 18px; }
  .dashboard-item button { width: 100%; }
}

.dashboard-section-empty { padding: 14px 20px; }
.dashboard-section-empty .dashboard-section-heading { margin-bottom: 8px; }
.dashboard-section-empty .dashboard-empty { margin: 0; color: var(--muted); font-size: 13px; }
@media (max-width: 620px) {
  .dashboard-section-empty { padding: 12px 16px; }
}

.mobile-menu-toggle { display: none; }
@media (max-width: 620px) {
  .sidebar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 12px; padding: 12px 16px; }
  .mobile-menu-toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 70px; min-height: 44px; color: white; background: transparent; border: 1px solid rgba(255, 255, 255, 0.45); }
  .mobile-menu-toggle:hover { background: rgba(255, 255, 255, 0.1); }
  .sidebar .nav { display: none; grid-column: 1 / -1; }
  .sidebar.mobile-menu-open .nav { display: grid; margin-top: 14px; }
  .sidebar-footer { display: none; }
}

.allocation-panel { min-width: 0; }
.allocation-months, .allocation-sources { display: grid; gap: 16px; }
.allocation-month, .allocation-incomplete { min-width: 0; overflow-wrap: anywhere; }
.allocation-month h2, .allocation-incomplete h2 { font-size: 19px; }
.allocation-incomplete { margin-top: 20px; }
.allocation-panel button { max-width: 100%; white-space: normal; }
#expense-insurance-fields { min-width: 0; }
@media (max-width: 620px) {
  .allocation-panel .expense-toolbar > div, .allocation-panel .expense-toolbar > button { width: 100%; min-width: 0; }
  .allocation-panel input, .allocation-panel select { max-width: 100%; min-width: 0; }
  .allocation-sources button, .allocation-incomplete button { width: 100%; }
}

#expense-insurance-fields[hidden], #expense-insurance-dates[hidden] { display: none; }

.allocation-heading { flex-wrap: wrap; }
.allocation-heading > div:first-child { flex: 1 1 320px; min-width: 0; overflow-wrap: anywhere; }
.allocation-heading > .actions { flex: 0 1 auto; min-width: 0; max-width: 100%; }
.allocation-heading button { max-width: 100%; white-space: normal; }
.allocation-completeness { padding: 0 18px; overflow-wrap: anywhere; }
.allocation-incomplete:focus { outline: 2px solid var(--navy); outline-offset: -2px; }

.recurring-panel { margin-bottom: 20px; min-width: 0; }
.recurring-panel .expense-toolbar > div { min-width: 0; }
.recurring-panel input, .recurring-panel select { width: 100%; min-width: 0; }
.recurring-panel h3, #recurring-detail h3 { overflow-wrap: anywhere; }
.recurring-panel button, #recurring-detail button, #recurring-form button { max-width: 100%; white-space: normal; }
#recurring-form, #recurring-detail { min-width: 0; overflow-wrap: anywhere; }
#recurring-vat-fields[hidden] { display: none; }
#recurring-form input, #recurring-form select, #recurring-form textarea { min-width: 0; max-width: 100%; }
.recurring-history { display: grid; gap: 12px; }
@media (max-width: 620px) {
  .recurring-panel .expense-toolbar > div, .recurring-panel .expense-toolbar > button { width: 100%; }
  .recurring-panel .actions, #recurring-detail .actions, #recurring-form .dialog-actions { flex-wrap: wrap; }
  .recurring-panel .actions > button, #recurring-detail .actions > button { width: 100%; }
}

.cost-company-summary { padding: 18px; border-bottom: 1px solid var(--line); min-width: 0; }
.cost-company-summary h2 { font-size: 18px; }
.cost-company-summary small { display: block; font-weight: 400; margin-top: 6px; }
.cost-attribution-note, #cost-attribution-form, #cost-attribution-loading { min-width: 0; overflow-wrap: anywhere; }
.cost-targets { display: grid; gap: 10px; max-height: 420px; overflow-y: auto; margin-bottom: 16px; }
.cost-target { padding: 10px; border: 1px solid var(--line); border-radius: 8px; min-width: 0; }
.cost-target .group-vehicle-option { border: 0; padding: 0; }
.cost-target input, #cost-attribution-form select, #allocation-target-search { min-width: 0; max-width: 100%; }
.cost-attribution-history { margin-top: 18px; }
.cost-attribution-history summary { padding: 10px 0; cursor: pointer; }
#cost-attribution-form button { max-width: 100%; white-space: normal; }
@media (max-width: 620px) {
  #cost-attribution-form .dialog-actions { flex-wrap: wrap; }
  .cost-targets { max-height: 350px; }
  .cost-company-summary { padding: 16px; }
}

.report-panel { min-width: 0; }
.report-panel .report-perspective { flex-basis: 300px; }
.report-panel input, .report-panel select { width: 100%; min-width: 0; max-width: 100%; }
#report-category-field[hidden] { display: none; }
.report-pager { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.report-pager span { flex: 1; min-width: 150px; overflow-wrap: anywhere; }
.report-cards { padding: 0; }
.report-card, .report-card details { min-width: 0; overflow-wrap: anywhere; }
.report-card h3 { margin: 0; font-size: 17px; }
.report-card summary { padding: 10px 0; cursor: pointer; }
.report-panel button { max-width: 100%; white-space: normal; }
.report-panel small { display: block; font-weight: 400; margin-top: 6px; }
#report-export-status { margin: 12px 0; min-width: 0; }
@media (max-width: 620px) {
  .report-panel .expense-toolbar > div, .report-panel .expense-toolbar > button { width: 100%; flex-basis: auto; }
  .report-pager span { flex-basis: 100%; order: -1; }
  .report-pager button { flex: 1; }
  .report-card .actions button { width: 100%; }
}

.report-page-jump { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.report-page-jump input { width: 90px; }
@media (max-width: 620px) {
  .report-page-jump { flex-basis: 100%; }
  .report-page-jump button { flex: 1; }
}

.expense-heading { flex-wrap: wrap; }
.expense-heading > div:first-child { flex: 1 1 320px; min-width: 0; }
.expense-heading > .actions { flex: 0 1 auto; flex-wrap: wrap; min-width: 0; }
.expense-heading button, .expense-recoveries button { max-width: 100%; white-space: normal; }
.expense-options { min-width: 0; max-width: 100%; }
.expense-options summary { padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.expense-option-actions { display: grid; gap: 8px; padding-top: 8px; }
.expense-option-actions button { width: 100%; }
.expense-recoveries { flex-wrap: wrap; margin-bottom: 16px; }
.cost-attribution-help { margin-top: 16px; }
.cost-attribution-help summary, .cost-attribution-current summary { padding: 10px 0; cursor: pointer; }
#cost-attribution-manual-rule[hidden] { display: none; }
@media (max-width: 620px) {
  .expense-heading > div:first-child { flex-basis: auto; }
  .expense-heading > .actions { width: 100%; }
  .expense-heading > .actions > button { flex: 1 1 130px; }
  .expense-options { flex: 1 1 100%; }
  .expense-recoveries button { width: 100%; }
}

#expense-rental-fields[hidden], #expense-rental-dates[hidden],
#recurring-rental-fields[hidden], #recurring-rental-dates[hidden] { display: none; }
/* Company settings: the five approved sections share existing Fleet panels. */
.c9-settings-form { display: grid; gap: 22px; }
.c9-draft { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 22px; }
.c9-setting-section { margin-top: 22px; min-width: 0; padding: 24px; }
.c9-draft .c9-setting-section { margin-top: 0; }
.c9-setting-section h2 { margin: 0 0 12px; font-size: 1.35rem; }
.c9-setting-section fieldset { border: 1px solid #d9dfec; border-radius: 12px; padding: 16px; min-width: 0; margin-top: 18px; }
.c9-setting-section legend { padding: 0 8px; color: #0f1e45; font-weight: 650; }
.c9-checkbox-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 14px 0; }
.c9-switch { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid #d9dfec; border-radius: 10px; background: #fbfcfd; cursor: pointer; line-height: 1.5; }
.c9-switch input { flex: 0 0 auto; width: 18px; height: 18px; margin: 3px 0 0; accent-color: #2457f5; }
.c9-switch span { min-width: 0; overflow-wrap: anywhere; }
.c9-switch strong, .c9-switch small { display: block; }
.c9-switch small { color: #4a5878; margin-top: 3px; font-size: .82rem; }
.c9-two-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.c9-logo-row { display: flex; align-items: flex-start; gap: 20px; margin-top: 22px; }
.c9-logo-row img { width: 90px; height: 90px; object-fit: contain; border: 1px solid #d9dfec; border-radius: 12px; padding: 8px; background: white; }
.c9-logo-row > div { flex: 1; min-width: 0; }
.c9-settings-actions { padding: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.c9-settings-actions p { flex: 0 0 100%; margin: 0; }
.c9-readonly-note { border-left: 4px solid #7684a3; background: #eef2fd; color: #16213f; padding: 14px 18px; border-radius: 6px; line-height: 1.55; }
.c9-nav-off { display: block; color: #8d9bc0; font-size: .67rem; line-height: 1.4; }
.c9-blockers { padding: 18px; border-radius: 12px; border: 1px solid #e2c49b; background: #fff8ee; }
.c9-blockers li { margin: 12px 0; line-height: 1.65; }
.c9-blockers button { display: block; margin-top: 8px; }
.c9-history { list-style: none; padding: 0; display: grid; gap: 16px; }
.c9-history > li { border-left: 3px solid #c9d4ee; padding-left: 18px; }
.c9-history > li > div { display: flex; gap: 16px; flex-wrap: wrap; }
.c9-history time { color: #4a5878; font-size: .86rem; }
.c9-history ul { padding-left: 18px; margin-top: 8px; line-height: 1.65; }
.c9-suspended { max-width: 760px; margin: 8vh auto; padding: 24px; }
.c9-suspended .brand { margin-bottom: 28px; color: #0f1e45; }
.c9-suspended .panel { display: grid; gap: 18px; }
.c9-suspended h1 { font-size: clamp(1.7rem,4vw,2.4rem); margin: 0; }
.c9-suspended p { line-height: 1.65; margin: 0; }
.c9-alert-link p { line-height: 1.6; }
@media (max-width: 620px) {
 .c9-checkbox-grid, .c9-two-fields { grid-template-columns: 1fr; }
 .c9-setting-section { padding: 18px; }
 .c9-setting-section fieldset { padding: 12px; }
 .c9-logo-row { flex-direction: column; }
 .c9-settings-actions button, #settings-impact .dialog-actions button { width: 100%; }
 .c9-history > li > div { gap: 4px; flex-direction: column; }
 .c9-suspended { margin-top: 24px; padding: 16px; }
}

/* ===== Northbound Fleet — aspect R2 (etapa 1: stil, meniu, bară mobilă) ===== */
:root {
  font-family: Inter, Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  --navy: #0f1e45;
  --navy-deep: #0a1430;
  --blue: #2457f5;
  --blue-hover: #1c46cf;
  --sky: #8fb0ff;
  --bg: #f5f7fc;
  --text: #16213f;
  --muted: #4a5878;
  --line: #d9dfec;
  --field: #7684a3;
  --accent-soft: #eaf0ff;
}
body { background: var(--bg); color: var(--text); }
:focus-visible { outline-color: var(--blue); }
h1, h2, h3 { color: var(--navy); }
h1 { font-size: 27px; font-weight: 750; letter-spacing: -0.6px; }
.eyebrow { color: var(--blue); }

/* Butoane */
button, .button { border-radius: 8px; border-color: var(--line); color: var(--text); }
button:hover:not(:disabled) { background: #eef2fd; }
button.primary { background: var(--blue); border-color: var(--blue); color: white; }
button.primary:hover:not(:disabled) { background: var(--blue-hover); border-color: var(--blue-hover); }
.text-button { color: var(--blue); }
input, select, textarea { border-color: var(--field); }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #2457f540; outline-offset: 0; border-color: var(--blue); }

/* Meniu lateral */
.sidebar { background: var(--navy); border-top: 0; padding: 24px 16px; gap: 24px; }
.brand-logo { display: block; width: 178px; max-width: 100%; height: auto; }
.brand-logo-color { width: 210px; }
.sidebar > .brand { padding: 0 8px; min-height: 36px; }
.nav { gap: 2px; }
.nav button { color: #c9d4ee; border-radius: 8px; padding: 10px 12px; border: 0; border-left: 3px solid transparent; }
.nav button .ui-icon { width: 20px; height: 20px; color: var(--sky); }
.nav button:hover:not(:disabled) { background: #ffffff12; color: white; }
.nav button.active { background: #2457f52e; border-left-color: var(--blue); color: white; font-weight: 650; }
.nav button.active .ui-icon { color: white; }
.nav button:focus-visible { outline-color: var(--sky); }
.sidebar-footer { border-top-color: #ffffff1f; color: #aab8da; }
.workspace-dot { background: var(--sky); }

/* Bara de sus */
.topbar { min-height: 64px; padding: 12px 32px; background: white; border-bottom: 1px solid var(--line); }
.company { color: var(--navy); font-weight: 700; }
#logout { border-color: var(--line); color: var(--text); }

/* Conținut, carduri, tabele */
.content { padding: 28px 32px 40px; }
.stat, .panel, .profile-section { border-color: var(--line); border-radius: 12px; box-shadow: 0 1px 2px #0f1e450a; }
.stat strong { color: var(--navy); font-weight: 750; }
th { background: #f6f8fd; color: var(--muted); }
th, td { border-bottom-color: #e8ecf5; }
.vehicle-table tbody tr:hover { background: #f8faff; }
.plate { font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 600; letter-spacing: 0.4px; background: white; color: var(--navy); border: 1px solid var(--navy); border-left: 5px solid var(--blue); border-radius: 4px; padding: 3px 8px; }
.badge { font-weight: 600; }
.tabs button.active { color: var(--blue); border-bottom-color: var(--blue); }
.dashboard-section-heading .ui-icon { color: var(--blue); }
.dashboard-count { color: var(--navy); }
.dashboard-item { border-color: var(--line); }
.dashboard-target { outline-color: var(--blue); }
dialog { border-radius: 14px; }
#notice { background: var(--navy-deep); }

/* Pagina de autentificare și accesul suspendat */
.auth-brand { background: var(--navy); }
.auth-brand .eyebrow { color: var(--sky); }
.c9-suspended .brand { color: var(--navy); }

/* Bara de jos pe telefon */
.tabbar { display: none; }
@media (max-width: 850px) and (min-width: 621px) {
  .brand-logo { width: 160px; }
}
@media (max-width: 620px) {
  .sidebar { padding: 10px 16px; }
  .brand-logo { width: 150px; }
  .topbar { min-height: 0; padding: 12px 16px; }
  .content { padding: 20px 16px 24px; }
  h1 { font-size: 24px; }
  body { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
  #notice { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  .tabbar { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 15; background: white; border-top: 1px solid var(--line); box-shadow: 0 -2px 10px #0f1e4512; padding: 4px 4px calc(4px + env(safe-area-inset-bottom, 0px)); }
  .tabbar button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 56px; padding: 6px 2px; border: 0; background: transparent; color: var(--muted); font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 8px; }
  .tabbar button .ui-icon { width: 22px; height: 22px; }
  .tabbar button.active { color: var(--blue); }
  .tabbar button.active::after { content: ""; width: 18px; height: 3px; border-radius: 2px; background: var(--blue); margin-top: 1px; }
}
@media (max-width: 620px) and (hover: hover) {
  .tabbar button:hover:not(:disabled) { background: #eef2fd; }
}
@media (max-width: 620px) and (hover: none) {
  .tabbar button:hover:not(:disabled) { background: transparent; }
}

/* ===== Etapa 2: Acasă — rezumat și sarcini cu prioritate ===== */
.dashboard-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin: -6px 0 22px; }
.dashboard-tile { display: grid; gap: 4px; text-align: left; white-space: normal; padding: 16px 18px; background: white; border: 1px solid var(--line); border-top: 4px solid #2bb673; border-radius: 12px; box-shadow: 0 1px 2px #0f1e450a; }
.dashboard-tile span { font-size: 13px; font-weight: 600; color: var(--muted); }
.dashboard-tile strong { font-size: 28px; font-weight: 750; color: var(--navy); line-height: 1.1; }
.dashboard-tile small { font-size: 12px; }
.dashboard-tile.tone-bad { border-top-color: #d92d20; }
.dashboard-tile.tone-warn { border-top-color: #f0a020; }
.dashboard-tile.tone-info { border-top-color: var(--blue); }
.dashboard-tile.tone-bad small { color: #b42318; font-weight: 600; }
.dashboard-item { border-left: 4px solid var(--line); }
.dashboard-item.tone-bad { border-left-color: #d92d20; }
.dashboard-item.tone-warn { border-left-color: #f0a020; }
.dashboard-item.tone-info { border-left-color: var(--blue); }
.dashboard-item .badge { background: #eef2fd; }
.dashboard-item.tone-bad .badge { background: #fdecea; color: #b42318; }
.dashboard-item.tone-warn .badge { background: #fff4e0; color: #8a5300; }
@media (max-width: 620px) {
  .dashboard-summary { display: none; }
}

/* ===== Etapa 3: fișa vehiculului ===== */
.plate-link { padding: 0; border: 0; background: transparent; border-radius: 4px; }
.plate-link:hover:not(:disabled) { background: transparent; }
.plate-link:hover .plate { background: var(--accent-soft); }
.dossier-hero { display: flex; align-items: center; gap: 28px; padding: 22px 24px; margin-bottom: 20px; flex-wrap: wrap; }
.plate.plate-xl { font-size: 24px; padding: 8px 14px; border-left-width: 8px; }
.dossier-facts { display: flex; flex-wrap: wrap; gap: 14px 36px; margin: 0; }
.dossier-facts dt { font-size: 12px; color: var(--muted); font-weight: 600; margin-bottom: 3px; }
.dossier-facts dd { margin: 0; font-weight: 650; color: var(--navy); }
.dossier-facts .badge { margin: 0; }
.badge.dossier-ok { background: #e7f6ee; color: #1d6b45; }
.dossier-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.dossier-card { padding: 20px; display: grid; gap: 14px; min-width: 0; }
.dossier-card > button { justify-self: start; }
.dossier-card-head { display: flex; align-items: center; gap: 10px; }
.dossier-card-head h2 { margin: 0; font-size: 18px; }
.dossier-card-head .ui-icon { color: var(--blue); }
.dossier-card p { margin: 0; font-size: 14px; }
.dossier-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.dossier-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-left: 4px solid var(--line); border-radius: 8px; min-width: 0; overflow-wrap: anywhere; }
.dossier-list li.tone-bad { border-left-color: #d92d20; }
.dossier-list li.tone-warn { border-left-color: #f0a020; }
.dossier-list li.tone-ok { border-left-color: #2bb673; }
.dossier-list li.tone-info { border-left-color: var(--blue); }
.dossier-list strong { display: block; color: var(--navy); }
.dossier-list small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.dossier-list .badge { white-space: nowrap; flex-shrink: 0; }
.dossier-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 900px) {
  .dossier-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 620px) {
  .dossier-hero { gap: 16px; padding: 16px; }
  .plate.plate-xl { font-size: 20px; }
  .dossier-card { padding: 16px; }
  .dossier-card > button, .dossier-buttons button { width: 100%; justify-self: stretch; }
}

/* ===== Etapa 4: Documente, Service, Cheltuieli — stări vizibile dintr-o privire ===== */
.vehicle-document-card { border-left: 4px solid var(--line); }
.vehicle-document-card:has(.status-expired) { border-left-color: #d92d20; }
.vehicle-document-card:has(.status-soon) { border-left-color: #f0a020; }
.vehicle-document-card:has(.status-valid) { border-left-color: #2bb673; }
.vehicle-document-card h2 { color: var(--navy); }
.service-card { border-left: 4px solid var(--blue); }
.service-card h3 { color: var(--navy); }
.expense-options summary { font-weight: 600; color: var(--text); background: white; }
.expense-options summary:hover { background: #eef2fd; }
.expense-summary strong, .expense-total { color: var(--navy); }
.badge.status-valid { background: #e7f6ee; color: #1d6b45; }
.badge.status-soon { background: #fff4e0; color: #8a5300; }
.badge.status-expired { background: #fdecea; color: #b42318; }

/* ===== Căutare generală, „+ Adaugă” și cheltuieli în fișă ===== */
.topbar-tools { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; justify-content: flex-end; min-width: 0; }
.global-search { position: relative; flex: 0 1 360px; min-width: 140px; }
.global-search input { padding: 9px 12px 9px 36px; background: #f6f8fd none no-repeat 12px center; border-color: var(--line); }
.global-search-results { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 25; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 32px #0f1e4524; padding: 6px; display: grid; gap: 2px; max-height: 60vh; overflow: auto; }
.global-search-results[hidden] { display: none; }
.global-search-item { display: flex; align-items: center; gap: 10px; text-align: left; border: 0; padding: 9px 10px; white-space: normal; min-width: 0; }
.global-search-item small { color: var(--muted); overflow-wrap: anywhere; }
.global-search-item:focus-visible { outline-offset: -2px; }
.global-search-empty { margin: 0; padding: 10px; font-size: 14px; color: var(--muted); }
#quick-add { flex-shrink: 0; padding: 9px 14px; }
.quick-add-list { display: grid; gap: 8px; }
.quick-add-item { display: flex; align-items: center; gap: 14px; text-align: left; white-space: normal; padding: 14px 16px; }
.quick-add-item .ui-icon { color: var(--blue); }
.quick-add-item strong { display: block; color: var(--navy); }
.quick-add-item small { display: block; font-weight: 400; margin-top: 2px; }
.dossier-total { display: grid; gap: 2px; }
.dossier-total span { font-size: 13px; color: var(--muted); font-weight: 600; }
.dossier-total strong { font-size: 26px; font-weight: 750; color: var(--navy); }
.dossier-total small { color: var(--muted); }
.dossier-amount { font-weight: 650; color: var(--navy); white-space: nowrap; }
@media (max-width: 699px) and (min-width: 621px) {
  .global-search { display: none; }
}
@media (max-width: 620px) {
  .topbar-tools { display: none; }
  .tabbar-quick { color: var(--blue); }
  .tabbar-plus { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--blue); color: white; font-size: 22px; line-height: 1; font-weight: 500; }
}
#main.content:focus { outline: none; }
@media (max-width: 1100px) and (min-width: 621px) {
  #quick-add { padding: 6px 12px; font-size: 20px; line-height: 1.2; }
  .quick-add-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}

/* ===== Tema întunecată (aleasă din „Temă”: Auto / Luminos / Întunecat) =====
   Regulile de mai jos sunt perechile întunecate ale culorilor fixe din acest fișier;
   aplicația pune data-theme="dark" pe <html> când tema activă e întunecată. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --navy: #e6ebf7;
  --navy-deep: #26335f;
  --blue: #7b9bff;
  --blue-hover: #9db5ff;
  --sky: #8fb0ff;
  --bg: #0b1124;
  --text: #e6ebf7;
  --muted: #a9b4d0;
  --line: #2b3658;
  --field: #5b6a92;
  --accent-soft: #1a2a5c;
}
:root[data-theme="dark"] { color: #e6ebf7; background: #161d36; }
:root[data-theme="dark"] button, :root[data-theme="dark"] .button { border: 1px solid var(--line); background: #161d36; color: #e6ebf7; }
:root[data-theme="dark"] button:hover:not(:disabled) { background: #19274d; }
:root[data-theme="dark"] button.primary { background: var(--blue); border-color: var(--blue); color: white; }
:root[data-theme="dark"] button.primary:hover:not(:disabled) { background: #1c46cf; }
:root[data-theme="dark"] .text-button { border: 0; background: transparent; color: var(--blue); }
:root[data-theme="dark"] :focus-visible { outline: 3px solid #2457f5; }
:root[data-theme="dark"] input, :root[data-theme="dark"] select { border: 1px solid #7684a3; background: #161d36; color: #e6ebf7; }
:root[data-theme="dark"] small, :root[data-theme="dark"] .muted { color: var(--muted); }
:root[data-theme="dark"] .skip { background: #161d36; }
:root[data-theme="dark"] .sidebar { background: var(--navy); color: #e8edf8; }
:root[data-theme="dark"] .brandmark { background: #3b82f6; color: white; }
:root[data-theme="dark"] .nav button { background: transparent; color: #c9d4ee; border: 0; }
:root[data-theme="dark"] .nav button.active { background: #1f3270; color: white; }
:root[data-theme="dark"] .future { color: #8d9bc0; }
:root[data-theme="dark"] .future small { color: #aab8da; }
:root[data-theme="dark"] .sidebar-footer { color: #aab8da; }
:root[data-theme="dark"] .topbar { background: #161d36; border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .eyebrow { color: var(--blue); }
:root[data-theme="dark"] .stat { background: #161d36; border: 1px solid var(--line); }
:root[data-theme="dark"] .stat span { color: var(--muted); }
:root[data-theme="dark"] .panel { background: #161d36; border: 1px solid var(--line); }
:root[data-theme="dark"] .toolbar { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] th { background: #161d36; color: #b3bcd0; }
:root[data-theme="dark"] th, :root[data-theme="dark"] td { border-bottom: 1px solid #2d3553; }
:root[data-theme="dark"] tbody tr:last-child td { border-bottom: 0; }
:root[data-theme="dark"] .plate { border: 1px solid #7684a3; }
:root[data-theme="dark"] .badge { background: var(--accent-soft); color: #93a9f0; }
:root[data-theme="dark"] .badge.off { background: #4d2a19; color: #e3b2a1; }
:root[data-theme="dark"] .empty p { color: var(--muted); }
:root[data-theme="dark"] .empty-icon { color: #aec0d6; }
:root[data-theme="dark"] .auth-page { background: #161d36; }
:root[data-theme="dark"] .auth-brand { background: var(--navy); color: white; }
:root[data-theme="dark"] .auth-copy p { color: #c9d4ee; }
:root[data-theme="dark"] .tabs { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .tabs button { border: 0; background: none; color: var(--muted); }
:root[data-theme="dark"] .tabs button.active { color: var(--blue); border-bottom: 2px solid var(--blue); }
:root[data-theme="dark"] .error { color: #e89c9c; background: #4d1919; border: 1px solid #2d3553; }
:root[data-theme="dark"] .success { background: #1d492d; color: #a5dfc2; border: 1px solid #2d3553; }
:root[data-theme="dark"] .auth-foot { color: var(--muted); }
:root[data-theme="dark"] dialog { border: 0; }
:root[data-theme="dark"] dialog::backdrop { background: #0a14308c; }
:root[data-theme="dark"] .dialog-head { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .close { border: 0; color: var(--muted); }
:root[data-theme="dark"] #notice { background: #0a1430; color: white; }
:root[data-theme="dark"] .loading { color: var(--muted); }
:root[data-theme="dark"] .steps span { background: #11162a; color: var(--muted); }
:root[data-theme="dark"] .steps .active { background: #19284d; color: var(--blue); }
:root[data-theme="dark"] .invalid { background: #4d1919; }
:root[data-theme="dark"] .section-note { color: var(--muted); }
@media (max-width: 620px) {
:root[data-theme="dark"] .vehicle-table tr, :root[data-theme="dark"] .member-table tr { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .vehicle-table td, :root[data-theme="dark"] .member-table td { border: 0; }
:root[data-theme="dark"] .mobile-label { color: var(--muted); }
}
:root[data-theme="dark"] .profile-section { background: #161d36; border: 1px solid var(--line); }
:root[data-theme="dark"] .profile-car { border: 1px solid var(--line); }
:root[data-theme="dark"] .document-card { border: 1px solid var(--line); }
:root[data-theme="dark"] .profile-timeline article { border-left: 3px solid #2d3553; }
:root[data-theme="dark"] .change-list dt { color: var(--muted); }
:root[data-theme="dark"] .document-form-container { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .vehicle-document-card { border: 1px solid var(--line); }
:root[data-theme="dark"] .status-valid { background: #1d492d; color: #a5dfc2; }
:root[data-theme="dark"] .status-soon { background: #4d4019; color: #f0d294; }
:root[data-theme="dark"] .status-expired { background: #4d1d19; color: #e3a1a1; }
:root[data-theme="dark"] textarea { border: 1px solid #7684a3; color: #e6ebf7; background: #161d36; }
:root[data-theme="dark"] .service-card { border: 1px solid var(--line); }
:root[data-theme="dark"] .service-values dt { color: var(--muted); }
:root[data-theme="dark"] .approved-snapshot { background: #192c4d; border: 1px solid #2d3553; }
:root[data-theme="dark"] .due-overdue { color: #e3a1a1; }
:root[data-theme="dark"] .due-soon { color: #f0d294; }
:root[data-theme="dark"] .due-upcoming { color: #a6bdde; }
:root[data-theme="dark"] .approval-pending { background: #4d4019; color: #f0d294; }
:root[data-theme="dark"] .approval-approved { background: #1d492d; color: #a5dfc2; }
:root[data-theme="dark"] .approval-rejected { background: #4d1d19; color: #e3a1a1; }
:root[data-theme="dark"] .service-section { background: #161d36; border: 1px solid var(--line); }
:root[data-theme="dark"] .work-selection { background: #192b4d; }
:root[data-theme="dark"] .completion-work { border: 1px solid var(--line); }
:root[data-theme="dark"] .tyre-money span { color: var(--muted); }
:root[data-theme="dark"] .tyre-set-code { color: var(--blue); }
:root[data-theme="dark"] .alert-warning { background: #4d4019; color: #f0d294; }
:root[data-theme="dark"] .alert-due { background: #4d3219; color: #eebb96; }
:root[data-theme="dark"] .alert-overdue { background: #4d1d19; color: #e3a1a1; }
:root[data-theme="dark"] .alert-recipients { border: 1px solid var(--line); }
:root[data-theme="dark"] #alert-preview { border: 1px solid var(--line); background: #161d36; }
:root[data-theme="dark"] .issue-photos a { color: var(--blue); }
:root[data-theme="dark"] .issue-photos img { border: 1px solid var(--line); background: #161d36; }
:root[data-theme="dark"] .handover-card { border: 1px solid var(--line); }
:root[data-theme="dark"] .handover-data dt { color: var(--muted); }
:root[data-theme="dark"] .module-import-help { color: var(--muted); }
:root[data-theme="dark"] .module-import-errors { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .module-import-help summary { color: var(--text); }
:root[data-theme="dark"] { background: #11162a; }
:root[data-theme="dark"] button:hover:not(:disabled), :root[data-theme="dark"] .button:hover { background: var(--accent-soft); }
:root[data-theme="dark"] button.primary:hover:not(:disabled) { background: #1c46cf; }
:root[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):focus, :root[data-theme="dark"] select:focus, :root[data-theme="dark"] textarea:focus { border-color: var(--blue); }
:root[data-theme="dark"] .sr-only { border: 0; }
:root[data-theme="dark"] .brand small { color: #8fb0ff; }
:root[data-theme="dark"] .brandmark { background: #2457f5; border: 1px solid #4a73f7; }
:root[data-theme="dark"] .nav button { border: 1px solid transparent; }
:root[data-theme="dark"] .nav button:hover:not(:disabled) { background: #1b2c5c; color: white; }
:root[data-theme="dark"] .nav button.active { background: #1f3270; border-color: #2457f5; color: white; }
:root[data-theme="dark"] .nav button:focus-visible { outline-color: #2d3553; }
:root[data-theme="dark"] .sidebar-footer { border-top: 1px solid #8fa3d6; }
:root[data-theme="dark"] .sidebar-footer > span:last-child { color: #aab8da; }
:root[data-theme="dark"] .workspace-dot { background: #19294d; }
:root[data-theme="dark"] #logout { color: var(--text); border: 1px solid var(--line); }
:root[data-theme="dark"] .stat strong { color: var(--navy); }
:root[data-theme="dark"] th { background: #161d36; color: #b3bcd0; }
:root[data-theme="dark"] .vehicle-table tbody tr:hover { background: #161d36; }
:root[data-theme="dark"] .row-actions summary { color: #b3bcd0; border: 1px solid transparent; }
:root[data-theme="dark"] .row-actions summary:hover, :root[data-theme="dark"] .row-actions[open] summary { background: #19274d; border-color: var(--line); }
:root[data-theme="dark"] .row-actions-list { border: 1px solid var(--line); background: #161d36; }
:root[data-theme="dark"] .plate { background: #161d36; color: var(--navy); }
:root[data-theme="dark"] .empty-icon .ui-icon { color: var(--blue); }
:root[data-theme="dark"] .steps .active { background: var(--accent-soft); }
:root[data-theme="dark"] .auth-brand .eyebrow { color: #8fb0ff; }
:root[data-theme="dark"] .auth-brand footer small { color: #8fb0ff; }
:root[data-theme="dark"] .tabs { background: #11162a; border: 1px solid var(--line); }
:root[data-theme="dark"] .tabs button.active { background: #161d36; border-bottom: 0; }
:root[data-theme="dark"] dialog { color: var(--text); }
:root[data-theme="dark"] .dialog-head { background: #161d36; }
:root[data-theme="dark"] .dialog-head .close { background: #11162a; }
:root[data-theme="dark"] .dialog-actions { border-top: 1px solid var(--line); }
@media (max-width: 620px) {
:root[data-theme="dark"] .account { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .vehicle-table .vehicle-actions { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .vehicle-actions-primary button { border: 1px solid var(--line); }
:root[data-theme="dark"] .row-actions summary { border-color: var(--line); }
}
:root[data-theme="dark"] .expense-summary { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .expense-summary > strong { color: var(--navy); }
:root[data-theme="dark"] .expense-card { border: 1px solid var(--line); }
:root[data-theme="dark"] .expense-values dt { color: var(--muted); }
:root[data-theme="dark"] .expense-currency-totals strong { color: var(--navy); }
:root[data-theme="dark"] .expense-currency-totals > div > span { color: var(--muted); }
:root[data-theme="dark"] .expense-source { color: var(--muted); }
@media (max-width: 620px) {
:root[data-theme="dark"] .expense-import-row { border: 1px solid var(--line); }
:root[data-theme="dark"] .expense-import-row.invalid { border-color: var(--danger, #b42318); }
:root[data-theme="dark"] .expense-import-values dt { color: var(--muted); }
:root[data-theme="dark"] .expense-import-extra { border-top: 1px solid var(--line); }
}
:root[data-theme="dark"] .vehicle-group-card { border: 1px solid var(--line); }
:root[data-theme="dark"] .vehicle-group-card p { color: var(--muted); }
:root[data-theme="dark"] .group-vehicles { border: 1px solid var(--line); }
:root[data-theme="dark"] #group-selected-count { color: var(--muted); }
:root[data-theme="dark"] .group-vehicle-option { border: 1px solid var(--line); }
:root[data-theme="dark"] .group-vehicle-option small { color: var(--muted); }
:root[data-theme="dark"] .expense-snapshot { border: 1px solid var(--line); }
:root[data-theme="dark"] .dashboard-section-heading .ui-icon { color: var(--navy); }
:root[data-theme="dark"] .dashboard-count { color: var(--navy); }
:root[data-theme="dark"] .dashboard-item { border: 1px solid var(--line); }
:root[data-theme="dark"] .dashboard-source { color: var(--muted); }
:root[data-theme="dark"] .dashboard-target { outline: 2px solid var(--navy); }
:root[data-theme="dark"] .dashboard-section-empty .dashboard-empty { color: var(--muted); }
@media (max-width: 620px) {
:root[data-theme="dark"] .mobile-menu-toggle { color: white; background: transparent; border: 1px solid rgba(255, 255, 255, 0.45); }
:root[data-theme="dark"] .mobile-menu-toggle:hover { background: rgba(255, 255, 255, 0.1); }
}
:root[data-theme="dark"] .allocation-incomplete:focus { outline: 2px solid var(--navy); }
:root[data-theme="dark"] .cost-company-summary { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .cost-target { border: 1px solid var(--line); }
:root[data-theme="dark"] .cost-target .group-vehicle-option { border: 0; }
:root[data-theme="dark"] .expense-options summary { border: 1px solid var(--line); }
:root[data-theme="dark"] .c9-draft { border: 0; }
:root[data-theme="dark"] .c9-setting-section fieldset { border: 1px solid #2d3553; }
:root[data-theme="dark"] .c9-setting-section legend { color: #e6ebf7; }
:root[data-theme="dark"] .c9-switch { border: 1px solid #2d3553; background: #161d36; }
:root[data-theme="dark"] .c9-switch input { accent-color: #2457f5; }
:root[data-theme="dark"] .c9-switch small { color: #b3bcd0; }
:root[data-theme="dark"] .c9-logo-row img { border: 1px solid #2d3553; background: #161d36; }
:root[data-theme="dark"] .c9-readonly-note { border-left: 4px solid #7684a3; background: #19274d; color: #e6ebf7; }
:root[data-theme="dark"] .c9-nav-off { color: #8d9bc0; }
:root[data-theme="dark"] .c9-blockers { border: 1px solid #e2c49b; background: #4d3719; }
:root[data-theme="dark"] .c9-history > li { border-left: 3px solid #2d3553; }
:root[data-theme="dark"] .c9-history time { color: #b3bcd0; }
:root[data-theme="dark"] .c9-suspended .brand { color: #e6ebf7; }
:root[data-theme="dark"] { color: var(--text); background: var(--bg); }
:root[data-theme="dark"] body { background: var(--bg); color: var(--text); }
:root[data-theme="dark"] :focus-visible { outline-color: var(--blue); }
:root[data-theme="dark"] h1, :root[data-theme="dark"] h2, :root[data-theme="dark"] h3 { color: var(--navy); }
:root[data-theme="dark"] .eyebrow { color: var(--blue); }
:root[data-theme="dark"] button, :root[data-theme="dark"] .button { border-color: var(--line); color: var(--text); }
:root[data-theme="dark"] button:hover:not(:disabled) { background: #19274d; }
:root[data-theme="dark"] button.primary { background: var(--blue); border-color: var(--blue); color: white; }
:root[data-theme="dark"] button.primary:hover:not(:disabled) { background: var(--blue-hover); border-color: var(--blue-hover); }
:root[data-theme="dark"] .text-button { color: var(--blue); }
:root[data-theme="dark"] input, :root[data-theme="dark"] select, :root[data-theme="dark"] textarea { border-color: var(--field); }
:root[data-theme="dark"] input:focus-visible, :root[data-theme="dark"] select:focus-visible, :root[data-theme="dark"] textarea:focus-visible { outline: 3px solid #2457f540; border-color: var(--blue); }
:root[data-theme="dark"] .sidebar { background: var(--navy); border-top: 0; }
:root[data-theme="dark"] .nav button { color: #c9d4ee; border: 0; border-left: 3px solid transparent; }
:root[data-theme="dark"] .nav button .ui-icon { color: var(--sky); }
:root[data-theme="dark"] .nav button:hover:not(:disabled) { background: #161d3612; color: white; }
:root[data-theme="dark"] .nav button.active { background: #2457f52e; border-left-color: var(--blue); color: white; }
:root[data-theme="dark"] .nav button.active .ui-icon { color: white; }
:root[data-theme="dark"] .nav button:focus-visible { outline-color: var(--sky); }
:root[data-theme="dark"] .sidebar-footer { border-top-color: #2d35531f; color: #aab8da; }
:root[data-theme="dark"] .workspace-dot { background: var(--sky); }
:root[data-theme="dark"] .topbar { background: #161d36; border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .company { color: var(--navy); }
:root[data-theme="dark"] #logout { border-color: var(--line); color: var(--text); }
:root[data-theme="dark"] .stat, :root[data-theme="dark"] .panel, :root[data-theme="dark"] .profile-section { border-color: var(--line); }
:root[data-theme="dark"] .stat strong { color: var(--navy); }
:root[data-theme="dark"] th { background: #161d36; color: var(--muted); }
:root[data-theme="dark"] th, :root[data-theme="dark"] td { border-bottom-color: #2d3553; }
:root[data-theme="dark"] .vehicle-table tbody tr:hover { background: #161d36; }
:root[data-theme="dark"] .plate { background: #161d36; color: var(--navy); border: 1px solid var(--navy); border-left: 5px solid var(--blue); }
:root[data-theme="dark"] .tabs button.active { color: var(--blue); border-bottom-color: var(--blue); }
:root[data-theme="dark"] .dashboard-section-heading .ui-icon { color: var(--blue); }
:root[data-theme="dark"] .dashboard-count { color: var(--navy); }
:root[data-theme="dark"] .dashboard-item { border-color: var(--line); }
:root[data-theme="dark"] .dashboard-target { outline-color: var(--blue); }
:root[data-theme="dark"] #notice { background: var(--navy-deep); }
:root[data-theme="dark"] .auth-brand { background: var(--navy); }
:root[data-theme="dark"] .auth-brand .eyebrow { color: var(--sky); }
:root[data-theme="dark"] .c9-suspended .brand { color: var(--navy); }
@media (max-width: 620px) {
:root[data-theme="dark"] .tabbar { background: #161d36; border-top: 1px solid var(--line); }
:root[data-theme="dark"] .tabbar button { border: 0; background: transparent; color: var(--muted); }
:root[data-theme="dark"] .tabbar button.active { color: var(--blue); }
:root[data-theme="dark"] .tabbar button.active::after { background: var(--blue); }
}
@media (max-width: 620px) and (hover: hover) {
:root[data-theme="dark"] .tabbar button:hover:not(:disabled) { background: #19274d; }
}
@media (max-width: 620px) and (hover: none) {
:root[data-theme="dark"] .tabbar button:hover:not(:disabled) { background: transparent; }
}
:root[data-theme="dark"] .dashboard-tile { background: #161d36; border: 1px solid var(--line); border-top: 4px solid #2bb673; }
:root[data-theme="dark"] .dashboard-tile span { color: var(--muted); }
:root[data-theme="dark"] .dashboard-tile strong { color: var(--navy); }
:root[data-theme="dark"] .dashboard-tile.tone-bad { border-top-color: #d92d20; }
:root[data-theme="dark"] .dashboard-tile.tone-warn { border-top-color: #f0a020; }
:root[data-theme="dark"] .dashboard-tile.tone-info { border-top-color: var(--blue); }
:root[data-theme="dark"] .dashboard-tile.tone-bad small { color: #f19a93; }
:root[data-theme="dark"] .dashboard-item { border-left: 4px solid var(--line); }
:root[data-theme="dark"] .dashboard-item.tone-bad { border-left-color: #d92d20; }
:root[data-theme="dark"] .dashboard-item.tone-warn { border-left-color: #f0a020; }
:root[data-theme="dark"] .dashboard-item.tone-info { border-left-color: var(--blue); }
:root[data-theme="dark"] .dashboard-item .badge { background: #19274d; }
:root[data-theme="dark"] .dashboard-item.tone-bad .badge { background: #4d1f19; color: #f19a93; }
:root[data-theme="dark"] .dashboard-item.tone-warn .badge { background: #4d3a19; color: #ffce85; }
:root[data-theme="dark"] .plate-link { border: 0; background: transparent; }
:root[data-theme="dark"] .plate-link:hover:not(:disabled) { background: transparent; }
:root[data-theme="dark"] .plate-link:hover .plate { background: var(--accent-soft); }
:root[data-theme="dark"] .dossier-facts dt { color: var(--muted); }
:root[data-theme="dark"] .dossier-facts dd { color: var(--navy); }
:root[data-theme="dark"] .badge.dossier-ok { background: #1c4a31; color: #9fe5c3; }
:root[data-theme="dark"] .dossier-card-head .ui-icon { color: var(--blue); }
:root[data-theme="dark"] .dossier-list li { border: 1px solid var(--line); border-left: 4px solid var(--line); }
:root[data-theme="dark"] .dossier-list li.tone-bad { border-left-color: #d92d20; }
:root[data-theme="dark"] .dossier-list li.tone-warn { border-left-color: #f0a020; }
:root[data-theme="dark"] .dossier-list li.tone-ok { border-left-color: #2bb673; }
:root[data-theme="dark"] .dossier-list li.tone-info { border-left-color: var(--blue); }
:root[data-theme="dark"] .dossier-list strong { color: var(--navy); }
:root[data-theme="dark"] .dossier-list small { color: var(--muted); }
:root[data-theme="dark"] .vehicle-document-card { border-left: 4px solid var(--line); }
:root[data-theme="dark"] .vehicle-document-card:has(.status-expired) { border-left-color: #d92d20; }
:root[data-theme="dark"] .vehicle-document-card:has(.status-soon) { border-left-color: #f0a020; }
:root[data-theme="dark"] .vehicle-document-card:has(.status-valid) { border-left-color: #2bb673; }
:root[data-theme="dark"] .vehicle-document-card h2 { color: var(--navy); }
:root[data-theme="dark"] .service-card { border-left: 4px solid var(--blue); }
:root[data-theme="dark"] .service-card h3 { color: var(--navy); }
:root[data-theme="dark"] .expense-options summary { color: var(--text); background: #161d36; }
:root[data-theme="dark"] .expense-options summary:hover { background: #19274d; }
:root[data-theme="dark"] .expense-summary strong, :root[data-theme="dark"] .expense-total { color: var(--navy); }
:root[data-theme="dark"] .badge.status-valid { background: #1c4a31; color: #9fe5c3; }
:root[data-theme="dark"] .badge.status-soon { background: #4d3a19; color: #ffce85; }
:root[data-theme="dark"] .badge.status-expired { background: #4d1f19; color: #f19a93; }
:root[data-theme="dark"] .global-search input { background: #161d36 none no-repeat 12px center; border-color: var(--line); }
:root[data-theme="dark"] .global-search-results { background: #161d36; border: 1px solid var(--line); }
:root[data-theme="dark"] .global-search-item { border: 0; }
:root[data-theme="dark"] .global-search-item small { color: var(--muted); }
:root[data-theme="dark"] .global-search-empty { color: var(--muted); }
:root[data-theme="dark"] .quick-add-item .ui-icon { color: var(--blue); }
:root[data-theme="dark"] .quick-add-item strong { color: var(--navy); }
:root[data-theme="dark"] .dossier-total span { color: var(--muted); }
:root[data-theme="dark"] .dossier-total strong { color: var(--navy); }
:root[data-theme="dark"] .dossier-total small { color: var(--muted); }
:root[data-theme="dark"] .dossier-amount { color: var(--navy); }
@media (max-width: 620px) {
:root[data-theme="dark"] .tabbar-quick { color: var(--blue); }
:root[data-theme="dark"] .tabbar-plus { background: var(--blue); color: white; }
}
:root[data-theme="dark"] #main.content:focus { outline: none; }

:root[data-theme="dark"] body { background: var(--bg); color: var(--text); }
:root[data-theme="dark"] .sidebar, :root[data-theme="dark"] .auth-brand { background: #0a1430; }
:root[data-theme="dark"] .sidebar { border-right: 1px solid #1c2747; }
:root[data-theme="dark"] button.primary, :root[data-theme="dark"] .tabbar-plus { background: #2457f5; border-color: #2457f5; color: white; }
:root[data-theme="dark"] button.primary:hover:not(:disabled) { background: #3a6af7; border-color: #3a6af7; }
:root[data-theme="dark"] .tabbar button.active::after { background: var(--blue); }
:root[data-theme="dark"] .content { background: transparent; }
:root[data-theme="dark"] #notice { color: white; }
:root[data-theme="dark"] .global-search input { background-color: #10172e; }
:root[data-theme="dark"] .c9-suspended .brand-logo path[fill="#0F1E45"] { fill: #e6ebf7; }

/* Selectorul de temă */
.theme-control { display: grid; gap: 6px; }
.theme-control label { margin: 0; font-size: 12px; font-weight: 600; }
.sidebar .theme-control { margin-bottom: 14px; }
.sidebar .theme-control label { color: #aab8da; }
.sidebar .theme-control select { background: #ffffff12; color: #e8edf8; border-color: #ffffff2e; padding: 8px 10px; font-size: 13px; }
.sidebar .theme-control select option { color: #16213f; background: white; }
.theme-settings { padding: 20px 24px; margin-top: 20px; display: grid; gap: 10px; }
.theme-settings h2 { margin: 0; font-size: 18px; }
.theme-settings p { margin: 0; font-size: 14px; }
.theme-settings .theme-control { max-width: 320px; }
@media (max-width: 620px) {
  .sidebar.mobile-menu-open .sidebar-footer { display: block; grid-column: 1 / -1; margin-top: 12px; }
}
:root[data-theme="dark"] dialog { background: #151d37; color: var(--text); }


/* Online composition: module DOM/listeners and hidden authorization state remain intact. */
[hidden],.shell-route-hidden{display:none!important}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.shell> .workspace{min-width:0}.shell{grid-template-columns:248px minmax(0,1fr)}main.content{max-width:1400px;width:100%;margin:0 auto;min-width:0}.public-shell{min-height:100dvh}.public-shell .workspace{min-height:100dvh}main.auth-page{max-width:none;margin:0;padding:0;min-height:100dvh;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}main.auth-page>.provider-panel{align-self:center;justify-self:center;max-width:410px;width:calc(100% - 48px);margin:40px 24px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}main.auth-page>.provider-panel h1{font-size:28px}main.auth-page>.provider-panel form{display:grid;gap:12px}.auth-brand h1{color:white}.provider-panel form input{width:100%}.fleet-navigation{display:grid;flex-wrap:initial;gap:2px;padding:0}.fleet-navigation a{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:44px;border:0;border-left:3px solid transparent;border-radius:8px;text-decoration:none;color:#c9d4ee;background:transparent;font-size:14px;font-weight:500}.fleet-navigation a .ui-icon{width:20px;height:20px;color:#8fb0ff}.fleet-navigation a:hover{background:#ffffff12;color:white}.fleet-navigation a.active{background:#2457f52e;border-left-color:#2457f5;color:white;font-weight:650}.fleet-navigation a.active .ui-icon{color:white}.sidebar{position:sticky;top:0;height:100dvh;overflow:auto;gap:22px}.sidebar-footer{margin-top:auto}.topbar{position:relative;gap:16px}.topbar .company{max-width:260px;text-align:left;white-space:normal;padding-left:0}.account{flex-shrink:0;gap:12px}.account span{max-width:220px;overflow-wrap:anywhere;font-size:12px}#provider-logout{font-size:12px;padding:9px 12px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;min-height:44px}.content>section,.content>#identity-root{min-width:0;scroll-margin-top:20px}.content>section:not(#home-area),.content .identity-panel{margin:0 0 20px;padding:24px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 1px 2px #0f1e450a}.content h2{font-size:24px;letter-spacing:-.5px}.content h3{font-size:18px}.content h4{margin-bottom:8px}#home-area{padding:0;border:0;background:transparent;box-shadow:none;margin:0}#home-area .heading{align-items:flex-start}#home-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#home-sections>.dashboard-section{padding:20px;margin:0;border:1px solid var(--line);min-width:0}#home-sections .dashboard-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}#home-sections .dashboard-section-heading h3{margin:0;font-size:18px}#home-sections .dashboard-section-heading strong{font-size:26px;color:var(--navy)}#home-sections .rp-card{background:transparent;border-radius:8px;padding:14px;margin:0;overflow-wrap:anywhere}#home-status{color:var(--muted);font-size:12px;margin-bottom:20px}.content input,.content select,.content textarea{max-width:100%;box-sizing:border-box}.content button{max-width:100%;white-space:normal;color:var(--text);background:white;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:10px 14px;font-size:14px}.content button:hover:not(:disabled){background:var(--accent-soft)}#vehicle-new,#driver-new,#ex-create,#vd-create,#is-create{background:#2457f5;border-color:#2457f5;color:white}.content label{font-size:14px}.content form{min-width:0}.content form label{min-width:0}.content .vehicle-row,.content .driver-row{padding:16px 0;border-bottom:1px solid var(--line);gap:12px}.content .vehicle-row>span{font-weight:600;overflow-wrap:anywhere}.shell-unavailable{border-left:4px solid var(--blue)!important}.shell-quick-dialog{padding:20px;max-width:520px;width:calc(100% - 32px);border:1px solid var(--line);color:var(--text)}.shell-quick-dialog .dialog-head{padding:0 0 16px}.shell-quick-dialog .quick-add-item{width:100%}.shell-quick-dialog::backdrop{background:#0f1e4570}.global-search-results button{background:transparent;width:100%}.global-search-results{max-width:calc(100vw - 32px)}
:root[data-theme="dark"] .content>section:not(#home-area),:root[data-theme="dark"] .content .identity-panel,:root[data-theme="dark"] #home-sections>.dashboard-section{background:#161d36;border-color:var(--line);color:var(--text)}:root[data-theme="dark"] .content button{background:#161d36;color:var(--text);border-color:var(--line)}:root[data-theme="dark"] .content button:hover:not(:disabled){background:#19274d}:root[data-theme="dark"] .shell-quick-dialog{background:#151d37}:root[data-theme="dark"] .fleet-navigation a{color:#c9d4ee}:root[data-theme="dark"] #home-area{background:transparent}:root[data-theme="dark"] #vehicle-new,:root[data-theme="dark"] #driver-new,:root[data-theme="dark"] #ex-create,:root[data-theme="dark"] #vd-create,:root[data-theme="dark"] #is-create{background:#2457f5;color:white}
@media(max-width:1100px) and (min-width:621px){.topbar{flex-wrap:wrap}.topbar-tools{order:3;flex-basis:100%;justify-content:stretch}.global-search{flex:1}.account{margin-left:auto}.shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:620px){body:not(.fleet-authenticated){padding-bottom:0}.shell{display:block}.sidebar{position:relative;height:auto;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.sidebar>.brand{padding:0}.sidebar .fleet-navigation{display:none;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.sidebar.mobile-menu-open .fleet-navigation{display:grid}.sidebar .sidebar-footer{display:none}.sidebar.mobile-menu-open .sidebar-footer{display:block;grid-column:1/-1}.fleet-navigation a{padding:10px 8px;font-size:12px;min-width:0}.fleet-navigation a span{overflow-wrap:anywhere}.topbar{display:flex;flex-wrap:wrap;padding:12px 16px;gap:12px}.topbar .company{flex:1}.topbar-tools{order:3;flex-basis:100%;gap:8px}.global-search{flex:1;min-width:0}.global-search input{font-size:14px}.account{display:flex;width:auto;padding:0;border:0;gap:8px}.account span{display:none}main.content{padding:20px 16px 90px}.content>section:not(#home-area),.content .identity-panel{padding:16px}.content h2{font-size:21px}#home-sections{grid-template-columns:minmax(0,1fr);gap:14px}#home-sections>.dashboard-section{padding:16px}.rp-panel form{display:grid;grid-template-columns:minmax(0,1fr)}.rp-panel form label{min-width:0;width:100%}.rp-panel form input,.rp-panel form select{width:100%}.content .vehicle-actions{display:flex;flex-wrap:wrap}.content .vehicle-actions button{flex:1 1 130px}main.auth-page{grid-template-columns:minmax(0,1fr);min-height:100dvh}.auth-brand{min-height:270px;padding:26px;gap:30px}.auth-brand .auth-copy{margin:0}.auth-brand .auth-copy h1{font-size:30px}.auth-brand footer{display:none}main.auth-page>.provider-panel{margin:30px 24px 40px}.shell-quick-dialog .quick-add-item{padding:14px}.tabbar-plus{background:#2457f5;color:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:24px;line-height:1}.auth-page #identity-root{grid-column:1/-1;padding:20px}.public-shell .tabbar{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Override the legacy selector's outer page padding and teal panel ink. */
body{padding:0}.content .rp-panel,.content .invite-panel{color:var(--text)}.content .dashboard-tile{padding:16px 18px;border-top:4px solid var(--blue)}.content .dashboard-tile.tone-bad{border-top-color:#d92d20}.content .dashboard-tile.tone-warn{border-top-color:#f0a020}.content .dashboard-tile.tone-ok{border-top-color:#2bb673}.content .dashboard-tile{margin:0}.content .dashboard-summary{gap:14px}
@media(max-width:620px){body.fleet-authenticated{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.content>.shell-unavailable{margin-bottom:10px}}
.shell.scope-pending{grid-template-columns:minmax(0,1fr)}

#home-sections{align-items:start}#home-sections .dashboard-section-heading h3{flex:1;min-width:0}#home-sections .dashboard-section-heading .ui-icon{color:var(--blue)}#home-sections .dashboard-section-heading span{display:flex}.global-search input{padding-left:12px}body.fleet-authenticated .content:focus{outline:none}

.shell-search-icon{position:absolute;left:12px;top:14px;color:var(--muted);display:flex;pointer-events:none}.global-search input{padding-left:36px}

/* R2 usability pass: grouped navigation, sticky top bar, compact one-line lists. */
.fleet-navigation .nav-group{margin:14px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7f93c4}
.fleet-navigation a{min-height:38px;padding:8px 12px}
.topbar{position:sticky;top:0;z-index:15;background:var(--surface,#fff)}
:root[data-theme="dark"] .topbar{background:#10172e}
.content>section:not(#home-area){padding:20px}
.content h2+p{color:var(--muted);max-width:720px}
/* Lists: one compact row per record instead of a tall card. */
.vd-card,.is-card,.ex-card,.sv-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:2px;align-items:center;padding:12px 16px;margin:0 0 8px;border:1px solid var(--line);border-radius:10px}
.vd-card>*,.is-card>*,.ex-card>*,.sv-card>*{grid-column:1;margin:0!important}
.vd-card h4,.is-card h4,.ex-card h4,.sv-card h4{font-size:15px;margin:0}
.vd-card p,.is-card p,.ex-card>p,.sv-card p{font-size:13px;line-height:1.45;color:var(--muted)}
.vd-card .vd-badge,.is-card .is-badge,.sv-card .sv-badge{grid-column:2;grid-row:1;justify-self:end;font-size:12px;padding:3px 10px;border-radius:999px}
.ex-card>strong{grid-column:2;grid-row:1;justify-self:end;font-size:16px}
.vd-actions,.is-actions,.ex-actions,.sv-actions{display:flex;flex-wrap:wrap;justify-content:flex-start!important;gap:6px;margin-top:6px!important}
.vd-actions button,.is-actions button,.ex-actions button,.sv-actions button,.ex-card .ea-note button{min-height:34px!important;padding:6px 12px!important;font-size:13px!important}
.ex-card .ea-note{grid-column:1/-1;padding:8px 12px;margin-top:8px;font-size:13px;border-radius:8px}
.ex-card .ea-note p{margin:0;font-size:13px}
/* Home: short rows with the action on the right. */
#home-sections .rp-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:10px 14px;margin:0 0 8px}
#home-sections .rp-card>*{grid-column:1;margin:0!important}
#home-sections .rp-card h4{font-size:15px}
#home-sections .rp-card p{font-size:13px;line-height:1.4;color:var(--muted)}
#home-sections .rp-card button{grid-column:2;grid-row:1/span 3;min-height:36px;padding:6px 14px}
.content .vehicle-row,.content .driver-row{padding:10px 0}
@media (max-width:760px){
 .content>section:not(#home-area){padding:16px}
 .content .vehicle-row,.content .driver-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center}
 .content .vehicle-row button,.content .driver-row button{width:auto!important;min-height:38px}
 #home-sections .rp-card button{width:auto}
 .vd-card,.is-card,.ex-card,.sv-card{padding:12px}
}
/* One palette: module accents follow the R2 blue instead of the old green. */
#cx-create,#cx-save,#dd-create,#dd-save,#ex-create,#ex-save,#is-create,#is-save,#sv-create,#sv-save,#ty-create,#ty-save,#vd-create,#vd-save{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.cx-panel,.dd-panel,.ea-panel,.ex-panel,.is-panel,.sv-panel,.ty-panel,.vd-panel{color:var(--text)}
.cx-totals>div,.ex-totals>div,.is-totals>div,.sv-totals>div,.ty-totals>div,.cx-summary,.ex-summary,.ea-note,.ea-history-item,.cx-approved,.ex-approved{background:var(--accent-soft)!important;color:var(--text)}
.sv-card .sv-check{font-size:13px}
:root[data-theme="dark"] .cx-totals>div,:root[data-theme="dark"] .ex-totals>div,:root[data-theme="dark"] .is-totals>div,:root[data-theme="dark"] .sv-totals>div,:root[data-theme="dark"] .ty-totals>div,:root[data-theme="dark"] .cx-summary,:root[data-theme="dark"] .ex-summary,:root[data-theme="dark"] .ea-note,:root[data-theme="dark"] .ea-history-item,:root[data-theme="dark"] .cx-approved,:root[data-theme="dark"] .ex-approved{background:#19274d!important}
.cx-eyebrow,.dd-eyebrow,.ea-eyebrow,.ex-eyebrow,.is-eyebrow,.sv-eyebrow,.ty-eyebrow,.vd-eyebrow,.alerts-kicker,.cs-kicker,.im-kicker{color:var(--blue)!important}
@media (max-width:760px){
 /* Phone: filters two per row so the list starts on the first screen. */
 .cx-toolbar,.dd-toolbar,.ex-toolbar,.is-toolbar,.sv-toolbar,.ty-toolbar,.vd-toolbar,.alerts-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;align-items:end}
 .cx-toolbar>button,.dd-toolbar>button,.ex-toolbar>button,.is-toolbar>button,.sv-toolbar>button,.ty-toolbar>button,.vd-toolbar>button,.alerts-toolbar>button{width:100%;margin:0}
 .cx-toolbar label,.dd-toolbar label,.ex-toolbar label,.is-toolbar label,.sv-toolbar label,.ty-toolbar label,.vd-toolbar label{min-width:0;font-size:13px}
 .content h2+p{font-size:14px;line-height:1.45}
 .cx-totals,.ex-totals,.is-totals,.sv-totals,.ty-totals{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
 .cx-totals>div,.ex-totals>div,.is-totals>div,.sv-totals>div,.ty-totals>div{padding:10px!important;font-size:13px}
}
/* Self-service signup and getting-started guide. */
.provider-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:4px}
.provider-panel .provider-links .text-button{background:none!important;border:0!important;padding:6px 0!important;min-height:36px;width:auto!important;color:var(--blue)!important;font-weight:600;cursor:pointer}
.provider-panel form button[type=submit]{background:var(--blue);border-color:var(--blue);color:#fff}
#provider-signup,#provider-reset,#provider-newpass{display:grid;gap:12px}
#provider-signup input,#provider-reset input,#provider-newpass input{width:100%;box-sizing:border-box}
.identity-panel form.identity-create{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px;max-width:480px;margin:16px 0;padding:20px;border:1px solid var(--line);border-radius:12px}
.identity-panel form.identity-create[hidden]{display:none!important}
.identity-panel form.identity-create input{width:100%;box-sizing:border-box}
.identity-panel form.identity-create button[type=submit]{background:var(--blue);border-color:var(--blue);color:#fff}
.identity-create h2{margin:0;font-size:18px}.identity-create p{margin:0;color:var(--muted)}
.identity-create-toggle{background:none!important;border:0!important;color:var(--blue)!important;font-weight:600;padding:8px 0!important}
.shell-guide{margin:0 0 20px;padding:20px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;background:var(--surface,#fff)}
.shell-guide-head{display:flex;align-items:center;gap:12px}.shell-guide-head h2{margin:0;font-size:18px}.shell-guide-count{color:var(--muted);font-size:13px;margin-right:auto}
.shell-guide-head .text-button{background:none!important;border:0!important;color:var(--muted)!important;min-height:32px!important}
.shell-guide-bar{height:6px;border-radius:99px;background:var(--accent-soft);margin:12px 0}.shell-guide-bar span{display:block;height:100%;border-radius:99px;background:var(--blue)}
.shell-guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.shell-guide-steps li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.shell-guide-steps li div{display:grid;gap:2px}.shell-guide-steps li .muted{font-size:13px;color:var(--muted)}
.shell-guide-mark{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:700}
.shell-guide-steps li.done{opacity:.7}.shell-guide-steps li.done .shell-guide-mark{background:var(--blue);border-color:var(--blue);color:#fff}
.shell-guide-steps li.done strong{text-decoration:line-through}
.shell-guide-steps button{min-height:36px!important;padding:6px 14px!important;background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
:root[data-theme="dark"] .shell-guide{background:#10172e}
/* Final UI pass: calmer sidebar, reports opened by default, file inputs, checkbox rows. */
#open-expense-reports{display:none}
#reports-view{margin:0}
.fleet-navigation a{min-height:34px;padding:6px 12px}
.fleet-navigation .nav-group{margin-top:10px}
.sidebar{scrollbar-width:thin;scrollbar-color:#2c3f77 transparent}
input[type=file]{padding:8px;border:1px dashed var(--line);border-radius:10px;background:var(--accent-soft);width:100%;box-sizing:border-box;font:inherit}
input[type=file]::file-selector-button{margin-right:12px;padding:8px 14px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.content label:has(>input[type=checkbox]){display:flex;align-items:center;gap:10px;min-height:36px}
.content input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--blue)}
.alerts-toolbar select,.cx-toolbar select,.ex-toolbar select,.is-toolbar select,.sv-toolbar select,.vd-toolbar select{text-overflow:ellipsis}
.content :focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.content .muted:empty{display:none}
:root[data-theme="dark"] input[type=file]{background:#19274d}

/* Module sections: one sidebar entry per module, sub-pages as tabs */
.fleet-navigation a.nav-sub{display:none}
.module-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid var(--line,#dbe2f0)}
.module-tabs[hidden]{display:none}
.module-tabs a{padding:10px 16px;margin-bottom:-1px;border-bottom:3px solid transparent;color:#52607f;font-weight:600;text-decoration:none;border-radius:6px 6px 0 0}
.module-tabs a:hover{color:#0f1e45;background:rgba(36,87,245,.06)}
.module-tabs a.active{color:#2457f5;border-bottom-color:#2457f5}
@media(max-width:620px){.module-tabs{flex-wrap:nowrap;overflow-x:auto;margin-top:4px}.module-tabs a{white-space:nowrap;padding:10px 12px}}
:root[data-theme=dark] .module-tabs{border-bottom-color:#26335a}
:root[data-theme=dark] .module-tabs a{color:#a9b6d8}
:root[data-theme=dark] .module-tabs a:hover{color:#fff;background:rgba(143,176,255,.1)}
:root[data-theme=dark] .module-tabs a.active{color:#8fb0ff;border-bottom-color:#8fb0ff}

/* Number plates as badges */
.plate-badge{display:inline-block;padding:2px 10px 2px 12px;border:1.5px solid #0f1e45;border-left:7px solid #2457f5;border-radius:5px;background:#fff;color:#0f1e45;font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}
:root[data-theme=dark] .plate-badge{background:#0f1e45;color:#e8eeff;border-color:#8fb0ff;border-left-color:#2457f5}

/* Vehicle dossier */
.plate-badge.plate-large{font-size:20px;padding:4px 14px 4px 16px}
.vehicle-dossier{margin:12px 0}
.dossier-facts{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0 0 16px;padding:16px;border:1px solid var(--line,#dbe2f0);border-radius:10px;background:rgba(36,87,245,.04)}
.dossier-facts dt{font-size:12px;color:#52607f;margin-bottom:4px}
.dossier-facts dd{margin:0;font-weight:600}
.dossier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.dossier-card{padding:14px 16px;border:1px solid var(--line,#dbe2f0);border-radius:10px;background:#fff}
.dossier-card h4{margin:0 0 8px}
.dossier-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dossier-list li{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dossier-links{display:flex;flex-wrap:wrap;gap:8px}
.dossier-badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#e7f6ee;color:#14633b}
.dossier-badge.dossier-soon{background:#fff3d6;color:#7a4b00}
.dossier-badge.dossier-expired{background:#fde8e8;color:#9b1c1c}
:root[data-theme=dark] .dossier-facts{background:rgba(143,176,255,.06);border-color:#26335a}
:root[data-theme=dark] .dossier-facts dt{color:#a9b6d8}
:root[data-theme=dark] .dossier-card{background:#0f1a3a;border-color:#26335a}
:root[data-theme=dark] .dossier-badge{background:#123524;color:#8fe0b3}
:root[data-theme=dark] .dossier-badge.dossier-soon{background:#3b2c0a;color:#ffd27a}
:root[data-theme=dark] .dossier-badge.dossier-expired{background:#431a1a;color:#ffb3b3}

/* Expenses: compact attribution row on each card */
.ex-card .ea-note{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:6px;padding:0;background:none;border:0}
.ex-card .ea-note>p{margin:0;font-size:13px;color:#52607f}
.ex-card .ea-note>p:nth-of-type(2){display:none}
.ex-card .ea-note details{font-size:13px}
.ex-card .ea-note button{margin-left:auto}
:root[data-theme=dark] .ex-card .ea-note>p{color:#a9b6d8}
.dossier-card:last-child{grid-column:1/-1}

/* Consistent page headers and widths */
.content .eyebrow,.content [class$="-eyebrow"],.content [class$="-kicker"]{display:none}
.content .invite-panel{max-width:none;width:100%}
@media(max-width:620px){.content [class$="-heading"],.content .heading{flex-direction:column;align-items:stretch}.content [class$="-heading"]>button,.content .heading>button{width:100%}}

/* Dark theme: cards and links on every module */
:root[data-theme=dark] .content article,:root[data-theme=dark] .content [class$="-card"]:not(.panel){background:#0f1a3a;color:#e8eeff;border-color:#26335a}
:root[data-theme=dark] .content article h4,:root[data-theme=dark] .content article strong{color:#e8eeff}
:root[data-theme=dark] .content a:not(.btn){color:#8fb0ff}
:root[data-theme=dark] .content .is-badge,:root[data-theme=dark] .content .vd-badge{filter:none}
:root[data-theme=dark] .content .is-badge,:root[data-theme=dark] .content .sv-badge{background:#1c2a55;color:#dfe8ff;border-color:#33447a}
:root[data-theme=dark] .content .is-badge.is-badge-urgent{background:#431a1a;color:#ffb3b3}
:root[data-theme=dark] .content .vd-badge.vd-valid{background:#123524;color:#8fe0b3}

/* Search fields stay a sensible width; one blue focus ring everywhere */
.content input[type=search]{max-width:420px;width:100%}
.content input:focus,.content select:focus,.content textarea:focus,.content input:focus-visible,.content select:focus-visible,.content textarea:focus-visible{outline:3px solid rgba(36,87,245,.25);outline-offset:0;border-color:#2457f5;box-shadow:none}

/* ===== Page template shared by every module ===== */
.page-head-old{display:none!important}
.content .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line,#e3e8f2)}
.content .page-head-text{min-width:0}
.content .page-head h1,.content .page-head h2{margin:0 0 4px;font-size:26px;line-height:1.2;letter-spacing:-.01em}
.content .page-head-summary{margin:0;color:#52607f;font-size:15px}
.content .page-head-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.content .page-head-actions .page-primary{min-height:42px;padding:0 18px;font-weight:600;background:#2457f5;border-color:#2457f5;color:#fff;border-radius:10px}
.content .page-head-actions .page-primary:hover:not(:disabled){background:#1d47cc}
.content .page-head-actions .page-primary[hidden]{display:none}
.content .icon-refresh{font-size:0!important;width:42px;height:42px;min-height:42px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}
.content .icon-refresh::before{content:"↻";font-size:20px;line-height:1}
.content .vehicle-actions:empty,.content .handover-actions:empty{display:none}
/* Notes under the header read as small hints, not body text */
#ex-permission,#is-permission,#sv-vehicle-state{font-size:13px;color:#52607f}
/* Filter bars */
.content .vd-toolbar,.content .dd-toolbar,.content .sv-toolbar,.content .ty-toolbar,.content .is-toolbar,.content .ex-toolbar,.content .cx-toolbar,.content .alerts-toolbar{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;padding:12px 14px;margin:0 0 16px;background:#f3f6fc;border:1px solid #e3e8f2;border-radius:12px}
.content .vd-toolbar label,.content .dd-toolbar label,.content .sv-toolbar label,.content .ty-toolbar label,.content .is-toolbar label,.content .ex-toolbar label,.content .cx-toolbar label,.content .alerts-toolbar label{font-size:12px;font-weight:600;color:#52607f;margin:0}
.content .vd-toolbar select,.content .dd-toolbar select,.content .sv-toolbar select,.content .ty-toolbar select,.content .is-toolbar select,.content .ex-toolbar select,.content .cx-toolbar select,.content .alerts-toolbar select,.content [class*="-toolbar"] input{min-height:38px;font-size:14px}
/* List rows as cards */
.content #vehicle-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:12px}
.content .vehicle-row,.content .driver-row,.content .group-row,.content .handover-row,.content .assignment-row{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 10px;background:#fff;border:1px solid #e3e8f2;border-radius:12px;box-shadow:0 1px 2px rgba(15,30,69,.04);transition:border-color .15s,box-shadow .15s}
.content #vehicle-list .vehicle-row{margin:0}
.content .vehicle-row:hover,.content .driver-row:hover,.content .group-row:hover,.content .handover-row:hover,.content .assignment-row:hover{border-color:#b9c8f5;box-shadow:0 4px 14px rgba(15,30,69,.08)}
.content .vehicle-row>button,.content .driver-row>button,.content .group-row>button,.content .handover-row>button{margin-left:auto}
.content .row-info{display:flex;flex-direction:column;min-width:0}
.content .row-info strong{font-size:15px}
.content .row-info small{color:#52607f;font-size:13px}
/* Empty states */
.content #vehicle-list>p:only-child,.content #group-list>p:only-child,.content #driver-list>p:only-child,.content #vd-list>p:only-child,.content #dd-list>p:only-child,.content #handover-list>p:only-child,.content #is-board>p:only-child,.content #er-periods>p:only-child,.content #alerts-list>p:only-child,.content #ex-board>p:only-child,.content #cx-board>p:only-child{grid-column:1/-1;margin:8px 0;padding:28px 20px;text-align:center;color:#52607f;background:#fafbfe;border:1.5px dashed #cdd6ea;border-radius:12px}
@media(max-width:620px){.content .page-head{flex-direction:column}.content .page-head-actions{width:100%}.content .page-head-actions .page-primary{flex:1}.content #vehicle-list{grid-template-columns:1fr}}
/* Dark theme for the template */
:root[data-theme=dark] .content .page-head{border-bottom-color:#26335a}
:root[data-theme=dark] .content .page-head-summary,:root[data-theme=dark] .content .row-info small,:root[data-theme=dark] #ex-permission,:root[data-theme=dark] #is-permission{color:#a9b6d8}
:root[data-theme=dark] .content [class*="-toolbar"]{background:#111c3d;border-color:#26335a}
:root[data-theme=dark] .content [class*="-toolbar"] label{color:#a9b6d8}
:root[data-theme=dark] .content .vehicle-row,:root[data-theme=dark] .content .driver-row,:root[data-theme=dark] .content .group-row,:root[data-theme=dark] .content .handover-row,:root[data-theme=dark] .content .assignment-row{background:#0f1a3a;border-color:#26335a}
:root[data-theme=dark] .content [id$="-list"]>p:only-child,:root[data-theme=dark] .content [id$="-board"]>p:only-child,:root[data-theme=dark] #er-periods>p:only-child{background:#0d1733;border-color:#2c3a66;color:#a9b6d8}
.plate-badge{white-space:nowrap}
.content .vehicle-row .plate-badge{flex:none;width:auto}
@media(max-width:620px){.content .vehicle-row,.content .driver-row,.content .group-row,.content .handover-row{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important}.content .vehicle-row>*,.content .driver-row>*{width:auto!important;min-width:0}.content .vehicle-row>button,.content .driver-row>button{flex:none}}
@media(max-width:620px){.content .vehicle-row,.content .driver-row,.content .group-row,.content .handover-row{flex-direction:row!important;align-items:center!important;text-align:left!important;justify-content:flex-start!important}.content .vehicle-row>button,.content .driver-row>button{margin-left:auto!important}.content .row-info{align-items:flex-start}}
/* Compact list cards: what + where on the left, state and actions on the right */
.content article.list-card{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:14px 18px!important;margin:0 0 10px!important;border:1px solid #e3e8f4!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,30,69,.04);position:relative}
.content article.list-card:hover{border-color:#c9d4f2!important}
.content article.list-card[data-severity]{border-left:4px solid #e0a412!important}
.content article.list-card[data-severity="overdue"],.content article.list-card[data-severity="due"]{border-left-color:#d64545!important}
.content .list-card .card-main{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:3px}
.content .list-card .card-main>*{margin:0!important}
.content .list-card .card-main>h3,.content .list-card .card-main>h4{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px!important;line-height:1.35;color:#0f1e45}
.content .list-card .card-main>p{font-size:13px!important;color:#52607f!important;line-height:1.45}
.content .list-card .card-main .plate-badge{font-size:12.5px;padding:1px 8px 1px 9px;border-left-width:5px}
.content .list-card .card-main>p .plate-badge{font-size:11.5px;margin:0 2px}
.content .list-card .card-main>label{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-top:4px!important}
.content .list-card .card-main>label span{font-weight:500}
.content .list-card .card-chip{align-self:flex-start;display:inline-block;padding:1px 8px;border-radius:999px;background:#f2f4fa;color:#5b6886!important;font-size:12px!important}
.content .card-noise{display:none!important}
.content .list-card .card-side{flex:0 1 auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto}
.content .list-card .card-side>[class*="-badge"]{position:static!important;margin:0!important;white-space:nowrap}
.content .list-card .card-side>strong{font-size:17px;color:#0f1e45;white-space:nowrap}
.content .list-card .card-side>[class$="-actions"]{display:flex!important;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin:0!important;padding:0!important;border:0!important}
.content .list-card .card-side button{min-height:34px;padding:6px 12px;font-size:13px;border-radius:8px}
.content .list-card .card-side>a{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid #d7deee;border-radius:8px;font-size:13px;font-weight:600;color:#1f3fb8;text-decoration:none;background:#fff}
.content .list-card .card-side>a:hover{border-color:#2457f5;background:#f3f6ff}
.content .list-card .card-extra{flex:1 1 100%;font-size:13px}
.content .list-card .card-extra .ea-note{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:2px 0 0!important;padding:8px 12px!important;border-radius:8px;background:#f6f8fd!important;color:#52607f}
.content .list-card .card-extra .ea-note>p{margin:0!important;font-size:12.5px}
.content .list-card .card-extra .ea-note>button{margin-left:auto;min-height:30px;padding:4px 10px;font-size:12.5px}
.content .list-card .card-extra .ea-note details summary{cursor:pointer;font-size:12.5px}
/* "Mai mult" menu for rarely used actions */
.content .card-more{position:relative}
.content .card-more>summary{list-style:none;display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:6px 12px;border:1px solid #d7deee;border-radius:8px;font-size:13px;font-weight:600;color:#33415f;background:#fff;cursor:pointer;user-select:none}
.content .card-more>summary::-webkit-details-marker{display:none}
.content .card-more>summary::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px}
.content .card-more[open]>summary{border-color:#2457f5;color:#1f3fb8}
.content .card-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:220px;display:flex;flex-direction:column;padding:6px;border:1px solid #dfe5f3;border-radius:10px;background:#fff;box-shadow:0 12px 32px rgba(15,30,69,.16)}
.content .card-more-menu>button{display:block;width:100%;text-align:left;border:0!important;background:none!important;box-shadow:none!important;padding:9px 12px!important;border-radius:6px!important;font-size:13.5px!important;font-weight:500;color:#0f1e45}
.content .card-more-menu>button:hover:not(:disabled){background:#f0f4ff!important;color:#1f3fb8}
/* Empty sub-sections shrink to one quiet line */
.content section.section-empty{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:8px 0!important;padding:10px 14px!important;border:1px dashed #d5dcec;border-radius:10px;background:#fafbfe}
.content section.section-empty>h3{margin:0!important;font-size:14px!important;color:#33415f}
.content section.section-empty>p{margin:0!important;font-size:13px;color:#5b6886}
.content section.section-empty>button{display:none}
/* Collapsible secondary blocks (email preview) */
.content details.section-fold{margin-top:18px;border:1px solid #e3e8f4;border-radius:12px;background:#fff}
.content details.section-fold>summary{cursor:pointer;padding:12px 16px;font-weight:600;color:#33415f}
.content details.section-fold>*:not(summary){margin-left:16px;margin-right:16px}
.content details.section-fold>pre{white-space:pre-wrap;font-size:13px}
/* Alerts counts as a calm line, expenses company summary as tiles */
.content #alerts-summary{font-weight:600;color:#0f1e45}
.content #ea-company-summary:not([hidden]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px!important}
.content #ea-company-summary>h3,.content #ea-company-summary>p:nth-of-type(1){grid-column:1/-1;margin:0!important}
.content #ea-company-summary>h3{font-size:15px!important}
.content #ea-company-summary>p:nth-of-type(1){font-size:12.5px;color:#5b6886}
.content #ea-company-summary>p:nth-of-type(n+2){margin:0!important;padding:10px 12px;border-radius:10px;background:#fff;font-weight:700;color:#0f1e45}
.content .page-head h3{margin:0 0 4px!important;font-size:26px!important;line-height:1.2;letter-spacing:-.01em}
@media(max-width:620px){.content .list-card .card-side{flex:1 1 100%;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-left:0}.content .list-card .card-side>[class$="-actions"]{justify-content:flex-start}.content .card-more-menu{right:auto;left:0}.content #ea-company-summary:not([hidden]){grid-template-columns:1fr}}
:root[data-theme=dark] .content article.list-card{background:#121c3a!important;border-color:#26335c!important}
:root[data-theme=dark] .content .list-card .card-main>h3,:root[data-theme=dark] .content .list-card .card-main>h4,:root[data-theme=dark] .content .list-card .card-side>strong,:root[data-theme=dark] .content #alerts-summary{color:#e8eeff}
:root[data-theme=dark] .content .list-card .card-main>p,:root[data-theme=dark] .content section.section-empty>p{color:#a9b6d8!important}
:root[data-theme=dark] .content .list-card .card-chip{background:#1b2750;color:#a9b6d8!important}
:root[data-theme=dark] .content .card-more>summary,:root[data-theme=dark] .content .list-card .card-side>a,:root[data-theme=dark] .content details.section-fold{background:#121c3a;border-color:#2c3a66;color:#cdd8f6}
:root[data-theme=dark] .content .card-more-menu{background:#121c3a;border-color:#2c3a66}
:root[data-theme=dark] .content .card-more-menu>button{color:#e8eeff}
:root[data-theme=dark] .content .card-more-menu>button:hover:not(:disabled){background:#1b2750!important}
:root[data-theme=dark] .content .list-card .card-extra .ea-note{background:#0d1733!important;color:#a9b6d8}
:root[data-theme=dark] .content section.section-empty{background:#0d1733;border-color:#2c3a66}
:root[data-theme=dark] .content section.section-empty>h3{color:#cdd8f6}
:root[data-theme=dark] .content #ea-company-summary>p:nth-of-type(n+2){background:#0d1733;color:#e8eeff}
@media(max-width:620px){.content .list-card .card-side{flex-direction:column!important;align-items:stretch!important}.content .list-card .card-side>[class*="-badge"],.content .list-card .card-side>strong{position:absolute!important;top:13px;right:14px}.content .list-card .card-main>h3,.content .list-card .card-main>h4{padding-right:110px}.content .list-card .card-side>[class$="-actions"]{flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important}.content .list-card .card-side>[class$="-actions"]>button{width:auto!important;flex:0 1 auto}.content .list-card .card-side>a{align-self:flex-start}}
.content section.section-empty>div{margin:0!important;padding:0!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important}
.content section.section-empty p{margin:0!important;padding:0!important;font-size:13px!important;color:#5b6886;border:0!important;background:none!important;text-align:left!important}
:root[data-theme=dark] .content article.list-card[data-severity]{border-left:4px solid #e0a412!important}
:root[data-theme=dark] .content article.list-card[data-severity="overdue"],:root[data-theme=dark] .content article.list-card[data-severity="due"]{border-left-color:#e25c5c!important}
/* Direcția 1: lists are tables on desktop, compact rows on phone */
.content .card-cells,.content .table-head{display:none}
.content .list-card .card-side>label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin:0!important;white-space:nowrap}
.content .pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;background:#eef2ff;color:#1f3fb8}
.content .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.content .pill.tone-red{background:#fdecec;color:#b42318}.content .pill.tone-amber{background:#fdf3d8;color:#8a5a00}.content .pill.tone-green{background:#e6f5ec;color:#16794a}
@media(min-width:900px){
.content .as-table>.table-head{display:grid;grid-template-columns:var(--cols);column-gap:16px;align-items:center;padding:10px 16px;border:1px solid #e3e8f4;border-bottom:0;border-radius:12px 12px 0 0;background:#f6f8fc;font-size:12.5px;font-weight:600;color:#52607f}
.content .as-table>article.list-card[data-table]{display:grid!important;grid-template-columns:var(--cols);column-gap:16px;row-gap:8px;align-items:center;margin:0!important;padding:10px 16px!important;border-radius:0!important;border-top:0!important;box-shadow:none!important;min-height:56px}
.content .as-table>.table-head+article.list-card[data-table]{border-top:1px solid #e3e8f4!important}
.content .as-table>article.list-card[data-table]:last-of-type{border-radius:0 0 12px 12px!important;margin-bottom:12px!important}
.content .as-table>article.list-card[data-table]:hover{background:#f9fbff!important}
.content .as-table>article.list-card[data-table][data-severity]{border-left-width:1px!important;box-shadow:inset 3px 0 0 #e0a412!important}
.content .as-table>article.list-card[data-table][data-severity="overdue"],.content .as-table>article.list-card[data-table][data-severity="due"]{box-shadow:inset 3px 0 0 #d64545!important}
.content .as-table>article.list-card[data-table]>.card-main{display:none}
.content .as-table>article.list-card[data-table]>.card-cells,.content .as-table>article.list-card[data-table]>.card-side{display:contents}
.content .as-table .card-cells>.cell{min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px;color:#0f1e45}
.content .as-table .cell-main{overflow:hidden;text-overflow:ellipsis}
.content .as-table .card-cells>.cell:nth-child(-n+3) .cell-main{font-weight:600}
.content .as-table .cell-sub{font-size:12.5px;color:#5b6886;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content .as-table .cell-muted .cell-main{font-weight:400!important;color:#5b6886;font-size:13px}
.content .as-table .cell-strong .cell-main{font-weight:600}
.content .as-table .card-cells .plate-badge{font-size:12px;padding:1px 8px 1px 9px;border-left-width:5px;justify-self:start;align-self:flex-start}
.content .as-table>article.list-card[data-table] .card-side>*{justify-self:start;align-self:center}
.content .as-table>article.list-card[data-table] .card-side>strong{font-size:14.5px;justify-self:end;text-align:right}
.content .as-table>article.list-card[data-table] .card-side>[class$="-actions"],.content .as-table>article.list-card[data-table] .card-side>a{justify-self:end;flex-wrap:nowrap!important}
.content .as-table>article.list-card[data-table]>.card-extra{grid-column:1/-1}
.content .as-table>article.list-card[data-table] .card-side>[class*="-badge"]{font-size:12.5px}
}
:root[data-theme=dark] .content .as-table>.table-head{background:#0d1733;border-color:#26335c;color:#a9b6d8}
:root[data-theme=dark] .content .as-table>.table-head+article.list-card[data-table]{border-top-color:#26335c!important}
:root[data-theme=dark] .content .as-table>article.list-card[data-table]:hover{background:#16224a!important}
:root[data-theme=dark] .content .as-table .card-cells>.cell{color:#e8eeff}
:root[data-theme=dark] .content .as-table .cell-sub,:root[data-theme=dark] .content .as-table .cell-muted .cell-main{color:#a9b6d8}
:root[data-theme=dark] .content .pill{background:#1b2750;color:#9fb6ff}
:root[data-theme=dark] .content .pill.tone-red{background:#3a1820;color:#ff9b9b}:root[data-theme=dark] .content .pill.tone-amber{background:#3a2e12;color:#f5c869}:root[data-theme=dark] .content .pill.tone-green{background:#123426;color:#7ddcaa}
@media(min-width:900px){
.content .as-table{display:block!important;gap:0!important}
.content .as-table>article.list-card[data-table] *{grid-column:auto!important;grid-row:auto!important}
.content .as-table>article.list-card[data-table] .card-cells>.cell{order:1}
.content .as-table>article.list-card[data-table] .card-side>strong{order:2}
.content .as-table>article.list-card[data-table] .card-cells>.cell-pill,.content .as-table>article.list-card[data-table] .card-side>[class*="-badge"]{order:3}
.content .as-table>article.list-card[data-table] .card-side>label{order:4}
.content .as-table>article.list-card[data-table] .card-side>[class$="-actions"],.content .as-table>article.list-card[data-table] .card-side>a{order:5}
.content .as-table>article.list-card[data-table]>.card-extra{order:6;grid-column:1/-1!important}
}
@media(min-width:900px){.content .as-table .card-cells>.cell{align-items:flex-start}.content .as-table .cell-strong.tone-red .cell-main{color:#b42318}.content .as-table .cell-strong.tone-amber .cell-main{color:#8a5a00}.content .as-table .cell-strong.tone-green .cell-main{color:#16794a}}
:root[data-theme=dark] .content .as-table .cell-strong.tone-red .cell-main{color:#ff9b9b}:root[data-theme=dark] .content .as-table .cell-strong.tone-amber .cell-main{color:#f5c869}:root[data-theme=dark] .content .as-table .cell-strong.tone-green .cell-main{color:#7ddcaa}
.content .row-km{display:none}
@media(min-width:900px){
.content .row-table>.vehicle-row,.content .row-table>.driver-row{display:grid!important;grid-template-columns:var(--cols);column-gap:16px;align-items:center;margin:0!important;padding:10px 16px!important;border:1px solid #e3e8f4!important;border-top:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;min-height:56px}
.content .row-table>.table-head+.vehicle-row,.content .row-table>.table-head+.driver-row{border-top:1px solid #e3e8f4!important}
.content .row-table>.vehicle-row:last-child,.content .row-table>.driver-row:last-child{border-radius:0 0 12px 12px!important}
.content .row-table>.vehicle-row:hover,.content .row-table>.driver-row:hover{background:#f9fbff}
.content .row-table>.vehicle-row>.plate-badge{justify-self:start;font-size:12.5px}
.content .row-table>.vehicle-row>.row-km{display:block;font-size:14px;color:#0f1e45}
.content .row-table>.vehicle-row .row-info small>span:last-child{display:none}
.content .row-table>.vehicle-row>button,.content .row-table>.driver-row>button{justify-self:end;margin:0!important;min-height:34px;padding:6px 12px;font-size:13px}
.content .row-table .row-info strong{font-size:14.5px}
}
:root[data-theme=dark] .content .row-table>.vehicle-row,:root[data-theme=dark] .content .row-table>.driver-row{background:#121c3a;border-color:#26335c!important}
:root[data-theme=dark] .content .row-table>.vehicle-row:hover,:root[data-theme=dark] .content .row-table>.driver-row:hover{background:#16224a}
:root[data-theme=dark] .content .row-table>.vehicle-row>.row-km{color:#e8eeff}
/* Forms: one clean card, required fields first, optional ones folded */
.content form.form-card{margin:18px 0 8px!important;padding:20px 22px!important;border:1px solid #dfe5f3!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,30,69,.07)!important;scroll-margin-top:84px}
.content form.form-card>p,.content form.form-card>div>p{font-size:13px!important;color:#5b6886!important;line-height:1.5}
.content form.form-card button[type=submit]{background:#2457f5!important;border-color:#2457f5!important;color:#fff!important;font-weight:600;min-height:40px;padding:8px 18px}
.content form.form-card button[type=submit]:hover:not(:disabled){background:#1c47d6!important}
.content form.form-card button[type=submit]:disabled{opacity:.55}
.content details.form-more{grid-column:1/-1;margin:6px 0 14px;border:1px dashed #cfd8ec;border-radius:10px;background:#fafbfe}
.content details.form-more>summary{cursor:pointer;padding:10px 14px;font-size:13.5px;font-weight:600;color:#1f3fb8;list-style:none}
.content details.form-more>summary::-webkit-details-marker{display:none}
.content details.form-more>summary::before{content:"+ "}
.content details.form-more[open]>summary::before{content:"− "}
.content .form-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:4px 14px 14px}
.content .form-more-grid>label{display:flex;flex-direction:column;gap:6px;margin:0!important}
@media(max-width:620px){.content .form-more-grid{grid-template-columns:1fr}.content form.form-card{padding:16px!important}}
:root[data-theme=dark] .content form.form-card{background:#121c3a!important;border-color:#2c3a66!important}
:root[data-theme=dark] .content details.form-more{background:#0d1733;border-color:#2c3a66}
:root[data-theme=dark] .content details.form-more>summary{color:#9fb6ff}
/* Reports (D1): filters in the grey bar, exports in the header, a cost chart, rows as table */
.content #expense-report-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin:0 0 14px!important;padding:14px!important;border:1px solid #e3e8f4;border-radius:12px;background:#f6f8fc}
.content #expense-report-filters>label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:#52607f;margin:0!important}
.content #expense-report-filters>button[type=submit]{min-height:40px}
.content .page-head-actions .head-export{min-height:40px;padding:8px 14px;font-weight:600}
.content #report-status{font-size:12.5px;color:#5b6886}
.content #expense-report-results>p:first-child{font-size:12.5px!important;color:#5b6886!important}
.content #expense-report-results>h4{margin:14px 0 2px!important;font-size:12.5px!important;font-weight:600;color:#52607f;text-transform:none}
.content #expense-report-results>h4+p{margin:0 0 4px!important;font-size:16px;font-weight:700;color:#0f1e45}
.content .rp-chart{margin:16px 0!important;padding:16px 18px;border:1px solid #e3e8f4;border-radius:12px;background:#fff}
.content .rp-chart>h4{margin:0 0 12px!important;font-size:15px!important;color:#0f1e45}
.content .rp-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:14px;padding:5px 0}
.content .rp-bar .plate-badge{justify-self:start;font-size:12px;padding:1px 8px 1px 9px;border-left-width:5px}
.content .rp-bar-track{height:12px;border-radius:6px;background:#eef1f8;overflow:hidden}
.content .rp-bar-fill{display:block;height:100%;border-radius:6px;background:#2457f5}
.content .rp-bar strong{text-align:right;font-size:14px;color:#0f1e45}
:root[data-theme=dark] .content #expense-report-filters{background:#0d1733;border-color:#26335c}
:root[data-theme=dark] .content .rp-chart{background:#121c3a;border-color:#26335c}
:root[data-theme=dark] .content .rp-chart>h4,:root[data-theme=dark] .content .rp-bar strong,:root[data-theme=dark] .content #expense-report-results>h4+p{color:#e8eeff}
:root[data-theme=dark] .content .rp-bar-track{background:#1b2750}
/* Company settings (D1): each group is a card, toggles in rows */
@media(min-width:900px){.content #company-settings-area form:has(>fieldset){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.content #company-settings-area form:has(>fieldset)>:not(fieldset){grid-column:1/-1}.content #company-settings-area form:has(>fieldset)>fieldset:last-of-type{grid-column:1/-1}}
.content #company-settings-area fieldset{margin:0 0 16px!important;padding:0 0 12px!important;border:1px solid #e3e8f4!important;border-radius:12px!important;background:#fff;min-width:0}
.content #company-settings-area fieldset>legend{float:left;width:100%;margin:0 0 4px;padding:14px 18px 12px;border-bottom:1px solid #eef1f7;font-size:15px;font-weight:700;color:#0f1e45}
.content #company-settings-area fieldset>legend+*{clear:both}
.content #company-settings-area fieldset>*:not(legend){margin-left:18px!important;margin-right:18px!important}
.content #company-settings-area fieldset>p{font-size:12.5px!important;color:#5b6886!important;line-height:1.5}
.content #company-settings-area .cs-grid:not(:has(>:not(label.cs-check))){display:flex!important;flex-direction:column;gap:0!important}
.content #company-settings-area .cs-grid>label.cs-check{display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:12px;margin:0!important;padding:10px 18px!important;border-top:1px solid #eef1f7;font-size:14px;font-weight:500;min-height:0!important}
.content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:38px;height:22px;margin:0;border-radius:999px;background:#cfd6e6;position:relative;cursor:pointer;transition:background .15s;border:0}
.content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]:checked{background:#2457f5}
.content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]:checked::after{left:19px}
.content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]:focus-visible{outline:2px solid #2457f5;outline-offset:2px}
.content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
:root[data-theme=dark] .content #company-settings-area fieldset{background:#121c3a;border-color:#26335c!important}
:root[data-theme=dark] .content #company-settings-area fieldset>legend{color:#e8eeff;border-color:#26335c}
:root[data-theme=dark] .content #company-settings-area .cs-grid>label.cs-check{border-color:#26335c}
:root[data-theme=dark] .content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]{background:#34416b}
:root[data-theme=dark] .content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]:checked{background:#2457f5}
/* Imports (D1): three numbered steps as cards */
.content #imports-area .im-step,.content #imports-area #im-mapping-form,.content #imports-area #im-preview-area{margin:0 0 14px!important;padding:16px 18px!important;border:1px solid #e3e8f4;border-radius:12px;background:#fff}
.content #imports-area .im-step>h3,.content #imports-area #im-mapping-form>h3,.content #imports-area #im-preview-area>h3{margin:0 0 12px!important;font-size:15px!important;color:#0f1e45}
.content #imports-area .im-step-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.content #imports-area .im-step-row>label{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;margin:0!important}
.content #imports-area .im-step-row>button{min-height:42px}
.content #imports-area details.im-rules{margin:10px 0!important}
.content #imports-area details.im-rules>summary{cursor:pointer;font-size:13px;font-weight:600;color:#1f3fb8}
.content #imports-area details.im-rules>p{font-size:12.5px!important;color:#5b6886!important;margin:6px 0 0!important}
.content #imports-area #im-upload{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:12px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.content #imports-area #im-upload>label{flex:1 1 320px;display:flex;flex-direction:column;gap:6px;margin:0!important}
.content #imports-area #im-parse{background:#2457f5!important;border-color:#2457f5!important;color:#fff!important;font-weight:600;min-height:42px}
.content #imports-area #im-commit:not(:disabled){background:#2457f5!important;border-color:#2457f5!important;color:#fff!important;font-weight:600}
:root[data-theme=dark] .content #imports-area .im-step,:root[data-theme=dark] .content #imports-area #im-mapping-form,:root[data-theme=dark] .content #imports-area #im-preview-area{background:#121c3a;border-color:#26335c}
:root[data-theme=dark] .content #imports-area .im-step>h3,:root[data-theme=dark] .content #imports-area #im-mapping-form>h3,:root[data-theme=dark] .content #imports-area #im-preview-area>h3{color:#e8eeff}
.content #company-settings-area fieldset{padding:0 18px 14px!important}
.content #company-settings-area fieldset>*:not(legend){margin-left:0!important;margin-right:0!important}
.content #company-settings-area fieldset>legend{margin:0 -18px 8px!important;width:calc(100% + 36px)!important}
.content #company-settings-area fieldset>.cs-grid:not(:has(>:not(label.cs-check))){margin:8px -18px 0!important}
.content #company-settings-area .cs-grid:has(>:not(label.cs-check)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px!important;margin-top:8px!important}
.content #company-settings-area .cs-grid:has(>:not(label.cs-check))>label.cs-check{padding:8px 0!important;border-top:0}
.content #company-settings-area form:has(>fieldset){border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.content #company-settings-area .cs-grid>label.cs-check input[type=checkbox]{width:38px!important;height:22px!important;min-width:38px!important;min-height:22px!important;max-width:38px!important;padding:0!important;border-radius:999px!important}
@media(min-width:900px){.content .as-table>article.list-card[data-table] .card-side>button{order:5;justify-self:end}}
:root[data-theme=dark] .content .page-head-actions .page-primary:not(:disabled){background:#2457f5!important;border-color:#2457f5!important;color:#fff!important}
@media(max-width:620px){.content #company-settings-area .cs-grid:has(>:not(label.cs-check)){grid-template-columns:1fr}}
/* Assignments and team access as D1 tables */
@media(min-width:900px){
.content .row-table>.assignment-row,.content .row-table>.member-access-row{display:grid!important;grid-template-columns:var(--cols);column-gap:16px;align-items:center;margin:0!important;padding:10px 16px!important;border:1px solid #e3e8f4!important;border-top:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;min-height:56px}
.content .row-table>.table-head+.assignment-row,.content .row-table>.table-head+.member-access-row{border-top:1px solid #e3e8f4!important}
.content .row-table>.assignment-row:last-child,.content .row-table>.member-access-row:last-child{border-radius:0 0 12px 12px!important}
.content .row-table>.assignment-row>.plate-badge{justify-self:start;font-size:12.5px}
.content .row-table>.assignment-row>[class$="-actions"],.content .row-table>.member-access-row>button{justify-self:end;display:flex;gap:6px;margin:0!important}
.content .row-table>.member-access-row>.row-access:empty::after{content:"—";color:#5b6886}
}
.content .assignment-row>.cell-muted,.content .member-access-row .row-role{color:#5b6886}
.content .member-access-row .row-name{font-weight:600}
:root[data-theme=dark] .content .row-table>.assignment-row,:root[data-theme=dark] .content .row-table>.member-access-row{background:#121c3a;border-color:#26335c!important}
/* Current company as compact facts; team list as rows */
.content .identity-panel>p:not([class]){margin:2px 0!important;font-size:14px;color:#33415f}
.content .identity-members{list-style:none;margin:8px 0 0!important;padding:0!important;border:1px solid #e3e8f4;border-radius:12px;overflow:hidden}
.content .identity-members>li{padding:10px 16px;border-top:1px solid #eef1f7;font-size:14px}
.content .identity-members>li:first-child{border-top:0}
#member-access-area>p:first-of-type{font-size:12.5px!important;color:#5b6886!important}
:root[data-theme=dark] .content .identity-panel>p:not([class]){color:#cdd8f6}
:root[data-theme=dark] .content .identity-members{border-color:#26335c}:root[data-theme=dark] .content .identity-members>li{border-color:#26335c}
/* Monthly expenses: filters in the grey bar, quiet explanations, useful empty rules */
.content #recurring-area .er-actions:has(>label){display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin:10px 0 14px!important;padding:14px!important;border:1px solid #e3e8f4;border-radius:12px;background:#f6f8fc}
.content #recurring-area .er-actions:has(>label)>label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:#52607f;margin:0!important}
.content #recurring-area>h3+p{font-size:12.5px!important;color:#5b6886!important;margin-top:0!important}
.content #recurring-area .er-actions:has(#er-page){display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:13px;color:#52607f;margin:8px 0 18px!important}
.content #er-rules:empty{margin:8px 0;padding:28px 20px;text-align:center;color:#52607f;background:#fafbfe;border:1.5px dashed #cdd6ea;border-radius:12px}
.content #er-rules:empty::before{content:"Nicio regulă lunară încă. Apasă „Regulă lunară nouă” pentru o chirie, un leasing sau un abonament."}
:root[data-theme=dark] .content #recurring-area .er-actions:has(>label){background:#0d1733;border-color:#26335c}
:root[data-theme=dark] .content #er-rules:empty{background:#0d1733;border-color:#2c3a66;color:#a9b6d8}
/* Long helper sentences become small print */
.content #ex-incomplete,.content #is-permission,.content #ex-permission,.content #cx-incomplete{font-size:12.5px!important;color:#5b6886!important}
.content .member-access-row{font-size:14px}
.content #cx-board:empty,.content #ex-board:empty{display:none!important}

/* Acasă: while the actions are being re-checked, the previous counters must not read as an all-clear. */
#home-area.home-checking .dashboard-summary,#home-area.home-checking #home-sections{opacity:.35;pointer-events:none}
/* Cheltuieli comune: filters in one row like the other cost pages. */
#common-expenses-area .cx-toolbar>div{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:end}
#common-expenses-area .cx-toolbar>div label{display:grid;gap:.25rem;font-size:.8rem;color:var(--muted,#5b6b8c)}
#common-expenses-area .cx-toolbar>div label[hidden]{display:none}

/* Status messages: explicit foreground/background in every theme (audit CLIENT-003). */
.content [role="status"].status-ok:not(:empty){padding:.7rem .9rem;border-radius:8px;background:#e8f3ec!important;color:#14532d!important;border:1px solid #b7dcc4!important}
.content [role="status"].status-error:not(:empty){padding:.7rem .9rem;border-radius:8px;background:#fdecec!important;color:#7f1d1d!important;border:1px solid #f1b5b5!important}
:root[data-theme="dark"] .content [role="status"].status-ok:not(:empty){background:#12301f!important;color:#c9f0d7!important;border-color:#2c6b45!important}
:root[data-theme="dark"] .content [role="status"].status-error:not(:empty){background:#3a1618!important;color:#ffd3d3!important;border-color:#8a3a3f!important}

/* Acasă due dates: a text state next to the colour (audit UX-002). */
.due-chip{display:inline-block;margin-right:.4rem;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid currentColor}
.due-chip.due-expired{color:#9b1c1c;background:#fdecec}.due-chip.due-today{color:#8a4b00;background:#fff1d6}.due-chip.due-soon{color:#5a4a00;background:#fff8d6}
:root[data-theme="dark"] .due-chip.due-expired{color:#ffb4b4;background:#3a1618}:root[data-theme="dark"] .due-chip.due-today{color:#ffd28a;background:#3b2a0b}:root[data-theme="dark"] .due-chip.due-soon{color:#f5e08a;background:#33300d}

/* Audit UX-003: muted text keeps >=4.5:1 in the dark theme too (light rules had no dark counterpart). */
:root[data-theme="dark"] .module-tabs a,:root[data-theme="dark"] .dossier-facts dt,:root[data-theme="dark"] .ex-card .ea-note>p,:root[data-theme="dark"] .content .page-head-summary,:root[data-theme="dark"] .content .vd-toolbar label,:root[data-theme="dark"] .content .dd-toolbar label,:root[data-theme="dark"] .content .sv-toolbar label,:root[data-theme="dark"] .content .ty-toolbar label,:root[data-theme="dark"] .content .is-toolbar label,:root[data-theme="dark"] .content .ex-toolbar label,:root[data-theme="dark"] .content .cx-toolbar label,:root[data-theme="dark"] .content .alerts-toolbar label,:root[data-theme="dark"] .content .row-info small,:root[data-theme="dark"] .content .list-card .card-main>p,:root[data-theme="dark"] .content .list-card .card-chip,:root[data-theme="dark"] .content .list-card .card-extra .ea-note,:root[data-theme="dark"] .content section.section-empty>p,:root[data-theme="dark"] .content #ea-company-summary>p:nth-of-type(1),:root[data-theme="dark"] .content section.section-empty p,:root[data-theme="dark"] .content .as-table>.table-head,:root[data-theme="dark"] .content .as-table .cell-sub,:root[data-theme="dark"] .content .as-table .cell-muted .cell-main,:root[data-theme="dark"] .content form.form-card>p,:root[data-theme="dark"] .content form.form-card>div>p,:root[data-theme="dark"] .content #expense-report-filters>label,:root[data-theme="dark"] .content #report-status,:root[data-theme="dark"] .content #expense-report-results>p:first-child,:root[data-theme="dark"] .content #expense-report-results>h4,:root[data-theme="dark"] .content #company-settings-area fieldset>p,:root[data-theme="dark"] .content #imports-area details.im-rules>p,:root[data-theme="dark"] .content .row-table>.member-access-row>.row-access:empty::after,:root[data-theme="dark"] .content .assignment-row>.cell-muted,:root[data-theme="dark"] .content .member-access-row .row-role,:root[data-theme="dark"] #member-access-area>p:first-of-type,:root[data-theme="dark"] .content #recurring-area .er-actions:has(>label)>label,:root[data-theme="dark"] .content #recurring-area>h3+p,:root[data-theme="dark"] .content #recurring-area .er-actions:has(#er-page),:root[data-theme="dark"] .content #er-rules:empty{color:#a9b6d8!important}
/* Audit UX-001: actions keep their own space, long metadata wraps instead of running under buttons. */
.content .as-table .cell-sub{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.content .as-table button,.content .as-table .card-side a,.content .as-table summary{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.content .as-table>article.list-card .cx-actions,.content .as-table>article.list-card .sv-actions,.content .as-table>article.list-card .ex-actions,.content .as-table>article.list-card .is-actions,.content .as-table>article.list-card .vd-actions,.content .as-table>article.list-card .dd-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-content:center;overflow-wrap:normal}
@media(min-width:900px){.content .as-table{overflow-x:auto}}

/* R-02: applied filters summary and unapplied-changes indicator */
.rp-filter-note{margin:.25rem 0 .5rem;font-size:.85rem;color:#3d4a68}
.rp-filter-note.rp-dirty{display:inline-block;padding:.3rem .6rem;border-radius:.5rem;background:#fff4d6;color:#6b4300;border:1px solid #e9c46a;font-weight:600}
:root[data-theme="dark"] .rp-filter-note{color:#a9b6d8}
:root[data-theme="dark"] .rp-filter-note.rp-dirty{background:#3b2f10;color:#ffd98a;border-color:#8a6a1f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rp-filter-note{color:#a9b6d8}:root:not([data-theme="light"]) .rp-filter-note.rp-dirty{background:#3b2f10;color:#ffd98a;border-color:#8a6a1f}}

/* R-06: settings section jump links */
.cs-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.cs-jump a{padding:.35rem .8rem;border:1px solid #cfd8ee;border-radius:999px;background:#fff;color:#1e3a8a;font-size:.9rem;font-weight:600;text-decoration:none}
.cs-jump a:hover,.cs-jump a:focus-visible{background:#eef3ff}
:root[data-theme="dark"] .cs-jump a{background:#161d36;border-color:#2c3a66;color:#c9d6ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cs-jump a{background:#161d36;border-color:#2c3a66;color:#c9d6ff}}
.content .head-secondary{order:-1}

/* R-03: more compact summaries and empty panels */
.content .ex-summary,.content .cx-summary,.content .ty-totals>div,.content .dashboard-summary>*{padding-top:.6rem;padding-bottom:.6rem}
.content .section-empty{padding:.5rem .9rem;min-height:0}
.content .section-empty>*{margin-top:.15rem;margin-bottom:.15rem}
.content article[id$="-detail"]:focus{outline:2px solid #2457F5;outline-offset:2px}

/* UX-003: butoane principale în tema întunecată (alb pe #2457f5 = 5.6:1) */
:root[data-theme="dark"] #cx-create,:root[data-theme="dark"] #cx-save,:root[data-theme="dark"] #dd-create,:root[data-theme="dark"] #dd-save,:root[data-theme="dark"] #ex-create,:root[data-theme="dark"] #ex-save,:root[data-theme="dark"] #is-create,:root[data-theme="dark"] #is-save,:root[data-theme="dark"] #sv-create,:root[data-theme="dark"] #sv-save,:root[data-theme="dark"] #ty-create,:root[data-theme="dark"] #ty-save,:root[data-theme="dark"] #vd-create,:root[data-theme="dark"] #vd-save,:root[data-theme="dark"] .provider-panel form button[type=submit],:root[data-theme="dark"] .identity-panel form.identity-create button[type=submit],:root[data-theme="dark"] .shell-guide-steps li.done .shell-guide-mark,:root[data-theme="dark"] .shell-guide-steps button,:root[data-theme="dark"] input[type=file]::file-selector-button,:root[data-theme="dark"] .content .page-head-actions .page-primary:not(:disabled){background:#2457f5!important;border-color:#2457f5!important;color:#fff!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #cx-create,:root:not([data-theme="light"]) #cx-save,:root:not([data-theme="light"]) #dd-create,:root:not([data-theme="light"]) #dd-save,:root:not([data-theme="light"]) #ex-create,:root:not([data-theme="light"]) #ex-save,:root:not([data-theme="light"]) #is-create,:root:not([data-theme="light"]) #is-save,:root:not([data-theme="light"]) #sv-create,:root:not([data-theme="light"]) #sv-save,:root:not([data-theme="light"]) #ty-create,:root:not([data-theme="light"]) #ty-save,:root:not([data-theme="light"]) #vd-create,:root:not([data-theme="light"]) #vd-save,:root:not([data-theme="light"]) .provider-panel form button[type=submit],:root:not([data-theme="light"]) .identity-panel form.identity-create button[type=submit],:root:not([data-theme="light"]) .shell-guide-steps li.done .shell-guide-mark,:root:not([data-theme="light"]) .shell-guide-steps button,:root:not([data-theme="light"]) input[type=file]::file-selector-button,:root:not([data-theme="light"]) .content .page-head-actions .page-primary:not(:disabled){background:#2457f5!important;border-color:#2457f5!important;color:#fff!important}}

/* UX-003: texte secundare și rezumate pliabile în tema întunecată */
:root[data-theme="dark"] .content summary,:root[data-theme="dark"] #ex-permission,:root[data-theme="dark"] #is-permission,:root[data-theme="dark"] #sv-vehicle-state,:root[data-theme="dark"] #ex-incomplete,:root[data-theme="dark"] #cx-incomplete,:root[data-theme="dark"] #alerts-email-preview,:root[data-theme="dark"] #cs-email-preview,:root[data-theme="dark"] .content #ex-incomplete,:root[data-theme="dark"] .content #is-permission,:root[data-theme="dark"] .content #ex-permission{color:#c9d6ff!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .content summary,:root:not([data-theme="light"]) #ex-permission,:root:not([data-theme="light"]) #is-permission,:root:not([data-theme="light"]) #sv-vehicle-state,:root:not([data-theme="light"]) #ex-incomplete,:root:not([data-theme="light"]) #cx-incomplete,:root:not([data-theme="light"]) #alerts-email-preview,:root:not([data-theme="light"]) #cs-email-preview,:root:not([data-theme="light"]) .content #ex-incomplete,:root:not([data-theme="light"]) .content #is-permission,:root:not([data-theme="light"]) .content #ex-permission{color:#c9d6ff!important}}
.content details.form-more[hidden]{display:none!important}

/* QA50-002: pagina proprie a vehiculului/șoferului */
.entity-back{display:inline-block;margin:0 0 .75rem;font-weight:600;color:#1e3a8a;text-decoration:none}
.entity-back:hover,.entity-back:focus-visible{text-decoration:underline}
:root[data-theme="dark"] .entity-back{color:#c9d6ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .entity-back{color:#c9d6ff}}
#vehicles-area.entity-page #vehicle-list,#vehicles-area.entity-page > label,#vehicles-area.entity-page > .vehicle-actions{display:none!important}
#drivers-area.entity-page #driver-list,#drivers-area.entity-page > label,#drivers-area.entity-page > .vehicle-actions{display:none!important}
.row-open-new{margin-left:.5rem;text-decoration:none;font-weight:700}
.row-open,.row-open-new{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid #cfd8ee;border-radius:8px;background:#fff;color:#1e3a8a;font-weight:600;text-decoration:none;white-space:nowrap}
:root[data-theme="dark"] .row-open,:root[data-theme="dark"] .row-open-new{background:#161d36;border-color:#2c3a66;color:#c9d6ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .row-open,:root:not([data-theme="light"]) .row-open-new{background:#161d36;border-color:#2c3a66;color:#c9d6ff}}
.content .vehicle-row>.row-open-group,.content .driver-row>.row-open-group{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;flex:none}
.row-open-new{margin-left:0}
.row-open,.row-open-new{font-size:14px;font-family:inherit}

/* Entity page (vehicle dossier): header, facts strip, equal-height cards, ordered actions */
#vehicles-area.entity-page > .page-head,#vehicles-area.entity-page > .page-head-old,
#drivers-area.entity-page > .page-head,#drivers-area.entity-page > .page-head-old{display:none!important}
#vehicle-detail,#driver-detail{display:flex;flex-direction:column;gap:16px}
#vehicle-detail > *,#driver-detail > *{margin:0}
#vehicle-back,#driver-back{order:0;align-self:flex-start}
#vehicle-detail-title,#driver-detail-title{order:1;font-size:clamp(24px,3vw,32px);line-height:1.15;font-weight:750;letter-spacing:-.01em;margin:0}
#vehicle-detail-title:focus,#driver-detail-title:focus{outline:none}
#vehicle-detail > .vehicle-actions,#driver-detail > .vehicle-actions{order:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#vehicle-archive-note,#driver-archive-note{order:2}
#vehicle-dossier{order:3;margin:0;display:grid;gap:16px}
#vehicle-detail-text{display:none}
#vehicle-archive-form{order:4}
#vehicle-history-list,#driver-history-list{order:5}
#vehicle-archive{margin-left:auto;color:#a32020;border-color:#e6b4b4}
#vehicle-archive:hover{background:#fdf0f0}
#vehicle-odometer{background:var(--blue,#2457f5);border-color:var(--blue,#2457f5);color:#fff}
.dossier-facts{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 24px!important;margin:0!important}
.dossier-facts dd{overflow-wrap:anywhere}
.vehicle-dossier .dossier-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.vehicle-dossier .dossier-card{display:flex;flex-direction:column;gap:12px;padding:18px!important;min-width:0}
.vehicle-dossier .dossier-card:last-child{grid-column:auto!important}
.vehicle-dossier .dossier-card h4{margin:0;font-size:16px}
.dossier-card-body{flex:1;min-width:0}
.dossier-card-body p{margin:0;font-size:14px}
.dossier-card-body .dossier-list li{justify-content:space-between;flex-wrap:nowrap;padding:8px 0;border-bottom:1px solid var(--line,#dbe2f0)}
.dossier-card-body .dossier-list li:last-child{border-bottom:0}
.dossier-card-body .dossier-list small{display:block;color:var(--muted,#52607f);font-size:13px}
.dossier-total strong{font-size:26px}
.dossier-card-link{align-self:flex-start}
@media (max-width:1100px){.vehicle-dossier .dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.vehicle-dossier .dossier-grid{grid-template-columns:minmax(0,1fr)!important}#vehicle-archive{margin-left:0}.dossier-card-link{align-self:stretch}}
:root[data-theme="dark"] #vehicle-archive{color:#ffb3b3;border-color:#5a2a2a}
:root[data-theme="dark"] #vehicle-archive:hover{background:#2a1313}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #vehicle-archive{color:#ffb3b3;border-color:#5a2a2a}:root:not([data-theme="light"]) #vehicle-archive:hover{background:#2a1313}}
.dossier-card-body .dossier-list li{border:0!important;border-bottom:1px solid var(--line,#dbe2f0)!important;border-radius:0!important;background:transparent!important}
.dossier-card-body .dossier-list li:last-child{border-bottom:0!important}
.dossier-card-body .dossier-list strong{display:block}
#driver-dossier{order:3;margin:0;display:grid;gap:16px}
#driver-detail-text{display:none}
#driver-archive-note{order:2}
#driver-detail > .vehicle-actions{order:2}
#driver-history-list{order:5}
#driver-form{order:4}
#driver-dossier .dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#driver-dossier .dossier-card-body strong,#driver-dossier .dossier-card-body small{display:block}
@media (max-width:640px){#driver-dossier .dossier-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Comutator Active/Arhivate: stare selectată vizibilă */
.content .vehicle-actions[role=group]>button[aria-pressed]{background:#fff;border:1px solid #d5dcee;color:#41507a;font-weight:600;padding:8px 16px;border-radius:0;margin:0;min-height:38px}
.content .vehicle-actions[role=group]>button[aria-pressed]:first-child{border-radius:10px 0 0 10px}
.content .vehicle-actions[role=group]>button[aria-pressed]:last-child{border-radius:0 10px 10px 0;margin-left:-1px}
.content .vehicle-actions[role=group]{gap:0!important}
.content .vehicle-actions[role=group]>button[aria-pressed=true]{background:#2457f5;border-color:#2457f5;color:#fff}
:root[data-theme=dark] .content .vehicle-actions[role=group]>button[aria-pressed]:not([aria-pressed=true]){background:#141d3f;border-color:#26335c;color:#c4cff0}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .content .vehicle-actions[role=group]>button[aria-pressed]:not([aria-pressed=true]){background:#141d3f;border-color:#26335c;color:#c4cff0}}
/* Lista echipei: derulare când sunt mulți membri */
.content .identity-members{max-height:360px;overflow-y:auto}

/* Secțiuni Service/Anvelope: închise implicit, se deschid la click */
.content .sv-section.fold>h3,.content .ty-section.fold>h3{cursor:pointer;display:flex;align-items:center;gap:8px;margin:8px 0!important;padding:12px 16px;border:1px solid #e3e8f4;border-radius:12px;background:#fff;font-size:15px}
.content .sv-section.fold>h3::before,.content .ty-section.fold>h3::before{content:"";width:8px;height:8px;border-right:2px solid #5b6886;border-bottom:2px solid #5b6886;transform:rotate(-45deg);transition:transform .15s}
.content .sv-section.fold.fold-open>h3::before,.content .ty-section.fold.fold-open>h3::before{transform:rotate(45deg)}
.content .sv-section.fold:not(.fold-open)>*:not(h3),.content .ty-section.fold:not(.fold-open)>*:not(h3){display:none!important}
.content .sv-section.fold>h3:focus-visible,.content .ty-section.fold>h3:focus-visible{outline:2px solid #2457f5;outline-offset:2px}
:root[data-theme=dark] .content .sv-section.fold>h3,:root[data-theme=dark] .content .ty-section.fold>h3{background:#121c3a;border-color:#26335c}
@media (prefers-reduced-motion:reduce){.content .sv-section.fold>h3::before,.content .ty-section.fold>h3::before{transition:none}}

.content .nb-group.fold>h3{cursor:pointer;display:flex;align-items:center;gap:8px;margin:8px 0!important;padding:12px 16px;border:1px solid #e3e8f4;border-radius:12px;background:#fff;font-size:15px}
.content .nb-group.fold>h3::before{content:"";width:8px;height:8px;border-right:2px solid #5b6886;border-bottom:2px solid #5b6886;transform:rotate(-45deg);transition:transform .15s}
.content .nb-group.fold.fold-open>h3::before{transform:rotate(45deg)}
.content .nb-group.fold:not(.fold-open)>*:not(h3){display:none!important}
.content .nb-group.fold>h3:focus-visible{outline:2px solid #2457f5;outline-offset:2px}
.content .nb-group.is-urgent>h3{border-color:#f0c8c8;background:#fdf3f3}
:root[data-theme=dark] .content .nb-group.fold>h3{background:#121c3a;border-color:#26335c}
@media (prefers-reduced-motion:reduce){.content .nb-group.fold>h3::before{transition:none}}

/* Echipa firmei: închisă implicit */
.content h2.fold-h{cursor:pointer;display:flex;align-items:center;gap:8px;margin:18px 0 8px!important;padding:12px 16px;border:1px solid #e3e8f4;border-radius:12px;background:#fff;font-size:16px!important}
.content h2.fold-h::before{content:"";width:8px;height:8px;border-right:2px solid #5b6886;border-bottom:2px solid #5b6886;transform:rotate(-45deg);transition:transform .15s}
.content h2.fold-h.open::before{transform:rotate(45deg)}
.content h2.fold-h::after{content:"(" attr(data-count) ")";color:#5b6886;font-weight:500}
.content h2.fold-h:not(.open)+ul{display:none}
.content h2.fold-h:focus-visible{outline:2px solid #2457f5;outline-offset:2px}
:root[data-theme=dark] .content h2.fold-h{background:#121c3a;border-color:#26335c}
@media (prefers-reduced-motion:reduce){.content h2.fold-h::before{transition:none}}

/* Alerte și Setări: iconițe sus în dreapta (desktop) */
.topbar-icons{display:none}
@media (min-width:900px){
 .topbar-icons{display:flex;align-items:center;gap:4px;margin:0 4px 0 8px}
 .topbar-icons .icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#41507a;border:1px solid transparent}
 .topbar-icons .icon-link:hover{background:#f1f4fb}
 .topbar-icons .icon-link.active{background:#eaf0ff;color:#2457f5}
 .topbar-icons .icon-link:focus-visible{outline:2px solid #2457f5;outline-offset:2px}
 .topbar-icons .icon-link .ui-icon{width:22px;height:22px}
 .fleet-navigation .nav-admin{display:none!important}
}
:root[data-theme=dark] .topbar-icons .icon-link{color:#c4cff0}
:root[data-theme=dark] .topbar-icons .icon-link:hover{background:#1a2650}
:root[data-theme=dark] .topbar-icons .icon-link.active{background:#223268;color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .topbar-icons .icon-link{color:#c4cff0}}
/* Carduri Acasă: mai aerisite, număr aliniat la dreapta */
.dashboard-section{padding:28px 32px!important}
.dashboard-section-heading{gap:14px!important;margin-bottom:22px!important;align-items:center!important}
.dashboard-section-heading .dashboard-count{margin-left:auto;padding-left:16px;line-height:1;align-self:center;font-variant-numeric:tabular-nums}
.dashboard-items{gap:16px!important}
.dashboard-item{padding:18px 20px!important}

/* Telefon: fără zoom automat (câmpuri de 16px), ținte de atingere de 44px, filtre pe o coloană, rânduri care nu se strivesc */
@media (max-width:900px){
 .content input:not([type=checkbox]):not([type=radio]):not([type=range]),.content select,.content textarea,.global-search input,#provider-email,#provider-password{font-size:16px!important}
}
@media (max-width:620px){
 .content button,.content summary,.content a.row-open,.content a.row-open-new,.content .icon-refresh,.content .card-more-menu>button{min-height:44px}
 .content .vehicle-actions[role=group]>button[aria-pressed]{min-height:44px}
 .content .vd-toolbar,.content .dd-toolbar,.content .sv-toolbar,.content .ty-toolbar,.content .is-toolbar,.content .ex-toolbar,.content .cx-toolbar,.content .alerts-toolbar,.content #expense-report-filters,.content .er-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .content .vd-toolbar>*,.content .dd-toolbar>*,.content .sv-toolbar>*,.content .ty-toolbar>*,.content .is-toolbar>*,.content .ex-toolbar>*,.content .cx-toolbar>*,.content .alerts-toolbar>*,.content #expense-report-filters>*{width:100%;min-width:0}
 .content .vd-toolbar select,.content .dd-toolbar select,.content .sv-toolbar select,.content .ty-toolbar select,.content .is-toolbar select,.content .ex-toolbar select,.content .cx-toolbar select,.content .alerts-toolbar select,.content #expense-report-filters select,.content .vd-toolbar input,.content .dd-toolbar input,.content .sv-toolbar input,.content .ty-toolbar input,.content .is-toolbar input,.content .ex-toolbar input,.content .cx-toolbar input,.content #expense-report-filters input{width:100%;min-height:46px}
 .content .vehicle-row,.content .driver-row{display:flex!important;flex-wrap:wrap!important;gap:10px 12px}
 .content .vehicle-row .row-info,.content .driver-row .row-info{flex:1 1 0;min-width:120px}
 .content .vehicle-row>.row-km{display:none!important}
 .content .vehicle-row>.row-open-group,.content .driver-row>.row-open-group{flex:1 1 100%!important;display:flex!important;gap:8px;margin-left:0!important}
 .content .vehicle-row .row-open{flex:1;display:inline-flex;align-items:center;justify-content:center}
 .content .vehicle-row .row-open-new{display:inline-flex;align-items:center;justify-content:center;min-width:48px}
 .content .vehicle-search,.content input[type=search]{min-height:46px}
}
@media (max-width:620px){
 .content button:not(.row-open):not([role=switch]),.content summary,.content .list-card a,.content .card-side a,.content .settings-nav a,.content .cs-nav a,.content a[class*="pill-link"],.content .dashboard-item button{min-height:44px!important}
 .content .list-card a,.content .card-side a,.content .settings-nav a,.content .cs-nav a{display:inline-flex;align-items:center;justify-content:center}
}
@media (max-width:620px){.content a[href^="#cs-sec"]{min-height:44px;display:inline-flex;align-items:center}}

.filters-toggle{display:none}
@media (max-width:620px){
 .content .filters-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin:4px 0 10px;padding:0 16px;border:1px solid #d7deee;border-radius:12px;background:#fff;color:#0f1e45;font-size:15px;font-weight:600;text-align:left}
 .content .filters-toggle::after{content:"";width:8px;height:8px;border-right:2px solid #5b6886;border-bottom:2px solid #5b6886;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
 .content .filters-toggle.open::after{transform:rotate(-135deg)}
 .content .filter-box:not(.filters-open),.content #expense-report-filters.filter-box:not(.filters-open){display:none!important}
 .content .page-head-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}
 .content .page-head-actions .icon-refresh{flex:0 0 48px}
 .content .page-head-actions .page-primary{flex:1 1 150px;white-space:normal;text-align:center}
 .content .page-head-actions>button:not(.icon-refresh):not(.page-primary){flex:1 1 100%}
 .content select{text-overflow:ellipsis}
}
:root[data-theme=dark] .content .filters-toggle{background:#121c3a;border-color:#26335c;color:#e8eeff}
@media (prefers-reduced-motion:reduce){.content .filters-toggle::after{transition:none}}

/* Revizie design: tabletă, desktop, mobil */
@media (min-width:621px){
 .content>section,.content>#identity-root{scroll-margin-top:88px}
}
@media (max-width:1100px) and (min-width:621px){
 .topbar{flex-wrap:nowrap;gap:12px;padding:12px 20px}
 .topbar .company{max-width:170px;flex:0 1 auto}
 .topbar-tools{order:0;flex:1 1 auto;flex-basis:auto;justify-content:flex-end;min-width:0}
 .global-search{flex:1 1 150px;min-width:130px;max-width:380px}
 .account{margin-left:0}
 .account span{display:none}
 .shell{grid-template-columns:208px minmax(0,1fr)}
}
/* Service: aceleași câmpuri ca în restul aplicației (fără verdele vechi) */
.content .sv-panel input,.content .sv-panel select,.content .sv-panel textarea{border-color:#c3cde6;color:var(--text,#0f1e45)}
:root[data-theme=dark] .content .sv-panel input,:root[data-theme=dark] .content .sv-panel select,:root[data-theme=dark] .content .sv-panel textarea{border-color:#34457a;color:#e6ecff}
/* Grupele goale din Service ocupă un singur rând */
.content .sv-section:not(.fold) .sv-list>p:only-child{display:none}
.content .sv-section:not(.fold):has(.sv-list>p:only-child){padding-block:10px;opacity:.8}
@media (max-width:620px){
 .sidebar{padding:8px 16px;gap:6px}
 .sidebar .brand .brand-logo{height:26px;width:auto}
 .topbar{padding:6px 16px;gap:8px}
 .topbar .company{font-size:14px;max-width:62%}
}
.content #home-status.status-ok:not(:empty),:root[data-theme="dark"] .content #home-status.status-ok:not(:empty){background:transparent!important;border:0!important;padding:0!important;color:var(--muted,#5b6886)!important;font-size:12.5px}
@media (max-width:620px){.content>section,.content>#identity-root{scroll-margin-top:76px}}

/* Predări deschise din dosarul unei mașini: context vizibil */
.content #handover-list>.nb-group.ctx-hidden{display:none!important}
.content .context-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 12px;padding:10px 14px;border:1px solid #c9d6fb;border-radius:10px;background:#eef3ff;color:#0f1e45;font-size:14px}
.content .context-note button{min-height:40px}
:root[data-theme=dark] .content .context-note{background:#16224a;border-color:#2c3f7a;color:#e6ecff}

/* Tabele costuri: suma are propria coloană (celulă reală, în ordinea antetelor) */
@media(min-width:900px){
.content .as-table>.table-head>.th-num{text-align:right}
.content .as-table .card-cells>.cell.cell-amount{align-items:flex-end;text-align:right}
.content .as-table .card-cells>.cell.cell-amount .cell-main{font-weight:600;white-space:nowrap}
.content .as-table>article.list-card[data-table]:has(>.card-cells>.cell-amount) .card-side>strong{display:none!important}
}
/* Tabletă și laptop mic: acțiunile trec pe rândul al doilea, fără derulare orizontală */
@media(min-width:900px) and (max-width:1279px){
.content .as-table:has(>article.list-card[data-table]){--cols:var(--cols-n)!important}
.content .as-table:has(>article.list-card[data-table])>.table-head>span:last-child:empty{display:none}
.content .as-table>article.list-card[data-table] .card-side>[class$="-actions"]{grid-column:1/-1!important;justify-self:end}
.content .as-table:has(>article.list-card[data-table=ex-card]){--cols:84px 112px minmax(100px,1fr) 104px 112px!important}
.content .as-table:has(>article.list-card[data-table=cx-card]){--cols:84px minmax(140px,1fr) 104px 112px!important}
.content .as-table:is(:has(>article.list-card[data-table=ex-card]),:has(>article.list-card[data-table=cx-card]))>.table-head>span:last-child:empty{display:none}
.content .as-table>article.list-card:is([data-table=ex-card],[data-table=cx-card]) .card-side>[class$="-actions"]{grid-column:1/-1!important;justify-self:end}
}
/* Tema întunecată: etichetele filtrelor și previzualizările de email rămân lizibile */
:root[data-theme=dark] .content [class*="-toolbar"] label{color:#c4cff0}
:root[data-theme=dark] .content #cs-email-preview,:root[data-theme=dark] .content #alerts-email-preview{background:#0d1733!important;border-color:#2c3a66!important}
/* Import: lista rândurilor greșite deasupra tabelului */
.content .im-errors:not(:empty){margin:0 0 12px;padding:12px 14px;border:1px solid #f1b5b5;border-radius:10px;background:#fdecec;color:#7f1d1d}
.content .im-errors h4{margin:0 0 6px;font-size:14px}
.content .im-errors ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}
.content .im-errors p{margin:6px 0 0;font-size:13px}
:root[data-theme=dark] .content .im-errors:not(:empty){background:#3a1618;border-color:#8a3a3f;color:#ffd3d3}

/* Butonul de descărcare cu nume lung de fișier nu mai împinge coloanele */
.content .as-table .vd-actions button,.content .as-table .dd-actions button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Setări firmă: două blocuri sus, apoi Notificări și Datele firmei pe toată lățimea */
#cs-status:empty,#cs-form+#cs-status:empty{display:none}
@media(min-width:900px){
.content #company-settings-area form:has(>fieldset)>fieldset:nth-of-type(n+3){grid-column:1/-1}
.content #company-settings-area fieldset:nth-of-type(3) .cs-grid:has(>:not(label.cs-check)){grid-template-columns:repeat(2,minmax(0,360px))}
.content #company-settings-area fieldset:nth-of-type(3) #cs-recipients{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:8px 0 0!important}
.content #company-settings-area .cs-actions{margin-top:4px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.content #company-settings-area section[aria-labelledby=cs-history-title]{margin-top:20px}
}
/* Firma și echipa: card pe toată lățimea, invitații pe două coloane */
.content #identity-root .identity-panel{max-width:none;width:100%;margin:0 0 20px}
@media(min-width:900px){
.content #identity-root .identity-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}
.content #identity-root .identity-panel>h1,.content #identity-root .identity-panel>.fold-h,.content #identity-root .identity-panel>ul.identity-members,.content #identity-root .identity-panel>form.identity-create,.content #identity-root .identity-panel>.identity-status,.content #identity-root .identity-panel>.identity-notice{grid-column:1/-1}
.content #identity-root .identity-panel>p:not([class]){grid-column:1}
.content #identity-root .identity-panel>form:not(.identity-create){grid-column:2;grid-row:2/span 3;margin-top:0}
.content #identity-root .identity-panel>.identity-create-toggle{grid-column:2;justify-self:start}
}
.content #identity-root .identity-panel>form:not(.identity-create) select{min-width:0}
.content #invite-area .invite-lead{max-width:70ch;color:var(--muted)}
.content #invite-area .invite-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:900px){.content #invite-area .invite-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}
.content #invite-area form,.content #invite-area .invite-receive>div{margin:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}
.content #invite-area .invite-receive>form{margin:0}
.content #invite-area .invite-fields{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:1000px){.content #invite-area .invite-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.content #invite-area .invite-fields>label:first-child{grid-column:1/-1}}
.content #invite-area .invite-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.content #invite-area .invite-primary,.content #invite-area button.invite-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;border:1px solid #2457f5;background:#2457f5;color:#fff;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer}
.content #invite-area .invite-primary:hover{background:#1b46d1}
.content #invite-area .invite-note{font-size:13px;color:var(--muted);margin:0}
.content #invite-area .invite-result{display:grid;gap:10px;padding:14px;border-radius:10px;background:#f1f5ff}
:root[data-theme=dark] .content #invite-area .invite-result{background:#0d1733}
.content #invite-area #invite-status:empty{display:none}
.invite-link-note{padding:10px 12px;border-radius:8px;background:#eaf0ff;color:#14265c;font-size:14px}
/* Echipa: coloanele rămân aliniate și când rândul nu are buton */
.content .member-access-row{display:grid!important;grid-template-columns:minmax(180px,1.3fr) minmax(120px,1fr) 150px 150px!important;align-items:center;column-gap:12px}
.content .member-access-row>.row-name{grid-column:1}.content .member-access-row>.row-role{grid-column:2}.content .member-access-row>.row-access{grid-column:3;justify-self:start}.content .member-access-row>button{grid-column:4;justify-self:end}
@media(max-width:1000px){.content .member-access-row{grid-template-columns:minmax(0,1fr) auto!important}.content .member-access-row>.row-role{grid-column:1}.content .member-access-row>.row-access{grid-column:2;grid-row:1}.content .member-access-row>button{grid-column:1/-1;justify-self:stretch}}
/* Istoric dosar: cronologie în loc de listă numerotată */
#vehicle-history-list,#driver-history-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0;position:relative}
#vehicle-history-list:empty,#driver-history-list:empty{display:none}
#vehicle-history-list>li,#driver-history-list>li{position:relative;display:grid;grid-template-columns:150px minmax(150px,auto) minmax(0,1fr);gap:4px 16px;align-items:baseline;padding:12px 14px 12px 28px;border-left:2px solid var(--line);margin-left:6px}
#vehicle-history-list>li::before,#driver-history-list>li::before{content:"";position:absolute;left:-7px;top:17px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #2457f5}
#vehicle-history-list>li.history-create::before,#driver-history-list>li.history-create::before{background:#2457f5}
#vehicle-history-list>li:not(:last-child),#driver-history-list>li:not(:last-child){border-bottom:0}
#vehicle-history-list time,#driver-history-list time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
#vehicle-history-list strong,#driver-history-list strong{font-size:14px;color:var(--navy,#0f1e45)}
#vehicle-history-list li>span,#driver-history-list li>span{font-size:14px;overflow-wrap:anywhere}
:root[data-theme=dark] #vehicle-history-list strong,:root[data-theme=dark] #driver-history-list strong{color:#e8eeff}
:root[data-theme=dark] #vehicle-history-list>li::before,:root[data-theme=dark] #driver-history-list>li::before{background:#161d36}
@media(max-width:700px){#vehicle-history-list>li,#driver-history-list>li{grid-template-columns:1fr}}
#vehicle-history-list:not(:empty),#driver-history-list:not(:empty){padding:16px 18px 10px 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}
#vehicle-history-list:not(:empty)::before,#driver-history-list:not(:empty)::before{content:"Istoricul dosarului";display:block;margin:0 0 6px -6px;font-size:15px;font-weight:700;color:var(--navy,#0f1e45)}
:root[data-theme=dark] #vehicle-history-list:not(:empty),:root[data-theme=dark] #driver-history-list:not(:empty){background:#121c3a}
:root[data-theme=dark] #vehicle-history-list:not(:empty)::before,:root[data-theme=dark] #driver-history-list:not(:empty)::before{color:#e8eeff}
#driver-status:not(:empty),#vehicle-status:not(:empty){margin-top:16px}
.content #company-settings-area #cs-recipients>label.cs-check{padding-left:0!important;padding-right:0!important}
:root[data-theme=dark] .content #invite-area form,:root[data-theme=dark] .content #invite-area .invite-receive>div{background:#121c3a;border-color:#26335c}
:root[data-theme=dark] .content #invite-area .invite-note{color:#a9b6d8}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .content #invite-area form,:root:not([data-theme=light]) .content #invite-area .invite-receive>div{background:#121c3a;border-color:#26335c}:root:not([data-theme=light]) .content #invite-area .invite-note{color:#a9b6d8}:root:not([data-theme=light]) #vehicle-history-list:not(:empty),:root:not([data-theme=light]) #driver-history-list:not(:empty){background:#121c3a}:root:not([data-theme=light]) #vehicle-history-list strong,:root:not([data-theme=light]) #driver-history-list strong,:root:not([data-theme=light]) #vehicle-history-list:not(:empty)::before,:root:not([data-theme=light]) #driver-history-list:not(:empty)::before{color:#e8eeff}}
/* Încărcare după reîncărcarea paginii: cutie neutră, fără ecranul „Firma curentă" */
.content .shell-unavailable[aria-busy=true]{background:#fff;border-color:var(--line);border-left-color:var(--blue)}
:root[data-theme=dark] .content .shell-unavailable[aria-busy=true]{background:#161d36}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .content .shell-unavailable[aria-busy=true]{background:#161d36}}
/* Meniu pe telefon: foaie suprapusă din partea de jos, fără să mute pagina */
.shell-sheet{display:contents}.sheet-close,.menu-backdrop{display:none}
@media(max-width:620px){
.sidebar .shell-sheet{display:none!important}
.sidebar.mobile-menu-open .menu-backdrop{display:block;position:fixed;inset:0;z-index:70;background:rgba(5,10,28,.62)}
.sidebar.mobile-menu-open .shell-sheet{display:block!important;position:fixed;left:0;right:0;bottom:0;z-index:71;max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;background:#0f1e45;border-radius:18px 18px 0 0;padding:14px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.45);grid-column:auto}
.sidebar.mobile-menu-open .shell-sheet::before{content:"";display:block;width:44px;height:5px;margin:0 auto 10px;border-radius:3px;background:#ffffff40}
.sidebar.mobile-menu-open .sheet-close{display:flex;align-items:center;justify-content:center;margin:0 0 8px auto;min-height:44px;padding:8px 16px;border-radius:8px;border:1px solid #ffffff40;background:transparent;color:#fff;font-size:14px}
.sidebar.mobile-menu-open .shell-sheet .fleet-navigation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0}
.sidebar.mobile-menu-open .shell-sheet .sidebar-footer{display:block!important;margin-top:16px}
body:has(.sidebar.mobile-menu-open){overflow:hidden}
}
.sheet-company,.sheet-logout{display:none}
@media(max-width:620px){
.sidebar .mobile-menu-toggle{display:none!important}
.topbar{display:none!important}
.sidebar.mobile-menu-open .sheet-company{display:block;margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#ffffff14;color:#e8eeff;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.sidebar.mobile-menu-open .sheet-company:empty{display:none}
.sidebar.mobile-menu-open .sheet-logout{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:16px;border-radius:8px;border:1px solid #ffffff40;background:transparent;color:#fff;font-size:14px}
}
:root[data-theme=dark] .sidebar.mobile-menu-open .shell-sheet{background:#0d1733;border-top:1px solid #26335c}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sidebar.mobile-menu-open .shell-sheet{background:#0d1733;border-top:1px solid #26335c}}
/* Service: acțiune principală pe fiecare lucrare de făcut; link către sesizare în rândul de acțiuni */
.content .sv-card .sv-actions button.sv-primary{background:#2457f5;border-color:#2457f5;color:#fff;font-weight:600}
.content .sv-card .sv-actions button.sv-primary:hover:not(:disabled){background:#1b46d1}
.content .sv-card .sv-actions .is-backlink{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Subsolul meniului lateral dispare (tema se schimbă din antet) */
@media(min-width:621px){.sidebar .sidebar-footer{display:none!important}}
.topbar .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer;border-radius:8px}
.topbar .theme-toggle:hover{background:var(--accent-soft)}
@media(max-width:620px){.topbar .theme-toggle{display:none}}
@media(max-width:620px){.content .row-driver,.content .row-car{display:none}}
.content .row-table>.vehicle-row>.row-driver,.content .row-table>.driver-row>.row-car{font-size:14px;color:#0f1e45;justify-self:start;min-width:0;overflow-wrap:anywhere}
.content .row-table>.driver-row>.row-car.plate-badge{font-size:12.5px;width:auto}
.content .row-table>.vehicle-row>.row-driver.cell-muted,.content .row-table>.driver-row>.row-car.cell-muted{color:#5b6886}
:root[data-theme=dark] .content .row-table>.vehicle-row>.row-driver,:root[data-theme=dark] .content .row-table>.driver-row>.row-car{color:#e8eeff}
:root[data-theme=dark] .content .row-table>.vehicle-row>.row-driver.cell-muted,:root[data-theme=dark] .content .row-table>.driver-row>.row-car.cell-muted{color:#a9b6d8}
/* Formularele se deschid ca fereastră peste pagină, nu la finalul ei */
.shell-modal-backdrop{position:fixed;inset:0;z-index:79;background:rgba(5,10,28,.55)}
body.has-modal{overflow:hidden}
.content form.as-modal{position:fixed!important;z-index:80;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 48px);overflow-y:auto;margin:0!important;padding:24px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(5,10,28,.4)!important;order:0!important;grid-column:auto!important}
:root[data-theme=dark] .content form.as-modal{background:#161d36!important;border-color:#26335c!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .content form.as-modal{background:#161d36!important;border-color:#26335c!important}}
@media(max-width:620px){.content form.as-modal{top:auto;bottom:0;left:0;transform:none;width:100vw!important;max-height:92dvh;border-radius:16px 16px 0 0!important;padding:18px 16px calc(24px + env(safe-area-inset-bottom))!important}}
.content #expense-report-results>h4{margin:12px 0 0!important;padding:10px 16px 0;border:1px solid #dfe5f3;border-bottom:0;border-radius:12px 12px 0 0;background:#f6f8fd;border-left:4px solid #2457f5}
.content #expense-report-results>h4+p{margin:0 0 4px!important;padding:2px 16px 12px;border:1px solid #dfe5f3;border-top:0;border-radius:0 0 12px 12px;background:#f6f8fd;border-left:4px solid #2457f5;font-size:18px}
.content #expense-report-results>.rp-filter-note+.rp-filter-note{display:none}
.content #expense-report-results table td .button,.content #expense-report-results table td button{white-space:nowrap;font-size:13px;padding:6px 10px;min-height:34px}
:root[data-theme=dark] .content #expense-report-results>h4,:root[data-theme=dark] .content #expense-report-results>h4+p{background:#121c3a;border-color:#26335c;border-left-color:#5b84ff}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .content #expense-report-results>h4,:root:not([data-theme=light]) .content #expense-report-results>h4+p{background:#121c3a;border-color:#26335c;border-left-color:#5b84ff}}