/* App controls share one palette, including Safari's collapsed date and select fields. */
:root{--control-bg:#fcfefd;--control-border:#bdcfc5;--control-ink:#173e4b;accent-color:#168583;color-scheme:light}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{appearance:none;-webkit-appearance:none;background:var(--control-bg);color:var(--control-ink);border:1px solid var(--control-border);border-radius:7px;font-family:inherit;min-height:38px;padding:9px 11px;box-shadow:0 1px 2px #173e4b06;max-width:100%}
select{padding-right:32px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23168583' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;cursor:pointer}
input[type=date],input[type=datetime-local]{display:block;width:100%;min-width:0;text-align:left;line-height:1.4}input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}input::-webkit-search-cancel-button{-webkit-appearance:none}input:disabled,select:disabled{opacity:.6;background-color:#edf2ee}input[readonly]{background-color:#edf2ee!important;color:#658079!important}textarea{resize:vertical;width:100%;box-sizing:border-box}
input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;display:inline-block!important;width:19px!important;height:19px;min-width:19px;border:1.5px solid #9fb6a9;border-radius:5px;background:#fff;vertical-align:middle;margin:0 7px 0 0!important;position:relative;cursor:pointer;flex-shrink:0;box-shadow:none}
input[type=checkbox]:checked,input[type=radio]:checked{background:#168583;border-color:#168583}input[type=checkbox]:checked:after{content:'';position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=radio]{border-radius:50%}input[type=radio]:checked:after{content:'';position:absolute;inset:4px;background:white;border-radius:50%}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #168583;outline-offset:2px}input[type=color]{appearance:none;-webkit-appearance:none;width:100%;height:38px;padding:4px;border:1px solid #bdcfc5;border-radius:7px;background:white}
.toolbar-glyph{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;vertical-align:middle;flex-shrink:0}.toolbar-glyph svg{width:20px;height:20px}.toolbar-caption{vertical-align:middle;margin-left:5px}.map-tools button,#follow,#history-mode{display:inline-flex;align-items:center;justify-content:center}.map-tools{gap:5px}.object-group-filter{display:flex;align-items:end;padding:8px 10px;gap:8px;border-bottom:1px solid #d5e2da}.object-group-filter label{flex:1;font-size:10px;color:#618079}.object-group-filter select{display:block;width:100%;margin-top:4px;font-size:11px}.object-group-filter button{height:36px;width:36px;padding:5px}.object-group-heading{display:block;width:100%;text-align:left;background:#e9f2ec;border:0;border-radius:0;border-bottom:1px solid #d3dfd6;font-size:11px;color:#42665d;padding:7px 12px;font-weight:600}.object-group-heading:before{content:'▾';margin-right:6px}.object-group-heading[aria-expanded=false]:before{content:'▸'}.device-row[hidden]{display:none!important}.dense-objects .device-row .device{min-height:52px;padding-top:5px;padding-bottom:5px}.dense-objects .device-row .badge,.dense-objects .device-row .mobile-report-date{font-size:9px}
#object-properties{width:min(850px,95vw);max-width:95vw;max-height:90dvh;overflow:auto;padding:22px;border-top:4px solid #168583;background:#f8fbf9}#object-groups-panel,#service-editor{width:min(650px,95vw);max-width:95vw;max-height:90dvh;overflow:auto;border-top:4px solid #168583;background:#f8fbf9}#object-properties .object-property-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #c3d6c9;padding-bottom:10px;margin:12px 0}.object-property-tabs button[aria-pressed=true]{background:#168583;color:white;border-color:#168583}.object-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.object-fields label{display:block;font-size:11px;margin:0}.object-fields input,.object-fields select{width:100%;box-sizing:border-box;margin-top:5px}.object-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;margin-bottom:16px}.object-icon-choice{display:flex;flex-direction:column;align-items:center;gap:5px;background:white;border:1px solid #d0ddd3;padding:10px 6px}.object-icon-choice>span{color:#168583;display:block;height:42px;width:35px}.object-icon-choice svg{height:42px;width:35px}.object-icon-choice small{text-transform:capitalize;font-size:10px}.object-icon-choice[aria-pressed=true]{border:2px solid #168583;background:#e6f4ed}.service-card{padding:12px;border:1px solid #d1dfd5;border-left:4px solid #779c8b;border-radius:7px;margin:10px 0;background:white}.service-card p{margin:6px 0}.service-stage-1{border-left-color:#c49935}.service-stage-2{border-left-color:#b95943}.service-flags,.settings-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.service-flags .inline-label,.settings-switches .inline-label{display:flex;align-items:center;margin:0;font-size:11px}.settings-links{margin-top:15px}#groups-trackers{max-height:240px;overflow:auto}#groups-trackers label{display:flex;align-items:center;gap:5px}#object-message,#groups-message,#service-message,#settings-save-message{color:#956437;font-size:12px}.object-fields input[type=color]{margin-top:5px}.object-fields input[type=number]{text-align:left}#service-history{max-height:180px;overflow:auto}.object-fields+label{margin-top:12px}#object-properties .muted,#service-editor .muted{font-size:11px;line-height:1.6}
@media(min-width:701px){.compact-toolbar .map-tools .toolbar-caption,.compact-toolbar #follow .toolbar-caption{display:none}.compact-toolbar .map-tools button,.compact-toolbar #follow{min-width:34px;min-height:34px;padding:6px}.compact-toolbar #history-mode .toolbar-caption{display:inline}.map-top .smooth-label{max-width:140px;font-size:10px;display:flex;align-items:center}.map-top{flex-wrap:wrap}.compact-toolbar .map-tools{flex-wrap:nowrap}#app-settings{width:620px;max-height:90dvh;overflow:auto}}
@media(max-width:700px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important;min-height:42px}input[type=checkbox],input[type=radio]{width:21px!important;height:21px;min-width:21px}input[type=checkbox]:checked:after{left:6px;top:3px}.object-fields{gap:12px 10px}.object-fields label{font-size:11px}#object-properties,#object-groups-panel,#service-editor{width:calc(100% - 12px);max-width:none;padding:15px;max-height:calc(100dvh - 80px - env(safe-area-inset-bottom));box-sizing:border-box}#object-properties h2,#service-editor h2{font-size:20px}.object-property-tabs button{flex:1;padding:8px 5px;font-size:11px}.object-icon-grid{grid-template-columns:repeat(4,1fr);gap:6px}.object-icon-choice{min-width:0}.service-flags,.settings-switches{grid-template-columns:1fr}.service-card .push-actions{flex-wrap:wrap}.object-group-filter select{min-height:38px!important;font-size:13px!important}.object-group-filter{padding:6px 10px}.object-fields input[type=color]{min-height:42px}#reports-panel .report-date-fields label{display:block;min-width:0}#reports-panel input[type=date]{margin:5px 0 0;width:100%}}
@media(forced-colors:active){input[type=checkbox],input[type=radio]{appearance:auto;-webkit-appearance:auto}.object-icon-choice[aria-pressed=true]{outline:2px solid Highlight}}

/* Compact alerts and a group action aligned with the selection field. */
.object-group-filter{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:end}
.object-group-filter label{margin:0;min-width:0;display:flex;flex-direction:column;gap:4px}
.object-group-filter select{margin:0;height:38px;min-height:38px}
.object-group-filter #fleet-groups{margin:0;width:40px;height:38px;padding:0;display:grid;place-items:center;align-self:end;font-size:26px;line-height:1;color:#147c75;background:#eff8f3}
.alert-card{position:relative;padding:8px 48px 8px 10px;margin:5px 0;border-radius:6px}
.alert-card>strong{display:block;font-size:12px;line-height:1.3;margin:0}
.alert-card>p{margin:3px 0;font-size:10px;line-height:1.3}
.alert-card>details{margin-top:3px;font-size:10px}
.alert-read{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:32px;height:30px;padding:5px;color:#147c75}
.alert-read svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.alert-read:disabled{opacity:.4;cursor:default}
.danger-action{color:#a3372b;border-color:#dbb8af}
.recently-deleted{margin-top:18px;padding-top:10px;border-top:1px solid #d5e2da}
#event-rule-rows td{padding:5px 7px;font-size:11px}
#event-rule-rows button{padding:5px 8px;margin:1px 3px;min-height:30px}
@media(max-width:700px){.alert-card{padding:8px 48px 8px 10px}.alert-card>p{font-size:10px}.alert-read{width:34px;height:32px}.object-group-filter #fleet-groups{height:38px}}