/* GENERATED by scripts/build-dark-theme.mjs — do not edit by hand. */
/* ---- from styles.css ---- */
html.dark {color-scheme:dark;--bg:#0e1418;--panel:#141c21;--line:#ced6db;--text:#f2f1ee;--muted:#a2abb1;--peach:#61422e;--blue:#334e5b;color:var(--text);background:var(--bg)
}
html.dark button, html.dark input, html.dark a {-webkit-tap-highlight-color:transparent
}
html.dark a {color:inherit;text-decoration:none
}
html.dark button {color:inherit
}
html.dark button:focus-visible, html.dark a:focus-visible, html.dark [tabindex]:focus-visible {outline:2px solid var(--peach)
}
html.dark input:focus {outline:none
}
html.dark input:focus-visible {outline:none
}
html.dark button {border:0;background:none
}
html.dark .peach {color:var(--peach)
}
html.dark .muted {color:var(--muted)
}
html.dark .eyebrow {color:var(--peach)
}
html.dark .brand-mark i {background:var(--peach)
}
html.dark .primary {color:#ece1d6;background:var(--peach);border:1px solid var(--peach)
}
html.dark .primary:hover {background:#503423
}
html.dark .subtle {background:#171f24;border:1px solid #cbd3d8;color:#ccd1d5
}
html.dark .subtle:hover {background:#242e34
}
html.dark .icon-btn {color:var(--muted)
}
html.dark .icon-btn:hover {background:#263038;color:var(--text)
}
html.dark .preview-label {border:1px solid #c8cdd3;color:#b0b6ba
}
html.dark .sr-only {border:0
}
html.dark .auth-photo {background:linear-gradient(90deg,#05090c7a,#05090c14),linear-gradient(0deg,#0e1418 0%,transparent 42%),url('/assets/office.png') center / cover
}
html.dark .auth-headline p {color:#c7c6c2
}
html.dark .auth-services {color:#c3c4c3
}
html.dark .auth-services .icon {color:var(--peach)
}
html.dark .auth-story-bottom {color:#9b9e9f
}
html.dark .auth-main {background:#10171c
}
html.dark .auth-topline>span:first-child {color:#9a9fa2
}
html.dark .auth-intro {color:var(--muted)
}
html.dark .auth-form-wrap label {color:#d5d7d9
}
html.dark .input-wrap {border:1px solid #c9d1d7;background:#131c22;color:#8f9ba3
}
html.dark .input-wrap:focus-within {border-color:var(--peach);box-shadow:0 0 0 3px #68473109
}
html.dark .input-wrap input {background:transparent;border:0;color:var(--text)
}
html.dark .input-wrap input::placeholder {color:#a4adb3
}
html.dark .preview-note {color:#8f9ba3
}
html.dark .auth-switch {color:var(--muted)
}
html.dark .auth-switch a {color:var(--peach)
}
html.dark .auth-switch a:hover {text-decoration:underline
}
html.dark .auth-footer {color:#a5adb3
}
html.dark .topbar {border-bottom:1px solid var(--line);background:#10171c
}
html.dark .topbar-divider {background:var(--line)
}
html.dark .avatar {background:#ab795b;color:#ffffff
}
html.dark .sidebar {border-right:1px solid var(--line);background:#10171b
}
html.dark .nav-item {color:#a8b0b7
}
html.dark .nav-item:hover {background:#192228;color:#eeeeee
}
html.dark .nav-item.active {color:var(--peach);background:#62432f13
}
html.dark .nav-item.active:before {background:var(--peach)
}
html.dark .nav-heading {color:#a5aeb4
}
html.dark .nav-soon {color:#9da8af
}
html.dark .small-rule {background:var(--peach)
}
html.dark .sidebar-bottom p {color:#a7afb5
}
html.dark .sidebar-bottom>span:last-child {color:#aeb7bd
}
html.dark .main-content {outline:none
}
html.dark .page-footer {border-top:1px solid #d1dae0;color:#a4adb3
}
html.dark .footer-dot {color:#c0a48f
}
html.dark .breadcrumbs {color:#9ca8b0
}
html.dark .breadcrumbs .icon {color:#b6bec5
}
html.dark .breadcrumbs a:hover {color:var(--peach)
}
html.dark .breadcrumbs>span {color:#c2cbd1
}
html.dark .home-hero {background:#172025;border:1px solid #cfd6d9
}
html.dark .home-hero-photo {background:linear-gradient(90deg,#121b20 3%,#121b20e8 28%,transparent 75%),url('/assets/office.png') center 55% / cover
}
html.dark .hero-copy p {color:#afb7bc
}
html.dark .hero-rule {background:var(--peach)
}
html.dark .photo-caption {color:#dbb698
}
html.dark .section-heading>span {color:#9faab1
}
html.dark .booking-card {background:#141d23;border:1px solid #cbd2d8
}
html.dark .booking-card:hover {border-color:#778088;background:#192229
}
html.dark .booking-card.featured {border-color:#ac7d5b;background:linear-gradient(125deg,#382b23,#211f1d)
}
html.dark .booking-card.featured:hover {border-color:var(--peach);background:linear-gradient(125deg,#463127,#29231e)
}
html.dark .card-icon {background:#273139;color:#b7c0c6
}
html.dark .featured .card-icon {background:#76563c66;color:var(--peach)
}
html.dark .card-meta {color:#c29a7d
}
html.dark .status-tag {color:#8f9ba4;border:1px solid #c6ced3
}
html.dark .booking-card p {color:#9ba8b0
}
html.dark .featured p {color:#c6b7aa
}
html.dark .card-bottom {color:#a5b0b8
}
html.dark .featured .card-bottom {color:#e7c1a4
}
html.dark .round-arrow {border:1px solid #bec7ce;color:#c1c9cd
}
html.dark .featured .round-arrow {background:var(--peach);border-color:var(--peach);color:#e6dad2
}
html.dark .home-note {color:#a0adb5
}
html.dark .home-note>.icon {color:#bba18e
}
html.dark .home-note>span {color:#aab4bb
}
html.dark .page-title-row p {color:var(--muted)
}
html.dark .stepper {color:#a8b1b8
}
html.dark .stepper li+li:before {background:#354149
}
html.dark .stepper li>span {border:1px solid #c6cfd5
}
html.dark .stepper .current {color:var(--peach)
}
html.dark .stepper .current>span {background:#6547321c;border-color:#af866b
}
html.dark .stepper .done {color:#c0c9ce
}
html.dark .stepper .done>span {color:var(--peach);border-color:#cdbfb5
}
html.dark .overview-panel {border:1px solid var(--line);background:#111a20
}
html.dark .map-toolbar {border-bottom:1px solid #ccd4da;color:#b6c0c7
}
html.dark .map-toolbar .icon {color:#8d9ca7
}
html.dark .map-mode {color:#9eaab4
}
html.dark .wing-region {outline:none;--wing-stroke:#6b9fba;--wing-fill:#273d49;--wing-inset:#435e6f;--wing-text:#abd5e9
}
html.dark .wing-a {--wing-stroke:#bc8c66;--wing-fill:#423227;--wing-inset:#73533d;--wing-text:#e9bd9b
}
html.dark .region-fill {fill:var(--wing-fill);stroke:var(--wing-stroke);stroke-linejoin:round
}
html.dark .region-inset {fill:none;stroke:var(--wing-inset)
}
html.dark .wing-region:hover .region-fill, html.dark .wing-region:focus-visible .region-fill, html.dark .wing-region.chosen .region-fill {filter:brightness(1.35)
}
html.dark .wing-region text {fill:var(--wing-text)
}
html.dark .wing-description {fill:#b5c0c6!important
}
html.dark .wing-overline {fill:#89acbf!important
}
html.dark .map-arrow circle {fill:none;stroke:var(--wing-stroke)
}
html.dark .map-arrow path {fill:none;stroke:var(--wing-text)
}
html.dark .core rect {fill:#20292f;stroke:#657078
}
html.dark .core text {fill:#aeb9c0
}
html.dark .map-footnote {fill:#aab5bd
}
html.dark .map-legend {color:#a3afb7;border-top:1px solid #cdd7de
}
html.dark .blue {background:#3d5866
}
html.dark .peach-bg {background:#70543f
}
html.dark .neutral {background:#737f87
}
html.dark .wing-choice {border:1px solid #baccd8;background:#17232c;color:var(--blue)
}
html.dark .wing-choice:hover, html.dark .wing-choice.chosen {background:#243b49;border-color:#4d768a
}
html.dark .choice-a {border-color:#d5c4b9;background:#26211c;color:var(--peach)
}
html.dark .choice-a:hover, html.dark .choice-a.chosen {background:#3e2f24;border-color:#8c6446
}
html.dark .wing-monogram {border:1px solid #67899d66
}
html.dark .choice-a .wing-monogram {border-color:#b187625e
}
html.dark .wing-choice p {color:#a0adb5
}
html.dark .choice-a p {color:#b5a99e
}
html.dark .wing-choice-bottom {border-top:1px solid #7f97a529
}
html.dark .core-note {color:#9aa8b2
}
html.dark .back-link {color:#b6a18f
}
html.dark .back-link:hover {color:var(--peach)
}
html.dark .heading-divider {color:#bcc4cb
}
html.dark .heading-light {color:#c8ced1
}
html.dark .floor-panel {border:1px solid #c5cfd6;background:#172027
}
html.dark .toolbar-separator {color:#b2bec5
}
html.dark .floor-viewport {background:#101b24;scrollbar-color:#4a5b66 #172128
}
html.dark .floor-svg {background:#1e2939;box-shadow:0 10px 25px #0000005c
}
html.dark .section-region {outline:none
}
html.dark .section-region rect {fill:transparent;stroke:transparent
}
html.dark .section-region:hover rect, html.dark .section-region:focus-visible rect {fill:#1e293933;stroke:#d1e1e8
}
html.dark .section-region.selected rect {fill:#1e293911;stroke:#c8dbe8;stroke-dasharray:7 4
}
html.dark .floor-controls {border-top:1px solid #c5cfd6;background:#151e24
}
html.dark .map-hint {color:#96a5af
}
html.dark .zoom-tools output {color:#bec7cd
}
html.dark .zoom-tools>span {background:#354048
}
html.dark .picker-heading h2>span {background:#26333b;color:#b7c2c9
}
html.dark .picker-heading>span {color:#9cabb6
}
html.dark .section-chip {border:1px solid #c4cfd6;background:#182229;color:#b8c3ca
}
html.dark .section-chip i {background:var(--section-color)
}
html.dark .section-chip:hover {background:#2b3741;border-color:#676e73
}
html.dark .section-chip.selected {border-color:var(--peach);color:var(--peach);background:#62432f13
}
html.dark .section-detail {border:1px solid #c9d3db;background:#131d24
}
html.dark .detail-icon {border:1px solid #c2ced6;color:#aba498
}
html.dark .section-detail p {color:#99a8b1
}
html.dark .selection-prompt {color:#93a4b0
}
html.dark .section-detail.has-selection {border-color:#77604d;background:#231f1b
}
html.dark .section-letter {background:var(--section-color);color:#d1dae3
}
html.dark .selection-label {color:var(--peach)
}
html.dark .selected-copy h2 span {color:#b8a795;border-left:1px solid #d0c3b6
}
html.dark .selected-copy p {color:#ad9f93
}
html.dark .dialog {border:1px solid #bfc5c8;background:#182229;color:var(--text);box-shadow:0 25px 90px #000000
}
html.dark .dialog::backdrop {background:#04090cba
}
html.dark .dialog-header {border-bottom:1px solid #c4cfd7
}
html.dark .help-steps b {color:var(--peach)
}
html.dark .help-steps span {color:#b0bdc5
}
html.dark .section-closeup {background:#1a1c1d
}
html.dark .section-facts span {color:#8ea0ac
}
html.dark .next-phase {border-top:1px solid #c2ced7
}
html.dark .next-phase>.icon {color:var(--peach)
}
html.dark .next-phase p {color:#a0b0bb
}
html.dark .large-icon {background:#34291f;color:var(--peach)
}
html.dark .coming-soon p {color:var(--muted)
}
@media (max-width:600px) {
html.dark .sidebar {border-right:0;border-bottom:1px solid var(--line)
}
}
@media (max-width:600px) {
html.dark .home-hero-photo {background-position:65% center
}
}
@media (max-width:600px) {
html.dark .status-tag {border:0
}
}
/* ---- from theme-light.css ---- */
html.dark {
  color-scheme: dark;
  --bg: #13223a;
  --panel: #1e2939;
  --line: #2c3a4c;
  --text: #bcceeb;
  --muted: #a3afc2;
  --peach: #2166d5;
  --blue: #397ef2;
  --navy: #bcceeb;
  --navy-2: #acc3e7;
  --blue-strong: #2166d5;
  --soft: #0e1929;
  --vlight: #111f32
}
html.dark .primary { color: #ffffff
}
html.dark .primary:hover { background: #001c66
}
html.dark .subtle { background: #1e2939; border: 1px solid #504c40; color: #c6d2ce
}
html.dark .subtle:hover { background: #201d17
}
html.dark .icon-btn:hover { background: #2a2720; color: var(--text)
}
html.dark .preview-label { border: 1px solid #524f44; color: #b0b7b2
}
html.dark .auth-layout {
  background:
    radial-gradient(ellipse 40% 45% at 50% 50%, #1e1d1600 22%, #1e1d1666 58%, #1e1d16 100%) fixed,
    #1e1d16 url('/assets/office-layout-sketch.png') -180% 230% / auto 110% fixed no-repeat
}
html.dark .auth-photo { background: none
}
html.dark .auth-main { background: transparent
}
html.dark .auth-story-content {
  background: linear-gradient(90deg, #1e1d16 0%, #1e1d16d1 34%, #1e1d1600 72%)
}
html.dark .auth-headline p { color: #bfc9c4
}
html.dark .auth-services { color: #b9c5c0
}
html.dark .auth-form-wrap {
  background: #1e2939;
  border: 1px solid #454134;
  box-shadow: 0 30px 60px #00000025
}
html.dark .auth-form-wrap label { color: #c6ddd6
}
html.dark .input-wrap { border: 1px solid #534f43; background: #302c1d; color: #98a29a
}
html.dark .input-wrap:focus-within { border-color: var(--peach); box-shadow: 0 0 0 3px #00000040
}
html.dark .input-wrap input::placeholder { color: #9aa49c
}
html.dark .preview-note { color: #b5bdb9
}
html.dark .auth-footer { color: #b0b7b2
}
html.dark .topbar { background: var(--bg)
}
html.dark .avatar { background: #565c52; color: #cae4dd
}
html.dark .sidebar { background: var(--bg); border-right: 1px solid #494538
}
html.dark .nav-item { color: #becac5
}
html.dark .nav-item:hover { background: #24221b; color: #cae4dd
}
html.dark .nav-item.active { color: var(--peach); background: #00288e1a
}
html.dark .nav-heading { color: #aab0ac
}
html.dark .sidebar-bottom p { color: #b5bdb9
}
html.dark .sidebar-bottom > span:last-child { color: #aab0ac
}
html.dark .page-footer { border-top: 1px solid #494538; color: #b0b7b2
}
html.dark .footer-dot { color: #929eb6
}
html.dark .breadcrumbs { color: #b0b7b2
}
html.dark .breadcrumbs .icon { color: #b7c0b8
}
html.dark .breadcrumbs > span { color: #c6d2ce
}
html.dark .home-hero { background: #211e17; border: 1px solid #4b4638
}
html.dark .home-hero-photo {
  background:
    linear-gradient(90deg, #211e17 2%, #211e17db 30%, #211e1700 68%),
    url('/assets/office-layout-sketch.png') right center / cover no-repeat
}
html.dark .hero-copy p { color: #bfc9c4
}
html.dark .photo-caption { color: #b0b7b2
}
html.dark .section-heading > span { color: #b0b7b2
}
html.dark .booking-card { background: #2b261b; border: 1px solid #4b4638
}
html.dark .booking-card:hover { border-color: #595448; background: #1e2939
}
html.dark .booking-card.featured { border-color: #2b3a5a; background: linear-gradient(120deg, #121a28, #13223a)
}
html.dark .booking-card.featured:hover { border-color: var(--peach); background: linear-gradient(120deg, #111a28, #161f2f)
}
html.dark .booking-card[href*="parking"] { background: linear-gradient(120deg, #181d1a, #2b281d)
}
html.dark .booking-card[href*="parking"]:hover { background: linear-gradient(120deg, #1b211e, #1e2939)
}
html.dark .booking-card[href*="meal"] { background: linear-gradient(120deg, #1b1e17, #2b281d)
}
html.dark .booking-card[href*="meal"]:hover { background: linear-gradient(120deg, #20251b, #1e2939)
}
html.dark .card-icon { background: #1d1e1a; color: #bfc9c4
}
html.dark .featured .card-icon { background: #121a29; color: var(--peach)
}
html.dark .card-meta { color: #929eb6
}
html.dark .status-tag { color: #b0b7b2; border: 1px solid #534f43
}
html.dark .booking-card p { color: #bfc9c4
}
html.dark .featured p { color: #b4c0d5
}
html.dark .card-bottom { color: #becac5
}
html.dark .featured .card-bottom { color: #acbde7
}
html.dark .round-arrow { border: 1px solid #595448; color: #bfc9c4
}
html.dark .featured .round-arrow { background: var(--peach); border-color: var(--peach); color: #ffffff
}
html.dark .home-note { color: #bfc9c4
}
html.dark .home-note > .icon { color: var(--peach)
}
html.dark .home-note > span { color: #b0b7b2
}
html.dark .stepper { color: #698fd0
}
html.dark .stepper li + li:before { background: #132138
}
html.dark .stepper li > span { border: 1px solid #254070
}
html.dark .stepper .current > span { background: #00288e1a; border-color: var(--peach)
}
html.dark .stepper .done { color: #84a5db
}
html.dark .stepper .done > span { color: var(--peach); border-color: #334163
}
html.dark .overview-panel { border: 0; background: transparent; box-shadow: none
}
html.dark .map-compass { color: #7d95bd
}
html.dark .map-compass svg { fill: currentColor
}
html.dark .map-toolbar { border-bottom: 1px solid #464234; color: #c6d2ce
}
html.dark .map-toolbar .icon { color: #84a0cd
}
html.dark .map-mode { color: #84a0cd
}
html.dark .wing-region {
  --wing-stroke: #4f8bbf;
  --wing-fill: #162129;
  --wing-inset: #263743;
  --wing-text: #98c0df
}
html.dark .wing-a {
  --wing-stroke: #acbde7;
  --wing-fill: #121a29;
  --wing-inset: #212b41;
  --wing-text: #acbde7
}
html.dark .wing-region:hover .region-fill, html.dark .wing-region:focus-visible .region-fill, html.dark .wing-region.chosen .region-fill { filter: brightness(.96)
}
html.dark .wing-description { fill: #8fa7cf !important
}
html.dark .wing-overline { fill: #698fd0 !important
}
html.dark .core rect { fill: #0f1b2d; stroke: #254070
}
html.dark .core text { fill: #8fa7cf
}
html.dark .map-footnote { fill: #aab0ac
}
html.dark .map-legend { color: #b9c2be; border-top: 1px solid #464234
}
html.dark .blue { background: #5f97c9
}
html.dark .peach-bg { background: #00288e
}
html.dark .neutral { background: #57554e
}
html.dark .wing-choice { border: 1px solid #304354; background: #16212c; color: #98c0df
}
html.dark .wing-choice:hover, html.dark .wing-choice.chosen { background: #111a22; border-color: #426077
}
html.dark .choice-a { border: 1px solid #334163; background: #121a28; color: #acbde7
}
html.dark .choice-a:hover, html.dark .choice-a.chosen { background: #121a29; border-color: #495b84
}
html.dark .wing-monogram { border-color: #364d60
}
html.dark .choice-a .wing-monogram { border-color: #37496e
}
html.dark .wing-choice p { color: #9eb2c2
}
html.dark .choice-a p { color: #b4c0d5
}
html.dark .wing-choice-bottom { border-top: 1px solid #4f8bbf38
}
html.dark .choice-a .wing-choice-bottom { border-top-color: #acbde742
}
html.dark .core-note { color: #b0b7b2
}
html.dark .back-link { color: #b0b7b2
}
html.dark .heading-divider { color: #aac8ff
}
html.dark .heading-light { color: #becac5
}
html.dark .floor-panel { border: 1px solid #4b4638; background: #1e2939
}
html.dark .toolbar-separator { color: #aac8ff
}
html.dark .floor-viewport { background: #1e1c15; scrollbar-color: #192a4a #111f32
}
html.dark .floor-svg { background: #1e2939; box-shadow: 0 12px 30px #0000002e
}
html.dark .floor-controls { border-top: 1px solid #464234; background: #28251a
}
html.dark .map-hint { color: #b5bdb9
}
html.dark .zoom-tools output { color: #b3c5e9
}
html.dark .zoom-tools > span { background: #132138
}
html.dark .picker-heading h2 > span { background: #1d1e1a; color: #bfc9c4
}
html.dark .picker-heading > span { color: #b0b7b2
}
html.dark .section-chip { border: 1px solid #4d493c; background: #2b261b; color: #c6d2ce
}
html.dark .section-chip:hover { background: #211f18; border-color: #5f5b51
}
html.dark .section-chip.selected { border-color: var(--peach); color: var(--peach); background: #00288e17
}
html.dark .section-detail { border: 1px solid #4b4638; background: #2b261b
}
html.dark .detail-icon { border: 1px solid #534f43; color: #b0b7b2
}
html.dark .section-detail p { color: #b9c2be
}
html.dark .selection-prompt { color: #b0b7b2
}
html.dark .section-detail.has-selection { border-color: #2b3a5a; background: #172030
}
html.dark .selected-copy h2 span { color: #b0b7b2; border-left: 1px solid #534f43
}
html.dark .selected-copy p { color: #b9c2be
}
html.dark .dialog { border: 1px solid #4b4638; background: #1e2939; color: var(--text); box-shadow: 0 25px 90px #00000065
}
html.dark .dialog::backdrop { background: #1e2d2859
}
html.dark .dialog-header { border-bottom: 1px solid #464234
}
html.dark .help-steps span { color: #bfc9c4
}
html.dark .section-closeup { background: #211e17
}
html.dark .section-facts span { color: #b0b7b2
}
html.dark .next-phase { border-top: 1px solid #464234
}
html.dark .next-phase p { color: #bfc9c4
}
html.dark .large-icon { background: #35281c; color: var(--peach)
}
html.dark .page-hero {
  background: #0f1c2d;
  color: #b3c5e9
}
html.dark .page-hero-art {
  background-position: right 44%;
  background-size: 68% auto;
  background-repeat: no-repeat
}
html.dark .page-hero--meal .page-hero-art { background-image: url('/assets/Meal%20Selection.png')
}
html.dark .page-hero--parking .page-hero-art { background-image: url('/assets/Parking%20Selection.png'); background-position: right 56%
}
html.dark .page-hero--seat .page-hero-art { background-image: url('/assets/office-blueprint.png'); background-position: right 47%
}
html.dark .page-hero--quickbook .page-hero-art { background-image: url('/assets/office-blueprint.png'); background-position: right 62%
}
html.dark .page-hero--account .page-hero-art { background-image: url('/assets/office-blueprint.png'); background-position: right 70%; background-size: 60% auto
}
html.dark .page-hero--account:after { background: linear-gradient(90deg, #0f1d2ee6 0%, #0f1d2cc7 24%, #0e1a2a00 46%, #0d192866 85%, #0e1b2bed 100%)
}
html.dark .page-hero:after {
  background: linear-gradient(90deg, #0f1d2ee6 0%, #0f1d2cd9 30%, #0e1a2a00 62%, #0d192866 85%, #0e1b2bed 100%)
}
html.dark .workplace .page-hero .eyebrow { color: #84a5db
}
html.dark .page-hero h1 {
  color: #bbceeb
}
html.dark .page-hero-description { color: #92abd0
}
html.dark .account-card { background: linear-gradient(135deg, #14253be0, #0f1c2db3); border: 1px solid #20385f; color: #b3c5e9
}
html.dark .profile-details dt { color: #92abd4
}
html.dark .profile-details dd { color: #b3c5e9
}
html.dark .profile-empty { color: #698fd0
}
html.dark .help-card:hover { border-color: #254070; box-shadow: 0 8px 24px #36486312
}
html.dark .help-card h2 { color: #bbceeb
}
html.dark .help-card p { color: #8fa7cf
}
html.dark .help-card-action { color: #6e8fd5
}
html.dark .meal-page { color: #b3c5e9
}
html.dark .meal-type-fieldset { border: 0
}
html.dark .meal-panel-title {
  color: #b3c5e9
}
html.dark .meal-option {
  background: linear-gradient(135deg, #14253be0, #0f1c2db3);
  border: 1px solid #20385f
}
html.dark .meal-option:hover { border-color: #254070; box-shadow: 0 8px 24px #36486312
}
html.dark .meal-option.active { border-color: #395faa; box-shadow: 0 0 0 2px #26407313; background: linear-gradient(135deg, #14253b, #0e1929)
}
html.dark .meal-option:has(input:focus-visible) { outline: 3px solid #0056ff
}
html.dark .meal-option-check {
  background: #0758f6;
  color: #ffffff;
  box-shadow: 0 2px 6px #0000005c
}
html.dark .meal-option-label {
  color: #bbceeb
}
html.dark .meal-alert.error { background: #2c1313; color: #e19797
}
html.dark .meal-alert.notice { background: #0e1929; color: #81a0db
}
html.dark .meal-page .meal-submit:disabled { box-shadow: none
}
html.dark .meal-submit-hint { color: #698fd0
}
html.dark .meal-bookings-heading h2 { color: #b3c5e9
}
html.dark .meal-bookings .meal-field label {
  color: #b3c5e9
}
html.dark .meal-bookings-card {
  background: linear-gradient(135deg, #14253be0, #0f1c2db3);
  border: 1px solid #20385f
}
html.dark .meal-field label { color: #92abd4
}
html.dark .meal-field input[type="date"] {
  border: 1px solid #20385f;
  background: #14253bb3;
  color: #b3c5e9
}
html.dark .meal-field input[type="date"]:focus-visible { outline: 3px solid #0056ff
}
html.dark .meal-field-hint { color: #698fd0
}
html.dark .meal-bookings-loading { color: #698fd0
}
html.dark .meal-empty-title { color: #b3c5e9
}
html.dark .meal-empty-hint { color: #698fd0
}
html.dark .meal-booking-item {
  border: 1px solid #1f395e;
  background: #122135
}
html.dark .meal-booking-date { color: #b3c5e9
}
html.dark .meal-booking-type { color: #698fd0
}
html.dark .meal-booking-cancel {
  border: none;
  background: none;
  color: #e19797
}
html.dark .meal-booking-cancel:hover { background: #2c1313
}
html.dark .quickbook-hero {
  background: linear-gradient(120deg, #00288e 0%, #123fb0 100%);
  color: #ffffff
}
html.dark .quickbook-hero:hover { box-shadow: 0 12px 28px #00000081
}
html.dark .quickbook-hero-icon {
  background: #1e293929
}
html.dark .quickbook-hero-icon .icon { color: #ffffff
}
html.dark .quickbook-hero-copy .eyebrow { color: #cfd8f7
}
html.dark .quickbook-hero-copy h2 { color: #ffffff
}
html.dark .quickbook-hero-copy p { color: #dfe4fa
}
html.dark .quickbook-hero-arrow {
  background: #1e293929
}
html.dark .quickbook-hero-arrow .icon { color: #ffffff
}
html.dark .quickbook-panel { color: #b3c5e9
}
html.dark .quickbook-panel-heading h2 { color: #b3c5e9
}
html.dark .quickbook-panel-heading p { color: #698fd0
}
html.dark .quickbook-loading { color: #698fd0
}
html.dark .quickbook-day, html.dark .quickbook-panel .meal-toggle {
  background: linear-gradient(135deg, #14253be0, #0f1c2db3);
  border: 1px solid #20385f
}
html.dark .quickbook-day:hover, html.dark .quickbook-panel .meal-toggle:hover { border-color: #254070; box-shadow: 0 8px 24px #36486312
}
html.dark .quickbook-day.checked, html.dark .quickbook-panel .meal-toggle.active { border-color: #395faa; box-shadow: 0 0 0 2px #26407313; background: linear-gradient(135deg, #14253b, #0e1929)
}
html.dark .quickbook-day.locked { border-color: #1f395e; background: #141e2d; box-shadow: none
}
html.dark .quickbook-day:has(input:focus-visible), html.dark .quickbook-panel .meal-toggle:has(input:focus-visible) { outline: 3px solid #0056ff
}
html.dark .quickbook-day-label { color: #bbceeb
}
html.dark .quickbook-day-date { color: #84a0cd
}
html.dark .quickbook-day-tag { color: #84a5db
}
html.dark .quickbook-panel .meal-field > span { color: #92abd4
}
html.dark .quickbook-panel .meal-toggle { color: #bbceeb
}
html.dark .workplace .quickbook-secondary { border: 1px solid #1f395e; background: #14253bb8; color: #81a0db
}
html.dark .workplace .quickbook-secondary:hover { background: #0f1b2d
}
html.dark .workplace .quickbook-panel .primary-button:disabled { box-shadow: none
}
html.dark .quickbook-date-chip {
  background: #14253bb8;
  border: 1px solid #1f395e;
  color: #b3c5e9
}
html.dark .quickbook-summary {
  background: linear-gradient(135deg, #14253be0, #0f1c2db3);
  border: 1px solid #20385f
}
html.dark .workplace .quickbook-summary-icon { background: #0f1b2e; color: #7e9ed9
}
html.dark .quickbook-summary h2 { color: #bbceeb
}
html.dark .quickbook-summary-list li {
  border: 1px solid #1f395e;
  background: #14253bb8;
  color: #b3c5e9
}
html.dark .quickbook-summary-list .icon { color: #7e9ed9
}
html.dark .workplace .quickbook-coming-soon { background: linear-gradient(135deg, #14253be0, #0f1c2db3); border: 1px solid #20385f; color: #b3c5e9
}
html.dark .workplace .quickbook-coming-soon .large-icon { background: #0f1b2e; color: #7e9ed9
}
html.dark .quickbook-coming-soon h1 { color: #bbceeb
}
html.dark .quickbook-coming-soon p { color: #92abd0
}
html.dark .mybookings-widget {
  border: 1px solid #4b4638;
  background: #1e2939
}
html.dark .mybookings-summary {
  background: transparent;
  border: 0
}
html.dark .mybookings-summary-icon {
  background: #00288e14;
  color: var(--peach)
}
html.dark .mybookings-summary-title { color: #cae4dd
}
html.dark .mybookings-summary-hint { color: #b0b7b2
}
html.dark .mybookings-chevron {
  color: #b0b7b2
}
html.dark .mybookings-detail { border-top: 1px solid #464234
}
html.dark .mybookings-empty { color: #b0b7b2
}
html.dark .mybookings-group-date { color: #b0b7b2
}
html.dark .mybookings-entry {
  border: 1px solid #4b4638;
  background: #2b261b
}
html.dark .mybookings-entry-icon {
  background: #00288e14;
  color: var(--peach)
}
html.dark .mybookings-entry-label { color: #c6d2ce
}
html.dark .mybookings-entry-cancel {
  border: none;
  background: none;
  color: #e2a39a
}
html.dark .mybookings-entry-cancel:hover { background: #251311
}
html.dark body {
  background:
    radial-gradient(60% 55% at 10% 6%, #397ef214, transparent 60%),
    radial-gradient(50% 45% at 90% 2%, #2166d512, transparent 55%),
    radial-gradient(75% 65% at 50% 118%, #0e19298c, transparent 62%),
    linear-gradient(180deg, #1e2939 0%, #13223a 42%, #111f32 100%);
  background-attachment: fixed
}
html.dark body::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")
}
html.dark .primary { background: linear-gradient(120deg, #2166d5, #397ef2); color: #ffffff; border: 1px solid transparent
}
html.dark .primary:hover { background: linear-gradient(120deg, #1b58c0, #2e70e6)
}
html.dark .subtle { background: #1e2939; border: 1px solid var(--line); color: var(--navy)
}
html.dark .subtle:hover { background: var(--vlight)
}
html.dark .topbar { background: #13223ad1; border-bottom: 1px solid var(--line)
}
html.dark .avatar { background: var(--soft); color: var(--navy)
}
html.dark .greeting { color: var(--navy)
}
html.dark .icon-btn { color: var(--muted)
}
html.dark .icon-btn:hover { background: var(--vlight); color: var(--navy)
}
html.dark .sidebar { background: transparent; border-right: 1px solid var(--line)
}
html.dark .nav-item { color: #abb6d2
}
html.dark .nav-item .icon { color: #95a2bc
}
html.dark .nav-item:hover { background: var(--vlight); color: var(--blue-strong)
}
html.dark .nav-item:hover .icon { color: var(--blue-strong)
}
html.dark .nav-item.active { color: var(--blue-strong); background: var(--soft)
}
html.dark .nav-item.active .icon { color: var(--blue-strong)
}
html.dark .nav-heading { color: #8ca0be
}
html.dark .small-rule { background: var(--blue-strong)
}
html.dark .sidebar-bottom p { color: var(--navy)
}
html.dark .sidebar-bottom > span:last-child { color: var(--muted)
}
html.dark .page-footer { border-top: 1px solid var(--line); color: var(--muted)
}
html.dark .footer-dot { color: var(--blue-strong)
}
html.dark .breadcrumbs { color: var(--muted)
}
html.dark .breadcrumbs .icon { color: #9fb2d1
}
html.dark .breadcrumbs > span { color: var(--navy)
}
html.dark .home-hero {
  border: 1px solid #1d3258;
  background: linear-gradient(120deg, #101b2f 0%, #0e1929 55%, #111c32 100%)
}
html.dark .home-hero-photo {
  background: url('/assets/office-layout-sketch.png') right center / cover no-repeat;
  filter: grayscale(1) contrast(1.05) brightness(1.02)
}
html.dark .home-hero::before {
  background: linear-gradient(100deg, #111f32 0%, #111f32eb 30%, #111f3261 55%, #111f3200 78%)
}
html.dark .home-hero::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")
}
html.dark .hero-copy .eyebrow { color: var(--blue-strong)
}
html.dark .hero-copy h1 {
  color: var(--navy)
}
html.dark .hero-copy p { color: var(--muted)
}
html.dark .hero-rule { background: var(--blue-strong)
}
html.dark .hero-rule-text { color: var(--muted)
}
html.dark .quickbook-hero {
  border: 1px solid #2166d542;
  background: #1e2939c7;
  box-shadow: 0 22px 48px #00000037;
  color: var(--navy)
}
html.dark .quickbook-hero:hover { box-shadow: 0 28px 58px #00000049
}
html.dark .quickbook-hero-icon {
  background: var(--soft);
  color: var(--blue-strong)
}
html.dark .quickbook-hero-icon .icon { color: var(--blue-strong)
}
html.dark .quickbook-hero-copy .eyebrow { color: var(--blue-strong)
}
html.dark .quickbook-hero-title { border: 0
}
html.dark .quickbook-hero-copy p { color: var(--muted)
}
html.dark .quickbook-hero-btn {
  background: linear-gradient(120deg, #2166d5, #397ef2);
  color: #ffffff
}
html.dark .quickbook-hero-btn .icon { color: #ffffff
}
html.dark .hero-vlabel {
  color: var(--navy)
}
html.dark .hero-vlabel-rule { background: var(--blue-strong)
}
html.dark .hero-carousel {
  color: var(--muted)
}
html.dark .hero-carousel-arrow {
  border: 1px solid var(--line);
  background: #1e2939b3;
  color: var(--navy)
}
html.dark .hero-carousel-arrow.active { background: var(--navy); border-color: var(--navy); color: #ffffff
}
html.dark .section-heading .eyebrow { color: var(--blue-strong)
}
html.dark .section-heading h2 { color: var(--navy)
}
html.dark .section-heading > span { color: var(--muted)
}
html.dark .booking-card {
  border: 1px solid var(--line);
  background: #1e2939
}
html.dark .booking-card:hover { border-color: #2d4264; background: #1e2939
}
html.dark .booking-card.featured { border-color: #2d4264; background: linear-gradient(125deg, #101b2f, #13223a)
}
html.dark .booking-card.featured:hover { border-color: var(--blue-strong); background: linear-gradient(125deg, #0d1627, #132038)
}
html.dark .booking-card[href*="parking"] { background: linear-gradient(125deg, #121e35, #15293e)
}
html.dark .booking-card[href*="parking"]:hover { background: linear-gradient(125deg, #0f1a2e, #1e2939)
}
html.dark .booking-card[href*="meal"] { background: linear-gradient(125deg, #132238, #15233f)
}
html.dark .booking-card[href*="meal"]:hover { background: linear-gradient(125deg, #101d31, #1e2939)
}
html.dark .card-number {
  color: var(--soft)
}
html.dark .card-icon { background: var(--vlight); color: var(--blue-strong); border: 1px solid var(--line)
}
html.dark .card-icon .icon { color: var(--blue-strong)
}
html.dark .featured .card-icon { background: var(--soft); color: var(--blue-strong)
}
html.dark .card-meta { color: var(--blue-strong)
}
html.dark .status-tag { color: var(--muted); border: 1px solid var(--line)
}
html.dark .booking-card h3 { color: var(--navy)
}
html.dark .booking-card p { color: var(--muted)
}
html.dark .featured p { color: #adbbd6
}
html.dark .card-bottom { color: var(--blue-strong)
}
html.dark .featured .card-bottom { color: var(--blue-strong)
}
html.dark .round-arrow { border: 1px solid var(--line); color: var(--blue-strong); background: #1e2939
}
html.dark .booking-card:hover .round-arrow { background: var(--blue-strong); border-color: var(--blue-strong); color: #ffffff
}
html.dark .featured .round-arrow { background: #1e2939; border-color: #2d4264; color: var(--blue-strong)
}
html.dark .featured:hover .round-arrow { background: var(--blue-strong); border-color: var(--blue-strong); color: #ffffff
}
html.dark .home-note { color: var(--muted)
}
html.dark .home-note > .icon { color: var(--blue-strong)
}
html.dark .home-note > span { color: var(--muted)
}
html.dark .mybookings-widget { border: 1px solid var(--line); background: #1e2939
}
html.dark .mybookings-summary-icon { background: var(--soft); color: var(--blue-strong)
}
html.dark .mybookings-summary-title { color: var(--navy)
}
html.dark .mybookings-summary-hint { color: var(--muted)
}
html.dark .mybookings-chevron { color: var(--muted)
}
html.dark .mybookings-detail { border-top: 1px solid var(--line)
}
html.dark .mybookings-empty { color: var(--muted)
}
html.dark .mybookings-group-date { color: var(--muted)
}
html.dark .mybookings-entry { border: 1px solid var(--line); background: var(--vlight)
}
html.dark .mybookings-entry-icon { background: var(--soft); color: var(--blue-strong)
}
html.dark .mybookings-entry-label { color: var(--navy)
}
html.dark .home-hero, html.dark .overview-panel, html.dark .floor-panel, html.dark .section-detail, html.dark .meal-panel, html.dark .dialog, html.dark .auth-form-wrap { color: var(--text)
}
html.dark .overview-panel, html.dark .floor-panel, html.dark .dialog { border-color: var(--line)
}
html.dark .map-toolbar, html.dark .floor-controls, html.dark .dialog-header, html.dark .next-phase, html.dark .map-legend { border-color: var(--line)
}
html.dark .map-toolbar { color: var(--navy)
}
html.dark .floor-panel { background: transparent; border: 0; box-shadow: none
}
html.dark .floor-viewport { background: transparent
}
html.dark .floor-controls { background: transparent
}
html.dark .title-actions .primary { background: #042863
}
html.dark .title-actions .primary:hover { background: #0b3a82
}
html.dark .section-chip { border: 1px solid var(--line); background: var(--vlight); color: var(--navy-2)
}
html.dark .section-chip:hover { background: var(--soft); border-color: #2d4264
}
html.dark .section-chip.selected { border-color: var(--blue-strong); color: var(--blue-strong); background: #2166d517
}
html.dark .section-detail { background: var(--vlight)
}
html.dark .section-detail.has-selection { border-color: #2d4264; background: #132038
}
html.dark .detail-icon { border: 1px solid var(--line); color: var(--muted)
}
html.dark .section-detail p, html.dark .selected-copy p, html.dark .selection-prompt, html.dark .core-note, html.dark .map-hint, html.dark .wing-choice p, html.dark .back-link, html.dark .heading-light, html.dark .map-mode { color: var(--muted)
}
html.dark .large-icon { background: var(--soft); color: var(--blue-strong)
}
html.dark .wing-choice { border: 1px solid var(--line); background: var(--vlight); color: var(--navy-2)
}
html.dark .wing-choice:hover, html.dark .wing-choice.chosen { background: var(--soft); border-color: #2d4264
}
html.dark .choice-a { border: 1px solid #2d4264; background: #101b2f; color: var(--navy)
}
html.dark .choice-a:hover, html.dark .choice-a.chosen { background: #0e1929; border-color: #3b5581
}
html.dark .wing-monogram { border-color: #2d4264
}
html.dark .choice-a .wing-monogram { border-color: #3b5581
}
html.dark .stepper .current > span { background: #2166d51a; border-color: var(--blue-strong)
}
html.dark .stepper .done > span { color: var(--blue-strong); border-color: #2d4264
}
html.dark .auth-form-wrap { border: 1px solid var(--line); box-shadow: 0 30px 60px #0000002e
}
html.dark .auth-form-wrap label { color: var(--navy-2)
}
html.dark .input-wrap { border: 1px solid var(--line); background: var(--vlight); color: var(--muted)
}
html.dark .input-wrap:focus-within { border-color: var(--blue-strong); box-shadow: 0 0 0 3px #00000040
}
@media (max-width: 900px) {
  html.dark .quickbook-hero {
    background: #1e2939
  }
}
html.dark .section-region polygon { fill: var(--section-color); stroke: var(--section-color)
}
html.dark .section-region:hover polygon, html.dark .section-region:focus-visible polygon { stroke: #d1e1e8
}
html.dark .section-region.selected polygon { stroke: #c8dbe8; stroke-dasharray: 7 4
}
html.dark .floor-picker label { color: #84a0cd
}
html.dark .floor-picker select { border: 1px solid #1f395e; background-color: #1e2939; color: #b3c5e9
}
html.dark .floor-picker select:hover { border-color: #284577
}
html.dark .floor-picker select:focus-visible { outline: 2px solid #f59e0b
}
html.dark .wing-plan-card { border: 1px solid #1f395e; background: #1e2939
}
html.dark .wing-plan-card:hover, html.dark .wing-plan-card:focus-visible, html.dark .wing-plan-card.chosen { border-color: #0758f6
}
html.dark .wing-plan-card img { background: #13223a
}
html.dark .wing-plan-card strong { color: #b3c5e9
}
html.dark .wing-plan-card span { color: #84a0cd
}
/* ---- from workplace-ui.css ---- */
html.dark {--background:#101b2f;--foreground:#b3c5e9;--blue:#0758f6;--muted:#84a0cd;--border:#1f395e;color-scheme:dark
}
html.dark body {background:var(--background);color:var(--foreground)
}
html.dark button, html.dark a {-webkit-tap-highlight-color:transparent
}
html.dark button {color:inherit
}
html.dark button {border:0;background:none
}
html.dark a {color:inherit;text-decoration:none
}
html.dark button:focus-visible, html.dark a:focus-visible {outline:3px solid #0056ff
}
html.dark .workplace {background:radial-gradient(ellipse at 55% 85%,#0e1a2955,transparent 65%),linear-gradient(110deg,#111f34 0%,#0e1a29 50%,#101f31 100%)
}
html.dark .topbar {background:#13203888
}
html.dark .topbar:after {border:1px solid #30415a8a
}
html.dark .brand-mark {background:#075cff;color:#ffffff;box-shadow:inset 0 0 0 1px #4d4d4d27
}
html.dark .avatar {background:#253243;color:#acc6e7
}
html.dark .sidebar {border-right:1px solid #223652;background:linear-gradient(150deg,#0f1a2e99,#12213577)
}
html.dark .nav-item.active {background:#111d32bf;color:#819eda
}
html.dark .nav-item:hover {background:#131d2d
}
html.dark .nav-label {color:#92abd4
}
html.dark .short-rule {background:#234e93
}
html.dark .sidebar-footer>span:last-child {color:#678dd1
}
html.dark .hero {background:#0f1c2d
}
html.dark .hero-art {background-image:url('/assets/office-blueprint.png');background-size:cover;background-position:center 47%
}
html.dark .hero:after {background:linear-gradient(90deg,#0f1d2ee6 0%,#0f1d2cbd 22%,#0e1a2a00 55%,#0d192866 85%,#0e1b2bed 100%)
}
html.dark .scene-1 .hero-art {background-position:center 62%
}
html.dark .scene-2 .hero-art {background-position:center 78%
}
html.dark .welcome-copy h1 {color:#bbceeb
}
html.dark .welcome-description {color:#92abd0
}
html.dark .hero-tagline span {background:#3f5471
}
html.dark .hero-tagline p {color:#668bcd
}
html.dark .quick-book {border:1px solid #30415a99;background:#132038df;box-shadow:0 12px 24px #374a6206
}
html.dark .circle-icon {background:#0f1b2e;color:#7e9ed9
}
html.dark .quick-content p span {color:#7d9dd1
}
html.dark .primary-button {background:#0857ef;color:#ffffff
}
html.dark .primary-button:hover {background:#0348d4;box-shadow:0 4px 14px #0000004a
}
html.dark .hero-side .short-rule {background:#40639f
}
html.dark .hero-side p {color:#a5afe5
}
html.dark .slide-controls button {background:#101f31b3;color:#6792d0
}
html.dark .slide-controls .next-slide {background:#063577;color:#ffffff
}
html.dark .upcoming {background:#14253bb8;border:1px solid #30415a99;box-shadow:0 1px 2px #2c476d2b
}
html.dark .upcoming p {color:#698fd0
}
html.dark .section-heading>p {color:#93aeda
}
html.dark .booking-card {border:1px solid #20385f;background:#0f1b2c;box-shadow:0 8px 18px #364a6306
}
html.dark .booking-card:hover {box-shadow:0 8px 24px #36486312
}
html.dark .booking-card.selected {outline:2px solid #395faa
}
html.dark .card-art {background-image:url('/assets/office-blueprint.png');background-size:cover;background-position:right center
}
html.dark .parking .card-art {background-position:77% 62%
}
html.dark .meal .card-art {background-position:98% 16%;background-size:780px auto
}
html.dark .booking-card:after {background:linear-gradient(90deg,#101d2ff5 0%,#0f1c2ce3 41%,#0e192940 100%)
}
html.dark .card-number {color:#8fa5ce
}
html.dark .square-icon {background:#0f1b2d;color:#81a0da
}
html.dark .card-top .eyebrow {color:#81a3de
}
html.dark .card-description {color:#8fa7cf
}
html.dark .card-action {color:#6e8fd5
}
html.dark .parking .card-action, html.dark .meal .card-action {color:#5b8ef8
}
html.dark .card-arrow {border:1px solid #254070;background:#122135c9;color:#7d9ed9
}
html.dark .main-footer {color:#6b91ce
}
html.dark .main-footer>svg {color:#a6bde5
}
html.dark .footer-rule {background:#121c29
}
@media (max-width:800px) {
html.dark .brand {border:0
}
}
@media (max-width:800px) {
html.dark .sidebar {background:#111f32
}
}
@media (max-width:800px) {
html.dark .sidebar-backdrop {background:#153e7833
}
}
@media (max-width:580px) {
html.dark .card-art {background-size:cover
}
}
html.dark .booking-card .card-art {background-repeat:no-repeat;background-size:80% auto;background-position:right -10% center
}
html.dark .booking-card.seat .card-art {background-image:url('/assets/desk.png')
}
html.dark .booking-card.parking .card-art {background-image:url('/assets/parking.png')
}
html.dark .booking-card.meal .card-art {background-image:url('/assets/table.png')
}
html.dark .section-badge {background:#1b232a;color:#ffffff;box-shadow:0 3px 8px #0000005c
}
html.dark .global-search {background:#1e2939;border:1px solid #2c3a4c;color:#8fa2b8
}
html.dark .global-search input {border:0;outline:0;background:none;color:#acc3e7
}
html.dark .global-search input:focus, html.dark .global-search input:focus-visible {border:0;outline:0;box-shadow:none
}
html.dark .global-search input::placeholder {color:#9fb2c7
}
html.dark .global-search-empty {color:#db838f;background:#1e2939;box-shadow:0 8px 20px #00000049
}
html.dark .global-search-choices {background:#1e2939;border:1px solid #2c3a4c;box-shadow:0 12px 28px #00000049
}
html.dark .global-search-choices button {background:none
}
html.dark .global-search-choices button:hover, html.dark .global-search-choices button:focus-visible {background:#111f32
}
html.dark .global-search-choices strong {color:#acc3e7
}
html.dark .global-search-choices span {color:#84a0cd
}
html.dark .global-search-toggle {background:none;color:inherit
}
@media (min-width:801px) {
html.dark .global-search {border:0;background:#253243;color:#acc6e7
}
}
@media (min-width:801px) {
html.dark .global-search:not(.open):hover, html.dark .global-search:not(.open):focus-within {box-shadow:0 0 0 3px #2d436c80
}
}
@media (min-width:801px) {
html.dark .global-search.open {background:#1e2939;box-shadow:0 0 0 1px #26447380,0 8px 22px #0000002e
}
}
html.dark .global-search-toggle {color:inherit
}
@media (max-width:1000px) {
html.dark .workplace .sidebar {border-bottom:0
}
}
html.dark .avatar-button {background:none
}
html.dark .avatar-button:hover .avatar, html.dark .avatar-button:focus-visible .avatar {box-shadow:0 0 0 3px #2d436c80
}
html.dark .theme-toggle, html.dark .notification-bell {background:#253243;color:#acc6e7
}
html.dark .theme-toggle:hover, html.dark .theme-toggle:focus-visible, html.dark .notification-bell:hover, html.dark .notification-bell:focus-visible {box-shadow:0 0 0 3px #2d436c80
}
html.dark .account-dropdown {background:#1e2939;border:1px solid #2c3a4c;box-shadow:0 16px 38px #00000049;outline:none
}
html.dark .account-dropdown-item {color:#acc3e7;background:none
}
html.dark .account-dropdown-item:hover, html.dark .account-dropdown-item[data-focus] {background:#111f32;color:#84a5db
}
html.dark .weekday-picker-trigger {border:1px solid #20385f;background:#14253b;color:#b3c5e9
}
html.dark .weekday-picker-trigger:focus-visible {outline:3px solid #0056ff
}
html.dark .weekday-picker-trigger svg {color:#92abd4
}
html.dark .weekday-picker-trigger.is-empty span {color:#698fd0
}
html.dark .weekday-picker-panel {background:#1e2939;border:1px solid #2c3a4c;box-shadow:0 16px 38px #00000053
}
html.dark .weekday-picker-header {color:#b3c5e9
}
html.dark .weekday-picker-header button {background:none;color:#acc3e7
}
html.dark .weekday-picker-header button:hover:not(:disabled) {background:#111f32
}
html.dark .weekday-picker-dow {color:#84a0cd
}
html.dark .weekday-picker-day {background:none;color:#b3c5e9
}
html.dark .weekday-picker-day:hover:not(:disabled) {background:#111f32
}
html.dark .weekday-picker-day.selected {background:#0758f6;color:#ffffff
}
html.dark .weekday-picker-day:disabled {color:#b8c6da
}
html.dark .weekday-picker-day.weekend:disabled {background:#1a1d23;text-decoration:line-through
}
html.dark .weekday-picker-note {color:#84a0cd
}
html.dark .account-dropdown {border:1px solid #20385f;box-shadow:0 18px 42px #00000049
}
html.dark .account-dropdown-name {color:#b3c5e9
}
html.dark .account-dropdown-email {color:#698fd0
}
html.dark .account-dropdown-divider {background:#121c29
}
html.dark .account-dropdown-item {color:#b3c5e9
}
html.dark .account-dropdown-item svg {color:#84a5db
}
html.dark .account-dropdown-logout {background:#111f32
}
html.dark .account-dropdown-logout:hover, html.dark .account-dropdown-logout[data-focus] {background:#0e1929
}
@media (min-width:801px) {
html.dark .workplace>.topbar {background:transparent;border-bottom:0
}
}
html.dark .brand.brand--logo small {color:#b3c5e9
}
html.dark .quick-book {background:linear-gradient(135deg,#14253be0,#0f1c2db3);border:1px solid #20385f
}
html.dark .workplace, html.dark .workplace .sidebar {background:#0f1c2e
}
html.dark .quick-book-title {color:#b3c5e9
}
html.dark.dark .quick-book-title {color:#bbceeb
}
/* ---- from parking.css ---- */
html.dark .parking-flow {--ink:#b3c5e9;--violet:#0758f6;--soft:#577dbb;color:var(--ink)
}
html.dark .parking-flow .eyebrow {color:#84a5db
}
html.dark .parking-back {border:0;background:none
}
html.dark .parking-back:hover {color:#84a5db
}
html.dark .basement-pill {border:1px solid #1f395e;background:#14253bb8
}
html.dark .parking-steps {border-bottom:1px solid #223652
}
html.dark .parking-steps button {color:#698fd0
}
html.dark .parking-steps button>span {background:#0f1b2e
}
html.dark .parking-steps button.current {color:var(--violet)
}
html.dark .parking-steps button.current>span {color:#ffffff;background:var(--violet)
}
html.dark .parking-steps button.complete {color:#84a5db
}
html.dark .parking-steps button.complete>span {background:#0f1b2e;color:var(--violet)
}
html.dark .step-chevron {color:#aac8ff
}
html.dark .parking-section-heading p:not(.eyebrow) {color:#92abd0
}
html.dark .vehicle-option {background:linear-gradient(135deg,#14253be0,#0f1c2db3);border:1px solid #20385f
}
html.dark .vehicle-option:hover {border-color:#254070;box-shadow:0 8px 24px #36486312
}
html.dark .vehicle-option.chosen {border-color:#395faa;box-shadow:0 0 0 2px #26407313;background:linear-gradient(135deg,#14253b,#0e1929)
}
html.dark .vehicle-symbol {color:var(--violet);background:#0f1b2e
}
html.dark .vehicle-option [data-slot=radio-group-item] {border:1.5px solid #254070;color:var(--violet);background:#1e2939;box-shadow:none
}
html.dark .vehicle-option [data-slot=radio-group-item][data-state=checked] {border:6px solid var(--violet)
}
html.dark .vehicle-option p {color:#8fa7cf
}
html.dark .vehicle-count {color:#84a0cd;border-top:1px solid #223652
}
html.dark .vehicle-option.chosen .vehicle-count {color:var(--violet)
}
html.dark .vehicle-bottom p {color:#84a0cd
}
html.dark .parking-primary {background:var(--violet);color:#ffffff
}
html.dark .parking-primary:hover {background:#0348d4;box-shadow:0 4px 14px #0000004a
}
html.dark .parking-primary:disabled {background:#18212e;color:#7d95bd;box-shadow:none
}
html.dark .parking-intro-map {background:#0f1c2d;border:1px solid #20385f
}
html.dark .parking-intro-map p {color:#92abd0
}
html.dark .vehicle-chip {border:1px solid #1f395e;background:#14253bb8
}
html.dark .vehicle-chip>span {color:var(--violet)
}
html.dark .parking-map-card {border:1px solid #20385f;background:#122135
}
html.dark .map-caption {border-bottom:1px solid #223652
}
html.dark .map-key {color:#84a0cd
}
html.dark .map-key i {background:#1e3629;border:1px solid #45ac79
}
html.dark .map-key i.selected-key {border-color:#0758f6;background:#223866
}
html.dark .area-hotspot {border:2px solid #27a56d;background:#2a533d33
}
html.dark .area-hotspot.eligible {box-shadow:0 0 0 3px #00000026
}
html.dark .area-hotspot.eligible:hover, html.dark .area-hotspot.eligible.hovered {background:#2c4a8466;border-color:#0758f6;box-shadow:0 0 0 5px #00000056
}
html.dark .area-hotspot.ineligible {background:#0f1c2ee6;border-color:#314259;color:#8fa7cc
}
html.dark .hotspot-icon {background:#11341bd9;color:#b0e8d4;box-shadow:0 2px 7px #00000026
}
html.dark .ineligible .hotspot-icon {background:#141e2d;color:#8fa7cc;box-shadow:none
}
html.dark .hotspot-tooltip {background:#063577;color:#ffffff
}
html.dark .area-list {background:#14253bb8;border:1px solid #1f395e
}
html.dark .area-list-hint {color:#84a0cd
}
html.dark .area-list-item {border-top:1px solid #223652
}
html.dark .area-list-item:hover, html.dark .area-list-item.hovered {background:#0f1b2d
}
html.dark .area-list-icon {background:#0f1b2e;color:#7e9ed9
}
html.dark .area-list-item small {color:#698fd0
}
html.dark .map-help {border-top:1px solid #223652;color:#84a0cd
}
html.dark .text-dot {color:#aac8ff
}
html.dark .spot-workspace {background:#14253bb8;border:1px solid #1f395e
}
html.dark .spot-toolbar {border-bottom:1px solid #223652
}
html.dark .parking-tabs {background:#0e1929!important
}
html.dark .parking-tabs button {color:#84a0cd
}
html.dark .parking-tabs button[data-state=active] {background:#1e2939!important;color:#81a0db!important;box-shadow:0 2px 5px #364a6311
}
html.dark .scene-badge {background:#1e2939c9;border:1px solid #223652;color:#8fa7cf
}
html.dark .scene-badge span {color:#aac8ff
}
html.dark .scene-reset {background:#1e2939db;border:1px solid #1f395e;color:#8fa7cf
}
html.dark .scene-fallback {color:#84a0cd
}
html.dark .scene-instruction {color:#698fd0;border-bottom:1px solid #21344d
}
html.dark .spot-picker p {color:#698fd0
}
html.dark .spot-buttons button {border:1px solid #43524f;background:#161f1b;color:#b1c9c2
}
html.dark .spot-buttons button:hover {border-color:#395faa
}
html.dark .spot-buttons button.is-selected {background:#0e1929;color:#81a0db;border-color:#395faa;box-shadow:0 0 0 1px #26407380
}
html.dark .selection-panel {background:#14253bb8;border:1px solid #1f395e
}
html.dark .selection-hero-icon {color:#7e9ed9
}
html.dark .selection-panel>p:not(.eyebrow) {color:#8fa7cf
}
html.dark .selection-panel dl {border-top:1px solid #223652;border-bottom:1px solid #223652
}
html.dark .selection-panel dt {color:#698fd0
}
html.dark .selection-panel.confirmed {border-color:#254070
}
html.dark .confirmed .selection-hero-icon {color:#accdc1
}
html.dark .location-minimap {border:1px solid #1f395e
}
html.dark .location-minimap span {background:#0758f699;border:2px solid #0758f6;box-shadow:0 0 0 3px #0000003d
}
html.dark .exact-map {background:#111f32
}
html.dark .map-spot {outline:none
}
html.dark .map-spot rect {fill:#20443255;stroke:#32986b
}
html.dark .map-spot:hover rect, html.dark .map-spot:focus-visible rect {fill:#1b2f5299;stroke:#0758f6
}
html.dark .map-spot.active rect {fill:#263e71bb;stroke:#0348d4
}
html.dark .map-spot text {fill:#b3c5e9
}
html.dark .parking-flow button:focus-visible, html.dark .parking-flow label:focus-within {outline:3px solid #0056ff
}
@media (max-width:1150px) {
html.dark .area-list-item {border:0
}
}
@media (max-width:900px) {
html.dark .selection-panel dl {border:0
}
}
@media (max-width:600px) {
html.dark .vehicle-count {border:0
}
}
@media (max-width:600px) {
html.dark .area-list-item {border-top:1px solid #223652
}
}
@media (max-width:600px) {
html.dark .area-list-item:first-of-type {border:0
}
}
@media (max-width:600px) {
html.dark .selection-panel dl {border-top:1px solid #223652
}
}
html.dark .vehicle-option [data-slot=radio-group-item] svg {fill:currentColor;stroke:none
}
html.dark .spot-buttons button.is-unavailable {text-decoration:line-through
}
html.dark .spot-buttons button.is-unavailable:hover {border-color:#43524f
}
html.dark .map-spot.is-unavailable rect {fill:#2a384d
}
html.dark .parking-page {--ink:#c1b6ea;--violet:#6500ff;color:var(--ink)
}
html.dark .parking-date-bar {border:1px solid #2a344f;background:#141b3cb3
}
html.dark .parking-date-field label {color:#92abd4
}
html.dark .parking-date-field input[type="date"] {border:1px solid #2c3957;color:var(--ink);background:#1e2939
}
html.dark .parking-date-field input[type="date"]:focus-visible {outline:2px solid var(--violet)
}
html.dark .parking-date-field p {color:#9096ba
}
html.dark .parking-alert.notice {background:#140d28;color:#aa93e0;border:1px solid #301f5e
}
html.dark .parking-alert.error {background:#2b0e0e;color:#e19999;border:1px solid #5c2e2e
}
html.dark .parking-bookings-panel {border:1px solid #2a344f;background:#141b3cb3
}
html.dark .parking-bookings-heading .icon {color:var(--violet)
}
html.dark .parking-bookings-heading h2 {color:var(--ink)
}
html.dark .parking-bookings-empty {color:#9096ba
}
html.dark .parking-booking-item {border:1px solid #2c3348;background:#1e2939
}
html.dark .parking-booking-date {color:var(--ink)
}
html.dark .parking-booking-spot {color:#9096ba
}
html.dark .parking-booking-cancel {border:1px solid #573131;background:#381313;color:#de918c
}
html.dark .parking-booking-cancel:hover {background:#251311
}
html.dark .vehicle-stage.is-leaving .vehicle-option.chosen {box-shadow:0 18px 40px #2640731a
}
html.dark .basement-option {border:1px solid #20385f;background:linear-gradient(135deg,#14253be0,#0f1c2db3)
}
html.dark .basement-option:hover {border-color:#254070;box-shadow:0 8px 24px #36486312
}
html.dark .basement-option:focus-visible {outline:3px solid #0056ff
}
html.dark .basement-card-map {background:#0e1929
}
html.dark .basement-card-map>span {background:#14253be8;border:1px solid #1f395e;color:#bbceeb
}
html.dark .basement-card-copy h3 {color:var(--ink)
}
html.dark .basement-card-copy>p {color:#8fa7cf
}
html.dark .basement-card-footer {border-top:1px solid #223652;color:#84a0cd
}
html.dark .basement-note {color:#84a0cd
}
html.dark .stack-hotspot {background:transparent!important
}
html.dark .stack-hotspot:hover, html.dark .stack-hotspot.hovered {background:#2c4a8466!important
}
html.dark .parking-map-card .map-footnote {color:#84a0cd;background:#14253bb8;border-top:1px solid #223652
}
html.dark .stack-view-toolbar {background:#122135;border-bottom:1px solid #223652;color:#84a0cd
}
html.dark .tier-view-options label {border:1px solid transparent
}
html.dark .tier-view-options label.active {background:#0e1929;color:#81a0db;border-color:#254070
}
html.dark .tier-view-options [data-slot=radio-group-item] {border:1px solid #254070
}
html.dark .tier-view-options [data-state=checked] {background:#0758f6;border-color:#0758f6
}
html.dark .tier-summary {color:#81a0db
}
@media (max-width:600px) {
html.dark .stack-hotspot:hover, html.dark .stack-hotspot.hovered {background:transparent!important;outline:2px solid #0758f6
}
}
html.dark .parking-opens-soon {background:#111f32;color:#96b0e1
}
html.dark .map-key i.booked-key {border-color:#6c727b;background:#212429
}
html.dark .parking-intro-map .parking-bookings-panel {border:0;background:none
}
html.dark .parking-intro-map .parking-bookings-heading .icon {color:#81a0db
}
html.dark .parking-intro-map .parking-bookings-heading h2 {color:#b3c5e9
}
html.dark .parking-intro-map .parking-bookings-empty {color:#92abd0
}
html.dark .parking-intro-map .parking-booking-item {border-color:#20385f;background:#1e2939d9
}
/* ---- from admin.css ---- */
html.dark .admin-stat-card {border:1px solid var(--border,#1f395e);background:#1e2939
}
html.dark .admin-stat-card .eyebrow {color:var(--muted,#84a0cd)
}
html.dark .admin-stat-card strong {color:var(--foreground,#b3c5e9)
}
html.dark .admin-stat-card span.hint {color:var(--muted,#84a0cd)
}
html.dark .admin-nav-card {border:1px solid var(--border,#1f395e);background:#111d32
}
html.dark .admin-nav-card:hover {background:#0d1727;border-color:#284577
}
html.dark .admin-nav-card h3 {color:var(--foreground,#b3c5e9)
}
html.dark .admin-nav-card p {color:var(--muted,#84a0cd)
}
html.dark .admin-nav-card .admin-nav-arrow {color:var(--blue,#81a0db)
}
html.dark .admin-panel {border:1px solid var(--border,#1f395e);background:#1e2939
}
html.dark .admin-toolbar-field {color:var(--muted,#84a0cd)
}
html.dark .admin-toolbar-field select, html.dark .admin-toolbar-field input {border:1px solid var(--border,#1f395e);color:var(--foreground,#b3c5e9);background:#13223a
}
html.dark .admin-table th {color:var(--muted,#84a0cd);border-bottom:1px solid var(--border,#1f395e)
}
html.dark .admin-table td {border-bottom:1px solid #27354a;color:var(--foreground,#b3c5e9)
}
html.dark .admin-table tr:last-child td {border-bottom:none
}
html.dark .admin-badge.confirmed {background:#17241c;color:#aae6c4
}
html.dark .admin-badge.cancelled {background:#241111;color:#de8e8e
}
html.dark .admin-badge.active {background:#17241c;color:#aae6c4
}
html.dark .admin-badge.disabled {background:#1b1c1f;color:#b3b9c1
}
html.dark .admin-badge.admin {background:#0e152b;color:#909edf
}
html.dark .admin-badge.employee {background:#1b1c1f;color:#b3b9c1
}
html.dark .admin-btn {border:1px solid var(--border,#1f395e);background:#13223a;color:var(--foreground,#b3c5e9)
}
html.dark .admin-btn:hover:not(:disabled) {background:#0f1a2e
}
html.dark .admin-btn.primary {background:var(--blue,#0758f6);border-color:var(--blue,#0758f6);color:#ffffff
}
html.dark .admin-btn.primary:hover:not(:disabled) {background:#0348d4
}
html.dark .admin-btn.danger {background:#381313;border-color:#572d2d;color:#de8e8e
}
html.dark .admin-btn.danger:hover:not(:disabled) {background:#241111
}
html.dark .admin-empty {color:var(--muted,#84a0cd)
}
html.dark .admin-alert.error {background:#241111;color:#de8e8e
}
html.dark .admin-alert.notice {background:#17241c;color:#aae6c4
}
html.dark .admin-form-field {color:var(--muted,#84a0cd)
}
html.dark .admin-form-field input, html.dark .admin-form-field select {border:1px solid var(--border,#1f395e);color:var(--foreground,#b3c5e9);background:#13223a
}
html.dark .admin-section-heading h2 {color:var(--foreground,#b3c5e9)
}
html.dark .admin-toggle {color:var(--muted,#84a0cd)
}
html.dark .seat-editor-canvas {border:1px solid var(--border,#1f395e);background:#13223a
}
html.dark .seat-editor-svg {background:#1e2939
}
html.dark .seat-editor-legend {color:var(--muted,#84a0cd);border-top:1px solid var(--border,#1f395e)
}
html.dark .seat-editor-legend .dot.active {background:#0758f6
}
html.dark .seat-editor-legend .dot.disabled {background:#575c61
}
html.dark .seat-editor-legend .dot.draft {background:#16a34a
}
html.dark .seat-editor-panel {border:1px solid var(--border,#1f395e);background:#1e2939
}
html.dark .seat-editor-panel h3 {color:var(--foreground,#b3c5e9)
}
html.dark .seat-editor-hint {color:var(--muted,#84a0cd)
}
html.dark .seat-editor-count {color:var(--foreground,#b3c5e9)
}
html.dark .seat-editor-coords dt {color:var(--muted,#84a0cd)
}
html.dark .seat-editor-coords dd {color:var(--foreground,#b3c5e9)
}
html.dark .seat-marker .seat-marker-desk {fill:#0758f6;stroke:#30415a
}
html.dark .seat-marker .seat-marker-chair {fill:#0758f6
}
html.dark .seat-marker .seat-marker-link {stroke:#0758f6;stroke-opacity:.55
}
html.dark .seat-marker.disabled .seat-marker-desk, html.dark .seat-marker.disabled .seat-marker-chair {fill:#575c61
}
html.dark .seat-marker.disabled .seat-marker-link {stroke:#70757c
}
html.dark .seat-marker.draft .seat-marker-desk, html.dark .seat-marker.draft .seat-marker-chair {fill:#16a34a
}
html.dark .seat-marker.draft .seat-marker-link {stroke:#16a34a;stroke-opacity:1
}
html.dark .seat-marker.selected .seat-marker-desk {stroke:#f59e0b
}
html.dark .seat-marker:hover .seat-marker-desk, html.dark .seat-marker:focus-visible .seat-marker-desk {stroke:#f59e0b
}
html.dark .seat-marker:focus {outline:none
}
html.dark .seat-marker.invalid .seat-marker-desk, html.dark .seat-marker.invalid .seat-marker-chair {fill:#dc2626
}
html.dark .seat-marker.invalid .seat-marker-link {stroke:#dc2626;stroke-opacity:1
}
html.dark .seat-marker.invalid.selected .seat-marker-desk {stroke:#30415a
}
html.dark .seat-editor-legend .dot.invalid {background:#dc2626
}
html.dark .seat-editor-mode {border:1px solid var(--border,#1f395e)
}
html.dark .seat-editor-mode button {border:0;background:#1e2939;color:var(--foreground,#b3c5e9)
}
html.dark .seat-editor-mode button+button {border-left:1px solid var(--border,#1f395e)
}
html.dark .seat-editor-mode button[aria-pressed="true"] {background:#0758f6;color:#ffffff
}
html.dark .seat-editor-mode button:focus-visible {outline:2px solid #f59e0b
}
html.dark .seat-editor-problems {color:#df9191
}
html.dark .parking-editor-area {fill:#0758f6;stroke:#0758f6;stroke-opacity:.5;stroke-dasharray:5 3
}
html.dark .parking-editor-spot rect {fill:#0758f6;stroke:#30415a
}
html.dark .parking-editor-spot text {fill:#ffffff
}
html.dark .parking-editor-spot.disabled rect {fill:#575c61
}
html.dark .parking-editor-spot:hover rect, html.dark .parking-editor-spot:focus-visible rect {stroke:#f59e0b
}
html.dark .parking-editor-spot.selected rect {stroke:#f59e0b
}
html.dark .parking-editor-spot:focus {outline:none
}
html.dark .parking-editor-spot.draft rect {fill:#16a34a
}
html.dark .parking-editor-spot.draft.invalid rect {fill:#dc2626
}
html.dark .parking-editor-positions li {border:1px solid var(--border,#1f395e);background:#13223a
}
html.dark .parking-editor-positions li span:first-child {color:var(--foreground,#b3c5e9)
}
html.dark .parking-editor-positions small {color:var(--muted,#84a0cd)
}
html.dark .parking-editor-spot.partly-disabled rect {fill:#0758f6;stroke:#70757c;stroke-dasharray:3 2
}
html.dark .floor-list-hint {color:var(--muted,#84a0cd)
}
html.dark .floor-import-steps button {border:1px solid var(--border,#1f395e);background:#1e2939;color:var(--muted,#84a0cd)
}
html.dark .floor-import-steps button span {border:1px solid #254070
}
html.dark .floor-import-steps .current button {background:var(--blue,#0758f6);border-color:var(--blue,#0758f6);color:#ffffff
}
html.dark .floor-import-steps .current button span {border-color:#30415a99
}
html.dark .floor-import-steps .done button {color:var(--foreground,#b3c5e9)
}
html.dark .floor-import-steps button:focus-visible {outline:2px solid #f59e0b
}
html.dark .floor-import-card {border:1px solid #27354a
}
html.dark .floor-import-card-row input:not([type=color]), html.dark .floor-import-card-row select {border:1px solid var(--border,#1f395e);color:var(--foreground,#b3c5e9);background:#13223a
}
html.dark .floor-import-card-row input[type=color] {border:1px solid var(--border,#1f395e);background:#1e2939
}
html.dark .plan-view {border:1px solid var(--border,#1f395e);background:#13223a
}
html.dark .plan-view-svg {background:#1e2939
}
html.dark .plan-seat.clickable:hover circle {stroke:#f59e0b
}
html.dark .plan-wing-box rect {fill:#0758f6;stroke:#0758f6;stroke-dasharray:6 4
}
html.dark .plan-wing-box text {fill:#81a0db
}
html.dark .plan-wing-draft {fill:#16a34a;stroke:#16a34a;stroke-dasharray:4 3
}
html.dark .plan-measure-point {fill:#f59e0b
}
html.dark .plan-measure-line {stroke:#f59e0b
}
html.dark .plan-section polygon {stroke-opacity:.9
}
html.dark .plan-section text {fill:#b3c5e9
}
html.dark .admin-badge.pending {background:#2d250f;color:#e7d3ae
}
html.dark .admin-badge.approved {background:#17241c;color:#aae6c4
}
html.dark .admin-badge.rejected {background:#241111;color:#de8e8e
}
html.dark .notification-count {background:#d92d20;color:#ffffff
}
html.dark .nav-count {background:#d92d20;color:#ffffff
}
html.dark .reservation-weekdays {border:0
}
html.dark .reservation-weekdays legend {color:var(--muted,#84a0cd)
}
html.dark .reservation-weekdays label {border:1px solid var(--border,#1f395e);background:#13223a
}
html.dark .reservation-weekdays label.selected {background:var(--blue,#0758f6);border-color:var(--blue,#0758f6);color:#ffffff
}
html.dark .reservation-weekdays label:focus-within {outline:2px solid var(--blue,#0758f6)
}
html.dark .reservation-reason textarea {border:1px solid var(--border,#1f395e);color:var(--foreground,#b3c5e9);background:#13223a
}
html.dark .reservation-card {border:1px solid var(--border,#1f395e)
}
html.dark .reservation-muted {color:var(--muted,#84a0cd)
}
html.dark .reservation-days li {border:1px solid var(--border,#1f395e);background:#13223a
}
html.dark .reservation-days li.skipped>span:first-child {text-decoration:line-through;color:var(--muted,#84a0cd)
}
html.dark .reservation-review input {border:1px solid var(--border,#1f395e);background:#13223a;color:var(--foreground,#b3c5e9)
}