:root { --bg:#f6f5f0; --panel:#fff; --panel-soft:#edf2ed; --ink:#243b32; --muted:#5d6c64; --line:#dde2d9; --green:#285443; --green-dark:#204936; --amber:#956120; --shadow:0 4px 18px #21362906; }
body { background:var(--bg); font-family:'Segoe UI',system-ui,sans-serif; font-size:16px; line-height:1.6; }
h1,h2,h3 { letter-spacing:-.035em; font-weight:600; line-height:1.18; } h1 {font-size:clamp(2rem,3vw,2.7rem);margin:8px 0 14px;} h2{font-size:1.5rem} h3{font-size:1.2rem} p{line-height:1.65} a{ text-underline-offset:5px; }
.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:#173f35;color:#e7eee8;padding:32px 22px 18px;display:flex;flex-direction:column;overflow-y:auto;z-index:10}
.brand{display:flex;align-items:center;gap:13px;color:#fff;flex:none;margin-bottom:36px}.brand strong{font-size:21px;letter-spacing:.12em}.brand small{display:block;color:#c6d3c9;font-size:10px;letter-spacing:.15em;margin-top:2px}.brand:hover{text-decoration:none}
.nav-caption{font-size:10px;letter-spacing:.17em;font-weight:600;color:#b5c8bc;margin:10px 13px}.sidebar nav{display:grid;gap:3px;margin-bottom:20px}.sidebar nav a{padding:10px 13px;min-height:44px;border-radius:7px;color:#e1e9e2;display:flex;gap:13px;align-items:center;font-size:14px}.sidebar nav a.active{background:#345c4e;color:#fff}.sidebar nav a:hover{background:#2a5143;text-decoration:none}.sidebar nav a>span{width:19px;font-size:20px;color:#d9b77a;text-align:center}.sidebar-bottom{margin-top:auto;font-size:12px;padding:20px 10px 0;border-top:1px solid #ffffff25;color:#e1e9e2}.sidebar-bottom small{display:block;color:#c0d1c5;margin:6px 0}.location-dot{display:inline-block;width:6px;height:6px;background:#bed4a1;border-radius:50%;margin-right:7px}
.workspace-bar{margin-left:256px;height:85px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.09em;background:var(--panel);gap:16px}.bar-separator{margin:0 16px;color:#a0a99e}.account-chip{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:0}.account-chip>span{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:var(--panel-soft);font-weight:600}
.shell{max-width:1600px;margin:0 0 0 256px;padding:36px 42px 22px;width:auto}.page-head{margin-bottom:26px;align-items:center;gap:20px}.page-head p{font-size:15px;color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--muted)}
button,.button{min-height:46px;border-radius:7px;padding:11px 19px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:14px;font-weight:600;line-height:1.5;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none}button.primary,.button.primary{background:var(--green);border-color:var(--green);color:#fff}button:hover,.button:hover{filter:brightness(.94);text-decoration:none}button:disabled{opacity:.55;cursor:wait}button.ghost{background:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc7d18;outline-offset:4px}
input,select,textarea{border-radius:6px;border:1px solid var(--line);min-height:46px;background:var(--panel);color:var(--ink);font:inherit;padding:10px 12px;max-width:100%}input[type=checkbox]{min-height:24px;width:24px;height:24px;accent-color:#285443;flex-shrink:0}label{display:grid;gap:6px;font-size:14px;font-weight:500}fieldset{border:1px solid var(--line);border-radius:8px;padding:20px;min-width:0}legend{padding:0 8px}.check{display:flex;gap:12px;align-items:center}.check small{display:block;color:var(--muted);font-size:12px}
.panel,.knowledge-card{border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--panel);box-shadow:none}.panel{margin:20px 0}.panel h2{margin-top:0}.panel-head h2{margin-bottom:10px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.knowledge-card{display:flex;flex-direction:column;min-width:0}.knowledge-card h2{font-size:1.35rem;line-height:1.4;margin:20px 0 10px}.knowledge-card h2 a{color:var(--ink)}.knowledge-card p{font-size:14px;color:var(--muted);margin:0 0 24px}.card-topline{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.breed-tag{padding:3px 8px;background:#f0f1e8;color:#425541;font-size:10px;white-space:nowrap;border-radius:4px}.breed-tag.brown{background:#f3e8d9;color:#805c36}.card-foot{display:flex;justify-content:space-between;gap:16px;font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.card-foot>span{color:var(--muted)}.library-filter{display:flex;gap:14px;align-items:end;margin-bottom:24px}.library-filter>label:first-child{flex:1}.source-note{font-size:13px;color:var(--muted);margin:28px 0}.reading-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;max-width:85ch}
.welcome-hero{border-radius:14px;background:#234b3d;display:grid;grid-template-columns:1.1fr .9fr;min-height:310px;overflow:hidden;margin:0 0 26px;color:#fff}.welcome-copy{padding:36px 40px}.welcome-copy .eyebrow{color:#d5c29b}.welcome-copy h2{font-family:Georgia,serif;font-size:36px;line-height:1.15;font-weight:400;max-width:380px;margin:17px 0}.welcome-copy p{max-width:370px;color:#d6e3d8;font-size:14px}.welcome-copy .button{background:#e8ddc3;border-color:#e8ddc3;color:#204332;margin-top:10px}.welcome-photo{background:url('/static/poultry-banner.png') center right/cover no-repeat;min-height:250px;position:relative}.welcome-photo:after{content:'DEKALB WHITE  /  ISA BROWN';position:absolute;bottom:23px;right:20px;color:#fff;font-size:10px;letter-spacing:.14em;text-shadow:0 1px 4px #000}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 17px}.section-heading h2{font-size:21px;margin:0}.section-heading>a{font-size:13px}.overview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.overview-card{display:flex;gap:16px;align-items:center;padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:10px;color:var(--ink)}.overview-card:hover{background:var(--panel-soft);text-decoration:none}.overview-card>span:first-child{font-size:28px;color:var(--green);width:30px}.overview-card strong{display:block;font-size:15px}.overview-card small{display:block;color:var(--muted);font-size:12px}.overview-card .arrow{margin-left:auto}.setup-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.setup-overview article{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--panel)}.setup-overview article>span{font-size:11px;letter-spacing:.1em;color:var(--muted)}.setup-overview article>strong{font-size:26px;font-weight:500;display:block;margin:12px 0}.setup-overview article>p{font-size:13px;margin:0;color:var(--muted)}
.studio-intro{background:#e8eddf;border:1px solid #dbe2cc;border-radius:12px;padding:24px 30px;display:flex;gap:24px;align-items:center;color:#243d30}.studio-intro h2{margin:0 0 8px}.studio-intro p{margin:0;font-size:14px}.studio-symbol{font-size:62px;line-height:1;color:#426342}.pill{margin-left:auto;white-space:nowrap;background:#ffffff80;border-radius:25px;padding:8px 15px;font-size:12px}.source-selection{display:grid;grid-template-columns:1fr 1fr;gap:10px}.source-selection .check{padding:12px;border:1px solid var(--line);border-radius:6px;font-weight:400}.portal-player{padding:26px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.portal-player audio{width:100%;margin-bottom:22px}.player-controls{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:14px;align-items:stretch}.player-controls button{font-size:18px;min-height:65px}.player-controls label{margin:0}.portal-player p{margin:18px 0 0;color:var(--muted)}.job-list p{border-bottom:1px solid var(--line);padding-bottom:12px}
.portal-footer{border-top:1px solid var(--line);margin-top:42px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.portal-footer button{font-size:12px}.skip-link{position:absolute;left:12px;top:-120px;z-index:100;background:#fff;color:#111;padding:15px}.skip-link:focus{top:8px}.back-link{display:inline-flex;padding:10px 0;min-height:44px}.table-wrap{overflow-x:auto}.form{gap:18px}pre{white-space:pre-wrap;overflow-wrap:anywhere}.auth-shell{min-height:100vh;max-width:none;display:grid;place-items:center;padding:35px}.login-layout{background:#173f35}.auth-panel{width:min(940px,100%);display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0;border-radius:15px;overflow:hidden;box-shadow:0 20px 90px #0002}.auth-intro{background:#244d3f;color:white;padding:48px;grid-row:span 2;text-align:left}.auth-intro h1{font-family:Georgia,serif;font-weight:400;font-size:45px}.auth-intro p{color:#dce6da}.auth-intro .brand{margin-bottom:65px}.auth-panel>.form,.auth-form{padding:40px;background:var(--panel);margin:0}.auth-visual{display:none}.auth-hint{font-size:13px}.auth-accessibility{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.breed-strip{margin-top:24px}.breed-strip span{font-size:12px}.auth-title{font-size:23px;margin:0 0 20px}.user-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.user-cards .panel{margin:0}.user-cards h2{font-size:21px}.user-cards form+form{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}
@media(max-width:1250px){.sidebar{width:225px;padding:24px 15px}.workspace-bar{margin-left:225px;padding:0 26px}.shell{margin-left:225px;padding:28px 26px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-copy{padding:30px}.welcome-copy h2{font-size:31px}}
@media(max-width:900px){.sidebar{position:relative;width:auto;display:block;padding:16px}.sidebar .brand{margin-bottom:14px}.sidebar nav{display:flex;overflow-x:auto;gap:4px;margin:0}.sidebar nav a{white-space:nowrap}.sidebar .nav-caption,.sidebar-bottom{display:none}.sidebar nav[aria-label=Beheer]{margin-top:8px}.workspace-bar{margin-left:0;height:65px;padding:0 22px}.shell{margin-left:0;padding:24px 22px}.welcome-hero{min-height:260px}.overview-actions{gap:10px}.overview-card{padding:16px;gap:8px}.overview-card>span:first-child{display:none}.auth-intro{padding:30px}.auth-panel>.form{padding:30px}}
@media(max-width:600px){.library-grid,.source-selection,.user-cards,.setup-overview{grid-template-columns:1fr}.welcome-hero{grid-template-columns:1fr}.welcome-photo{min-height:160px;order:-1}.welcome-copy{padding:24px}.welcome-copy h2{font-size:32px}.overview-actions{grid-template-columns:1fr}.overview-card>span:first-child{display:block}.library-filter{flex-wrap:wrap}.library-filter label{width:100%}.page-head{display:block}.page-head>.button{margin-top:18px}.studio-intro{padding:22px}.studio-symbol,.studio-intro .pill{display:none}.auth-panel{display:block}.auth-intro .brand{margin-bottom:20px}.auth-intro{padding:24px}.auth-intro h1{font-size:32px}.auth-shell{padding:16px}.player-controls{grid-template-columns:1fr 1fr}.workspace-bar>span{font-size:9px}.bar-separator{margin:0 8px}.portal-footer .decorative{display:none}.shell{padding:22px 16px}.panel{padding:20px}.account-chip{font-size:12px}}
:root[data-theme=dark]{--bg:#111f1a;--panel:#192c23;--panel-soft:#223b2e;--ink:#f1f4ed;--muted:#c0cebd;--line:#395040;--green:#38734f;--green-dark:#b2d7a7}.simple-header{display:flex;gap:18px;align-items:center;padding:24px;background:var(--panel);border-bottom:2px solid var(--ink)}.simple-header strong{margin-left:auto}
:root[data-accessible=true]{color-scheme:dark;--bg:#090d0b;--panel:#090d0b;--panel-soft:#151c16;--ink:#fff;--muted:#ededdf;--line:#bfcab9;--green:#ffdf68;--green-dark:#ffdf68;--amber:#ffdf68;font-size:28px}
:root[data-accessible=true] body{font-size:1rem;background:var(--bg);line-height:1.65;letter-spacing:.01em}:root[data-accessible=true] .shell{margin:0;padding:30px;max-width:none}:root[data-accessible=true] h1{font:700 2rem/1.2 system-ui}:root[data-accessible=true] h2{font-size:1.5rem}:root[data-accessible=true] h3{font-size:1.25rem}:root[data-accessible=true] p,:root[data-accessible=true] label,:root[data-accessible=true] small,:root[data-accessible=true] .eyebrow,:root[data-accessible=true] .page-head p,:root[data-accessible=true] .knowledge-card p{font-size:1rem;letter-spacing:0;color:var(--ink)}
:root[data-accessible=true] button,:root[data-accessible=true] .button,:root[data-accessible=true] input,:root[data-accessible=true] select,:root[data-accessible=true] textarea{font-size:1rem;min-height:80px;border:2px solid #d2d9cb;border-radius:8px;padding:17px 24px}:root[data-accessible=true] button.primary,:root[data-accessible=true] .button.primary{background:#ffdf68;color:#101510;border-color:#ffdf68}:root[data-accessible=true] a{color:#ffdf68}:root[data-accessible=true] .button{color:#fff}:root[data-accessible=true] a:focus-visible,:root[data-accessible=true] button:focus-visible{outline:5px solid #00d4ff;outline-offset:6px}:root[data-accessible=true] .library-grid,:root[data-accessible=true] .source-selection,:root[data-accessible=true] .split,:root[data-accessible=true] .two-column-grid,:root[data-accessible=true] .form-grid{display:grid;grid-template-columns:1fr}
:root[data-accessible=true] .welcome-photo,:root[data-accessible=true] .decorative,:root[data-accessible=true] .studio-symbol,:root[data-accessible=true] .pill,:root[data-accessible=true] .auth-visual{display:none}:root[data-accessible=true] *{box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important;background-image:none!important}:root[data-accessible=true] .panel,:root[data-accessible=true] .knowledge-card,:root[data-accessible=true] .portal-player{border:2px solid var(--line);padding:28px;margin:24px 0}:root[data-accessible=true] .studio-intro{background:var(--panel);color:#fff;border:2px solid white}:root[data-accessible=true] .studio-intro p{color:#fff}:root[data-accessible=true] .card-foot{font-size:1rem;display:block}:root[data-accessible=true] .breed-tag{font-size:.85rem}:root[data-accessible=true] .player-controls{grid-template-columns:1fr 1fr}:root[data-accessible=true] .player-controls button{min-height:100px}:root[data-accessible=true] .portal-footer{font-size:1rem}:root[data-accessible=true] .portal-footer button{font-size:1rem}:root[data-accessible=true] .simple-header strong{font-size:24px}:root[data-accessible=true] .auth-panel{display:block;width:100%;background:#090d0b}:root[data-accessible=true] .auth-intro{background:#090d0b;color:#fff}:root[data-accessible=true] .auth-intro .brand{display:none}:root[data-accessible=true] .auth-shell{padding:20px}:root[data-accessible=true] input[type=checkbox]{min-height:38px;width:38px;height:38px}
.vision-actions{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vision-actions .button{min-height:120px;font-size:34px}.vision-data{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vision-data dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.vision-data dt,.vision-data dd{font-size:1rem}.vision-data dd{font-size:1.4rem;font-weight:700;margin:0}.vision-listen{margin-bottom:24px}.vision-status{padding:24px;border:2px solid var(--line);margin:24px 0;font-size:1rem}.vision-status p{margin:0}.vision-header{margin-bottom:24px}.vision-header h1{margin-top:0}
:root[data-accessible=true] :is(table,th,td,.status,.muted,.small,.field-note,.card-foot,.source-note,.flash,.back-link,legend,summary){font-size:1rem;color:var(--ink)}
:root[data-accessible=true] .vision-actions :is(button,.button){min-height:104px;font-size:1.2rem}
:root[data-accessible=true] .auth-intro p{color:#fff}
@media(max-width:700px){:root[data-accessible=true]{font-size:24px}:root[data-accessible=true] .shell{padding:20px}.simple-header{padding:16px;gap:12px}.simple-header strong{display:none}.vision-actions,.vision-data{grid-template-columns:1fr}.vision-actions .button{font-size:28px;min-height:96px}:root[data-accessible=true] .library-filter{display:block}:root[data-accessible=true] .library-filter button{width:100%;margin-top:16px}:root[data-accessible=true] .player-controls{grid-template-columns:1fr}:root[data-accessible=true] .portal-footer{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.sidebar,.workspace-bar,.portal-footer,.simple-header,.action-row{display:none!important}.shell{margin:0;padding:0}}