/**
 * biz2 — নকশা | the design from the canvas, one file (২০২৬-১০-২৩, ব্যবহারকারী: "২২০টা ছবির মতো হুবহু").
 * =========================================================================================
 * রং, অক্ষর, কার্ড, বোতাম — ক্যানভাসের ছবিগুলো থেকে হুবহু। প্রোফাইল সবুজ; কোম্পানি অ্যাপ body.co দিলে গাঢ় নীল।
 * ফোনের মাপে ছবির মতো; বড় পর্দায় মাঝখানে একটু চওড়া কলাম (.d-app)।
 */
:root{
  --bg:#F5F4EF;--card:#fff;--ink:#1C1B18;--mu:#66635A;--mu2:#8A877D;--line:#E7E4DB;--line2:#D6D2C6;--line3:#CFCBBF;--chip:#DAD6CB;
  --brand:#1E5B4B;--brand-2:#2E6E5C;--brand-soft:#DCEBE3;--brand-soft2:#E2EEE8;--brand-soft3:#EEF5F1;
  --red:#9A3426;--red-ink:#7E2A1E;--red-soft:#F7E1DB;--amber:#6B4A00;--amber-mid:#D9A52B;--amber-soft:#FBF0D6;--note:#EFEDE6;--tab:#E9E6DD;
  --r-card:18px;--r-in:14px;--r-btn:16px;
  --font:'Hind Siliguri','Noto Sans Bengali','Nirmala UI',system-ui,sans-serif;
}
body.co{--bg:#F2F4F7;--ink:#15202B;--mu:#5E6B7A;--line:#E1E5EB;--line2:#D3D9E1;--line3:#C9D2DD;--brand:#1F3A5F;--brand-soft:#DCE6F2;--brand-soft2:#EEF2F7;--brand-soft3:#EEF2F7;--note:#EEF2F7;--tab:#E3E8EF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
img{max-width:100%}

/* পাতার কলাম | the page column — ফোনে পুরো চওড়া, বড় পর্দায় মাঝখানে */
.d-app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
@media(min-width:900px){.d-app.wide{max-width:960px}}

/* মাথা | the header row: ← বোতাম, শিরোনাম, ডানে কিছু */
.top{display:flex;align-items:center;gap:12px;padding:22px 20px 12px}
.top h1{margin:0;font-size:20px;font-weight:600;flex:1;min-width:0}
.ib{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid #E4E1D8;display:grid;place-items:center;padding:0;color:var(--ink);text-decoration:none;flex:0 0 44px;cursor:pointer}
body.co .ib{border-color:var(--line)}
.bd{flex:1;padding:4px 20px 12px;display:flex;flex-direction:column;gap:14px}

/* লেখা | text */
.mu{color:var(--mu);font-size:13px}
.lb{font-size:14px;color:#4B4942;margin-bottom:6px;display:block;font-weight:500}
body.co .lb{color:#3A4756}
.up{color:var(--brand)}.dn{color:var(--red)}
b,strong{font-weight:600}

/* কার্ড আর বাক্স | cards and notes */
.cd{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px}
.note{background:var(--note);border-radius:16px;padding:12px 14px;font-size:14px;color:#4B4942}
.warn{background:var(--amber-soft);border-radius:16px;padding:12px 14px;font-size:14px;color:var(--amber)}
.bad{background:var(--red-soft);border-radius:16px;padding:12px 14px;font-size:14px;color:var(--red-ink)}
.good{background:var(--brand-soft);border-radius:16px;padding:12px 14px;font-size:14px;color:var(--brand)}
.rw{display:flex;align-items:center;gap:12px}
.ln{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #EFEDE6}
.ln:last-child{border-bottom:0}

/* ঘর | inputs */
.in{height:52px;border-radius:var(--r-in);border:1px solid var(--line2);background:#fff;padding:0 16px;font-size:16px;width:100%;color:var(--ink);outline:0}
.in:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.in:disabled{background:var(--note);color:var(--mu2)}
.in.guard-bad,.in.is-invalid{border-color:#dc3545}
.fld{position:relative}
.fld .peek{position:absolute;right:6px;top:6px;width:40px;height:40px;border:0;background:transparent;color:var(--mu);display:grid;place-items:center;cursor:pointer}

/* বোতাম | buttons */
.pb{display:grid;place-items:center;height:56px;border:0;border-radius:var(--r-btn);background:var(--brand);color:#fff;font-size:17px;font-weight:600;width:100%;text-decoration:none;cursor:pointer}
.pb:disabled{opacity:.55;cursor:not-allowed}
.sb{display:grid;place-items:center;height:52px;border-radius:var(--r-btn);border:1px solid var(--line3);background:#fff;font-size:16px;font-weight:500;color:var(--brand);width:100%;text-decoration:none;cursor:pointer}

/* ধাপের দাগ | the step bar */
.st{display:flex;gap:8px}.st span{flex:1;height:6px;border-radius:3px;background:var(--chip)}.st span.on{background:var(--brand)}

/* বার্তা | flash messages */
.d-msg{border-radius:14px;padding:11px 14px;font-size:14px}
.d-msg.danger{background:var(--red-soft);color:var(--red-ink)}
.d-msg.warning{background:var(--amber-soft);color:var(--amber)}
.d-msg.success,.d-msg.info{background:var(--brand-soft);color:var(--brand)}
.guard-msg{color:#b02a37;font-size:13px;margin-top:4px}

/* ছবির সাধারণ টুকরো — প্রতিটা ছবির নিজের CSS পরে এসে দরকার হলে বদলায় | shared picture pieces */
.chip{display:inline-block;background:#E2EEE8;color:#1E5B4B;border-radius:8px;padding:1px 9px;font-size:13px;font-weight:500}
.chr{display:inline-block;background:#F7E1DB;color:#9A3426;border-radius:8px;padding:2px 10px;font-size:13px;font-weight:600}
.ch{display:flex;gap:8px;flex-wrap:wrap}
.ch button,.ch span,.ch a{height:36px;border-radius:10px;border:1px solid #DAD6CB;background:#fff;padding:0 14px;font:500 14px 'Hind Siliguri',sans-serif;color:#4B4942;display:inline-grid;place-items:center;text-decoration:none}
.ch button.on,.ch span.on,.ch a.on{background:#1E5B4B;color:#fff;border-color:#1E5B4B}
.k2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.k3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wait{font-size:12px;font-weight:600;color:#8A6100;background:#FBF0D6;border-radius:8px;padding:2px 8px}
.av{border-radius:50%;display:grid;place-items:center;font-weight:600}