:root{--navy:#062d5d;--blue:#0b62ad;--bg:#f5f7fb;--text:#17243a;--muted:#6b778c;--line:#dde4ed;--white:#fff;--shadow:0 8px 30px rgba(15,44,75,.08)}*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",Arial,sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:fixed;top:0;left:0;right:0;height:82px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;z-index:20;box-shadow:0 2px 8px rgba(0,0,0,.12)}.brand,.top-actions{display:flex;align-items:center;gap:14px}.brand strong{font-size:23px;display:block}.brand span{font-size:13px;opacity:.9}.icon-btn,.lang-btn{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:12px;padding:9px 12px;cursor:pointer}.user-chip{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12)}.sidebar{position:fixed;top:82px;left:0;bottom:0;width:215px;background:#fff;border-right:1px solid var(--line);padding:18px 10px 28px;z-index:15;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c7d8 transparent}.sidebar a{display:flex;align-items:center;gap:12px;color:#334155;padding:12px 14px;margin:3px 0;border-radius:10px}.sidebar a.active,.sidebar a:hover{background:#eaf3ff;color:#07579b;font-weight:700}.content{margin-left:215px;padding:108px 26px 95px;max-width:1500px}.welcome{background:#fff;display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;box-shadow:var(--shadow);margin-bottom:18px}.avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:35px;background:#eff7ff;border:2px solid #b9d7f4}.welcome h2{margin:0 0 4px}.welcome p{margin:0;color:var(--muted)}.date-card{margin-left:auto;padding:12px 16px;background:#f8fafc;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow)}.stat span{font-size:28px}.stat p{margin:7px 0;color:#34445b}.stat b{font-size:25px}.stat.green{background:#f4fbf5}.stat.blue{background:#f3f9ff}.stat.orange{background:#fff8ef}.stat.purple{background:#faf7ff}.cash-banner{background:#fff8e7;border:1px solid #f2d99f;border-radius:15px;padding:19px 22px;display:flex;justify-content:space-between;align-items:center;margin:18px 0}.cash-banner>div{display:flex;align-items:center;gap:14px;font-size:21px}.cash-banner b{font-size:26px}.search{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px 14px;margin:18px 0}.search input{width:100%;border:0;outline:0;padding:13px;font-size:16px}.section-title{border-left:5px solid #0b72d0;padding-left:12px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.menu-grid>a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--text);box-shadow:var(--shadow);min-height:150px}.menu-grid strong{font-size:20px;display:block;margin-bottom:12px;color:#102a4d}.menu-grid span{line-height:1.9}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px;margin:16px 0;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f5;white-space:nowrap}th{font-size:13px;color:#5d6b80;background:#fafbfc}td small{display:block;color:var(--muted);margin-top:4px}.empty{text-align:center;color:var(--muted);padding:30px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.btn{display:inline-block;border:1px solid #b9c7d8;background:#fff;color:#12304e;padding:10px 14px;border-radius:10px;cursor:pointer}.btn.primary{background:#0b62ad;color:#fff;border-color:#0b62ad}.btn.wide{width:100%}.filters{display:flex;gap:8px;margin:10px 0}.chip{background:#fff;border:1px solid var(--line);padding:7px 12px;border-radius:999px}.link{border:0;background:transparent;color:#0b62ad;cursor:pointer}.danger{color:#b42318}.badge{padding:4px 8px;border-radius:999px;font-size:12px}.badge.good{background:#e8f7ee;color:#167043}.badge.bad{background:#fff0ef;color:#b42318}.modal{position:fixed;inset:0;background:rgba(3,20,38,.55);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal.show{display:flex}.modal-card{background:#fff;width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:22px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25)}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#526177;font-size:14px}.form-grid input,.form-grid select,.form-grid textarea,.report-filter input{border:1px solid #cfd8e5;border-radius:9px;padding:10px;background:#fff;color:#17243a}.form-grid .btn,.form-grid .total-preview{align-self:end}.flash{padding:12px 15px;border-radius:10px;margin-bottom:15px;background:#e9f8ef;color:#16663b;border:1px solid #bce5cb}.flash.error{background:#fff0ef;color:#9d2017;border-color:#f5c6c3}.report-filter{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:end;gap:12px;flex-wrap:wrap}.report-filter label{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bottom-nav{display:none}.login-wrap{min-height:100vh;background:linear-gradient(145deg,#062d5d,#0a4f90);display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:34px;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.3);text-align:center}.login-card form{text-align:left}.login-card label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.login-card input{padding:12px;border:1px solid #ccd7e3;border-radius:10px}.brand-mark{width:72px;height:72px;background:#062d5d;color:#fff;border-radius:22px;display:grid;place-items:center;font-weight:800;font-size:26px;margin:0 auto}.invoice-body{background:#eef2f7;padding:30px}.invoice-sheet{width:min(800px,100%);margin:auto;background:#fff;padding:40px;box-shadow:var(--shadow)}.invoice-sheet h1{text-align:center}.invoice-meta{line-height:1.8}.total-preview{font-size:18px;background:#f5f8fb;padding:12px;border-radius:10px;grid-column:1/-1}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.content{margin-left:0}.stats{grid-template-columns:1fr 1fr}.menu-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.user-chip{display:none}}
@media(max-width:650px){.topbar{height:72px;padding:10px 14px}.brand strong{font-size:18px}.brand span{font-size:11px}.content{padding:88px 12px 88px}.welcome{padding:14px}.avatar{width:50px;height:50px}.welcome h2{font-size:18px}.date-card{font-size:11px;padding:8px}.stats{gap:9px}.stat{padding:12px}.stat p{font-size:13px}.stat b{font-size:18px}.cash-banner{padding:14px}.cash-banner>div{font-size:15px;gap:8px}.cash-banner b{font-size:19px}.cash-banner small{display:none}.menu-grid{grid-template-columns:1fr 1fr;gap:10px}.menu-grid>a{padding:14px;min-height:135px}.menu-grid strong{font-size:16px}.menu-grid span{font-size:12px}.page-head{align-items:flex-start}.form-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:25;justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#24364c;font-size:18px;min-width:20%}.bottom-nav a span{font-size:11px}.bottom-nav a.active{color:#0b62ad;background:#edf6ff}.invoice-body{padding:0}.invoice-sheet{box-shadow:none;padding:20px}.lang-btn{font-size:12px;padding:7px}.top-actions{gap:6px}}
@media print{.btn,.report-filter,.topbar,.sidebar,.bottom-nav{display:none!important}.content{margin:0;padding:0}.btn{display:none}.invoice-body{background:#fff;padding:0}.invoice-sheet{box-shadow:none;width:100%;padding:0}}

.inline-form{display:inline}.page-head small{color:var(--muted)}
.total-preview small{display:block;margin-top:8px;font-size:12px;font-weight:500;opacity:.72;line-height:1.45}

/* v2.0.3 responsive/mobile refinements */
html,body{max-width:100%;overflow-x:hidden}
.content{min-width:0}
.card{-webkit-overflow-scrolling:touch}
.page-head{flex-wrap:wrap}
.page-head>div{min-width:0}
.page-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.filters{flex-wrap:wrap}
.report-filter{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end;
  gap:12px;
}
.report-filter label{min-width:0;width:100%;flex:none}
.report-filter input,.report-filter select{width:100%;min-width:0;border:1px solid #cfd8e5;border-radius:9px;padding:10px;background:#fff;color:#17243a}
.report-filter-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:2px}
.total-preview{line-height:1.55}

@media(max-width:980px){
  .report-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .report-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .report-filter-actions .btn{flex:1;text-align:center;min-width:120px}
}
@media(max-width:650px){
  .card{padding:12px;margin:12px 0}
  .report-filter{padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
  .report-filter label{font-size:12px;gap:4px}
  .report-filter input,.report-filter select{font-size:16px;padding:10px 8px}
  .report-head{gap:10px}
  .report-head .page-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .report-head .page-head-actions .btn{text-align:center;padding:9px 8px}
  .total-preview{font-size:15px}
  table{font-size:13px}
  th,td{padding:10px 9px}
}
@media(max-width:430px){
  .report-filter{grid-template-columns:1fr}
  .report-filter-actions{display:grid;grid-template-columns:1fr 1fr}
  .report-filter-actions .btn{width:100%;min-width:0}
  .stats{grid-template-columns:1fr 1fr}
  .page-head h2{font-size:20px;margin-top:0}
}


/* v2.0.4 Weight Calculator */
.weight-calculator{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(210px,1fr);gap:12px;align-items:end;border:1px solid #d6e3f0;background:#f8fbff;border-radius:12px;padding:14px}
.weight-entry-label{min-width:0}
.weight-entry-label textarea{width:100%;min-height:82px;resize:vertical;line-height:1.45}
.weight-calc-result{min-height:82px;border:1px solid #c8d9eb;background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.weight-calc-result span{color:var(--muted);font-size:13px}
.weight-calc-result strong{font-size:18px;color:#12304e;line-height:1.4}
.weight-calc-result output{font-size:22px;color:#0b62ad}
.weight-calc-error{grid-column:1/-1;color:#b42318;font-size:12px;min-height:0}
.weight-calc-error:empty{display:none}
@media(max-width:650px){
  .weight-calculator{grid-template-columns:1fr;padding:12px;gap:10px}
  .weight-entry-label textarea{min-height:96px;font-size:16px}
  .weight-calc-result{min-height:auto;padding:11px}
  .weight-calc-result strong{font-size:16px}
  .weight-calc-result output{font-size:20px}
}

/* v2.0.6 signed balances, edit controls, and report totals */
.negative-balance{color:#b42318;font-weight:700}
.grand-total-row th{font-weight:800;border-top:2px solid #8fa3b8;background:#eef4fa;color:#102a4d}
.total-preview strong{color:#102a4d}
@media(max-width:650px){
  .grand-total-row th{font-size:12px}
}

/* v2.0.7 invoice fund accounts */
.fund-advance{font-weight:700;color:#0b62ad}
@media(max-width:650px){
  .bottom-nav a{flex:1;min-width:0;font-size:16px}
  .bottom-nav a span{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* v2.0.7 invoice-linked cash posting guidance */
.cash-posting-info{grid-column:1/-1;border:1px solid #c8d9eb;background:#f5f9fd;color:#334155;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5;min-height:42px}
.cash-posting-info.error{border-color:#efb4ae;background:#fff3f2;color:#9d2017}
#cashAccountTarget:disabled{background:#f2f4f7;color:#7a8697}
@media(max-width:650px){.cash-posting-info{font-size:12px;padding:9px 10px}}

/* v2.1.1 editable cash + multi-invoice selector */
.muted-text{color:var(--muted);font-size:12px}
.cash-modal-card{width:min(760px,100%)}
.cash-invoice-picker{display:flex;flex-direction:column;gap:6px;color:#526177;font-size:14px;grid-column:1/-1}
.cash-invoice-picker[hidden]{display:none!important}
[hidden]{display:none!important}
.cash-field-label{font-weight:600}
#cashInvoices{border:1px solid #cfd8e5;border-radius:10px;background:#fff;overflow:hidden}
#cashInvoices summary{cursor:pointer;padding:11px 12px;color:#17243a;font-weight:600;list-style-position:inside;background:#fbfcfe}
#cashInvoices[open] summary{border-bottom:1px solid #e3e9f1}
.invoice-multi-options{max-height:290px;overflow:auto;padding:6px;-webkit-overflow-scrolling:touch}
.invoice-choice{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:10px!important;padding:9px 8px;border-bottom:1px solid #edf1f5;color:#17243a!important;cursor:pointer}
.invoice-choice:last-child{border-bottom:0}
.invoice-choice:hover{background:#f5f9fd}
.invoice-choice input{margin-top:4px;accent-color:#0b62ad}
.invoice-choice span{min-width:0}
.invoice-choice b{display:block;font-size:13px;color:#12304e}
.invoice-choice small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45;white-space:normal}
.cash-selection-total{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#f5f8fb;border:1px solid #d8e2ed;border-radius:10px;padding:10px 12px}
.cash-selection-total span{font-size:12px;color:#5c6b7f}
.cash-selection-total b{display:block;margin-top:2px;color:#102a4d;font-size:16px}
@media(max-width:650px){
  .cash-selection-total{grid-template-columns:1fr 1fr}
  .cash-selection-total span:last-child{grid-column:1/-1}
  .invoice-multi-options{max-height:46vh}
  #cashInvoices summary{font-size:14px}
}
.invoice-choice input[type="checkbox"]{width:18px;height:18px;padding:0;margin:3px 0 0;border:1px solid #b9c7d8;border-radius:4px;background:#fff;flex:0 0 auto}

/* v2.1.2 shopkeeper report filters + sale date */
.shopkeeper-report-filter{margin-bottom:14px}.shopkeeper-report-filter label{min-width:170px}


/* v2.1.4 collection report, branding, fund discount and printable document design */
.print-business-header{display:none}
.topbar-logo{width:38px;height:38px;object-fit:contain;border-radius:8px;background:#fff;padding:3px;flex:0 0 auto}
.document-brand-center{text-align:center;margin:0 auto 16px}.document-brand-center h1{margin:6px 0}.document-contact{text-align:center!important;line-height:1.55;margin:4px auto;color:#526177}.invoice-logo{display:block;max-width:120px;max-height:78px;object-fit:contain;margin:0 auto 8px}
.branding-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.branding-preview>img{width:92px;height:58px;object-fit:contain;border:1px solid #d8e2ed;border-radius:8px;background:#fff;padding:5px}.branding-preview.favicon-preview>img{width:42px;height:42px}.inline-check{display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important}.inline-check input{width:auto!important}.invoice-design-preview{grid-column:1/-1;text-align:center;border:1px dashed #b8c8da;border-radius:10px;padding:14px;background:#fafcff}.invoice-design-preview span,.invoice-design-preview small{display:block;margin-top:4px}
.invoice-design-bordered .invoice-sheet{border:2px solid #223b5f}.invoice-design-bordered .invoice-sheet table{border:1px solid #223b5f}.invoice-design-bordered .invoice-sheet th,.invoice-design-bordered .invoice-sheet td{border:1px solid #aebaca}
.invoice-design-compact .invoice-sheet{padding:24px;max-width:720px}.invoice-design-compact .invoice-sheet th,.invoice-design-compact .invoice-sheet td{padding:7px 8px}.invoice-design-compact .invoice-meta{line-height:1.55}
@media(max-width:650px){.topbar-logo{width:32px;height:32px}.branding-preview>img{width:72px;height:48px}}
@media print{
  .print-business-header{display:flex!important;flex-direction:column;align-items:center;text-align:center;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #9aa8b8}.print-business-header img{max-width:100px;max-height:60px;object-fit:contain;margin-bottom:5px}.print-business-header strong{font-size:20px}.print-business-header span{font-size:12px;line-height:1.45}
  .document-brand-center,.document-contact{text-align:center!important}
  .card{overflow:visible!important}
}

.login-logo{display:block;max-width:110px;max-height:90px;object-fit:contain;margin:0 auto 10px}

/* v2.1.8 Bangla user manual */
.manual-page{max-width:1180px;margin:0 auto 36px;scroll-behavior:smooth}
.manual-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.8fr);gap:18px;align-items:stretch;background:linear-gradient(135deg,#0c3768,#0b62ad);color:#fff;border-radius:18px;padding:26px;margin-bottom:16px;box-shadow:0 12px 30px rgba(8,53,102,.16)}
.manual-kicker{display:inline-block;font-size:12px;letter-spacing:.08em;opacity:.82;margin-bottom:8px}.manual-hero h2{font-size:30px;margin:0 0 8px}.manual-hero p{margin:0;line-height:1.7;max-width:760px;opacity:.92}.manual-role-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);border-radius:14px;padding:18px}.manual-role-card span,.manual-role-card small{opacity:.8}.manual-role-card strong{font-size:24px;margin:5px 0}
.manual-toc{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:70px;z-index:6;background:rgba(245,248,252,.96);backdrop-filter:blur(8px);border:1px solid #d8e2ed;border-radius:12px;padding:10px;margin:0 0 18px}.manual-toc a{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #dce5ef;color:#20415f;font-size:12px;font-weight:700}.manual-toc a:hover{background:#eaf4ff;color:#0b62ad}
.manual-section{scroll-margin-top:132px;background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:22px;margin:0 0 16px;box-shadow:0 4px 16px rgba(28,52,84,.05)}.manual-section-head{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #edf1f5;padding-bottom:14px;margin-bottom:16px}.manual-section-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f3ff;color:#0b62ad;font-weight:800;flex:0 0 auto}.manual-section-head h3{margin:0 0 4px;font-size:21px;color:#102a4d}.manual-section-head p{margin:0;color:#6a788b;font-size:13px;line-height:1.55}
.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.manual-card{border:1px solid #dce5ee;background:#fbfdff;border-radius:12px;padding:16px;min-width:0}.manual-card-accent{border-left:4px solid #0b62ad}.manual-card h4{margin:0 0 9px;color:#12304e;font-size:16px}.manual-card p{line-height:1.65}.manual-card ol,.manual-card ul{margin:8px 0 0;padding-left:22px;line-height:1.75}.manual-card li+li{margin-top:3px}.manual-mini{margin:10px 0 0!important;padding-top:9px;border-top:1px dashed #dce5ee;color:#53657a;font-size:12px}.manual-example{background:#eef7ff;border-radius:9px;padding:10px 12px;font-size:13px;margin-top:12px!important}
.manual-steps{list-style:none;padding:0;margin:0;display:grid;gap:9px}.manual-steps li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;border:1px solid #e1e8f0;background:#fcfdff;border-radius:11px;padding:11px 12px;line-height:1.6}.manual-steps li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b62ad;color:#fff;font-weight:800;font-size:13px}
.manual-formula{margin-top:14px;border-radius:12px;background:#102a4d;color:#fff;padding:16px 18px}.manual-formula h4{margin:0 0 10px}.manual-formula p{margin:5px 0;line-height:1.5}.manual-note,.manual-warning{margin-top:13px;border-radius:10px;padding:12px 14px;line-height:1.6;font-size:13px}.manual-note{background:#eef8f2;border:1px solid #c7e6d2;color:#24563a}.manual-warning{background:#fff7e8;border:1px solid #f0d39a;color:#704b10}
.manual-faq{border:1px solid #dce5ee;border-radius:11px;background:#fbfdff;margin:9px 0;overflow:hidden}.manual-faq summary{cursor:pointer;padding:13px 15px;font-weight:800;color:#163653}.manual-faq[open] summary{background:#edf6ff;border-bottom:1px solid #dce5ee}.manual-faq>div{padding:13px 16px;line-height:1.7}.manual-faq p,.manual-faq ol{margin:0}.manual-faq ol{padding-left:22px}
.manual-footer-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#eff6fd;border:1px solid #cbdced;border-radius:14px;padding:18px}.manual-footer-card h3{margin:0 0 5px}.manual-footer-card p{margin:0;line-height:1.6;color:#53657a}
@media(max-width:760px){.manual-hero{grid-template-columns:1fr;padding:18px}.manual-hero h2{font-size:24px}.manual-role-card{padding:13px}.manual-toc{position:static;flex-wrap:nowrap;overflow:auto;-webkit-overflow-scrolling:touch}.manual-toc a{white-space:nowrap}.manual-section{padding:15px;scroll-margin-top:80px}.manual-section-head h3{font-size:18px}.manual-grid{grid-template-columns:1fr}.manual-footer-card{align-items:flex-start;flex-direction:column}.manual-footer-card .btn{width:100%;text-align:center}}
@media(max-width:430px){.manual-section{padding:12px}.manual-hero{border-radius:14px;padding:15px}.manual-card{padding:13px}.manual-section-head{gap:9px}.manual-section-head>span{width:34px;height:34px}.manual-steps li{grid-template-columns:30px 1fr;padding:10px}.manual-steps li>span{width:27px;height:27px}.manual-formula{padding:14px}.manual-page code{white-space:normal}}
@media print{.manual-toc,.manual-footer-card .btn{display:none!important}.manual-hero{background:#fff!important;color:#000!important;border:1px solid #999;box-shadow:none}.manual-section{break-inside:avoid;box-shadow:none}.manual-role-card{border:1px solid #999;background:#fff;color:#000}.manual-formula{background:#fff!important;color:#000!important;border:1px solid #999}.manual-card,.manual-faq{background:#fff}}

/* v2.1.11 cash categories and product price defaults */
.product-price-swap{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.product-price-swap small{opacity:.75}
.cash-filter-card{margin-bottom:12px}
.invoice-choice[hidden]{display:none!important}

/* v2.1.12 bank details, restored search, cash filtering, and user profiles */
.section-search{margin:10px 0 14px;max-width:760px}
.section-search input{width:100%}
.form-section-title{grid-column:1/-1;font-weight:800;color:#173653;border-bottom:1px solid #dce5ee;padding:4px 0 8px;margin-top:4px}
.cash-filter-title{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.cash-filter-title small{color:var(--muted)}
.cash-filter-grid{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(280px,1.15fr);gap:14px;align-items:end}.cash-filter-grid .report-filter{margin:0}.cash-search{margin:0;max-width:none}
.invoice-multi-options.no-visible-invoices:after{content:'No payable invoice available for this account.';display:block;padding:14px;text-align:center;color:var(--muted);font-size:12px}
.user-profile-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:inherit}.user-profile-link img,.user-avatar-mini{width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#fff;border:1px solid rgba(255,255,255,.32)}.user-avatar-mini{font-size:16px}
.profile-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:16px;align-items:start}.profile-summary-card{text-align:center}.profile-photo-large,.profile-photo-placeholder{width:120px;height:120px;border-radius:50%;margin:0 auto 12px;object-fit:cover;border:3px solid #e1eaf3;background:#f5f8fb}.profile-photo-placeholder{display:grid;place-items:center;font-size:54px}.profile-summary-card h3{margin:6px 0 2px}.profile-summary-card p{margin:3px 0 10px;color:var(--muted)}.profile-linked-party{margin:14px 0 8px;padding:10px;border:1px solid #dce5ee;border-radius:10px;background:#f8fbfe}.profile-linked-party small,.profile-linked-party b{display:block}.user-table-avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;border:1px solid #d8e2ed;display:inline-grid;place-items:center;background:#f5f8fb}.user-table-avatar.placeholder{font-size:20px}.user-name-link{font-weight:700;color:#0b62ad;text-decoration:none}.user-name-link:hover{text-decoration:underline}
.app-footer{text-align:center;color:#64748b;font-size:12px;padding:18px 16px calc(78px + env(safe-area-inset-bottom));margin-left:var(--side,0)}.app-footer a{color:inherit;text-decoration:none}.login-developer-footer{text-align:center;color:#64748b;font-size:12px;margin-top:16px}.login-developer-footer a{color:inherit;text-decoration:none}
@media(min-width:901px){.app-footer{margin-left:250px;padding-bottom:22px}}
@media(max-width:760px){.profile-layout,.cash-filter-grid{grid-template-columns:1fr}.cash-filter-grid .report-filter{grid-template-columns:1fr}.user-profile-link{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-profile-link img,.user-avatar-mini{flex:0 0 auto}}
@media print{.app-footer,.login-developer-footer{display:none!important}}

/* v2.1.14 type-to-search Sales party comboboxes and centered developer footer */
.party-select-field{gap:6px;position:relative;overflow:visible}
.party-combo-input{width:100%;background:#fff}
.combo-source-select{position:absolute!important;left:0;bottom:0;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important}
.party-combo-suggestions{position:absolute;left:0;right:0;top:100%;z-index:80;margin-top:4px;max-height:260px;overflow:auto;background:#fff;border:1px solid #cfd8e5;border-radius:10px;box-shadow:0 14px 35px rgba(15,44,75,.16);padding:5px}
.party-combo-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px 11px;border-radius:7px;color:#17243a;cursor:pointer}
.party-combo-option:hover,.party-combo-option.active{background:#eaf3ff;color:#07579b}
.party-combo-empty{padding:10px 11px;color:var(--muted);font-size:13px}
.app-footer{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;margin-left:0!important;box-sizing:border-box}
@media(min-width:901px){.app-footer{margin-left:0!important}}
@media(max-width:650px){.party-combo-suggestions{max-height:42vh}.party-combo-input{font-size:16px}}

/* v2.1.15 phone-only header refinement */
@media(max-width:650px){
  .topbar{
    height:64px;
    padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));
    gap:8px;
  }
  .brand{
    flex:1 1 auto;
    min-width:0;
    gap:8px;
    overflow:hidden;
  }
  .brand>.icon-btn{
    width:36px;
    height:36px;
    padding:0;
    border-radius:10px;
    display:grid;
    place-items:center;
    flex:0 0 36px;
    font-size:19px;
  }
  .topbar-logo{
    width:30px;
    height:30px;
    padding:2px;
    flex:0 0 30px;
  }
  .brand>div:last-child{
    min-width:0;
    overflow:hidden;
  }
  .brand strong{
    font-size:15px;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .brand span{display:none}
  .top-actions{
    flex:0 0 auto;
    gap:4px;
  }
  .top-actions form{margin:0}
  .lang-btn{
    height:36px;
    padding:0 8px;
    border-radius:10px;
    font-size:11px;
    line-height:1;
    white-space:nowrap;
  }
  .top-actions>.icon-btn,.top-actions form>.icon-btn{
    width:36px;
    height:36px;
    padding:0;
    border-radius:10px;
    display:grid;
    place-items:center;
    flex:0 0 36px;
    font-size:18px;
  }
  .content{padding-top:80px}
}
@media(max-width:380px){
  .topbar{gap:5px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .brand{gap:6px}
  .brand>.icon-btn{width:34px;height:34px;flex-basis:34px}
  .topbar-logo{width:28px;height:28px;flex-basis:28px}
  .brand strong{font-size:14px}
  .lang-btn{height:34px;padding:0 6px;font-size:10px}
  .top-actions>.icon-btn,.top-actions form>.icon-btn{width:34px;height:34px;flex-basis:34px}
}
.category-inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.category-inline-form input,.category-inline-form select{min-width:160px}.category-path{font-weight:700;color:#12304e}


/* SR ENTERPRISE sr3 sell/cash memo and MRP product form */
.sale-cashmemo-form{grid-template-columns:repeat(4,minmax(0,1fr))}
.sale-cashmemo-form .sale-items-card,.sale-cashmemo-form .sale-note-field{grid-column:1/-1}
.sale-items-card{border:1px solid #dce5ee;background:#fbfdff;border-radius:14px;padding:14px;overflow:auto}
.sale-items-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.sale-items-table th,.sale-items-table td{white-space:normal;vertical-align:top}
.sale-items-table select,.sale-items-table input{width:100%;border:1px solid #cfd8e5;border-radius:9px;padding:9px;background:#fff;color:#17243a}
.sale-items-table .sale-product{min-width:260px}
.sale-items-table .sale-qty,.sale-items-table .sale-rate,.sale-items-table .sale-line-total{min-width:110px;text-align:right}
.sale-line-total{background:#f5f8fb!important;font-weight:800;color:#102a4d!important}
.sale-grand-total{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;padding:14px;border-top:1px dashed #cfd8e5;font-size:20px}
.sale-grand-total strong{font-size:26px;color:#0b62ad}
.sale-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #cfd8e5}
.sale-payment-summary label{font-size:13px;color:#45556f;font-weight:700}
.sale-payment-summary input{width:100%;text-align:right;border:1px solid #cfd8e5;border-radius:9px;padding:10px;background:#fff;color:#17243a;font-weight:800}
.sale-payment-summary input[readonly]{background:#f4f7fb}
@media(max-width:980px){.sale-cashmemo-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sale-cashmemo-form{grid-template-columns:1fr}.sale-items-table .sale-product{min-width:220px}.sale-grand-total{justify-content:space-between;font-size:16px}.sale-grand-total strong{font-size:21px}.sale-payment-summary{grid-template-columns:1fr 1fr}}
@media print{.sale-items-head .btn,[data-remove-sale-row]{display:none!important}}

.invoice-account-summary{margin-top:18px;border-top:1px solid #d8e0ea;padding-top:12px;max-width:360px;margin-left:auto}
.invoice-account-summary p{display:flex;justify-content:space-between;margin:6px 0;font-size:15px}
.invoice-account-summary h3{text-align:right;margin-top:10px}
/* SR7 party profile photo and chalan upload links */
.party-name-cell{display:flex;align-items:center;gap:10px}.party-name-cell .user-table-avatar{flex:0 0 38px}

.inline-combo{position:relative;min-width:280px}
.product-combo-input{min-width:260px}
.sale-items-table td{position:relative;overflow:visible}
.product-inline-combo .party-combo-suggestions{min-width:320px}
.invoice-choice.is-hidden{display:none!important}
.cash-posting-info.error{color:#b91c1c;font-weight:600}

.whatsapp-share{border-color:#22c55e!important;color:#128c7e!important}

/* SR15 polished bilingual labels and footer credit design */
.app-footer,.login-developer-footer{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  text-align:center;
  box-sizing:border-box;
}
.app-footer{
  padding:18px 16px calc(82px + env(safe-area-inset-bottom));
  margin-left:0!important;
  color:#64748b;
  font-size:13px;
}
.login-developer-footer{
  position:fixed;
  left:0;
  right:0;
  bottom:18px;
  padding:0 16px;
  color:#64748b;
  font-size:13px;
  z-index:2;
}
.footer-credit-card{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  max-width:100%;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(190,205,222,.9);
  box-shadow:0 10px 28px rgba(15,44,75,.10);
  backdrop-filter:blur(8px);
}
.footer-credit-card span{color:#64748b;font-weight:600}
.footer-credit-card strong{color:#0f2f56;font-weight:800;letter-spacing:.01em}
.footer-credit-card a.footer-phone{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 10px;
  border-radius:999px;
  background:#eaf3ff;
  border:1px solid #cbdff5;
  color:#07579b!important;
  font-weight:800;
  text-decoration:none;
}
.footer-credit-card a.footer-phone:hover{background:#dcefff;color:#064c85!important}
@media(min-width:901px){.app-footer{padding-bottom:24px;margin-left:0!important}}
@media(max-width:650px){.footer-credit-card{gap:7px;padding:8px 12px;font-size:11px}.login-developer-footer{bottom:12px}.app-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}
@media print{.app-footer,.login-developer-footer{display:none!important}}


/* SR16: scrollable main menu + expandable Report submenu */
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:#c7d3e0;border-radius:999px}
.sidebar-group{margin:3px 0}
.sidebar-parent{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#334155;padding:12px 14px;border-radius:10px;cursor:pointer;text-align:left;font:inherit}
.sidebar-parent:hover,.sidebar-parent.active{background:#eaf3ff;color:#07579b;font-weight:700}
.sidebar-parent-icon{flex:0 0 auto}
.sidebar-parent-label{flex:1;min-width:0}
.sidebar-chevron{font-size:16px;transition:transform .18s ease}
.sidebar-group.open .sidebar-chevron{transform:rotate(180deg)}
.sidebar-submenu{display:none;padding:3px 0 4px 13px}
.sidebar-group.open .sidebar-submenu{display:block}
.sidebar-submenu a{font-size:13px;padding:9px 10px;margin:2px 0 2px 8px;border-left:2px solid #dbe6f2;border-radius:8px}
.sidebar-submenu a span{font-size:12px;color:#7890aa}
@media(max-width:650px){.sidebar{top:72px;padding-bottom:88px}}

/* SR16: printable PDF file sharing; never inject the current page URL */
.pdf-exporting{background:#fff!important}
.pdf-exporting .topbar,.pdf-exporting .sidebar,.pdf-exporting .bottom-nav,.pdf-exporting .app-footer,.pdf-exporting .btn,.pdf-exporting .report-filter,.pdf-exporting .section-search,.pdf-exporting .modal{display:none!important}
.pdf-exporting .content{margin:0!important;padding:16px!important;max-width:none!important}
.pdf-exporting .print-business-header{display:flex!important;flex-direction:column;align-items:center;text-align:center;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #9aa8b8}
.pdf-exporting .print-business-header img{max-width:100px;max-height:60px;object-fit:contain;margin-bottom:5px}
.pdf-exporting .print-business-header strong{font-size:20px}
.pdf-exporting .print-business-header span{font-size:12px;line-height:1.45}
.pdf-exporting .card{overflow:visible!important;box-shadow:none!important}
.pdf-exporting .invoice-body{background:#fff!important;padding:0!important}
.pdf-exporting .invoice-sheet{box-shadow:none!important;width:100%!important}
.whatsapp-share[disabled]{opacity:.65;cursor:wait}

/* v2.2.0 custom dashboard, searchable BUY company and responsive cash filters */
.dashboard-eight{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-stat{display:block;color:var(--text);text-decoration:none;min-width:0;position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.dashboard-stat:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(15,44,75,.13)}
.dashboard-stat small{display:block;margin-top:7px;color:#5f6f82;white-space:normal;line-height:1.35}
.dashboard-stat.dash-c1{background:#eef7ff;border-color:#c9e3f8}
.dashboard-stat.dash-c2{background:#eefaf4;border-color:#c9ead8}
.dashboard-stat.dash-c3{background:#fff8e9;border-color:#f2dfae}
.dashboard-stat.dash-c4{background:#f8f1ff;border-color:#e1d0f2}
.dashboard-stat.dash-c5{background:#fff1f4;border-color:#f0cfd7}
.dashboard-stat.dash-c6{background:#f1faec;border-color:#d4e8c8}
.dashboard-stat.dash-c7{background:#fff5ec;border-color:#efd8c2}
.dashboard-stat.dash-c8{background:#eef5f8;border-color:#cfdee5}

.buy-company-combo{width:100%;min-width:0;position:relative}
.buy-company-combo .party-combo-input{width:100%;min-width:0}
.cash-invoice-search{width:100%;min-width:0;border:1px solid #cfd8e5;border-radius:9px;padding:10px;background:#fff;color:#17243a}
.cash-invoice-picker,.cash-invoice-picker details,.invoice-multi-options{min-width:0;max-width:100%}
.cash-invoice-picker details{overflow:visible}
.cash-statement-details{white-space:normal;min-width:220px;line-height:1.45}
[data-user-party-field] select{width:100%;min-width:0}

@media(max-width:980px){.dashboard-eight{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .dashboard-eight{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .dashboard-stat{padding:12px;min-height:118px}
  .dashboard-stat span{font-size:23px}
  .dashboard-stat p{white-space:normal;line-height:1.25}
  .buy-company-combo,.buy-company-combo .party-combo-input,.cash-invoice-search{max-width:100%;width:100%}
  .cash-invoice-picker{grid-column:1/-1;width:100%}
}
@media(max-width:380px){.dashboard-eight{grid-template-columns:1fr 1fr}.dashboard-stat{padding:10px}.dashboard-stat b{font-size:16px}}

/* v2.3 collection/balance statement refinements */
.collection-party-form .collection-party-field{min-width:0}.collection-party-field .party-combo-input:disabled{background:#eef2f7;color:#7a8594;cursor:not-allowed}.collection-selection-note{grid-column:1/-1}.balance-party-field{min-width:260px}.balance-statement-filter .party-combo{width:100%}.balance-statement-filter .party-combo-input{width:100%}@media(max-width:720px){.balance-party-field{min-width:0;width:100%}.collection-party-form .collection-party-field{width:100%}}

/* Keep Product PDF/WhatsApp exports focused on inventory data, not edit controls. */
.pdf-exporting #productTable th:last-child,.pdf-exporting #productTable td:last-child{display:none!important}

/* v2.4.4 parent/child BUY + Sell workflows */
.module-subnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:8px;background:#f6f9fc;border:1px solid #dbe5ef;border-radius:12px}
.module-subnav a{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:9px;color:#42556d;text-decoration:none;font-weight:700;font-size:13px;border:1px solid transparent}
.module-subnav a:hover{background:#fff;border-color:#cbd9e7;color:#07579b}
.module-subnav a.active{background:#eaf3ff;border-color:#bdd8f1;color:#07579b;box-shadow:0 4px 12px rgba(15,44,75,.07)}
.farmer-buy-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #d8e4ef;border-radius:12px;background:#f8fbfd}
.farmer-buy-grid label{margin:0}
.farmer-buy-grid input[readonly]{background:#edf5fb;font-weight:800;color:#0f2f56}
.legacy-warning{grid-column:1/-1;padding:11px 13px;border:1px solid #e8c97c;border-radius:10px;background:#fff9e8;color:#735414;line-height:1.45}
.table-subtext{display:block;margin-top:3px;color:#74849a;font-size:11px;line-height:1.25}
@media(max-width:720px){.module-subnav{gap:6px}.module-subnav a{flex:1 1 calc(50% - 6px);justify-content:center;text-align:center}.farmer-buy-grid{grid-template-columns:1fr}}

/* v2.4.5 product-parent foundation; current compact transaction UI is overridden below */
.sale-cashmemo-form .transaction-category-note,
.sale-cashmemo-form .transaction-category-grid,
.sale-cashmemo-form .transaction-totals-card{grid-column:1/-1}
.transaction-category-note{padding:10px 12px;border:1px solid #cfe0ef;border-radius:10px;background:#f4f9fd;color:#31516f;font-size:13px;line-height:1.45}
.transaction-category-grid{display:grid;grid-template-columns:1fr;gap:14px;min-width:0}
.transaction-category-box{min-width:0;border:1px solid #dce5ee;background:#fbfdff;border-radius:14px;padding:14px;overflow:auto}
.transaction-category-box .sale-items-head{position:sticky;left:0;min-width:max-content;margin-bottom:10px}
.transaction-category-box .sale-items-table{margin:0;min-width:760px}
.transaction-totals-card{margin-top:0}
.farmer-buy-grid{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(120px,1fr))}
.farmer-buy-grid .farmer-product-field{min-width:0}
.farmer-buy-grid .farmer-product-field .inline-combo{width:100%;min-width:0}
.farmer-buy-grid .farmer-product-field .product-combo-input{width:100%;min-width:0}
@media(min-width:1500px){.transaction-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.farmer-buy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.farmer-buy-grid .farmer-product-field{grid-column:1/-1}}
@media(max-width:650px){.transaction-category-box{padding:10px}.transaction-category-box .sale-items-table{min-width:700px}.farmer-buy-grid{grid-template-columns:1fr}.farmer-buy-grid .farmer-product-field{grid-column:auto}}
@media print{.transaction-category-note{border:0;padding:0;background:transparent}.transaction-category-box{overflow:visible;border:1px solid #ccc;break-inside:avoid}.transaction-category-box .sale-items-table{min-width:0}}

/* v2.4.6 compact transaction forms + screenshot-inspired green/orange shell */
:root{
  --navy:#073a2e;
  --blue:#0b6a52;
  --bg:#eef8f3;
  --text:#173b31;
  --muted:#6b817a;
  --line:#d9e8e1;
  --white:#fff;
  --shadow:0 8px 26px rgba(8,66,51,.07);
  --accent:#f4a000;
}
body{background:linear-gradient(180deg,#f4fbf8 0,#eef8f3 100%);color:var(--text)}
a{color:#0b6a52}.section-title{border-left-color:#0b6a52}.btn{border-color:#c9dcd4;color:#19463a;background:#fff}.btn:hover{border-color:#91b9aa;background:#f7fbf9}.btn.primary{background:#0a5b47;border-color:#0a5b47;color:#fff}.btn.primary:hover{background:#084d3d}.link{color:#0b6a52}
.card,.welcome,.report-filter,.search{border-color:#dbe9e3;box-shadow:var(--shadow)}
.card{border-radius:15px}.welcome{border:1px solid #dbe9e3}.date-card{background:#f5faf8;border:1px solid #e0ece7}
.stat{border-color:#dceae4}.stat.green,.dash-c1{background:#eefaf4}.stat.blue,.dash-c2{background:#eef8ff}.stat.orange,.dash-c3{background:#fff9ea}.stat.purple,.dash-c4{background:#faf4ff}
.dash-c5{background:#fff4f4}.dash-c6{background:#f5f7ff}.dash-c7{background:#fff8ec}.dash-c8{background:#edf9fb}

/* Keep the old transaction form layout. Only the product area is split into Feed and Medicine. */
.sale-cashmemo-form .transaction-category-note,
.sale-cashmemo-form .transaction-category-grid,
.sale-cashmemo-form .transaction-totals-card{grid-column:1/-1}
.transaction-category-note{background:#f6fbf8;border-color:#cee3da;color:#315e50;margin-top:2px}
.transaction-category-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;min-width:0;background:#fbfefc;border:1px solid #dceae4;border-radius:14px;padding:12px}
.transaction-category-box{min-width:0!important;overflow:visible!important;background:#fff;border:1px solid #dce9e3;border-radius:12px;padding:12px!important;box-shadow:none}
.transaction-category-box:first-child{border-left:4px solid #18a06c}
.transaction-category-box:nth-child(2){border-left:4px solid #f1a100}
.transaction-category-box .sale-items-head{position:static!important;min-width:0!important;margin:0 0 9px!important;padding:0}
.transaction-category-box .sale-items-head strong{display:inline-flex;align-items:center;gap:7px;font-size:15px;color:#16493b}
.transaction-category-box:first-child .sale-items-head strong{color:#07835a}.transaction-category-box:nth-child(2) .sale-items-head strong{color:#ad7300}
.transaction-category-box .sale-items-table{width:100%!important;min-width:0!important;table-layout:fixed;margin:0!important}
.transaction-category-box .sale-items-table th,.transaction-category-box .sale-items-table td{padding:8px 6px;white-space:normal;min-width:0}
.transaction-category-box .sale-items-table th:first-child,.transaction-category-box .sale-items-table td:first-child{width:35%}
.transaction-category-box .sale-items-table th:nth-child(2),.transaction-category-box .sale-items-table td:nth-child(2){width:12%}
.transaction-category-box .sale-items-table th:nth-child(3),.transaction-category-box .sale-items-table td:nth-child(3){width:15%}
.transaction-category-box .sale-items-table th:nth-child(4),.transaction-category-box .sale-items-table td:nth-child(4){width:15%}
.transaction-category-box .sale-items-table th:nth-child(5),.transaction-category-box .sale-items-table td:nth-child(5){width:15%}
.transaction-category-box .sale-items-table th:nth-child(6),.transaction-category-box .sale-items-table td:nth-child(6){width:8%;text-align:center}
.transaction-category-box .sale-product,.transaction-category-box .buy-product,.transaction-category-box .product-combo-input,.transaction-category-box .party-combo,.transaction-category-box input,.transaction-category-box select{width:100%!important;min-width:0!important;max-width:100%}
.transaction-category-box .party-combo-suggestions{min-width:100%}
.transaction-totals-card{margin-top:0!important;border-color:#dceae4!important;background:#fbfefc!important;overflow:visible!important}

/* Screenshot-inspired desktop shell. */
.sidebar-brand{display:none;align-items:center;gap:11px;padding:9px 10px 18px;margin-bottom:7px;border-bottom:1px solid rgba(255,255,255,.12)}
.sidebar-brand img,.sidebar-brand-mark{width:38px;height:38px;border-radius:11px;object-fit:contain;background:#f4a000;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.sidebar-brand strong{display:block;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.sidebar-brand small{display:block;color:rgba(255,255,255,.58);font-size:10px;margin-top:2px}
.topbar-page-title{display:none;font-size:20px;font-weight:800;color:#163d32}
.sidebar-logout-form{margin:3px 0 2px 8px}.sidebar-logout-button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.78);display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;font:inherit;font-size:13px}.sidebar-logout-button:hover{background:rgba(255,255,255,.1);color:#fff}

@media(min-width:981px){
  .sidebar{top:0;bottom:0;width:250px;background:linear-gradient(180deg,#052c23 0%,#0a4436 100%);border-right:0;padding:13px 12px 28px;box-shadow:7px 0 24px rgba(4,44,34,.08);scrollbar-color:rgba(255,255,255,.24) transparent}
  .sidebar-brand{display:flex}
  .sidebar>a,.sidebar .sidebar-parent{color:rgba(255,255,255,.78);margin:4px 0;border-radius:10px}
  .sidebar>a:hover,.sidebar .sidebar-parent:hover{background:rgba(255,255,255,.08);color:#fff}
  .sidebar>a.active,.sidebar .sidebar-parent.active{background:#f4a000;color:#fff;font-weight:750;box-shadow:0 7px 18px rgba(244,160,0,.22)}
  .sidebar-submenu{padding:4px 0 7px 13px}
  .sidebar-submenu a{color:rgba(255,255,255,.7);border-left-color:rgba(255,255,255,.18);padding:8px 10px}
  .sidebar-submenu a:hover{background:rgba(255,255,255,.07);color:#fff}
  .sidebar-submenu a.active{background:rgba(244,160,0,.16);color:#ffd36d;border-left-color:#f4a000;box-shadow:none}
  .sidebar-submenu a span{color:inherit}
  .topbar{left:250px;height:76px;background:#fff;color:#173c31;padding:10px 28px;border-bottom:1px solid #e0ebe6;box-shadow:0 3px 14px rgba(12,62,48,.05)}
  .topbar .brand{display:none}.topbar-page-title{display:block}
  .topbar .icon-btn,.topbar .lang-btn{color:#17473a;border-color:#d3e3dc;background:#fff}.topbar .icon-btn:hover,.topbar .lang-btn:hover{background:#f4f9f7}
  .topbar .user-chip{background:#f2f8f5;color:#173c31;border:1px solid #dce9e3}
  .content{margin-left:250px;padding:100px 24px 95px;max-width:none}
  .app-footer{margin-left:250px}
}

/* New Settings and Damage pages. */
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.role-card{margin:0}.role-card-head{display:flex;align-items:center;gap:10px}.role-card-head span{font-size:24px}.role-card-head h3{margin:0}.role-card p{color:var(--muted)}.role-tags{display:flex;flex-wrap:wrap;gap:7px}.role-tags span{background:#eef7f3;color:#245a49;border:1px solid #d7e8e1;border-radius:999px;padding:5px 9px;font-size:12px}
.backup-card{display:flex;align-items:center;gap:18px;max-width:760px}.backup-icon{width:64px;height:64px;border-radius:16px;background:#fff4da;color:#a86f00;display:grid;place-items:center;font-size:30px;flex:0 0 auto}.backup-card h3{margin:0 0 6px}.backup-card p{color:var(--muted);margin:0 0 14px}
.damage-stats{grid-template-columns:repeat(2,minmax(0,240px));justify-content:start}.damage-entry-card{max-width:980px}
.design-settings-card{max-width:1100px}

@media(max-width:980px){
  .sidebar{top:0;width:250px;background:linear-gradient(180deg,#052c23 0%,#0a4436 100%);border-right:0;padding:12px 12px 88px;color:#fff}
  .sidebar-brand{display:flex}
  .sidebar>a,.sidebar .sidebar-parent{color:rgba(255,255,255,.8)}.sidebar>a.active,.sidebar .sidebar-parent.active{background:#f4a000;color:#fff}.sidebar-submenu a{color:rgba(255,255,255,.72);border-left-color:rgba(255,255,255,.18)}.sidebar-submenu a.active{background:rgba(244,160,0,.16);color:#ffd36d}
  .topbar{left:0;background:#fff;color:#173c31;border-bottom:1px solid #e0ebe6}.topbar .icon-btn,.topbar .lang-btn{color:#17473a;border-color:#d3e3dc}.topbar .user-chip{color:#173c31;background:#f2f8f5}
  .content{margin-left:0}.app-footer{margin-left:0}
}

@media(max-width:780px){
  .transaction-category-box .sale-items-table,.transaction-category-box .sale-items-table tbody,.transaction-category-box .sale-items-table tr,.transaction-category-box .sale-items-table td{display:block;width:100%!important}
  .transaction-category-box .sale-items-table thead{display:none}
  .transaction-category-box .sale-items-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 0;border-bottom:1px solid #edf3f0}
  .transaction-category-box .sale-items-table td{border:0;padding:0;min-width:0!important}
  .transaction-category-box .sale-items-table td:first-child{grid-column:1/-1}
  .transaction-category-box .sale-items-table td:last-child{grid-column:1/-1;text-align:right}
  .transaction-category-box .sale-items-head{align-items:center;gap:8px}.transaction-category-box .sale-items-head .btn{padding:8px 10px;font-size:12px}
  .role-grid{grid-template-columns:1fr}.damage-stats{grid-template-columns:1fr 1fr}.backup-card{align-items:flex-start}
}
@media(max-width:650px){.sidebar{top:0}.damage-stats{grid-template-columns:1fr}.backup-card{display:block}.backup-icon{margin-bottom:12px}}

/* v2.4.6 custom2: keep the original Buy/Sell form and add only category-aware product rows. */
.unified-product-card{grid-column:1/-1;overflow:visible!important;background:#fbfefc;border-color:#dceae4;padding:14px}
.product-entry-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.product-entry-copy{min-width:220px;flex:1 1 360px}
.product-entry-copy strong{display:block;font-size:16px;color:#17483b}
.product-entry-copy small{display:block;margin-top:4px;color:#6b817a;line-height:1.45;font-weight:500}
.product-type-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.product-type-btn{padding:8px 11px;font-weight:750;border-width:1px}
.product-type-btn.feed{background:#effaf5;border-color:#b9e4d0;color:#08784f}
.product-type-btn.feed:hover{background:#e4f7ee;border-color:#86cfad}
.product-type-btn.medicine{background:#fff7e7;border-color:#f3d391;color:#9a6700}
.product-type-btn.medicine:hover{background:#fff0cf;border-color:#e8ba57}
.compact-product-table{width:100%!important;min-width:0!important;table-layout:fixed;margin:0!important}
.compact-product-table th,.compact-product-table td{padding:8px 6px;white-space:normal;min-width:0;vertical-align:middle}
.compact-product-table th:first-child,.compact-product-table td:first-child{width:35%}
.compact-product-table th:nth-child(2),.compact-product-table td:nth-child(2){width:12%}
.compact-product-table th:nth-child(3),.compact-product-table td:nth-child(3){width:15%}
.compact-product-table th:nth-child(4),.compact-product-table td:nth-child(4){width:15%}
.compact-product-table th:nth-child(5),.compact-product-table td:nth-child(5){width:15%}
.compact-product-table th:nth-child(6),.compact-product-table td:nth-child(6){width:8%;text-align:center}
.compact-product-table .sale-product,.compact-product-table .buy-product,.compact-product-table .product-combo-input,.compact-product-table .party-combo,.compact-product-table input,.compact-product-table select{width:100%!important;min-width:0!important;max-width:100%}
.product-cell-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.product-kind-badge{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.1;white-space:nowrap}
.product-kind-badge.feed{background:#e7f8ef;color:#08784f;border:1px solid #bae5d0}
.product-kind-badge.medicine{background:#fff2d8;color:#976300;border:1px solid #f1d08b}
.product-kind-badge.existing{background:#eef2f6;color:#536576;border:1px solid #d6dfe7}
.unified-product-card .sale-grand-total{margin-top:12px}
.unified-product-card .sale-payment-summary{margin-top:10px}

@media(max-width:780px){
  .product-entry-head{align-items:stretch}.product-type-actions{justify-content:flex-start}.product-type-btn{flex:1 1 150px}
  .compact-product-table,.compact-product-table tbody,.compact-product-table tr,.compact-product-table td{display:block;width:100%!important}
  .compact-product-table thead{display:none}
  .compact-product-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 0;border-bottom:1px solid #e8f0ec}
  .compact-product-table td{border:0;padding:0!important;min-width:0!important;text-align:left!important}
  .compact-product-table td:first-child{grid-column:1/-1}
  .compact-product-table td:last-child{grid-column:1/-1;text-align:right!important}
  .compact-product-table td::before{content:attr(data-label);display:block;margin:0 0 4px;color:#6b817a;font-size:11px;font-weight:800}
  .compact-product-table td:first-child::before{display:none}
  .product-cell-wrap{grid-template-columns:76px minmax(0,1fr)}
  .product-kind-badge{min-width:0;width:100%}
}
@media(max-width:520px){
  .compact-product-table tr{grid-template-columns:1fr}
  .compact-product-table td:first-child,.compact-product-table td:last-child{grid-column:auto}
  .product-type-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
}


/* v2.4.7 custom3: Admin SMTP + Email OTP. */
.otp-login-card{max-width:440px}.otp-mark{background:#e9f7f1;color:#087a56}.otp-code-input{text-align:center;font-size:26px;font-weight:800;letter-spacing:9px;font-variant-numeric:tabular-nums}.otp-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px}.otp-actions form{margin:0}.login-security-note{display:block;margin-top:12px;padding:9px 11px;border-radius:9px;background:#f2f8f5;color:#46665b;text-align:center;line-height:1.45}.profile-email{color:#547168;font-size:13px;word-break:break-all}
.otp-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;white-space:nowrap}.otp-status-pill.on{background:#e6f8ef;color:#08794f;border:1px solid #b8e5cf}.otp-status-pill.off{background:#f2f4f5;color:#65736e;border:1px solid #dce3e0}
.smtp-settings-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);gap:16px;align-items:start}.smtp-settings-card,.smtp-test-card{margin:0}.smtp-card-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.smtp-card-title h3{margin:0 0 4px}.smtp-card-title small{color:var(--muted);line-height:1.45}.smtp-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;background:#e8f7f0;color:#087b56;font-size:20px;font-weight:850}.smtp-icon.test{background:#fff3d8;color:#a96e00}.smtp-form{align-items:start}.smtp-form label{min-width:0}.smtp-toggle{background:#f5fbf8;border:1px solid #cfe7dc;border-radius:12px;padding:12px!important;gap:7px!important}.smtp-toggle>span{display:flex;align-items:center;gap:8px}.smtp-toggle input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#0a7a55}.smtp-toggle small{color:#587168;line-height:1.45}.smtp-secret-state{font-weight:700}.smtp-secret-state.set{color:#0b7a55}.smtp-secret-state.missing{color:#9b6812}.smtp-save-row{display:flex;justify-content:flex-start}.smtp-test-card{position:sticky;top:92px}.otp-admin-email{display:flex;flex-direction:column;gap:6px;background:#f7faf9;border:1px solid #e0ebe6;border-radius:12px;padding:13px;margin-bottom:12px}.otp-admin-email small{color:var(--muted)}.otp-admin-email b{word-break:break-all}.otp-admin-email .btn{align-self:flex-start;margin-top:4px}.smtp-test-btn{width:100%;background:#fff6df;border-color:#edcf8d;color:#8a5a00;font-weight:800}.smtp-test-btn:hover{background:#ffefc5}.smtp-security-note,.smtp-recovery-note{margin-top:12px;padding:12px;border-radius:11px;font-size:12px;line-height:1.55}.smtp-security-note{background:#eef8f4;border:1px solid #d3e9df;color:#365c4f}.smtp-recovery-note{background:#fff8e9;border:1px solid #f2ddb0;color:#725522}
@media(max-width:900px){.smtp-settings-layout{grid-template-columns:1fr}.smtp-test-card{position:static}}
@media(max-width:520px){.otp-actions{align-items:stretch;flex-direction:column}.otp-actions form,.otp-actions .btn,.otp-actions form .btn{width:100%}.otp-code-input{font-size:23px;letter-spacing:7px}}

.sidebar-logout-standalone{margin-top:16px!important;border-top:1px solid rgba(255,255,255,.16);padding-top:10px;margin-left:0!important}.sidebar-logout-standalone .sidebar-logout-button{font-weight:800;color:#ffd9d9}.party-name-cell{display:flex;align-items:center;gap:10px}.party-name-cell .user-table-avatar{flex:0 0 38px}.sms-settings-layout{margin-top:16px}.profile-phone{margin:.25rem 0;color:var(--muted)}