/* =====================================================================
   nds_hisab.css — ডিজিটাল আয়-ব্যয়। সব ক্লাস hs- prefix।
   গ্লোবাল .btn/.card কখনো override করা হয় না (faraiz fz-, work nw- এর মতো)।
   ===================================================================== */
:root{
  --hs-bg:#f2f6fd; --hs-card:#fff; --hs-ink:#0f172a; --hs-mut:#64748b; --hs-hint:#94a3b8;
  --hs-line:#e2e8f0; --hs-blue:#2563eb; --hs-blue2:#3b82f6;
  --hs-sh:0 2px 10px rgba(37,99,235,.12); --hs-sh2:0 8px 20px rgba(37,99,235,.28);
  --hs-h:38px;
}
html[data-theme="dark"], body.dark{
  --hs-bg:#0b1220; --hs-card:#111a2b; --hs-ink:#e8eefc; --hs-mut:#93a4c0; --hs-hint:#7c8ba8;
  --hs-line:#22304a;
}
/* ⚠️ এখানে আগে `@media (prefers-color-scheme:dark){:root:not([data-theme="light"])}` ছিল।
   কিন্তু app.js `data-theme` সেট করে রঙের নাম দিয়ে (magenta/blue/teal/green/indigo) —
   কখনোই "light" নয়, তাই গার্ডটা কখনো কাজ করত না আর ফোন dark হলেই সেকশন কালো হয়ে যেত।
   অ্যাপে dark theme নেই, তাই ডিভাইস-থিম আর ধরা হয় না; উপরের data-theme="dark" রুলটাই
   একমাত্র পথ — ভবিষ্যতে সত্যিকারের dark মোড যোগ করলে ওটা দিয়েই চলবে। */

.hs-top,.hs-accs,.hs-3,.hs-2,.hs-list,.hs-filt,.hs-cats{color-scheme:light}

