/* Shared palette for tenant, account and studio management pages. */
:root{color-scheme:light;--orange:#e46825;--navy:#10213a;--room-orange:#e46825;--room-navy:#10213a;--page:#eee8de;--surface:#f8f5ee;--surface-alt:#e4dfd5;--field:#fffdf8;--ink:#182632;--muted:#52616b;--line:#c9c4bb;--link:#a33d0b;--error:#aa2b13;--success:#dce9d7;color:var(--ink);background:var(--page)}
:root[data-theme=dark]{color-scheme:dark;--page:#101820;--surface:#1b2833;--surface-alt:#263643;--field:#14212c;--ink:#f4f0e8;--muted:#b4c0ca;--line:#4b5c68;--link:#ff9a5c;--error:#ffad98;--success:#203d35}
body{background:var(--page);color:var(--ink)}
.panel,.booking-card,dialog,.room{background:var(--surface);color:var(--ink)}
input,select,textarea{background:var(--field);color:var(--ink);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input[type=checkbox]{accent-color:var(--orange)}
button:hover{background:var(--surface-alt)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
a{color:var(--link)}
.sub,.note,.muted,.legend,.empty,.helptext,.calendar-week span,footer span,.booking-card small{color:var(--muted)}
.error,.errorlist{color:var(--error)}
.demo,.avatar,.quota,.equipment-row .item-icon,.meter{background:var(--surface-alt);color:var(--ink)}
.calendar-day{background:var(--field);color:var(--ink)}
.calendar-day.outside{background:var(--surface-alt);color:var(--muted)}
.calendar-day:hover{background:var(--surface-alt)}
.calendar-day.picked{box-shadow:inset 0 0 0 2px var(--orange)}
.calendar-date,.calendar-date:hover{background:transparent;color:inherit}
.slot{background:var(--field);color:var(--ink)}
.slot.chosen,.today .day-number{background:var(--room-navy);color:#fff;border-color:#71849a}
.badge{background:var(--success);color:var(--ink)}
.badge.orange,.away-notice{background:var(--surface-alt);color:var(--ink);border-color:var(--orange)}
.away-count{color:var(--link)}
.success{background:var(--success);color:var(--ink)}
aside{background:var(--room-navy);color:#f5efe6}.brand{color:inherit}
nav button.active,nav button.active:hover,.primary,button.primary,button[type=submit].primary,.account-page button[type=submit]{background:var(--orange);border-color:var(--orange);color:#10213a}
.primary:hover,button.primary:hover,.account-page button[type=submit]:hover{background:#f47b36}
.eyebrow{color:var(--link)}
#toast{background:var(--ink);color:var(--page)}
.account-page main{background:var(--surface)}
.theme-toolbar{display:flex;justify-content:flex-end;max-width:900px;margin:0 auto;padding:18px 20px 0}
.account-page .theme-toolbar{max-width:470px;padding:0}
.lostosc-theme-toggle{font-size:13px;white-space:nowrap;min-height:40px;padding:8px 12px;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:7px;cursor:pointer}
.shell header{height:auto;min-height:86px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.shell header #settings{margin-left:auto}
/* Room identity is not faded or recoloured by the theme. */
.room:not(.selected){opacity:1}
.room:disabled{opacity:.5}
.room-colour-0,.room.room-colour-0.selected,.room.room-colour-0:hover,.calendar-event.room-colour-0:hover{background:var(--room-orange);color:#10213a;border-color:#b64b15;color-scheme:light}
.room-colour-1,.room.room-colour-1.selected,.room.room-colour-1:hover,.calendar-event.room-colour-1:hover{background:var(--room-navy);color:#fff;border-color:#667c96;color-scheme:dark}
.room-colour-2,.room.room-colour-2.selected,.room.room-colour-2:hover,.calendar-event.room-colour-2:hover{background:#fff;color:#182632;border-color:#a0aab4;color-scheme:light}
.room.selected{outline:3px solid var(--ink);outline-offset:3px}
.room .room-number,.room small,.room.selected small,.room .tick{color:inherit}
.device.room-colour-1 .switch[aria-checked=true]{background:var(--orange)}
@media(max-width:650px){.shell header{gap:8px}.shell header #breadcrumb{flex-basis:100%}.shell header #settings{margin-left:0}.shell header .avatar{margin-left:auto}.lostosc-theme-toggle{padding:8px}}

.slot.overlapping{border:2px dashed var(--orange);text-decoration:none}.clash-warning{margin-top:20px;padding:16px;background:var(--surface-alt);border-left:4px solid var(--orange);border-radius:6px;overflow-wrap:anywhere}.clash-warning li{margin:14px 0;line-height:1.5}.clash-warning ul{padding-left:20px}

/* Word guides retain document structure without imposing a paper width. */
#guides{min-width:0}
.guide-content{max-width:78ch;line-height:1.65;overflow-wrap:anywhere;font-size:1rem}
.guide-content p,.guide-content li{white-space:pre-wrap}
.guide-content p{margin:.6em 0}
.guide-content h2,.guide-content h3,.guide-content h4{margin:1.4em 0 .5em;line-height:1.25}
.guide-content ul,.guide-content ol{padding-left:1.5em}
.guide-content li{margin:.4em 0}
.guide-table{max-width:100%;overflow-x:auto;margin:1em 0;border:1px solid var(--line);border-radius:8px}
.guide-table table{width:100%;border-collapse:collapse;font-size:inherit;color:var(--ink)}
.guide-table td{vertical-align:top;padding:.65em .8em;border:1px solid var(--line);min-width:2em}
.guide-table td p:first-child{margin-top:0}
.guide-table td p:last-child{margin-bottom:0}
#upload-word-guide{margin:0 0 .5rem .5rem}
@media(max-width:600px){.guide-table td{padding:.5em}.guide-content{font-size:1rem}#upload-word-guide{margin-left:0}}

aside .platform-work-link{display:block;color:#f5efe6;padding:10px 12px;margin:8px 0;border-radius:6px;font-size:.84rem;text-decoration:none}
aside .platform-work-link:hover{background:#22354f}