.mobile-only,.mobile-appbar,.mobile-bottom-nav{display:none}@media screen and (max-width:680px),screen and (max-width:980px) and (max-height:480px){:root{--mobile-topbar-height:calc(60px + env(safe-area-inset-top,0px));--mobile-nav-height:calc(68px + env(safe-area-inset-bottom,0px))}body:has(.mobile-appbar){overflow-x:clip}body:has(.mobile-dialog[open]){overflow:hidden}.app-topbar{display:none}.mobile-only{display:block}.app-page{min-width:0;max-width:100%;padding:calc(var(--mobile-topbar-height) + 12px) max(12px, env(safe-area-inset-right)) calc(var(--mobile-nav-height) + 20px) max(12px, env(safe-area-inset-left))}.app-page>.page-intro--banner{display:none}.mobile-appbar{z-index:60;height:var(--mobile-topbar-height);padding:env(safe-area-inset-top,0px) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--surface);color:var(--foreground);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;inset:0 0 auto}.mobile-appbar__brand{background:#fff;border-radius:10px;flex:0 160px;align-items:center;min-width:100px;padding-inline:6px;display:flex}.mobile-appbar__brand img{object-fit:contain;width:100%;height:46px}.mobile-appbar__location{border-radius:10px;align-items:center;gap:6px;min-width:0;max-width:50%;min-height:44px;padding:6px;font-size:.75rem;font-weight:700;display:flex}.mobile-appbar__location>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-appbar__location img{flex:0 0 20px}.mobile-bottom-nav{z-index:60;height:var(--mobile-nav-height);padding:4px max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(4px, env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--surface);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #00000008}.mobile-bottom-nav>a,.mobile-bottom-nav>button{min-width:0;min-height:52px;color:var(--ink-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:.65rem;font-weight:750;display:flex}.mobile-bottom-nav [aria-current=page],.mobile-bottom-nav [aria-expanded=true]{background:color-mix(in srgb, var(--turquoise) 12%, var(--surface));color:var(--turquoise-strong)}.mobile-bottom-nav img{object-fit:contain}.mobile-icon-button{border:1px solid var(--line);background:var(--surface-muted);width:44px;height:44px;color:var(--foreground);border-radius:12px;flex:0 0 44px;place-items:center;font-size:1.4rem;display:inline-grid}.mobile-dialog[open]{inset:calc(var(--mobile-viewport-top,0px) + env(safe-area-inset-top,0px)) 0 auto;width:100%;max-width:36rem;max-height:calc(var(--mobile-viewport-height,100dvh) - env(safe-area-inset-top,0px));border:1px solid var(--line);background:var(--surface);color:var(--foreground);border-radius:0 0 20px 20px;flex-direction:column;margin:0 auto;padding:0;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 64px #0006}.mobile-dialog:not([open]){display:none}.mobile-dialog::backdrop{background:#071a32a8}.mobile-dialog__header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.mobile-dialog__header h2{min-width:0;font-size:1.08rem;font-weight:800}.mobile-dialog__body{overscroll-behavior:contain;min-width:0;min-height:0;padding:16px;overflow-y:auto}.mobile-dialog__footer{border-top:1px solid var(--line);padding:12px 16px max(12px, env(safe-area-inset-bottom));flex-wrap:wrap;flex:none;gap:8px;display:flex}.mobile-dialog__footer>button{flex:120px;min-height:46px}.mobile-profile{align-items:center;gap:12px;min-width:0;padding-bottom:16px;display:flex}.mobile-profile__avatar{color:#fff;border-radius:16px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:800;display:grid}.mobile-profile>div{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.mobile-profile strong{font-size:1.05rem}.mobile-profile span,.mobile-profile small{color:var(--ink-muted);font-size:.8rem}.mobile-profile .mobile-profile__avatar{color:#fff;font-size:1.3rem}.mobile-settings-section{border-top:1px solid var(--line);gap:10px;padding:18px 0;display:grid}.mobile-settings-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.75rem;font-weight:800}.mobile-settings-section label{gap:6px;font-size:.8rem;display:grid}.mobile-settings-section .app-topbar__theme-preview{width:fit-content;display:inline-flex}.mobile-settings-section small{color:var(--ink-muted)}.mobile-sign-out{border:1px solid var(--line);width:100%;min-height:46px;color:var(--danger);border-radius:12px;font-weight:750}.mobile-appbar button:focus-visible,.mobile-bottom-nav :focus-visible,.mobile-dialog :focus-visible{outline:3px solid var(--turquoise);outline-offset:2px}.mobile-dialog input:not([type=checkbox]),.mobile-dialog select,.mobile-dialog textarea,.app-page .app-input,.site-editor-modal input:not([type=checkbox]),.site-editor-modal select,.site-editor-modal textarea{max-width:100%;min-height:44px;font-size:16px}.mobile-dialog input[type=checkbox]{width:22px;height:22px;accent-color:var(--turquoise)}.calendar-navigation{padding:12px}.mobile-calendar-navigation{gap:8px;padding:10px;display:grid}.mobile-calendar-navigation>div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.mobile-calendar-navigation input{flex:1;width:0;min-width:0;font-size:16px}.mobile-calendar-navigation .app-button{min-height:44px}.mobile-calendar-navigation span{color:var(--ink-muted);font-size:.75rem;font-weight:650}.calendar-week-grid--day{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto}.calendar-navigation__week-picker{gap:6px}.calendar-navigation button,.calendar-navigation input{min-height:44px}.calendar-navigation__date-jump{width:100%;min-width:0}.calendar-navigation__date-jump input{width:100%;font-size:16px}.calendar-filter-toolbar{margin-block:10px}.calendar-filter-toolbar__mobile-toggle{border:1px solid var(--line);background:var(--surface-muted);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px;font-size:.85rem;font-weight:750;display:flex}.calendar-filter-toolbar__collapsible{min-width:0;display:none}.calendar-filter-toolbar__collapsible--open{display:grid}.calendar-filter-toolbar__fields{flex-direction:column;align-items:stretch;display:flex}.calendar-filter-toolbar__fields input,.calendar-filter-toolbar__fields select{min-height:44px;font-size:16px}.calendar-site-employee-chip{white-space:normal;min-width:0;max-width:100%}.calendar-site-employee-chip>span{white-space:normal;overflow-wrap:anywhere}.calendar-site-employee-chip>button{min-width:36px;min-height:36px}.mobile-site-assign{border:1px solid color-mix(in srgb, var(--turquoise) 35%, var(--line));background:var(--surface-muted);width:100%;min-height:44px;color:var(--turquoise-strong);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:.8rem;font-weight:750;display:flex}.mobile-employee-list{gap:8px;margin-top:12px;display:grid}.mobile-employee-option{border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:64px;padding:12px;display:flex}.mobile-employee-option:has(:checked){border-color:var(--turquoise);background:color-mix(in srgb, var(--turquoise) 8%, var(--surface))}.mobile-employee-option>span{overflow-wrap:anywhere;gap:3px;min-width:0;font-size:.88rem;display:grid}.mobile-employee-option small{color:var(--ink-muted);font-size:.75rem}.mobile-employee-option:has(:disabled){opacity:.6}.mobile-absence-workspace>section{min-height:0}body:has(.mobile-absence-workspace) .app-page{visibility:hidden}.mobile-absence-header{border-bottom:1px solid var(--line);background:var(--surface);flex:none;padding:10px 12px}.mobile-absence-header>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-absence-header h2{font-size:1.22rem;font-weight:800}.mobile-absence-header nav{background:var(--surface-muted);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-block:6px 10px;padding:3px;display:grid}.mobile-absence-header nav button{border-radius:9px;min-height:44px;padding:4px 1px;font-size:.7rem;font-weight:750}.mobile-absence-header nav [aria-current=page]{background:var(--surface);color:var(--turquoise-strong);box-shadow:0 1px 4px #0001}.mobile-absence-header>.app-button{width:100%;min-height:44px}.mobile-absence-team{gap:14px;min-width:0;display:grid}.mobile-absence-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mobile-absence-metrics>div{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:4px;padding:12px;display:grid}.mobile-absence-metrics strong{color:var(--navy-strong);font-size:1.5rem;font-weight:800}.mobile-absence-metrics span{color:var(--ink-muted);font-size:.75rem}.mobile-month-control{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.mobile-month-control label,.mobile-month-control input{width:100%;min-width:0}.mobile-month-control input{border:1px solid var(--line);min-height:44px;color:var(--foreground);background:var(--surface);border-radius:10px;padding:6px;font-size:16px}.mobile-month-control>.app-button{grid-column:1/-1;min-height:44px}.mobile-absence-filters{gap:10px;display:grid}.mobile-absence-filters label,.mobile-absence-create label{min-width:0;color:var(--ink-muted);gap:5px;font-size:.78rem;font-weight:700;display:grid}.mobile-list-label{color:var(--ink-muted);font-size:.75rem;font-weight:650}.mobile-absence-people{gap:10px;display:grid}.mobile-absence-person{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;gap:12px;width:100%;min-width:0;padding:14px;display:grid}.mobile-absence-person__heading{align-items:center;gap:10px;min-width:0;display:flex}.mobile-absence-person__heading>strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.92rem}.mobile-absence-person__heading>span:last-child{color:var(--ink-muted)}.mobile-absence-avatar{color:#fff;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.mobile-absence-today{color:var(--ink-muted);font-size:.75rem}.mobile-absence-today--urlaub{color:#258356;font-weight:750}.mobile-absence-today--krank{color:var(--danger);font-weight:750}.mobile-absence-today--sonstiges{color:var(--turquoise-strong);font-weight:750}.mobile-absence-ranges{gap:8px;display:grid}.mobile-absence-ranges>span{border-top:1px solid var(--line);gap:3px;padding-top:8px;font-size:.8rem;display:grid}.mobile-absence-ranges small,.mobile-absence-person>small,.mobile-absence-empty{color:var(--ink-muted);overflow-wrap:anywhere;font-size:.72rem}.mobile-empty{border:1px dashed var(--line);text-align:center;color:var(--ink-muted);border-radius:12px;padding:20px}.mobile-absence-create fieldset{gap:16px;min-width:0;display:grid}.mobile-absence-create h3,.mobile-vacation-review h3{font-weight:800}.mobile-vacation-review{gap:12px;display:grid}.mobile-vacation-review article{border:1px solid var(--line);border-radius:12px;padding:12px}.mobile-absence-workspace input:not([type=checkbox]),.mobile-absence-workspace select,.mobile-absence-workspace textarea{min-width:0;max-width:100%;min-height:44px;font-size:16px}.mobile-absence-workspace button{min-height:44px}.mobile-absence-workspace [class*=min-w-]{min-width:0}.mobile-absence-workspace .grid-cols-7{gap:2px}.mobile-absence-workspace .grid-cols-7>div{padding:4px 2px;font-size:.65rem}.mobile-absence-workspace .grid-cols-7>div>span{font-size:.85rem}.mobile-absence-workspace .grid-cols-7>div>span+span{font-size:.6rem}.mobile-absence-workspace .min-h-28{min-height:64px}.mobile-absence-workspace .max-h-\[600px\]>div{flex-wrap:wrap}.management-page__intro{margin-bottom:12px;padding:6px 0}.management-page__intro h1{font-size:1.5rem}.management-page__intro p{font-size:.85rem}.management-area-nav{background:0 0;border:0;margin-bottom:16px;padding:0;position:static}.management-area-nav__scroller{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:8px;padding:0;display:grid;overflow:visible}.management-area-nav__button{border:1px solid var(--line);background:var(--surface);text-align:left;white-space:normal;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-width:0;min-height:72px;padding:12px;font-size:.8rem;display:flex}.management-area-nav__button--active{border-color:var(--turquoise);background:color-mix(in srgb, var(--turquoise) 10%, var(--surface))}.management-section{border-radius:14px;min-width:0}.management-section__header,.management-section>button:first-child{min-height:64px;padding:14px}.management-section__header h2{font-size:1.05rem}.management-section__form,.management-record{min-width:0;padding:14px}.management-record{flex-direction:column;align-items:stretch;gap:12px}.management-record__name,.management-record__meta{overflow-wrap:anywhere}.management-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.management-actions button{white-space:normal;min-width:0;min-height:44px}.management-page .management-section input:not([type=checkbox]):not([type=radio]),.management-page .management-section select{min-width:0;max-width:100%;min-height:44px;font-size:16px}.management-page button{max-width:100%;min-height:44px}.management-page input[type=checkbox],.management-page input[type=radio]{min-width:22px;height:22px}.management-page [class*=min-w-\[],.management-page .min-w-48,.management-page .min-w-64{min-width:0}.management-page .permission-admin__toolbar>div{align-items:stretch}.management-page .permission-admin__toolbar>div>div{flex-basis:100%;min-width:0}.location-access-row{grid-template-columns:minmax(0,1fr)}.location-access-options{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.location-access-option{min-width:0;padding-inline:4px;font-size:.75rem}.retired-vehicle-list__item{flex-wrap:wrap}.retired-vehicle-list__delete{flex-basis:100%}.fleet-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fleet-category-tabs__button{gap:5px;min-width:0;padding-inline:6px;font-size:.78rem}.vehicle-group-icon-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.vehicle-group-icon-option{min-width:0;position:relative}.management-page .vehicle-group-icon-option input{width:1px;min-width:1px;height:1px}.vehicle-group-icon-option:focus-within{outline:3px solid var(--turquoise);outline-offset:2px}.site-editor-overlay{z-index:90;top:var(--mobile-viewport-top,0px);height:var(--mobile-viewport-height,100dvh);align-items:stretch;padding:0;bottom:auto}.site-editor-modal{border:0;border-radius:0;width:100%;max-width:none;height:100%;min-height:0;max-height:100%}.site-editor-header{padding:max(12px, env(safe-area-inset-top)) 14px 12px;flex:none}.site-editor-header h2{font-size:1.08rem}.site-editor-close{min-width:44px;min-height:44px}.site-editor-body{overscroll-behavior:contain;min-height:0;padding:0;display:block;overflow-y:auto}.site-editor-form{padding:14px;overflow:visible}.site-editor-section{border-radius:14px;margin-bottom:16px}.site-editor-basic-grid,.site-editor-planning-grid,.site-editor-details-grid{grid-template-columns:minmax(0,1fr)}.site-editor-location__address-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.site-editor-location__street,.site-editor-location__city{grid-column:1/-1}.site-editor-location__house-number,.site-editor-location__postal-code{grid-column:auto}.site-editor-location__coordinate-grid,.site-editor-cancellation__grid,.site-editor-status-grid{grid-template-columns:minmax(0,1fr)}.site-editor-status-option{min-height:48px}.site-live-preview{display:none}.site-editor-footer{max-height:34%;padding:10px 14px max(10px, env(safe-area-inset-bottom));flex-flow:wrap;flex:none;gap:8px;display:flex;overflow-y:auto}.site-editor-footer>div{flex-wrap:wrap;flex:100%;gap:8px;min-width:0;display:flex}.site-editor-footer button{flex:120px;min-width:0;min-height:44px;padding:8px 10px;font-size:.78rem}.site-editor-footer>div:first-child:empty{display:none}.standard-report-overlay,.excel-report-overlay{top:var(--mobile-viewport-top,0px);height:var(--mobile-viewport-height,100dvh);padding:0;bottom:auto}.standard-report-modal,.excel-report-modal{border-radius:0;max-width:100%;height:100%;max-height:100%}.standard-report-modal{background:var(--surface)}.standard-report-modal>aside{display:none}.standard-report-scroll{overscroll-behavior:contain;padding:12px;overflow:auto}.standard-report-paper{--surface:#fff;--surface-muted:#f1f5f9;--foreground:#111827;--ink-muted:#475569;--line:#cbd5e1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;min-width:640px}.standard-report-paper input,.standard-report-paper textarea,.standard-report-paper select{min-height:44px;font-size:16px}.standard-report-paper label{font-size:12px}.standard-report-paper .grid[class*=h-]{height:auto;min-height:44px}.standard-report-paper label:has(input[type=checkbox]){min-height:44px}.standard-report-paper input[type=checkbox]{width:22px;height:22px;min-height:22px}.standard-report-paper .bg-slate-100,.standard-report-paper .bg-slate-200{background-color:#e2e8f0!important}.standard-report-footer{max-height:34%;padding:10px 12px max(10px, env(safe-area-inset-bottom));overflow-y:auto}.standard-report-footer button{min-height:44px;padding:8px 10px}.standard-report-page-picker{gap:8px;padding:8px 12px;display:flex}.standard-report-page-picker select{width:100%;min-width:0;min-height:44px;font-size:16px}.standard-report-stepper{display:none}.excel-report-modal__header{padding-top:max(12px, env(safe-area-inset-top))}.excel-report-modal__header h2{font-size:1.05rem}.excel-report-modal__header p{overflow-wrap:anywhere;font-size:.75rem}.excel-report-modal__body{min-width:0;padding:12px}.excel-report-modal .excel-document__scroll{overscroll-behavior:contain;max-width:100%;max-height:55dvh}.excel-report-modal .excel-document textarea{min-height:44px;font-size:16px!important}.excel-report-modal__footer{max-height:35%;padding-bottom:max(12px, env(safe-area-inset-bottom));overflow-y:auto}.excel-report-modal__footer button,.excel-report-modal__footer a{white-space:normal;min-height:44px;font-size:.78rem}body:has(input:focus,textarea:focus) .mobile-bottom-nav{visibility:hidden}}