:root{--g:#2e7d32;--g2:#1b5e20;--bg:#f4f7f2;--card:#fff;--tx:#1d2a1f;--mut:#6b7a6d;--bd:#dfe6dc;--red:#c62828;--am:#b26a00}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx);font-family:'Noto Sans Bengali',system-ui,sans-serif;font-size:16px}
.center{text-align:center}.pad{padding:24px}.mut{color:var(--mut)}small{color:var(--mut)}
button,input,select,textarea{font:inherit}
.btn{background:var(--g);color:#fff;border:0;border-radius:10px;padding:0 16px;min-height:44px;font-weight:600;cursor:pointer}
.btn:disabled{opacity:.6}.btn.ghost{background:#fff;color:var(--g2);border:1px solid var(--bd)}.btn.sm{min-height:36px;padding:0 10px}
label{display:block;margin:10px 0;font-size:14px;color:var(--mut)}
label input,label select,label textarea,.search{display:block;width:100%;margin-top:4px;min-height:44px;padding:8px 12px;border:1px solid var(--bd);border-radius:10px;background:#fff;color:var(--tx)}
label.chk{display:flex;gap:8px;align-items:center;color:var(--tx)}label.chk input{width:22px;min-height:22px;margin:0}
.search{margin:8px 0 12px}
/* auth */
.auth{max-width:440px;margin:0 auto;padding-bottom:32px}
.hero{height:150px;background:#2e7d32 center/cover;position:relative}
.hero img{display:none}
.brand{text-align:center;margin-top:-44px;position:relative}
.brand img.logo{width:88px;height:88px;border-radius:50%;border:4px solid #fff;background:#fff;object-fit:cover}
.brand .wm{display:block;margin:6px auto 0;max-width:220px;max-height:50px;object-fit:contain}
.tag{text-align:center;color:var(--g2);font-weight:600;font-size:14px;margin:6px 16px 0}
.panel{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;margin:16px}
.tabs{display:flex;gap:6px;margin-bottom:8px}.tabs button{flex:1;min-height:40px;border:1px solid var(--bd);background:#fff;border-radius:10px}
.tabs button.on{background:var(--g);color:#fff;border-color:var(--g)}
.link{background:none;border:0;color:var(--g2);text-decoration:underline;padding:8px 0;cursor:pointer}
.err{color:var(--red)}.empty{text-align:center;color:var(--mut);padding:28px 8px}
/* shell */
nav.side{display:none;background:#fff;border-bottom:1px solid var(--bd)}
nav.side.open{display:block}
nav.side a.on{background:#e8f3e6;color:var(--g2)}
main{padding:14px;max-width:1100px;margin:0 auto}
.bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.bar h2{margin:6px 0;font-size:20px}
/* cards */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px}
.card .l{font-size:12px;color:var(--mut)}.card .v{font-size:19px;font-weight:700;margin-top:4px;word-break:break-word}
.card.hi{border-color:var(--g);background:#eef7ec}.card.neg .v{color:var(--red)}
h3.sec{margin:18px 0 4px;font-size:15px;color:var(--g2)}
.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--bd);border-radius:12px}
table{border-collapse:collapse;width:100%;min-width:520px}
th,td{padding:10px;text-align:left;border-bottom:1px solid var(--bd);font-size:14px;white-space:nowrap}
th{background:#f0f5ee;color:var(--mut);font-size:12px}
.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;background:#e8f3e6;color:var(--g2)}.badge.low{background:#fdeaea;color:var(--red)}
/* modal */
.modal{position:fixed;inset:0;background:#0007;z-index:50;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:#fff;width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;border-radius:16px 16px 0 0}
.sheet-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bd)}
.sheet-h .x{border:0;background:none;font-size:20px}
.sheet-b{padding:4px 16px 8px;overflow:auto}.sheet-f{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--bd)}.sheet-f .btn{flex:1}
#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:99;display:flex;flex-direction:column;gap:6px;width:90%;max-width:420px}
#toast div{background:var(--g2);color:#fff;padding:12px 14px;border-radius:10px;box-shadow:0 4px 14px #0003}#toast div.err{background:var(--red);color:#fff}
@media(min-width:760px){.grid{grid-template-columns:repeat(4,1fr)}.modal{align-items:center}.sheet{border-radius:16px}
 nav.side{display:flex;flex-wrap:wrap}nav.side a{border:0;padding:12px 16px}header.top #menu{display:none}}
.box{background:#fff;border:1px solid var(--bd);border-radius:12px;padding:14px;margin:12px 0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ln{border:1px dashed var(--bd);border-radius:10px;padding:8px;margin:8px 0}
.sum{background:#eef7ec;border-radius:10px;padding:10px;margin:8px 0;font-size:14px}
.sum div{display:flex;justify-content:space-between;gap:8px;padding:2px 0}
.hint{background:#fff8e1;color:#7a5200;border-radius:10px;padding:10px;margin:10px 0;font-size:14px}
.btnrow{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
/* invoice */
.modal.inv{align-items:flex-start;overflow:auto}
.inv .sheet{max-width:820px;max-height:none;border-radius:12px;margin:10px}
.invoice-paper{background:#fff;padding:18px;color:#173a2c;font-family:Arial,'Noto Sans Bengali',sans-serif;font-size:13px}
.invoice-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:5px solid #72c51b;padding-bottom:10px;gap:8px}
.invoice-brand{display:flex;gap:10px;align-items:center}.invoice-brand img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.invoice-brand h1{font-size:24px;margin:0;color:#064b32}.invoice-brand p{margin:2px 0 0;color:#6b7280}
.invoice-title{text-align:right;font-size:22px;font-weight:800;color:#0a633f}.invoice-title small{display:block;font-size:12px;font-weight:400;color:#666;margin-top:4px}
.invoice-bar{background:#064b32;color:#fff;padding:8px 10px;font-weight:700;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}
.invoice-info{display:grid;grid-template-columns:1fr;border:1px solid #d8dfd9;border-top:0}
.invoice-info>div{padding:6px 10px;border-bottom:1px solid #d8dfd9}
.invoice-info label{display:inline-block;width:118px;font-weight:700;color:#52665d;margin:0;font-size:13px}
.invoice-table{width:100%;min-width:0;border-collapse:collapse;margin-top:10px}
.invoice-table th{background:#087143;color:#fff;padding:7px;text-align:left;font-size:12px}
.invoice-table td{padding:7px;border-bottom:1px solid #d4ddd7;white-space:normal}
.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){width:34px;text-align:center}
.invoice-table th:nth-child(n+3),.invoice-table td:nth-child(n+3){text-align:right}
.invoice-bottom{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
.invoice-words{border:1px solid #d8dfd9;padding:10px;min-height:70px}
.invoice-summary{border:1px solid #d8dfd9}.invoice-summary div{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid #d8dfd9}
.invoice-summary .total{background:#087143;color:#fff;font-weight:800}
.invoice-note{margin-top:14px}.invoice-sign{display:flex;justify-content:space-between;margin-top:46px;gap:16px}
.invoice-sign div{width:45%;border-top:1px solid #555;padding-top:5px}
.invoice-thanks{margin-top:24px;background:#e8f4e8;text-align:center;padding:8px;color:#48705e}
.invoice-actions{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--bd)}
@media(min-width:700px){.invoice-info{grid-template-columns:1fr 1fr}.invoice-bottom{grid-template-columns:1.6fr .9fr}.invoice-paper{padding:30px}}
@media print{
 body{background:#fff}#app,#toast,.no-print{display:none!important}
 .modal{position:static;background:none;display:block}.inv .sheet{box-shadow:none;margin:0;max-width:none}
 .invoice-paper{padding:0}
}

/* ===== header (all roles) ===== */
header.top{position:sticky;top:0;z-index:20;background:var(--g2);color:#fff;display:flex;align-items:center;gap:8px;padding:8px 10px;box-shadow:0 1px 0 #00000014}
header.top .brand-h{display:flex;align-items:center;gap:8px;min-width:0}
header.top .brand-h img{width:32px;height:32px;border-radius:50%;background:#fff;object-fit:cover;flex:none}
header.top .brand-h b{font-size:16px;font-weight:700;white-space:nowrap;letter-spacing:.1px}
header.top .who{margin-left:auto;text-align:right;line-height:1.25;min-width:0}
header.top .who b{display:block;font-size:12.5px;font-weight:600;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header.top .who span{font-size:11px;opacity:.78}
header.top .hb{background:transparent;border:0;color:#fff;border-radius:10px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer}
header.top .hb:hover,header.top .hb:active{background:#ffffff1f}
header.top .hb.sub{opacity:.72;width:36px}
nav.side a{display:flex;align-items:center;gap:10px;padding:13px 16px;color:var(--tx);text-decoration:none;border-bottom:1px solid var(--bd);font-weight:600;font-size:15px}
nav.side a .ic{color:var(--mut);flex:none}nav.side a.on .ic{color:var(--g2)}
.ic{display:inline-block;vertical-align:middle;flex:none}
@media(max-width:420px){header.top .brand-h img{display:none}header.top .brand-h b{font-size:15px}header.top .who b{max-width:92px}}

/* ===== dashboard: Business Control Center ===== */
.dash{--amb:#a35f00;--ambbg:#fff4dc;--redbg:#fdecec;--blu:#1d5fa8;--blubg:#e8f0fb;--grnbg:#e8f3e6;
 display:grid;grid-template-columns:1fr;gap:12px;max-width:1100px;margin:0 auto}
.dash>*{min-width:0}
.d-top h1{margin:2px 0 0;font-size:24px;font-weight:700;letter-spacing:-.2px}
.d-greet{margin:2px 0 0;font-size:15px;color:var(--tx)}.d-top small{color:var(--mut);font-size:12.5px}
.d-card{background:#fff;border:1px solid var(--bd);border-radius:12px;padding:14px;box-shadow:0 1px 2px #1b5e200a}
.d-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.d-h h3{margin:0;font-size:15px;font-weight:600;flex:1}
.d-hi{width:28px;height:28px;border-radius:8px;background:var(--grnbg);color:var(--g2);display:inline-flex;align-items:center;justify-content:center;flex:none}
.d-link{display:inline-flex;align-items:center;gap:4px;color:var(--g2);font-weight:600;font-size:12.5px;text-decoration:none;white-space:nowrap}
.d-link:hover{text-decoration:underline}
.d-empty{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:13.5px;margin:6px 0;text-align:left}
.mut{color:var(--mut);font-size:12.5px}
.pos{color:var(--g2)}.dash .neg{color:var(--red)}
/* today */
.d-today{display:grid;grid-template-columns:1fr;gap:10px}
.d-main{background:var(--g2);color:#fff;border-radius:12px;padding:16px}
.d-main-l{display:flex;align-items:center;gap:8px;font-size:13.5px;opacity:.9}
.d-main-v{font-size:32px;font-weight:700;line-height:1.15;margin:6px 0 4px;letter-spacing:-.4px;word-break:break-word}
.d-main-s{font-size:13px;opacity:.85}
.d-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.d-mini{background:#fff;border:1px solid var(--bd);border-radius:12px;padding:12px;min-width:0}
.d-ml{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut)}
.d-mv{font-size:19px;font-weight:700;margin:4px 0 2px;word-break:break-word}.d-ms{font-size:12px;color:var(--mut)}
/* quick actions */
.d-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}
.d-act-b{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;background:#fff;border:1px solid var(--bd);border-radius:12px;color:var(--g2);text-decoration:none;font-size:12px;font-weight:600;text-align:center;line-height:1.2;transition:background .15s,transform .1s}
.d-act-b:hover{background:var(--grnbg)}.d-act-b:active{transform:scale(.97)}
.d-plus{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--grnbg);display:inline-flex;align-items:center;justify-content:center}
/* alerts */
.d-alerts{display:flex;flex-direction:column;gap:8px}
.d-alert{display:flex;gap:10px;padding:10px;border-radius:10px;border:1px solid transparent}
.d-alert .d-at{font-size:13.5px;font-weight:600;line-height:1.35}
.d-ai{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#fff}
.d-alert.red{background:var(--redbg);border-color:#f3c4c4}.d-alert.red .d-ai{color:var(--red)}
.d-alert.amber{background:var(--ambbg);border-color:#f0d9a6}.d-alert.amber .d-ai{color:var(--amb)}
.d-alert.blue{background:var(--blubg);border-color:#c7d9f1}.d-alert.blue .d-ai{color:var(--blu)}
.d-alert.green{background:#f3f8f1;border-color:#dcebd8}.d-alert.green .d-ai{color:var(--g)}
.d-alert.green .d-at{font-weight:500;color:var(--mut)}
/* overview kpis */
.d-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.d-kpi{border:1px solid var(--bd);border-radius:10px;padding:10px;min-width:0}
.d-kl{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)}
.d-ki{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--grnbg);color:var(--g2);flex:none}
.d-ki.red{background:var(--redbg);color:var(--red)}.d-ki.amber{background:var(--ambbg);color:var(--amb)}
.d-kv{font-size:18px;font-weight:700;margin-top:6px;word-break:break-word}.d-ks{font-size:11.5px;color:var(--mut);margin-top:2px}
/* chart */
.d-seg{display:inline-flex;background:#eef3ec;border-radius:9px;padding:2px}
.d-seg button{border:0;background:transparent;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--mut);cursor:pointer;min-height:30px}
.d-seg button.on{background:#fff;color:var(--g2);box-shadow:0 1px 2px #0002}
.d-leg{display:flex;gap:14px;font-size:12px;color:var(--mut);margin-bottom:4px}
.d-leg i{display:inline-block;width:16px;height:0;border-top:3px solid var(--g2);vertical-align:middle;margin-right:5px}
.d-leg i.p{border-top:3px dashed #6aae3d}
.d-svg{width:100%;height:auto;display:block;touch-action:pan-y}
.d-grid{stroke:#e3eadf;stroke-width:1}.d-zero{stroke:#b7c4b3;stroke-width:1}
.d-ax{font-size:9.5px;fill:#6b7a6d}
.d-area{fill:#2e7d3214}.d-ls{fill:none;stroke:var(--g2);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.d-lp{fill:none;stroke:#6aae3d;stroke-width:2.2;stroke-dasharray:5 4;stroke-linejoin:round;stroke-linecap:round}
.d-ds{fill:var(--g2)}.d-dp{fill:#6aae3d}.d-guide{stroke:#9db39a;stroke-width:1;stroke-dasharray:3 3}
.d-read{font-size:12.5px;color:var(--mut);min-height:20px;margin-top:4px}
/* stock */
.d-stats,.d-due{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.d-due{grid-template-columns:1fr 1fr;margin:10px 0 0}
.d-stats>div,.d-due>div{background:#f6f9f4;border-radius:10px;padding:9px;min-width:0}
.d-stats small,.d-due small{display:block;font-size:11.5px;color:var(--mut)}
.d-stats b,.d-due b{display:block;font-size:14.5px;margin-top:2px;word-break:break-word}
.d-stats .neg b{color:var(--red)}
.d-list{display:flex;flex-direction:column}
.d-li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid var(--bd)}
.d-li b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}.d-li small{color:var(--mut);font-size:12px}
.d-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:600;text-decoration:none;white-space:nowrap;flex:none}
.d-chip.red{background:var(--redbg);color:var(--red)}.d-chip.amber{background:var(--ambbg);color:var(--amb)}.d-chip.green{background:var(--grnbg);color:var(--g2)}
/* money */
.d-total{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.d-total small{color:var(--mut);font-size:12.5px}.d-total b{font-size:22px;font-weight:700}.d-total b.red{color:var(--red)}.d-total b.green{color:var(--g2)}
.d-rows{display:flex;flex-direction:column}
.d-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--bd);font-size:13.5px}
.d-row:first-child{border-top:0}
.d-rl{display:flex;align-items:center;gap:7px;color:var(--tx);min-width:0}.d-rl .ic{color:var(--blu)}
.d-rl em{font-style:normal;font-size:11px;font-weight:600;color:var(--red);background:var(--redbg);padding:1px 7px;border-radius:99px}
.d-row.neg b{color:var(--red)}.d-row.hi{background:#f3f8f1;margin:0 -6px;padding:9px 6px;border-radius:8px;border-top:0}.d-row b{white-space:nowrap}
/* facebook pipeline */
.d-pipe{display:flex;align-items:stretch;gap:2px}
.d-step{flex:1;min-width:0;text-align:center;border-radius:10px;padding:9px 2px;background:#f6f9f4}
.d-step b{display:block;font-size:18px}.d-step small{font-size:10.5px;color:var(--mut)}
.d-step.amber{background:var(--ambbg)}.d-step.amber b{color:var(--amb)}
.d-step.blue{background:var(--blubg)}.d-step.blue b{color:var(--blu)}
.d-step.green{background:var(--grnbg)}.d-step.green b{color:var(--g2)}
.d-step.red{background:var(--redbg)}.d-step.red b{color:var(--red)}
.d-sep{display:flex;align-items:center;color:#9aa89a}
/* activity */
.d-acts-l{display:flex;flex-direction:column}
.d-act{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--bd)}.d-act:first-child{border-top:0}
.d-act .d-ai{width:30px;height:30px;background:var(--grnbg);color:var(--g2)}
.d-act .d-ai.blue{background:var(--blubg);color:var(--blu)}.d-act .d-ai.amber{background:var(--ambbg);color:var(--amb)}
.d-act-t{flex:1;min-width:0;font-size:13.5px;line-height:1.3}.d-act-t small{color:var(--mut);font-size:11.5px}.d-act>b{font-size:13.5px;white-space:nowrap}
/* partners */
.d-partners{display:grid;gap:10px}
.d-partner{border:1px solid var(--bd);border-radius:10px;padding:10px}
.d-pn{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.d-pg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.d-pg small{display:block;font-size:11.5px;color:var(--mut)}.d-pg b{font-size:13.5px}.d-pg b.red{color:var(--red)}.d-pg b.green{color:var(--g2)}
/* daily table */
.d-table{overflow-x:auto;border:1px solid var(--bd);border-radius:10px}
.d-table table{min-width:0;width:100%}
.d-table th,.d-table td{padding:8px 9px;font-size:12.5px;white-space:nowrap}
.d-table td:not(:first-child),.d-table th:not(:first-child){text-align:right}
.d-table tbody tr:last-child td{border-bottom:0}
@media(min-width:760px){
 .dash{grid-template-columns:1fr 1fr;gap:14px}.d-span2{grid-column:1 / -1}
 .d-today{grid-template-columns:1.25fr 1fr}.d-main-v{font-size:36px}.d-side{grid-template-columns:1fr}
 .d-kpis{grid-template-columns:1fr 1fr}.d-partners{grid-template-columns:1fr}
}
@media(min-width:1000px){.d-side{grid-template-columns:1fr 1fr}.d-today{grid-template-columns:1.2fr 1.4fr}.d-kv{font-size:20px}}
@media(max-width:380px){.d-main-v{font-size:28px}.d-mv{font-size:17px}.d-stats b{font-size:13px}.d-step b{font-size:16px}}

/* ===== forms: calmer numbers, searchable selects, visual sections ===== */
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ss-wrap{position:relative}
.ss-native{position:absolute!important;left:0;bottom:0;width:100%!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
label .ss-in{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7a6d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:36px}
label .ss-in.ss-bad{border-color:var(--red);box-shadow:0 0 0 2px #c6282822}
.ss-list{position:absolute;z-index:40;left:0;right:0;top:100%;margin-top:4px;max-height:260px;overflow-y:auto;background:#fff;border:1px solid var(--bd);border-radius:10px;box-shadow:0 8px 24px #0f2a1a29;-webkit-overflow-scrolling:touch}
.ss-opt{padding:11px 12px;font-size:14.5px;color:var(--tx);cursor:pointer;border-bottom:1px solid #eef2ec;line-height:1.35}
.ss-opt:last-child{border-bottom:0}.ss-opt.act{background:#e8f3e6}.ss-opt.sel{font-weight:700;color:var(--g2)}
.ss-none{padding:12px;color:var(--mut);font-size:14px}
.box.stack{background:#f4f8f2;padding:12px}
.fsec{background:#fff;border:1px solid var(--bd);border-radius:12px;margin:12px 0;box-shadow:0 1px 2px #1b5e200d}
.fsec-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#eaf3e7;border-bottom:1px solid var(--bd);border-radius:12px 12px 0 0;color:var(--g2)}
.fsec-h b{font-size:14.5px}.fsec-h small{flex-basis:100%;margin-left:30px;margin-top:-4px}
.fsec-n{width:22px;height:22px;border-radius:50%;background:var(--g2);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.fsec-b{padding:4px 12px 12px}

/* ===== brand decoration (logo / wordmark / cover) — kept subtle ===== */
.boot{display:flex;flex-direction:column;align-items:center;gap:10px;padding:90px 0;color:var(--mut);font-size:14px}
.boot img{width:76px;height:76px;border-radius:50%;object-fit:cover;box-shadow:0 2px 10px #1b5e2026}
header.top .brand-h img{border:2px solid #ffffffd9;box-shadow:0 0 0 1px #0000001a}
.nav-brand{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px 12px;border-bottom:1px solid var(--bd);background:#fff}
.nav-brand img{max-width:220px;max-height:46px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.nav-brand small{color:var(--g2);font-size:12px;font-weight:600;text-align:center}
.navbtn{display:none;align-items:center;gap:10px;width:100%;padding:13px 16px;background:#fff;border:0;color:var(--mut);font:inherit;font-weight:600;font-size:15px;text-align:left;cursor:pointer}
@media(max-width:419px){.navbtn{display:flex}header.top .hide-sm{display:none}header.top .brand-h img{display:block;width:30px;height:30px}header.top .brand-h b{font-size:14px}header.top .who b{max-width:82px}}
@media(min-width:760px){.nav-brand,.navbtn{display:none}}
.foot{max-width:1100px;margin:22px auto 0;padding:18px 14px 26px;text-align:center;border-top:1px solid var(--bd);color:var(--mut);font-size:12px}
.foot img{display:block;margin:0 auto 6px;max-width:190px;max-height:36px;width:auto;object-fit:contain;mix-blend-mode:multiply;opacity:.92}
.d-top{position:relative;overflow:hidden;border-radius:12px;padding:16px 16px 15px;color:#fff;background-color:#1b5e20;
 background-image:linear-gradient(100deg,rgba(14,64,34,.97) 0%,rgba(17,78,41,.94) 50%,rgba(22,88,45,.82) 100%),url(../assets/cover.jpg);background-size:cover;background-position:center 72%}
.d-top h1{color:#fff;font-size:22px}.d-top .d-greet{color:#fff;font-size:15px;font-weight:500}.d-top small{color:#ffffffc7}
@media print{.foot{display:none}}

/* highlighted "Select product" field (Purchases and Retailer Sales) */
.ss-hl .ss-in{background-color:#eef7ea;border:1.5px solid #9ccf8c;box-shadow:0 0 0 1px #9ccf8c38;transition:border-color .15s,box-shadow .15s,background-color .15s}
.ss-hl .ss-in::placeholder{color:#3f7a3a;opacity:1;font-weight:600}
.ss-hl .ss-in:hover{border-color:#6fb85c}
.ss-hl .ss-in:focus{background-color:#fff;border:2px solid #2e7d32;box-shadow:0 0 0 4px #2e7d3233;outline:none}
.ss-hl .ss-list{border:2px solid #2e7d32}

/* automatic Category filter + document printing */
label.catf{margin-bottom:2px}
.ver{margin-top:6px;font-size:10.5px;color:#9aa89a}
@media print{body.printing-doc>*:not(.modal){display:none!important}}

/* ===== Reference-style estimate document (matches the printed RS KrishiCare invoice) ===== */
.rdoc{background:#fff;color:#16352a;font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:14px;max-width:794px;margin:0 auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rdoc *{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rd-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:2px 2px 6px}
.rd-top h1{margin:0;font-size:26px;line-height:1.1;color:#0b5a37;font-weight:800;letter-spacing:-.2px}
.rd-top p{margin:10px 0 0;font-size:11px;color:#6b7a73}
.rd-title{text-align:right}
.rd-t1{white-space:nowrap;line-height:1.1}
.rd-t1 .pre{font-size:12px;font-weight:700;color:#0b5a37;margin-right:2px}
.rd-t1 .big{font-size:27px;font-weight:800;color:#0b5a37;letter-spacing:-.2px}
.rd-title small{display:block;margin-top:10px;font-size:10.5px;color:#6b7a73}
.rd-line{height:8px;background:#7ac143}
.rd-bar{display:flex;justify-content:space-between;gap:8px;background:#06402a;color:#fff;padding:7px 8px;font-size:12.5px}
.rd-bar b:last-child{font-size:11px}
.rd-band{background:#eaf4ec;padding:7px 8px 8px}
.rd-addr{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}
.rd-addr .ph{font-size:15px;white-space:nowrap}.rd-addr .oi{font-size:14px}
.rd-tag{margin-top:7px;font-size:10.5px;color:#6b7a73}
.rd-info{display:grid;grid-template-columns:104px 1fr 96px 1fr;gap:3px 0;margin:12px 0 8px;align-items:stretch}
.rd-info .l{font-weight:700;font-size:10.5px;color:#0b3d28;padding:9px 4px 0 2px;white-space:nowrap}
.rd-info .v{background:#fff8e1;border:1px solid #c9d3bf;padding:8px 6px;min-height:30px;font-size:12.5px;word-break:break-word}
.rd-table{width:100%;min-width:0;border-collapse:collapse;margin-top:6px}
.rd-table th{background:#0b6b3f;color:#fff;text-align:left;font-size:11px;padding:9px 6px;font-weight:700;border:0}
.rd-table td{padding:7px 6px;font-size:12px;border-bottom:1px solid #b9ccc0;white-space:normal;height:28px}
.rd-table tr.alt td{background:#eef6ef}
.rd-table td.in{background:#fff8e1}.rd-table tr.alt td.in{background:#fbf3d9}
.rd-table .c{text-align:center;width:42px}.rd-table .r{text-align:right}
.rd-table th:nth-child(3),.rd-table td:nth-child(3){width:54px}.rd-table th:nth-child(4),.rd-table td:nth-child(4){width:104px}.rd-table th:nth-child(5),.rd-table td:nth-child(5){width:100px}
.rd-bottom{display:grid;grid-template-columns:1fr 275px;gap:14px;margin-top:12px;align-items:start}
.rd-left .lab{font-size:10.5px;font-weight:700;color:#0b3d28;margin:2px 0 4px}
.rd-left .bx{background:#fff8e1;border:1px solid #c9d3bf;border-radius:0;padding:8px;min-height:44px;font-size:12px;white-space:pre-line}
.rd-left .bx.notes{min-height:34px;margin-bottom:0}
.rd-left .bx.words{margin-bottom:16px}
.rd-sum .row{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;font-size:12px;border:1px solid transparent}
.rd-sum .row.g{background:#eaf4ec}.rd-sum .row.cr{background:#fff8e1;border-color:#c9d3bf}
.rd-sum .row.tot{background:#0b6b3f;color:#fff;font-weight:800;font-size:13px}
.rd-sum .row.cr:last-of-type{}
.rd-sum .row span:last-child{font-weight:600}
.rd-sign{display:flex;justify-content:space-between;gap:24px;margin-top:30px}
.rd-sign div{flex:1;border-top:1px solid #4a5d54;padding-top:5px;font-size:11px;color:#16352a}.rd-sign div:last-child{text-align:right}
.rd-thanks{margin-top:22px;background:#e8f3ea;text-align:center;padding:9px;font-size:11px;color:#2c5a45}
@media(max-width:560px){
  .rdoc{padding:10px;font-size:11px}.rd-top h1{font-size:21px}.rd-t1 .big{font-size:22px}
  .rd-info{grid-template-columns:104px 1fr}.rd-info .l{padding-top:9px;font-size:10px}
  .rd-bottom{grid-template-columns:1fr}.rd-addr{flex-direction:column;gap:2px}.rd-addr .ph{font-size:13px}
  .rd-table th,.rd-table td{padding:6px 4px;font-size:11px}.rd-table th:nth-child(4),.rd-table td:nth-child(4){width:78px}.rd-table th:nth-child(5),.rd-table td:nth-child(5){width:80px}.rd-table th:nth-child(3),.rd-table td:nth-child(3){width:38px}.rd-table .c{width:30px}
}
@media print{
  .rdoc{padding:0;max-width:none}.rd-bottom{grid-template-columns:1fr 275px;margin-top:8px}.rd-info{grid-template-columns:104px 1fr 96px 1fr;margin:8px 0 6px}
  .rd-table tr{page-break-inside:avoid}.rd-table td{height:22px;padding:3px 6px}.rd-table th{padding:7px 6px}
  .rd-top h1{font-size:24px}.rd-top p,.rd-title small{margin-top:6px}.rd-info .v{min-height:26px;padding:6px}.rd-info .l{padding-top:7px}
  .rd-sign{margin-top:16px}.rd-thanks{margin-top:10px;padding:7px}.rd-left .bx.words{margin-bottom:10px}
}
@media print{html,body,.modal.inv,.modal.inv .sheet{background:#fff!important;min-height:0!important;height:auto!important}}

.thumb{width:42px;height:42px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid var(--bd)}
.imgup{display:flex;align-items:center;gap:10px;margin-top:4px}.imgup input[type=file]{min-height:0;border:0;padding:0;margin:0}.imgprev{width:64px;height:64px;object-fit:contain;border-radius:8px;border:1px solid var(--bd);background:#fff}

.fi-list{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.fi{position:relative;width:88px}.fi img{width:88px;height:88px;object-fit:cover;border-radius:8px;display:block;background:#f5f8f3}
.fi-x{display:block;width:100%;margin-top:3px;border:1px solid var(--bd);background:#fff;color:var(--red);border-radius:6px;font-size:11.5px;padding:3px 0;cursor:pointer}