.family-access{margin-bottom:1.25rem}.family-access h3{margin-top:1.5rem}.family-fields{border:0;min-width:0;padding:0}.family-fields form{align-items:end;margin-block:1rem}.family-fields label{font-size:1rem}.family-fields button{min-height:44px}.family-child{border-top:1px solid #d6dce3;padding-block:.5rem}.family-link{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.5rem;display:flex}.permission-fields{display:contents}button:disabled{cursor:not-allowed;opacity:.5}
.auth-brand-logo{mix-blend-mode:multiply;width:240px;max-width:100%;height:auto;margin:-8px auto 12px;display:block}.workspace-topbar h1.header-brand{align-items:center;gap:4px;display:flex}.header-brand-sheep{object-fit:contain;mix-blend-mode:multiply;width:36px;height:36px}.header-brand-wordmark{mix-blend-mode:multiply;width:150px;height:38px;display:block;position:relative;overflow:hidden}.header-brand-wordmark img{width:224px;max-width:none;height:auto;position:absolute;top:-98px;left:-37px}@media (max-width:360px){.header-brand-sheep{display:none}}.workspace-topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex;position:relative}.workspace-topbar .site-header{min-width:0;padding:0;display:block}.workspace-topbar h1{letter-spacing:-.04em;margin:0;font-size:1.6rem}.workspace-topbar .site-header p{color:var(--muted);overflow-wrap:anywhere;margin:.2rem 0 0;font-size:.875rem}.workspace-menu{flex:none}.workspace-menu>summary{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:12px;min-height:44px;padding:.75rem 1rem;font-weight:700;list-style:none}.workspace-menu>summary::-webkit-details-marker{display:none}.workspace-menu[open]>summary{background:var(--primary);color:#fff}.workspace-menu-content{z-index:30;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(36rem,100vw - 24px);max-height:78dvh;padding:1rem;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:0 15px 45px #1f2b2533}.workspace-menu-title{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.workspace-menu-title h2{margin:0}.workspace-menu-content>.project-control-card{box-shadow:none;margin-top:1rem}.workspace-menu-content .project-control-row{flex-direction:column;align-items:stretch}.workspace-menu-content .project-select-wrap{width:100%}.workspace-menu-content .family-access{box-shadow:none;padding:.75rem}.workspace-menu-content .family-access>button{width:100%}.workspace-section-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.workspace-section-links button{text-align:left;border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface-soft);border-radius:10px;padding:.75rem}.workspace-section-links button.active{background:var(--primary);color:#fff}.access-status{color:var(--muted);margin:0 0 .75rem;font-size:.875rem}.mobile-bottom-nav,.mobile-animal-picker,.mobile-record-actions,.mobile-health-notice{display:none}.workspace-menu summary:focus-visible,.mobile-bottom-nav button:focus-visible,.mobile-record-actions button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}@media (max-width:650px){main:has(.workspace-topbar){padding:12px 12px calc(88px + env(safe-area-inset-bottom,0px))}.workspace-topbar{align-items:center;margin-bottom:.875rem}.workspace-topbar .site-header{flex:1}.workspace-topbar h1{font-size:1.4rem}.workspace-menu-content .grid{grid-template-columns:1fr}.workspace-menu-content button,.workspace-menu-content input,.workspace-menu-content select{min-height:44px}.project-heading,.animal-switcher,.section-nav{display:none}.mobile-animal-picker{align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.mobile-animal-picker label{margin:0;font-size:.875rem}.mobile-animal-picker select{flex:1;min-width:0;min-height:44px;margin:0;font-size:1rem}.animal-hero{display:none}.mobile-record-actions{margin-bottom:1rem;display:block}.mobile-record-actions h2{color:var(--muted);margin-bottom:.5rem;font-size:.875rem}.mobile-record-actions>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.mobile-record-actions button{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:12px;min-height:48px;padding:.7rem .6rem;font-size:1rem;font-weight:700}.mobile-health-notice{background:var(--warning-soft);text-align:left;width:100%;min-height:48px;color:var(--warning);border:1px solid #dec28f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;margin:0 0 1rem;padding:.75rem;font-size:.875rem;display:flex}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.metric-card{min-width:0;min-height:110px;padding:.875rem}.metric-card span,.metric-card small{font-size:.875rem}.metric-card strong{overflow-wrap:anywhere;margin:.4rem 0;font-size:1.35rem}.quick-actions{display:none}.mobile-bottom-nav{z-index:20;padding:.5rem max(.35rem, env(safe-area-inset-right,0px)) calc(.5rem + env(safe-area-inset-bottom,0px)) max(.35rem, env(safe-area-inset-left,0px));border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #1f2b250a}.mobile-bottom-nav button{min-width:0;min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:.5rem .15rem;font-size:.875rem;font-weight:700}.mobile-bottom-nav button[aria-current=page],.mobile-bottom-nav button[aria-expanded=true]{background:var(--primary-light);color:var(--primary-dark)}input,select,textarea{font-size:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}