:root{--g:#2f5d3a;--g2:#244a2e;--gold:#d9a441;--cream:#faf6ec;--ink:#2b2a26;--red:#c0392b;--org:#e08a1e;--ok:#2e8b4a;--line:#e3dcc6}
*{box-sizing:border-box}
body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:var(--cream);
background-image:radial-gradient(circle at 10% 0%,#efe3c2 0,transparent 40%),repeating-linear-gradient(135deg,transparent 0 22px,rgba(47,93,58,.035) 22px 23px)}
header{background:linear-gradient(120deg,var(--g2),var(--g));color:#fff;padding:22px 16px 30px;border-bottom:5px solid var(--gold)}
.wrap{max-width:1280px;margin:auto;padding:0 12px}
h1{margin:0;font-weight:900;font-size:clamp(22px,4vw,36px)}
.sub{opacity:.8;font-weight:300}
.doc{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:14px}
.card-doc{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.9}
.card-doc a{color:#ffe2a3}
.btn{font-family:inherit;border:0;border-radius:10px;padding:9px 16px;cursor:pointer;font-weight:700;font-size:14px}
.b-gold{background:var(--gold);color:#2b2a26}.b-green{background:var(--g);color:#fff}.b-ghost{background:#fff;color:var(--g);border:1px solid var(--g)}
.btn:hover{filter:brightness(1.07)}
.grid2{display:grid;grid-template-columns:430px 1fr;gap:16px;margin-top:-14px}
@media(max-width:980px){.grid2{grid-template-columns:1fr}}
details.sec{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:16px;box-shadow:0 4px 14px rgba(60,50,20,.06);animation:up .5s both}
details.sec>summary{list-style:none;cursor:pointer;padding:12px 16px;font-weight:800;font-size:17px;color:var(--g);border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}
details.sec>summary::-webkit-details-marker{display:none}
.n{background:var(--gold);color:#fff;border-radius:50%;width:26px;height:26px;display:inline-grid;place-items:center;font-size:13px;flex-shrink:0}
.body{padding:14px 16px}
@keyframes up{from{opacity:0;transform:translateY(12px)}}
label{display:block;font-size:13px;color:#6b6553;margin-bottom:3px}
input,select{font-family:inherit;font-size:16px;width:100%;padding:8px 10px;border:1px solid #d8cfb4;border-radius:10px;background:#fffdf7}
input:focus,select:focus{outline:2px solid var(--gold);border-color:transparent}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.animals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.animals button{font-family:inherit;border:2px solid var(--line);background:#fffdf7;border-radius:14px;padding:10px 4px;cursor:pointer;font-size:15px;font-weight:700}
.animals button span{display:block;font-size:30px}
.animals button.on{border-color:var(--g);background:#e8f0e6;color:var(--g)}
.tog{display:flex;gap:6px}.tog button{flex:1;font-family:inherit;padding:7px;border:1px solid #d8cfb4;background:#fff;border-radius:9px;cursor:pointer}
.tog button.on{background:var(--g);color:#fff;border-color:var(--g)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{background:#f1ead6;color:#4a4430;font-weight:700;padding:7px 6px;text-align:center;white-space:nowrap}
td{padding:6px;border-bottom:1px solid #efe8d4;text-align:center}
td:first-child{text-align:right}
tfoot td{font-weight:800;background:#faf4e2}
.tw{overflow-x:auto}
td input{font-size:14px;padding:4px 6px;min-width:58px;text-align:center}
.step{display:flex;align-items:center;gap:4px;justify-content:center}.step button{border:0;background:#efe6cc;border-radius:7px;width:28px;height:30px;cursor:pointer;font-weight:900}
.step input{width:80px}
.bar{height:14px;background:#f0ebdc;border-radius:8px;overflow:hidden;position:relative}
.bar i{display:block;height:100%;border-radius:8px;transition:width .4s}
.bar b{position:absolute;top:0;bottom:0;width:2px;background:#2b2a26;opacity:.35}
.nut{display:grid;grid-template-columns:120px 1fr 130px;gap:10px;align-items:center;margin:8px 0;font-size:14px}
.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:700;color:#fff}
.t-r{background:var(--red)}.t-o{background:var(--org)}.t-g{background:var(--ok)}
.c-r{background:#fbe3df}.c-o{background:#fdeed6}.c-g{background:#e2f2e6}
.empty{text-align:center;color:#8a8370;padding:18px}
.cat{background:#f7f2e2;font-weight:800;color:var(--g);text-align:right!important}
.muted{color:#8a8370;font-size:12px}
.chip{display:inline-flex;gap:4px;align-items:center;background:#e8f0e6;color:var(--g);border-radius:20px;padding:3px 10px;font-size:13px;margin:2px}
.tabs{display:flex;gap:6px;margin-bottom:10px}
.tabs button{font-family:inherit;flex:1;padding:9px;border-radius:10px;border:1px solid var(--line);background:#fffdf7;cursor:pointer;font-weight:700}
.tabs button.on{background:var(--g);color:#fff}
.expl li{margin:6px 0;padding:8px 10px;background:#fffaf0;border-right:4px solid var(--gold);border-radius:8px;line-height:1.9}
.tech li{border-right-color:var(--g);font-size:13px;direction:rtl}
.mono{font-family:ui-monospace,Consolas,monospace;direction:ltr;unicode-bidi:embed}
.ok-banner{background:#e2f2e6;color:var(--ok);font-weight:800;border-radius:10px;padding:8px 12px;margin:8px 0}
.warn{background:#fdeed6;border-right:4px solid var(--org);padding:8px 10px;border-radius:8px;margin:5px 0;font-size:13.5px}
.bad{background:#fbe3df;border-right:4px solid var(--red)}
footer{text-align:center;padding:24px;color:#6b6553;font-size:13px}
footer a{color:var(--g)}
.printonly{display:none}
@media print{
 body{background:#fff}
 .noprint,.animals button:not(.on),.tog button:not(.on),.step button,.tabs{display:none!important}
 .tabhide{display:block!important}
 header{background:#fff;color:#000;border-bottom:2px solid #000;padding:8px}
 .card-doc{border:1px solid #000;color:#000}.card-doc a{color:#000}
 .grid2{display:block;margin:0}
 details.sec{box-shadow:none;border:1px solid #999;break-inside:avoid;animation:none}
 input,select{border:0;background:none;padding:0;font-size:12px;-webkit-appearance:none;appearance:none}
 th{background:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 td,th{border:1px solid #999}
 .bar i,.tag,.c-r,.c-o,.c-g{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .printonly{display:block!important}
 @page{size:A4;margin:12mm}
}