/* StaldVagt reference design. Presentation only; PHP controls data and access. */
:root{--ref-bg:#f4f0e5;--ref-card:#fffdf7;--ref-green:#123f32;--ref-mint:#e7eee5;--ref-orange:#ac481e;--ref-line:#e4dfd2;--ref-muted:#566c63;--green:var(--ref-green);--green2:#2c6855;--cream:var(--ref-bg);--mint:var(--ref-mint);--ink:#183c30;--muted:var(--ref-muted);--line:var(--ref-line);--danger:#af302c;--ref-width:820px;--ref-serif:Georgia,'Times New Roman',serif;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#eae8dd}
html{scroll-padding-top:100px}body{-webkit-tap-highlight-color:transparent}body.appBody{background:var(--ref-bg);color:var(--ink)}button,a,input,select,textarea{touch-action:manipulation}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #43856c;outline-offset:3px}[hidden]{display:none!important}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.refIcon{width:22px;height:22px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.passwordField{position:relative;display:block}.passwordField input{padding-right:52px}.passwordToggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ref-green)}.passwordToggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.passwordToggle:hover{background:var(--ref-mint)}.passwordToggle[aria-pressed="true"]{background:var(--ref-mint)}.passwordMatch{margin-top:1px}.passwordMatch[data-state="match"]{color:#237148}.passwordMatch[data-state="mismatch"]{color:#a53c3c}
.registrationHorseChoice{display:block;padding:12px;border:1px solid var(--ref-line);border-radius:12px}.registrationHorseChoice legend{display:block;width:auto;max-width:calc(100% - 10px);padding:0 5px;white-space:normal}.registrationHorseChoice .checkCard{width:100%;margin-top:9px;padding:11px!important;border:1px solid var(--ref-line)!important;border-radius:10px!important;background:var(--ref-card)!important}.registrationHorseChoice .checkCard:has(input:checked){border-color:var(--ref-green)!important;background:var(--ref-mint)!important}.registrationHorseFields{display:grid;gap:12px;padding:14px;border-radius:12px;background:var(--ref-mint)}.registrationHorseFields>small{line-height:1.5;color:var(--ref-muted)}
/* Login keeps the working email, recovery and remember-me forms. */
body.authBody{padding:0;background:#eae8dd;min-height:100svh}.authCard{position:relative;isolation:isolate;width:min(100%,440px);min-height:100svh;border:0;border-radius:0;padding:clamp(56px,10svh,100px) 28px 240px;background:var(--ref-bg);box-shadow:0 12px 40px #2944340d}.authCard::after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;height:220px;background:url('/assets/stable-landscape-original.webp') center bottom/cover no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%);pointer-events:none}.authCard .brandMark{width:76px;height:76px;border-radius:50%;background:var(--brand,var(--ref-green));box-shadow:inset 0 2px 6px #ffffff12;font:normal 54px/1 var(--ref-serif)}.authCard h1{color:var(--ref-green);font:700 40px/1.1 var(--ref-serif);letter-spacing:-1px;margin:16px 0}.authCard h2{font:700 27px/1.15 var(--ref-serif);margin-bottom:10px}.authCard>.lead{font-size:15px;color:var(--ink);max-width:290px;margin:0 auto}.authCard .stack{margin-top:28px;gap:15px}.authCard .stack>label:not(.checkCard){color:var(--ref-muted);font-size:13px;font-weight:600}.authCard .checkCard{border:0;padding:0;gap:10px;background:transparent;align-items:flex-start}.authCard .checkCard input{width:19px;height:19px;accent-color:var(--ref-green);margin:0;flex:none}.authCard .checkCard b{font-size:14px;font-weight:500}.authCard .checkCard small{font-size:11px}.authCard .authSwitch{font-size:13px;margin:20px 0 0}.authCard .authSwitch a{font-weight:500;color:var(--ref-green)}
/* Compact header and explicit, separate home and appearance destinations. */
body.appBody .content{max-width:var(--ref-width);margin:0 auto;padding:102px 24px 126px;min-width:0}body.appBody .topbar{left:0;right:0;height:76px;padding:0 max(24px,calc((100vw - var(--ref-width))/2 + 24px));justify-content:space-between;gap:10px;background:#f4f0e5f2;border-bottom:1px solid var(--ref-line);backdrop-filter:blur(16px);z-index:30}.brandCluster{display:flex;align-items:center;gap:9px;min-width:0}.brandName{font:700 23px/1 var(--ref-serif);color:var(--ref-green);white-space:nowrap}.logo{display:grid!important;width:38px;height:38px;flex:none;border-radius:50%;font:normal 27px/1 var(--ref-serif);background:var(--brand,var(--ref-green));box-shadow:none}.adminViewForm{margin:0;flex:none}.adminViewToggle,.adminViewToggle.active{display:block;border:1px solid #aecabc;padding:6px 8px;border-radius:999px;color:#1b634c;background:#eaf2ea;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:none}.topActions{gap:0;min-width:0}.profileMenu{min-width:0}.profileMenu summary{min-height:48px;border:1px solid var(--ref-line);background:#fffdf7d9;padding:5px 9px 5px 5px;border-radius:999px;gap:8px}.profileMenu summary>span{width:34px;height:34px;flex:none;color:#fff;background:linear-gradient(145deg,#edc98e,#dba250);border:2px solid #fff;font-size:16px}.profileMenu em{display:grid!important;gap:4px;min-width:0}.profileMenu em b{max-width:110px;overflow:hidden;text-overflow:ellipsis;color:var(--ref-green);font-size:13px}.profileMenu em small{max-width:110px;color:#715622;background:#f3e0b3;border-radius:5px;padding:2px 5px;font-size:8px;line-height:1.2;font-weight:700}.profileMenu summary>i{font-style:normal;color:var(--ref-muted);font-size:12px}.profileMenu nav{background:var(--ref-card);border:1px solid var(--ref-line);top:56px;z-index:70;width:210px}.sidebar{display:none!important}
.pageTitle{display:block;margin:3px 0 25px}.pageTitle>div{max-width:680px}.pageTitle span{display:block;font-size:10px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:var(--ref-orange);margin-bottom:10px}.pageTitle h1{font:700 39px/1.06 var(--ref-serif);letter-spacing:-1px;color:var(--ref-green);margin:0;overflow-wrap:break-word}.pageTitle p{font-size:14px;line-height:1.65;color:var(--ref-muted);margin:12px 0 0}.pageTitle time{display:block;margin-top:12px;font-size:13px}.pageTitle>form,.pageTitle .dateNav{margin-top:18px}.panel,.postCard{padding:21px;border:1px solid var(--ref-line);background:var(--ref-card);border-radius:16px;box-shadow:0 3px 12px #35463503;min-width:0}.panel h2,.panel h3,.postBody h2{font-family:var(--ref-serif);color:var(--ref-green)}.panel h2,.postBody h2{font-size:23px;line-height:1.2}.panel h3{font-size:20px}.panelHead{align-items:flex-start;gap:10px}.panelHead>span{font-size:12px;color:var(--ref-muted)}.panelHead>a{font-size:13px}.twoCol,.dashboardGrid{grid-template-columns:minmax(0,1fr);gap:18px}.sticky{position:static}input,select,textarea{min-width:0;background:var(--ref-card);border:1px solid var(--ref-line);border-radius:9px;padding:12px 13px;font-size:16px;color:var(--ink)}textarea{min-height:110px}label{color:var(--ink);font-size:12px}fieldset{border:1px solid var(--ref-line);border-radius:12px;min-width:0}legend{font-size:12px;font-weight:650}.primary,.secondary{min-height:42px;padding:11px 15px;border-radius:9px;font-size:13px;font-weight:650}.primary{border:1px solid #123f32;background:linear-gradient(115deg,#1a503f,#123f32);color:#fff;box-shadow:inset 0 1px 1px #ffffff18}.primary:hover{background:#0c372b}.secondary{background:var(--ref-card);border:1px solid var(--ref-line);color:var(--ref-green)}.small{min-height:36px;padding:8px 11px;font-size:12px}.textDanger{min-height:36px;padding:8px 12px;border-radius:8px;background:#f7e7e2;color:#a12f2b}.empty{font-size:13px;line-height:1.6;border:1px dashed var(--ref-line);border-radius:10px}.alert{font-size:14px;line-height:1.5}.status{border-radius:5px;padding:5px 7px;font-size:11px}.status.open{color:#975218;background:#fff0df}.status.taken{color:#206b4b;background:#e6f0e7}.status.critical{color:#9d2723;background:#f8e3df}.systemSummary{margin-bottom:18px}.systemSummary>div{display:flex;align-items:center;gap:14px}.systemSummary h2{margin:2px 0 3px;font-size:28px}.systemSummary p{margin:0}.systemSignal{width:18px;height:18px;flex:none;border-radius:50%;background:#27855b;box-shadow:0 0 0 6px #27855b18}.systemSummary-yellow .systemSignal{background:#d28a2f;box-shadow:0 0 0 6px #d28a2f18}.systemSummary-red .systemSignal{background:#b43b35;box-shadow:0 0 0 6px #b43b3518}.systemPanel .list article small{overflow-wrap:anywhere}.systemDashboard{align-items:start}.planTabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--ref-card);padding:5px;border:1px solid var(--ref-line);border-radius:12px;margin-bottom:18px}.planTabs a{text-align:center;border-radius:8px;padding:12px 8px;font-size:12px;font-weight:650}.planTabs a.active{color:#fff;background:var(--ref-green)}
.peopleGrid,.phoneList{display:grid;grid-template-columns:1fr;gap:11px;padding:0;background:none;border:0;box-shadow:none}.peopleGrid article,.phoneList article{padding:17px;display:flex;gap:14px;align-items:center;background:var(--ref-card);border:1px solid var(--ref-line);border-radius:15px}.personAvatar{width:49px;height:49px;flex:none;background:#dce8df;color:#245847;border-radius:50%;font-size:20px;font-weight:500}.peopleGrid article>div,.phoneList article>div{min-width:0;gap:6px}.peopleGrid article>div b,.phoneList article>div b{font:700 20px/1.15 var(--ref-serif);overflow-wrap:anywhere}.peopleGrid a{font-size:14px;color:var(--ref-muted)}.peopleGrid small{font-size:11px;line-height:1.4}.peopleGrid small::before{content:'';display:inline-block;width:6px;height:6px;background:#869790;border-radius:50%;margin-right:5px}.peopleGrid small.online::before{background:#168953}.phoneList article{justify-content:space-between}.phoneList small{font-size:12px}.callButton{display:flex;align-items:center;gap:7px;flex:none;min-height:42px;padding:8px 10px;width:auto;height:auto;border-radius:9px;font-size:13px;color:var(--ref-green);background:#edf3ea;border:1px solid #dbe5d8}.callButton::before{content:none}.feed{gap:16px}.postCard{padding:0;overflow:hidden}.postCard img{width:100%;max-height:420px;object-fit:cover}.postBody{padding:20px}.postBody p{font-size:14px;line-height:1.7;color:var(--ref-muted);overflow-wrap:anywhere}.postMeta{color:var(--ref-muted);font-size:11px}.eventDate,.decided{padding:10px;background:#eaf0e7;border:1px solid #dbe5d8;border-radius:9px}.voteList{display:grid;gap:9px}.voteOption button{min-height:56px;border-radius:10px;border-color:var(--ref-line);background:#fcfaf2;text-align:left;gap:10px;font-size:13px}.voteOption button.selected{border-color:#7fa78f;background:#eaf1e7;color:#155b3e}.voteChoice{grid-template-columns:minmax(0,1fr) auto}
.checkList{display:grid;background:var(--ref-card);border:1px solid var(--ref-line);border-radius:15px;padding:0 15px}.checkList article{padding:15px 0;gap:12px}.checkList article:last-child{border-bottom:0}.checkList article>div{min-width:0}.checkList article b{font-size:14px;font-weight:500}.checkList article small{font-size:11px;line-height:1.4}.check{display:grid;place-items:center;width:31px;height:31px;border:1px solid #6e9584;border-radius:50%;color:var(--ref-green);background:var(--ref-card)}.checkList .done .check{color:#fff;background:var(--ref-green);border-color:var(--ref-green)}.taskProgress{margin:0 0 20px}.taskProgress>p{font-size:12px;color:var(--ref-muted);margin:0 0 9px}.taskProgress progress{width:100%;height:8px;appearance:none;border:0;display:block;border-radius:99px;overflow:hidden;background:#e3e3d7}.taskProgress progress::-webkit-progress-bar{background:#e3e3d7;border-radius:99px}.taskProgress progress::-webkit-progress-value{background:#2c6855;border-radius:99px}.taskProgress progress::-moz-progress-bar{background:#2c6855}.dateNav{width:max-content;max-width:100%;background:var(--ref-card);border-color:var(--ref-line)}.dayGrid{grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px}.dayColumn{background:#faf7ee;border-color:var(--ref-line);border-radius:12px}.shiftCard{border-radius:9px}.list article{gap:10px}.list article>div{min-width:0}.list article b{font-size:14px}.list time{width:82px;flex:none;font-size:12px}
/* Existing seven admin sections remain accessible without JavaScript. */
.adminTabs{display:flex;gap:5px;overflow-x:auto;padding:5px;margin-bottom:18px;background:var(--ref-card);border:1px solid var(--ref-line);border-radius:12px;position:sticky;top:86px;z-index:15}.adminTabs a{flex:1 0 auto;min-width:80px;border:0;padding:12px 14px;border-radius:8px;font-size:12px;text-align:center;background:none}.adminTabs a[aria-selected='true']{color:#fff;background:var(--ref-green)}.adminSection{margin-bottom:18px;scroll-margin-top:150px}.adminRow{gap:10px}.adminRow small{font-size:12px;overflow-wrap:anywhere}.adminRow input,.adminRow select{min-width:0}.quickAssign{padding:14px;background:#eef2e7;border-color:#dce5d5;border-radius:12px}.quickControls{grid-template-columns:1fr}.quickWeekGrid{grid-template-columns:repeat(7,minmax(105px,1fr))}.quickActions{bottom:96px;background:#eef2e7}.quickLinks a{background:var(--ref-mint);font-size:14px;border-radius:9px}.notificationList article{gap:12px;align-items:flex-start}.notificationList article>div{min-width:0}.notificationList article>div b{font:700 18px/1.2 var(--ref-serif)}.notificationList article p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.notificationList article small{font-size:11px}.notificationList article>i{position:relative;width:32px;height:32px;flex:none;background:#f5dfd7;border-radius:50%}.notificationList article>i::after{content:'!';display:grid;place-items:center;position:absolute;inset:0;color:#b74930;font:700 19px/1 var(--ref-serif)}.notificationList article.read{opacity:.75}.notificationList article.read>i{background:#e5ebe0}.notificationList article.read>i::after{content:'\2713';color:#426c55}
.refDialog{border:1px solid var(--ref-line);border-radius:20px;padding:0;background:var(--ref-bg);color:var(--ink);width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 24px 70px #123f3240;overscroll-behavior:contain}.refDialog::backdrop{background:#12342b5c;backdrop-filter:blur(3px)}.refDialogHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px;position:sticky;top:0;z-index:1;background:var(--ref-bg);border-bottom:1px solid var(--ref-line)}.refDialogHead h2{margin:0;font:700 27px/1.1 var(--ref-serif)}.refDialogHead button{width:40px;height:40px;flex:none;padding:0;border:1px solid var(--ref-line);border-radius:50%;background:var(--ref-card);font-size:23px;color:var(--ref-green)}.refDialogBody{padding:18px}.refDialogBody .pageTitle h1{display:none}.refDialogBody .pageTitle{margin:0 0 16px}.refDialogBody .pageTitle p{margin:0}.refDialogBody .notificationList{padding:15px}.installCard{display:grid;gap:9px;padding:18px;margin-bottom:16px;background:#e9efe4;border:1px solid #d8e2d4;border-radius:13px}.installCard h3{font:700 22px/1.15 var(--ref-serif);margin:0}.installCard p,.installNote{margin:0;color:var(--ref-muted);font-size:13px;line-height:1.6}.installSteps{padding:0;list-style:none;counter-reset:steps;display:grid;gap:16px;margin:18px 0 26px}.installSteps li{counter-increment:steps;display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:13px;line-height:1.6}.installSteps li::before{content:counter(steps);display:grid;place-items:center;align-self:start;width:29px;height:29px;background:var(--ref-green);color:white;border-radius:9px;font-weight:600}.installOptions{display:flex;gap:6px;margin:14px 0}.installOptions button{flex:1}.installOptions button[aria-pressed='true']{background:var(--ref-green);border-color:var(--ref-green);color:#fff}.iconPreview{text-align:center;padding:24px 12px 8px;margin:18px 0 0;border-top:1px solid var(--ref-line)}.iconPreview>span{display:grid;place-items:center;margin:0 auto 14px;width:88px;height:88px;color:white;background:var(--preview-color,var(--ref-green));border-radius:26px;font:normal 64px/1 var(--ref-serif);box-shadow:inset 0 2px 4px #ffffff20}.iconPreview figcaption{font-size:12px;line-height:1.6;color:var(--ref-muted)}.colorChoices{display:flex;gap:14px;flex-wrap:wrap;padding:8px 0}.colorChoices label{position:relative}.colorChoices label input{position:absolute;width:1px;height:1px;margin:0;padding:0;clip-path:inset(50%)}.colorChoices span{width:43px;height:43px;border-radius:50%;border:3px solid var(--ref-card);box-shadow:0 0 0 1px var(--ref-line)}.colorChoices input:checked+span{position:relative;box-shadow:0 0 0 2px #83a58e}.colorChoices input:checked+span::after{content:'\2713';display:grid;place-items:center;position:absolute;inset:0;color:#fff;font-size:22px}.colorChoices input:focus-visible+span{outline:3px solid #43856c;outline-offset:4px}
/* Seven destinations, including Admin, stay visible at phone widths. */
.mobileNav{display:flex!important;position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));width:min(772px,calc(100vw - 24px));height:72px;padding:6px;gap:3px;border:1px solid var(--ref-line);border-radius:16px;background:#fffdf7f5;backdrop-filter:blur(16px);box-shadow:0 8px 28px #183c3014;z-index:40;justify-content:space-between}.mobileNav a,.mobileNav a:nth-of-type(n+7){display:grid;flex:1 1 0;min-width:0;place-items:center;align-content:center;gap:6px;color:#5f7168;border-radius:11px;font-weight:600;position:relative}.mobileNav a.active{color:#fff;background:var(--ref-green);box-shadow:inset 0 1px 3px #ffffff20}.mobileNav i{font-style:normal;font-size:20px}.mobileNav small{font-size:11px;text-align:center;line-height:1.1}.mobileNav a[href*='page=phone']:not(.active) i{color:#c13432}.navBadge{position:absolute;top:2px;right:10%;min-width:16px;height:16px;background:#c83030;color:white;border-radius:99px;padding:0 4px;font-size:9px;display:grid;place-items:center}.floatingNotify{position:fixed;right:max(18px,calc((100vw - var(--ref-width))/2 + 25px));bottom:calc(94px + env(safe-area-inset-bottom));width:46px;height:46px;border:1px solid #ffffff80;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--ref-green);box-shadow:0 5px 15px #164c3a30;z-index:41}.floatingNotify>span{font-size:24px}.floatingNotify b{position:absolute;top:-5px;right:-5px;border:2px solid var(--ref-bg);background:#d33030;color:#fff;min-width:17px;height:17px;padding:0 3px;border-radius:99px;font-size:9px;display:grid;place-items:center}
@media(min-width:700px){.authCard{min-height:780px;margin:30px 0;border:1px solid var(--ref-line);border-radius:25px;overflow:hidden}}
@media(max-width:620px){body.appBody .topbar{height:70px;padding:0 12px;gap:7px}.brandCluster{gap:6px}.brandName{font-size:clamp(14px,4.3vw,20px)}.logo{width:31px;height:31px;font-size:23px}.adminViewToggle,.adminViewToggle.active{font-size:8px;padding:5px 6px}.profileMenu summary{min-height:46px;padding:5px 7px 5px 4px;gap:5px}.profileMenu summary>span{width:30px;height:30px;font-size:14px}.profileMenu em b{font-size:12px;max-width:70px}.profileMenu em small{font-size:7px;max-width:85px;padding:2px 3px}.profileMenu summary>i{display:none}body.appBody .content{padding:94px 16px 126px}.pageTitle{margin-bottom:22px}.pageTitle h1{font-size:35px}.pageTitle p{font-size:13px}.panel{padding:17px}.peopleGrid,.phoneList{padding:0}.panel h2,.postBody h2{font-size:21px}.peopleGrid article,.phoneList article{padding:15px;gap:11px}.peopleGrid article>div b,.phoneList article>div b{font-size:19px}.phoneList .callButton{font-size:12px;padding:9px}.mobileNav{height:69px;gap:1px;padding:5px}.mobileNav small{font-size:9px}.mobileNav .refIcon{width:19px;height:19px}.dayGrid{grid-template-columns:repeat(5,minmax(230px,78vw))}.adminTabs{top:79px;margin-left:-2px;margin-right:-2px}.adminTabs a{min-width:74px}.quickWeekGrid{grid-template-columns:repeat(7,minmax(105px,37vw))}.quickActions{bottom:calc(90px + env(safe-area-inset-bottom))}.voteChoice{grid-template-columns:1fr}.notificationList article{flex-wrap:wrap}.notificationList article>div{flex:1 1 calc(100% - 46px)}.notificationList article>form{margin-left:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Public product page: one sales entry point for mobile and desktop. */
body.page-welcome{display:block;padding:0;background:var(--ref-bg)}
.publicStart{min-height:100svh;color:var(--ref-green);background:linear-gradient(180deg,#f5f0e4 0,#f8f5ec 58%,#fffdf8 100%)}
.publicTop{width:min(1180px,calc(100% - 40px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ref-line)}
.publicBrand{display:flex;align-items:center;gap:12px;color:var(--ref-green)}.publicBrand span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ref-green);font:500 32px/1 var(--ref-serif)}.publicBrand b{font:700 29px/1 var(--ref-serif)}
.publicLogin,.publicSecondary{display:inline-grid;place-items:center;min-height:42px;padding:0 18px;border:1px solid #8fb8a5;border-radius:999px;color:var(--ref-green);background:#fffdf8;font-size:13px;font-weight:700}
.publicHero{width:min(1120px,calc(100% - 40px));margin:auto;padding:74px 0 68px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:80px}.publicHeroCopy{max-width:650px}.publicEyebrow,.publicSectionTitle>span{display:inline-block;color:var(--ref-orange);font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.publicHero h1{max-width:620px;margin:12px 0 18px;font:700 clamp(46px,6vw,74px)/.98 var(--ref-serif);letter-spacing:-2px}.publicHeroCopy>p{max-width:580px;margin:0;color:var(--ref-muted);font-size:18px;line-height:1.55}.publicHeroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.publicPrimary{display:inline-grid;place-items:center;min-height:48px;padding:0 21px;border-radius:13px;color:#fff;background:var(--ref-green);font-size:14px;font-weight:800;box-shadow:0 10px 24px #123f3228}
.publicPreview{padding:18px;border:1px solid var(--ref-line);border-radius:28px;background:#fffdf8;box-shadow:0 28px 70px #123f3220;transform:rotate(1deg)}.publicPreviewHead{display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid var(--ref-line)}.publicPreviewHead span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ref-green);font:500 23px/1 var(--ref-serif)}.publicPreviewHead b{font:700 20px/1 var(--ref-serif)}.publicPreview article{position:relative;margin-top:10px;padding:14px;border-radius:13px;background:#edf3eb;display:grid;gap:4px}.publicPreview small{color:var(--ref-muted);font-size:10px}.publicPreview strong{font-size:14px}.publicPreview article>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:19px}.publicPreview article>div{height:6px;border-radius:9px;background:#d5dfd6;overflow:hidden}.publicPreview article>div span{display:block;width:75%;height:100%;background:var(--ref-green)}
.publicTrust{width:min(980px,calc(100% - 40px));margin:-18px auto 72px;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--ref-line);border-radius:999px;background:#fffdf8;color:var(--ref-muted);font-size:12px}.publicTrust span{display:flex;align-items:center;gap:8px}.publicTrust span::before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:var(--ref-green);font-size:10px;font-weight:900}
.publicProblem,.publicAudience{padding:76px 20px}.publicProblem{background:var(--ref-green);color:#f7f1e4}.publicProblem .publicSectionTitle>span{color:#efb37e}.publicProblem .publicSectionTitle h2{max-width:730px;margin-inline:auto}.publicProblem .publicSectionTitle p{max-width:690px;margin-inline:auto;color:#c4d3cc;line-height:1.6}.publicOutcomeGrid{width:min(1050px,100%);margin:38px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.publicOutcomeGrid article{padding:26px;border:1px solid #ffffff26;border-radius:20px;background:#ffffff09}.publicOutcomeGrid i{display:block;margin-bottom:28px;color:#efb37e;font:700 12px/1 var(--ref-sans);font-style:normal;letter-spacing:1px}.publicOutcomeGrid h3{margin:0;font:700 23px/1.15 var(--ref-serif)}.publicOutcomeGrid p{margin:10px 0 0;color:#c4d3cc;font-size:13px;line-height:1.6}
.publicFeatures{width:min(1040px,calc(100% - 40px));margin:0 auto 72px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.publicFeatures article{padding:24px;border:1px solid var(--ref-line);border-radius:18px;background:#fffdf8}.publicFeatures i{width:42px;height:42px;margin-bottom:15px;display:grid;place-items:center;border-radius:12px;background:var(--ref-mint);font-style:normal;font-size:21px}.publicFeatures b{display:block;font:700 20px/1.2 var(--ref-serif)}.publicFeatures p{margin:8px 0 0;color:var(--ref-muted);font-size:13px;line-height:1.5}
.publicProblem+.publicFeatures{margin-top:72px}.publicAudience{padding-top:8px}.publicAudience .publicSectionTitle p{max-width:560px;margin-inline:auto}.publicAudienceGrid{width:min(1040px,100%);margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.publicAudienceGrid article{position:relative;min-height:185px;padding:26px;overflow:hidden;border:1px solid var(--ref-line);border-radius:22px;background:#fffdf8}.publicAudienceGrid article::after{content:'';position:absolute;right:-35px;bottom:-50px;width:130px;height:130px;border-radius:50%;background:var(--ref-mint)}.publicAudienceGrid b{position:relative;z-index:1;font:700 24px/1.15 var(--ref-serif)}.publicAudienceGrid p{position:relative;z-index:1;max-width:250px;margin:13px 0 0;color:var(--ref-muted);font-size:13px;line-height:1.6}
.publicHow{width:min(1040px,calc(100% - 40px));margin:0 auto 76px;padding:42px;border:1px solid var(--ref-line);border-radius:28px;background:#e7eee5}.publicHow .publicSectionTitle{text-align:left}.publicHow ol{margin:34px 0 28px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.publicHow li{display:flex;align-items:flex-start;gap:13px}.publicHow li>span{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ref-green);font-size:12px;font-weight:800}.publicHow li b{font:700 18px/1.2 var(--ref-serif)}.publicHow li p{margin:6px 0 0;color:var(--ref-muted);font-size:12px;line-height:1.55}.publicHow>.publicPrimary{width:max-content}
.publicPackages{padding:72px 20px 78px;background:#fffdf8;border-block:1px solid var(--ref-line)}.publicSectionTitle{text-align:center}.publicSectionTitle h2{margin:9px 0 8px;font:700 42px/1 var(--ref-serif)}.publicSectionTitle p{margin:0;color:var(--ref-muted);font-size:14px}.publicPlanGrid{width:min(1020px,100%);margin:34px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.publicPlan{position:relative;padding:27px;border:1px solid var(--ref-line);border-radius:20px;background:#f8f5ec;display:flex;flex-direction:column}.publicPlan.recommended{border:2px solid #63947d;background:#e9f1e8;box-shadow:0 16px 35px #123f3215}.publicPlanTag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 11px;border-radius:999px;color:#fff;background:var(--ref-green);font-size:9px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.publicPlan h3{margin:0;font:700 24px/1 var(--ref-serif)}.publicPrice{margin:13px 0 16px;display:flex;align-items:end;gap:5px}.publicPrice b{font:700 38px/.9 var(--ref-serif)}.publicPrice span{color:var(--ref-muted);font-size:11px}.publicPlan ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:9px;color:var(--ref-muted);font-size:13px}.publicPlan li::before{content:'✓';margin-right:8px;color:var(--ref-green);font-weight:900}.publicPlan>a{margin-top:auto;min-height:43px;display:grid;place-items:center;border:1px solid #7ca68f;border-radius:11px;color:var(--ref-green);background:#fff;font-size:12px;font-weight:800}.publicPlan.recommended>a{color:#fff;background:var(--ref-green);border-color:var(--ref-green)}
.publicInvited{width:min(960px,calc(100% - 40px));margin:44px auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border:1px solid var(--ref-line);border-radius:18px;background:#fffdf8}.publicInvited b{font:700 20px/1.2 var(--ref-serif)}.publicInvited p{margin:5px 0 0;color:var(--ref-muted);font-size:12px}.publicInvited>a{flex:none;padding:12px 15px;border-radius:11px;color:var(--ref-green);background:var(--ref-mint);font-size:12px;font-weight:800}.publicFooter{width:min(1180px,calc(100% - 40px));margin:auto;padding:22px 0 30px;display:flex;justify-content:space-between;color:var(--ref-muted);font-size:11px}.publicFooter a{color:var(--ref-green);font-weight:700}.publicRequestCard{padding-bottom:120px}.publicRequestCard>.publicEyebrow{margin-top:22px}
@media(max-width:760px){.publicTop{width:calc(100% - 28px);height:72px}.publicBrand span{width:41px;height:41px;font-size:27px}.publicBrand b{font-size:24px}.publicLogin{min-height:38px;padding:0 14px}.publicHero{width:calc(100% - 32px);padding:46px 0 38px;display:block;text-align:center}.publicHeroCopy{margin:auto}.publicHero h1{margin-top:10px;font-size:42px;letter-spacing:-1.2px}.publicHeroCopy>p{font-size:14px}.publicHeroActions{display:grid;margin-top:22px}.publicPrimary,.publicSecondary{width:100%}.publicPreview{width:min(330px,92%);margin:34px auto 0;text-align:left;transform:none}.publicTrust{width:calc(100% - 32px);margin:0 auto 44px;padding:16px;display:grid;gap:10px;border-radius:18px}.publicProblem,.publicAudience{padding:48px 16px}.publicOutcomeGrid,.publicAudienceGrid{grid-template-columns:1fr;gap:12px}.publicOutcomeGrid article,.publicAudienceGrid article{min-height:0;padding:21px}.publicOutcomeGrid i{margin-bottom:16px}.publicProblem+.publicFeatures{margin-top:42px}.publicFeatures{width:calc(100% - 32px);grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:42px}.publicFeatures article{padding:14px 9px;text-align:center}.publicFeatures i{width:32px;height:32px;margin:0 auto 8px;font-size:16px}.publicFeatures b{font:700 12px/1.2 var(--ref-sans)}.publicFeatures p{display:none}.publicHow{width:calc(100% - 32px);margin-bottom:48px;padding:26px 20px}.publicHow .publicSectionTitle{text-align:center}.publicHow ol{grid-template-columns:1fr;gap:20px}.publicHow>.publicPrimary{width:100%}.publicPackages{padding:46px 16px 48px}.publicSectionTitle h2{font-size:31px}.publicPlanGrid{grid-template-columns:1fr;gap:15px}.publicPlan{padding:22px}.publicPlan.recommended{order:-1}.publicInvited{width:calc(100% - 32px);margin:28px auto;display:grid;padding:20px}.publicInvited>a{text-align:center}.publicFooter{width:calc(100% - 32px)}}

/* The public product page uses the same warm, light StaldVagt theme as the signed-in app. */


/* Responsive hardening: 320px phones through tablets, laptops and wide desktops. */
@media(max-width:430px){
  body.appBody .topbar{padding-inline:8px}
  .brandName{max-width:92px;overflow:hidden;text-overflow:ellipsis}
  .adminViewToggle,.adminViewToggle.active{max-width:72px;overflow:hidden;text-overflow:ellipsis}
  .profileMenu summary{max-width:112px}
  .profileMenu em b{max-width:58px}
  .profileMenu em small{max-width:64px;overflow:hidden;text-overflow:ellipsis}
  body.appBody .content{padding-inline:12px}
  .pageTitle h1{font-size:clamp(30px,10vw,35px)}
  .panel,.postBody{padding:15px}
  .formGrid{grid-template-columns:1fr}
  .peopleGrid article,.phoneList article{align-items:flex-start}
  .phoneList article{flex-wrap:wrap}
  .phoneList article>div{flex:1 1 180px}
  .callButton{margin-left:auto}
  .adminRow{align-items:stretch}
  .adminRow>div:first-of-type{flex-basis:100%}
  .rowActions{width:100%}
  .rowActions>*{min-width:0}
  .quickActions{grid-template-columns:1fr!important}
  .quickActions button{width:100%}
  .editGrid{left:8px;right:8px}
  .mobileNav{width:calc(100vw - 12px);bottom:max(6px,env(safe-area-inset-bottom));padding:4px 3px;border-radius:14px}
  .mobileNav a{gap:3px;padding-inline:1px}
  .mobileNav small{font-size:8px;letter-spacing:-.15px}
  .mobileNav .refIcon{width:18px;height:18px}
  .navBadge{right:2%;top:1px}
  .floatingNotify{right:12px}
}

.horsePartAccessPanel{grid-column:1/-1}.horsePermissionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.horsePartMember{padding:14px 0;border-top:1px solid rgba(33,74,58,.12)}.horseInvitationList{display:grid;gap:8px;margin-top:14px}.horseInvitationList article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:rgba(33,74,58,.06)}.horseInvitationList small{display:block;color:#64756c;margin-top:3px}
@media(max-width:700px){.horsePermissionGrid{grid-template-columns:1fr}.horseInvitationList article{align-items:flex-start;flex-direction:column}}
@media(max-width:350px){
  .brandName{display:none}
  .adminViewToggle,.adminViewToggle.active{max-width:60px;font-size:7px}
  .profileMenu summary{max-width:105px}
  body.appBody .content{padding-left:9px;padding-right:9px}
  .pageTitle span{letter-spacing:1.2px}
  .panel{padding:13px}
  .mobileNav{width:calc(100vw - 8px);height:66px}
  .mobileNav small{font-size:7px}
  .mobileNav .refIcon{width:17px;height:17px}
}
@media(min-width:621px) and (max-width:899px){
  body.appBody .content{padding-left:24px;padding-right:24px}
  .peopleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phoneList{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboardGrid .span2{grid-column:1/-1}
  .pageTitle h1{font-size:42px}
  .mobileNav{width:min(760px,calc(100vw - 28px))}
}
@media(min-width:900px){
  :root{--ref-width:1080px}
  body.appBody .content{padding-top:112px;padding-left:32px;padding-right:32px}
  .pageTitle h1{font-size:46px}
  .dashboardGrid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
  .dashboardGrid .span2{grid-column:auto}
  .twoCol{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)}
  .peopleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phoneList{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobileNav{width:min(900px,calc(100vw - 48px))}
  .floatingNotify{right:max(24px,calc((100vw - var(--ref-width))/2 + 34px))}
}
@media(min-width:1280px){
  :root{--ref-width:1180px}
  body.appBody .content{padding-left:40px;padding-right:40px}
  .pageTitle h1{font-size:50px}
  .peopleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .phoneList{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel,.postCard{border-radius:18px}
}
@media(max-height:560px) and (orientation:landscape){
  body.appBody .topbar{height:58px}
  body.appBody .content{padding-top:74px;padding-bottom:82px}
  .adminTabs{top:66px}
  .mobileNav{height:58px;bottom:4px}
  .mobileNav a{gap:1px}
  .mobileNav small{font-size:8px}
  .mobileNav .refIcon{width:17px;height:17px}
  .floatingNotify{bottom:68px;width:42px;height:42px}
  .authCard{min-height:100vh;padding-top:28px;padding-bottom:150px}
  .authCard::after{height:145px}
}
@supports(padding:max(0px)){
  body.appBody .content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .mobileNav{padding-bottom:max(5px,env(safe-area-inset-bottom))}
}

/* Monthly rota */
.shiftMonthShell{display:grid;gap:10px}
.shiftMonthToolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;background:var(--ref-card);border:1px solid var(--ref-line);border-radius:14px;padding:9px}
.shiftMonthToolbar>div{display:grid;gap:2px;min-width:0}.shiftMonthToolbar small{font-size:9px;letter-spacing:1.3px;color:var(--ref-orange);font-weight:800}.shiftMonthToolbar strong{font:700 22px/1.1 var(--ref-serif);color:var(--ref-green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.monthArrow,.monthToday{display:grid;place-items:center;min-height:40px;border:1px solid var(--ref-line);border-radius:10px;background:#fff;color:var(--ref-green);font-weight:700}.monthArrow{width:40px;font-size:24px}.monthToday{padding:0 12px;font-size:12px}
.shiftWeekdays,.shiftMonthGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.shiftWeekdays span{text-align:center;color:var(--ref-muted);font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 0}
.shiftDayCell{min-width:0;min-height:152px;padding:8px;background:#fffdf8;border:1px solid var(--ref-line);border-radius:12px}.shiftDayCell.outsideMonth{opacity:.45;background:#f2eee3}.shiftDayCell.today{border:2px solid #3c8065;box-shadow:0 0 0 2px #dceadf inset}
.shiftDayCell.pastDay{background:#eeece6;border-color:#d8d4ca;box-shadow:none}.shiftDayCell.pastDay>header,.shiftDayCell.pastDay .shiftDayItems{opacity:.52}.shiftDayCell.pastDay .monthShift{background:#e4e2dc;border-left-color:#aaa69d}.shiftDayCell.pastDay .monthShift.available{background:#e8e5df;border-left-color:#b3a99d}
.shiftDayCell>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.shiftDayCell>header span{font-size:9px;color:var(--ref-muted);text-transform:uppercase}.shiftDayCell>header b{font-size:14px;color:var(--ref-green)}
.shiftDayItems{display:grid;gap:6px}.monthShift{display:grid;gap:6px;padding:7px;border-radius:9px;background:#edf3eb;border-left:3px solid #2f6f52}.monthShift.available{background:#fff1df;border-left-color:#c47b2d}.monthShiftMain{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:start}.monthShiftMain i{font-style:normal;font-size:12px}.monthShiftMain span{display:grid;gap:1px;min-width:0}.monthShiftMain b{font-size:10px;line-height:1.2}.monthShiftMain small,.monthShiftMain em,.handoffNote{font-size:9px;line-height:1.25;color:var(--ref-muted);font-style:normal;overflow-wrap:anywhere}.monthShiftAction{margin:0}.monthShiftAction button{width:100%;min-height:30px;padding:5px 6px;font-size:10px}.noShift{display:block;text-align:center;color:#b8b2a7;font-size:12px;padding-top:14px}
@media(max-width:760px){
  .shiftWeekdays{display:none}.shiftMonthGrid{grid-template-columns:1fr}.shiftDayCell{min-height:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:10px}.shiftDayCell.outsideMonth{display:none}.shiftDayCell>header{display:grid;place-items:center;align-content:center;justify-content:stretch;margin:0;border-right:1px solid var(--ref-line);padding-right:8px}.shiftDayCell>header span{font-size:9px}.shiftDayCell>header b{font-size:22px}.shiftDayItems{grid-template-columns:repeat(2,minmax(0,1fr))}.noShift{grid-column:1/-1;padding:8px 0}
}
@media(max-width:430px){
  .shiftMonthToolbar{grid-template-columns:auto minmax(0,1fr) auto}.monthToday{grid-column:2/3;grid-row:2;padding:0 9px;min-height:34px}.shiftMonthToolbar>a:last-child{grid-column:3;grid-row:1}.shiftDayItems{grid-template-columns:1fr}.shiftDayCell{grid-template-columns:46px minmax(0,1fr)}.shiftMonthToolbar strong{font-size:19px}
}

/* Large display / TV / projector mode */
@media(min-width:1600px){
  :root{--ref-width:1480px}
  body.appBody .topbar{height:88px;padding-left:max(36px,calc((100vw - var(--ref-width))/2 + 36px));padding-right:max(36px,calc((100vw - var(--ref-width))/2 + 36px))}
  body.appBody .content{padding-top:128px;padding-left:48px;padding-right:48px;padding-bottom:150px}
  .brandName{font-size:28px}.logo{width:46px;height:46px;font-size:32px}
  .profileMenu summary{min-height:56px}.profileMenu summary>span{width:40px;height:40px}.profileMenu em b{font-size:15px}.profileMenu em small{font-size:9px}
  .pageTitle h1{font-size:58px}.pageTitle p{font-size:18px;max-width:820px}.pageTitle span{font-size:12px}
  .panel,.postCard{padding:28px}.panel h2,.postBody h2{font-size:28px}.panel h3{font-size:23px}
  input,select,textarea{font-size:18px;padding:14px 15px}.primary,.secondary{font-size:15px;min-height:48px}
  .dashboardGrid{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:24px}
  .peopleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .phoneList{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .peopleGrid article,.phoneList article{padding:21px}.peopleGrid article>div b,.phoneList article>div b{font-size:23px}
  .shiftWeekdays span{font-size:12px}.shiftDayCell{min-height:190px;padding:11px}.shiftDayCell>header b{font-size:17px}
  .monthShift{padding:9px}.monthShiftMain b{font-size:12px}.monthShiftMain small,.monthShiftMain em,.handoffNote{font-size:10px}
  .mobileNav{width:min(1180px,calc(100vw - 80px));height:82px;bottom:18px}.mobileNav small{font-size:12px}.mobileNav .refIcon{width:24px;height:24px}
  .floatingNotify{width:54px;height:54px;bottom:112px}
}
@media(min-width:2200px){
  :root{--ref-width:1900px}
  body.appBody .content{padding-top:150px;padding-left:64px;padding-right:64px}
  body.appBody .topbar{height:100px}
  .pageTitle h1{font-size:72px}.pageTitle p{font-size:21px;max-width:980px}
  .panel,.postCard{padding:34px;border-radius:22px}
  .panel h2,.postBody h2{font-size:34px}
  .dashboardGrid{grid-template-columns:minmax(0,2.2fr) minmax(440px,1fr);gap:30px}
  .peopleGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .phoneList{grid-template-columns:repeat(4,minmax(0,1fr))}
  .shiftDayCell{min-height:230px}.shiftDayCell>header b{font-size:20px}
  .monthShiftMain b{font-size:14px}.monthShiftMain small,.monthShiftMain em,.handoffNote{font-size:12px}
  .mobileNav{width:min(1500px,calc(100vw - 120px));height:92px}.mobileNav small{font-size:14px}.mobileNav .refIcon{width:28px;height:28px}
}

/* Simplified professional admin control center */
.previewBanner{display:flex;align-items:center;gap:12px;margin:12px 24px 0}.previewBanner span{flex:1}.previewBanner form{margin:0}.previewChoices{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:760px){.previewBanner{margin:10px 12px 0;align-items:flex-start;flex-wrap:wrap}.previewBanner span{flex-basis:100%}.previewChoices form,.previewChoices button{width:100%}}
.page-admin .pageTitle{margin-bottom:18px}
.adminOverview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.adminOverview>a{display:grid;gap:5px;min-width:0;padding:16px 17px;background:linear-gradient(145deg,#fffdf8,#f6f2e8);border:1px solid var(--ref-line);border-radius:14px;box-shadow:0 4px 16px #123f3208;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.adminOverview>a:hover{transform:translateY(-2px);border-color:#b9cfc3;box-shadow:0 8px 22px #123f3210}
.adminOverview span,.adminEyebrow{font-size:9px;font-weight:800;letter-spacing:1.35px;color:var(--ref-orange)}
.adminOverview b{font:700 18px/1.15 var(--ref-serif);color:var(--ref-green);overflow-wrap:anywhere}
.adminOverview small{font-size:11px;line-height:1.45;color:var(--ref-muted)}
.page-admin .adminTabs{top:86px;box-shadow:0 5px 18px #123f3208}
.page-admin .adminSection{box-shadow:0 6px 24px #123f3208}
.page-admin .adminSection>.panelHead{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--ref-line)}
.page-admin .adminSection>.panelHead>div{display:grid;gap:4px}
.page-admin .adminSection>.panelHead h2{margin:0}
.page-admin .adminSection>.panelHead .hint{margin:0;max-width:650px}
.planBuilder{margin:0 0 22px;border:1px solid #cddcd2;border-radius:14px;background:#f2f6ef;overflow:hidden}
.planBuilder>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;color:var(--ref-green)}
.planBuilder>summary::-webkit-details-marker{display:none}
.planBuilder>summary span{display:grid;gap:4px}
.planBuilder>summary b{font:700 20px/1.2 var(--ref-serif)}
.planBuilder>summary small{font-size:11px;line-height:1.45;color:var(--ref-muted);font-weight:500}
.planBuilder>summary i{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#fff;border:1px solid #d6e1d8;font:normal 22px/1 sans-serif;transition:transform .18s ease}
.planBuilder[open]>summary i{transform:rotate(45deg)}
.planBuilderForm{display:grid;gap:16px;padding:18px;border-top:1px solid #d6e1d8;background:#fffdf8}
.plannerRange,.plannerOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plannerOptions{grid-template-columns:2fr 1fr 1fr 1fr}
.planBuilderForm fieldset{padding:12px}
.plannerChecks{display:flex;gap:7px;flex-wrap:wrap}
.plannerChecks label{display:block}
.plannerChecks input{position:absolute;opacity:0;pointer-events:none}
.plannerChecks span{display:block;min-width:54px;padding:9px 11px;border:1px solid var(--ref-line);border-radius:9px;background:#fff;text-align:center;font-size:12px;font-weight:700;color:var(--ref-muted);cursor:pointer}
.plannerChecks input:checked+span{background:var(--ref-green);border-color:var(--ref-green);color:#fff;box-shadow:0 2px 8px #123f3220}
.plannerChecks input:focus-visible+span{outline:3px solid #43856c;outline-offset:2px}
.plannerSubmit{justify-self:end;min-width:180px}
.adminSubHead{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px;padding-top:4px}
.adminSubHead>div{display:grid;gap:2px}.adminSubHead b{font:700 17px/1.2 var(--ref-serif);color:var(--ref-green)}.adminSubHead small{font-size:11px;color:var(--ref-muted)}
.page-admin .quickAssign{background:#f7f6ef;border-color:var(--ref-line)}
.page-admin .advancedShift{border-top:1px solid var(--ref-line);margin-top:18px;padding-top:8px}
.page-admin .compactList{border-top:1px solid var(--ref-line);margin-top:22px;padding-top:6px}
@media(max-width:900px){
  .adminOverview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plannerOptions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .adminOverview{grid-template-columns:1fr 1fr;gap:8px}
  .adminOverview>a{padding:12px}
  .adminOverview b{font-size:16px}.adminOverview small{font-size:10px}
  .page-admin .adminTabs{top:79px}
  .planBuilder>summary{padding:14px}.planBuilder>summary b{font-size:18px}
  .planBuilderForm{padding:14px}
  .plannerRange,.plannerOptions{grid-template-columns:1fr}
  .plannerChecks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .plannerChecks span{min-width:0;padding:9px 5px}
  .plannerSubmit{justify-self:stretch;width:100%}
}
@media(max-width:380px){
  .adminOverview{grid-template-columns:1fr}
  .plannerChecks{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1600px){
  .adminOverview{gap:16px}.adminOverview>a{padding:21px}.adminOverview b{font-size:22px}.adminOverview small{font-size:13px}
  .planBuilder>summary{padding:20px 22px}.planBuilder>summary b{font-size:24px}.planBuilderForm{padding:22px}
}

/* Flexible quick-date ranges and fair distribution */
.quickRangeNav{display:flex;gap:6px;flex-wrap:wrap}
.quickRangeNav a{display:grid;place-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--ref-line);border-radius:9px;background:#fff;color:var(--ref-green);font-size:11px;font-weight:700}
.quickRangeNav a.active{background:var(--ref-green);border-color:var(--ref-green);color:#fff}
.quickWeekHead{align-items:end;gap:12px;flex-wrap:wrap}
.quickWeekGrid.range14,.quickWeekGrid.range30,.quickWeekGrid.range90{grid-template-columns:repeat(7,minmax(105px,1fr));max-height:520px;overflow:auto;padding-right:4px;scrollbar-gutter:stable}
.fairPlanner{margin:22px 0 0;border:1px solid #d7ddd3;border-radius:14px;background:#fbfaf4;overflow:hidden}
.fairPlanner>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;list-style:none}
.fairPlanner>summary::-webkit-details-marker{display:none}
.fairPlanner>summary span{display:grid;gap:4px}.fairPlanner>summary b{font:700 19px/1.2 var(--ref-serif);color:var(--ref-green)}.fairPlanner>summary small{font-size:11px;line-height:1.5;color:var(--ref-muted)}
.fairPlanner>summary i{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--ref-line);border-radius:50%;background:#fff;font:normal 21px/1 sans-serif;transition:transform .18s ease}
.fairPlanner[open]>summary i{transform:rotate(45deg)}
.fairPlannerForm{display:grid;gap:16px;padding:18px;border-top:1px solid var(--ref-line);background:#fffdf8}
.fairPeople{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fairPeople label{position:relative}.fairPeople input{position:absolute;opacity:0;pointer-events:none}
.fairPeople span{display:block;padding:11px 12px;border:1px solid var(--ref-line);border-radius:10px;background:#fff;color:var(--ref-green);font-size:12px;font-weight:700;text-align:center;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fairPeople input:checked+span{background:#e6f0e7;border-color:#7fa78f;box-shadow:inset 0 0 0 1px #7fa78f}
.fairPeople input:checked+span::before{content:'✓ ';font-weight:900}
.fairPeople input:focus-visible+span{outline:3px solid #43856c;outline-offset:2px}
@media(max-width:760px){
  .quickWeekHead{display:grid}
  .quickRangeNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .quickRangeNav a{padding:6px 4px;font-size:10px}
  .quickWeekGrid.range14,.quickWeekGrid.range30,.quickWeekGrid.range90{grid-template-columns:repeat(2,minmax(0,1fr));max-height:560px}
  .fairPeople{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .quickRangeNav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quickWeekGrid.range14,.quickWeekGrid.range30,.quickWeekGrid.range90{grid-template-columns:1fr}
  .fairPeople{grid-template-columns:1fr}
}
@media(min-width:1600px){
  .quickWeekGrid.range14,.quickWeekGrid.range30,.quickWeekGrid.range90{grid-template-columns:repeat(7,minmax(130px,1fr));max-height:680px}
  .fairPeople{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Cleaner admin separation and clearer handoff origin */
.page-admin .adminTabs{margin-bottom:20px}
.page-admin .adminSection{margin-bottom:0}
.page-admin .adminSection[hidden]{display:none!important}
.page-admin .adminSection>.panelHead{margin-bottom:16px}
.handoffNote{display:block;margin-top:2px;padding:5px 7px;border-radius:7px;background:#fff8e8;border:1px solid #eadbb8;color:#76552d!important}
.handoffNote b{color:#624522}
.adminOriginalOwner{display:block;margin-top:4px;padding:5px 7px;border-radius:7px;background:#fff8e8;color:#76552d!important}
@media(max-width:620px){
  .page-admin .adminTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:static;overflow:visible}
  .page-admin .adminTabs a{min-width:0}
}

/* Meeting request + poll split */
.meetingCreateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;align-items:start}
.meetingCreateGrid>.panel{margin:0}
.meetingRequestBox{background:linear-gradient(145deg,#f3f7ef,#fffdf8);border-color:#ccddd1}
.meetingPollBox{background:#fffdf8}
.meetingFeed{display:grid;gap:14px}
.meetingTypeLabel{display:block;margin-bottom:6px;font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--ref-orange)}
.meetingRequestedDate{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin:12px 0;background:#f7f3e8;border:1px solid var(--ref-line);border-radius:10px}
.meetingRequestedDate span{font-size:11px;color:var(--ref-muted);font-weight:700}.meetingRequestedDate b{font:700 18px/1.2 var(--ref-serif);color:var(--ref-green)}
.meetingApprovalActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--ref-line)}
.meetingApprovalActions form{margin:0}.meetingApprovalActions button{min-width:120px}
.status.rejected{color:#9b3b34;background:#f7e4df}
.meetingRequest{border-left:4px solid #7fa78f}.meetingRequest:has(.status.rejected){border-left-color:#c77b70}
@media(max-width:760px){
  .meetingCreateGrid{grid-template-columns:1fr}
  .meetingApprovalActions{display:grid;grid-template-columns:1fr 1fr}
  .meetingApprovalActions button{width:100%;min-width:0}
}
@media(max-width:380px){
  .meetingApprovalActions{grid-template-columns:1fr}
  .meetingRequestedDate{display:grid}
}

/* Grouped meeting availability: check / cross */
.availabilityPoll{display:grid;gap:9px;margin:14px 0}
.availabilityDate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--ref-line);border-radius:11px;background:#fffdf8}
.availabilityDate>div:first-child{display:grid;gap:5px;min-width:0}.availabilityDate>div:first-child>b{font-size:14px;color:var(--ref-green)}.availabilityDate>div:first-child>small{display:flex;gap:10px;font-size:10px;color:var(--ref-muted)}
.availabilityActions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.availabilityActions form{margin:0}
.availabilityYes,.availabilityNo{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:10px;border:1px solid var(--ref-line);background:#fff;font-size:19px;font-weight:800}
.availabilityYes{color:#2f6f52}.availabilityNo{color:#9b3b34}
.availabilityYes.selected{background:#e3efe5;border-color:#6f9f7f;box-shadow:inset 0 0 0 1px #6f9f7f}.availabilityNo.selected{background:#f6e2df;border-color:#c18178;box-shadow:inset 0 0 0 1px #c18178}
.availabilityYes:disabled,.availabilityNo:disabled{opacity:.45;cursor:not-allowed}
.notificationPollDates{display:grid;gap:7px;margin:10px 0 12px}
.notificationPollDate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--ref-line);border-radius:9px;background:#fffdf8}
.notificationPollDate>span{display:grid;gap:2px;min-width:0}.notificationPollDate>span>b{font-size:12px;color:var(--ref-green)}.notificationPollDate>span>small{font-size:9px;color:var(--ref-muted)}
.notificationPollDate>div{display:flex;gap:5px}.notificationPollDate form{margin:0}.notificationPollDate .availabilityYes,.notificationPollDate .availabilityNo{width:34px;height:34px;font-size:17px}
.notificationPoll>i::after{content:'?'}
@media(max-width:520px){
  .availabilityDate{grid-template-columns:1fr}.availabilityActions{justify-content:flex-start}
  .notificationPollDate{grid-template-columns:1fr}.notificationPollDate>div{justify-content:flex-start}
}

/* Facility booking under Særligt */
.facilityHub{display:grid;gap:14px;margin-bottom:22px}
.facilityCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.facilityRequestCard{position:relative;overflow:hidden}
.facilityRequestCard .facilityIcon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:12px;background:#edf4eb;color:var(--ref-green);font-size:22px;font-weight:800}
.facilityRequestCard h3{margin:0 0 12px;font:700 24px/1.15 var(--ref-serif);color:var(--ref-green)}
.facilitySchedule,.facilityMine{margin:0}
.facilityBookingList{display:grid;gap:8px}
.facilityBookingList article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--ref-line);border-radius:10px;background:#fffdf8}
.facilityBookingList article>div{display:grid;gap:3px;min-width:0}
.facilityBookingList article b{font-size:12px;color:var(--ref-green)}
.facilityBookingList article small{font-size:10px;color:var(--ref-muted)}
.facilityBookingList article.pending{border-left:3px solid var(--ref-orange)}
.facilityBookingList article.approved{border-left:3px solid #6f9f7f}
.facilityToggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
.facilityToggles article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--ref-line);border-radius:12px;background:#fbfaf4}
.facilityToggles article>div{display:grid;gap:3px}.facilityToggles b{color:var(--ref-green)}.facilityToggles small{font-size:10px;color:var(--ref-muted)}
.facilityAdminList{display:grid;gap:8px;margin-bottom:18px}
.facilityAdminList article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--ref-line);border-radius:10px;background:#fffdf8}
.facilityAdminList article>div:first-child{display:grid;gap:3px}
.facilityAdminList article b{font-size:12px;color:var(--ref-green)}
.facilityAdminList article small{font-size:10px;color:var(--ref-muted)}
.facilityAdminList article p{margin:3px 0 0;font-size:11px}
@media(max-width:760px){
  .facilityCards,.facilityToggles{grid-template-columns:1fr}
  .facilityBookingList article{grid-template-columns:1fr auto}
  .facilityBookingList article form{grid-column:1/-1}
  .facilityAdminList article{grid-template-columns:1fr}
}
@media(min-width:1600px){
  .facilityCards{gap:20px}.facilityRequestCard{padding:26px}.facilityRequestCard h3{font-size:28px}
}

/* Task permission split and special daily tasks */
.taskSections{display:grid;gap:16px}
.specialTaskPanel{background:linear-gradient(145deg,#fffaf0,#fffdf8);border-color:#eadbb8}
.specialCheckList article{border-left:3px solid var(--ref-orange)}
.specialTaskAdd{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr) auto;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--ref-line)}
.specialTaskAdd label{margin:0}
.specialTaskAdd button{min-height:44px}
.adminOnlyNote{margin-top:14px;padding:10px 12px;border-radius:9px;background:#f4f2e9;color:var(--ref-muted);font-size:11px}
.taskAdminAdd{margin-top:14px}
@media(max-width:760px){
  .specialTaskAdd{grid-template-columns:1fr}
  .specialTaskAdd button{width:100%}
}
@media(min-width:1200px){
  .taskSections{grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);align-items:start}
}

/* Facility admin heading and pending counts */
.facilityPanelHead{align-items:flex-start}
.facilityPendingCounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:min(100%,300px)}
.facilityPendingCounts span{display:grid;gap:2px;padding:9px 11px;border:1px solid var(--ref-line);border-radius:9px;background:#fffdf8;font-size:10px;color:var(--ref-muted)}
.facilityPendingCounts b{font-size:11px;color:var(--ref-green)}
@media(max-width:620px){
  .facilityPanelHead{display:grid}
  .facilityPendingCounts{width:100%;min-width:0}
}

/* Særligt segmented navigation matching Min plan / Personer */
.specialTabs{margin-bottom:18px}
.specialTabs a{min-width:150px}
@media(max-width:520px){
  .specialTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .specialTabs a{min-width:0;text-align:center}
}

/* Facility booking moved to Min plan */
.planTabs a{white-space:nowrap}
.planFacilityHub{margin-top:4px}
.facilityDateRange{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.notificationActionLink{display:inline-flex;margin:4px 0 8px;font-size:11px;font-weight:800;color:var(--ref-green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){
  .page-plan .planTabs,.page-people .planTabs{display:flex;overflow-x:auto;scrollbar-width:none}
  .page-plan .planTabs::-webkit-scrollbar,.page-people .planTabs::-webkit-scrollbar{display:none}
  .page-plan .planTabs a,.page-people .planTabs a{flex:0 0 auto;min-width:135px;text-align:center}
  .facilityDateRange{grid-template-columns:1fr}
}

/* Approved facility bookings inside the shift calendar */
.monthFacility{display:grid;gap:7px;padding:8px 9px;border:1px solid #c9d9ce;border-radius:10px;background:#eef5ee}
.monthFacility>div{display:flex;gap:7px;align-items:flex-start}
.monthFacility i{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:7px;background:#fff;color:var(--ref-green);font-style:normal;font-weight:800}
.monthFacility span{display:grid;gap:2px;min-width:0}.monthFacility b{font-size:11px;color:var(--ref-green)}.monthFacility small,.monthFacility em{font-size:9px;color:var(--ref-muted);font-style:normal}
.monthFacility>a{font-size:9px;font-weight:800;color:var(--ref-green);text-decoration:underline;text-underline-offset:2px}
@media(min-width:1600px){.monthFacility{padding:11px}.monthFacility b{font-size:13px}.monthFacility small,.monthFacility em,.monthFacility>a{font-size:11px}}

/* Notification source shortcuts and facility invitations */
.notificationSource{display:grid;gap:4px;color:inherit;text-decoration:none;border-radius:9px}
.notificationSource:hover b,.notificationSource:focus-visible b{text-decoration:underline;text-underline-offset:3px}
.notificationSource>span{font-size:10px;font-weight:800;color:var(--ref-green)}
.notificationSource:focus-visible{outline:3px solid #43856c;outline-offset:3px}
.facilityParticipants{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:10px;align-items:stretch}
.inviteAllCheck{height:100%;margin:0}
.inviteAllCheck span{height:100%;display:grid;align-content:center}
.facilityInviteResponse{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:10px 12px;border:1px solid #c9d9ce;border-radius:10px;background:#eef5ee}
.facilityInviteResponse>span{display:grid;gap:2px}.facilityInviteResponse>span>b{font-size:12px;color:var(--ref-green)}.facilityInviteResponse>span>small{font-size:10px;color:var(--ref-muted)}
.facilityInviteResponse>div{display:flex;gap:6px}.facilityInviteResponse form{margin:0}
.notificationList article.read .notificationSource{opacity:.72}
.monthFacility:target{outline:3px solid #d6a75e;outline-offset:3px;scroll-margin-top:120px}
@media(max-width:620px){
  .facilityParticipants{grid-template-columns:1fr}
  .facilityInviteResponse{display:grid}
}

/* Calendar hub: four calm views without crowding the month grid */
.calendarTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 16px;padding:5px;border:1px solid var(--ref-line);border-radius:14px;background:#ebe7dc}
.calendarTabs a{display:grid;place-items:center;min-height:40px;padding:8px 10px;border-radius:10px;color:var(--ref-muted);font-size:11px;font-weight:800;text-align:center}
.calendarTabs a.active{background:#fffdf8;color:var(--ref-green);box-shadow:0 3px 10px #123f3210}
.calendarShell .shiftDayItems{gap:6px}
.monthSpecial{display:grid;gap:6px;padding:8px 9px;border:1px solid #ead8ae;border-radius:10px;background:#fff8e9}
.monthSpecial>div{display:flex;gap:7px;align-items:flex-start}.monthSpecial i{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:7px;background:#fff;color:#9b6a2f;font-style:normal;font-weight:900}
.monthSpecial span{display:grid;gap:2px;min-width:0}.monthSpecial b{font-size:11px;color:#6e4b24}.monthSpecial small,.monthSpecial em{font-size:9px;color:var(--ref-muted);font-style:normal}.monthSpecial a{font-size:9px;font-weight:800;color:#76552d}
.calendarActivity{min-width:0}
.activityHub{display:grid;gap:14px;margin-top:22px}
.activityHubHead{display:flex;justify-content:space-between;gap:20px;align-items:end}.activityHubHead span{font-size:9px;font-weight:800;letter-spacing:1.4px;color:var(--ref-orange)}.activityHubHead h2{margin:3px 0 4px;font:700 30px/1.1 var(--ref-serif);color:var(--ref-green)}.activityHubHead p{margin:0;max-width:760px;color:var(--ref-muted);font-size:12px;line-height:1.55}
.activityCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.activityCard{padding:18px;border:1px solid var(--ref-line);border-radius:15px;background:#fffdf8;box-shadow:0 5px 18px #123f3208;scroll-margin-top:120px}
.activityCard:target{outline:3px solid #d6a75e;outline-offset:3px}
.activityCardTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.activityType{font-size:9px;font-weight:900;letter-spacing:1.35px;color:var(--ref-orange)}
.activityCard h3{margin:4px 0 3px;font:700 22px/1.15 var(--ref-serif);color:var(--ref-green)}
.activityCard p{margin:0;color:var(--ref-muted);font-size:11px}.activityCardTop small{display:block;margin-top:8px;color:var(--ref-muted);font-size:11px;line-height:1.5}
.activityResponse{display:flex;gap:6px}.activityResponse form{margin:0}
.attendanceDetails{margin-top:14px;border-top:1px solid var(--ref-line);padding-top:12px}
.attendanceDetails>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.attendanceDetails>summary::-webkit-details-marker{display:none}
.attendanceDetails>summary>span{display:flex;gap:7px;flex-wrap:wrap}.attendanceDetails>summary b{padding:5px 8px;border-radius:999px;background:#f2f1ea;color:var(--ref-green);font-size:10px}.attendanceDetails>summary em{font-size:10px;font-style:normal;font-weight:800;color:var(--ref-green)}
.attendanceColumns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.attendanceColumns section{display:grid;align-content:start;gap:5px;padding:10px;border-radius:10px;background:#f7f5ee}
.attendanceColumns h4{margin:0 0 3px;font-size:10px;color:var(--ref-green)}.attendanceColumns span,.attendanceColumns small{font-size:10px;color:var(--ref-muted);overflow-wrap:anywhere}
@media(max-width:760px){
  .calendarTabs{display:flex;overflow-x:auto;scrollbar-width:none}.calendarTabs::-webkit-scrollbar{display:none}.calendarTabs a{flex:0 0 auto;min-width:130px}
  .activityCards{grid-template-columns:1fr}
}
@media(max-width:520px){
  .activityCard{padding:14px}.activityCardTop{grid-template-columns:1fr}.activityResponse{justify-content:flex-start}
  .attendanceColumns{grid-template-columns:1fr}.attendanceDetails>summary{align-items:flex-start}.attendanceDetails>summary>span{gap:5px}
}
@media(min-width:1600px){
  .calendarTabs a{min-height:48px;font-size:13px}.activityCards{gap:18px}.activityCard{padding:22px}.activityCard h3{font-size:26px}
}

.facilityParticipants label.isDisabled{opacity:.5}
.facilityParticipants label.isDisabled input{cursor:not-allowed}

/* Group related admin tools without adding more top-level tabs. */
.adminCombinedBlock{margin-top:24px;padding-top:22px;border-top:1px solid var(--ref-line)}
.adminCombinedBlock:first-of-type{margin-top:18px}
.adminCombinedBlock>.panelHead{margin-bottom:14px}
.adminCombinedBlock h3{margin:0;font:700 21px/1.2 var(--ref-serif);color:var(--ref-green)}
#logbook .adminCombinedBlock{padding-top:18px}
#logbook .adminCombinedBlock:first-of-type{margin-top:0;padding-top:0;border-top:0}
@media(max-width:620px){
  .adminCombinedBlock{margin-top:20px;padding-top:18px}
  .adminTabs a{min-width:96px}
}

/* Admin settings and historical shift statistics */
.facilitySettingsHint{margin:0 0 16px}
.facilitySettingsHint a{font-weight:800;color:var(--ref-green);text-decoration:underline;text-underline-offset:2px}
.settingsBlock{margin-top:0}
.settingsBlock+.settingsBlock{margin-top:24px}
.settingsFacilityToggles{margin-top:12px}
.statsToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.statsViews,.statsPeriodNav{display:flex;gap:6px;flex-wrap:wrap}
.statsViews a,.statsPeriodNav a{display:grid;place-items:center;min-height:36px;padding:7px 11px;border:1px solid var(--ref-line);border-radius:9px;background:#fff;color:var(--ref-green);font-size:11px;font-weight:800}
.statsViews a.active{background:var(--ref-green);border-color:var(--ref-green);color:#fff}
.statsPeriodNav a:first-child,.statsPeriodNav a:last-child{width:36px;padding-inline:0;font-size:18px}
.statsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.statsGrid>article{display:grid;gap:12px;padding:15px;border:1px solid var(--ref-line);border-radius:12px;background:#fff}
.statPerson{display:grid;gap:2px}.statPerson b{font:700 18px/1.2 var(--ref-serif);color:var(--ref-green)}.statPerson small{color:var(--ref-muted);font-size:11px}
.statsGrid dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
.statsGrid dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:8px;background:#f7f5ee}
.statsGrid dt{font-size:10px;color:var(--ref-muted)}.statsGrid dd{margin:0;font-size:13px;font-weight:800;color:var(--ref-green)}
.statShare{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ref-line);padding-top:10px}.statShare span{font-size:10px;color:var(--ref-muted)}.statShare strong{font-size:18px;color:var(--ref-green)}
@media(max-width:760px){.statsGrid{grid-template-columns:1fr}.statsToolbar{align-items:stretch}.statsViews{width:100%}.statsViews a{flex:1}.statsPeriodNav{flex:1}}
@media(min-width:1600px){.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.statsGrid>article{padding:19px}.statPerson b{font-size:21px}}

/* Availability in Min plan */
.availabilityHub{display:grid;gap:16px}
.availabilityIntro{padding:20px}
.availabilityIntro h2,.availabilityPanel h3,.availabilityOverview h3{margin:0;color:var(--ref-green)}
.availabilityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.availabilityPanel{display:grid;align-content:start;gap:14px}
.availabilityBufferForm{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.availabilityMiniList,.availabilityEntries{display:grid;gap:8px}
.availabilityMiniList article,.availabilityEntries article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--ref-line);border-radius:10px;background:#fff}
.availabilityMiniList article>div,.availabilityEntries article>div{display:grid;gap:2px;min-width:0}
.availabilityMiniList small,.availabilityEntries small{color:var(--ref-muted);font-size:11px;overflow-wrap:anywhere}
.availabilityEntries article>div>span{font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.availabilityEntries article>div>b{font-size:13px;color:var(--ref-green)}
.availabilityKind-cannot,.availabilityKind-vacation,.availabilityKind-sick{border-left:4px solid #a8554d!important}
.availabilityKind-prefer_not{border-left:4px solid #c4863a!important}
.availabilityKind-okay{border-left:4px solid #7a9e86!important}
.availabilityKind-prefer{border-left:4px solid #2f6f52!important}
.availabilityKind-work{border-left:4px solid #667085!important}
.scanNotice{padding:12px 14px;border:1px dashed #c9c2b3;border-radius:10px;background:#f7f4ec}
.scanNotice b{display:block;margin-bottom:4px;color:var(--ref-green)}
.scanNotice p{margin:0;color:var(--ref-muted);font-size:11px;line-height:1.5}
@media(max-width:760px){.availabilityGrid{grid-template-columns:1fr}.availabilityBufferForm{grid-template-columns:1fr 1fr}.availabilityBufferForm button{grid-column:1/-1}}
@media(max-width:430px){.availabilityBufferForm{grid-template-columns:1fr}.availabilityBufferForm button{grid-column:auto}.availabilityMiniList article,.availabilityEntries article{align-items:flex-start;flex-wrap:wrap}}
@media(min-width:1600px){.availabilityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.availabilityPanel{padding:24px}.scanNotice p,.availabilityMiniList small,.availabilityEntries small{font-size:13px}}

/* Collapsible admin subsections */
.adminFoldToggle{width:100%;display:flex;align-items:center;justify-content:flex-end;margin:0 0 10px;padding:6px 0;border:0;background:transparent;color:var(--ref-green);font-size:11px;font-weight:800;cursor:pointer}
.adminFoldToggle::after{content:'⌄';margin-left:6px;font-size:15px;transition:transform .16s ease}
.adminFoldToggle[aria-expanded="false"]::after{transform:rotate(-90deg)}
.adminCombinedBlock.isCollapsed{padding-bottom:0}
.adminFoldDetails{margin:18px 0;border:1px solid var(--ref-line);border-radius:14px;background:#fbfaf4;overflow:hidden}
.adminFoldDetails>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;cursor:pointer;list-style:none}
.adminFoldDetails>summary::-webkit-details-marker{display:none}
.adminFoldDetails>summary span{display:grid;gap:3px}.adminFoldDetails>summary b{font:700 17px/1.2 var(--ref-serif);color:var(--ref-green)}.adminFoldDetails>summary small{font-size:11px;color:var(--ref-muted)}
.adminFoldDetails>summary i{font-style:normal;font-size:20px;transition:transform .16s ease}.adminFoldDetails[open]>summary i{transform:rotate(45deg)}
.adminFoldDetails>.quickAssign{margin:0;border:0;border-top:1px solid var(--ref-line);border-radius:0}

/* Calendar: canonical responsive implementation */
.page-shifts .pageTitle,.page-shifts .calendarTabs,.page-shifts .calendarShell{min-width:0;max-width:100%}
.page-shifts .calendarTabs,.page-shifts .shiftMonthToolbar,.page-shifts .shiftWeekdays,.page-shifts .shiftMonthGrid{width:100%;max-width:100%}
.shiftMonthToolbar{background:linear-gradient(180deg,#fffdf8,#f8f4ea);box-shadow:0 3px 14px #123f3208}
.shiftMonthToolbar>div{justify-items:start}.shiftMonthToolbar small{font-size:8px}.shiftMonthToolbar strong{font-size:23px}
.calendarToolbarWithRange{display:grid!important;grid-template-columns:40px minmax(0,1fr) minmax(230px,300px) 40px!important;gap:8px;align-items:center}
.calendarToolbarWithRange>*{min-width:0}.calendarPeriodTitle{min-width:0}
.page-shifts .calendarToolbarWithRange .calendarRangeInline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;margin:0!important;padding:3px!important;width:100%!important;min-width:230px!important;max-width:300px!important;border:1px solid var(--ref-line)!important;border-radius:11px!important;background:#ebe7dc!important;overflow:hidden!important}
.page-shifts .calendarToolbarWithRange .calendarRangeInline>a{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:34px!important;margin:0!important;padding:6px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:var(--ref-muted)!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;text-align:center!important;transform:none!important}
.page-shifts .calendarToolbarWithRange .calendarRangeInline>a.active{background:#fffdf8!important;color:var(--ref-green)!important;box-shadow:0 2px 7px #123f3210!important}
.shiftMonthGrid.calendarRange-week .shiftDayCell,.shiftMonthGrid.calendarRange-14 .shiftDayCell{min-height:170px}
@media(min-width:600px){.calendarTabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important}.calendarTabs a{min-width:0!important}.calendarRangeInline{grid-column:auto!important;grid-row:auto!important;width:100%!important}.calendarPeriodTitle{grid-column:auto!important;grid-row:auto!important}.calendarToolbarWithRange>.monthArrow:first-child,.calendarToolbarWithRange>.monthArrow:last-child{grid-column:auto!important;grid-row:auto!important}.shiftWeekdays{display:grid!important}.shiftMonthGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important}.shiftDayCell{min-height:150px!important;display:block!important;padding:8px!important}.shiftDayCell.outsideMonth{display:block!important}.shiftDayCell>header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:7px!important;border-right:0!important;padding-right:0!important}.shiftDayCell>header span{font-size:9px!important}.shiftDayCell>header b{font-size:14px!important}.shiftDayItems{grid-template-columns:1fr!important}}
@media(min-width:600px) and (max-width:1050px){.calendarToolbarWithRange{grid-template-columns:38px minmax(0,1fr) minmax(210px,260px) 38px!important;gap:6px}}
@media(min-width:600px) and (max-width:900px){.calendarRangeInline a{padding:5px 6px!important;font-size:9px!important}.shiftMonthToolbar strong{font-size:18px!important}.monthArrow{width:36px;min-height:36px}.shiftMonthGrid{gap:4px}.shiftDayCell{padding:6px!important;border-radius:10px}.monthShift,.monthFacility,.monthSpecial{padding:6px!important}.monthShiftMain b,.monthFacility b,.monthSpecial b{font-size:9px!important}.monthShiftMain small,.monthShiftMain em,.monthFacility small,.monthFacility em,.monthSpecial small,.monthSpecial em{font-size:8px!important}}
@media(max-width:599px){.calendarToolbarWithRange{grid-template-columns:auto minmax(0,1fr) auto!important}.page-shifts .calendarToolbarWithRange .calendarRangeInline{grid-column:1/-1!important;grid-row:2!important;min-width:0!important;max-width:none!important;width:100%!important}.calendarPeriodTitle{grid-column:2;grid-row:1}.calendarToolbarWithRange>.monthArrow:first-child{grid-column:1;grid-row:1}.calendarToolbarWithRange>.monthArrow:last-child{grid-column:3;grid-row:1}.shiftWeekdays{display:none!important}.shiftMonthGrid{grid-template-columns:1fr!important}.shiftDayCell,.shiftMonthGrid.calendarRange-week .shiftDayCell,.shiftMonthGrid.calendarRange-14 .shiftDayCell{min-height:0!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:8px!important;padding:10px!important}.shiftDayCell.outsideMonth{display:none!important}.shiftDayCell>header{display:grid!important;place-items:center!important;align-content:center!important;justify-content:stretch!important;margin:0!important;border-right:1px solid var(--ref-line)!important;padding-right:8px!important}.shiftDayCell>header span{font-size:9px!important}.shiftDayCell>header b{font-size:22px!important}.shiftDayItems{grid-template-columns:1fr!important}}
@media(max-width:430px){.page-shifts .calendarToolbarWithRange .calendarRangeInline>a{min-height:32px!important;padding:5px 6px!important;font-size:9px!important}}
@media(min-width:1600px){.page-shifts .calendarToolbarWithRange .calendarRangeInline{min-width:270px!important;max-width:330px!important}.page-shifts .calendarToolbarWithRange .calendarRangeInline>a{min-height:40px!important;font-size:12px!important}.shiftMonthGrid.calendarRange-week .shiftDayCell,.shiftMonthGrid.calendarRange-14 .shiftDayCell{min-height:210px}}
html,body{width:100%;max-width:100%;overflow-x:hidden}*,*::before,*::after{box-sizing:border-box}body.appBody .content{width:min(100%,var(--ref-width));max-width:100%;margin-inline:auto}
/* Full responsive size audit: 320px phones through wide desktop */
:where(.panel,.postCard,.adminSection,.adminCombinedBlock,.availabilityPanel,.activityCard,.facilityRequestCard,.meetingRequestCard,.fairPlanner,.advancedShift,.adminFoldDetails){max-width:100%;min-width:0}
:where(.formGrid,.addRow,.adminRow,.editableRow,.shiftCreate,.quickControls,.quickActions,.plannerRange,.fairPeople,.plannerChecks,.facilityDateRange,.facilityParticipants,.statsToolbar,.attendanceColumns,.availabilityBufferForm)>*{min-width:0;max-width:100%}
[data-cvr-status][data-state="loading"]{color:#95621f}
[data-cvr-status][data-state="success"]{color:#237148}
[data-cvr-status][data-state="error"]{color:var(--danger)}
:where(input,select,textarea,button){max-width:100%}
:where(.quickWeekGrid,.dayGrid,.adminTabs,.planTabs,.specialTabs){max-width:100%}
.quickWeekGrid,.dayGrid{overflow-x:auto;overscroll-behavior-inline:contain}
.compactList article,.facilityAdminList article,.facilityBookingList article,.meetingRequestList article,.availabilityMiniList article,.availabilityEntries article{min-width:0}
.compactList article>*,.facilityAdminList article>*,.facilityBookingList article>*,.meetingRequestList article>*,.availabilityMiniList article>*,.availabilityEntries article>*{min-width:0}
img,svg,video,canvas{max-width:100%}
.longText,.hint,.panel p,.postBody p,.adminRow small,.facilityAdminList small,.activityCard small{overflow-wrap:anywhere}

@media(max-width:430px){
  body.appBody .content{width:100%;max-width:100%;padding-left:12px!important;padding-right:12px!important}
  .topbar{max-width:100vw}
  .brandCluster{min-width:0;overflow:hidden}
  .brandName{max-width:88px!important}
  .pageTitle{max-width:100%}.pageTitle h1{font-size:clamp(29px,10vw,35px)!important}
  .panel,.postBody,.activityCard,.availabilityPanel{padding-left:14px!important;padding-right:14px!important}
  .formGrid,.addRow,.shiftCreate,.plannerRange,.facilityDateRange,.availabilityBufferForm,.specialTaskAdd{grid-template-columns:1fr!important}
  .adminRow,.editableRow{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .adminRow>*,.editableRow>*{width:100%!important}
  .rowActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .rowActions>*{width:100%}
  .compactList article{grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important}
  .compactList article>form,.compactList article>details,.compactList article>.iconDanger{grid-column:2}
  .facilityAdminList article,.facilityBookingList article,.meetingRequestList article{grid-template-columns:1fr!important}
  .facilityAdminList .rowActions,.meetingApprovalActions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}
  .statsToolbar{display:grid!important;grid-template-columns:1fr!important}
  .statsViews,.statsPeriodNav{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
  .statsToolbar>form{width:100%}.statsToolbar>form button{width:100%}
  .statsGrid dl{grid-template-columns:1fr!important}
  .attendanceColumns{grid-template-columns:1fr!important}
  .activityCardTop{grid-template-columns:1fr!important}
  .activityResponse{justify-content:flex-start}
  .availabilityMiniList article,.availabilityEntries article{align-items:flex-start!important;flex-wrap:wrap}
  .availabilityMiniList article form,.availabilityEntries article form{margin-left:auto}
  .facilityPendingCounts{grid-template-columns:1fr!important}
  .settingsFacilityToggles,.facilityToggles{grid-template-columns:1fr!important}
  .mobileNav{max-width:calc(100vw - 8px)}
  .mobileNav small{font-size:8px!important}
  .floatingNotify{right:10px}
}

@media(min-width:431px) and (max-width:620px){
  body.appBody .content{width:100%;padding-left:16px!important;padding-right:16px!important}
  .formGrid,.plannerRange,.facilityDateRange{grid-template-columns:repeat(2,minmax(0,1fr))}
  .addRow,.shiftCreate{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .addRow button,.shiftCreate>button,.shiftCreate .shiftExtras{grid-column:1/-1}
  .adminRow,.editableRow{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .adminRow button,.editableRow button{width:100%}
  .compactList article{grid-template-columns:auto minmax(0,1fr)!important}
  .compactList article>form,.compactList article>details,.compactList article>.iconDanger{grid-column:2}
  .activityCards,.availabilityGrid,.statsGrid{grid-template-columns:1fr!important}
  .attendanceColumns{grid-template-columns:1fr!important}
  .facilityAdminList article,.meetingRequestList article{grid-template-columns:1fr!important}
}

@media(min-width:621px) and (max-width:899px){
  body.appBody .content{width:min(100%,900px);max-width:100%;padding-left:20px!important;padding-right:20px!important}
  .panel,.postCard{min-width:0}
  .formGrid,.plannerRange,.facilityDateRange,.availabilityBufferForm{grid-template-columns:repeat(2,minmax(0,1fr))}
  .addRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .addRow button{grid-column:auto}
  .adminRow,.editableRow{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(120px,.8fr) auto auto!important}
  .activityCards,.availabilityGrid,.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .attendanceColumns{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facilityAdminList article,.meetingRequestList article{min-width:0}
}

@media(min-width:900px) and (max-width:1279px){
  body.appBody .content{width:min(100%,1120px);max-width:100%}
  .quickWeekGrid,.dayGrid{max-width:100%}
  .activityCards,.availabilityGrid,.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:1280px){
  body.appBody .content{max-width:var(--ref-width)}
}

@media(min-width:1600px){
  :root{--ref-width:min(1180px,calc(100vw - 120px))}
}

@media(min-width:2200px){
  :root{--ref-width:min(1500px,calc(100vw - 180px))}
}

/* Six app-wide appearance themes */
body[data-theme="light"]{
  --ref-bg:#f4f0e5;--ref-card:#fffdf7;--ref-green:#123f32;--ref-mint:#e7eee5;--ref-orange:#ac481e;--ref-line:#e4dfd2;--ref-muted:#566c63;--ink:#183c30;
}
body[data-theme="system"]{
  --ref-bg:#f4f0e5;--ref-card:#fffdf7;--ref-green:#123f32;--ref-mint:#e7eee5;--ref-orange:#ac481e;--ref-line:#e4dfd2;--ref-muted:#566c63;--ink:#183c30;
}
body[data-theme="dark"]{
  color-scheme:dark;--ref-bg:#111a16;--ref-card:#1a2721;--ref-green:#9fd3bd;--ref-mint:#23372e;--ref-orange:#e4946e;--ref-line:#3b5147;--ref-muted:#a5b8af;--ink:#e7f2ed;--danger:#ff918c;
}
@media(prefers-color-scheme:dark){
  body[data-theme="system"]{color-scheme:dark;--ref-bg:#111a16;--ref-card:#1a2721;--ref-green:#9fd3bd;--ref-mint:#23372e;--ref-orange:#e4946e;--ref-line:#3b5147;--ref-muted:#a5b8af;--ink:#e7f2ed;--danger:#ff918c}
}
body[data-accent="black"][data-theme="light"],
body[data-accent="black"][data-theme="system"]{
  --ref-bg:#efeeea;--ref-card:#fbfbf9;--ref-green:#171717;--ref-mint:#e6e6e3;--ref-orange:#8c4d31;--ref-line:#d9d7d0;--ref-muted:#656565;--ink:#1d1d1d;
}
body[data-accent="white"][data-theme="light"],
body[data-accent="white"][data-theme="system"]{
  --ref-bg:#f1f1ee;--ref-card:#ffffff;--ref-green:#3f4743;--ref-mint:#ecece8;--ref-orange:#956248;--ref-line:#d8d8d2;--ref-muted:#686b68;--ink:#242624;
}
body[data-accent="gray"][data-theme="light"],
body[data-accent="gray"][data-theme="system"]{
  --ref-bg:#eceeec;--ref-card:#f9faf9;--ref-green:#545a58;--ref-mint:#e2e5e3;--ref-orange:#996143;--ref-line:#d4d9d6;--ref-muted:#68706d;--ink:#303634;
}
body[data-accent="beige"][data-theme="light"],
body[data-accent="beige"][data-theme="system"]{
  --ref-bg:#f3eee3;--ref-card:#fffaf0;--ref-green:#75613d;--ref-mint:#ece3d0;--ref-orange:#a45d32;--ref-line:#dfd3bd;--ref-muted:#756d60;--ink:#40372b;
}
body[data-accent="pink"][data-theme="light"],
body[data-accent="pink"][data-theme="system"]{
  --ref-bg:#f9eef5;--ref-card:#fffafd;--ref-green:#b53f83;--ref-mint:#f4deeb;--ref-orange:#a95a48;--ref-line:#ead2e0;--ref-muted:#7d6373;--ink:#412c38;
}
body[data-accent="black"][data-theme="dark"]{--ref-bg:#090b0a;--ref-card:#151816;--ref-green:#e5e8e6;--ref-mint:#252a27;--ref-orange:#d99a78;--ref-line:#343a36;--ref-muted:#a7aea9;--ink:#f0f2f0}
body[data-accent="white"][data-theme="dark"]{--ref-bg:#1a1c1b;--ref-card:#272a28;--ref-green:#f5f5f1;--ref-mint:#333734;--ref-orange:#d7a083;--ref-line:#484d49;--ref-muted:#b7bdb9;--ink:#f6f7f4}
body[data-accent="gray"][data-theme="dark"]{--ref-bg:#171b19;--ref-card:#232826;--ref-green:#c5cfca;--ref-mint:#303734;--ref-orange:#d09a78;--ref-line:#434b47;--ref-muted:#a8b2ad;--ink:#edf1ef}
body[data-accent="beige"][data-theme="dark"]{--ref-bg:#211d16;--ref-card:#30291f;--ref-green:#ddc99e;--ref-mint:#403629;--ref-orange:#dc9d6f;--ref-line:#574a39;--ref-muted:#bcb19f;--ink:#f3eadb}
body[data-accent="pink"][data-theme="dark"]{--ref-bg:#24161e;--ref-card:#34222d;--ref-green:#f18bc4;--ref-mint:#472d3c;--ref-orange:#e4977e;--ref-line:#5b3c4d;--ref-muted:#c6a9b9;--ink:#f8eaf2}
@media(prefers-color-scheme:dark){
  body[data-accent="black"][data-theme="system"]{--ref-bg:#090b0a;--ref-card:#151816;--ref-green:#e5e8e6;--ref-mint:#252a27;--ref-orange:#d99a78;--ref-line:#343a36;--ref-muted:#a7aea9;--ink:#f0f2f0}
  body[data-accent="white"][data-theme="system"]{--ref-bg:#1a1c1b;--ref-card:#272a28;--ref-green:#f5f5f1;--ref-mint:#333734;--ref-orange:#d7a083;--ref-line:#484d49;--ref-muted:#b7bdb9;--ink:#f6f7f4}
  body[data-accent="gray"][data-theme="system"]{--ref-bg:#171b19;--ref-card:#232826;--ref-green:#c5cfca;--ref-mint:#303734;--ref-orange:#d09a78;--ref-line:#434b47;--ref-muted:#a8b2ad;--ink:#edf1ef}
  body[data-accent="beige"][data-theme="system"]{--ref-bg:#211d16;--ref-card:#30291f;--ref-green:#ddc99e;--ref-mint:#403629;--ref-orange:#dc9d6f;--ref-line:#574a39;--ref-muted:#bcb19f;--ink:#f3eadb}
  body[data-accent="pink"][data-theme="system"]{--ref-bg:#24161e;--ref-card:#34222d;--ref-green:#f18bc4;--ref-mint:#472d3c;--ref-orange:#e4977e;--ref-line:#5b3c4d;--ref-muted:#c6a9b9;--ink:#f8eaf2}
}
body[data-theme]{
  --green:var(--ref-green);--green2:var(--ref-green);--cream:var(--ref-bg);--mint:var(--ref-mint);--muted:var(--ref-muted);--line:var(--ref-line);
}
body[data-theme].appBody,
body[data-theme].authBody{background:var(--ref-bg)!important;color:var(--ink)!important}
body[data-theme] .topbar{background:color-mix(in srgb,var(--ref-bg) 94%,transparent)!important;border-color:var(--ref-line)!important}
body[data-theme] .panel,
body[data-theme] .postCard,
body[data-theme] .profileMenu nav,
body[data-theme] .peopleGrid article,
body[data-theme] .phoneList article,
body[data-theme] .calendarShell,
body[data-theme] .activityCard,
body[data-theme] .availabilityPanel,
body[data-theme] .adminFoldDetails,
body[data-theme] .quickAssign,
body[data-theme] .shiftDayCell{background:var(--ref-card)!important;border-color:var(--ref-line)!important}
body[data-theme] .shiftDayCell.pastDay{background:#eeece6!important;border-color:#d8d4ca!important}
body[data-theme] .pageTitle h1,
body[data-theme] .panel h2,
body[data-theme] .panel h3,
body[data-theme] .brandName,
body[data-theme] .statPerson b,
body[data-theme] .activityCard h3,
body[data-theme] .availabilityEntries article>div>b{color:var(--ref-green)!important}
body[data-theme] .primary,
body[data-theme] .mobileNav a.active,
body[data-theme] .calendarRangeInline>a.active,
body[data-theme] .planTabs a.active,
body[data-theme] .statsViews a.active,
body[data-theme] .checkList .done .check,
body[data-theme] .floatingNotify{
  background:var(--ref-green)!important;border-color:var(--ref-green)!important;color:#fff!important;
}
body[data-accent="white"] .primary,
body[data-accent="white"] .mobileNav a.active,
body[data-accent="white"] .calendarRangeInline>a.active,
body[data-accent="white"] .planTabs a.active,
body[data-accent="white"] .statsViews a.active,
body[data-accent="white"] .checkList .done .check,
body[data-accent="white"] .floatingNotify{
  background:#ffffff!important;border-color:#bfc3bf!important;color:#222624!important;
}
body[data-theme] .secondary,
body[data-theme] input,
body[data-theme] select,
body[data-theme] textarea{background:var(--ref-card)!important;border-color:var(--ref-line)!important;color:var(--ink)!important}
body[data-theme] .calendarTabs,
body[data-theme] .calendarRangeInline,
body[data-theme] .planTabs,
body[data-theme] .adminTabs{background:var(--ref-mint)!important;border-color:var(--ref-line)!important}
body[data-theme] .calendarTabs a.active{background:var(--ref-card)!important;color:var(--ref-green)!important}
body[data-theme] .monthShift.assigned,
body[data-theme] .status.taken,
body[data-theme] .eventDate,
body[data-theme] .decided{background:var(--ref-mint)!important;border-color:var(--ref-line)!important}
body[data-theme] .logo,
body[data-theme] .authCard .brandMark,
body[data-theme] .sideBrand span{
  background:var(--brand,var(--ref-green))!important;
  color:var(--brand-text,#fff)!important;
}
body[data-theme] .mobileNav{background:color-mix(in srgb,var(--ref-card) 96%,transparent)!important;border-color:var(--ref-line)!important}
body[data-theme] .pageTitle span,
body[data-theme] .adminEyebrow,
body[data-theme] .activityType{color:var(--ref-orange)!important}
body[data-theme] .hint,
body[data-theme] .pageTitle p,
body[data-theme] small{color:var(--ref-muted)}
.modeChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.modeChoices label{position:relative;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-card);cursor:pointer}
.modeChoices input{position:absolute;width:1px;height:1px;opacity:0}
.modeChoices span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ref-green);background:var(--ref-mint);font-size:19px}
.modeChoices input:checked~span{color:#fff;background:var(--ref-green)}
.modeChoices input:checked~b{color:var(--ref-green)}
.modeChoices input:focus-visible~span{outline:3px solid #43856c;outline-offset:3px}
body[data-theme="dark"] .shiftDayCell.pastDay{background:#151d19!important;border-color:#34453e!important}
body[data-theme="dark"] .profileMenu summary,
body[data-theme="dark"] .checkList,
body[data-theme="dark"] .dateNav,
body[data-theme="dark"] .dayColumn,
body[data-theme="dark"] .voteOption button,
body[data-theme="dark"] .quickDay>span,
body[data-theme="dark"] .editGrid,
body[data-theme="dark"] .mobileMore>div,
body[data-theme="dark"] .checkCard{background:var(--ref-card)!important;border-color:var(--ref-line)!important;color:var(--ink)!important}
body[data-theme="dark"] .quickLinks a,
body[data-theme="dark"] .monthShift.assigned,
body[data-theme="dark"] .shiftCard:not(.available){background:var(--ref-mint)!important}
body[data-theme="dark"] .mutedEvents article{background:#202923!important}
@media(prefers-color-scheme:dark){
  body[data-theme="system"] .shiftDayCell.pastDay{background:#151d19!important;border-color:#34453e!important}
  body[data-theme="system"] .profileMenu summary,
  body[data-theme="system"] .checkList,
  body[data-theme="system"] .dateNav,
  body[data-theme="system"] .dayColumn,
  body[data-theme="system"] .voteOption button,
  body[data-theme="system"] .quickDay>span,
  body[data-theme="system"] .editGrid,
  body[data-theme="system"] .mobileMore>div,
  body[data-theme="system"] .checkCard{background:var(--ref-card)!important;border-color:var(--ref-line)!important;color:var(--ink)!important}
  body[data-theme="system"] .quickLinks a,
  body[data-theme="system"] .monthShift.assigned,
  body[data-theme="system"] .shiftCard:not(.available){background:var(--ref-mint)!important}
  body[data-theme="system"] .mutedEvents article{background:#202923!important}
}
@media(max-width:520px){.modeChoices{grid-template-columns:1fr}}
.appearanceHint{margin:0 0 10px}
.colorChoices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.colorChoices label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--ref-line);border-radius:11px;background:var(--ref-card);cursor:pointer}
.colorChoices label input:checked~small{font-weight:900;color:var(--ref-green)}
.colorChoices label>span{width:34px!important;height:34px!important;background:var(--choice)!important}
.colorChoices label>small{font-size:11px;color:var(--ref-muted)}
body[data-accent="white"] .colorChoices label>span[style*="#f7f7f4"]{box-shadow:0 0 0 1px #bfc3bf!important}
.iconPreview>span{background:var(--preview-color,var(--ref-green))!important;color:var(--preview-text,#fff)!important}
@media(max-width:520px){.colorChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Theme brand and header icon */
body[data-theme] .brandName{color:var(--brand,var(--ref-green))!important}
body[data-accent="white"] .brandName{color:#f7f7f4!important;text-shadow:0 0 1px #777,0 1px 2px #0005}
body[data-theme] .topbar .logo{background:var(--brand,var(--ref-green))!important;border-color:var(--brand,var(--ref-green))!important;color:var(--brand-text,#fff)!important}
body[data-accent="white"] .topbar .logo{border-color:#c9cbc7!important;color:#1b1d1c!important}

/* The public sales page has one deliberate StaldVagt identity. Account
   appearance choices only apply after login and must not wash out the page. */
body.page-welcome[data-theme]{
  color-scheme:light;
  --ref-bg:#f4f0e5;--ref-card:#fffdf7;--ref-green:#123f32;--ref-mint:#e7eee5;--ref-orange:#ac481e;--ref-line:#e4dfd2;--ref-muted:#566c63;--ink:#183c30;
  --green:var(--ref-green);--green2:#2c6855;--cream:var(--ref-bg);--mint:var(--ref-mint);--muted:var(--ref-muted);--line:var(--ref-line);
}

/* Web Push controls */
.pushSettings{display:grid;align-content:start;gap:12px}
.pushSettings h2{margin:0}
.pushSettings .hint{margin:0;min-height:42px}
.pushSettings [data-push-toggle]{justify-self:start}
.pushSettings [data-push-toggle]:disabled{opacity:.58;cursor:not-allowed}
.pushPrivacy{display:block;line-height:1.5;color:var(--ref-muted)}
@media(max-width:620px){.pushSettings [data-push-toggle]{width:100%;justify-self:stretch}}


/* Responsive navigation and fixed-header spacing. */
@media(max-width:900px){
  body.appBody .content{padding-top:118px}
  .page-plan .pageTitle,.page-people .pageTitle{margin-top:10px}
}
@media(max-width:760px){
  .calendarTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .calendarTabs a{min-width:0;width:100%;min-height:42px}
}
@media(max-width:620px){
  body.appBody .content{padding-top:100px}
  .adminTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .adminTabs a{min-width:0;width:100%}
  .adminTabs a:last-child:nth-child(odd){grid-column:1 / -1}
}


/* Min plan grouped navigation: four main destinations with contextual sub-tabs. */
.planMainNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;margin-bottom:10px;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-card)}
.planMainNav a,.planSubTabs a{display:grid;place-items:center;min-width:0;min-height:44px;padding:9px 8px;border-radius:8px;color:var(--ref-muted);font-size:12px;font-weight:650;line-height:1.2;text-align:center}
.planMainNav a.active,.planSubTabs a.active{color:#fff;background:var(--ref-green)}
.planSubTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 18px;padding:4px;border:1px solid var(--ref-line);border-radius:10px;background:#f4f0e5}
@media(max-width:620px){
  .planMainNav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .planMainNav a{min-height:46px}
}


/* Recurring task library and schedule controls */
.taskPresetPicker{display:grid;gap:12px}
.taskPresetTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border:1px solid var(--ref-line);border-radius:12px;background:#f4f0e5}
.taskPresetTabs button{min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--ref-muted);font-size:11px;font-weight:750}
.taskPresetTabs button.active{background:var(--ref-green);color:#fff}
.taskPresetPanel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.taskPresetPanel.active{display:grid}
.taskPresetChoice{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid var(--ref-line);border-radius:10px;background:#fffdf8}
.taskPresetChoice input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--ref-green)}
.taskPresetChoice span{display:grid;gap:3px;min-width:0}.taskPresetChoice b{font-size:12px}.taskPresetChoice small{font-size:10px;color:var(--ref-muted)}
.taskRoutineAdd,.taskRoutineRow{grid-template-columns:minmax(160px,1.5fr) minmax(90px,.7fr) minmax(150px,1fr) 72px auto}
.manualTaskAdd{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:end;margin-top:12px;padding:12px;border:1px solid var(--ref-line);border-radius:12px;background:#f8f5eb}
.manualTaskAdd>div{display:grid;gap:3px}.manualTaskAdd>div small{font-size:10px;color:var(--ref-muted)}
@media(max-width:760px){
  .taskPresetTabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .taskPresetPanel.active{grid-template-columns:1fr}
  .taskRoutineAdd,.taskRoutineRow,.manualTaskAdd{grid-template-columns:1fr}
}


/* Task period tabs follow the administrator's selected shift model. */
.taskPeriodTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 16px;padding:5px;border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-card)}
.taskPeriodTabs a{display:grid;place-items:center;min-height:42px;padding:9px 10px;border-radius:8px;color:var(--ref-muted);font-size:12px;font-weight:700;text-align:center}
.taskPeriodTabs a.active{background:var(--ref-green);color:#fff}
.page-tasks .taskPeriodTabs:has(a:only-child){grid-template-columns:1fr}
.page-tasks .taskPeriodTabs:has(a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){
  .taskPeriodTabs{gap:5px}
  .taskPeriodTabs a{min-height:44px;font-size:11px}
}

/* Horse profiles */
.profileMenuSection{margin-top:5px;padding-top:11px!important;border-top:1px solid var(--ref-line);font-weight:750!important}
.profileSwitcher{display:flex;align-items:center;gap:7px;min-width:0}
.activeProfileAvatar,.alternateProfileAvatar,.personProfileAvatar,.horseProfileShortcut,.horseMenuAvatar,.largeProfileAvatar,.horseCardAvatar{display:grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#edc98e,#dba250);color:#fff;font-weight:800}
.profileMenu summary>.activeProfileAvatar{width:40px;height:40px;flex:none;border:2px solid #fff;font-size:16px}
.activeProfileAvatar.horseAvatar,.alternateProfileAvatar.horseAvatar{background:var(--brand,var(--ref-green));color:var(--brand-text,#fff)}
.profileQuickSwitch{display:flex;margin:0;flex:none}
.profileQuickSwitch button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:2px solid #fff;border-radius:50%;background:none;box-shadow:0 2px 7px #173d2e26;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.profileQuickSwitch button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #173d2e33}
.profileQuickSwitch button:focus-visible{outline:3px solid #d7905266;outline-offset:2px}
.alternateProfileAvatar{width:28px;height:28px;font-size:11px}
.horseMode .profileSwitcher{gap:0}
.horseMode .profileMenu summary{border:0;background:transparent;padding:2px 0;gap:8px}
.horseMode .profileMenu summary>em{order:-1;text-align:right}
.horseMode .profileMenu summary>em b{max-width:118px;font:700 17px/1.05 var(--ref-serif)}
.horseMode .profileMenu summary>em small{max-width:118px;margin-left:auto;background:none;padding:0;color:var(--ref-muted);font-size:8px;letter-spacing:.2px}
.horseMode .profileMenu summary>.activeProfileAvatar{width:43px;height:43px;box-shadow:0 3px 10px #173d2e24}
.horseMode .profileMenu summary>i{display:none}
.horseMode .profileQuickSwitch{position:relative;z-index:2;margin-left:-7px}
.horseMode .profileQuickSwitch button{width:34px;height:34px;background:#fffdf8}
.horseMode .alternateProfileAvatar{width:30px;height:30px}
.personProfileAvatar{width:40px;height:40px;border:2px solid #fff}
.horseProfileShortcut{width:23px;height:23px;border:2px solid #fff;background:var(--brand,var(--ref-green));font-size:10px;box-shadow:0 2px 5px #0002}
.activeProfileAvatar img,.alternateProfileAvatar img,.personProfileAvatar img,.horseProfileShortcut img,.horseMenuAvatar img,.largeProfileAvatar img,.horseCardAvatar img{width:100%;height:100%;object-fit:cover}
.profileMenu nav{width:240px}
.profileMenu .horseMenuChoice{display:flex!important;align-items:center;gap:10px;padding:8px 11px!important;font-size:12px!important;color:var(--ref-muted)!important}
.profileMenu .horseMenuChoice>span:last-child{display:grid;gap:1px;min-width:0}.profileMenu .horseMenuChoice b{color:var(--ref-ink);overflow:hidden;text-overflow:ellipsis}.profileMenu .horseMenuChoice small{font-size:10px;color:var(--ref-muted);font-weight:500;background:none;padding:0}
.horseMenuAvatar{width:34px;height:34px;flex:none;background:var(--brand,var(--ref-green));color:var(--brand-text,#fff)}
.profileMenu .horseMenuChoice.active{color:var(--ref-green)!important;background:#edf3ef!important}
.profilePhotoPanel{margin-bottom:20px}.profilePhotoPreview{display:flex;align-items:center;gap:15px}.profilePhotoPreview h2,.profilePhotoPreview h3{margin:0 0 4px}.profilePhotoPreview p{margin:0}.largeProfileAvatar{width:72px;height:72px;flex:none;background:var(--brand,var(--ref-green));color:var(--brand-text,#fff);font-size:25px}.horsePhotoPreview{margin:14px 0 0}.horsePhotoPreview+.stack{margin-top:14px}
.buttonLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.horseOverviewGrid,.horseProfileGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.horseCards{display:grid;gap:9px}.horseCards .panelHead{margin-bottom:3px}
.horseCard{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--ref-line);border-radius:12px;background:#fffdf8;color:inherit;text-decoration:none}
.horseCard>span,.horseMemberList article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand,var(--ref-green));color:var(--brand-text,#fff);font-weight:800}.horseCardAvatar{overflow:hidden}
.horseCard>div{display:grid;gap:3px;min-width:0}.horseCard small{color:var(--ref-muted)}.horseCard em{color:#9a522c;font-size:11px;font-style:normal}.horseCard>i{font-size:24px;color:var(--ref-muted)}
.horseCard.attention{border-color:#d9a27e;background:#fff8ef}
.horseAttention{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding:12px 15px;border:1px solid #ddb98c;border-radius:12px;background:#fff8e9;color:#755020}.horseAttention.urgent{border-color:#d88989;background:#fff0f0;color:#8a3131}.horseAttention span{font-size:13px}
.horseProfileActions{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.horseProfileTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 16px;padding:6px;border:1px solid var(--ref-line);border-radius:15px;background:#f8f5eb;overflow-x:auto}
.horseProfileTabs a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:9px 11px;border-radius:10px;color:var(--ref-muted);font-size:12px;font-weight:750;text-align:center;text-decoration:none;white-space:nowrap}
.horseProfileTabs a.active{background:var(--ref-green);color:#fff;box-shadow:0 4px 12px #173e3024}
.horseMode .horseProfileTabs{display:none}
.horseMobileNav{max-width:620px}
.horseJournalIntro{grid-column:1/-1;background:linear-gradient(135deg,#e7f1e9,#fff9ea)}
.horseJournalIntro>div{display:flex;align-items:center;gap:14px}.horseJournalIntro>div>span{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:var(--ref-green);color:#fff;font-size:24px}.horseJournalIntro h2,.horseJournalIntro p{margin:0}.horseJournalIntro p{margin-top:5px;color:var(--ref-muted);font-size:13px;line-height:1.5}
.horseMeasurementPanel,.horseDocumentPanel{grid-column:1/-1}.horseMeasurementGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}.horseMeasurementGrid article{position:relative;padding:13px;border:1px solid var(--ref-line);border-radius:12px;background:#fbf9f2}.horseMeasurementGrid time,.horseMeasurementGrid small{display:block;color:var(--ref-muted);font-size:11px}.horseMeasurementGrid article>div{display:flex;gap:9px;flex-wrap:wrap;margin:7px 0}.horseMeasurementGrid article>div b{color:var(--ref-green);font-size:16px}.horseMeasurementGrid form{position:absolute;right:6px;top:4px}.horseMeasurementGrid button{font-size:10px;padding:5px}
.horseJournalImage{display:block;margin-top:10px;width:min(260px,100%)}.horseJournalImage img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:10px;border:1px solid var(--ref-line)}
.horseDocumentList{display:grid;gap:8px;margin-bottom:16px}.horseDocumentList article{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--ref-line);border-radius:11px;background:#fffdf8}.horseDocumentList article>span{font-size:22px;color:var(--ref-green)}.horseDocumentList article>div{display:grid;gap:3px;min-width:0;flex:1}.horseDocumentList article small{color:var(--ref-muted);font-size:11px}.horseDocumentList .secondary{white-space:nowrap;text-decoration:none}
.horseJournalTools,.horseTimelinePanel,.horseMedicationPanel,.horseSharePanel{grid-column:1/-1}.horseQuickAdd{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.horseQuickAdd b{margin-right:5px}.horseQuickAdd a{padding:9px 11px;border-radius:9px;background:var(--ref-mint);color:var(--ref-green);font-size:12px;font-weight:750}.horseJournalSearch{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:14px}.horseTimeline{display:grid}.horseTimeline article{display:grid;grid-template-columns:34px 82px 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ref-line)}.horseTimeline article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ref-mint);color:var(--ref-green);font-weight:800}.horseTimeline time,.horseTimeline small{color:var(--ref-muted);font-size:11px}.horseTimeline article>div{display:grid;gap:3px}.horseMedicationList{display:grid;gap:9px;margin-bottom:17px}.horseMedicationList article{padding:13px;border:1px solid var(--ref-line);border-radius:12px;background:#fffdf8}.horseMedicationList article.ended{opacity:.65}.horseMedicationHead{display:flex;justify-content:space-between;gap:10px}.horseMedicationHead>div{display:grid;gap:4px}.horseMedicationHead small{color:var(--ref-muted);font-size:11px}.horseDoseChecks{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.horseDoseChecks button{padding:8px 11px;border:1px solid var(--ref-line);border-radius:999px;background:#fff;color:var(--ref-green);font-size:12px;font-weight:750}.horseDoseChecks button.given{background:var(--ref-green);color:#fff}.horsePeriodChoices{display:flex;gap:15px;flex-wrap:wrap;padding:8px}.horsePeriodChoices label{display:flex;align-items:center;gap:6px}.horsePeriodChoices input{width:auto}.horseShareList{display:grid;gap:7px;margin-top:15px}.horseShareList article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-top:1px solid var(--ref-line)}.horseShareList article>div{display:grid;gap:3px}.horseShareList small{color:var(--ref-muted)}.horseShareCard{width:min(100%,780px);height:auto;padding-bottom:40px}.horseShareCard>.panel{margin-top:14px;text-align:left}.shareRow{display:grid;gap:4px;padding:11px 0;border-bottom:1px solid var(--ref-line)}.shareRow span,.shareRow small{font-size:12px;color:var(--ref-muted)}
.horsePeriodChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:5px 0}.horsePeriodChoices label{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;min-height:58px;padding:9px 12px;border:1px solid var(--ref-line);border-radius:14px;background:#fffdf8;color:var(--ref-green);font-weight:750;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.horsePeriodChoices label::before{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ref-mint);font-size:18px}.horsePeriodChoices label:has(input[value="morning"])::before{content:"☀"}.horsePeriodChoices label:has(input[value="noon"])::before{content:"◐"}.horsePeriodChoices label:has(input[value="evening"])::before{content:"◑"}.horsePeriodChoices label:has(input[value="night"])::before{content:"☾"}.horsePeriodChoices label:hover{transform:translateY(-1px);border-color:#9db8a9;box-shadow:0 5px 14px #173d2e12}.horsePeriodChoices label:has(input:checked){border-color:var(--ref-green);background:var(--ref-mint);box-shadow:inset 0 0 0 1px var(--ref-green)}.horsePeriodChoices label:has(input:checked)::before{background:var(--ref-green);color:#fff}.horsePeriodChoices input{position:absolute;opacity:0;pointer-events:none}.horsePeriodChoices label:focus-within{outline:3px solid #d7905240;outline-offset:2px}@media(max-width:620px){.horsePeriodChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.horseDocumentCategory{display:grid;gap:8px;padding:13px;border:1px solid var(--ref-line);border-radius:14px;background:#fbf9f2}.horseDocumentCategory+.horseDocumentCategory{margin-top:12px}.horseDocumentCategory h3{margin:0 0 3px;color:var(--ref-green);font:700 22px/1.2 var(--ref-serif)}.horseInvoiceDocuments{border-color:#dfc491;background:#fffaf0}.horseInvoiceDocuments h3::before{content:"▤";display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:9px;background:#f3dfb4;color:#775f31;font:700 15px/1 sans-serif;vertical-align:middle}.horseDocumentList .documentCategoryForm{margin-left:auto}.documentCategoryButton{border:1px solid #aac0b4;background:#edf3ef;color:var(--ref-green);white-space:nowrap}@media(max-width:620px){.horseDocumentList article{align-items:flex-start}.horseDocumentList .documentCategoryForm{width:100%;margin-left:44px}.documentCategoryButton{width:100%}}
.horseTimelineFilters{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.horseTimelineFilters button{padding:7px 10px;border:1px solid var(--ref-line);border-radius:999px;background:#fff;color:var(--ref-green);font-size:11px;font-weight:750}.horseTimelineFilters button.active{border-color:var(--ref-green);background:var(--ref-green);color:#fff}
.horseWidePanel{grid-column:1/-1}
.horseEventList{display:grid;gap:10px}
.horseEventList article{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;padding:13px;border:1px solid var(--ref-line);border-radius:12px;background:#fffdf8}
.horseEventList h3,.horseEventList p{margin:3px 0}.horseEventList small{display:block;color:var(--ref-muted)}
.horseEventDate{display:grid;place-items:center;align-self:stretch;padding:7px;border-radius:10px;background:#edf3ef;color:var(--ref-green)}.horseEventDate b{font:700 22px/1 var(--ref-serif)}.horseEventDate small{font-size:9px;text-transform:uppercase;color:inherit}
.horseEventActions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.horseSourceLink{display:inline-block;margin-top:7px;color:var(--ref-green);font-size:12px;font-weight:700}
.horseAssignees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.horseAssignees legend{margin-bottom:7px}.horseAssignees .checkCard span{display:grid}.horseAssignees small{color:var(--ref-muted)}
.horseLocationCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.horseLocationCards article{display:grid;gap:4px;padding:15px;border:1px solid var(--ref-line);border-radius:12px;background:#fffdf8}.horseLocationCards small{color:var(--ref-muted)}
.horseProfileGrid .horseHealthPanel{grid-column:1/-1}
.horseMemberList,.horseDataList,.horseHealthList,.horsePollList{display:grid;gap:8px}
.horseMemberList article,.horseDataList article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--ref-line);border-radius:10px;background:#fffdf8}
.horseMemberList article{display:grid;grid-template-columns:40px 1fr auto}.horseMemberList article>span{width:36px;height:36px}.horseMemberList article>div,.horseDataList article>div{display:grid;gap:3px}.horseMemberList small,.horseDataList small{color:var(--ref-muted)}.horseDataList article.done{opacity:.6}
.horseInlineForm{display:grid;grid-template-columns:1fr 120px auto;gap:8px;align-items:end;margin-top:12px}.compactForm{margin-top:14px;padding-top:14px;border-top:1px solid var(--ref-line)}
.horseHealthList article{display:grid;grid-template-columns:80px 1fr auto;gap:12px;padding:12px;border-left:3px solid var(--ref-line);background:#fffdf8}.horseHealthList article.attention{border-left-color:#bd5d45;background:#fff7f3}.horseHealthList time{font-size:11px;color:var(--ref-muted)}.horseHealthList article>div{display:grid;gap:3px}.horseHealthList p{margin:5px 0 0;line-height:1.45}.horseHealthList small{color:var(--ref-muted)}
.horsePollPanel{margin-top:16px}.horsePollCreate{display:grid;grid-template-columns:130px 1.4fr 150px 190px;gap:9px;align-items:end;margin-bottom:16px;padding:12px;border:1px solid var(--ref-line);border-radius:12px;background:#f8f5eb}.horsePollCreate .wide{grid-column:1/-2}.horsePollList article{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--ref-line);border-radius:12px;background:#fffdf8}.horsePollList article>div:first-child{display:grid;gap:4px}.horsePollList h3,.horsePollList p{margin:0}.horsePollList small{color:var(--ref-muted)}.pollCount{font-size:11px;color:var(--ref-green)}.horsePollVote{display:flex;align-items:center;gap:5px}.horsePollVote small{margin-right:3px}
@media(max-width:820px){.horseOverviewGrid,.horseProfileGrid{grid-template-columns:1fr}.horseProfileGrid .horseHealthPanel,.horseWidePanel{grid-column:auto}.horsePollCreate{grid-template-columns:repeat(2,minmax(0,1fr))}.horsePollCreate .wide{grid-column:1/-1}.horsePollList article{grid-template-columns:1fr}.horsePollVote{justify-content:flex-start}.horseProfileTabs{display:flex}.horseProfileTabs a{min-width:112px}.horseEventList article{grid-template-columns:50px 1fr}.horseEventActions{grid-column:2;justify-content:flex-start}}
@media(max-width:820px){.horseMeasurementGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.horseMode .profileMenu em{display:grid!important}body.horseMode .profileMenu summary{max-width:190px}body.horseMode .profileMenu em b,body.horseMode .profileMenu em small{max-width:82px}}
@media(max-width:620px){.profileSwitcher{gap:4px}.profileMenu summary>.activeProfileAvatar{width:34px;height:34px}.profileQuickSwitch button{width:29px;height:29px}.alternateProfileAvatar{width:25px;height:25px}.horseMode .profileSwitcher{gap:0}.horseMode .profileMenu summary{gap:5px}.horseMode .profileMenu summary>em b{max-width:76px;font-size:14px}.horseMode .profileMenu summary>em small{max-width:82px;font-size:7px}.horseMode .profileMenu summary>.activeProfileAvatar{width:37px;height:37px}.horseMode .profileQuickSwitch{margin-left:-6px}.horseMode .profileQuickSwitch button{width:30px;height:30px}.horseMode .alternateProfileAvatar{width:26px;height:26px}}
@media(max-width:520px){.horseAttention{display:grid}.horseInlineForm,.horsePollCreate{grid-template-columns:1fr}.horsePollCreate .wide{grid-column:auto}.horseHealthList article{grid-template-columns:1fr}.horsePollVote{flex-wrap:wrap}.horseMemberList article{grid-template-columns:36px 1fr}.horseMemberList article form{grid-column:2}.horseProfileActions{align-items:stretch;flex-direction:column}.horseProfileActions form,.horseProfileActions button{width:100%}.horseAssignees,.horseLocationCards{grid-template-columns:1fr}.horseProfileTabs a{min-width:98px}.horseEventList article{grid-template-columns:44px 1fr;padding:10px}.horseEventDate b{font-size:19px}}
@media(max-width:520px){.horseMeasurementGrid{grid-template-columns:1fr}.horseDocumentList article{align-items:flex-start;flex-wrap:wrap}.horseDocumentList article>div{min-width:calc(100% - 44px)}.horseJournalIntro>div{align-items:flex-start}}
@media(max-width:520px){.horseJournalSearch{grid-template-columns:1fr}.horseTimeline article{grid-template-columns:32px 1fr}.horseTimeline article time{grid-column:2;grid-row:1}.horseTimeline article>div{grid-column:2}.horseMedicationHead{align-items:flex-start}}
@media print{body.appBody{background:#fff}.topbar,.sidebar,.mobileNav,.floatingNotify,.horseProfileActions,.horseProfileTabs,.horseJournalTools,.compactForm,.textDanger,.horseSharePanel{display:none!important}.content{padding:20px!important;margin:0!important;max-width:none!important}.horseProfileGrid{display:block!important}.horseProfileGrid>.panel{break-inside:avoid;margin:0 0 14px;box-shadow:none}.pageTitle{margin-bottom:15px}}

/* System owner overview: compact, collapsible windows. */
.systemWindowGrid{display:grid;gap:18px;margin-bottom:18px}
.systemWindow{padding:0;overflow:hidden}
.systemWindowSummary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 21px;cursor:pointer;list-style:none}
.systemWindowSummary::-webkit-details-marker{display:none}
.systemWindowSummary::marker{content:""}
.systemWindowSummary>span:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}
.systemWindowSummary b{display:block;font:700 22px/1.2 var(--ref-serif);color:var(--ref-green)}
.systemWindowSummary small{display:block;font-size:12px;line-height:1.45;color:var(--ref-muted);font-weight:500}
.systemWindowMeta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none;font-size:12px;color:var(--ref-muted)}
.systemWindowMeta i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--ref-line);background:#f7f8f3;color:var(--ref-green);font:normal 21px/1 sans-serif;transition:transform .18s ease,background .18s ease}
.systemWindow[open]>.systemWindowSummary .systemWindowMeta i{transform:rotate(45deg);background:#edf3ed}
.systemWindowBody{padding:0 21px 21px;border-top:1px solid var(--ref-line)}
.systemWindowBody>.list,.systemWindowBody>.empty,.systemWindowBody>.systemActiveIssues,.systemWindowBody>.planBuilder{margin-top:18px}
.systemWindowBody>h3{margin-top:20px}
.stablePackageLine{justify-content:flex-start;padding:12px 0 0;border-bottom:0}.stablePackageLine small{color:var(--ref-muted)}
.systemWindowSummary:focus-visible{outline:3px solid #d790523d;outline-offset:-3px}
@media(max-width:520px){.systemWindowSummary{align-items:flex-start;padding:16px}.systemWindowSummary b{font-size:20px}.systemWindowMeta{font-size:0}.systemWindowBody{padding:0 16px 16px}}

/* System owner: simple overview first, advanced details on demand */
.page-system .systemOwnerTitle{margin-bottom:18px}
.page-system .systemOwnerTitle h1{font-size:clamp(38px,5vw,55px)}
.systemOwnerStatus{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 15px;border:1px solid #cfe2d3;border-radius:12px;background:#e9f4e9;color:#1c6848}
.systemOwnerStatus>span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#218253;color:#fff;font-weight:900}
.systemOwnerStatus>b{font-size:13px}.systemOwnerStatus>small{margin-left:auto;color:var(--ref-muted);font-size:11px}
.systemOwnerStatus-yellow,.systemOwnerStatus-red{border-color:#efd9b8;background:#fff4df;color:#875219}.systemOwnerStatus-yellow>span{background:#d58b2f}
.systemOwnerStatus-red{border-color:#ecc7c2;background:#fbe9e6;color:#8e2c27}.systemOwnerStatus-red>span{background:#b43b35}
.systemOwnerMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}
.systemOwnerMetrics article{display:flex;align-items:center;gap:11px;min-width:0;padding:15px;border:1px solid var(--ref-line);border-radius:14px;background:linear-gradient(145deg,#fffdf8,#faf7ef);box-shadow:0 3px 14px #123f3206}
.systemOwnerMetrics article>i{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#eaf2e9;color:var(--ref-green);font:normal 22px/1 var(--ref-serif)}
.systemOwnerMetrics article>span{display:grid;min-width:0}.systemOwnerMetrics b{font:700 24px/1 var(--ref-serif);color:var(--ref-green);overflow-wrap:anywhere}.systemOwnerMetrics small{margin-top:4px;font-size:10px;color:var(--ref-muted);text-transform:lowercase}
.systemOwnerMetrics .metricWarning>i,.systemOwnerMetrics .metricWarning b{color:#b96b18}.systemOwnerMetrics .metricWarning>i{background:#fff1dc}
.systemOwnerMetrics .metricDanger>i,.systemOwnerMetrics .metricDanger b{color:#a72f29}.systemOwnerMetrics .metricDanger>i{background:#f9e7e3}
.systemOwnerMetrics .systemBackupMetric b{font:700 14px/1.15 var(--ref-serif)}
.page-system .systemWindowGrid{gap:10px}
.page-system .systemMainStables{order:1}.page-system .systemMainPeople{order:2}.page-system .systemMainBilling{order:3}.page-system .systemMainOperations{order:4}.page-system .systemMainPreview{order:5}
.page-system .systemWindow{border-radius:14px;box-shadow:0 3px 14px #123f3206}
.page-system .systemWindowHeading{display:flex!important;flex-direction:row!important;align-items:center;gap:13px}
.systemWindowHeading>i{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#edf3ed;color:var(--ref-green);font:normal 22px/1 var(--ref-serif)}
.systemLineIcon{width:22px;height:22px;overflow:visible}.systemLineIcon path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.systemWindowHeading>span{display:grid;gap:4px;min-width:0}
.page-system .systemWindowSummary{min-height:76px}
.page-system .systemWindowSummary b{font-size:21px}
.page-system .systemWindowBody{background:#fffefa}
.systemAdvancedWindow{margin-top:12px;padding:0;overflow:hidden;border-style:dashed;box-shadow:none;background:#faf8f1}
.systemAdvancedWindow>.systemWindowSummary b{font-size:18px}.systemAdvancedWindow>.systemWindowBody{background:#fff}
.systemAdvancedWindow .systemDashboard{margin-top:18px}
@media(max-width:760px){
  .systemOwnerStatus{align-items:flex-start;flex-wrap:wrap}.systemOwnerStatus>small{width:100%;margin-left:34px}
  .systemOwnerMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.systemOwnerMetrics article{padding:11px}.systemOwnerMetrics article>i{width:34px;height:34px;font-size:18px}.systemOwnerMetrics b{font-size:20px}.systemOwnerMetrics .systemBackupMetric{grid-column:1/-1}
  .page-system .systemWindowSummary{min-height:68px;padding:13px}.systemWindowHeading>i{width:34px;height:34px;font-size:18px}.page-system .systemWindowSummary b{font-size:17px}.page-system .systemWindowSummary small{font-size:10px}
  .page-system .systemWindowBody .list article{align-items:flex-start;flex-wrap:wrap}.page-system .stableAdminForm form{display:grid;grid-template-columns:1fr}.page-system .stableAdminForm button{width:100%}
}
@media(max-width:380px){.systemOwnerMetrics{grid-template-columns:1fr}.systemOwnerMetrics .systemBackupMetric{grid-column:auto}}

/* System owner architecture map */
.guestLanguageLinks{display:flex;justify-content:center;gap:6px;padding:12px 16px 0}.guestLanguageLinks a{padding:7px 11px;border:1px solid var(--ref-line,#cad7cf);border-radius:999px;color:var(--ref-green,#174c3c);font-size:12px;font-weight:700;text-decoration:none}.guestLanguageLinks a.active{background:var(--ref-green,#174c3c);color:#fff}
.architectureWindow{display:grid;gap:14px;padding-top:18px!important}
.architectureSearch{display:grid;gap:6px}.architectureSearch span{font-size:11px;font-weight:750;color:var(--ref-muted);text-transform:uppercase;letter-spacing:.08em}.architectureSearch input{width:100%;padding:12px 14px;border:1px solid var(--ref-line);border-radius:12px;background:#fff;color:var(--ref-green);font:600 14px/1.3 var(--ref-sans)}
.architectureTrees{display:grid;gap:10px}.architectureTree{overflow:hidden;border:1px solid var(--ref-line);border-radius:14px;background:#fffdfa}.architectureTree>summary,.architectureBranch>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.architectureTree>summary::-webkit-details-marker,.architectureBranch>summary::-webkit-details-marker{display:none}.architectureTree>summary{padding:14px 16px;background:#f4f7f2}.architectureTree>summary>span{display:flex;align-items:center;gap:10px;min-width:0}.architectureTree>summary code,.architectureBranch>summary code{flex:none;padding:4px 7px;border-radius:7px;background:#dfece3;color:var(--ref-green);font:750 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.architectureTree>summary b{color:var(--ref-green);font-size:15px}.architectureTree>summary small{color:var(--ref-muted);font-size:11px;white-space:nowrap}
.architectureBranches{display:grid;gap:8px;padding:10px}.architectureBranch{border:1px solid #e4e4da;border-radius:11px;background:#fff}.architectureBranch>summary{padding:11px 12px}.architectureBranch>summary b{flex:1;color:var(--ref-green);font-size:13px}.architectureBranch>summary i{font:normal 18px/1 sans-serif;color:var(--ref-muted);transition:transform .18s}.architectureBranch[open]>summary i{transform:rotate(45deg)}.architectureBranchBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:2px 12px 13px;border-top:1px solid #ecece4}.architectureBranchBody section{min-width:0}.architectureBranchBody h4{margin:11px 0 6px;color:var(--ref-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.architectureChips{display:flex;flex-wrap:wrap;gap:5px}.architectureChips code{max-width:100%;padding:5px 7px;border-radius:7px;background:#f0f4f0;color:#34594c;font:600 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.architectureBranchBody section:last-child .architectureChips code{background:#fff3dc;color:#855d21}
.architectureBranchBody .architectureFeatureSection{grid-column:1/-1}.architectureFeatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.architectureFeatures article{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:10px;border:1px solid #dfe7df;border-radius:10px;background:#f8fbf7}.architectureFeatures article>code{padding:4px 6px;border-radius:6px;background:#dfece3;color:var(--ref-green);font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.architectureFeatures article>div{display:grid;gap:3px;min-width:0}.architectureFeatures b{color:var(--ref-green);font-size:12px;line-height:1.35}.architectureFeatures small{color:var(--ref-muted);font:600 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.architectureFeatures article[hidden]{display:none}
@media(max-width:620px){.architectureTree>summary{align-items:flex-start}.architectureTree>summary>span{align-items:flex-start}.architectureTree>summary small{padding-top:4px}.architectureBranchBody,.architectureFeatures{grid-template-columns:1fr}.architectureBranch>summary{align-items:flex-start}.architectureBranch>summary b{line-height:1.35}.guestLanguageLinks{padding-top:8px}}