/* AgroTrag: one obvious action and large readable controls, all productions */
.simple-intro { max-width:800px; margin:0 auto 40px; padding:8px 0 25px; }
.simple-intro .eyebrow { color:#5d9570; font-size:11px; letter-spacing:1.5px; font-weight:900; }
.simple-intro h1 { margin:8px 0 12px; color:#17462c; letter-spacing:-.9px; font-size:clamp(27px,4vw,36px); line-height:1.13; }
.simple-intro>p,.simple-intro>div>p { font-size:16px; line-height:1.65; color:#678072; max-width:670px; }
.production-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:21px 0; }
.production-option { display:flex; align-items:center; text-align:left; gap:13px; padding:16px; min-height:92px; border:1px solid #d9e8d7; border-radius:17px; background:#fff; color:#214832; cursor:pointer; box-shadow:0 3px 15px #264b3110; }
.production-icon { width:51px; height:51px; flex-shrink:0; display:grid; place-items:center; background:#eef7e9; border-radius:14px; font-size:28px; }
.production-option>span:nth-child(2) { flex:1; min-width:0; }
.production-option strong { display:block; font-size:16px; font-weight:800; line-height:1.2; }
.production-option small { display:block; font-size:12px; color:#708576; font-weight:500; line-height:1.4; margin-top:5px; }
.production-option b { color:#8daa95; font-size:25px; flex-shrink:0; }
.production-option:hover { background:#f2faf1; border-color:#85be94; }
.intro-note { background:#eff7e9; border:1px solid #d6e8d4; border-radius:15px; padding:16px 18px; line-height:1.55; color:#41614a; font-size:13px; }
.simple-back { background:transparent; border:0; color:#397247; font-size:14px; font-weight:800; min-height:45px; padding:8px 0; cursor:pointer; }
.production-selected { display:flex; gap:15px; align-items:center; margin:14px 0 15px; }
.production-selected>span { width:64px; height:64px; display:grid; place-items:center; flex-shrink:0; font-size:37px; background:#eaf5e5; border-radius:18px; }
.production-selected small { color:#708977; font-size:11px; letter-spacing:1.1px; font-weight:850; }
.production-selected h1 { margin:4px 0 0; }
.simple-form { background:#fff; border:1px solid #e0ebdd; border-radius:19px; padding:23px; margin-top:22px; max-width:580px; box-shadow:0 10px 40px #244b3010; }
.simple-form .field { margin-bottom:18px; }
.simple-form .field label { display:block; font-size:15px; color:#274e37; font-weight:850; margin-bottom:9px; line-height:1.35; }
.simple-form .field input,.simple-form .field select { min-width:0; width:100%; border:1px solid #cddfcb; min-height:54px; background:white; font-size:17px; border-radius:12px; padding:11px 13px; }
.simple-form .field input:focus,.simple-form .field select:focus { outline:3px solid #4a9c6530; border-color:#3e9961; }
.simple-form .field small { display:block; color:#788a7c; font-size:12px; line-height:1.4; margin-top:7px; }
.quantity-input { display:flex; align-items:center; gap:11px; }
.quantity-input>input { min-width:0; flex:1; }
.quantity-input>span { color:#526b58; font-size:15px; font-weight:800; flex-shrink:0; }
.simple-submit { display:block; min-height:58px; width:100%; font-size:17px; font-weight:850; margin:19px 0 12px; border-radius:13px; }
.simple-note { font-size:12px; color:#738b77; line-height:1.6; margin:10px 0 0; }
.welcome-choice { margin:12px auto 30px; max-width:840px; }
.welcome-choice>h2 { color:#184a30; font-size:23px; margin-bottom:8px; }
.welcome-choice>p { color:#67806d; font-size:15px; }
.welcome-choice .production-options { margin-top:17px; }
.home-primary { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:8px 0 25px; }
.home-do-job,.home-secondary { display:flex; align-items:center; gap:17px; width:100%; border-radius:16px; padding:19px 20px; text-align:left; min-width:0; min-height:88px; cursor:pointer; }
.home-do-job { background:#176b42; color:#fff; border:1px solid #176b42; box-shadow:0 8px 23px #1d6c4030; }
.home-secondary { background:#fff; border:1px solid #dce8d8; color:#224b32; }
.home-do-job>span:first-child,.home-secondary>span:first-child { display:grid; place-items:center; width:46px; height:46px; flex:0 0 46px; background:#ffffff22; border-radius:12px; font-size:27px; }
.home-secondary>span:first-child { background:#edf6e9; }
.home-do-job>span:nth-child(2),.home-secondary>span:nth-child(2) { flex:1; min-width:0; }
.home-do-job strong,.home-secondary strong { display:block; font-size:19px; font-weight:850; line-height:1.2; }
.home-do-job small,.home-secondary small { display:block; opacity:.83; font-size:12px; line-height:1.45; margin-top:5px; }
.home-do-job>b,.home-secondary>b { font-size:25px; opacity:.8; }
.add-another { margin:15px 0 24px; text-align:center; }
.add-another button { min-height:47px; border:none; background:transparent; color:#28724a; font-size:14px; font-weight:800; padding:10px 12px; cursor:pointer; }
.production-top-action { margin:12px 0 26px; }
.production-top-action .button { min-height:54px; }
.production-group { margin:0 0 24px; }
.production-group h2 { font-size:18px; color:#2d5e3b; margin:0 0 12px; }
.production-records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.production-record { display:flex; align-items:center; gap:12px; min-width:0; text-align:left; background:#fff; border:1px solid #dfe9db; border-radius:15px; padding:13px; min-height:83px; color:#234a34; cursor:pointer; }
.production-avatar { display:grid; place-items:center; background:#edf6e9; width:48px; height:48px; flex-shrink:0; border-radius:13px; font-size:25px; }
.production-record>span:nth-child(2) { flex:1; min-width:0; }
.production-record strong { display:block; font-size:15px; line-height:1.3; overflow-wrap:anywhere; }
.production-record small { display:block; color:#718373; font-size:12px; margin-top:5px; line-height:1.4; }
.production-record>b { font-size:26px; color:#81a58a; flex-shrink:0; }
.easy-job .job-question { display:block; font-size:15px; font-weight:850; color:#244e36; margin:18px 0 12px; }
.easy-job .job-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:20px; }
.job-choice { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:83px; padding:10px 8px; border:1px solid #dbe6d9; border-radius:12px; color:#375f44; font-size:12px; font-weight:800; background:#fff; cursor:pointer; line-height:1.3; text-align:center; }
.job-choice>span { font-size:25px; }
.job-choice.chosen { background:#e8f5e9; border-color:#2e8753; box-shadow:inset 0 0 0 1px #2e8753; color:#165e37; }
.job-choice:focus-visible,.production-option:focus-visible,.production-record:focus-visible,.home-do-job:focus-visible,.home-secondary:focus-visible { outline:3px solid #72ac78; outline-offset:3px; }
.easy-job .field>label { font-size:14px; font-weight:800; color:#375843; }
.easy-job .field>input,.easy-job .field>select { font-size:16px; min-height:48px; }
.easy-job #jobQuantity .quantity-input>input { min-width:0; width:100%; }
.easy-job .quantity-input>input:last-child { width:78px!important; min-width:78px; flex:0 0 78px; }
@media(max-width:760px) {
 .simple-intro { padding:4px 0 100px; }
 .production-options { grid-template-columns:minmax(0,1fr); gap:9px; }
 .production-option { min-height:81px; padding:12px; border-radius:14px; }
 .production-icon { width:46px; height:46px; font-size:26px; }
 .production-option strong { font-size:16px; }
 .simple-form { padding:16px 14px; margin-top:17px; }
 .simple-intro h1 { font-size:27px; }
 .simple-intro>p { font-size:15px; }
 .production-records { grid-template-columns:minmax(0,1fr); }
 .production-record { min-height:80px; }
 .home-do-job,.home-secondary { padding:15px; min-height:78px; gap:11px; }
 .home-do-job strong,.home-secondary strong { font-size:17px; }
 .home-do-job>span:first-child,.home-secondary>span:first-child { width:43px; height:43px; flex:0 0 43px; }
 .easy-job .job-choices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .job-choice { min-height:86px; }
 .easy-job { padding-bottom:calc(15px + env(safe-area-inset-bottom)); }
 .simple-submit { min-height:58px; }
}
@media(prefers-reduced-motion:reduce) { .production-option,.job-choice,.home-do-job { transition:none; } }