/* Same Manrope wordmark and seven-second sheen as the client application. */
:root {--crm-logo-red:#c13338;--crm-logo-sheen:#ffffffa6;--calendar-rest-ink:#eea3ad;--calendar-rest-bg:#8c203824;--calendar-holiday-line:#c66a7d;--calendar-work-ink:#e9bd79}
:root[data-theme=light] {--crm-logo-sheen:#c1333880;--calendar-rest-ink:#982e41;--calendar-rest-bg:#982e410c;--calendar-holiday-line:#a53c52;--calendar-work-ink:#865b22}
.crm-wordmark .crm-wordmark-text {position:relative;display:inline-block;white-space:pre;font:800 1em/1.15 'Manrope',sans-serif;letter-spacing:-.055em}
#app .topbar .crm-wordmark {display:block;margin:0;padding:0 4px 8px;font-size:48px;line-height:1.15;letter-spacing:-.055em;text-decoration:none}
.crm-wordmark .wordmark__black,#app .topbar .crm-wordmark .wordmark__black {color:var(--v7-ink);font:inherit;letter-spacing:inherit}
.crm-wordmark .wordmark__lab,#app .topbar .crm-wordmark .wordmark__lab {display:inline;position:static;padding:0;color:var(--crm-logo-red);font:inherit;letter-spacing:inherit}
.crm-wordmark .wordmark__lab::before,.crm-wordmark .wordmark__lab::after,#app .topbar .crm-wordmark .wordmark__lab::before,#app .topbar .crm-wordmark .wordmark__lab::after {display:none;content:none}
.crm-wordmark .crm-wordmark-text::after {content:attr(data-wordmark);position:absolute;inset:0;pointer-events:none;color:transparent;background:linear-gradient(110deg,transparent 40%,var(--crm-logo-sheen) 50%,transparent 60%);background-size:300% 100%;background-position:160% 0;-webkit-background-clip:text;background-clip:text;animation:crm-wordmark-sheen 7s linear infinite}
.crm-wordmark.wordmark--login {display:block;font-size:46px;line-height:1.15;letter-spacing:-.055em}
.crm-wordmark .wordmark__suffix {display:none}
@keyframes crm-wordmark-sheen {from {background-position:160% 0}to {background-position:-160% 0}}
@media (prefers-reduced-motion:reduce) {.crm-wordmark .crm-wordmark-text::after {animation:none;background:none}}

/* Date colour is a reference; shifts and availability remain authoritative. */
#app .topbar #calendar-navigation .calendar-month-weekdays span:nth-last-child(-n+2) {color:var(--calendar-rest-ink);font-weight:700}
#app .topbar #calendar-navigation .calendar-month-day.is-rest-day {color:var(--calendar-rest-ink);background:var(--calendar-rest-bg)}
#app .topbar #calendar-navigation .calendar-month-day.is-holiday {font-weight:800;box-shadow:inset 0 -2px var(--calendar-holiday-line)}
#app .topbar #calendar-navigation .calendar-month-day.is-transferred-day {box-shadow:inset 0 -1px var(--calendar-holiday-line)}
#app .topbar #calendar-navigation .calendar-month-day.is-working-weekend {color:var(--calendar-work-ink);background:transparent;box-shadow:inset 0 -1px var(--calendar-work-ink)}
#app .topbar #calendar-navigation .calendar-month-day.is-outside {opacity:.46}
#app .topbar #calendar-navigation .calendar-month-day[aria-pressed=true] {background:#8c2038;color:#fff;border-color:#c2697c;opacity:1}
#app .topbar #calendar-navigation .calendar-month-day.is-today:not([aria-pressed=true]) {outline:1px solid var(--v7-ink);outline-offset:-3px}
.calendar-holidays {display:grid;gap:8px;margin:10px 0 6px;padding-top:10px;border-top:1px solid var(--v7-divider);font-size:13px;line-height:1.45;color:var(--v7-muted)}
.calendar-holiday-legend {display:flex;align-items:center;gap:7px;margin:0;font-size:13px}
.calendar-holiday-swatch {width:8px;height:8px;border-radius:3px;background:var(--calendar-rest-ink);flex:none}
.calendar-holiday-list {display:grid;gap:8px;max-height:180px;overflow:auto;scrollbar-width:thin}
.calendar-holiday-row {display:grid;gap:1px;margin:0;overflow-wrap:anywhere}
.calendar-holiday-row time {font-weight:700;color:var(--calendar-rest-ink)}
.calendar-holiday-row[data-kind=working] time {color:var(--calendar-work-ink)}
.calendar-holiday-empty,.calendar-holiday-note {margin:0;font-size:13px;color:var(--v7-muted)}
@media (max-height:780px) and (min-width:721px) {#app .topbar .crm-wordmark {font-size:46px;padding-bottom:5px}.calendar-holidays {margin-top:7px;padding-top:7px;gap:6px}.calendar-holiday-list {max-height:120px}}
@media (max-width:720px) {#app .topbar .crm-wordmark {font-size:44px;padding-right:28px}.calendar-holiday-list {max-height:220px}}