/* किसान मंडी — साझा स्टाइल। रंग/माप design_handoff_kisan_mandi/README.md से। */
:root{
  --green:#1E4D34; --green-d:#17402B; --gold:#C8891B; --gold-d:#7A5310; --gold-l:#F0C078;
  --app:#FBF7EF; --desk:#F3EEDF; --card:#FFFFFF; --backdrop:#E6DCC8;
  --warm:#FFF9EC; --warm-bd:#EBD9B4;
  --tx:#24201A; --tx2:#6E6558; --tx3:#7A7062; --tx4:#8C8272; --lbl:#9A9081;
  --bd:#E7DCC7; --hair:#F0E8D8; --dash:#D6C9AC; --ctrl:#D8CBB0;
  --ok:#E4EFE6; --warn:#F5EBD7; --dgr:#A33322; --dgr-bg:#F7E4E0; --dgr-bd:#E8C6BE; --dgr-h:#8C2B1C;
  --neu:#EDE7DA; --neu-tx:#5C5344;
  --serif:'Tiro Devanagari Hindi',Georgia,serif;
  --sans:'Noto Sans Devanagari',system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--sans);color:var(--tx);background:var(--app);-webkit-text-size-adjust:100%}
button,input,select{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--green)}
a:hover{color:var(--green-d)}
.num{font-family:var(--serif);line-height:1.05}
.card{background:var(--card);border:1px solid var(--bd);border-radius:15px;padding:17px}
.warmcard{background:var(--warm);border:1px solid var(--warm-bd);border-radius:15px;padding:17px}
.lbl{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--lbl);font-weight:600}
.muted{color:var(--tx3);font-size:13px}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stack{display:flex;flex-direction:column}
.btn{min-height:50px;border:none;border-radius:13px;background:var(--green);color:#FBF7EF;font-size:16px;font-weight:700;padding:0 18px;width:100%;transition:background .12s}
.btn:hover{background:var(--green-d)}
.btn[disabled]{background:#DDD4C1;color:#9A9081;cursor:not-allowed}
.btn.ghost{background:transparent;border:1px solid var(--ctrl);color:var(--tx)}
.btn.ghost:hover{background:#F1E9D8}
.btn.gold{background:var(--gold)}
.btn.gold:hover{background:var(--gold-d)}
.btn.danger{background:transparent;border:1px solid var(--dgr-bd);color:var(--dgr)}
.btn.danger:hover{background:var(--dgr-bg)}
.btn.sm{min-height:40px;font-size:14px;border-radius:11px;width:auto}
.chip{display:inline-block;padding:4px 9px;border-radius:6px;font-size:12.5px;font-weight:600;background:var(--warn);color:var(--gold-d)}
.chip.ok{background:var(--ok);color:var(--green)}
.chip.bad{background:var(--dgr-bg);color:var(--dgr)}
.chip.neutral{background:var(--neu);color:var(--neu-tx)}
.pill{border:1px solid rgba(243,238,223,.35);border-radius:999px;min-height:34px;padding:0 13px;background:transparent;color:#F3EEDF;font-size:13px}
.pill:hover{background:rgba(255,255,255,.08)}
.stepper{display:flex;align-items:center;gap:12px}
.stepper button{width:52px;height:52px;border:1px solid var(--ctrl);background:#fff;border-radius:12px;font-size:22px;line-height:1}
.stepper button:hover{background:#F1E9D8}
.stepper .val{font-family:var(--serif);font-size:32px;min-width:96px;text-align:center}
.field{width:100%;min-height:48px;border:1px solid var(--ctrl);border-radius:11px;padding:0 13px;background:#fff;font-size:16px}
.field:focus{outline:2px solid var(--green);outline-offset:-2px}
.hair{height:1px;background:var(--hair);margin:12px 0}
.err{background:var(--dgr-bg);border:1px solid var(--dgr-bd);color:var(--dgr-h);border-radius:11px;padding:11px 13px;font-size:13.5px}
.note{font-size:12.5px;color:var(--tx3);line-height:1.5}
.striped{background:repeating-linear-gradient(135deg,#FBF7EF 0 9px,#F3EEDF 9px 18px);border:1px dashed var(--dash);border-radius:12px}
.hd{background:var(--green);color:#F3EEDF}
.spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(30,77,52,.25);border-top-color:var(--green);border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px}
@keyframes sp{to{transform:rotate(360deg)}}
@media print{.noprint{display:none!important}body{background:#fff}}