*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#efe7d8;--surface:#fffaf0;--sidebar:#2a1b12;--nav-bg:#1e140e;--text:#2a241a;--strong:#17120c;--muted:#5b5143;--border:#b7a88f;--control-border:#6b5940;--button:#f8eedc;--primary:#1f5b3c;--primary-border:#123824;--primary-text:#fff;--accent:#a86d2a;--badge:#d2a64d;--badge-text:#10100c;--focus:#1261ff;--input:#fffdf7;--note:#f3e7cf;--sync-bg:#fff1bd;--alert-bg:#ffe4dc;--alert-text:#8b1e0f;--good-bg:#dff3df;--map-one:#8a956a;--map-two:#c4b17d;--map-line:#11100b73;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#15130f;--surface:#242018;--sidebar:#130d09;--nav-bg:#130d09;--text:#f4ead8;--strong:#fff7e8;--muted:#d8c8ac;--border:#806e51;--control-border:#b79a66;--button:#30281d;--primary:#78b37b;--primary-border:#bde0b6;--primary-text:#10130d;--accent:#d9a45d;--badge:#d8a64c;--badge-text:#14100a;--focus:#7bb6ff;--input:#1f2118;--note:#303324;--sync-bg:#3b351d;--alert-bg:#5b1d15;--alert-text:#ffd0c2;--good-bg:#214b2d;--map-one:#485533;--map-two:#796b3c;--map-line:#fffaf06b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}a{color:inherit}::placeholder{color:var(--muted);opacity:1}@media (prefers-reduced-motion:no-preference){button,input,select,textarea{transition:background-color .16s,color .16s,border-color .16s,transform .16s}button:hover{transform:translateY(-1px)}}.app-shell{min-height:100svh;color:var(--text);background:radial-gradient(circle at 8% 0%, #a86d2a1f, transparent 28rem), linear-gradient(180deg, #f8f0df 0%, var(--bg) 34rem)}.pilot-access{min-height:100svh;color:var(--text);background:linear-gradient(135deg, #2a1b12eb, #130d09f0), var(--bg);grid-template-columns:minmax(0,1fr);place-items:center;padding:18px;display:grid;overflow-x:hidden}.pilot-card{background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 82%, white 18%);gap:14px;width:100%;min-width:0;max-width:462px;padding:clamp(20px,4.2vw,30px);display:grid;box-shadow:0 28px 80px #140c075c,inset 0 1px #ffffff7a}.pilot-card *{min-width:0}.pilot-card .brand{padding:0}.pilot-card .brand-mark{min-width:48px;min-height:48px}.pilot-card .brand p{font-size:1rem}.pilot-card .brand span{font-size:.78rem}.pilot-card p{color:var(--muted);font-weight:650;line-height:1.45}.pilot-card label{color:var(--strong);gap:6px;font-size:.86rem;font-weight:850;display:grid}.pilot-card input{width:100%;min-height:50px;color:var(--strong);background:var(--input);border:1.5px solid color-mix(in srgb, var(--control-border) 80%, white 20%);padding:11px 13px;font-size:.96rem;font-weight:750;box-shadow:inset 0 1px 2px #37281814}.pilot-card input::placeholder{color:color-mix(in srgb, var(--muted) 72%, white 28%);font-weight:750}.pilot-card input:focus-visible{border-color:var(--primary)}.pilot-card .primary-button,.pilot-card .sync-button{min-height:52px;padding:10px 14px;font-size:.96rem;line-height:1.1}.admin-entry{align-content:start;place-items:stretch stretch}.admin-entry .pilot-card,.admin-entry .admin-layout{width:min(100%,1120px);margin-inline:auto}.admin-entry .pilot-card{max-width:1120px}.access-status{color:var(--strong);background:var(--sync-bg);border:1px solid var(--border);padding:10px 12px;font-size:.9rem}.access-copy{gap:7px;display:grid}.access-copy h1{letter-spacing:0;max-width:11ch;font-size:clamp(1.85rem,5.6vw,3rem)}.access-copy p{font-size:.95rem}.ranch-brand-mark{border-radius:9px 9px 14px 14px;position:relative}.ranch-brand-mark:after{content:"";background:#10100c73;width:24px;height:2px;position:absolute;bottom:7px;box-shadow:0 -6px #10100c3d}.demo-button{width:100%;color:var(--strong);background:var(--note)}.access-trust-row{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.access-trust-row span{color:var(--muted);background:color-mix(in srgb, var(--note) 72%, white 28%);border:1px solid var(--border);padding:7px 9px;font-size:.78rem;font-weight:850}.side-panel{display:none}.workspace{width:min(1180px,100%);margin:0 auto;padding:14px 10px 104px}.topbar{gap:12px;margin-bottom:18px;display:grid}.brand{align-items:center;gap:12px;padding:18px;display:flex}.brand p,.brand span,.eyebrow,h1,h2,h3,p{margin:0}.brand p{color:var(--strong);font-weight:900}.brand span,.eyebrow,small{color:var(--muted);font-weight:800}.brand-mark,.tag-badge{min-width:54px;min-height:54px;color:var(--badge-text);background:var(--badge);border:2px solid var(--control-border);place-items:center;font-weight:950;display:grid;box-shadow:inset 0 0 0 1px #fffaf059}.eyebrow{text-transform:uppercase;margin-bottom:6px;font-size:.78rem}h1{color:var(--strong);font-size:clamp(1.8rem,7vw,3.2rem);line-height:1}h2{color:var(--strong);margin-bottom:16px;font-size:1.28rem;line-height:1.15}h3{color:var(--strong);font-size:1rem}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55;transform:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.theme-toggle{grid-template-columns:1fr;gap:6px;min-width:142px;display:inline-grid}.theme-toggle button,.field-actions button,.nav-button,.quick-action,.primary-button,.record-button,.animal-select,.map-pin{border:2px solid var(--control-border);min-height:52px;color:var(--strong);background:var(--button);font-weight:900}.field-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.field-actions button{text-align:center;justify-content:center;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.voice-assist-status{color:var(--muted);font-weight:850}.sync-overview{background:color-mix(in srgb, var(--surface) 82%, var(--note) 18%);border:1px solid var(--border);gap:8px;margin:-6px 0 18px;padding:10px;display:grid;box-shadow:0 10px 24px #3728180d}.sync-overview div{gap:2px;min-width:0;display:grid}.sync-overview strong{color:var(--strong)}.sync-overview span{color:var(--muted);overflow-wrap:anywhere;font-size:.86rem;font-weight:800}.demo-mode-banner{color:var(--strong);background:var(--alert-bg);border:2px solid var(--control-border);gap:10px;margin:-6px 0 18px;padding:12px;display:grid}.demo-mode-banner div{gap:3px;display:grid}.demo-mode-banner strong{color:var(--alert-text)}.demo-mode-banner span,.demo-export-note{color:var(--muted);font-weight:850}.list-limit-note{color:var(--strong);background:var(--note);border:2px solid var(--border);margin:0;padding:10px 12px;font-weight:850}.filter-panel{background:var(--surface);border:2px solid var(--border);gap:10px;margin-bottom:12px;padding:10px;display:grid}.filter-head{gap:8px;display:grid}.filter-head strong{color:var(--strong)}.filter-head .sync-button{min-height:48px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.filter-grid label{color:var(--strong);gap:5px;font-size:.82rem;font-weight:900;display:grid}.filter-grid select{width:100%;min-height:50px;color:var(--strong);background:var(--input);border:2px solid var(--control-border);padding:8px;font-weight:850}.theme-toggle button{justify-content:center;align-items:center;gap:7px;padding:8px 10px;display:flex}.theme-toggle .active,.nav-button.active,.primary-button{color:var(--primary-text);background:var(--primary);border-color:var(--primary-border);box-shadow:0 8px 18px #1f5b3c2e}.app-nav{gap:10px;display:flex}.mobile-nav{z-index:20;background:color-mix(in srgb, var(--nav-bg) 88%, #fff 12%);border-top:2px solid var(--border);max-width:100vw;padding:8px 8px 10px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.mobile-nav .app-nav{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;max-width:100%;overflow:auto hidden}.nav-button{scroll-snap-align:start;flex:0 0 clamp(76px,22vw,92px);place-items:center;gap:4px;padding:7px 8px;font-size:.76rem;line-height:1.08;display:grid}.nav-button span{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dashboard-grid,.records-layout,.split-view,.herd-view,.map-layout,.settings-grid{gap:16px;display:grid}.sync-status,.communication-panel{color:var(--strong);background:var(--sync-bg);border:3px solid var(--control-border);gap:12px;margin-bottom:16px;padding:12px;display:grid}.sync-state{align-items:center;gap:10px;display:flex}.sync-state strong,.sync-state span{display:block}.sync-state span,.communication-panel p{color:var(--muted);font-weight:850}.sync-button{min-height:52px;color:var(--primary-text);background:var(--primary);border:2px solid var(--primary-border);justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:950;display:inline-flex}.danger-button{width:100%;color:var(--alert-text);background:var(--alert-bg);border-color:var(--control-border);margin-top:14px}.communication-panel{margin-bottom:0}.queue-list,.communication-actions{gap:8px;display:grid}.queue-item{background:var(--surface);border:2px solid var(--border);gap:2px;padding:10px;display:grid}.queue-item strong{color:var(--strong)}.queue-item span{color:var(--strong);font-weight:850}.stats-grid,.quick-grid,.field-grid,.photo-grid,.pasture-list{gap:12px;display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.panel,.animal-card,.photo-tile,.record-card,.reminder-card,.pasture-card,.info-cell{background:var(--surface);border:2px solid var(--border);box-shadow:0 10px 24px #3728180f}.stat-card{min-height:120px;padding:14px}.stat-card svg{color:var(--accent)}.stat-card span,.info-cell span,.animal-card span,.photo-tile span{color:var(--muted);font-weight:850;display:block}.stat-card strong{color:var(--strong);margin-top:6px;font-size:2rem;line-height:1;display:block}.panel{padding:16px}.feature-guide-entry{gap:14px;display:grid}.feature-guide-entry p,.feature-guide-panel p,.feature-guide-panel li{color:var(--text);font-size:1rem;font-weight:750;line-height:1.45}.feature-guide-panel{gap:18px;display:grid}.onboarding-panel{gap:14px;display:grid}.onboarding-panel p,.onboarding-panel small{color:var(--muted);font-weight:850}.onboarding-checks{gap:8px;display:grid}.onboarding-check{min-height:48px;color:var(--strong);background:var(--button);border:2px solid var(--control-border);text-align:left;align-items:center;gap:8px;padding:10px 12px;font-weight:900;display:flex}.onboarding-check.done{background:var(--good-bg)}.onboarding-check.done svg{color:var(--primary)}.feature-guide-hero{color:var(--strong);background:var(--note);border:2px solid var(--border);padding:14px}.feature-guide-section,.feature-list-card{gap:10px;display:grid}.feature-guide-panel h3{font-size:1.05rem}.feature-guide-panel ul,.feature-guide-panel ol{gap:8px;margin:0;padding-left:22px;display:grid}.feature-list-grid{gap:12px;display:grid}.feature-list-card{background:var(--input);border:2px solid var(--border);padding:14px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action{text-align:center;place-items:center;gap:8px;min-height:92px;padding:12px;display:grid}.primary-button,.record-button{justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 14px;display:inline-flex}.animal-list,.record-list,.card-list,.feed-list,.feed-details,.alert-list,.report-grid{gap:12px;display:grid}.animal-list-item{gap:10px;display:grid}.compact{gap:8px}.animal-select{text-align:left;background:0 0;width:100%;padding:0}.animal-select.selected{border-color:var(--primary-border);box-shadow:inset 0 0 0 2px var(--primary-border)}.animal-card{align-items:center;gap:12px;padding:12px;display:flex}.compact-card{min-height:80px}.profile-head,.reminder-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.profile-actions .primary-button,.profile-actions .sync-button{min-height:52px;padding:10px 14px}.confirm-panel{color:var(--strong);background:var(--sync-bg);border:3px solid var(--primary-border);gap:10px;padding:14px;display:grid}.confirm-actions,.batch-actions{gap:8px;display:grid}.confirm-actions .primary-button,.confirm-actions .sync-button{min-height:56px}.edit-animal-form{gap:14px;display:grid}.animal-list-item .profile-panel{margin-left:0}.full-width-field{color:var(--strong);gap:7px;font-weight:900;display:grid}.full-width-field textarea{width:100%;min-height:120px;color:var(--strong);background:var(--input);border:2px solid var(--control-border);resize:vertical;padding:12px}.status-pill,.suggestion{color:var(--badge-text);background:var(--badge);border:2px solid var(--control-border);align-items:center;gap:8px;padding:8px 10px;font-weight:900;display:inline-flex}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.info-cell{overflow-wrap:anywhere;min-width:0;padding:12px}.info-cell strong{color:var(--strong);margin-top:4px;display:block}.note-box{color:var(--strong);background:var(--note);border:2px solid var(--border);margin-bottom:18px;padding:14px;font-weight:750}.sale-summary{color:var(--strong);background:var(--note);border:2px solid var(--border);align-items:center;gap:12px;padding:12px;display:flex}.sale-summary strong{font-size:2rem;line-height:1}.sale-summary span{font-weight:900}.sale-animal-list{border:2px solid var(--border);gap:8px;max-height:360px;padding:8px;display:grid;overflow:auto}.sale-animal-option{text-align:left;min-height:72px;color:var(--strong);background:var(--button);border:2px solid var(--control-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.sale-animal-option small{color:var(--muted);font-weight:850;display:block}.sale-animal-option svg{visibility:hidden}.sale-animal-option.selected{background:var(--note);border-color:var(--primary-border);box-shadow:inset 0 0 0 2px var(--primary-border)}.sale-animal-option.selected svg{visibility:visible;color:var(--primary)}.timeline-layout{gap:16px;display:grid}.timeline,.photo-grid{gap:10px;display:grid}.timeline-item{border-left:5px solid var(--accent);gap:2px;padding:10px 0 10px 12px;display:grid}.timeline-item strong,.record-card strong,.photo-tile strong,.alert-card strong,.report-card strong{color:var(--strong)}.photo-tile,.record-card,.feed-card,.reminder-card,.pasture-card,.alert-card,.report-card{padding:12px}.alert-card,.report-card{color:var(--strong);background:var(--note);border:2px solid var(--border);gap:8px;display:grid}.alert-card span,.report-card p,.report-card small,.note-card small{color:var(--muted);font-weight:850}.report-card{grid-template-columns:minmax(0,1fr);align-items:center}.report-card .sync-button{min-width:76px}.note-card.pinned{background:var(--sync-bg);border-color:var(--primary-border)}.feed-layout{gap:16px;display:grid}.feed-header{gap:14px;display:grid}.feed-header p{color:var(--muted);font-weight:850}.feed-card{background:var(--surface);border:2px solid var(--border);gap:12px;display:grid}.feed-meta{flex-wrap:wrap;gap:8px;display:flex}.feed-meta span{color:var(--strong);background:var(--note);border:2px solid var(--border);padding:7px 9px;font-weight:850}.feed-details{color:var(--strong);gap:6px}.photo-placeholder{min-height:86px;color:var(--strong);background:linear-gradient(135deg, var(--map-one), var(--map-two));border:2px solid var(--border);place-items:center;margin-bottom:10px;display:grid;overflow:hidden}.photo-placeholder img,.photo-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.photo-preview{border:2px solid var(--border);background:var(--note);min-height:160px;overflow:hidden}.empty{color:var(--muted);font-weight:800}.search-box,.form-panel label,.checkbox-row{color:var(--strong);gap:7px;font-weight:900;display:grid}.search-box{border:2px solid var(--control-border);background:var(--input);grid-template-columns:auto 1fr;align-items:center;margin-bottom:12px;padding:8px 10px}.search-box input,.form-panel input,.form-panel select,.form-panel textarea,.voice-fields input,.voice-fields select,.voice-panel textarea{box-sizing:border-box;width:100%;min-height:52px;color:var(--strong);background:var(--input);border:2px solid var(--control-border);padding:12px}.search-box input{border:0;padding:6px}.form-panel{gap:12px;display:grid}.form-panel textarea,.voice-panel textarea{resize:vertical;min-height:120px}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.checkbox-row input{width:28px;height:28px}.voice-panel{gap:14px;display:grid}.record-button{background:var(--alert-bg);min-height:86px}.parse-strip{gap:8px;display:grid}.voice-fields{gap:10px;display:grid}.voice-fields label{color:var(--strong);gap:7px;font-weight:900;display:grid}.parse-strip span{background:var(--note);border:2px solid var(--border);padding:10px}.reminder-card strong{color:var(--alert-text)}.ranch-map{background:linear-gradient(90deg, #0000001f 1px, transparent 1px), linear-gradient(#0000001a 1px, transparent 1px), linear-gradient(135deg, var(--map-one), var(--map-two));border:3px solid var(--border);background-size:34px 34px,34px 34px,auto;min-height:420px;position:relative;overflow:hidden}.satellite-map{background:linear-gradient(135deg, var(--map-one), var(--map-two));border:3px solid var(--border);min-height:520px}.map-status{color:var(--strong);background:var(--note);border:2px solid var(--border);margin-top:10px;padding:10px 12px;font-weight:850}.map-editor-panel{gap:14px;display:grid}.compact-form{gap:10px}.pasture-zone{float:left;box-sizing:border-box;width:50%;height:140px;color:var(--strong);border:2px solid var(--map-line);text-align:left;padding:16px;font-weight:950;position:relative}.map-pin{align-items:center;gap:4px;max-width:150px;min-height:44px;padding:7px;font-size:.78rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-pin.injury,.map-pin.water-issue{background:var(--alert-bg)}.map-pin.calving,.map-pin.treatment{background:var(--good-bg)}.map-pin.field-pin{background:var(--badge)}.pasture-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-row{color:var(--strong);background:var(--note);border:2px solid var(--border);align-items:center;gap:12px;margin-top:14px;padding:14px;font-weight:850;display:flex}.settings-copy{color:var(--muted);font-weight:750;line-height:1.45}.access-code-card,.device-card,.billing-options article,.admin-account-card{color:var(--strong);background:var(--note);border:2px solid var(--border);gap:10px;padding:12px;display:grid}.access-code-card span{overflow-wrap:anywhere;font-size:1.12rem;font-weight:950}.access-code-card small,.device-card small,.device-card span,.admin-account-card p{color:var(--muted);font-weight:850}.device-list,.admin-account-list,.billing-options,.admin-actions{gap:12px;display:grid}.billing-options{margin-top:14px}.billing-options article{background:var(--surface)}.billing-options strong{font-size:1.15rem;font-weight:950}.billing-options span{color:var(--muted);font-weight:850;line-height:1.35}.device-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.admin-layout{gap:16px;display:grid}.admin-account-card{background:var(--surface)}.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-list{gap:10px;display:grid}.onboarding-list article{background:var(--note);border:1px solid var(--border);gap:3px;padding:12px;display:grid}.onboarding-list strong{color:var(--strong)}.onboarding-list span{color:var(--muted);font-weight:800}@media (width>=720px){.workspace{padding:24px 24px 110px}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.stats-grid,.quick-grid,.photo-grid,.pasture-list{grid-template-columns:repeat(3,minmax(0,1fr))}.records-layout,.map-layout,.admin-layout{grid-template-columns:minmax(270px,.9fr) minmax(0,1.35fr);align-items:start}.timeline-layout{grid-template-columns:1fr 1fr}.voice-fields,.confirm-actions,.batch-actions,.filter-head{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sync-status,.communication-panel,.sync-overview,.demo-mode-banner{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr) auto;align-items:center}.sync-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-mode-banner{grid-template-columns:minmax(0,1fr) auto}.feed-header{grid-template-columns:minmax(0,1fr) minmax(190px,auto);align-items:center}.feature-guide-entry{grid-template-columns:minmax(0,1fr) minmax(240px,auto);align-items:center}.feature-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-checks{grid-template-columns:repeat(3,minmax(0,1fr))}.report-card{grid-template-columns:minmax(0,1fr) auto}.admin-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1080px){.app-shell{grid-template-columns:286px 1fr;display:grid}.side-panel{color:#f7ead5;background:linear-gradient(180deg, #ffffff0d, transparent 26rem), radial-gradient(circle at top left, #d2a64d2e, transparent 18rem), var(--sidebar);border-right:2px solid var(--border);height:100svh;display:block;position:sticky;top:0;overflow:auto}.side-panel .brand p{color:#fff5df}.side-panel .brand span{color:#d8c09a}.side-panel .app-nav{padding:0 14px 18px;display:grid}.side-panel .nav-button{text-align:left;color:#f4e6cf;background:#fffaf012;border-color:#d8be9073;flex:none;grid-template-columns:28px 1fr;justify-items:start;padding:12px;font-size:.95rem}.side-panel .nav-button.active{color:#fff;background:#1f5b3c;border-color:#8ebf83}.mobile-nav{display:none}.workspace{padding:34px}.topbar{align-items:center}.theme-toggle{grid-template-columns:repeat(3,auto)}.field-actions{grid-template-columns:repeat(4,minmax(116px,auto))}}