.units-settings-button { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:8px 12px; border:1px solid var(--border-color,#445064); border-radius:10px; background:var(--surface-raised,#202936); color:inherit; font:inherit; font-size:12px; cursor:pointer; }
.units-settings-button .icon { width:17px; height:17px; }
.units-dialog { width:min(540px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); box-sizing:border-box; overflow:auto; border:1px solid #536074; border-radius:16px; padding:22px; background:#151c27; color:#f1f5f9; }
.units-dialog::backdrop { background:rgb(0 0 0 / .65); }
.units-dialog header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.units-dialog h2 { font-size:20px; font-weight:700; margin:0; }
.units-dialog p { font-size:13px; line-height:1.5; margin:10px 0; }
.units-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
.units-grid label { display:grid; gap:6px; font-size:13px; min-width:0; }
.units-grid select,.units-dialog button { min-height:44px; }
.units-dialog button { border:1px solid #536074; border-radius:8px; padding:8px 12px; background:#263448; color:inherit; cursor:pointer; }
.units-dialog :focus-visible,.units-settings-button:focus-visible { outline:3px solid #60a5fa; outline-offset:3px; }
.unit-canonical-input { display:none !important; }
.unit-input-group { display:inline-flex; align-items:center; gap:4px; width:100%; min-width:0; }
.unit-input-group input { min-width:0; flex:1; }
.unit-input-suffix { font-size:10px; white-space:nowrap; }
html[data-theme="bright"] .units-dialog { background:#f7f9fc; color:#172437; }
html[data-theme="bright"] .units-dialog button,html[data-theme="bright"] .units-settings-button { background:#e4ebf3; color:#172437; border-color:#8795a8; }
@media(max-width:430px) { .units-dialog { padding:16px; } .units-grid { grid-template-columns:1fr; gap:10px; } .units-settings-button { padding:8px; } }

.profile-control #driverProfile { min-width:0; flex:1 1 100px; }
.profile-control #btnDefaultUnits { flex:0 0 auto; }
@media(max-width:430px){.profile-control #btnDefaultUnits span {font-size:11px;}.profile-control #btnDefaultUnits .icon{display:none;}}