/* dcc-bill.css - prototype <style id="billCss"> (DCC bill print layout, LBE_SPEC 3c) */
/* ==== পোর্টাল-অনুমোদিত DCC বিল-ফরম্যাট ==== */
.dcc{font-family:'IBM Plex Sans','Segoe UI','Noto Sans Bengali','Nirmala UI',Arial,sans-serif;
  font-size:12px;color:#111;background:#fdfaf3;font-variant-numeric:tabular-nums;
  max-width:800px;margin:0 auto;padding:16px 18px;border:1px solid #ccc;border-radius:8px;
  box-shadow:0 1px 6px rgba(0,0,0,.06)}
.dcc-h{display:flex;gap:12px;align-items:center;justify-content:center;text-align:center;margin-bottom:8px}
.dcc-h img{width:64px;height:64px;object-fit:contain}
.dcc-h .t1{color:#1743c4;font-weight:700;font-size:18px;letter-spacing:.3px;font-family:'IBM Plex Serif','IBM Plex Sans',serif}
.dcc-h .t2{color:#c4128f;font-weight:700;font-size:13px;letter-spacing:1.6px}
.dcc-h .t3{font-weight:800;font-size:12px}
.dcc table.g{width:100%;border-collapse:collapse;margin-top:6px}
.dcc table.g th,.dcc table.g td{border:1px solid #c9a5b4;padding:3.5px 7px;font-family:inherit;font-size:11.5px}
.dcc table.g th{background:#f6d9e4;font-weight:700;text-align:left;color:#5a2340}
.dcc table.g td{color:#16233b}
.dcc table.g td.r{font-weight:600}
.dcc .c{text-align:center}
.dcc .r{text-align:right}
.dcc .payto{border:1px solid #333;margin-top:6px;padding:10px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;min-height:86px}
.dcc .payto-l{flex:1;min-width:0;align-self:flex-start;line-height:1.7}
.dcc .sig{text-align:center;font-size:11px;flex:0 0 auto;line-height:1.5;white-space:nowrap}
@media(max-width:640px){.dcc{font-size:10px}.dcc table.g th,.dcc table.g td{font-size:10px;padding:2.5px 4px}}

/* ---- ৪-কালার বিল সেকশন ---- */
.dcc table.s1 th{background:#dbeafe;color:#12407a}
.dcc table.s1 th,.dcc table.s1 td{border-color:#a9c6ea}
.dcc table.s2 th{background:#d5ebf8;color:#1580b0}
.dcc table.s2 th,.dcc table.s2 td{border-color:#a9cfe8}
.dcc table.s3 th{background:#fdeccc;color:#7a4c0d}
.dcc table.s3 th,.dcc table.s3 td{border-color:#e7c98f}
.dcc table.s4 th{background:#f6d9e4;color:#7a1f4d}
.dcc table.s4 th,.dcc table.s4 td{border-color:#dfaec4}
.dcc .payto.s4{border-color:#dfaec4;background:#fdf4f8}
.modal.wide{max-width:860px;width:96vw}
.modal.wide .bd{max-height:82vh;overflow:auto;background:#ece9e1;padding:14px}
/* ---- বিলের নিচের ক্রেডিট লাইন ---- */
.dcc-cred{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;
  margin-top:8px;padding-top:7px;border-top:1px dashed #c9a5b4;font-size:10.5px;color:#5b6b83}
.dcc-cred>span:first-child{text-align:left}
.dcc-cred>span:last-child{text-align:right}
.dcc-cred b{color:#16233b;font-weight:600}
.dcc-cred .sep{color:#c9a5b4;text-align:center}
@media(max-width:640px){.dcc-cred{grid-template-columns:1fr;text-align:center}
  .dcc-cred>span:first-child,.dcc-cred>span:last-child{text-align:center}
  .dcc-cred .sep{display:none}}

/* আসল ডিসিসি-বিল: এক-গোলাপি প্যালেট */
.dcc{background:#fff}
.dcc table.s1 th,.dcc table.s2 th,.dcc table.s3 th{background:#f6d9e4;color:#5a2340}
.dcc table.s1 th,.dcc table.s1 td,.dcc table.s2 th,.dcc table.s2 td,.dcc table.s3 th,.dcc table.s3 td{border-color:#dfaec4}
.dcc .arr2{display:grid;grid-template-columns:1fr 1fr;gap:2px 26px}
.dcc .arr2 span{display:flex;justify-content:space-between;gap:12px}
@media print{.dcc{box-shadow:none;border:0;border-radius:0;max-width:none}}

.bill .b-sign.single{display:block;text-align:right;margin-top:26px;padding-right:12px}
.bill .b-sign.single .b-sn{font-weight:700;font-size:11pt}
.bill .b-sign.single .b-sd{font-size:9pt;line-height:1.5}

  .bill{width:190mm;margin:0 auto;background:#fff;color:#000;font-family:"Courier New",Courier,monospace;font-size:11.5px;line-height:1.25;padding:6mm 5mm}
  .bill *,.bill .num,.bill td.num,.bill td.r.num,.bill .c,.bill .r,.bill td,.bill th{color:#000 !important;font-family:"Courier New",Courier,monospace !important;font-weight:700}
  .bill .b-org{color:#1f8fc0 !important}
  .bill .b-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
  .bill .b-head img{width:64px;height:64px;object-fit:contain}
  .bill .b-title{flex:1;text-align:center;font-size:12px}
  .bill .b-org{font-size:18px;letter-spacing:.5px;color:#1f8fc0 !important;margin-bottom:2px}
  .bill .b-band{background:#f4a5a5;text-align:center;font-size:11px;padding:2px 0;border:1px solid #000;border-top:0}
  .bill table.b-tbl{width:100%;border-collapse:collapse;table-layout:fixed}
  .bill table.b-tbl th,.bill table.b-tbl td{border:1px solid #000;padding:2px 5px;font-size:11px;vertical-align:middle;word-wrap:break-word}
  .bill table.b-tbl th{background:#f4a5a5;text-align:center}
  .bill table.b-tbl.small th,.bill table.b-tbl.small td{font-size:10px;padding:2px 3px}
  .bill td.lbl{text-align:left}
  .bill .c{text-align:center} .bill .r{text-align:right} .bill .l{text-align:left} .bill .b{font-weight:800}
  .bill table.b-inner{width:100%;border-collapse:collapse;height:100%}
  .bill table.b-inner td{border:0;border-right:1px solid #000;padding:2px 5px}
  .bill table.b-inner td:last-child{border-right:0}
  .bill table.b-inner tr:first-child td{border-bottom:1px solid #000}
  .bill table.b-inner.tall tr td{border:0;height:9mm;vertical-align:top}
  .bill table.b-inner.tall tr td:first-child{border-right:1px solid #000}
  .bill table.b-inner.tall tr:first-child td{border-bottom:0}
  .bill .b-sign{display:flex;justify-content:space-between;margin-top:14mm;padding:0 8mm}
  .bill .b-sign span{border-top:1px solid #000;padding-top:3px;min-width:34mm;text-align:center;font-size:10.5px}
  .bmodal{position:fixed;inset:0;background:rgba(9,20,40,.55);z-index:80;display:none;align-items:flex-start;justify-content:center;overflow:auto;padding:24px}
  .bmodal.on{display:flex}
  .bmodal-in{background:#e9eef4;border-radius:12px;max-width:820px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden}
  .bmodal-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#132b52;color:#fff}
  .bmodal-bar b{color:#fff !important} .bmodal-bar .spacer{flex:1}
  .bmodal-body{padding:16px;overflow:auto;max-height:80vh}
  @media print{ body>*:not(#billModal){display:none !important} #billModal{position:static;display:block !important;background:#fff;padding:0} .bmodal-in{box-shadow:none;max-width:none;background:#fff} .bmodal-bar{display:none} .bmodal-body{max-height:none;padding:0} }

  /* ===== টপ ব্যানার (নেভি ট্যাব-বার) সাদা ===== */
  .topmenu .lvl1{background:linear-gradient(180deg,#c9d5db,#dde5ea) !important;border-bottom:1px solid #cfe6f5 !important;box-shadow:0 2px 10px rgba(19,43,82,.06) !important}
  .topmenu .lvl1 a{color:#132b52 !important;opacity:1 !important;border-bottom:3px solid transparent !important}
  .topmenu .lvl1 a:hover{color:#1f8fc0 !important;background:transparent !important}
  .topmenu .lvl1 a.on{color:#1f8fc0 !important;background:transparent !important;border-bottom-color:#1f8fc0 !important}
  .topmenu .lvl1 a[data-g="Operations"] .dot{background:#1f8fc0 !important}
  .topmenu .lvl1 a[data-g="Insight"] .dot{background:#f2b705 !important}
  .topmenu .lvl1 a[data-g="Administration"] .dot{background:#e5453b !important}
  /* ড্যাশবোর্ড ধরন-টগল */
  .dashtype{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
  .dashtype button{border:1.5px solid #cfe6f5;background:#fff;color:#14618a;font-weight:800;font-size:13px;border-radius:999px;padding:7px 18px;cursor:pointer;transition:all .15s}
  .dashtype button:hover{border-color:#1f8fc0}
  .dashtype button.on{background:linear-gradient(180deg,#38aede,#1f8fc0);color:#fff;border-color:#1f8fc0;box-shadow:0 3px 10px rgba(31,143,192,.3)}
  .dashtype-note{font-size:11.5px;color:#5a6b78;margin-left:6px}
  /* গ্রাফ-টাইপ সিলেক্টর (কার্ড টপ-বারে) */
  .ct-seg{display:inline-flex;gap:4px;margin-left:auto}
  .ct-seg button{border:1.4px solid #cfe6f5;background:#fff;border-radius:8px;width:28px;height:26px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
  .ct-seg svg{width:14px;height:14px}
  .ct-seg .t-bar svg rect{fill:#1f8fc0}
  .ct-seg .t-line svg path{stroke:#1f8fc0;fill:none}
  .ct-seg .t-pie .pfill{fill:#1f8fc0}
  .ct-seg .t-pie .pfill2{fill:#9dd4ee}
  .ct-seg button.on .pfill{fill:#fff}
  .ct-seg button.on .pfill2{fill:#ffffffb0}
  .ct-seg button.on{background:#1f8fc0;border-color:#1f8fc0}
  .ct-seg button.on svg rect{fill:#fff}
  .ct-seg button.on svg path{stroke:#fff}
  .head .ct-seg{margin-left:auto}
  /* ---- MRS / প্রিন্ট-ওভারলে ---- */
  #printOverlay{display:none;position:fixed;inset:0;background:#f4f7fa;z-index:9999;overflow:auto}
  #printOverlay .po-bar{position:sticky;top:0;display:flex;align-items:center;gap:8px;background:#14618a;color:#fff;padding:10px 16px}
  #printOverlay .po-bar b{color:#fff;font-size:14px}
  #printOverlay .po-body{max-width:1000px;margin:16px auto;background:#fff;padding:22px;box-shadow:0 2px 14px rgba(0,0,0,.12)}
  .mrs-sheet{font-family:'Hind Siliguri','Noto Sans Bengali',sans-serif;color:#111}
  .mrs-top{display:flex;align-items:center;gap:14px;border-bottom:2px solid #14618a;padding-bottom:10px;margin-bottom:12px}
  .mrs-top img{height:52px}
  .mrs-h1{font-size:16px;font-weight:800;color:#14618a}
  .mrs-h2{font-size:12.5px;color:#555}
  .mrs-tbl{width:100%;border-collapse:collapse;font-size:11.5px}
  .mrs-tbl th,.mrs-tbl td{border:1px solid #999;padding:5px 6px}
  .mrs-tbl th{background:#e9f4fc;color:#14618a;font-weight:700}
  .mrs-tbl td.c{text-align:center}.mrs-tbl td.r{text-align:right}
  .mrs-tbl td.bl{background:#fcfcfc;min-width:52px}
  .mrs-tbl small{color:#777;font-size:9.5px}
  .mrs-foot{display:flex;justify-content:space-between;margin-top:22px;font-size:12px;color:#333}
  /* ---- আসল BPDB MRS রিপোর্ট ফরম্যাট ---- */
  .mrs-sheet.mono{font-family:'Courier New',monospace;color:#111;font-size:11px;line-height:1.5}
  .mrs-rpthd{text-align:center;border-bottom:1px solid #000;padding-bottom:6px;margin-bottom:10px}
  .mrs-rpthd .c1{font-weight:700}
  .mrs-rpthd .c2{font-weight:700;margin-top:2px}
  .mrs-rpthd .c3,.mrs-rpthd .c4{font-size:10px;margin-top:3px}
  .mrs-c{display:flex;gap:12px;border-bottom:1px dashed #bbb;padding:8px 0}
  .mrs-cl{width:210px;flex:none}
  .mrs-cl b{font-size:10.5px}.mrs-cl small{color:#444;font-size:9.5px}
  .mrs-cr{flex:1}
  .mrs-hd{margin-bottom:4px}
  .mr{margin:2px 0 4px 0}
  .mn{color:#333}
  .ml{padding-left:6px}
  .ml-t{display:inline-block;min-width:96px}
  .mc{padding-left:6px;color:#333}
  .hw{color:#1a5db5;letter-spacing:1px}
  .mrs-end{margin-top:12px;border-top:1px solid #000;padding-top:6px;text-align:center;font-weight:700}
  /* ---- A4 লেজার MRS ---- */
  .mrsA{font-family:'Hind Siliguri','Noto Sans Bengali',sans-serif;color:#1a2733;max-width:820px;margin:0 auto}
  .mrsA-top{display:flex;align-items:center;gap:14px;border-bottom:2.5px solid #14618a;padding-bottom:10px}
  .mrsA-top img{height:50px}
  .mrsA-ti .t1{font-size:14px;font-weight:800;color:#14618a}
  .mrsA-ti .t2{font-size:12px;color:#3a5568;margin-top:2px}
  .mrsA-meta{width:100%;border-collapse:collapse;margin:10px 0 14px}
  .mrsA-meta td{border:1px solid #cfe0ee;background:#f3f9ff;padding:5px 9px;font-size:11px}
  .mrsA-meta span{color:#5a7189;font-size:9.5px;display:block;text-transform:uppercase;letter-spacing:.3px}
  .mrsA-meta b{color:#14618a;font-size:12px}
  .mrsA-c{margin-bottom:12px;break-inside:avoid;border:1px solid #dbe6f0;border-radius:8px;overflow:hidden}
  .mrsA-hd{width:100%;border-collapse:collapse;background:#eaf4fc}
  .mrsA-hd td{padding:7px 10px;font-size:11.5px;vertical-align:top;border-right:1px solid #dbe6f0}
.mrsA-hd td.sl{width:34px;text-align:center;font-weight:800;color:#14618a;font-size:13px;background:#dcecf9;vertical-align:middle}
  .mrsA-hd .nm b{color:#14618a;font-size:12px}.mrsA-hd .nm span{color:#5a7189;font-size:9.5px}
  .mrsA-hd .kv span{color:#5a7189;font-size:9px;display:block;text-transform:uppercase}
  .mrsA-tbl{width:100%;border-collapse:collapse}
  .mrsA-tbl th{background:#f7fafd;color:#14618a;font-size:10.5px;font-weight:700;padding:5px 8px;border:1px solid #e3ebf3;text-align:left}
  .mrsA-tbl td{border:1px solid #e3ebf3;padding:6px 8px;font-size:11px}
  .mrsA-tbl td.c{text-align:center}.mrsA-tbl td.r{text-align:right}
  .mrsA-tbl td.pv{font-weight:700;color:#132b52;background:#fbfdff}
  .mrsA-tbl td.bl{background:#fffdf3;min-width:70px}
  .mrsA-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:1.5px solid #14618a;font-size:11.5px;color:#333}
  /* ---- বিলিং সিডিউল ---- */
  .sch-list{display:flex;flex-direction:column;gap:8px}
  .sch-step{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e3ebf3;border-radius:10px;background:#fff}
  .sch-step.is-done{background:#f2fbf5;border-color:#c9ecd6}
  .sch-ic{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#eaf4fc;border-radius:10px;flex:none}
  .sch-step.is-done .sch-ic{background:#dff5e6}
  .sch-main{flex:1}
  .sch-t{font-size:13.5px;color:#132b52;display:flex;align-items:center;gap:8px}
  .sch-meta{font-size:11.5px;color:#5a7189;margin-top:3px}
  .sch-act{flex:none}
  .sch-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}
  .sch-badge.ok{background:#dff5e6;color:#1e7e34}
  .sch-badge.pend{background:#fff3d6;color:#b8860b}
  .sch-badge.run{background:#e3f0fb;color:#14618a}
  /* ---- 3D রঙিন প্রগ্রেস-বোতাম ---- */
  .schbtn{border:none;border-radius:11px;padding:9px 16px;font-size:12.5px;font-weight:700;color:#fff;cursor:pointer;white-space:nowrap;
    font-family:inherit;letter-spacing:.2px;position:relative;transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;}
  .schbtn:hover{transform:translateY(-2px);filter:brightness(1.06)}
  .schbtn:active{transform:translateY(1px)}
  .schbtn.is-done{filter:saturate(.7) brightness(.98);opacity:.9}
  .schbtn.is-done::after{content:'✔';margin-left:6px;font-size:11px}
  
  .bc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .bc-grid label{display:flex;flex-direction:column;font-size:11px;color:#5a7189;gap:4px}
  .bc-grid input,.bc-grid select{padding:7px 9px;border:1px solid #cfe0ee;border-radius:7px;font-size:12.5px;color:#132b52}
  @media(max-width:720px){.bc-grid{grid-template-columns:repeat(2,1fr)}}
  .bc-grid2{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
  .bc-grid2 label{display:flex;flex-direction:column;font-size:11px;color:#5a7189;gap:4px}
  .bc-grid2 input,.bc-grid2 select{padding:8px 10px;border:1px solid #cfe0ee;border-radius:7px;font-size:13px;color:#132b52;min-width:110px}
  @media print{
    @page{size:A4;margin:12mm}
    .mrsA{max-width:none}
    .mrsA-tbl td.bl{background:#fff;border:1px solid #bbb}
    .mrsA-meta td{background:#fff}
  }


  @media print{
    body>*{display:none !important}
    #printOverlay{display:block !important;position:static;background:#fff}
    #printOverlay .no-print{display:none !important}
    #printOverlay .po-body{box-shadow:none;margin:0;max-width:none;padding:0}
    .mrs-tbl{font-size:10px}
  }
  .sm-seg{display:inline-flex;gap:6px;background:#eef4f8;border-radius:8px;padding:3px}
  .sm-seg button{border:0;background:transparent;color:#14618a;font-weight:700;font-size:12px;border-radius:6px;padding:5px 14px;cursor:pointer}
  .sm-seg button.on{background:#1f8fc0;color:#fff;box-shadow:0 2px 6px rgba(31,143,192,.3)}
  /* কার্ড টপ-বার রঙিন (পোর্টালের মতো টিন্ট) */
  .card>.head{background:linear-gradient(180deg,#e9f4fc,#f3f9ff) !important;border-bottom:1px solid #cfe6f5 !important;padding:7px 16px !important;border-radius:14px 14px 0 0 !important;box-shadow:inset 0 -1px 0 rgba(31,143,192,.06)}
  .card>.head b{color:#14618a !important;font-weight:800 !important}
  .card>.head span{color:#5a6b78 !important}
  .card>.head .logo{background:#1f8fc0 !important}
  /* ===== হেডার গ্রাহক পোর্টালের মতো: কোরাল টপ-লাইন + সাদা বার ===== */
  .rw-header{background:#ffffff !important;border-top:3px solid #E4726A !important;box-shadow:0 2px 12px rgba(19,43,82,.06) !important}
  .rw-header::after{background:linear-gradient(90deg,transparent,#F0BDB8 22%,#E4726A 50%,#F0BDB8 78%,transparent) !important}
  .rw-header .brand .brandtxt b,.rw-header .brand b{color:#14618a !important}
  .rw-header .brand .brsub{color:#5a6b78 !important;border-left-color:#F0BDB8 !important;font-weight:700 !important}