.quick-search{margin-bottom:20px}.quick-search label{display:block;color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px 3px}.quick-search>div{display:flex}.quick-search input{min-width:0;width:100%;padding:10px 11px;background:var(--surface);border:1px solid var(--line);border-right:0;border-radius:9px 0 0 9px;color:white;outline:none}.quick-search input:focus{border-color:var(--accent)}.quick-search button{width:42px;border:0;border-radius:0 9px 9px 0;background:var(--accent);color:white;font-size:1.15rem;cursor:pointer}.search-panel{display:flex;gap:10px;margin-bottom:20px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.search-panel input{flex:1;min-width:180px;padding:12px 14px;background:#0c0f13;color:white;border:1px solid var(--line);border-radius:9px;outline:none}.pagination{display:flex;justify-content:center;gap:7px;margin-top:22px;flex-wrap:wrap}.pagination a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.82rem}.pagination a.active,.pagination a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.create-dropdown{position:relative}.create-dropdown>summary{list-style:none}.create-dropdown>summary::-webkit-details-marker{display:none}.create-dropdown[open]>.panel{position:absolute;right:0;top:52px;width:min(700px,90vw);z-index:12;box-shadow:0 28px 80px rgba(0,0,0,.65)}.maintenance-box{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px;margin-bottom:20px;background:#0c0f13;border:1px solid var(--line);border-radius:12px}.maintenance-box p{margin:4px 0 0}.switch{position:relative;flex:0 0 52px;width:52px;height:29px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#343b44;border-radius:99px;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:21px;height:21px;left:4px;top:4px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translateX(23px)}code{padding:2px 6px;border-radius:5px;background:#080a0d;color:#e8a5a8}@media(max-width:680px){.search-panel{flex-direction:column}.create-dropdown[open]>.panel{position:fixed;inset:90px 12px 12px;width:auto;overflow:auto}.maintenance-box{align-items:flex-start}.quick-search{margin-bottom:12px}}
.weekday-options{display:flex;flex-wrap:wrap;gap:.55rem}.weekday-options label{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);font-weight:700}.weekday-options input{width:auto;margin:0}
.order-positions{margin-top:18px}.order-position-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.order-global-discount{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:800}.order-global-discount input{width:86px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#0c0f13;color:#fff}.order-position-totals{display:flex;gap:18px;flex-wrap:wrap}.order-position-totals span{display:flex;gap:7px;color:var(--muted)}.order-position-totals strong{color:#fff}.order-position-totals span:last-child strong{color:var(--accent)}@media(max-width:760px){.order-position-footer{align-items:stretch;flex-direction:column}.order-position-totals{justify-content:space-between}}
.appointment-manage-form{display:grid;grid-template-columns:120px 95px 120px 95px 145px minmax(170px,1fr) auto;align-items:end;gap:8px;min-width:980px}.appointment-manage-form>div{display:grid;gap:4px}.appointment-manage-form label{font-size:.68rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.appointment-manage-form input,.appointment-manage-form select{min-width:0;padding:8px 9px}.appointment-manage-form .btn{white-space:nowrap}@media(max-width:900px){.appointment-manage-form{grid-template-columns:1fr 1fr;min-width:560px}.appointment-note{grid-column:1/-1}}
.location-switcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.location-switcher-copy{display:flex;align-items:center;gap:12px}.location-switcher-copy span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.location-switcher-copy strong{display:block}.location-switcher form{min-width:min(100%,340px)}.location-switcher select{width:100%}
.location-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--location-color) 55%,transparent);border-radius:999px;color:var(--location-color);background:color-mix(in srgb,var(--location-color) 10%,transparent);font-size:.72rem;font-weight:800;line-height:1.2}.location-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--location-color)}
.location-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.location-admin-card{border-top:3px solid var(--location-color)}.location-card-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.location-card-head h2{margin:9px 0 3px}.location-card-head p{margin:0;color:var(--muted)}.location-card-head input[type=color]{width:48px;height:40px;padding:3px}.location-options{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0}.location-options input{width:auto;margin-right:6px}
@media(max-width:820px){.location-switcher{align-items:stretch;flex-direction:column}.location-switcher form{min-width:0}.location-admin-grid{grid-template-columns:1fr}}

/* Sichtbarer Bereichsumschalter im Mitarbeiterportal. */
.app-shell .portal-main>.location-switcher{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:1480px;margin:0 auto 18px;padding:15px 18px;border:1px solid #343c47;border-left:3px solid var(--accent);border-radius:11px;background:#191e25;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.app-shell .location-switcher-copy{display:flex;align-items:center;gap:12px;min-width:0}
.app-shell .location-switcher-copy .metric-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:9px;background:rgba(229,27,35,.12);color:#ff6268}
.app-shell .location-switcher-copy .location-switcher-label{display:block;color:#98a5b4;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.app-shell .location-switcher-copy strong{display:block;color:#f3f5f8;font-size:.85rem;line-height:1.35}
.app-shell .location-switcher-form{display:flex;align-items:center;gap:9px;width:min(100%,460px);min-width:0}
.app-shell .location-switcher-form select{flex:1;min-width:0;min-height:39px;padding:8px 33px 8px 11px;border:1px solid #404a57;border-radius:8px;background:#10141a;color:#f3f5f8;font:inherit;font-size:.75rem;cursor:pointer}
.app-shell .location-switcher-form select:focus-visible,.app-shell .location-switcher-form button:focus-visible{outline:2px solid #f15d64;outline-offset:2px}
.app-shell .location-switcher-form button{flex:0 0 auto;min-height:39px;padding:7px 13px;font-size:.72rem}
.location-switcher .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.app-shell .portal-main>.location-switcher{align-items:stretch;flex-direction:column;gap:12px}.app-shell .location-switcher-form{width:100%}}
@media(max-width:440px){.app-shell .location-switcher-form{align-items:stretch;flex-direction:column}.app-shell .location-switcher-form button{width:100%}}