:root{font-family:Segoe UI,Arial,sans-serif;color:#182c3d;background:#f4f7fa}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:238px;flex-shrink:0;background:#102d37;color:white;padding:38px 24px;display:flex;flex-direction:column}.brand{font-size:34px;font-weight:800;letter-spacing:3px}.brand span{display:block;font-size:10px;letter-spacing:5px;color:#69d6ba;margin-top:5px}.subtitle{margin:30px 0;color:#b8cdd3;font-size:14px}nav{display:grid;gap:8px}button{font:inherit;cursor:pointer}nav button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:#c0d2d7;text-align:left;padding:15px 18px;border-radius:9px}nav button.active{background:#24505a;color:white;border-left:3px solid #7ae1c4}.nav-count{font-size:13px;font-variant-numeric:tabular-nums;color:#a7c0c8;flex-shrink:0}nav button.active .nav-count{color:#7ae1c4}.aside-bottom{margin-top:auto;padding-top:50px;font-size:13px;line-height:1.8}.aside-bottom span{color:#a7c0c8}main{width:100%;padding:44px 44px 24px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:#46726d;font-size:11px;letter-spacing:2px;font-weight:700}h1{font-size:34px;margin:10px 0}p{color:#677986;margin:0 0 25px}.refresh{background:white;border:1px solid #d3dce3;border-radius:8px;padding:12px 18px;color:#23434c}.content{margin-top:15px;background:white;border:1px solid #e1e7eb;border-radius:12px;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px}.toolbar label{font-size:13px;font-weight:600}input{font:inherit;padding:11px 14px;border:1px solid #cbd6dd;border-radius:7px;min-width:320px}#result-count{margin-left:auto;font-size:13px;color:#687b85}.table-wrap{overflow:auto;max-height:57vh}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{background:#f6f9fa;color:#627481;font-size:12px;padding:15px 20px;position:sticky;top:0}td{padding:14px 20px;border-top:1px solid #edf1f3}tr:hover td{background:#f7fbfa}.status{display:inline-block;padding:4px 9px;background:#e8f6ef;color:#276d50;border-radius:5px;font-size:12px}#message:not(:empty){padding:30px;color:#536b79}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.6;color:#768793;margin-top:22px}button:focus-visible,input:focus-visible{outline:3px solid #68bfa6;outline-offset:2px}@media(max-width:850px){aside{width:180px;padding:25px 15px}main{padding:25px 20px}header,footer{align-items:flex-start;flex-direction:column}input{min-width:0;width:100%}}@media(max-width:550px){body{display:block}aside{width:100%;padding:15px}.brand{font-size:24px}.subtitle,.nav-count{font-size:13px;font-variant-numeric:tabular-nums;color:#a7c0c8;flex-shrink:0}nav button.active .nav-count{color:#7ae1c4}.aside-bottom{display:none}nav{display:flex;flex-wrap:wrap;margin-top:15px}nav button{padding:10px}main{padding:20px 12px}h1{font-size:28px}}
.fueling-filters{display:flex;flex-wrap:wrap;gap:8px;width:100%}.fueling-filters select{min-width:150px;font:inherit;padding:11px 14px;border:1px solid #cbd6dd;border-radius:7px;background:white}.fueling-summary{padding:12px 20px;border-top:1px solid #edf1f3;background:#f7faf9;color:#38555d;font-size:13px;font-weight:600}
[hidden]{display:none!important}
.analysis-panel{margin-top:15px;background:#fff;border:1px solid #e1e7eb;border-radius:12px;padding:22px}.analysis-controls{display:flex;flex-wrap:wrap;gap:12px}.analysis-controls label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#38555d}.analysis-controls select,.analysis-controls input{min-width:155px;width:auto;font:inherit;padding:10px 12px;border:1px solid #cbd6dd;border-radius:7px;background:#fff}.analysis-controls select{max-width:260px}.analysis-panel h2{font-size:18px;margin:24px 0 10px}.analysis-stats{padding:15px 0;color:#20564f;font-weight:600}.analysis-chart{border:1px solid #e1e7eb;border-radius:10px;padding:10px 18px}.analysis-chart h2{margin-top:8px}.analysis-chart svg{display:block;width:100%;height:auto;max-height:330px}.analysis-table-wrap{overflow:auto;max-height:340px;border:1px solid #e1e7eb;border-radius:8px}.analysis-table-wrap table{min-width:760px}#analysis-message:not(:empty){padding:20px 0;color:#536b79}#analysis-explanation{font-size:13px;margin:0 0 10px}
.analysis-legend{font-size:13px;color:#52666c;margin:8px 0 4px}
.legend-normal{color:#116b59}.legend-partial{color:#c62828}

/* Panel v28: zwijane menu i gestszy uklad tabel. */
body{background:#f5f6f8;color:#262d3d}
aside{width:236px;padding:0 14px 20px;background:#fff;color:#343b4c;border-right:1px solid #e0e3e8;transition:width .18s ease,padding .18s ease;overflow:hidden}
.sidebar-head{height:72px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef0f3;margin:0 -14px 18px;padding:0 15px;white-space:nowrap}
#sidebar-toggle{width:36px;height:36px;flex:0 0 36px;padding:0;border:0;border-radius:7px;background:transparent;color:#43506a;font-size:21px}
#sidebar-toggle:hover{background:#eef1f8}
.brand{font-size:23px;color:#253a91;letter-spacing:2px}.brand span{font-size:8px;letter-spacing:3px;color:#5d6b8a;margin-top:2px}
.subtitle{margin:0 8px 14px;color:#8b92a3;font-size:12px}
nav{gap:3px}nav button{position:relative;color:#535b6d;padding:11px 10px;border-radius:5px;justify-content:flex-start;min-height:42px}
nav button::before{content:"";display:block;width:30px;height:30px;flex:0 0 30px;background-image:url('/icons/panel-menu.png');background-size:300% 300%;background-repeat:no-repeat;background-color:#fff;border:1px solid #aab2c4;border-radius:6px;color:transparent}
nav button[data-tab="drivers"]::before{background-position:0 0}
nav button[data-tab="vehicles"]::before{background-position:50% 0}
nav button[data-tab="stations"]::before{background-position:100% 0}
nav button[data-tab="fuelings"]::before{background-position:0 50%}
nav button[data-tab="analysis"]::before{background-position:50% 50%}
nav button[data-tab="operators"]::before{background-position:100% 50%}
nav button[data-tab="devices"]::before{background-position:0 100%}
nav button[data-tab="history"]::before{background-position:50% 100%}
nav button[data-tab="translations"]::before{background-position:100% 100%}
nav button[data-tab="messages"]::before{background-image:url('/icons/menu-message.svg');background-size:72%;background-position:center;background-color:#fff}
nav button[data-tab="operatorGroups"]::before{background-image:url('icons/menu-group.svg');background-size:72%;background-position:center;background-color:#fff}
nav button>span:first-of-type{flex:1;white-space:nowrap}
nav button.active{background:#edf0fb;color:#283c9a;border-left:0;font-weight:600}
nav button.active::before{border-color:#2f66c5;color:#2f66c5;background-color:#e8f1ff;box-shadow:0 0 0 2px #c5dafd}
nav button.active[data-tab="messages"]::before{background-image:url('/icons/menu-message-active.svg')}
nav button.active[data-tab="operatorGroups"]::before{background-image:url('icons/menu-group-active.svg')}
nav button.active .nav-count{color:#3449b4}.nav-count{margin-left:auto;color:#8d95a6}
.aside-bottom{color:#71798a}.aside-bottom span{color:#9ba1ae}
main{padding:0 22px 18px;background:#fff}
header{min-height:72px;margin:0 -22px;padding:0 22px;border-bottom:1px solid #e1e4e9;background:#293b96;justify-content:flex-start;color:#fff}
header>div:first-child{margin-right:auto;min-width:0}header .eyebrow{display:none}header h1{font-size:23px;margin:0 0 3px;color:#fff}header p{font-size:12px;margin:0;color:#dce1ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header .refresh{background:transparent;color:#fff;border-color:#7180c7;padding:9px 13px}header .refresh:hover{background:#ffffff18}
#add-record{background:#5067d9;border-color:#6f82e5;font-weight:600}
.content,.analysis-panel,.translations-panel{margin-top:18px;border-radius:4px;border-color:#e0e3e8;box-shadow:0 1px 2px #1b26451a}
.toolbar{padding:14px 16px;gap:10px;border-bottom:1px solid #e7e9ed}.toolbar>label[for=search]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.toolbar #search{min-width:290px;padding:9px 12px;border-radius:4px}.toolbar select,.fueling-filters select{padding:9px 11px;border-radius:4px}
.table-wrap{max-height:calc(100vh - 235px)}table{font-size:13px}th{padding:10px 12px;background:#f8f9fb;color:#444d61;border-bottom:1px solid #dfe3e8;white-space:nowrap}td{padding:9px 12px;border-top:1px solid #e8ebef}
tbody tr:nth-child(even) td{background:#fcfcfd}tbody tr:hover td{background:#f2f5fc}tbody tr.row-selected td{background:#e9efff}tbody tr.row-selected:hover td{background:#e2eaff}
.select-column{width:42px;min-width:42px;text-align:center;padding-left:10px!important;padding-right:8px!important}.row-select,.select-all{min-width:0;width:16px;height:16px;margin:0;accent-color:#4059ca}
.record-link{border:0;background:transparent;padding:0;color:#3653bc;font:inherit;font-weight:600;text-align:left;text-decoration:none}.record-link:hover,.record-link:focus-visible{color:#172f9b;text-decoration:underline;outline:0}
.selection-bar{display:flex;align-items:center;gap:9px;padding:9px 16px;background:#eef2ff;border-bottom:1px solid #d6defc;color:#263a92;font-size:13px}.selection-bar button{padding:7px 11px;border:1px solid #bdc8ed;border-radius:4px;background:#fff;color:#2f459f}.selection-bar button:disabled{opacity:.45;cursor:default}
.action-column{width:42px}.fueling-more{color:#4b5876;width:32px;height:30px;font-size:21px}.fueling-more:hover,.fueling-more:focus-visible{background:#e9edf8}
footer{margin-top:14px;padding:0 3px}.status{border-radius:12px;padding:3px 8px}
.sidebar-collapsed aside{width:62px;padding-left:9px;padding-right:9px}.sidebar-collapsed .sidebar-head{margin-left:-9px;margin-right:-9px;padding-left:13px}.sidebar-collapsed .brand,.sidebar-collapsed .subtitle,.sidebar-collapsed .aside-bottom,.sidebar-collapsed nav button>span{display:none}.sidebar-collapsed nav button{padding:9px;justify-content:center}.sidebar-collapsed nav button::before{width:26px;height:26px;flex-basis:26px}.sidebar-collapsed main{width:calc(100% - 62px)}
@media(max-width:850px){aside{width:205px;padding:0 10px 15px}.sidebar-head{margin:0 -10px 16px;padding:0 12px}main{padding:0 12px 15px}header{margin:0 -12px;padding:0 12px;flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}header>div:first-child{width:100%}.table-wrap{max-height:calc(100vh - 280px)}}
@media(max-width:550px){body{display:flex}aside{width:62px;padding:0 9px 15px}.sidebar-head{margin:0 -9px 14px;padding-left:13px}.brand,.subtitle,.aside-bottom,nav button>span{display:none}nav{display:grid;margin-top:0}nav button{padding:9px;justify-content:center}main{width:calc(100% - 62px);padding:0 8px 12px}header{margin:0 -8px;padding:10px 8px}.toolbar #search{min-width:0;width:100%}.selection-bar{flex-wrap:wrap}}

/* Panel v30: jeden rzad filtrow oraz wyszukiwanie w kazdej kolumnie. */
.toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.toolbar #search{flex:0 0 280px;min-width:220px}.fueling-filters{width:auto;flex:0 0 auto;flex-wrap:nowrap}.fueling-filters select{min-width:135px}.inactive-filter,#result-count{flex:0 0 auto;white-space:nowrap}.heading-row th{top:0;z-index:4}.column-filter-row th{top:39px;z-index:3;padding:5px 6px;background:#fff;border-bottom:1px solid #dfe3e8}.column-filter-row input{display:block;width:100%;min-width:86px;padding:6px 7px;border:1px solid #d4d9e2;border-radius:3px;font-size:12px;background:#fff}.column-filter-row .select-column{background:#fff}.table-actions-button{display:inline-grid;place-items:center;margin:auto}.table-actions-button:disabled{opacity:.38;cursor:default}.bulk-dialog{width:430px;max-width:calc(100vw - 30px);border:0;border-radius:8px;padding:0;box-shadow:0 18px 55px #17233d4d}.bulk-dialog::backdrop{background:#15203a55}.bulk-dialog form{padding:22px}.bulk-dialog h2{margin:0 0 8px}.bulk-dialog p{margin-bottom:18px}.bulk-dialog label{display:grid;gap:7px;font-size:13px;font-weight:600}.bulk-dialog select{width:100%;padding:10px;border:1px solid #cbd6dd;border-radius:5px;background:#fff;font:inherit}.bulk-dialog #bulk-error:not(:empty){padding:10px 0;color:#a53030}.bulk-dialog .dialog-actions{margin-top:12px}.fuelings-table .column-filter-row th:last-child{top:39px;background:#fff;z-index:5}
@media(max-width:850px){.toolbar{overflow-x:auto}.toolbar #search{flex-basis:220px}}
.settlement-link{font-variant-numeric:tabular-nums;text-align:right;width:100%}
.note-preview{position:relative;display:block;max-width:18ch;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:help;overflow:visible}
.note-short{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.note-auto{color:#b45c00;font-size:.9em;font-style:italic}
.note-popover{display:none;position:fixed;z-index:1200;max-width:min(520px,70vw);max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;border:1px solid #cbd3df;border-radius:8px;background:#fff;color:#172033;box-shadow:0 8px 28px #18223933;text-align:left}
.note-popover-visible{display:block}
.note-popover .note-driver{color:#172033;font-size:1em;font-style:normal}
.note-popover .note-auto{color:#b45c00;font-size:.9em;font-style:italic}
#settlement-dialog form{display:grid;gap:12px;min-width:min(420px,85vw)}
#settlement-dialog label{display:grid;gap:5px;font-weight:600}
#settlement-dialog input{padding:9px 10px;border:1px solid #b8c0cc;border-radius:5px;font:inherit}
.message-unread td{font-weight:700;background:#eef4ff}
/* Wiadomosc: wspolny pasek okna, czytelne dane i przewijana tresc. */
#message-dialog{width:620px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #b9c7d8;border-radius:10px;background:#fff;box-shadow:0 18px 60px #17283b50;overflow:hidden}
#message-dialog[open]{display:flex;flex-direction:column}
#message-dialog .window-titlebar{flex-shrink:0;cursor:default}
#message-dialog .message-content{display:flex;flex-direction:column;gap:20px;min-height:0;padding:20px 24px 24px;overflow:hidden}
#message-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;flex-shrink:0;margin:0;padding:0 0 18px;border-bottom:1px solid #e1e7eb}
#message-meta dt{margin:0 0 4px;color:#677986;font-size:12px}
#message-meta dd{margin:0;color:#334b5d;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
#message-text{min-height:0;max-height:45vh;max-height:45dvh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#182c3d;font-size:16px;line-height:1.6;scrollbar-gutter:stable}
#message-text:focus-visible{outline:2px solid #68bfa6;outline-offset:3px}
#message-dialog .dialog-actions{flex-shrink:0;flex-wrap:wrap;gap:10px;margin:0;padding-top:16px;border-top:1px solid #e1e7eb}
#message-dialog .dialog-actions button{min-height:42px;padding:10px 16px}
#message-finish{background:#20564f;color:#fff}
@media(max-width:550px){#message-dialog .message-content{padding:16px;gap:16px}#message-meta{gap:12px 16px}#message-dialog .dialog-actions button{flex:1 1 auto}}
.messages-unread{color:#f39a32!important;position:relative}.messages-unread::before{content:attr(data-icon);color:#f39a32;font-weight:800;font-size:16px;letter-spacing:1px;box-shadow:inset 0 0 0 2px #f39a32}.messages-unread::after{content:'!';position:absolute;margin-left:-18px;margin-top:-13px;width:13px;height:13px;border-radius:50%;background:#f39a32;color:#fff;font-size:10px;line-height:13px;text-align:center;font-weight:800}.messages-unread .nav-count{color:#f39a32!important}

/* Indywidualny układ tabel operatora. */
.column-layout-open{flex:0 0 auto;padding:9px 12px;border:1px solid #b8c6ec;border-radius:4px;background:#fff;color:#2d499f;font-weight:600}
.column-layout-open:hover{background:#eef3ff}.column-layout-dialog{width:430px;max-width:calc(100vw - 30px);border:0;border-radius:8px;padding:0;box-shadow:0 18px 55px #17233d4d}.column-layout-dialog::backdrop{background:#15203a55}.column-layout-dialog form{padding:22px}.column-layout-dialog h2{margin:0 0 8px}.column-layout-dialog p{font-size:13px;line-height:1.45}.column-layout-row{display:grid;grid-template-columns:28px 1fr 34px 34px;align-items:center;gap:6px;min-height:38px;border-top:1px solid #e6e9ef}.column-layout-row input{min-width:0;width:16px;height:16px;margin:auto;accent-color:#4059ca}.column-layout-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-layout-row button{width:30px;height:28px;border:1px solid #c7cfdf;border-radius:4px;background:#fff;color:#304694}.column-layout-row button:disabled{opacity:.35}.table-wrap td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-resize{display:block;position:absolute;top:0;right:-4px;z-index:8;width:8px;height:100%;cursor:col-resize;background:#d5dced}.column-resize:hover,.column-resize:active{background:#2f66c5;width:5px}.heading-row th{position:sticky;overflow:visible}.heading-row th[draggable=true]{cursor:grab}.heading-row th[draggable=true]:active{cursor:grabbing}.column-is-dragging{cursor:grabbing!important;user-select:none}.column-drag-over{box-shadow:inset 3px 0 #2f66c5}
.fueling-filters #filter-driver,.fueling-filters #filter-vehicle{display:none}.column-layout-table{table-layout:fixed;width:max-content;min-width:max-content}.column-layout-table th,.column-layout-table td{min-width:0!important}.column-layout-table .heading-row th{overflow:hidden;min-width:0;text-overflow:ellipsis}.column-layout-table .column-resize{right:0;overflow:visible;text-overflow:clip}
#device-invitation-dialog{width:min(560px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:1px solid #d7e0e8;border-radius:12px;padding:0;box-shadow:0 22px 70px #12263840}
#device-invitation-dialog::backdrop{background:#10233280}
.sidebar-group{min-width:0;border-bottom:1px solid #eef0f4;padding:3px 0 7px}.sidebar-group:last-child{border-bottom:0}.sidebar-group-toggle{width:100%;min-height:34px!important;padding:6px 10px!important;color:#67738b!important;font-size:12px;font-weight:700;letter-spacing:.035em}.sidebar-group-toggle::before{display:none!important}.sidebar-group-toggle>span:first-child{flex:1}.sidebar-group-indicator{font-size:18px;line-height:1;transition:transform .15s ease}.sidebar-group.group-open .sidebar-group-indicator{transform:rotate(180deg)}.sidebar-group-toggle:hover,.sidebar-group-toggle:focus-visible{background:#f0f3fa}.sidebar-group-toggle.has-active{color:#293e9c!important}.sidebar-group-items{display:grid;gap:2px}.sidebar-group-items[hidden]{display:none}.sidebar-group-items>button{width:100%;padding-left:18px}.sidebar-group-toggle.has-unread::after{content:'!';display:grid;place-items:center;position:absolute;right:9px;top:6px;width:14px;height:14px;border-radius:50%;background:#f39a32;color:#fff;font-size:10px;font-weight:800}.sidebar-group-toggle.has-unread .sidebar-group-indicator{margin-right:14px}
.sidebar-collapsed .sidebar-group{padding:3px 0;border-bottom:0}.sidebar-collapsed .sidebar-group-items{display:none!important}.sidebar-collapsed nav button.sidebar-group-toggle{justify-content:center;padding:9px!important;min-height:44px!important}.sidebar-collapsed nav button.sidebar-group-toggle::before{display:block!important;background-image:url('icons/panel-menu.png')}.sidebar-collapsed .sidebar-group-toggle[data-group="work"]::before{background-position:0 50%}.sidebar-collapsed .sidebar-group-toggle[data-group="dictionaries"]::before{background-position:0 0}.sidebar-collapsed .sidebar-group-toggle[data-group="administration"]::before{background-position:100% 50%}.sidebar-collapsed .sidebar-group-toggle[data-group="audit"]::before{background-position:50% 100%}.sidebar-collapsed .sidebar-group-toggle.has-active::before{border-color:#2f66c5;background-color:#e8f1ff;box-shadow:0 0 0 2px #c5dafd}.sidebar-collapsed .sidebar-group-toggle.has-unread::after{right:4px;top:4px}.sidebar-collapsed .sidebar-group-toggle.has-unread .sidebar-group-indicator{margin-right:0}
@media(max-width:550px){body:not(.sidebar-collapsed) aside{position:fixed;z-index:30;top:0;bottom:0;width:215px;overflow-y:auto;background:#fff;box-shadow:6px 0 25px #17233d30}body:not(.sidebar-collapsed) aside .brand,body:not(.sidebar-collapsed) aside .subtitle,body:not(.sidebar-collapsed) nav button>span{display:block}body:not(.sidebar-collapsed) nav{display:grid}body:not(.sidebar-collapsed) nav button{justify-content:flex-start}body:not(.sidebar-collapsed) nav button.sidebar-group-toggle::before{display:none!important}body:not(.sidebar-collapsed) main{margin-left:62px;width:calc(100% - 62px)}}
.invitation-content{padding:24px;display:grid;gap:14px}
.invitation-content h2,.invitation-content h3{margin:0;color:#243e52}
.invitation-content p{margin:0}
.invitation-content label{display:grid;gap:6px}
.invitation-content select,.invitation-content input{width:100%;min-width:0;padding:10px;border:1px solid #b9cad5;border-radius:7px;background:white}
#invite-result{display:grid;gap:12px;border-top:1px solid #dce5e9;padding-top:15px}
#invite-qr{display:flex;justify-content:center;padding:12px;background:white}
#invite-qr img,#invite-qr canvas{max-width:100%;height:auto}
#invite-error:not(:empty){color:#a63223}
#invite-list{display:grid;gap:5px;max-height:180px;overflow:auto}
.invitation-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid #e4eaed;font-size:13px}
.invitation-row button{white-space:nowrap}
.bulk-action-content{padding:22px}.bulk-action-content h2{margin:0 0 8px}.bulk-action-buttons{display:grid;gap:10px;margin-top:18px}.bulk-action-buttons button{width:100%;padding:11px 14px;border:1px solid #cad8db;border-radius:7px;background:#fff;color:#20564f;text-align:left;font:inherit}.bulk-action-buttons button:hover,.bulk-action-buttons button:focus-visible{background:#eef5f3}.device-edit-dialog form{display:grid;gap:14px}.device-edit-dialog input,.device-edit-dialog select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cbd6dd;border-radius:5px;background:#fff;font:inherit}.device-edit-dialog .check-label input{width:auto}.device-edit-dialog #device-edit-error:not(:empty){color:#a53030}

nav button[data-tab="vehicleGroups"]::before{background-image:url('icons/menu-group.svg');background-size:72%;background-position:center;background-color:#fff}
nav button.active[data-tab="vehicleGroups"]::before{background-image:url('icons/menu-group-active.svg')}
#edit-fields label>small{display:block;color:var(--muted,#64748b);font-size:.85rem;line-height:1.4;margin-top:.4rem}