/* Dogoos professional workspace. Tokens match the shipped app and prototype. */
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url('/assets/nunito.woff2') format('woff2')}
@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/fredoka.woff2') format('woff2')}
:root{color-scheme:light;--bg:#FDFBF7;--surface:#fff;--surface2:#FAF6F0;--ink:#241F1B;--muted:#6B635B;--faint:#9A9089;--line:#ECE5DC;--line-soft:#F4EEE6;--primary:#1FC0B4;--dark:#0E988E;--deep:#0A6F68;--teal:var(--deep);--soft:#E4F8F5;--tint:#F0FBFA;--on:#06342F;--glow:rgba(31,192,180,.45);--gold:#FCF0DA;--warning-bg:#FCF0DA;--warning-ink:#79561D;--danger-bg:#FCE8E5;--success-bg:#E8F6EC;--success-ink:#216640;--danger:#A63E35;--shadow:0 1px 2px rgba(36,31,27,.05),0 8px 24px -10px rgba(36,31,27,.14);--expo:cubic-bezier(.16,1,.3,1);--quint:cubic-bezier(.22,1,.36,1);font:500 15px/1.55 Nunito,system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--deep)}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border:1.5px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font-weight:800;font-size:.9rem;line-height:1.35;cursor:pointer;box-shadow:0 2px 5px -3px #241f1b26;max-width:100%;text-wrap:balance}button:hover{border-color:#8BD6CD;background:var(--tint)}button:active{transform:scale(.975)}button:disabled{opacity:.48;cursor:not-allowed;transform:none}.primary,button.primary{background:linear-gradient(180deg,var(--primary),#19B3A7);border-color:transparent;color:var(--on);box-shadow:0 8px 22px -8px var(--glow),inset 0 1px 0 #ffffff70}.primary:hover{background:linear-gradient(180deg,#2FCABD,#1FC0B4);border-color:transparent}.secondary{background:var(--surface2)}.danger{color:var(--danger);border-color:#EFCBC5}.danger:hover{background:#FFF1EE}.icon-button{width:44px;height:44px;padding:10px;border-radius:14px;flex-shrink:0}.dg-icon{width:22px;height:22px;flex:0 0 auto;vertical-align:middle}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a{color:var(--deep);text-decoration-thickness:1px;text-underline-offset:3px}a.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:16px;text-decoration:none;font-weight:800}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Fredoka,Nunito,sans-serif;font-weight:550;letter-spacing:.005em;line-height:1.2}h1{font-size:clamp(1.9rem,2.5vw,2.65rem);margin-bottom:10px}h2{font-size:1.35rem;margin-bottom:16px}h3{font-size:1.13rem;margin-bottom:12px}h4{font-size:1rem}p{margin-bottom:16px;line-height:1.6}small,.muted{color:var(--muted)}small{font-size:.79rem;line-height:1.5}strong{font-weight:850}code{font-size:.85em;overflow-wrap:anywhere}.eyebrow{font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--deep);margin-bottom:10px}.eyebrow:empty{display:none}
/* An anchored desktop workspace; compact navigation on handheld screens. */
.layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:32px 18px 22px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px;z-index:35;overflow-y:auto}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px;line-height:1;flex-shrink:0}.brand img{width:144px;height:auto;display:block}.brand-caption{font-size:.63rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-left:2px}.sidebar>.brand{margin:0 14px 0}.workspace-label{padding:16px;border:1px solid #D4EEE7;background:linear-gradient(130deg,var(--tint),var(--soft));border-radius:20px;line-height:1.4;position:relative}.workspace-label .eyebrow{font-size:.6rem;margin:0 0 8px}.workspace-label strong{display:block;font-size:.94rem}.workspace-label>span:last-child{display:block;color:var(--deep);font-size:.76rem;margin-top:6px}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;gap:12px;align-items:center;color:var(--muted);text-decoration:none;padding:13px 14px;border-radius:16px;font-size:.86rem;font-weight:800;min-height:48px;position:relative}.nav-link:hover{background:var(--surface2);color:var(--ink)}.nav-link[aria-current=page]{background:var(--soft);color:var(--deep);box-shadow:inset 0 0 0 1px #c6ece5}.nav-link[aria-current=page]:after{content:'';position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:var(--primary)}.nav-icon{display:flex;width:24px}.sidebar-foot{margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--line-soft);font-size:.76rem;color:var(--muted)}.sidebar-foot p{margin:8px 0 0;font-size:.71rem}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dark);margin-right:7px}.sidebar-close{display:none}.main{min-width:0}.topbar{position:sticky;top:0;z-index:25;min-height:80px;padding:18px 36px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#FDFBF7F2;backdrop-filter:blur(18px)}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:.79rem;min-width:0}.breadcrumbs .dg-icon{width:14px;height:14px;color:var(--faint)}.breadcrumbs strong{white-space:nowrap}.topbar .row{flex-wrap:nowrap;gap:12px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:var(--gold);color:#795321;font-weight:900;flex-shrink:0}.actor-pill{display:flex;flex-direction:column;font-weight:800;font-size:.82rem;line-height:1.35}.actor-pill small{font-size:.67rem;font-weight:600}.topbar #lock{padding:9px 12px;font-size:.76rem}.mobile-menu,.mobile-brand,.mobile-nav{display:none}.local-banner{margin:18px 36px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border:1px solid #EBDDBF;background:#FCF0DA80;color:#755B2D;border-radius:14px;font-size:.73rem;line-height:1.4}.local-banner>span{display:flex;gap:9px;align-items:center}.local-banner .dg-icon{width:17px;height:17px}.local-banner .local-secondary{color:#816B47}.content{padding:28px 36px 72px;max-width:1560px;margin:auto;min-height:70vh}.page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-head p{max-width:680px;color:var(--muted);font-size:.93rem;margin:0}.page-head>.badge{flex-shrink:0}.page-head .actions{margin:0}.page-head .eyebrow{margin-bottom:9px}.page-intro{max-width:750px}.content>nav.actions{margin:0 0 20px}.content>nav.actions button{white-space:nowrap}
/* Shared surfaces and a consistent spacing rhythm. */
.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);min-width:0;overflow-wrap:anywhere}.card>:last-child{margin-bottom:0}.card>h2+.muted,.card>h2+p{margin-top:-5px}.card>form{margin-top:18px}.card>table,.card>.table-wrap{margin-top:18px}.card .card{box-shadow:none;border-radius:18px;padding:20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:grid;gap:22px}.row,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions{margin-top:18px}.row>label{flex:1;min-width:160px}.stat{font-family:Fredoka,sans-serif;font-size:2.25rem;line-height:1.15;font-weight:550;margin:8px 0 5px;color:var(--ink);font-variant-numeric:tabular-nums}.stat-label{font-size:.81rem;font-weight:750;color:var(--muted)}.stat-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#fff 70%,var(--tint))}.stat-card .dg-icon{position:absolute;right:20px;top:20px;color:var(--deep);width:24px;height:24px}.badge{display:inline-flex;align-items:center;max-width:100%;border-radius:999px;background:var(--surface2);color:var(--muted);padding:5px 10px;font-size:.71rem;line-height:1.3;font-weight:850;white-space:normal;vertical-align:middle}.badge.success{background:var(--success-bg,#E8F6EC);color:var(--success-ink,#216640)}.badge.warning{background:var(--warning-bg);color:var(--warning-ink)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.warning{background:#FFFAEF;border:1px solid #EDDEBD;border-radius:16px;padding:14px 16px;color:#755823;font-size:.83rem;line-height:1.55;margin-bottom:18px}.badge:where(.warning){border:0;border-radius:999px;margin-bottom:0;padding:5px 10px;font-size:.71rem;line-height:1.3}.banner{padding:16px 18px;background:var(--soft);border-radius:18px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-title h2{margin:0}.pill{border-radius:999px;padding:7px 12px;background:var(--surface2);font-size:.75rem;font-weight:800}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 18px;color:var(--muted);min-height:120px}.empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:var(--tint);color:#71B8AC}.empty p{max-width:380px;margin:12px 0 0;font-size:.86rem}.two-column{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}
/* Work areas keep full workflows available without one endless page. */
.work-areas{min-width:0}.work-area-toolbar{margin-bottom:22px}.work-tabs,.tabs{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:6px;background:#F2EEE7;border:1px solid var(--line);border-radius:20px;margin-bottom:22px;scrollbar-width:thin}.work-area-toolbar .work-tabs{margin:0}.work-tabs button,.tabs button{flex-shrink:0;background:transparent;box-shadow:none;border:0;border-radius:14px;color:var(--muted);padding:11px 14px;font-size:.82rem;min-height:44px;white-space:nowrap}.work-tabs button .dg-icon{width:19px;height:19px}.work-tabs button[aria-selected=true],.work-tabs button[aria-pressed=true],.work-tabs button.active,.tabs button[aria-selected=true],.tabs button[aria-pressed=true],.tabs button.active{background:var(--surface);color:var(--deep);box-shadow:0 3px 9px -3px #241f1b24,inset 0 0 0 1px #fff}.work-panel{min-width:0;outline-offset:6px}.mobile-area-picker{display:none}.work-area-panels>.work-panel>.card:only-child{min-height:180px}.context-back{margin:0 0 18px;padding-left:0;border:0;box-shadow:none;background:none;color:var(--deep)}
/* Forms: compact groups, dependable targets and explicit reveal. */
form{display:grid;gap:18px;min-width:0}form>button{justify-self:start}form.row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}form.row>label{min-width:170px;flex:1}form .actions{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:grid;gap:8px;align-content:start;font-size:.81rem;font-weight:850;line-height:1.4;min-width:0}input,select,textarea{width:100%;min-width:0;min-height:46px;padding:11px 13px;border:1.5px solid #DCD5CC;border-radius:13px;background:var(--surface);color:var(--ink);font-size:.91rem;font-weight:600;line-height:1.4;box-shadow:inset 0 1px 2px #241f1b03}input:hover,select:hover,textarea:hover{border-color:#B9CFC7}input:focus,select:focus,textarea:focus{border-color:var(--dark);box-shadow:0 0 0 3px #1FC0B418}input::placeholder,textarea::placeholder{color:#8D847B;font-weight:500}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;margin:2px 0;accent-color:var(--deep);flex:0 0 auto;box-shadow:none;border-radius:5px}label:has(>input[type=checkbox]),label:has(>input[type=radio]),label.check{display:flex;align-items:flex-start;gap:10px;font-weight:650;line-height:1.5}textarea{min-height:96px;resize:vertical}fieldset{border:1px solid var(--line);border-radius:18px;padding:20px;margin:0;min-width:0;display:grid;gap:16px}legend{font-weight:850;font-size:.87rem;padding:0 8px}fieldset>p{margin-bottom:0}hr{border:0;border-top:1px solid var(--line);margin:24px 0}details{border:1px solid var(--line);padding:17px 18px;border-radius:18px;background:var(--surface);min-width:0}details+details{margin-top:12px}details summary{display:list-item;cursor:pointer;font-weight:850;line-height:1.45;list-style-position:inside;font-size:.89rem;color:var(--ink)}details summary::marker{color:var(--deep)}details[open]>summary{margin-bottom:20px}details>form,details>.form-grid,details>.grid{margin-top:18px}.disclosure{padding:0;box-shadow:0 1px 3px #241f1b06}.disclosure>summary{display:flex;align-items:center;gap:12px;padding:18px;list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary>span:nth-child(2){flex:1;min-width:0}.disclosure>summary small{display:block;font-weight:600;margin-top:4px}.disclosure-icon{display:grid;place-items:center;background:var(--soft);color:var(--deep);width:40px;height:40px;border-radius:14px;flex-shrink:0}.disclosure-chevron{width:17px;height:17px;color:var(--muted)}.disclosure[open]>summary{margin:0;border-bottom:1px solid var(--line-soft)}.disclosure[open] .disclosure-chevron{transform:rotate(90deg)}.disclosure-body{padding:22px}.disclosure-body>:last-child{margin-bottom:0}
/* Tables retain clear column rhythm; narrow screens get labelled rows. */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-size:.83rem;line-height:1.45}th,td{text-align:left;padding:15px 16px;vertical-align:middle;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{background:#FAF7F2;font-size:.66rem;text-transform:uppercase;letter-spacing:.085em;color:var(--muted);font-weight:900;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#F0FBFA50}td small{display:block;margin-top:4px;max-width:35ch}td .actions{margin:0;gap:7px}td button{font-size:.75rem;padding:9px 12px;min-height:40px;border-radius:12px}td strong{font-weight:900}td:has(input[type=checkbox]){width:42px}table .badge{font-size:.67rem}dl{margin:0}dt{font-weight:850;font-size:.79rem;color:var(--muted);margin-top:12px}dd{margin:4px 0 0}.timeline{display:grid;gap:0}.timeline-item{border-left:2px solid #D8EDE6;padding:0 0 22px 22px;position:relative;margin-left:4px}.timeline-item:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--primary);left:-5.5px;top:6px;box-shadow:0 0 0 4px var(--tint)}.timeline-item p{margin:7px 0;font-size:.86rem}.timeline-item small{font-size:.73rem}.timeline-item form{margin-top:16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.76rem;background:var(--surface2);padding:16px;border-radius:14px;line-height:1.6}.receipt{max-width:650px}.camera-test-surface{width:100%;max-width:640px;aspect-ratio:2;height:auto;border-radius:18px}.reminder-lab-frame{width:100%;min-height:500px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}
/* A welcoming entrance using original Dogoos artwork. */
.login{max-width:1180px;margin:0 auto;padding:45px 36px 50px;min-height:100dvh}.login-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.login-status{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:.72rem;color:var(--muted);font-weight:800}.login-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.login h1{font-size:clamp(2.5rem,4.3vw,3.7rem);line-height:1.1;margin:14px 0 20px;font-weight:550;max-width:500px}.login h1 em{font-style:normal;color:var(--deep)}.login .intro{font-size:1.03rem;color:var(--muted);max-width:450px}.login-illustration{position:relative;min-height:250px;margin-top:22px;display:flex;align-items:flex-end;isolation:isolate}.login-illustration:before{content:'';position:absolute;width:260px;height:210px;left:36px;bottom:0;background:radial-gradient(ellipse at center,#D2F1E9,#E8F8F2);border-radius:53% 47% 40% 60%;transform:rotate(-9deg);z-index:-1}.login-illustration img{height:270px;width:auto;object-fit:contain;margin-left:64px;filter:drop-shadow(0 13px 14px #241f1b15)}.illustration-note{position:absolute;right:8px;bottom:65px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px 17px;box-shadow:var(--shadow);max-width:190px;font-size:.78rem;display:flex;align-items:center;gap:10px}.illustration-note .dg-icon{color:var(--deep)}.login-card{padding:34px;position:relative}.login-card h2{font-size:1.55rem}.login-card .login-caption{font-size:.78rem}.login-card form{margin:26px 0 20px;gap:19px}.login-card form>button{justify-self:stretch;min-height:51px}.login-note{border-top:1px solid var(--line-soft);padding-top:18px;margin-top:20px;font-size:.72rem;color:var(--muted);display:flex;align-items:flex-start;gap:9px;line-height:1.6}.login-note .dg-icon{width:17px;height:17px;color:var(--deep);margin-top:2px}.login-features{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 0}.login-features span{display:flex;align-items:center;gap:7px;font-size:.73rem;font-weight:800;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 10px}.login-features .dg-icon{width:16px;height:16px;color:var(--deep)}
/* Loading, notices and reduced-motion aware transitions. */
.loading-state{min-height:230px}.skip{position:fixed;left:14px;top:-100px;background:var(--surface);padding:14px 20px;border-radius:14px;z-index:100;box-shadow:var(--shadow)}.skip:focus{top:12px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(660px,calc(100vw - 32px));background:#241F1B;color:white;border-radius:20px;padding:0;box-shadow:0 14px 36px -10px #0008;z-index:100;font-size:.85rem;font-weight:750;text-align:center;pointer-events:none}#notice:not(:empty){padding:16px 22px}#notice:empty{border-width:0;box-shadow:none}#notice.error{background:#87382F}.menu-scrim{display:none}
@media(prefers-reduced-motion:no-preference){button,a,input,select,textarea{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s var(--quint)}.work-panel:not([hidden]),#content>.page-head{animation:dg-reveal .42s var(--expo) both}.login-grid{animation:dg-reveal .65s var(--quint) both}.disclosure[open]>.disclosure-body{animation:dg-reveal .3s var(--quint)}.disclosure-chevron{transition:transform .25s var(--expo)}@keyframes dg-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1180px){.layout{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:28px 13px 20px}.nav-link{font-size:.8rem;padding:12px}.content{padding:26px 26px 60px}.topbar{padding:17px 26px}.local-banner{margin:16px 26px 0}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}.login-grid{gap:38px}.card{padding:22px}.actor-pill{max-width:155px}.local-secondary{display:none}}
@media(max-width:920px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login{padding:30px}.login-grid{gap:28px}.login-card{padding:25px}.illustration-note{right:0;bottom:35px}.login-illustration img{height:235px;margin-left:28px}}
@media(max-width:780px){html{scroll-padding-top:90px}.layout{display:block}.sidebar{position:fixed;left:0;top:0;width:min(320px,87vw);height:100dvh;transform:translateX(-105%);transition:transform .35s var(--expo);padding:28px 20px;box-shadow:20px 0 60px #241f1b30}.sidebar.is-open{transform:none}.sidebar-close{display:flex;position:absolute;right:15px;top:21px;border:0;background:transparent}.sidebar>.brand{margin:0 0 8px}.sidebar .nav-link{font-size:.9rem}.menu-scrim.is-open{display:block;position:fixed;inset:0;z-index:34;background:#241f1b58;backdrop-filter:blur(3px);border:0;border-radius:0;width:100%;height:100%;padding:0}.topbar{min-height:72px;padding:13px 18px;gap:12px}.mobile-menu{display:flex}.mobile-brand{display:flex;align-items:center;gap:12px;flex:1}.mobile-brand .brand img{width:107px}.mobile-brand .brand-caption{font-size:.48rem}.breadcrumbs{display:none}.topbar .avatar,.topbar .actor-pill{display:none}.topbar #lock{width:42px;padding:10px;font-size:0;border:0;background:var(--surface2)}.topbar #lock .dg-icon{width:20px;height:20px}.local-banner{margin:12px 18px 0;font-size:.67rem;padding:9px 12px;border-radius:12px}.content{padding:24px 18px calc(96px + env(safe-area-inset-bottom));max-width:760px}.page-head{gap:14px;align-items:flex-start;margin-bottom:21px}.page-head h1{font-size:1.95rem;line-height:1.15}.page-head p{font-size:.87rem;line-height:1.5}.page-head .eyebrow{font-size:.64rem}.page-head>.actions{margin-top:14px}.mobile-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:30;display:flex;justify-content:space-around;gap:3px;padding:7px 8px;background:#FFFFFFEE;backdrop-filter:blur(18px);border:1px solid #FFFFFF;border-radius:26px;box-shadow:0 10px 30px -8px #241f1b38,inset 0 0 0 1px #ECE5DC}.mobile-nav a,.mobile-nav button{flex:1;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-decoration:none;font-size:.64rem;font-weight:850;min-height:51px;padding:5px 3px;border:0;border-radius:17px;background:none;color:var(--muted);box-shadow:none}.mobile-nav [aria-current=page]{color:var(--deep);background:var(--soft)}.mobile-nav .dg-icon{width:21px;height:21px}.card{padding:21px;border-radius:22px}.grid,.stack{gap:17px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4>.card{padding:17px}.stat{font-size:1.9rem}.stat-label{font-size:.72rem}.work-tabs,.tabs{border-radius:17px;padding:5px;gap:4px}.work-tabs button,.tabs button{font-size:.76rem;padding:10px 12px}.content>nav.actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.content>nav.actions>button{flex-shrink:0}.login{padding:25px 22px}.login-header{margin-bottom:30px}.login-grid{grid-template-columns:1fr;gap:20px}.login-intro .intro{max-width:580px;font-size:.91rem}.login h1{font-size:2.65rem;max-width:500px;margin-bottom:14px}.login-illustration{display:none}.login-features{margin-top:18px}.login-card{padding:27px}.login-header .brand img{width:125px}.login-status{font-size:.62rem;padding:7px 9px}#notice{bottom:94px}.reminder-lab-frame{min-height:540px}}
@media(max-width:560px){.page-head{flex-wrap:wrap}.page-head>.badge{margin-top:-6px}.page-head h1{font-size:1.8rem}.work-area-toolbar{position:sticky;top:71px;z-index:15;background:var(--bg);padding:9px 0 12px;margin:0 0 14px}.work-area-toolbar .work-tabs{display:none}.mobile-area-picker{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 3px 10px #241f1b06}.mobile-area-picker>span{font-size:.7rem;color:var(--muted);max-width:90px}.mobile-area-picker select{min-height:40px;font-size:.85rem;padding:8px 29px 8px 10px;background:var(--tint);border-color:#D5EDE7;border-radius:11px}.form-grid,form.grid-3,form.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.grid-4{gap:12px}.row>label{min-width:100%}.card{padding:19px}.card .card{padding:17px}.card h2{font-size:1.21rem}.card p{font-size:.86rem}.card>form{margin-top:18px}input,select,textarea{font-size:16px}.actions{gap:8px}.actions>button{flex:1 1 auto;font-size:.79rem}.table-wrap{border:0;overflow:visible;background:none}.responsive-table,.responsive-table tbody{display:block;width:100%}.responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.responsive-table tr{display:block;border:1px solid var(--line);border-radius:16px;padding:10px 14px;margin-bottom:12px;background:var(--surface)}.responsive-table tr:last-child{margin-bottom:0}.responsive-table td{display:grid;grid-template-columns:minmax(75px,.7fr) minmax(0,1.6fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft);width:auto!important;align-items:start}.responsive-table td:before{content:attr(data-label);font-size:.65rem;font-weight:900;letter-spacing:.03em;color:var(--muted);text-transform:uppercase;padding-top:3px}.responsive-table td>*{grid-column:2}.responsive-table td>small{margin-top:0}.responsive-table td:last-child{border:0}.responsive-table td:has(>input[type=checkbox]){display:flex;align-items:center}.responsive-table td button{min-height:42px;justify-self:start}.responsive-table td .badge{justify-self:start}.responsive-table td small{font-size:.75rem}.responsive-table th{white-space:normal}fieldset{padding:16px}.disclosure>summary{padding:16px}.disclosure-body{padding:18px}.login{padding:25px 20px}.login h1{font-size:2.35rem}.login-features{gap:6px}.login-features span{font-size:.67rem}.login-card{padding:24px}.local-banner .local-site{display:none}.stat-card .dg-icon{width:19px;height:19px;top:15px;right:15px}.reminder-lab-frame{min-height:610px}}
@media print{.sidebar,.topbar,.local-banner,.mobile-nav,.menu-scrim,.actions,button,form,#notice,.work-area-toolbar{display:none!important}.layout{display:block}.content{padding:0}.card{break-inside:avoid;box-shadow:none;border-color:#AAA;margin-bottom:15px}body{background:#fff}.grid{display:block}body.printing-receipt *{visibility:hidden}body.printing-receipt .print-receipt,body.printing-receipt .print-receipt *{visibility:visible}body.printing-receipt .print-receipt{position:absolute;left:0;top:0;width:100%;max-width:700px;background:white;padding:20px}}

body.menu-open{overflow:hidden}.pet-strip{display:flex;gap:12px;overflow-x:auto;margin-bottom:24px;padding:2px 2px 8px}.pet-strip>.card{padding:16px 20px;min-width:220px;flex:1;background:linear-gradient(130deg,#fff,var(--tint));border-color:#D4EEE7}.pet-strip h2{font-size:1.25rem;margin:0 0 4px}.pet-strip p{font-size:.77rem;margin:4px 0 8px}.pet-strip .eyebrow{font-size:.57rem;margin-bottom:7px}.pet-strip p:last-child{display:none}.care-stats{margin-bottom:24px}.care-stats .card{padding:18px 22px}.care-stats .stat{display:inline-block;margin-right:10px}.care-stats .muted{font-size:.76rem}.care-stats .stat-label{display:block;padding-right:28px}
@media(max-width:780px){.topbar #lock span{display:none}.care-stats{display:flex;overflow-x:auto;gap:12px;padding-bottom:7px;margin-bottom:16px}.care-stats .card{flex:1 0 180px;padding:15px 17px}.care-stats .stat{font-size:1.8rem}.care-stats .stat-label{font-size:.7rem}.care-stats[data-rule-stats]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:0}.care-stats[data-rule-stats] .card{min-width:0}.pet-strip>.card{min-width:190px;padding:14px 17px}.pet-strip{margin-bottom:17px}}

.practice-contact{margin-bottom:20px;background:var(--tint);border-color:#D4EEE7}.practice-contact>summary{font-size:.8rem;color:var(--deep)}.practice-contact>summary .dg-icon{width:18px;height:18px;margin-right:8px}.practice-contact>.card{margin-top:17px;background:transparent;border:0;box-shadow:none;padding:0}.practice-contact>.card>h2{font-size:1.1rem}

.work-area-panels .work-area-toolbar{position:static}

@media(max-width:1180px){.local-banner>.local-secondary{display:none}}
@media(max-width:560px){.pet-strip{gap:10px;scrollbar-width:thin}.pet-strip>.card{min-width:145px;padding:13px 14px}.pet-strip .eyebrow{display:none}.pet-strip h2{font-size:1.1rem}.pet-strip p{font-size:.71rem;line-height:1.4}.pet-strip .badge{font-size:.62rem;padding:4px 8px}.local-banner>span{gap:8px}.local-banner strong{white-space:nowrap}.practice-contact{padding:12px 14px}.practice-contact>summary{font-size:.73rem}}

.work-areas{scroll-margin-top:90px}

@media(max-width:780px){.mobile-brand .brand-caption{font-size:.65rem;letter-spacing:.045em;text-transform:none}}

.stack{align-content:start}.grid{align-items:start}.stack>h2,.stack>h3,.stack>p,form>p{margin-bottom:0}.care-stats>.card{height:100%}

.work-areas{scroll-margin-top:0}.folded-card .disclosure-body>.card{border:0;box-shadow:none;padding:0;background:transparent}

/* Coordinated sticky navigation at every level, measured by navigation.mjs. */
html{scroll-padding-top:var(--navigation-clearance,100px)}
/* Exact record handoff from the calendar keeps the destination visible. */
.calendar-return{white-space:nowrap;align-self:start;font-size:.82rem;min-height:44px}
.calendar-target{scroll-margin-top:var(--navigation-clearance,120px);outline:2px solid var(--deep);outline-offset:5px;border-radius:16px}
/* A record opened from Today or the calendar lands below its area's sticky
   toolbar too, which is not yet stuck when the scroll distance is measured. */
.work-areas .calendar-target{scroll-margin-top:calc(var(--navigation-clearance,120px) + 76px)}
.content .work-area-toolbar,.content .work-area-panels .work-area-toolbar{position:sticky;top:var(--sticky-top,80px);z-index:var(--sticky-layer,22);padding:8px 0;margin-bottom:18px;background:var(--bg);align-self:start;transition:box-shadow .18s ease}
.work-area-toolbar.is-stuck{box-shadow:0 9px 13px -13px #253e3c80}
.content [tabindex],.content input,.content select,.content textarea,.content summary,.content button{scroll-margin-block:16px 100px}
@media(max-width:780px){.content .work-area-toolbar{margin-bottom:12px}}
@media(max-width:560px){.content .work-area-toolbar{top:var(--sticky-top,72px)}.mobile-area-picker select{min-width:0}}

/* Touch-friendly point of sale, using the existing Dogoos palette and icons. */
.pos-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(305px,.78fr);gap:26px;align-items:start;min-width:0}
.pos-catalogue{min-width:0}.pos-catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 22px}.pos-catalogue-heading h2{font-size:1.8rem;line-height:1.15;margin:0;max-width:340px}.pos-catalogue-heading .eyebrow{font-size:.62rem;margin:0 0 8px}.pos-shop-mark{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:22px;background:var(--soft);color:var(--deep);transform:rotate(7deg)}.pos-shop-mark .dg-icon{width:31px;height:31px}
.pos-search{display:flex;align-items:center;gap:12px;background:white;border:1.5px solid var(--line);border-radius:17px;padding:0 14px;margin-bottom:18px}.pos-search .dg-icon{color:var(--muted)}.pos-search input{border:0;background:none;box-shadow:none;padding:14px 0;min-width:0;font-size:.88rem}.pos-search:focus-within{outline:2px solid var(--deep);outline-offset:3px}.pos-search input:focus-visible{outline:none}
.pos-categories{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;margin-bottom:12px}.pos-categories button{flex-shrink:0;border-radius:13px;padding:10px 13px;font-size:.76rem;background:transparent;box-shadow:none;border-color:transparent;color:var(--muted)}.pos-categories button .dg-icon{width:18px;height:18px}.pos-categories [aria-pressed=true]{background:var(--deep);color:white}.pos-categories [aria-pressed=true]:hover{background:var(--dark)}
.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:15px}.pos-product-grid>.empty{grid-column:1/-1}.pos-product{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px 12px 13px;border:1px solid #ECE5DC;border-radius:23px;background:white;text-align:left;box-shadow:0 4px 15px -10px #64534135;gap:0;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-wrap:initial}.pos-product:hover{background:white;transform:translateY(-3px);border-color:#81CFC3;box-shadow:0 12px 24px -15px #26776a65}.pos-product:active{transform:scale(.98)}.pos-product:disabled{opacity:.58;transform:none;filter:grayscale(.4)}.pos-product-name{font-size:.87rem;font-weight:900;line-height:1.4;margin:10px 0 4px;min-height:2.8em}.pos-product-type{font-size:.66rem;font-weight:600;color:var(--muted);line-height:1.5}.pos-product-price{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.pos-product-price>strong{font-size:1.05rem;color:var(--deep)}.pos-product-add{display:grid;place-items:center;min-width:30px;height:30px;border-radius:11px;background:var(--soft);color:var(--deep);font-size:.77rem}.pos-product-add .dg-icon{width:17px;height:17px}
.pos-art{display:grid;place-items:center;height:104px;border-radius:16px;background:#F9EDD9;overflow:hidden}.pos-art>.dg-artwork{width:94px;height:94px}.pos-art-services,.pos-art-consultations{background:#E4F3EE}.pos-art-passes{background:#EEEBF8}.pos-art-vouchers{background:#FCE9E4}
.pos-product-status{font-size:.72rem;margin-top:17px}.pos-scan{display:flex;align-items:flex-end;gap:10px;padding:14px 0;border-top:1px solid var(--line-soft)}.pos-scan label{flex:1;min-width:0;font-size:.72rem}.pos-scan input{font-size:.78rem;min-height:44px}.pos-scan button{width:44px;padding:10px}
.pos-basket{position:sticky;top:var(--workspace-navigation-bottom,150px);margin:0;padding:0;border:1px solid var(--line);border-radius:25px;background:white;box-shadow:0 12px 38px -28px #31615170;overflow:clip;min-width:0}.pos-basket-summary{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line-soft);list-style:none;font-size:.9rem;cursor:default;background:linear-gradient(110deg,#F1F9F4,#fff)}.pos-basket-summary::-webkit-details-marker{display:none}.pos-basket-summary>span:first-child{display:flex;align-items:center;gap:9px;flex:1}.pos-basket-summary>[data-cart-total]{font-weight:900;font-size:1.13rem;color:var(--deep)}.pos-basket-summary>[data-cart-count],.pos-basket-summary [data-cart-count]{display:grid;place-items:center;font-size:.64rem;min-width:22px;height:22px;padding:0 5px;background:var(--soft);color:var(--deep);border-radius:8px}.pos-basket-summary>.dg-icon:last-child{display:none}.pos-basket-body{padding:18px;display:grid;gap:18px;max-height:calc(100dvh - var(--workspace-navigation-bottom,150px) - 92px);overflow:auto;overscroll-behavior:contain}.pos-basket label{font-size:.73rem}.pos-basket select,.pos-basket input{font-size:.81rem;min-height:44px}.pos-customer{display:grid;gap:12px}.pos-walkin>span{font-weight:500;font-size:.65rem}.pos-account-note{display:flex;gap:9px;padding:11px 12px;border-radius:13px;background:var(--tint);font-size:.75rem}.pos-account-note>.dg-icon{width:19px;height:19px}.pos-account-note div{display:grid;gap:4px}.pos-account-note span{font-size:.68rem;color:var(--muted)}
.pos-cart-lines{min-width:0}.pos-cart-line{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;padding:15px 0;border-bottom:1px dashed #E7E0D6}.pos-cart-line:first-child{padding-top:0}.pos-line-icon{display:grid;place-items:center;width:35px;height:39px;border-radius:12px;background:var(--surface2);color:var(--deep)}.pos-line-icon .dg-icon{width:20px;height:20px}.pos-cart-line strong{display:block;font-size:.79rem;line-height:1.4}.pos-cart-line small{display:block;font-size:.67rem;color:var(--muted);margin-top:3px}.pos-line-end{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pos-line-end>.icon-button{width:38px;height:44px;min-height:44px;padding:11px;border:0;background:transparent;box-shadow:none;color:var(--muted)}.pos-line-end>.icon-button .dg-icon{width:16px;height:16px}.pos-quantity{display:inline-flex;align-items:center;gap:3px;margin-top:9px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.pos-quantity button{width:44px;min-height:44px;border:0;border-radius:0;background:var(--surface2);padding:5px;box-shadow:none;font-size:1rem}.pos-quantity span{width:24px;text-align:center;font-size:.76rem;font-weight:900}.pos-line-amount{margin-top:9px}.pos-line-amount input{max-width:140px}.pos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 8px;color:var(--muted);gap:9px}.pos-empty>.dg-icon{width:43px;height:43px;margin-bottom:8px;color:#BCD7CD}.pos-empty strong{font-size:.88rem;color:var(--ink)}.pos-empty p{font-size:.77rem;margin:0;max-width:220px}
.pos-discount{padding:0;margin:0;border:0;background:none}.pos-discount summary{font-size:.77rem;display:flex;gap:8px;align-items:center;padding:0;min-height:44px;color:var(--deep)}.pos-discount label{margin:10px 0}.pos-discount summary .dg-icon{width:17px;height:17px}.pos-discount p{font-size:.69rem;line-height:1.5}.pos-discount .grid{gap:10px}.pos-totals{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:16px}.pos-totals>div{display:flex;justify-content:space-between;gap:14px;font-size:.81rem}.pos-totals .pos-total{font-size:1.15rem;margin-top:6px;align-items:center}.pos-total>strong:last-child{font-size:1.5rem;color:var(--deep)}.pos-saving{color:var(--deep)}.pos-totals .pos-tax{font-size:.69rem;color:var(--muted)}.pos-tax small{display:block;font-size:.65rem}.pos-tax-note{font-size:.67rem;line-height:1.45;margin:0}.pos-pay{width:100%;min-height:52px;font-size:.88rem;border-radius:16px}.pos-quote-status{font-size:.67rem;text-align:center;line-height:1.45;margin:0}.pos-balance-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:white;grid-column:1/-1}.pos-balance-card h3{font-size:1.05rem;margin:9px 0}.pos-balance-card p{font-size:.76rem}.pos-balance-icon{color:var(--deep)}.pos-balance-card>strong{font-size:.86rem}.pos-balance-card .actions{margin-top:15px}.pos-payment-totals{padding:15px 18px;border-radius:16px;background:var(--tint);font-size:.84rem;margin:18px 0}.pos-payment-totals p{margin:4px 0}.pos-methods{display:flex;flex-wrap:wrap;gap:10px}.pos-methods button{min-width:105px;min-height:64px;background:var(--surface2)}.pos-methods [aria-pressed=true]{border-color:var(--deep);background:var(--soft);color:var(--deep);box-shadow:inset 0 0 0 1px var(--deep)}
@media(min-width:981px){.pos-basket>summary{pointer-events:none}.pos-basket:not([open])>.pos-basket-body{display:grid}}
@media(max-width:1180px) and (min-width:981px){.pos-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pos-catalogue-heading h2{font-size:1.5rem}.pos-shop-mark{display:none}}
@media(max-width:980px){.pos-workspace{grid-template-columns:1fr;gap:20px}.pos-basket{position:sticky;bottom:20px;top:auto;z-index:20;grid-row:2;overflow:hidden}.pos-basket-summary{padding:16px 18px;cursor:pointer}.pos-basket-summary>.dg-icon:last-child{display:block;width:18px;height:18px;transform:rotate(-90deg)}.pos-basket[open] .pos-basket-summary>.dg-icon:last-child{transform:rotate(90deg)}.pos-basket-body{max-height:min(62dvh,650px)}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pos-catalogue-heading h2{max-width:none;font-size:1.65rem}.pos-workspace{padding-bottom:8px}.pos-basket:not([open]) .pos-basket-body{display:none}}
@media(max-width:780px){.pos-basket{bottom:89px;box-shadow:0 8px 28px #253e3c26}.pos-basket-body{max-height:min(54dvh,560px)}.pos-basket select,.pos-basket input{font-size:16px}.pos-catalogue-heading{margin-top:4px}.pos-product-grid{gap:12px}.pos-basket-summary{min-height:66px}.pos-workspace{padding-bottom:10px}.pos-methods button{flex:1 0 105px}.pos-scan input,.pos-search input{font-size:16px}}
@media(max-width:380px){.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pos-product{padding:8px 10px 12px;border-radius:19px}.pos-art{height:90px}.pos-art>.dg-artwork{width:82px;height:82px}.pos-product-name{font-size:.8rem}.pos-product-price>strong{font-size:.96rem}.pos-shop-mark{display:none}.pos-basket-summary{padding:13px;font-size:.8rem;gap:7px}.pos-basket-summary>[data-cart-total]{font-size:1rem}.pos-basket-body{padding:14px}.pos-line-icon{display:none}.pos-cart-line{grid-template-columns:minmax(0,1fr) auto}.pos-catalogue-heading h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.pos-product,.work-area-toolbar{transition:none}.pos-product:hover{transform:none}}
@media print{.pos-workspace,.pos-methods{display:none!important}}
@media(max-width:980px){.pos-workspace{padding-bottom:90px}.pos-docked .pos-basket{position:fixed;left:var(--dock-left,18px);right:var(--dock-right,18px);bottom:20px;z-index:26;max-width:none}.pos-basket-summary{background:#F4FAF6}.pos-docked .pos-basket-body{background:white}}
@media(max-width:780px){.pos-docked .pos-basket{bottom:89px}}
/* A completed entrance must release its transform containing block; otherwise
   a fixed mobile basket is incorrectly positioned inside its animated panel. */
.work-panel:not([hidden]),#content>.page-head,.login-grid{animation-fill-mode:backwards}
.content:focus{outline:none}
/* A tab changes its contents, never the header's geometry or scroll anchor. */
.work-areas{overflow-anchor:none}
.work-panel:not([hidden]){animation:none}
.work-area-panels>.work-panel:not([hidden]){min-height:max(0px,calc(100dvh - var(--panel-clearance,160px)))}
.workspace-page{min-width:0;outline:none}
.workspace-page>nav.actions{margin:0 0 20px}

/* Approved DgArtwork and the same eight-frame running Rex used by the app. */
.dg-artwork{object-fit:contain}.nav-link>.dg-artwork{width:28px;height:28px}.work-tabs button>.dg-artwork{width:25px;height:25px}.empty>span>.dg-artwork{width:40px;height:40px}
/* One loader everywhere: the eight-frame running Rex over the app's four-paw
   trot (PawLoader: 1 s loop, 0.14 s stagger, alternate paws lift and dip),
   centred, with one line of text below. Reduced motion shows a still frame and
   still paws. --s scales the whole composite; nothing else changes per page. */
.rex-loader{--s:1;--paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%231FC0B4'%3E%3Cellipse cx='32' cy='42' rx='16' ry='13'/%3E%3Cellipse cx='14' cy='28' rx='6.4' ry='8.2' transform='rotate(-16 14 28)'/%3E%3Cellipse cx='24' cy='17' rx='6.2' ry='8.6' transform='rotate(-7 24 17)'/%3E%3Cellipse cx='40' cy='17' rx='6.2' ry='8.6' transform='rotate(7 40 17)'/%3E%3Cellipse cx='50' cy='28' rx='6.4' ry='8.2' transform='rotate(16 50 28)'/%3E%3C/svg%3E");position:relative;display:block;flex-shrink:0;width:calc(168px*var(--s));height:calc(146px*var(--s));margin-inline:auto}
.rex-loader::before{content:'';position:absolute;left:0;top:0;width:100%;height:calc(112px*var(--s));background:url('/assets/rex-run.webp') 0 0/800% 100% no-repeat;animation:professional-rex-run .72s steps(8) infinite}
.rex-loader::after{content:'';position:absolute;left:calc(33px*var(--s));bottom:0;width:calc(102px*var(--s));height:calc(34px*var(--s));background-image:var(--paw),var(--paw),var(--paw),var(--paw);background-repeat:no-repeat;background-size:calc(20px*var(--s)) calc(20px*var(--s));background-position:0% 30%,33.33% 70%,66.67% 30%,100% 70%;animation:professional-paw-trot 1s linear infinite}
@keyframes professional-rex-run{to{background-position:114.2857% 0}}
@keyframes professional-paw-trot{0%{background-position:0% 50%,33.33% 51.9%,66.67% 37.7%,100% 82.1%}5%{background-position:0% 49.2%,33.33% 50.7%,66.67% 43.1%,100% 76.7%}10%{background-position:0% 46.1%,33.33% 50.1%,66.67% 46.4%,100% 68.6%}15%{background-position:0% 37.8%,33.33% 50%,66.67% 48.4%,100% 61%}20%{background-position:0% 23.2%,33.33% 51.1%,66.67% 49.5%,100% 56.1%}25%{background-position:0% 14.9%,33.33% 55%,66.67% 49.9%,100% 53.1%}30%{background-position:0% 11.8%,33.33% 64.9%,66.67% 49.9%,100% 51.3%}35%{background-position:0% 11%,33.33% 79.2%,66.67% 48.4%,100% 50.4%}40%{background-position:0% 11.2%,33.33% 86%,66.67% 43.7%,100% 50%}45%{background-position:0% 11.9%,33.33% 88.5%,66.67% 32.1%,100% 50.3%}50%{background-position:0% 13.3%,33.33% 89%,66.67% 18.9%,100% 52.2%}55%{background-position:0% 15.7%,33.33% 88.7%,66.67% 13.2%,100% 57.9%}60%{background-position:0% 19.7%,33.33% 87.9%,66.67% 11.3%,100% 71.1%}65%{background-position:0% 26.3%,33.33% 86.3%,66.67% 11%,100% 82.7%}70%{background-position:0% 34.7%,33.33% 83.7%,66.67% 11.4%,100% 87.4%}75%{background-position:0% 41.3%,33.33% 79.2%,66.67% 12.3%,100% 88.9%}80%{background-position:0% 45.3%,33.33% 72%,66.67% 14.1%,100% 88.9%}85%{background-position:0% 47.7%,33.33% 63.8%,66.67% 17.1%,100% 88.5%}90%{background-position:0% 49.1%,33.33% 57.8%,66.67% 22%,100% 87.4%}95%{background-position:0% 49.8%,33.33% 54.1%,66.67% 29.6%,100% 85.4%}100%{background-position:0% 50%,33.33% 51.9%,66.67% 37.7%,100% 82.1%}}
@media(prefers-reduced-motion:reduce){.rex-loader::before,.rex-loader::after{animation:none}}
/* Every waiting state centres the same composite with one line beneath it. */
.loading-state,.page-loading,.data-loading,.calendar-loading,.login-loading{display:grid;justify-items:center;align-content:center;gap:12px;text-align:center;color:var(--muted)}
.loading-state>span:last-child,.page-loading>p,.data-loading>p,.data-loading>span:last-child,.calendar-loading>span:last-child,.login-loading>p{margin:0;font-size:.9rem;font-weight:700;line-height:1.45;color:var(--muted)}
.login-loading{min-height:300px;padding:12px 0}
.page-loading .rex-loader,.loading-state .rex-loader,.login-loading .rex-loader,.calendar-loading .rex-loader,.data-loading .rex-loader{--s:.75}
span.data-loading{width:100%;padding:12px 4px;gap:8px}
span.data-loading .rex-loader{--s:.5}
span.data-loading>span:last-child{font-size:.82rem}

.data-loading{padding:18px 8px}.sidebar.is-open{overscroll-behavior:contain}
/* Sidebar menu: the daily pages, then the setup pages in a compact group of
   their own (workspace-access.mjs sidebarNavigation). When the menu is taller
   than the screen, a soft edge at the bottom (and at the top once scrolled)
   shows that it continues. Screens up to 1100 px tall get tighter rows, so a
   manager’s whole menu fits at 900 px and every daily page stays in view at 768. */
.sidebar{--sidebar-shade:rgba(36,31,27,.2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent;background:linear-gradient(var(--surface) 30%,transparent) center top/100% 48px no-repeat local,linear-gradient(transparent,var(--surface) 70%) center bottom/100% 48px no-repeat local,radial-gradient(farthest-side at 50% 0,var(--sidebar-shade),transparent) center top/100% 18px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--sidebar-shade),transparent) center bottom/100% 18px no-repeat scroll,var(--surface)}
@media screen{:root[data-theme="dark"] .sidebar{--sidebar-shade:rgba(0,0,0,.6)}}
.nav-group{display:grid;gap:2px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line-soft)}
.nav-group-label{margin:0 0 4px;padding:0 14px;font-size:.62rem;font-weight:900;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.nav-group .nav-link{min-height:38px;padding:8px 14px;font-size:.8rem}
.nav-group .nav-link>.dg-artwork{width:22px;height:22px}
.nav-group .nav-icon{width:22px}
@media (min-width:781px) and (max-height:1100px){.sidebar{padding:20px 16px 18px;gap:16px}.workspace-label{padding:12px 14px}.sidebar nav{gap:3px}.sidebar nav>.nav-link{min-height:44px;padding:8px 14px}.sidebar nav>.nav-link>.dg-artwork{width:26px;height:26px}.nav-group{margin-top:6px;padding-top:10px}.nav-group .nav-link{min-height:36px;padding:7px 14px}}
@media (pointer:coarse){.nav-group .nav-link{min-height:44px}}
/* Links that act as buttons share the button shape, sizes and focus ring. */
a.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border:1.5px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font-weight:800;font-size:.9rem;line-height:1.35;text-decoration:none;box-shadow:0 2px 5px -3px #241f1b26;max-width:100%}
a.button:hover{border-color:#8BD6CD;background:var(--tint)}
a.button.secondary{background:var(--surface2)}
a.button.primary{background:linear-gradient(180deg,var(--primary),#19B3A7);border-color:transparent;color:var(--on);box-shadow:0 8px 22px -8px var(--glow),inset 0 1px 0 #ffffff70}
a.button.primary:hover{background:linear-gradient(180deg,#2FCABD,#1FC0B4)}
a.button .dg-icon{width:20px;height:20px}
a.button .dg-artwork{width:24px;height:24px}
/* Server-supplied organisation plans, independent of consumer subscriptions. */
.professional-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;margin-top:24px}
.professional-plan-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1.5px solid var(--line);border-radius:20px;background:var(--surface,var(--card));gap:12px}
.professional-plan-card.current{border-color:var(--deep);box-shadow:inset 0 0 0 1px var(--deep)}
.professional-plan-card>img{width:64px;height:64px;object-fit:contain}
.professional-plan-card h3{font-size:1.4rem;line-height:1.25;margin:0}
.professional-plan-card>p{margin:0;line-height:1.55}
.professional-plan-card .professional-plan-price{font-family:'Fredoka',sans-serif;font-size:1.2rem;color:var(--ink);font-weight:600}
.professional-plan-card ul{padding-left:20px;margin:0;line-height:1.55;display:grid;gap:8px;color:var(--muted)}
.professional-plan-choice{margin-top:auto;padding-top:14px;display:grid;gap:14px;width:100%}
.professional-plan-choice .check{font-size:.87rem;line-height:1.5;align-items:flex-start}
.professional-plan-choice button{white-space:normal;width:100%}

/* Spacing classes for cards that follow another block; the local page policy allows no inline styles. */
.stack-gap{margin-top:20px}.gap-top-sm{margin-top:15px}.gap-top-lg{margin-top:25px}.text-base{font-size:1rem}