[hidden],table.table td[hidden],table.table th[hidden],.record-content>[hidden]{display:none!important}
summary{touch-action:manipulation}
summary:focus-visible{outline:3px solid #30affb;outline-offset:3px}
summary::-webkit-details-marker{display:none}
.main:not([data-page="dashboard"])>.page-head{overflow:visible;z-index:3;animation:none}
.main>.page-head .page-actions{align-items:center}
.main>.panel:has(>.list-controls){overflow:visible}
.main>.panel:has(>.list-controls)>.table-scroll,
.main>.panel:has(>.list-controls) .table-footer{border-radius:0 0 15px 15px}
.list-controls{position:relative;z-index:2;padding:20px 24px 16px;border-bottom:1px solid #e1ebf5}
.list-controls>.toolbar{padding:0;border:0;background:transparent;align-items:center}
.list-controls .search{flex:1 1 240px;min-width:150px;max-width:none}
.list-controls .search input{width:100%;min-width:0}
.more-actions,.list-filter-menu,.list-preferences,.standalone-sort{position:relative}
.more-actions>summary,.list-filter-menu>summary,.list-preferences>summary,.standalone-sort>summary{
  display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;
  padding:10px 14px;border:1px solid #d4e5f1;border-radius:9px;background:#fff;
  color:#28577f;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;list-style:none
}
.more-actions>summary:after,.list-filter-menu>summary:after,.list-preferences>summary:after,.standalone-sort>summary:after{
  content:'⌄';color:#4d8eb9;font-size:15px;margin-left:4px
}
.more-actions>summary:hover,.list-filter-menu>summary:hover,.list-preferences>summary:hover,.standalone-sort>summary:hover{background:#eaf7ff;border-color:#91d6f5}
.more-actions[open]>summary,.list-filter-menu[open]>summary,.list-preferences[open]>summary{border-color:#58b6e7;background:#eef8ff}
.list-preferences>summary{max-width:310px;white-space:normal;text-align:left}
.action-menu,.filter-fields,.list-preferences-body{
  position:absolute;right:0;top:calc(100% + 8px);z-index:6;max-width:calc(100vw - 40px);
  padding:18px;border:1px solid #c9e1f2;border-radius:13px;background:#fff;color:#234b6b;
  box-shadow:0 14px 36px #073c6324;max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain
}
.action-menu{display:grid;gap:4px;width:270px;min-width:0;padding:7px}
.action-menu>.button,.main>.page-head .page-actions .action-menu>.button{
  display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;
  min-height:44px;margin:0;padding:11px 12px;border:1px solid transparent;border-radius:8px;
  background:#fff;color:#28577f;text-align:left;white-space:normal;line-height:1.5;box-shadow:none
}
.action-menu>.button:hover,.main>.page-head .page-actions .action-menu>.button:hover{background:#edf8ff;border-color:#d6ebf8;transform:none}
.action-menu>.button>.icon{flex:0 0 19px;color:#208ac4}
.action-menu>.button.row-danger,.action-menu>.button.row-danger>.icon{color:#a9453d}
.filter-fields{display:grid;gap:15px;width:270px}
.filter-fields>label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#426783}
.filter-fields select{width:100%;max-width:none;min-height:42px;padding:9px;border-color:#d4e5f1;background:#fbfdff}
.filter-fields .toggle-filter{display:flex;align-items:center;gap:9px;padding:0;margin:0;white-space:normal}
.list-preferences-body{width:350px}
.list-preferences .sort-toolbar{padding:0 0 17px;margin:0;display:flex;flex-wrap:wrap;gap:10px;background:none;border:0;border-bottom:1px solid #e1ebf5}
.list-preferences .sort-toolbar>label{display:grid;gap:7px;width:100%;font-size:12px;color:#426783}
.list-preferences .sort-toolbar select{width:100%;max-width:none;min-height:42px;font-size:12px;border-radius:8px;padding:9px;background:#fbfdff}
.list-preferences .sort-toolbar>span{font-size:11px;line-height:1.6}
.list-preferences .view-toolbar{padding:17px 0 0;border:0;background:none}
.list-preferences .view-toolbar>label{display:grid;gap:7px;width:100%}
.list-preferences .view-toolbar select{width:100%;min-width:0;max-width:none;min-height:42px;font-size:12px}
.active-filters{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px}
.filter-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;border:1px solid #cce3f4;border-radius:8px;background:#eef8ff;color:#34759e;font-size:11px;line-height:1.5;overflow-wrap:anywhere;text-align:left}
.filter-chip:hover{background:#def2ff;border-color:#94cdee}
.filter-chip .icon{width:13px;height:13px;flex-shrink:0}
.list-controls .selection-actions{margin:14px 0 0;padding-top:14px;border-top:1px solid #e1ebf5}
.list-controls .selection-actions>span{font-weight:600;margin-right:auto}
.standalone-sort{padding:14px 22px;border-bottom:1px solid #e1ebf5}
.standalone-sort>summary{display:inline-flex}
.standalone-sort>.sort-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:15px 0 0;border:0;background:#fff}
.standalone-sort>.sort-toolbar>label{display:grid;gap:6px;min-width:170px}
.inline-help{margin-top:18px;font-size:12px;color:#6287a3}
.inline-help>summary{cursor:pointer;line-height:1.7}
.inline-help .notice{margin-top:12px}
.section-tabs{display:flex;gap:5px;padding:9px 16px 0;border-bottom:1px solid #dceaf5;border-radius:15px 15px 0 0;background:linear-gradient(110deg,#f1f9ff,#fff);overflow-x:auto;scrollbar-width:thin}
.section-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:49px;padding:13px 15px;border:0;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:#60809b;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap}
.section-tabs button:hover{background:#eaf6ff;color:#116c9e}
.section-tabs button[aria-current]{background:#e4f4ff;border-bottom-color:#1187c5;color:#0066a4}
.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:22px;padding:2px 6px;border-radius:6px;background:#e9f1f7;color:#557c99;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums}
[aria-current]>.tab-count{background:#cceafb;color:#086697}
.management-tabs{border:1px solid #dceaf5;border-radius:15px;margin-bottom:22px;padding-bottom:8px}
.management-tabs button{border-radius:8px}
.order-status-nav button[data-id="Wäsche"][aria-current]{background:#e4f7f5;border-color:#159d99;color:#187b7e}
.badge.wash{color:#187b7e;background:#e4f7f5}
.quick-status.status-waesche select{background:#eaf8f7;border-color:#bde6e1;color:#187b7e}
.snapshot-group+.snapshot-group{grid-template-columns:repeat(2,minmax(0,1fr))}
.snapshot-group button[data-id="Wäsche"]{background:#edf9f7;border-color:#cbe9e4;color:#267e7b}
.snapshot-group button[data-id="Wäsche"] strong{color:#218e89}
.order-hints{display:flex;flex-wrap:wrap;gap:6px}
.order-hints .badge{white-space:normal}
.sales-table .quick-status{min-width:126px;max-width:150px}
.sales-table .quick-status select{width:100%}
.sales-table .quick-status small{display:none}
.main .vehicle-table,.main .sales-table{min-width:0;width:100%}
.main .vehicle-table td,.main .sales-table td{overflow-wrap:anywhere}
.table [data-column-key="vehicle"]{min-width:145px}
.table [data-column-key="battery"]{min-width:130px}
dialog.sales-dossier{width:min(970px,94vw);max-width:94vw;border-radius:19px 0 0 19px}
dialog.sales-dossier>.modal-content{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-content:start}
.record-nav{display:grid;align-content:start;gap:5px;padding:12px;border:1px solid #dceaf5;border-radius:14px;background:#f8fcff;position:sticky;top:0;align-self:start}
.record-nav button{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:11px 10px;border:0;border-radius:9px;background:none;color:#527a98;text-align:left;font-size:12px;line-height:1.5}
.record-nav button>.icon{width:17px;height:17px;color:#3189ca}
.record-nav button:hover{background:#eaf6ff}
.record-nav button[aria-current]{background:#e0f2ff;color:#005f97;font-weight:650}
.record-nav .tab-count{margin-left:auto;min-width:19px}
.record-content{min-width:0}
.record-content>section>h2{font-size:20px;color:#15577f;margin:0 0 14px}
.record-content .section-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.record-content .section-title h2{margin:0;font-size:20px;color:#15577f}
.order-status-field{display:grid;gap:9px;margin-bottom:22px}
.order-status-field>span{font-size:12px;font-weight:600;color:#426783}
.order-status-field .quick-status{max-width:250px}
.order-status-field .quick-status select{width:100%;min-height:44px;font-size:14px}
.order-status-field .quick-status small{display:none}
.record-content .order-planning{grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:22px}
.record-content .order-planning>div:last-child{grid-column:1/-1}
.record-content .detail-facts{margin:24px 0;padding:0;gap:22px}
.record-secondary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid #dceaf5}
.record-content .damage-text{min-height:160px;line-height:1.8;border:1px solid #d7e9f5;background:#f3faff;font-size:14px}
.record-content .comments-section{padding:0;margin:0;border:0}
.record-content .media-card{min-width:0}
.record-content .media-card strong{overflow-wrap:anywhere}
.record-content .order-comment.is-reply{margin-left:18px}
details.update-card{display:block;padding:0}
details.update-card>summary{display:flex;flex-direction:row;align-items:center;gap:12px;padding:20px 23px;margin:0;cursor:pointer;list-style:none}
details.update-card>summary:after{content:'⌄';margin-left:auto;color:#5492bc}
details.update-card>ul{margin:0;padding:0 25px 22px 40px}
@media(max-width:1100px){
  .main .vehicle-table td,.main .vehicle-table th,.main .sales-table td,.main .sales-table th{padding-left:9px;padding-right:9px}
  .table [data-column-key="vehicle"]{min-width:125px}
}
@media(max-width:800px){
  .main>.page-head .page-actions,.record-secondary-actions{position:relative}
  .page-actions>.more-actions,.record-secondary-actions>.more-actions{position:static}
  .page-actions>.more-actions>.action-menu,.record-secondary-actions>.more-actions>.action-menu{left:0;right:0;width:100%;max-width:none;top:calc(100% + 8px)}
  .more-actions>summary,.list-filter-menu>summary,.list-preferences>summary{min-height:44px;font-size:12px;padding:10px 12px}
  .list-controls{padding:16px}
  .list-controls>.toolbar{position:relative;gap:9px}
  .list-controls .search{flex-basis:100%;width:100%;min-width:0}
  .list-filter-menu,.list-preferences{position:static;flex:1}
  .list-preferences>summary{max-width:none}
  .filter-fields,.list-preferences-body{left:0;right:0;top:calc(100% + 8px);width:100%;max-width:none}
  .list-preferences .sort-toolbar select,.list-preferences .view-toolbar select,.filter-fields select,.list-controls .search input{font-size:16px;min-height:44px}
  .list-controls .selection-actions>span{width:100%;margin-bottom:4px}
  .section-tabs{padding:6px 8px 0;gap:2px}
  .section-tabs button{padding:12px 10px;min-height:48px;font-size:12px;gap:6px}
  .management-tabs{padding-bottom:6px}
  .table [data-column-key="vehicle"],.table [data-column-key="battery"]{min-width:0}
  .table.responsive-table td.selection-cell{display:flex!important;justify-content:flex-end;width:auto!important;max-width:none;background:#f2f7fd}
  .table.responsive-table td.selection-cell:before{content:'Auswählen';margin-right:auto;color:#627e98}
  .sales-table .quick-status{max-width:180px}
  .sales-table .quick-status select{font-size:16px;min-height:44px}
  dialog.sales-dossier{width:100vw;max-width:100vw;border-radius:0}
  dialog.sales-dossier>.modal-content{display:block;padding:0 18px 22px}
  .record-nav{display:flex;position:sticky;top:0;z-index:2;overflow-x:auto;gap:5px;padding:12px 0;background:#fff;border:0;border-bottom:1px solid #dceaf5;border-radius:0;margin-bottom:23px}
  .record-nav button{width:auto;flex-shrink:0;white-space:nowrap;padding:10px 12px}
  .record-nav button>.icon{display:none}
  .record-content .section-title h2{font-size:18px}
  .record-content .order-planning{grid-template-columns:1fr}
  .record-content .order-planning>div:last-child{grid-column:auto}
  .record-content .order-planning select,.order-status-field .quick-status select{font-size:16px}
  details.update-card>summary{padding:18px;flex-wrap:wrap}
  details.update-card>ul{padding:0 20px 20px 33px}
}
.sidebar{inset:12px auto 12px 12px;width:244px;display:flex;flex-direction:column;padding:18px 12px 12px;border-radius:22px;background:linear-gradient(160deg,#063e74 0%,#062c52 65%,#041f3d 100%);box-shadow:0 12px 36px #00264926;border:1px solid #356a923d;overflow:hidden}
.sidebar .brand{margin:0 2px 16px;padding:14px 12px;border-radius:14px;background:#fff;box-shadow:0 4px 16px #021c3914;flex-shrink:0}
.sidebar .brand-image,.sidebar .brand-display-logo .brand-image{width:190px!important;height:65px!important}
.sidebar .rail-product{padding:0 12px 16px;font-size:10px;letter-spacing:1.2px;color:#d5eaff;flex-shrink:0}
.sidebar .rail-product>span{font-size:11px;letter-spacing:0;color:#a0c3df}
.sidebar .nav{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:3px;scrollbar-width:thin;scrollbar-color:#5890b866 transparent}
.sidebar .rail-group{padding-bottom:12px}.sidebar .rail-heading{font-size:9px;letter-spacing:1.5px;color:#a0c4e1;margin-bottom:7px}
.sidebar .nav button{min-height:46px;font-size:12px;padding:9px 10px;border-radius:12px;gap:10px;font-weight:550}
.sidebar .nav button>.icon{width:31px;height:31px;padding:6px;border-radius:9px;background:#ffffff0a}
.sidebar .nav button.active{background:linear-gradient(110deg,#168ed0,#066cb1);border-color:#62c6f66b;box-shadow:0 4px 12px #001c3829}
.sidebar .nav button:focus-visible,.rail-account:focus-visible{outline:2px solid #9de4ff;outline-offset:-2px}
.sidebar .nav .count{font-size:10px;min-width:24px;border-radius:7px;padding:3px 6px}
.sidebar .sidebar-bottom{margin:10px 0 0;padding:12px 2px 0;flex-shrink:0}.rail-account{margin-bottom:10px;padding:9px 10px;background:#ffffff0b}
.rail-account-copy strong{font-size:12px;overflow-wrap:anywhere}.rail-account-copy small{font-size:10px}.sidebar-bottom p{font-size:9px;line-height:1.6;margin:8px 8px 0}
.workspace{margin-left:268px}.sidebar .local-status{font-size:10px}
@media(min-width:801px){body.sidebar-compact .sidebar{width:78px;padding:18px 8px 12px}body.sidebar-compact .workspace{margin-left:102px}body.sidebar-compact .sidebar .nav button{justify-content:center;padding:8px}body.sidebar-compact .sidebar .rail-group{padding-top:9px;padding-bottom:9px}body.sidebar-compact .sidebar .rail-account{justify-content:center;padding:8px}}
.login-page{background:radial-gradient(ellipse at 4% 6%,#c0e9ff 0,transparent 45%),radial-gradient(ellipse at 94% 90%,#cde8ff 0,transparent 42%),#f3f8fd;min-height:100svh}
.login-topbar{padding:24px max(24px,calc((100vw - 1240px)/2));gap:20px}.login-topbar .brand-name{font-size:19px}
.login-shell{padding:0;max-width:1240px;width:calc(100% - 48px);margin:12px auto 24px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:24px;align-items:stretch;background:transparent;box-shadow:none;border:0;border-radius:0;overflow:visible}
.login-message{padding:42px 38px 26px;border-radius:28px;background:radial-gradient(ellipse at 96% 0%,#23a9e66b,transparent 55%),linear-gradient(145deg,#075696,#00346a 72%,#052d56);box-shadow:0 22px 50px #0b4b7b22;overflow:hidden;position:relative}
.login-message .eyebrow{font-size:10px;letter-spacing:1.5px;color:#bcE9ff;margin-bottom:22px}.login-message h1,.login-message h1 .login-title-brand{font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-1.3px}.login-message h1 .login-title-brand{color:#b4eaff}
.login-message>p{font-size:15px;line-height:1.75;color:#d5efff}.login-fleet-scene{margin:18px -8px 10px;width:calc(100% + 16px)}
.login-feature-grid{gap:9px;margin-top:12px}.login-feature-grid>div{border:1px solid #99d9ff33;border-radius:12px;padding:13px 10px;background:#ffffff09;gap:9px}.login-feature-grid strong{font-size:11px;color:white}.login-feature-grid small{font-size:10px;color:#bddef4;line-height:1.5}
.login-panel{padding:38px clamp(24px,3vw,46px);background:#fff;border:1px solid #dae9f5;border-radius:28px;box-shadow:0 16px 48px #0045740e;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.login-logo{margin:0 0 30px}.login-logo img{max-width:230px;width:100%;height:auto;object-fit:contain}.login-panel h2{font-size:29px;letter-spacing:-.6px;margin:8px 0}.login-panel>p{font-size:13px;line-height:1.6;margin-bottom:26px;color:#6b8197}
.login-panel .field{margin-bottom:18px}.login-panel .field label{font-size:13px;color:#254967}.login-panel .field input{height:50px;background:#f8fbff;border:1px solid #cfdfea;border-radius:11px;font-size:16px;padding:12px 14px}.login-panel .password-wrap input{padding-right:52px}
.login-panel .password-toggle{min-width:44px;min-height:44px;right:3px;top:3px}.login-submit{min-height:50px!important;border-radius:11px!important;font-size:14px!important;background:linear-gradient(110deg,#057dbb,#045c9e)!important;box-shadow:0 6px 16px #086ba321!important}
.login-panel .login-database-link{min-height:44px;line-height:1.5;font-size:12px;text-align:center;justify-content:center;margin-top:15px}.login-statusbar{max-width:1240px;padding:0 24px 24px;margin:auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#64839c;font-size:11px}
.backup-schedule{padding:18px;margin:18px 0;border:1px solid #d2e5f3;border-radius:12px;background:#f3f9ff}.backup-schedule h3{margin:0 0 8px}.backup-schedule p{line-height:1.6;margin:6px 0}.backup-schedule.warning{border-color:#edc686;background:#fff9ed}
@media(max-width:1000px) and (min-width:801px){.login-shell{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:16px}.login-message{padding:32px 26px}.login-feature-grid{grid-template-columns:1fr}.login-feature-grid>div{padding:9px 11px}.login-feature-grid small{display:none}}
@media(max-width:800px){
 .workspace,body.sidebar-compact .workspace{margin-left:0}.mobile-nav-open{overflow:hidden}
 .sidebar,body.sidebar-compact .sidebar{inset:0 auto 0 0;width:min(320px,88vw);height:100vh;height:100dvh;max-height:100dvh;border-radius:0 22px 22px 0;padding:calc(16px + env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));transform:translateX(-110%);z-index:80;transition:transform .22s ease}
 .sidebar.open,body.sidebar-compact .sidebar.open{transform:translateX(0)}.sidebar.open~.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:79;background:#092b4d77;backdrop-filter:blur(3px)}
 .sidebar .brand{margin-right:40px;padding:12px 8px}.sidebar .brand-image,.sidebar .brand-display-logo .brand-image{width:180px!important;max-width:100%;height:60px!important}
 .sidebar .mobile-close{display:grid;place-items:center;position:absolute;right:12px;top:calc(23px + env(safe-area-inset-top));width:44px;height:44px;min-width:44px;min-height:44px;color:#e9f5ff;background:#ffffff13;border:1px solid #ffffff20;border-radius:12px}
 .sidebar .nav button{min-height:48px;font-size:14px}.sidebar .rail-heading{font-size:10px}.sidebar .rail-account-copy strong{font-size:13px}.sidebar .rail-account-copy small{font-size:11px}.sidebar .sidebar-bottom p{display:none}.sidebar .rail-product{padding-bottom:12px}
 .mobile-menu,.rail-toggle{min-height:44px;min-width:44px}.rail-toggle{display:none!important}.topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .login-topbar{padding:20px 18px 14px;align-items:center}.login-topbar .brand-name{font-size:16px}.login-version{font-size:10px}.login-version span{font-size:10px}
 .login-shell{width:calc(100% - 28px);margin:4px auto 20px;grid-template-columns:1fr;gap:14px}.login-message{order:0;padding:25px 22px;border-radius:21px}.login-message .eyebrow{margin-bottom:12px;font-size:9px}.login-message h1,.login-message h1 .login-title-brand{font-size:29px;letter-spacing:-.9px}.login-message h1{margin-bottom:12px}.login-message>p{font-size:13px;line-height:1.7}.login-fleet-scene,.login-feature-grid{display:none}
 .login-panel{order:1;padding:26px 22px;border-radius:21px}.login-logo{margin-bottom:20px}.login-logo img{max-width:200px}.login-panel h2{font-size:25px}.login-panel>p{margin-bottom:22px}.login-statusbar{padding:0 18px 24px;font-size:10px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.sidebar,.nav button,.button{transition:none!important}}