/* ── ট্যাব বার ── */
.hs-top{display:flex;align-items:center;gap:8px;margin:0 0 8px;flex-wrap:wrap}
.hs-tabs{display:flex;gap:5px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.hs-tabs::-webkit-scrollbar{display:none}
.hs-tb{flex:0 0 auto;height:32px;padding:0 13px;border:0;border-radius:3px;cursor:pointer;
  font:700 12.5px/1 inherit;color:#fff;white-space:nowrap;
  background:linear-gradient(135deg,#60a5fa,#93c5fd);box-shadow:0 2px 8px rgba(37,99,235,.3);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s,filter .2s}
.hs-tb:hover{transform:scale(1.12) translateY(-1px);box-shadow:var(--hs-sh2);filter:brightness(1.08)}
.hs-tb.on{background:linear-gradient(135deg,#0f172a,#1e3a8a)}
.hs-sync{flex:0 0 auto;font:600 11px/1 inherit;padding:5px 9px;border-radius:3px;
  color:var(--hs-mut);background:var(--hs-card);box-shadow:var(--hs-sh)}
.hs-sync.on{color:#1d4ed8} .hs-sync.wait{color:#b45309} .hs-sync.ok{color:#0e9f6e}

/* ── অ্যাকাউন্ট কার্ডের সারি ── */
.hs-accs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin:0 0 7px;scrollbar-width:none}
.hs-accs::-webkit-scrollbar{display:none}
.hs-acc{flex:1 1 0;min-width:104px;background:var(--hs-card);border-radius:5px;padding:7px 9px;
  box-shadow:var(--hs-sh);border-left:3px solid var(--c,#2563eb)}
.hs-acc small{display:block;font-size:10.5px;color:var(--hs-mut);margin:0 0 2px;white-space:nowrap}
.hs-acc b{display:block;font-size:15px;color:var(--hs-ink);white-space:nowrap}
.hs-acc b.neg{color:#e02424}
.hs-acc.tot{background:linear-gradient(135deg,#2563eb,#3b82f6);border-left:0}
.hs-acc.tot small,.hs-acc.tot b{color:#fff}

/* ── সারাংশ ── */
.hs-3{display:flex;gap:6px;margin:0 0 7px}
.hs-2{display:flex;gap:6px;margin:0 0 7px}
.hs-3>*,.hs-2>*{flex:1 1 0;min-width:0}
.hs-st{background:var(--hs-card);border-radius:5px;padding:7px 9px;box-shadow:var(--hs-sh)}
.hs-st small{display:block;font-size:10.5px;color:var(--hs-mut);margin:0 0 2px}
.hs-st b{display:block;font-size:15px;color:var(--hs-ink)}
.hs-st.in b{color:#0e9f6e} .hs-st.ex b{color:#e02424} .hs-st.nt b.neg{color:#e02424}
.hs-due{display:block;text-align:start;border:0;cursor:pointer;border-radius:5px;padding:7px 10px;
  color:#fff;font:inherit;box-shadow:0 2px 8px rgba(37,99,235,.3);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s}
.hs-due:hover{transform:scale(1.04) translateY(-1px);box-shadow:var(--hs-sh2)}
.hs-due.recv{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}
.hs-due.pay{background:linear-gradient(135deg,#b45309,#f59e0b)}
.hs-due small{display:block;font-size:10.5px;opacity:.92;margin:0 0 2px}
.hs-due b{display:block;font-size:16px}
.hs-lt{font-style:normal;background:rgba(255,255,255,.24);padding:1px 5px;border-radius:2px;margin-inline-start:4px}

/* ── তালিকা ── */
.hs-h{font:700 12.5px/1.2 inherit;color:var(--hs-mut);margin:10px 0 5px}
.hs-list{display:flex;flex-direction:column;gap:4px}
.hs-r,.hs-d{display:flex;align-items:center;gap:8px;background:var(--hs-card);
  border-radius:4px;padding:6px 9px;box-shadow:var(--hs-sh)}
.hs-tag{flex:0 0 auto;font:700 10.5px/1 inherit;color:#fff;background:var(--c,#2563eb);
  padding:4px 7px;border-radius:2px;white-space:nowrap}
.hs-ri{flex:1 1 auto;min-width:0}
.hs-ri b{display:block;font:600 13px/1.25 inherit;color:var(--hs-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-ri small{display:block;font-size:10.5px;color:var(--hs-mut);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-ri small i{font-style:normal;color:#b45309;font-weight:600}
.hs-am{flex:0 0 auto;font:700 14px/1 inherit;color:var(--hs-ink);white-space:nowrap}
.hs-lock{display:inline-flex;align-items:center;vertical-align:-1px;color:var(--hs-blue);opacity:.75}
.hs-del{flex:0 0 auto;width:24px;height:24px;border:0;border-radius:3px;cursor:pointer;
  background:#fee2e2;color:#b91c1c;font:700 12px/1 inherit;transition:transform .18s,background .18s}
.hs-del:hover{transform:scale(1.15);background:#fecaca}
.hs-empty{color:var(--hs-mut);font-size:12.5px;text-align:center;padding:18px 8px}

/* ── পাওনা-দেনা ── */
.hs-d{border-left:3px solid #94a3b8}
.hs-d.d1{border-left-color:#f59e0b} .hs-d.d2{border-left-color:#f97316} .hs-d.d3{border-left-color:#dc2626}
.hs-dn{flex:0 0 auto;text-align:end}
.hs-dn b{display:block;font:700 14px/1.1 inherit;color:var(--hs-ink)}
.hs-dn small{display:block;font-size:10px;color:var(--hs-mut)}

/* ── ফিল্টার ও চিপ ── */
.hs-filt{margin:0 0 7px}
.hs-chips{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 6px}
.hs-chip{height:28px;padding:0 11px;border:0;border-radius:3px;cursor:pointer;
  font:700 11.5px/1 inherit;color:#fff;background:linear-gradient(135deg,#60a5fa,#93c5fd);
  box-shadow:0 2px 6px rgba(37,99,235,.28);transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s}
.hs-chip:hover{transform:scale(1.12);box-shadow:var(--hs-sh2)}
.hs-chip.on{background:linear-gradient(135deg,#0f172a,#1e3a8a)}
.hs-2.sm .hs-st b{font-size:14px}

/* ── ফর্ম: এক সারিতে নিখুঁত align (হার্ড রুল) ── */
.hs-row{display:flex;gap:8px;align-items:stretch;margin:0 0 6px}
.hs-row>*{flex:1 1 0;min-width:0}
.hs-f{display:flex;flex-direction:column;gap:3px;margin:0 0 6px;min-width:0}
.hs-row .hs-f{margin:0}
.hs-f>span{font:600 11.5px/1.1 inherit;color:var(--hs-ink)}
html[data-theme="dark"] .hs-f>span{color:var(--hs-ink)}
.hs-f input,.hs-f select{
  box-sizing:border-box;height:var(--hs-h);width:100%;padding:0 10px;
  border:1px solid var(--hs-line);border-radius:3px;
  background:var(--hs-card)!important;color:var(--hs-ink)!important;
  font:600 13px/1 inherit;color-scheme:light;
  transition:border-color .18s,box-shadow .18s}
/* ⚠️ গ্লোবাল style.css-এ `::-webkit-input-placeholder{color:#334155!important}` আছে —
   !important ছাড়া hint ধূসরের বদলে প্রায়-কালো হয়ে যায়। ক্লাস-সহ সিলেক্টর তাই
   বেশি specificity পায় আর জেতে। (owner রুল: label কালো · hint ধূসর #94a3b8 · টেক্সট কালো) */
.hs-f input::placeholder,.hs-f textarea::placeholder{color:var(--hs-hint)!important;opacity:1!important;font-weight:500}
.hs-f input::-webkit-input-placeholder{color:var(--hs-hint)!important;opacity:1!important;font-weight:500}
.hs-f input:focus,.hs-f select:focus{outline:0;border-color:var(--hs-blue);
  box-shadow:0 0 0 3px rgba(37,99,235,.16)}
.hs-amt input{font-size:17px;font-weight:800;letter-spacing:.3px}
.hs-chk{display:flex;align-items:center;gap:7px;margin:2px 0 0;cursor:pointer;
  font:600 12.5px/1 inherit;color:var(--hs-ink)}
.hs-chk input{align-self:center;width:17px;height:17px;accent-color:var(--hs-blue);margin:0}
/* hint নিজের সারি নেয়, উপরের কন্ট্রোলের উচ্চতা ছোঁয় না */
.hs-hint{font-size:10.5px;color:var(--hs-hint);margin:3px 0 0;line-height:1.35}

/* ── বোতাম ── */
.hs-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;
  height:var(--hs-h);padding:0 15px;border:0;border-radius:3px;cursor:pointer;
  font:700 12.5px/1 inherit;color:#fff;
  background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 8px rgba(37,99,235,.38);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s,filter .2s}
.hs-btn:hover{transform:scale(1.12) translateY(-1px);box-shadow:var(--hs-sh2);filter:brightness(1.08)}
.hs-btn:active{transform:scale(1.03)}
.hs-btn.alt{background:linear-gradient(135deg,#0e9f6e,#34d399);box-shadow:0 2px 8px rgba(14,159,110,.34)}
.hs-btn.ghost{background:linear-gradient(135deg,#64748b,#94a3b8);box-shadow:0 2px 8px rgba(100,116,139,.3)}
.hs-btn.sm{height:30px;padding:0 11px;font-size:11.5px;flex:0 0 auto}

/* ── FAB ── */
.hs-fab{position:fixed;right:16px;bottom:76px;z-index:60;width:52px;height:52px;border:0;
  border-radius:50%;cursor:pointer;font:400 26px/1 inherit;color:#fff;
  background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 18px rgba(37,99,235,.5);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s}
.hs-fab:hover{transform:scale(1.14);box-shadow:0 10px 26px rgba(37,99,235,.62)}
body.has-nav .hs-fab{bottom:24px}

/* ── মডাল ── */
.hs-mwrap{position:fixed;inset:0;z-index:9990;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(15,23,42,.5);opacity:0;transition:opacity .18s}
.hs-mwrap.on{opacity:1}
.hs-mbox{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--hs-bg);
  border-radius:8px 8px 0 0;box-shadow:0 -8px 30px rgba(37,99,235,.3);
  transform:translateY(14px);transition:transform .2s cubic-bezier(.2,.8,.3,1.2)}
.hs-mwrap.on .hs-mbox{transform:none}
.hs-mhead{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;
  padding:10px 12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}
.hs-mhead b{flex:1;font-size:14px}
.hs-x{width:28px;height:28px;border:0;border-radius:3px;cursor:pointer;
  background:rgba(255,255,255,.2);color:#fff;font:700 13px/1 inherit;transition:transform .18s,background .18s}
.hs-x:hover{transform:scale(1.14);background:rgba(255,255,255,.34)}
.hs-mbody{padding:10px 12px 14px}
.hs-mfoot{display:flex;gap:7px;margin-top:10px}
.hs-mfoot .hs-btn{flex:1 1 0}
.hs-ktabs{display:flex;gap:5px;overflow-x:auto;margin:0 0 9px;scrollbar-width:none}
.hs-ktabs::-webkit-scrollbar{display:none}
.hs-kt{flex:0 0 auto;height:30px;padding:0 12px;border:0;border-radius:3px;cursor:pointer;
  font:700 12px/1 inherit;color:#fff;background:linear-gradient(135deg,var(--c),var(--c));
  filter:saturate(.55) brightness(1.28);box-shadow:0 2px 6px rgba(37,99,235,.26);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),filter .2s,box-shadow .2s}
.hs-kt:hover{transform:scale(1.12);filter:none;box-shadow:var(--hs-sh2)}
.hs-kt.on{filter:none;box-shadow:0 4px 12px rgba(37,99,235,.44)}

@media (min-width:700px){
  .hs-mwrap{align-items:center}
  .hs-mbox{border-radius:8px}
}

/* ── সেটআপের খাত ── */
.hs-cats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.hs-cats>div{flex:1 1 240px;min-width:0;background:var(--hs-card);border-radius:5px;
  padding:7px 9px;box-shadow:var(--hs-sh)}
.hs-cats small{display:block;font:700 11px/1 inherit;color:var(--hs-mut);margin:0 0 5px}
.hs-pill{display:inline-block;font:600 11.5px/1 inherit;padding:5px 9px;border-radius:3px;
  margin:0 4px 4px 0;color:#fff}
.hs-pill.in{background:linear-gradient(135deg,#0e9f6e,#34d399)}
.hs-pill.out{background:linear-gradient(135deg,#d97706,#f59e0b)}

/* ── তাগাদা: ঘণ্টা · ব্যাজ · সতর্কতা · ইনবক্স ── */
.hs-bell{position:relative;flex:0 0 auto;width:32px;height:32px;border:0;border-radius:3px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 8px rgba(37,99,235,.38);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s}
.hs-bell:hover{transform:scale(1.14);box-shadow:var(--hs-sh2)}
.hs-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:16px;height:16px;padding:0 4px;
  border-radius:8px;background:#dc2626;color:#fff;font:700 10px/16px inherit;font-style:normal;
  box-shadow:0 2px 6px rgba(220,38,38,.5)}
.hs-warn{background:linear-gradient(135deg,#7f1d1d,#dc2626);color:#fff;font:600 11.5px/1.35 inherit;
  padding:7px 10px;border-radius:4px;margin:0 0 7px;box-shadow:0 2px 8px rgba(220,38,38,.34)}
.hs-n{display:flex;gap:8px;background:var(--hs-card);border-radius:4px;padding:7px 9px;
  box-shadow:var(--hs-sh);border-left:3px solid #94a3b8}
.hs-n.mid{border-left-color:#f59e0b} .hs-n.high{border-left-color:#dc2626}
.hs-n.seen{opacity:.58}
.hs-n .hs-ri b{white-space:normal}
.hs-n .hs-ri small{white-space:normal}
.hs-dact{flex:0 0 auto;display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.hs-btn.wa{text-decoration:none;background:linear-gradient(135deg,#128c7e,#25d366);
  box-shadow:0 2px 8px rgba(18,140,126,.36)}
.hs-brk{display:block;font-size:9.5px;color:#dc2626;font-weight:600}
@media (max-width:420px){
  .hs-d{flex-wrap:wrap}
  .hs-dact{width:100%;justify-content:stretch}
  .hs-dact>*{flex:1 1 0}
}

/* ── রিপোর্ট শিট (A4) ──
   ⚠️ এটি data-grid/report নিয়ম মানে — নীল-shadow কার্ড নয়, দৃশ্যমান slate বর্ডার। */
.hs-rbtns{display:flex;gap:6px;align-items:stretch;height:var(--hs-h)}
.hs-rbtns .hs-btn.sm{height:var(--hs-h);flex:1 1 0}
.hs-sheet{background:#fff;color:#0f172a;border:1px solid #64748b;border-radius:3px;
  padding:14px 16px;margin:8px 0 0;max-width:794px;box-shadow:0 2px 12px rgba(37,99,235,.14)}
.hs-shead{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;
  border-bottom:2px solid #0f172a;padding-bottom:8px;margin:0 0 10px}
.hs-shead b{display:block;font-size:16px;font-weight:800;line-height:1.2}
.hs-shead small{display:block;font-size:10.5px;color:#475569;line-height:1.4}
.hs-stitle{text-align:end;flex:0 0 auto}
.hs-stitle b{font-size:13.5px}
.hs-stitle small{font-size:11px;color:#1e3a8a;font-weight:700}
.hs-sum3{display:flex;gap:8px;margin:0 0 10px}
.hs-sum3>div{flex:1 1 0;border:1px solid #94a3b8;border-radius:3px;padding:6px 9px}
.hs-sum3 small{display:block;font-size:10px;color:#475569}
.hs-sum3 b{display:block;font-size:16px;font-weight:800}
.hs-sum3 .in b{color:#0e7a55} .hs-sum3 .ex b{color:#b91c1c}
.hs-sum3 .nt{background:#eef4ff;border-color:#2563eb} .hs-sum3 .nt b{color:#1d4ed8}
.hs-sum3 .nt.neg b{color:#b91c1c}
.hs-sec{margin:0 0 10px}
.hs-sec h4{font:800 12px/1.2 inherit;margin:0 0 4px;color:#0f172a}
.hs-none{font-size:11px;color:#64748b;margin:0}
.hs-tbl{width:100%;border-collapse:collapse;font-size:11.5px}
.hs-tbl th,.hs-tbl td{border:1px solid #94a3b8;padding:4px 7px;text-align:start}
.hs-tbl thead th{background:#e8eefc;font-weight:800;color:#0f172a}
.hs-tbl tfoot th{background:#f1f5f9;font-weight:800}
.hs-tbl .r{text-align:end;white-space:nowrap}
.hs-tbl .w{width:26%}
.hs-bar{display:block;height:9px;background:#e2e8f0;border-radius:2px;overflow:hidden}
.hs-bar i{display:block;height:100%}
.hs-bar.in i{background:linear-gradient(90deg,#0e9f6e,#34d399)}
.hs-bar.ex i{background:linear-gradient(90deg,#d97706,#f59e0b)}
.hs-sfoot{display:flex;justify-content:space-between;align-items:flex-end;
  border-top:1px solid #94a3b8;padding-top:8px;margin-top:4px}
.hs-sfoot small{font-size:10px;color:#475569}
.hs-sign{text-align:center}
.hs-sign span{display:block;width:150px;border-bottom:1px solid #0f172a;margin:20px 0 3px}
.hs-sign small{font-size:10.5px;color:#0f172a;font-weight:600}
/* ছাপার সময় শিট সবসময় সাদা-কালোয় পড়ার যোগ্য থাকবে (ডার্ক থিমেও) */
@media print{
  .hs-sheet{border:0;box-shadow:none;padding:0;max-width:none;margin:0}
  .hs-bar{border:1px solid #94a3b8}
  .hs-tbl{font-size:11px}
}
@media (max-width:420px){
  .hs-shead{flex-wrap:wrap}
  .hs-stitle{text-align:start}
  .hs-sum3{flex-wrap:wrap}
  .hs-sum3>div{flex:1 1 46%}
  .hs-tbl .w{display:none}          /* সরু পর্দায় অনুপাতের কলাম বাদ, টাকাই জরুরি */
  .hs-sheet{padding:10px 11px}
}

/* ── রশিদের ছবি ── */
.hs-pic{flex:0 0 auto;width:24px;height:24px;border:0;border-radius:3px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  background:#e8eefc;color:#1d4ed8;transition:transform .18s,background .18s}
.hs-pic:hover{transform:scale(1.15);background:#dbe6fb}
/* ⭐ রসিদ / বিল বোতাম — গ্রেডিয়েন্ট + hover জুম (owner রুল) */
.hs-rcpt{flex:0 0 auto;width:24px;height:24px;border:0;border-radius:3px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,#b45309,#f59e0b);box-shadow:0 2px 7px rgba(180,83,9,.36);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s,filter .2s}
.hs-rcpt:hover{transform:scale(1.16);box-shadow:0 7px 16px rgba(180,83,9,.5);filter:brightness(1.08)}
.hs-photo{display:block;width:100%;height:auto;border-radius:4px;background:#0f172a}

/* ── সেটআপ: বোতামের সারি ও নগদ মিলান ── */
.hs-brow{display:flex;gap:7px;align-items:stretch;flex-wrap:wrap;margin:0 0 4px}
.hs-brow>*{flex:1 1 160px}
.hs-recon{background:var(--hs-card);border-radius:4px;padding:8px 10px;margin:6px 0 0;
  box-shadow:var(--hs-sh)}
.hs-recon b{display:block;font:700 13px/1.3 inherit;color:var(--hs-ink)}
.hs-recon small{display:block;font-size:11.5px;margin-top:3px;font-weight:600}
.hs-recon small.ok{color:#0e9f6e} .hs-recon small.up{color:#1d4ed8} .hs-recon small.dn{color:#dc2626}

/* ── টোস্ট ── */
.hs-toast{position:fixed;left:50%;bottom:96px;z-index:9995;transform:translate(-50%,12px);
  background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;font:600 12.5px/1 inherit;
  padding:10px 15px;border-radius:4px;box-shadow:0 8px 22px rgba(37,99,235,.45);
  opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:88vw;text-align:center}
.hs-toast.on{opacity:1;transform:translate(-50%,0)}
.hs-toast.bad{background:linear-gradient(135deg,#7f1d1d,#dc2626);box-shadow:0 8px 22px rgba(220,38,38,.45)}

/* ── ৩৭৫px ── */
@media (max-width:420px){
  .hs-3{flex-wrap:wrap}
  .hs-3>*{flex:1 1 46%}
  .hs-3>*:last-child{flex:1 1 100%}
  .hs-acc{min-width:96px}
  .hs-am{font-size:13px}
  /* ৩৭৫px-এও দুই ফিল্ড পাশাপাশি ধরে (৩৫১÷২ ≈ ১৭১px) — ১০০% basis দিলে
     অকারণে একটার নিচে একটা নামত আর ডান পাশ ফাঁকা পড়ে থাকত। */
  .hs-row{flex-wrap:wrap}
  .hs-row>*{flex:1 1 140px}
}