/* Libra Harvest practice app + summary report (static/js/harvest-demo.js)
   Simplified look-alike of the Libra Harvest app for practice. Not Agrimatics artwork. */

.hd-break{width:min(1120px,calc(100vw - 32px));position:relative;left:50%;transform:translateX(-50%);margin:22px 0 10px}
.hd-grid{display:grid;grid-template-columns:minmax(320px,430px) 1fr;gap:26px;align-items:start}
@media (max-width:860px){.hd-grid{grid-template-columns:1fr}}

/* ---------- the device ---------- */
.hd-device{--g:#7fc241;--g2:#5fa82a;--lcd:#c9ec9c;--lcd2:#b4e07e;--ink:#1b2a10;
  background:#111;border-radius:34px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);
  max-width:430px;margin:0 auto;width:100%}
.hd-screen{background:#f2f2f4;border-radius:24px;overflow:hidden;height:760px;display:flex;flex-direction:column;
  color:#1d1d1f;font:14px/1.35 -apple-system,system-ui,Inter,sans-serif;position:relative}
@media (max-width:480px){.hd-device{border-radius:0;padding:0;box-shadow:none;margin:0 -16px;width:auto;max-width:none}
  .hd-screen{border-radius:0;height:min(760px,calc(100svh - 130px))}}
/* phones: the combine and auger live inside the device so the weight stays in view */
.hd-strip{display:none}
@media (max-width:860px){
  .hd-strip{display:flex;gap:6px;align-items:center;padding:6px 8px;background:#fff8e6;border-top:1px solid #eadfbf;font:12px/1.2 -apple-system,system-ui,sans-serif;color:#6b5a2a}
  .hd-strip button{flex:none;background:#fff;border:1px solid #c9b37a;border-radius:6px;padding:7px 9px;font:600 12.5px/1 -apple-system,system-ui,sans-serif;color:#4a3d12;cursor:pointer}
  .hd-strip button.on{background:#c1272d;border-color:#c1272d;color:#fff}
  .hd-strip button:disabled{opacity:.45}
  .hd-strip span{margin-left:auto;font-variant-numeric:tabular-nums}
  .hd-panel .hd-field{display:none}
}
.hd-top{background:#fff;padding:10px 14px 6px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e3e6}
.hd-logo{font:600 22px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:1px;color:#3f8a1f}
.hd-logo small{display:block;font-size:10.5px;letter-spacing:3.5px;color:#7fc241;margin-top:1px}
.hd-iconbtn{background:none;border:0;color:#3f8a1f;font-size:20px;padding:4px 6px;cursor:pointer;line-height:1}
.hd-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.hd-tabs{display:grid;grid-template-columns:repeat(6,1fr);background:#fafafa;border-top:1px solid #dedee2}
.hd-tabs button{background:none;border:0;padding:7px 0 9px;font:500 10.5px/1.1 -apple-system,system-ui,sans-serif;color:#8a8a8e;cursor:pointer}
.hd-tabs button span{display:block;font-size:18px;margin-bottom:2px}
.hd-tabs button[aria-selected="true"]{color:#3f8a1f}

/* LCD */
.hd-lcd{background:linear-gradient(#cfeea6,var(--lcd2));margin:10px;border-radius:8px;padding:6px 12px 8px;color:var(--ink);position:relative}
.hd-lcd-row{display:flex;justify-content:space-between;font-size:11.5px;color:#2e4a17}
.hd-mode.flash{animation:hdflash 1s steps(2) infinite;font-weight:700}
@keyframes hdflash{50%{opacity:.15}}
.hd-big,.hd-small{font-family:"DSEG7","JetBrains Mono",monospace;font-weight:700;text-align:right;position:relative;line-height:1}
.hd-big{font-size:52px;margin:4px 0 0}
.hd-small{font-size:22px;margin-top:2px}
.hd-big i,.hd-small i{position:absolute;right:0;top:0;color:rgba(30,60,10,.08);font-style:normal}
.hd-big b,.hd-small b{position:relative;font-weight:700}
.hd-unitlbl{text-align:right;font-size:11px;color:#2e4a17;margin-top:2px}
.hd-gross{display:flex;justify-content:flex-end;align-items:baseline;gap:6px}
.hd-tgt{height:6px;background:rgba(0,0,0,.08);border-radius:3px;margin-top:6px;overflow:hidden}
.hd-tgt>div{height:100%;background:#2e4a17}

.hd-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 10px 8px}
.hd-key{background:var(--g);color:#fff;border:0;border-radius:7px;padding:10px 0;font:600 15px/1 -apple-system,system-ui,sans-serif;cursor:pointer}
.hd-key:disabled{background:#c3dfa8;cursor:default}
.hd-key.on{background:#3f8a1f}

.hd-rows{background:#fff;margin:0 10px 10px;border-radius:10px;overflow:hidden}
.hd-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #eee;cursor:pointer;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;font:inherit;color:inherit}
.hd-row:last-child{border-bottom:0}
.hd-row .ic{font-size:15px;color:#9a9aa0;text-align:center}
.hd-row .nm{color:#2a6fd6;font-weight:500}
.hd-row .sub{display:block;font-size:11.5px;color:#8a8a8e}
.hd-row .val{text-align:right;font-variant-numeric:tabular-nums}
.hd-row .val .sub{text-align:right}
.hd-bar{height:6px;width:96px;background:#e6e6ea;border-radius:3px;overflow:hidden;margin:3px 0 0 auto}
.hd-bar>div{height:100%;background:var(--g)}
.hd-bar.over>div{background:#d2402f}
.hd-mini{background:none;border:1px solid #2a6fd6;color:#2a6fd6;border-radius:6px;font-size:11.5px;padding:2px 7px;cursor:pointer;margin-left:6px}

/* lists / screens */
.hd-nav{display:flex;align-items:center;justify-content:space-between;background:var(--g);color:#fff;padding:9px 10px;font-weight:600}
.hd-nav button{background:none;border:0;color:#fff;font:600 14px/1 -apple-system,system-ui,sans-serif;cursor:pointer;padding:2px 4px}
.hd-crumb{font-size:12px;color:#6b6b70;padding:8px 12px 2px}
.hd-list{background:#fff;margin:8px 10px;border-radius:10px;overflow:hidden}
.hd-li{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid #eee}
.hd-li:last-child{border-bottom:0}
.hd-li .main{flex:1;min-width:0;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:0}
.hd-li .main b{font-weight:500}
.hd-li .main small{display:block;color:#8a8a8e;font-size:11.5px}
.hd-li .num{font-variant-numeric:tabular-nums;font-size:13px;text-align:right;color:#333}
.hd-li .chk{color:#3f8a1f;font-weight:700;width:14px}
.hd-pen{background:none;border:0;color:#2a6fd6;font-size:16px;cursor:pointer;padding:2px 4px}
.hd-empty{padding:16px;color:#8a8a8e;text-align:center}
.hd-kv{background:#fff;margin:8px 10px;border-radius:10px;padding:8px 12px}
.hd-kv div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #f0f0f0}
.hd-kv div:last-child{border-bottom:0}
.hd-kv span{color:#6b6b70}
.hd-actions{display:flex;flex-wrap:wrap;gap:8px;margin:6px 10px}
.hd-btn{background:var(--g);color:#fff;border:0;border-radius:8px;padding:9px 12px;font:600 13.5px/1 -apple-system,system-ui,sans-serif;cursor:pointer}
.hd-btn.ghost{background:#fff;color:#2a6fd6;border:1px solid #cfd6e4}
.hd-btn.danger{background:#d2402f}
.hd-sec{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#6b6b70;margin:14px 14px 0}
.hd-set{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #eee}
.hd-set:last-child{border-bottom:0}
.hd-set select,.hd-set input{font:inherit;padding:4px 6px;border:1px solid #ccc;border-radius:6px;max-width:130px}
.hd-seg{display:inline-flex;border:1px solid var(--g2);border-radius:7px;overflow:hidden}
.hd-seg button{background:#fff;border:0;padding:5px 10px;font:500 12.5px/1 -apple-system,system-ui,sans-serif;color:#3f8a1f;cursor:pointer}
.hd-seg button[aria-pressed="true"]{background:var(--g);color:#fff}
.hd-sw{width:46px;height:28px;border-radius:14px;background:#d6d6da;border:0;position:relative;cursor:pointer;flex:none}
.hd-sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
.hd-sw[aria-checked="true"]{background:var(--g)}
.hd-sw[aria-checked="true"]::after{left:21px}

/* sheet (modal inside the device) */
.hd-sheet{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;z-index:5}
.hd-sheet>div{background:#f2f2f4;width:100%;max-height:86%;overflow-y:auto;border-radius:14px 14px 0 0;padding-bottom:12px}
.hd-sheet h4{margin:0;padding:12px 14px;font:600 15px/1.2 -apple-system,system-ui,sans-serif;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e3e3e6;position:sticky;top:0}
.hd-sheet h4 button{background:none;border:0;color:#2a6fd6;font:500 14px/1 -apple-system,system-ui,sans-serif;cursor:pointer}
.hd-form{background:#fff;margin:10px;border-radius:10px;padding:4px 12px}
.hd-form label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eee;font-size:14px}
.hd-form label:last-child{border-bottom:0}
.hd-form input,.hd-form select{font:inherit;padding:5px 7px;border:1px solid #ccc;border-radius:6px;width:150px;text-align:right}
.hd-note{font-size:12px;color:#6b6b70;margin:4px 14px}
.hd-toast{position:absolute;left:12px;right:12px;bottom:70px;background:rgba(20,22,26,.92);color:#fff;padding:10px 12px;border-radius:10px;font-size:13px;z-index:6;animation:hdin .2s}
@keyframes hdin{from{opacity:0;transform:translateY(6px)}}

/* the app's export email */
.hd-mail{background:#fff;margin:10px;border-radius:10px;padding:10px 12px}
.hd-mail-h b{font-size:17px;line-height:1.25;display:block;margin-bottom:6px}
.hd-mail-f{display:flex;gap:8px;align-items:center;border-bottom:1px solid #eee;padding:7px 0;font-size:13.5px;color:#1d1d1f}
.hd-mail-f span{color:#8a8a8e}
.hd-mail-f input{flex:1;border:0;font:inherit;outline:none;min-width:0}
.hd-mail-t{width:100%;border-collapse:collapse;margin:8px 0 6px;font-size:13.5px}
.hd-mail-t th{text-align:left;font-weight:700;padding:6px 0;border-bottom:1px solid #eee}
.hd-mail-t th:last-child,.hd-mail-t td:last-child{text-align:right;white-space:nowrap;padding-left:10px}
.hd-mail-t td{padding:7px 0;border-bottom:1px solid #f2f2f2;vertical-align:top}
.hd-attach{background:#f2f2f4;border:1px solid #dedee2;border-radius:8px;padding:8px 10px;font:500 13px/1 -apple-system,system-ui,sans-serif;color:#2a6fd6;cursor:pointer}

/* ---------- the practice panel (site styling) ---------- */
.hd-panel{border:1px solid var(--edge);background:var(--bone);padding:16px 18px}
.hd-panel h2{margin:0 0 4px;font-size:22px}
.hd-panel h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:18px 0 8px}
.hd-field{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hd-field .btn,.hd-field button{width:100%}
.hd-sim{background:var(--paper);border:1px solid var(--edge);color:var(--ink);padding:11px 10px;font:500 14px/1.2 Inter,system-ui,sans-serif;cursor:pointer;text-align:left}
.hd-sim b{display:block;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:500;margin-bottom:3px}
.hd-sim.on{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}
.hd-sim:disabled{opacity:.45;cursor:default}
.hd-cartgauge{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--dim);margin:8px 0 0}
.hd-cartgauge div{height:8px;background:var(--hair);margin-top:4px}
.hd-cartgauge div>span{display:block;height:100%;background:var(--ink)}
.hd-steps{list-style:none;padding:0;margin:0;counter-reset:s}
.hd-steps li{counter-increment:s;padding:9px 0 9px 36px;position:relative;border-top:1px solid var(--hair)}
.hd-steps li::before{content:counter(s);position:absolute;left:0;top:9px;width:24px;height:24px;border:1px solid var(--edge);border-radius:50%;
  font:500 12px/22px "JetBrains Mono",monospace;text-align:center;color:var(--dim);background:var(--paper)}
.hd-steps li.done::before{content:"✓";background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hd-steps li.now{font-weight:600}
.hd-steps li.now::before{border-color:var(--red);color:var(--red)}
.hd-steps li small{display:block;font-weight:400;color:var(--dim);font-size:13.5px;line-height:1.45}
.hd-steps li.done small{display:none}
.hd-progress{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--dim)}
.hd-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}

/* ---------- summary report ---------- */
.hr-bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);margin:10px 0 18px}
.hr-bar label{font-size:13px;color:var(--dim);display:flex;gap:6px;align-items:center}
.hr-bar select{font:inherit;font-size:14px;padding:5px 8px;border:1px solid var(--edge);background:var(--paper);color:var(--ink)}
.hr-seg{display:inline-flex;border:1px solid var(--edge)}
.hr-seg button{background:var(--paper);color:var(--text);border:0;padding:6px 11px;font:500 13px/1 Inter,system-ui,sans-serif;cursor:pointer}
.hr-seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.hr-bar .grow{flex:1}
.hr-btn2{font:500 13.5px/1 Oswald,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:13px 18px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);cursor:pointer}
.hr-btn2:hover{background:var(--ink);color:var(--paper)}
.hr-bar .btn{border:0;cursor:pointer}
.hr-doc{border:1px solid var(--edge);padding:22px 24px;background:var(--paper)}
.hr-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:16px}
.hr-head h2{margin:0;font-size:26px}
.hr-head p{margin:2px 0 0;color:var(--dim);font-size:13.5px}
.hr-meta{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--dim);text-align:right}
.hr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 20px}
.hr-tile{border:1px solid var(--hair);padding:10px 12px;background:var(--bone)}
.hr-tile span{display:block;font-size:12px;color:var(--dim)}
.hr-tile b{font-family:"JetBrains Mono",monospace;font-size:22px;font-weight:500;color:var(--ink)}
.hr-tile small{color:var(--dim);font-size:12px}
.hr-doc h3{font-size:14px;letter-spacing:.07em;text-transform:uppercase;margin:24px 0 6px}
.hr-scroll{overflow-x:auto;margin:0 0 6px}
table.hr-t{display:table;width:100%;max-width:none;border-collapse:collapse;font-size:13.5px;margin:0;min-width:640px}
.hr-t th,.hr-t td{padding:6px 8px;border-bottom:1px solid var(--hair);text-align:right;white-space:nowrap}
.hr-t th{font:500 11px/1.2 "JetBrains Mono",monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--edge)}
.hr-t th:first-child,.hr-t td:first-child,.hr-t td.l,.hr-t th.l{text-align:left}
.hr-t td{font-variant-numeric:tabular-nums}
.hr-t tr.g td{font-weight:600;color:var(--ink);background:var(--bone)}
.hr-t tr.f td:first-child{padding-left:22px;color:var(--dim)}
.hr-t tr.fld td:first-child{padding-left:38px}
.hr-t tr.tot td{font-weight:700;border-top:2px solid var(--ink);color:var(--ink)}
.hr-chart{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:6px 0 4px}
.hr-chart h4{font:500 13px/1.2 Inter,system-ui,sans-serif;margin:0 0 8px;color:var(--ink)}
.hr-b{display:grid;grid-template-columns:110px 1fr 64px;gap:8px;align-items:center;font-size:13px;margin:6px 0;position:relative}
.hr-b .tr{height:14px;background:var(--hair);position:relative}
.hr-b .tr>span{position:absolute;left:0;top:0;bottom:0;background:var(--ink);border-radius:0 4px 4px 0;opacity:.82}
.hr-b:hover .tr>span{opacity:1}
.hr-b .v{font-family:"JetBrains Mono",monospace;font-size:12.5px;text-align:right;color:var(--ink)}
.hr-b .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-foot{font-size:12.5px;color:var(--dim);margin-top:18px;border-top:1px solid var(--hair);padding-top:10px}
.hr-sample{display:inline-block;font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--red);color:var(--red);padding:4px 7px;margin-bottom:8px}
@media print{
  .site-head,.site-foot,footer,.hr-bar,.hd-noprint,.crumbs,.lede,.source-note,#agent,.agent-btn,nav,.ask{display:none!important}
  .hd-break{width:auto;left:0;transform:none}
  .hr-doc{border:0;padding:0}
  .hr-t{min-width:0;font-size:11px}
  body{background:#fff;color:#000}
}