/* Sort My Shifts — quiet, legible planning. Original visual system, October 2026. */
:root{--ink:#edf3ed;--muted:#bacbbf;--muted-2:#b3c5b9;--night:#132b25;--panel:#1c382f;--input:#173128;--bg:#132b25;--line:#486055;--cyan:#a9dbc0;--cyan-deep:#a9dbc0;--danger:#ffb2a5;--radius-lg:16px;color-scheme:dark}
body{background:var(--night);letter-spacing:-.012em}
body.light-mode,body.member-workspace{--ink:#183b30;--muted:#52665b;--muted-2:#5d6e64;--night:#f6f7f1;--panel:#fffef9;--input:#fffef9;--bg:#f6f7f1;--line:#c6d0c6;--cyan:#24634b;--cyan-deep:#24634b;--danger:#a32928;--amber:#825507;color-scheme:light;background:var(--night);color:var(--ink)}
.app-header,.light-mode .app-header{background:var(--night);backdrop-filter:none;border-bottom:1px solid var(--line)}
.app-shell{max-width:1220px}.app-header{max-width:none;padding-inline:max(24px,calc((100vw - 1172px)/2))}
h1,h2,h3{letter-spacing:-.035em;line-height:1.2}h1{font-weight:730}p{line-height:1.65}
.product-intro{gap:52px;padding-block:48px}.product-intro h1{font-size:clamp(2.2rem,4.3vw,3.8rem);line-height:1.07;max-width:15ch}.product-intro h1 span{color:var(--cyan)}
.product-intro .eyebrow,.step-kicker{color:var(--muted);letter-spacing:.06em;font-size:.75rem;text-transform:uppercase;font-weight:700}
.hero-art{padding:0;max-width:480px;box-shadow:none;background:transparent;border:0;transform:none}.hero-art img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:20px}.hero-art figcaption{color:var(--muted);background:transparent}.hero-art figcaption span{display:none}
.primary-button,.calendar-button{background:var(--cyan);color:var(--night);border:1px solid var(--cyan);box-shadow:none;border-radius:10px;font-weight:700;min-height:48px}
.light-mode .primary-button,.member-workspace .primary-button{background:#24634b;color:#fffef9;border-color:#24634b}
.secondary-button,.membership-hero-button,.theme-toggle{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:none;min-height:44px}
.builder-card,.results-card,.quick-calendar,.light-mode .builder-card,.light-mode .results-card,.light-mode .quick-calendar,.mode-switcher,.light-mode .mode-switcher{background:var(--panel);box-shadow:none;border:1px solid var(--line);border-radius:16px}
.journey-chooser{border-top:1px solid var(--line);padding-top:30px}.membership-hero-button{font-size:.85rem;padding:12px}.hero-actions{gap:12px}.hero-actions .membership-hero-button{border:0;border-radius:0;border-left:2px solid var(--line)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--cyan)!important;outline-offset:3px!important}
.member-workspace .member-shell{max-width:1220px}.member-workspace .member-nav{min-height:66px}.member-workspace .member-heading h1{font-size:clamp(1.7rem,4vw,2.6rem)}
.member-workspace .app-layout{grid-template-columns:192px minmax(0,1fr);gap:38px}.member-workspace .app-tab{padding:12px 14px;border-radius:8px;font-size:.94rem}.member-workspace .app-tab[aria-current=page],.member-workspace .bottom-nav button[aria-current=page]{background:#e0eadd;color:#183b30;border-color:#bbccbc}
.member-workspace .start-intro{padding:4px 0 10px}.member-workspace .start-intro h1{font-size:clamp(1.8rem,3vw,2.6rem)}
.member-workspace .home-selected{background:#e7ede1;border-color:#c3d0bc;padding:26px}.home-selected h2{font-size:1.7rem}.member-workspace .home-selected button{width:auto;margin-right:12px}.member-workspace .home-create{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0;margin-bottom:12px}.member-workspace .home-create h2{font-size:1.2rem}.member-workspace .home-create button{width:auto}.member-workspace .home-create>details{margin-top:16px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.section-heading h2{font-size:1.2rem}.section-heading>span{font-size:.78rem;color:var(--muted)}.upcoming-section{margin:0 0 24px}.upcoming-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.upcoming-list li{display:flex;gap:22px;padding:16px 0;border-bottom:1px solid var(--line)}.upcoming-date{width:105px;flex-shrink:0;color:var(--muted);font-variant-numeric:tabular-nums}.upcoming-list li>div{display:grid;gap:4px}.upcoming-list small{font-weight:700;color:var(--cyan)}.upcoming-list li>div>span{font-size:.9rem;color:var(--muted)}
.member-workspace .member-guide{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0}.member-workspace .saved-rota{background:transparent;border-width:0 0 1px;border-radius:0;padding:20px 0}.member-workspace .saved-rota:first-child{padding-top:0}.member-workspace .saved-rota h3{font-size:1.25rem;margin-bottom:8px}.member-workspace .saved-rota .member-actions>.primary-button{flex-basis:auto}
.member-workspace .notice-card{background:#e7ede1;color:var(--ink);border:1px solid #a8bda4;box-shadow:none}.member-workspace .notice-card.error{background:#fff1ed;border-color:#a32928}.member-workspace input,.member-workspace select,.member-workspace textarea{background:var(--input);color:var(--ink);border-color:var(--line)}
#memberCalendarDays{display:grid;gap:8px}#memberCalendarDays[data-view=month],#memberCalendarDays[data-view=week]{grid-template-columns:repeat(7,minmax(0,1fr))}#memberCalendarDays[data-view=month]>.member-calendar-day:first-child{grid-column:var(--weekday)}.member-calendar-day{border:1px solid var(--line);border-radius:8px;padding:10px;min-height:115px;background:var(--panel)}.member-calendar-day h3{font-size:.83rem;color:var(--muted);font-weight:600;letter-spacing:0}.member-calendar-day p{font-size:.8rem;margin:8px 0 0;line-height:1.5;font-variant-numeric:tabular-nums}.member-calendar-day.rest-day{background:#edf0e8}.member-calendar-day.rest-day p{color:var(--muted)}
.member-workspace .member-review-save-bar{background:var(--night);box-shadow:0 -8px 14px var(--night)}.member-review-day{background:var(--panel)}.member-workspace .more-tools button,.member-workspace .home-more-tools{background:transparent;border-radius:10px}.member-workspace .bottom-nav{background:#fffef9;backdrop-filter:none}.member-workspace .account-grid{gap:20px}.member-workspace .danger-zone{border-top:3px solid var(--danger)}
@media(max-width:1100px){#memberCalendarDays[data-view=month],#memberCalendarDays[data-view=week]{grid-template-columns:repeat(2,minmax(0,1fr))}#memberCalendarDays[data-view=month]>.member-calendar-day:first-child{grid-column:auto}}
@media(max-width:900px){.member-workspace .app-layout{display:block}.product-intro{gap:28px}.member-workspace .builder-card{padding:22px;border-radius:14px}.member-workspace .home-create{padding:24px 0;border-radius:0}.member-workspace .home-selected{padding:22px}.member-workspace .member-nav{padding:12px 0}}
@media(max-width:600px){.app-header{padding-inline:16px}.app-shell{padding-inline:16px}.product-intro{padding-block:30px}.hero-art{max-width:300px;margin:18px auto 0}.product-intro h1{font-size:2.35rem}.brand-lockup small{display:none}.member-workspace .builder-card{padding:18px}.member-workspace .home-create{padding:22px 0}.member-workspace .home-selected button{width:100%;margin-right:0}.section-heading{gap:8px}.section-heading>span{font-size:.7rem}.upcoming-list li{gap:12px}.upcoming-date{width:86px;font-size:.85rem}#memberCalendarDays[data-view]{grid-template-columns:1fr}.member-calendar-day{min-height:0;display:grid;grid-template-columns:83px minmax(0,1fr);gap:8px}.member-calendar-day h3{margin:3px 0}.member-calendar-day p{font-size:.9rem;margin:0}.member-calendar-day p+p{grid-column:2}.member-shell .member-actions{gap:8px}.member-shell .member-actions>*{min-width:0}.member-nav{gap:8px}.member-brand{font-size:.9rem}.member-workspace .home-create button{width:100%}.member-workspace .app-topbar h1{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body,body.member-workspace{background:#fff!important;color:#000!important;--ink:#000;--muted:#000;--line:#777;--panel:#fff;--input:#fff;--night:#fff;--cyan:#000}.member-nav,.app-sidebar,.bottom-nav,.member-guide,.calendar-toolbar,.member-actions,.hero-actions{display:none!important}.app-layout{display:block!important}.app-shell{max-width:none;padding:0}.builder-card,.member-calendar-day,.rest-day{background:#fff!important;color:#000!important;box-shadow:none!important;break-inside:avoid}.member-calendar-day p,.member-calendar-day h3{color:#000!important}#memberCalendarDays[data-view]{grid-template-columns:repeat(2,minmax(0,1fr))}.member-calendar-day:first-child{grid-column:auto!important}}
/* Keep original artwork unobscured by the previous photographic overlay. */
.hero-art{display:block;min-height:0;height:auto;overflow:visible}.hero-art::before,.hero-art::after{display:none}.hero-art img{position:static;inset:auto;display:block;transform:none;filter:none;opacity:1}.hero-art figcaption{position:static;padding:12px 0;font-weight:500;font-size:.85rem}.product-intro h1{font-size:clamp(2.2rem,3.5vw,3rem);max-width:19ch}
.journey-chooser,body.light-mode .journey-chooser{background:transparent;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:28px 0}.journey-chooser .mode-switcher{border:0}.journey-chooser .mode-button{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:none}.journey-chooser .mode-button:hover{background:var(--input);border-color:var(--cyan);transform:none}.hero-actions .membership-hero-button{display:block;text-align:left;background:transparent;box-shadow:none}.hero-actions .membership-hero-button small{display:block;margin-top:5px;color:var(--muted)}