/* DEV v3.0.34 — Material 3 motion and filled controls. Purely presentational. */
:root {
  --sm-motion-standard:cubic-bezier(.2,0,0,1);
  --sm-motion-enter:cubic-bezier(.05,.7,.1,1);
  --sm-motion-short:150ms;
  --sm-motion-medium:250ms;
  --sm-motion-long:350ms;
}
/* Remove decorative left-edge markers, including the login panel.
   Important: genuine road-condition and error colors are never overridden. */
#localLoginPanel, #loginScreen .panel, .page .topbar #pageTitle {border-left:0!important}
.sidebar .navlink.active, .sidebar .navlink.active:hover {box-shadow:none!important}
/* The standalone map view is redundant; existing operations and priority maps remain. */
#nav .navlink[data-tab="map"] {display:none!important}
/* Controls use accessible filled treatments, unless floating above maps/cards. */
button.primary, button[type="submit"], #localLoginButton,
.pilot-actions button, .role-switch button.active {
  background:var(--primary)!important;color:var(--onprimary,#fff)!important;
  border-color:transparent!important;
}
.pilot-actions button {box-shadow:0 2px 5px rgba(0,0,0,.18)!important;font-weight:650!important}
button.secondary, button.iconbutton, button.m3-date-trigger, #einsatz .ops-map-toggle,
#einsatz .ops-map-controls button {
  background:var(--m3-surface-high,var(--panel));
  color:var(--primary);
}
button:not(:disabled), .navlink, a, .m3-workspace-pill {
  transition:background-color var(--sm-motion-short) var(--sm-motion-standard),
    color var(--sm-motion-short) var(--sm-motion-standard),
    border-color var(--sm-motion-short) var(--sm-motion-standard),
    box-shadow var(--sm-motion-medium) var(--sm-motion-standard),
    transform var(--sm-motion-short) var(--sm-motion-standard);
}
button:not(:disabled):active {transform:scale(.98)}
.navlink.active .m3-nav-icon {transition:transform var(--sm-motion-medium) var(--sm-motion-enter)}
.navlink.active .m3-nav-icon {transform:scale(1.07)}
/* Animate the newly active workspace, not hidden content or the entire DOM. */
.tab.active {animation:sm-page-enter var(--sm-motion-long) var(--sm-motion-enter) both}
@keyframes sm-page-enter {from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
#einsatz .ops-map:not([hidden]) {animation:sm-map-enter var(--sm-motion-medium) var(--sm-motion-enter) both}
@keyframes sm-map-enter {from{opacity:.35;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
details[open] > :not(summary) {animation:sm-detail-enter var(--sm-motion-medium) var(--sm-motion-enter) both}
@keyframes sm-detail-enter {from{opacity:.4}to{opacity:1}}
.m3-date-dialog[open] {animation:sm-dialog-enter var(--sm-motion-medium) var(--sm-motion-enter) both}
@keyframes sm-dialog-enter {from{opacity:.45;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.m3-date-dialog::backdrop {animation:sm-backdrop-enter var(--sm-motion-medium) ease-out both}
@keyframes sm-backdrop-enter {from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.38)}}
@media(prefers-reduced-motion:reduce) {
 *, *::before, *::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}