/* Tutor Hisab: রং, ফন্ট ও সাধারণ অংশ। রং এক জায়গায়, এখান থেকেই সব পাতা নেবে। */

@font-face{font-family:"Hind Siliguri";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/hind-siliguri-bengali-400-normal.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/hind-siliguri-bengali-500-normal.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/hind-siliguri-bengali-600-normal.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/hind-siliguri-bengali-700-normal.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/hind-siliguri-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/hind-siliguri-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/hind-siliguri-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/hind-siliguri-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --green-dark:#0B4F40; --green:#0F6B57; --green-2:#3E9A84; --mint:#E3EFEA; --mint-2:#CFE5DE; --on-dark-soft:#D5E7E1;
  --bg:#F3F5F3; --bg-phone:#F6F7F5; --surface:#FFFFFF; --soft:#EEF2EF;
  --text:#16211D; --text-2:#33423C; --muted:#55635D;
  --line:#DDE3DF; --line-2:#E7ECE9; --line-strong:#8C9A93; --btn-line:#B9C5BF;
  --sand:#FDF3E3; --sand-text:#7A4206; --amber:#E9A23B;
  --red:#B3261E; --red-bg:#FBE9E7; --red-text:#8C1D18; --red-line:#E7B4AE;
  /* লেজারের সারির রং */
  --led-head:#D9D9D9; --led-balance:#F2F2F2; --led-return:#FBE4D5; --led-pay:#D6E3BC; --led-exchange:#DCE6F1; --led-pending:#FDF3E3;
  --radius:10px; --radius-card:14px; --tap:44px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Hind Siliguri",sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.45}
button,input,select,textarea{font-family:inherit;color:inherit}
a{color:var(--green-dark)}
h1,h2,h3{margin:0;font-weight:700}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ফোনের পাতা */
.phone-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-phone);max-width:560px;margin:0 auto}
.phone-main{flex:1;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}

/* ভেতরের পাতার সবুজ হেডার: পেছনের তীর, শিরোনাম, সাদা টাইলে লোগো */
.app-header{padding:12px 14px;background:var(--green-dark);color:#fff;position:sticky;top:0;z-index:5}
.app-header .row{display:flex;align-items:center;gap:8px}
.app-header h1{flex:1;font-size:19px;line-height:1.3}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:0;background:transparent;color:inherit;border-radius:10px;text-decoration:none;cursor:pointer}
.icon-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.logo-tile{display:block;flex:none}

/* কার্ড */
.card{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}
.card h2{font-size:18px;margin-bottom:6px}
.note{font-size:13px;color:var(--muted);line-height:1.45;margin:0}

/* বোতাম */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 8px;border-radius:var(--radius);font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;border:0;text-align:center;line-height:1.25}
.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.btn-primary{background:var(--green-dark);color:#fff}
.btn-green{background:var(--green);color:#fff;min-height:48px;font-size:16px}
.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--btn-line);font-weight:600;font-size:14px}
.btn-danger{background:var(--red);color:#fff}
.btn-danger-outline{background:#fff;color:var(--red);border:1px solid var(--red-line);min-height:48px;font-size:16px}
.btn-link{background:transparent;color:var(--green-dark);text-decoration:underline;font-weight:600;font-size:14px;min-height:var(--tap);padding:0 10px}
.btn-block{width:100%}
.btn[disabled],.btn[aria-busy="true"]{opacity:.6;cursor:default}
.btn-row{display:grid;gap:6px}
.btn-row.cols-2{grid-template-columns:1fr 1fr}
.btn-row.cols-3{grid-template-columns:1fr 1fr 1.4fr}
.btn-row.split{grid-template-columns:1fr 1.6fr;gap:8px}
.stack{display:grid;gap:12px}
.stack>h2{margin-bottom:0}

/* ঘর */
.field{display:grid;gap:4px;font-size:14px;font-weight:600;min-width:0}
.field input,.field select,.field textarea{width:100%;min-width:0;min-height:var(--tap);padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-size:16px;font-weight:400}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--green);outline-offset:0;border-color:var(--green)}
.field input.num{text-align:right}
.field .hint{font-size:13px;font-weight:400;color:var(--muted)}
.field.has-error input{border-color:var(--red)}
.field .error{font-size:13px;font-weight:600;color:var(--red-text)}

/* বার্তার বাক্স */
.msg{padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.5}
.msg-info{background:var(--sand);color:var(--sand-text)}
.msg-error{background:var(--red-bg);color:var(--red-text);font-weight:600}
.msg-ok{background:var(--mint);color:var(--green-dark);font-weight:600}

/* সংখ্যার সারি */
.kv{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--line-2);font-size:15px}
.kv b,.money{white-space:nowrap}

/* রঙের নমুনা (চেহারা দেখার পাতা) */
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.swatch{border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:12px;background:#fff}
.swatch i{display:block;height:40px}
.swatch span{display:block;padding:4px 6px;line-height:1.3}
.sw-green-dark{background:var(--green-dark)} .sw-green{background:var(--green)} .sw-mint{background:var(--mint)} .sw-bg{background:var(--bg)}
.sw-text{background:var(--text)} .sw-line{background:var(--line)} .sw-muted{background:var(--muted)} .sw-sand{background:var(--sand)}
.sw-sand-text{background:var(--sand-text)} .sw-red{background:var(--red)} .sw-red-bg{background:var(--red-bg)} .sw-amber{background:var(--amber)}
.led-rows div{padding:6px 10px;font-size:14px;border-top:1px solid #fff}
.led-head{background:var(--led-head);font-weight:700} .led-balance{background:var(--led-balance)} .led-return{background:var(--led-return)}
.led-pay{background:var(--led-pay)} .led-exchange{background:var(--led-exchange)} .led-pending{background:var(--led-pending)}

/* লোগো ও নাম */
.brand{display:flex;align-items:center;gap:10px}
.brand .name{font-size:23px;line-height:1.15;font-weight:700;color:var(--green-dark)}
.brand .tag{font-size:14px;color:var(--text-2)}
.brand-dark{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-card);background:var(--green-dark);color:#fff}
.brand-dark .name{font-size:26px;font-weight:700}

/* ডেস্কটপ ছাঁচ (পাতা ৩১) */
.desk{min-height:100vh;display:flex;flex-wrap:wrap;align-items:stretch;background:var(--bg)}
.desk-nav{flex:1 1 220px;padding:24px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.desk-brand{display:flex;align-items:center;gap:10px;margin:-24px -16px 14px;padding:14px 16px;background:var(--green-dark);color:#fff}
.desk-brand .name{font-size:19px;line-height:1.2;font-weight:700}
.desk-brand .sub{font-size:13px;color:var(--on-dark-soft)}
.desk-nav a{display:flex;align-items:center;min-height:var(--tap);padding:8px 12px;border-radius:8px;color:var(--text-2);font-size:16px;text-decoration:none}
.desk-nav a:hover{background:var(--soft)}
.desk-body{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.desk-top{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;border-bottom:1px solid var(--line)}
.desk-top h1{flex:1;font-size:24px}
.desk-top .icon-btn{color:var(--text)}
.desk-main{flex:1 1 auto;padding:20px 28px;display:flex;flex-direction:column;gap:14px}
.desk-summary{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 2px;font-size:15px;font-weight:600}
.desk-summary b{font-size:17px}
.desk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;align-items:start}
@media (max-width:600px){.desk-top,.desk-main{padding-left:16px;padding-right:16px}.desk-grid{grid-template-columns:1fr}}

/* লগইন পাতা (৩৭, G-6): সবুজ পটভূমি, সাদা শিট */
.auth{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--green-dark);max-width:560px;margin:0 auto}
.auth-top{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 16px 20px;color:#fff}
.auth-top h1{font-size:24px}
.auth-sheet{flex:1;padding:20px;display:flex;flex-direction:column;gap:12px;border-radius:20px 20px 0 0;background:#fff}
.auth-sheet h2{font-size:20px}
.auth-sheet .p{margin:0;font-size:16px;line-height:1.5}
.auth-sheet .note{font-size:14px}
.btn-big{min-height:50px;font-size:17px;border-radius:10px}
.btn-outline{background:#fff;color:var(--green-dark);border:1px solid var(--green-dark);font-size:16px}
.btn-text{background:transparent;color:var(--green-dark);font-size:15px;font-weight:600;min-height:var(--tap)}
.btn-under{text-decoration:underline;font-weight:700}
.btn-off,.btn-off[disabled]{background:#E3E8E5;color:var(--muted);opacity:1}
.auth-alt{margin-top:8px;padding-top:12px;border-top:1px solid var(--line-2);text-align:center}
.auth-alt .q{font-size:14px;color:var(--muted)}
.auth-alt .btn{margin-top:6px;width:100%}
.center{text-align:center}
.pw{position:relative;display:block}
.pw input{padding-right:70px}
.pw button{position:absolute;right:4px;top:4px;height:36px;min-width:60px;border:0;background:transparent;color:var(--green-dark);font-size:14px;font-weight:600;cursor:pointer}
.chk-ok{font-size:13px;font-weight:600;color:var(--green)}
.chk-bad{font-size:13px;font-weight:600;color:var(--red)}
.good{padding:12px;border-radius:10px;background:var(--mint);color:var(--green-dark);font-size:16px;font-weight:600;display:flex;gap:10px;align-items:center}
.field select{appearance:auto}

/* হোমের হেডার (অফিস ১১, কারখানা ২, লাইব্রেরি ৩) */
.home-head{padding:14px 16px 16px;background:var(--green-dark);color:#fff}
.home-head .top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-head .brand-row{display:flex;align-items:center;gap:10px}
.home-head .t1{font-size:19px;line-height:1.2;font-weight:700}
.home-head .t2{font-size:13px;color:var(--on-dark-soft)}
.home-head .date{font-size:14px;color:var(--on-dark-soft)}
.home-head h1{font-size:22px;line-height:1.3}
.home-head.compact{padding:12px 14px}
.home-head.compact h1{font-size:21px}
.bell{position:relative;flex:none;width:44px;height:44px;border:1px solid #3E7F70;border-radius:12px;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.bell .dot{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;border:2px solid var(--green-dark);border-radius:11px;background:var(--red);color:#fff;font-size:12px;line-height:18px;font-weight:700}
.home-main{flex:1;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}
.sec-title{font-size:16px;margin:0 0 8px}
.f14{font-size:14px} .b600{font-weight:600} .muted{color:var(--muted)}
.gap10{gap:10px} .stack.gap10{gap:10px}
.bg-plain{background:var(--bg)}
.empty{padding:14px;border-radius:14px;background:#fff;text-align:center;color:var(--muted);font-size:15px}
.mb0{margin-bottom:0!important} .mb8{margin:2px 0 8px} .mb12{margin:2px 0 12px} .mt2{margin-top:2px}
.mt12{margin-top:12px} .mt4{margin-top:4px} .mt8{margin-top:8px} .mt6{margin-top:6px}
.tiles{display:grid;padding:14px 6px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.tiles.c3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 4px}
.tiles.c4{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.tile{display:block;min-height:76px;padding:2px 0;color:var(--text);text-align:center;text-decoration:none}
.tiles.c4 .tile{min-height:92px}
.tile .ic{position:relative;display:block;width:44px;height:44px;margin:0 auto 6px}
.tile .ic>span:first-child,.ibox{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--mint);color:var(--green)}
.badge{position:absolute;top:-7px;right:-9px;min-width:22px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:11px;background:var(--green-dark);color:#fff;font-size:12px;line-height:18px;font-weight:700}
.tile .lb{display:block;font-size:13px;line-height:1.25;font-weight:600}
.tiles.big .tile{min-height:84px}
.tiles.big .tile .lb{font-size:14px}
.wide-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none}
.wide-btn.green{background:var(--green);color:#fff}
.wide-btn.white{background:#fff;color:var(--text);border:1px solid var(--btn-line)}
.wide-btn.red{background:var(--red);color:#fff}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.card-btn{display:flex;align-items:center;gap:8px;min-height:70px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);text-align:left;text-decoration:none}
.card-btn .ibox{flex:none;width:40px;height:40px;border-radius:11px}
.card-btn .lb{flex:1;min-width:0;font-size:15px;line-height:1.25;font-weight:600}
.card-btn .cnt{min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--green-dark);color:#fff;font-size:13px;line-height:24px;font-weight:700;text-align:center}
.fac .card-btn .lb{font-size:14px}
.big-order{display:flex;align-items:center;justify-content:center;gap:8px;min-height:66px;border-radius:14px;background:var(--green-dark);color:#fff;font-size:21px;font-weight:700;text-decoration:none}
.due-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:12px}
.due-row span{font-size:15px;color:var(--on-dark-soft)}
.due-row b{font-size:28px;line-height:1.2}
.home-head .lib-name{font-size:21px}
.home-main.lib{padding:14px 16px 24px;gap:14px}
.foot-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.foot-btns form{display:contents}
.foot-btns .btn{min-height:44px;font-size:15px}

/* অফিসের নিচের মেনু */
.office-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);max-width:560px;margin:0 auto}
.bottom-nav{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E3E8E5;box-shadow:0 -6px 18px rgba(11,79,64,.08);border-radius:18px 18px 0 0}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border-radius:14px;color:#55635D;font-size:13px;font-weight:600;text-decoration:none}.bottom-nav .ic{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:15px}.bottom-nav .nbadge{position:absolute;top:-4px;right:0;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:#B3261E;color:#fff;font-size:11px;line-height:16px;text-align:center}
.bottom-nav a[aria-current="page"]{color:var(--green-dark)}.bottom-nav a[aria-current="page"] .ic{background:var(--mint);color:var(--green)}
.list-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.list-card a,.list-card button{display:flex;align-items:center;width:100%;min-height:52px;padding:8px 16px;border:0;border-bottom:1px solid var(--line-2);background:#fff;color:var(--text);font-size:15px;text-decoration:none;text-align:left;cursor:pointer}
.list-card form{margin:0}

/* ইউজার প্যানেল ও টিম (৩৬, ৩৮) */
.seg{display:grid;gap:2px;padding:3px;border-radius:10px;background:#E3E8E5}
.seg.users{grid-template-columns:1.15fr .8fr 1fr 1fr}
.seg a,.seg span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 2px;border-radius:8px;color:#33423C;font-size:13px;font-weight:600;text-decoration:none}
.seg a[aria-pressed="true"],.seg span.on{background:#fff;color:var(--green-dark)}
.req{padding:12px 14px;border:1px solid #F0DDBB;border-radius:14px;background:#fff}
.req .row1{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.req .nm{font-size:16px;font-weight:700}
.sub13{font-size:13px;color:var(--muted)}
.pill{display:inline-block;padding:2px 9px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap}
.pill.sand{background:var(--sand);color:var(--sand-text)}
.pill.mint{background:var(--mint);color:var(--green-dark)}
.pill.gray{background:var(--soft);color:#33423C}
.pill.red{background:var(--red-bg);color:var(--red-text)}
.soft-box{padding:7px 10px;border-radius:8px;background:var(--soft);font-size:13px}
.act2{display:grid;grid-template-columns:1fr 1.4fr;gap:6px;margin-top:8px}
.act2 .btn{min-height:46px}
.ulist{padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ulist a,.ulist .row{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:64px;padding:8px 0;border-top:1px solid var(--line-2);color:var(--text);text-decoration:none}
.ulist .row{min-height:60px;padding:6px 0}
.ulist>:first-child{border-top:0}
.ulist .nm{display:block;font-size:15px;font-weight:700}
.ulist .rl{display:block;font-size:13px;color:var(--muted)}
.checks{padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.checks .hd{display:flex;justify-content:space-between;align-items:center;gap:8px}
.checks h2{font-size:16px}
.check{display:flex;align-items:center;gap:10px;min-height:44px;border-top:1px solid var(--line-2);font-size:15px}
.check input{width:22px;height:22px;accent-color:var(--green-dark);flex:none}
.req .check{font-weight:400}
.panel{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.code-card{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.code-card .row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}
.code-card b{font-size:24px;letter-spacing:1px}
.code-card .owner-phone{display:block;margin-top:4px;letter-spacing:0}
.h16{font-size:16px;margin:4px 0 0}
.mint-box{padding:10px 12px;border-radius:10px;background:var(--mint);color:var(--green-dark);font-size:14px;font-weight:600}
.sand-box{padding:10px 12px;border-radius:8px;background:var(--sand);color:var(--sand-text);font-size:14px;font-weight:600}
.big-code{font-size:24px;letter-spacing:3px;font-weight:700;display:block;margin-top:4px}
.flash{padding:10px 12px;border-radius:8px;background:var(--red-bg);color:var(--red-text);font-size:14px;font-weight:600}

/* অডিট লগ (G-8) */
.audit-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--btn-line);border-radius:10px;background:#fff;color:var(--text);font-size:15px;font-weight:600;text-decoration:none}
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.chips a{flex:none;min-height:36px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--btn-line);border-radius:18px;background:#fff;font-size:14px;font-weight:600;color:#33423C;text-decoration:none}
.chips a[aria-current="true"]{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.day{font-size:14px;font-weight:700;color:var(--muted);margin:4px 0 -4px}
.ev-card{padding:4px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.ev{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--line-2);font-size:15px;line-height:1.4;color:var(--text);text-decoration:none}
.ev:first-child{border-top:0}
.ev .tm{font-size:13px;color:var(--muted);padding-top:2px}
.ev .w{font-size:13px;color:var(--muted)}
.sheet-page{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(22,33,29,.45);max-width:560px;margin:0 auto}
.sheet{padding:18px 16px 22px;background:#fff;border-radius:16px 16px 0 0}
.sheet h2{font-size:18px;margin:0 0 6px}
.kvr{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line-2);font-size:15px}
.kvr b{text-align:right}
.filter2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.filter2 select{width:100%;min-height:44px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-size:15px}

/* অফিসের ভেতরের পাতা: ফোন ও ডেস্কটপ একই পাতা */
.inner{min-height:100vh;background:var(--bg)}
.inner-main{padding:12px;display:flex;flex-direction:column;gap:12px}
.only-desk{display:none!important}
@media (min-width:1024px){
  .inner{display:flex;align-items:stretch}
  .inner .desk-nav{display:flex!important;flex:0 0 220px}
  .inner-body{flex:1;min-width:0;display:flex;flex-direction:column}
  .inner .desk-top{display:flex!important}
  .inner .only-phone{display:none!important}
  .inner-main{padding:20px 28px}
}

/* বই ও সংস্করণ, লাইব্রেরি ও ছাড় (৩২/৪, ৩৩/৫) */
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.bar .lead{margin:2px 0 0;font-size:15px;color:var(--muted)}
.btn-s{min-height:44px;padding:8px 16px;border-radius:8px;font-size:15px;font-weight:600}
.btn-s.green{background:var(--green);color:#fff;border:0}
.btn-s.white{background:#fff;color:var(--text);border:1px solid var(--btn-line)}
.btn-s.dark{background:var(--green-dark);color:#fff;border:0}
.btn-s.off{background:#E3E9E5;color:var(--muted)}
.sec{padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:12px}
.sec.tight{padding:12px 14px}
.sec h2{font-size:18px;margin:0 0 10px}
.sec.flush{padding:0;overflow:hidden}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.sec-head h2{font-size:20px;margin:0}
.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}
.auto-grid.w140{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.auto-grid.w190{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.split{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.split>.list{flex:1 1 280px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.split>.detail{flex:2 1 460px;min-width:0;display:flex;flex-direction:column;gap:16px}
.list a{display:block;min-height:64px;padding:10px 16px;border-bottom:1px solid var(--line-2);color:var(--text);text-decoration:none;background:#fff}
.list a[aria-pressed="true"]{background:var(--mint)}
.list .t1{display:block;font-size:16px;font-weight:600}
.list .t2{display:block;font-size:14px;color:#33423C}
.book-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}
.book-h h2{font-size:22px;line-height:1.3;margin:0}
.limit-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:8px;font-size:15px}
.limit-row form{display:flex;gap:6px;align-items:center}
.limit-row input{width:110px;min-height:44px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px}
.soft-panel{margin-top:14px;padding:14px;border-radius:8px;background:var(--soft)}
.soft-panel p{margin:10px 0;font-size:14px;color:#33423C}
.h3{margin:18px 0 6px;font-size:16px}
.etable .hd,.etable .r{display:grid;grid-template-columns:.7fr 1.5fr .9fr 1fr;gap:6px;padding:8px 6px;align-items:center}
.etable .hd{background:var(--soft);font-size:14px;font-weight:600;color:#33423C}
.etable .r{border-top:1px solid var(--line-2);font-size:15px}
.etable .r>div:first-child{font-weight:600}
.status{display:inline-block;padding:2px 10px;border-radius:6px;font-size:13px;font-weight:600}
.status.cur{background:var(--mint);color:var(--green-dark)}
.status.old{background:var(--soft);color:#33423C}
.batch{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line-2);font-size:15px}
.batch b{font-weight:600}
.libtabs{display:flex;flex-wrap:wrap;gap:8px}
.libtabs a{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--text);font-size:15px;font-weight:600;text-decoration:none}
.libtabs a[aria-selected="true"]{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.info-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.info-h h2{font-size:20px;margin:0}
.info-sub{font-size:15px;color:#33423C}
.login-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.login-row .lbl{font-size:15px;font-weight:600}
.login-row .tag{padding:2px 9px;border-radius:6px;font-size:14px}
.tag.on{background:var(--mint);color:var(--green-dark)} .tag.off{background:var(--soft);color:#33423C}
.btns{display:flex;flex-wrap:wrap;gap:8px}
.btns form{margin:0}
.border-top{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2)}
.staff{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid var(--line-2);font-size:15px}
.staff .who{flex:1 1 260px;min-width:0}
.staff .nm{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.staff .nm b{font-weight:700}
.staff .role{font-size:14px;color:var(--muted)}
.staff .ph{font-size:14px;color:#33423C}
.staff .acts{display:flex;flex-wrap:wrap;gap:6px}
.staff .acts form{margin:0}
.staff .acts a,.staff .acts button{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:8px;font-size:14px;text-decoration:none;cursor:pointer}
.acts .wa{background:var(--green);color:#fff;font-weight:600;border:0}
.acts .call{border:1px solid var(--btn-line);color:var(--text);font-weight:600;background:#fff}
.acts .plain{border:1px solid var(--btn-line);background:#fff;color:var(--text)}
.main-tag{padding:1px 8px;border-radius:6px;background:var(--mint);color:var(--green-dark);font-size:13px;font-weight:600}
.staff-form{padding:12px 14px;background:var(--soft)}
.staff-form p{margin:8px 0;font-size:14px;color:#33423C}
.warn-box{padding:10px 14px;border-radius:8px;background:var(--sand);color:var(--sand-text);font-size:15px;font-weight:600}
.bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.bulk label{display:grid;gap:2px;font-size:13px;font-weight:600}
.bulk input{width:100px;min-height:44px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px}
.bulk select,.drow select{min-height:44px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-size:15px}
.drow{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:6px;align-items:center;padding:10px 12px;border-top:1px solid var(--line-2);font-size:15px}
.drow .full{grid-column:1/-1}
.drow .bn{font-weight:600}
.drow .ed{font-size:13px;color:var(--muted)}
.drow select,.drow input{width:100%;min-width:0}
.drow input{min-height:44px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px}
.drow input.missing{border-color:var(--amber)}
.drow .reason{display:grid;gap:4px;font-size:13px;font-weight:600}
.drow .reason input{min-height:40px}
.drow .net{text-align:right;font-weight:700;color:var(--green-dark)}
.drow .net.none{color:var(--sand-text)}
.prow{display:grid;gap:8px;padding:10px 12px;border-top:1px solid var(--line-2);font-size:15px}
.ptop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ptop .bn{font-weight:600} .ptop .ed{font-size:13px;color:var(--muted)}
.prow input.missing{border-color:var(--amber)}
.pcalc{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--muted)}
.pcalc .net{font-weight:700;color:var(--green-dark);font-size:15px}
.pcalc .net.none{color:var(--sand-text)}
.f13{font-size:13px}
.save-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.save-row .btn-s{min-height:48px;padding:8px 24px;font-size:16px}
.save-row span{font-size:15px;color:#33423C}

/* ছাপা (G-1) ও শুরুর হিসাব (G-2) */
.box2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.box2>*{min-width:0}
.field input[type=date]{max-width:100%}
.sbox{border-radius:8px;padding:8px 10px}
.sbox small{display:block;font-size:13px;color:var(--muted)}
.sbox strong{font-size:20px}
.sbox.sell{background:#EEF1EF} .sbox.ret{background:var(--sand)}
.krow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line-2);font-size:15px}
.krow b{font-weight:600;white-space:nowrap}
.krow.total{font-weight:700;font-size:16px}
.krow.total b{font-weight:700}
.st13{font-size:13px;font-weight:600}
.st13.sand{color:var(--sand-text)} .st13.green{color:var(--green)} .st13.red{color:var(--red-text)}
.mint-info{padding:8px 10px;border-radius:8px;background:var(--mint);font-size:14px;color:var(--green-dark);line-height:1.45}
.sand-info{padding:8px 10px;border-radius:8px;background:var(--sand);font-size:14px;color:var(--sand-text);line-height:1.45}
.pend-card{border-color:#F0D9B5;background:#FFFDF8}
details.costs{margin:8px 0;font-size:14px}
details.costs summary{min-height:36px;cursor:pointer;font-weight:600;color:var(--green-dark)}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:10px;background:#E3E8E5}
.seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border-radius:10px;background:#E3E8E5}
.seg2 label,.seg3 a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;text-decoration:none}
.seg2 label{position:relative}
.seg2 input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.seg2 label:has(input:checked),.seg3 a[aria-current="true"]{background:#fff;color:var(--text)}
.tot3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:#fff}
.tot3 div{padding:10px 6px;text-align:center}
.tot3 div+div{border-left:1px solid var(--line-2)}
.tot3 b{display:block;font-size:16px}
.tot3 small{font-size:12px;color:var(--muted)}
.li{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line-2)}
.li .n{font-size:15px;font-weight:600}
.li .m{font-size:13px;color:var(--muted)}
.li input,.bk input{width:100%;min-height:44px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px;text-align:right}
.bk{padding:10px 0;border-top:1px solid var(--line-2)}
.bk .lab{font-size:13px;font-weight:600;color:var(--muted)}
.bk input.sell{background:#EEF1EF} .bk input.ret{background:var(--sand)}
.sheet-over{position:fixed;inset:0;max-width:none;z-index:20}
.sheet-over .sheet{max-width:560px;width:100%;margin:0 auto}
.mb8b{margin:4px 0 8px}
.m0{margin:0} .f15{font-size:15px} .lh15{line-height:1.5} .c33{color:#33423C} .my8{margin:8px 0 10px}
.f17{font-size:17px} .b700{font-weight:700} .pb2{padding-bottom:2px}
.pill-w{display:inline-block;padding:1px 8px;border-radius:8px;font-size:13px;font-weight:600;background:#fff;color:var(--sand-text)}

/* অর্ডার (১৯, ২০-২৩, ২৬, ২) */
.order-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-phone);max-width:560px;margin:0 auto}
.order-main{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px}
.search{min-height:44px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;font-size:16px;width:100%}
.otable{padding:2px 10px 4px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ohead,.orow{display:grid;grid-template-columns:minmax(0,1fr) 62px 88px;gap:8px;align-items:center}
.ohead{padding:8px 0;font-size:13px;font-weight:700;color:#33423C}
.ohead .c{text-align:center} .ohead .r{text-align:right}
.orow{min-height:60px;padding:6px 0;border-top:1px solid var(--line-2)}
.orow .bn{display:block;font-size:15px;line-height:1.3;font-weight:600}
.orow .pr{display:block;font-size:13px;color:var(--muted)}
.orow input{width:62px;min-height:44px;padding:4px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px;text-align:center}
.orow input.changed{border-color:var(--green);background:var(--mint)}
.orow .amt{font-size:14px;font-weight:700;text-align:right;white-space:nowrap}
.order-foot{padding:10px 12px 12px;background:#fff;border-top:1px solid var(--line);position:sticky;bottom:0}
.order-foot .tot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:15px}
.order-foot .tot b{font-size:20px}
.order-foot.sticky{margin:0 -12px -12px}
.ocard{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ocard.miss{border-color:var(--red-line)}
.ohd{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.ohd h2{font-size:17px;line-height:1.3;margin:0}
.ohd .due{text-align:right;white-space:nowrap}
.ohd .due b{font-size:15px}
.otab{margin-top:8px}
.oth,.otr{display:grid;grid-template-columns:minmax(0,1fr) 54px 44px 80px;gap:6px;align-items:center}
.oth{padding:6px 0;font-size:13px;font-weight:700;color:#33423C}
.oth .c,.otr .c{text-align:center} .oth .r,.otr .r{text-align:right}
.otr{min-height:40px;padding:4px 0;border-top:1px solid var(--line-2);font-size:14px}
.otr .bn{display:block;line-height:1.3;font-weight:600}
.otr .st{display:block;font-size:13px;color:var(--muted)}
.otr .st.red{color:var(--red-text)} .otr .st.sand,.st.sand{color:var(--sand-text)}
.otr input{width:54px;min-height:44px;padding:2px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px;text-align:center}
.otf{display:flex;justify-content:space-between;gap:8px;padding:8px 0 0;border-top:1px solid var(--line-strong);font-size:15px;font-weight:700}
.short-red{margin-top:8px;padding:7px 10px;border-radius:8px;background:var(--red-bg);color:var(--red-text);font-size:14px;font-weight:600}
.short-gray{margin-top:6px;padding:7px 10px;border-radius:8px;background:var(--soft);font-size:13px;font-weight:600}
.act3{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:6px;margin-top:10px}
.act3 form{margin:0} .act3 .btn{min-height:46px;width:100%}
.act2.r16{grid-template-columns:1fr 1.6fr}
.act2 form{margin:0}
.rej-box{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:10px;background:var(--soft)}
.done-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-left:10px;border-radius:8px;background:var(--soft);font-size:14px;font-weight:600;color:#33423C}
.done-row.ok{background:var(--mint);color:var(--green-dark)}
.lnrow{display:flex;justify-content:space-between;gap:8px;min-height:30px;align-items:center;border-top:1px solid var(--line-2);font-size:14px}
.lnrow b{font-weight:600}
.nw{white-space:nowrap} .f18{font-size:18px}
.olines{margin:8px 0 12px;font-size:16px;line-height:1.5}
.confirm-box{padding-top:10px;border-top:1px solid var(--line-2)}
.send-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:10px;font-size:15px}
.send-row input{min-height:44px;width:96px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px}
.sum-box{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--soft);font-size:15px;font-weight:600}
.oi{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:8px;background:var(--mint);color:var(--green-dark);font-size:12.5px;font-weight:600}
.pend-list{padding:2px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.pend-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line-2);color:var(--text);text-decoration:none}
.pend-item:first-child{border-top:0}
.pend-item>div{flex:1;min-width:0}
.pend-item .t1{font-size:15px;font-weight:600} .pend-item .t2{font-size:13px;color:var(--muted)}
.pend-item .chev{flex:none;color:var(--muted)}
.card-btn.on{background:var(--mint)}
.card-btn .cnt.red{background:var(--red)}
.card.miss{border-color:var(--red-line)}
.tot2{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;background:#fff}
.tot2 div{padding:10px 6px;text-align:center} .tot2 div+div{border-left:1px solid var(--line-2)}
.tot2 b{display:block;font-size:16px} .tot2 small{font-size:12px;color:var(--muted)}
.green-line{border-color:var(--green)!important;color:var(--green-dark)!important}
.b0{border-top:0!important}
.nt-list{padding:2px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.nt-item{padding:10px 0;border-top:1px solid var(--line-2)}
.nt-item:first-child{border-top:0}
.nt-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.nt-title{font-size:15px;font-weight:700;color:var(--text)} .nt-title.urgent{color:var(--red)}
.nt-date{font-size:13px;color:var(--muted);white-space:nowrap}
.nt-body{font-size:14px;line-height:1.4;color:#33423C}
a.bell{text-decoration:none}
/* ফেরত, এক্সচেঞ্জ, স্টক (ধাপ ৬) */
.stat3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.stat3>div{padding:8px;border-radius:8px;background:var(--soft)}
.stat3>div.on{background:var(--mint)}
.stat3 span{display:block;font-size:13px;color:#33423C}
.stat3 .on span{color:var(--green-dark)}
.stat3 b{font-size:18px}
.result-line{padding:10px 12px;border-radius:8px;background:var(--mint);color:var(--green-dark);font-size:15px;font-weight:600;white-space:pre-line}
.hist{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--line-2)}
.hist .t1{font-size:15px;font-weight:600}
.hist .t2{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.hist .t2>span:first-child{color:var(--muted)}
.hist .ok{font-weight:600;color:var(--green-dark)} .hist .wait{font-weight:600;color:var(--sand-text)}
.claim-box{margin-top:4px;padding:8px 10px;border-radius:8px;background:var(--sand)}
.sand-t{color:var(--sand-text)} .red-t{color:var(--red-text)}
.detail{margin:4px 0 12px;font-size:16px;line-height:1.5}
.got-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:15px;font-weight:600}
.got-row input{width:84px;min-height:44px;padding:4px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px;text-align:center}
.btn-s.off,.btn-s.dim{background:#E3E9E5;color:var(--muted);pointer-events:none}
.btn-s.dim{background:#fff}
.ro{background:#EEF1EF!important}
.full-select{width:100%;min-height:44px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-size:15px}
.htable{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}
.htable th{background:var(--led-head);padding:6px;text-align:left;font-size:13px}
.htable td{padding:6px;border-top:1px solid var(--line-2);vertical-align:top}
.htable .r,.htable th:nth-child(n+3){text-align:right}
.price-row{display:flex;gap:6px;align-items:center}
.price-row input{width:96px;min-height:44px;padding:4px;border:1px solid var(--line-strong);border-radius:8px;font-size:16px;text-align:center}
.seg2l{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:10px;background:#E3E8E5}
.seg2l a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}
.seg2l a[aria-current="true"]{background:#fff;color:var(--text)}
.p0{padding:0;overflow:hidden}
.stk{display:grid;grid-template-columns:minmax(0,1fr) 72px 56px 48px 14px;gap:6px;align-items:center;min-height:56px;padding:6px 12px;border-top:1px solid var(--line-2);color:var(--text);text-decoration:none;font-size:15px}
.stk.hd{min-height:40px;border-top:0;background:var(--soft);font-size:13px;font-weight:700;color:#33423C}
.stk small{display:block;font-size:12.5px;color:var(--muted)}
.stk .r{text-align:right} .stk .chev{color:var(--muted)}
.wcnt{display:inline-block;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#fff;color:var(--red);font-size:13px;line-height:22px;font-weight:700}

/* টাকা (ধাপ ৭) */
.big-amt{font-size:28px;font-weight:700;line-height:1.3}
.radios{display:flex;gap:24px;flex-wrap:wrap}
.radios.col{flex-direction:column;gap:2px}
.radio{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:600;cursor:pointer}
.radio input{position:absolute;opacity:0;width:1px;height:1px}
.radio i{width:22px;height:22px;border:2px solid var(--line-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.radio input:checked+i{border-color:var(--green-dark)}
.radio input:checked+i::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--green-dark)}
.radio input:focus-visible+i{outline:2px solid var(--amber);outline-offset:2px}
.who{padding:8px 10px;border-radius:8px;font-size:14px;line-height:1.45}
.who.off{background:var(--mint);color:var(--green-dark)}
.who.fac{background:var(--sand);color:var(--sand-text)}
.or{text-align:center;font-size:14px;font-weight:700;color:var(--muted)}
.warnbox{display:flex;gap:8px;padding:10px 12px;border-radius:8px;background:var(--sand);color:var(--sand-text);font-size:14px;line-height:1.45;margin:6px 0 10px}
.warnbox.strong{background:var(--red-bg);color:var(--red-text)}
.warnbox svg{flex:none;margin-top:2px}
.proof{display:block;max-width:100%;border-radius:8px;border:1px solid var(--line);margin:6px 0}
.pitem{padding:10px 0;border-top:1px solid var(--line-2)}
.pitem:first-of-type{border-top:0}
.item{padding:12px 0;border-top:1px solid var(--line-2)}
.item .top{display:flex;justify-content:space-between;font-size:16px;font-weight:700}
.item .sub{font-size:14px;color:var(--muted);margin:2px 0 10px}
.item form{margin:0}
.sheet-in{display:grid;gap:10px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--red-line)}
.strike{text-decoration:line-through;color:var(--muted)}
.tr{text-align:right}

/* টাকা জমার মাধ্যম (G-18) */
.pm-btn{min-height:48px}
.acc{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.acc-t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.acc-t b{font-size:16px}
.acc-kv{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;border-top:1px solid var(--line-2);font-size:15px}
.acc-kv>span:first-child{color:var(--muted);font-size:14px}
.acc-num{display:flex;align-items:center;gap:6px;font-weight:700}
.copy{min-height:44px;min-width:52px;padding:0 10px;border:1px solid var(--btn-line);border-radius:8px;background:#fff;font-size:13px;font-weight:600;cursor:pointer}
.gap8{gap:8px} .f16{font-size:16px}
.pm-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:56px;border-top:1px solid var(--line-2);font-size:15px}
.pm-row small{display:block;font-size:13px;color:var(--muted)}
.soft-form{padding:12px;border-radius:10px;background:var(--soft);display:grid;gap:10px}

/* অফলাইন */
.offline{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}
/* G-21 বকেয়া কমান: বাছাইয়ের কার্ড */
.pick{display:grid;gap:8px;margin-top:8px}
.pick a{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #B9C5BF;border-radius:10px;background:#fff;font-size:15px;line-height:1.4;color:var(--ink,#16211D);text-decoration:none}
.pick a[aria-current="true"]{border:2px solid #0F6B57;background:#E3EFEA}
.pick .dot{flex:none;width:18px;height:18px;margin-top:2px;border:2px solid #8C9A93;border-radius:50%;box-sizing:border-box}
.pick a[aria-current="true"] .dot{border:6px solid #0F6B57}
.pick small{display:block;font-size:13px;color:#55635D}
/* ধাপ ৮: লেজার (পাতা ২, ৩, ১৫, ১৬; R-LED-6) */
.seg-n{display:grid;gap:2px;padding:3px;border-radius:10px;background:#E3E8E5}
.seg-n.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.seg-n.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.seg-n a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 2px;border-radius:8px;font-size:14px;font-weight:600;color:#33423C;text-decoration:none;text-align:center}
.seg-n a[aria-current="true"]{background:#fff;color:var(--green-dark)}
.lg-title{margin:4px 0 0;font-size:18px;font-weight:700;text-align:center}
.lg{border:1px solid #55635D;border-top:0;background:#fff;font-size:13px;line-height:1.3}
.lg-r{display:grid;grid-template-columns:26px 76px minmax(0,1fr) 36px 40px 86px}
.lg-r>span{box-sizing:border-box;padding:5px 2px;border-top:1px solid #55635D;border-right:1px solid #55635D;text-align:center;min-width:0;overflow-wrap:anywhere}
.lg-r>span:last-child{border-right:0}
.lg-r>span:nth-child(3){text-align:left;padding:5px 4px}
.lg-r>span.d{font-size:12px;white-space:nowrap;padding:5px 1px}
.lg-r>span.m{text-align:right;white-space:nowrap;padding:5px 3px}
.lg-r.cont>span:nth-child(1),.lg-r.cont>span:nth-child(2){border-top:0}
.lg-hd{background:#D9D9D9;font-weight:700}
.lg-jer{background:#F2F2F2}.lg-ret{background:#FBE4D5}.lg-pay{background:#D6E3BC}.lg-ex{background:#DCE6F1}.lg-pend{background:#FDF3E3}
.lg-h{background:#E3EFEA;font-weight:700}
.lg.dl4 .lg-r{grid-template-columns:80px 70px minmax(0,1fr) 40px}
.lg.dl2 .lg-r{grid-template-columns:84px minmax(0,1fr) 46px}
.lg.dl4 .lg-r>span:nth-child(3),.lg.dl2 .lg-r>span:nth-child(3){text-align:center;padding:5px 3px}
.lg .l{text-align:left!important;padding:5px 3px!important}
.mlinks{display:flex;flex-wrap:wrap;gap:4px 2px;margin-top:2px}
.mlinks a{display:inline-flex;align-items:center;min-height:44px;padding:0 9px;border-radius:8px;color:var(--green-dark);font-size:14px;font-weight:600;text-decoration:underline}
.mlinks a[aria-pressed="true"]{background:var(--mint)}
.btn-dl,.btn-wa{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none}
.btn-dl{border:1px solid #B9C5BF;background:#fff;color:#16211D}.btn-wa{background:var(--green);color:#fff}
.sumtab{padding:2px 12px 4px;border:1px solid var(--line);border-radius:14px;background:#fff}
.sumtab>div{display:grid;gap:6px;align-items:center}
.sumtab.c3>div{grid-template-columns:minmax(0,1fr) 60px 100px}
.sumtab.c4>div{grid-template-columns:minmax(0,1fr) 52px 40px 88px}
.sumtab.cp>div{grid-template-columns:84px minmax(0,1fr) 100px}
.sumtab.cb>div{grid-template-columns:minmax(0,1fr) 54px 56px 92px;gap:4px}
.sumtab>div>span{text-align:right;min-width:0}.sumtab>div>span:first-child,.sumtab .l{text-align:left}
.sumtab .sh{padding:8px 0;font-size:13px;font-weight:700;color:#33423C}
.sumtab .sr{min-height:46px;padding:4px 0;border-top:1px solid #E7ECE9;font-size:14px}
.sumtab .st{min-height:44px;border-top:1px solid #8C9A93;font-size:15px;font-weight:700}
.nw{white-space:nowrap}.b600{font-weight:600}.b700{font-weight:700}.f13{font-size:13px}
.tot3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:#fff}
.tot3 div{padding:9px 6px;text-align:center}.tot3 div+div{border-left:1px solid #E7ECE9}
.tot3 b{display:block;font-size:15px}.tot3 small{font-size:13px;color:var(--muted)}
.liblist{padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.liblist a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:6px 0;color:var(--text);text-decoration:none;font-size:15px}
.liblist a+a{border-top:1px solid #E7ECE9}.liblist a[aria-current="true"]{font-weight:700}
.liblist small{font-size:13px;color:var(--muted)}
.lhead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:var(--green-dark);color:#fff}
.lhead .nm{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}
.lhead .bl{text-align:right}.lhead .bl small{display:block;font-size:13px;color:var(--on-dark-soft)}.lhead .bl b{display:block;font-size:19px;line-height:1.2}
.ledger-sec{display:flex;flex-direction:column;gap:10px}
.lrow-btn{display:flex;align-items:center;gap:12px;min-height:84px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);text-decoration:none}
.lrow-btn .ibox{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--mint);color:var(--green)}
.lrow-btn .tx{flex:1;min-width:0}.lrow-btn .tx b{display:block;font-size:16px}.lrow-btn .tx small{display:block;font-size:14px;color:var(--muted)}
.lrow-btn>svg:last-child{color:var(--muted)}
.search-in{width:100%;min-height:44px;box-sizing:border-box;padding:6px 12px;border:1px solid #8C9A93;border-radius:10px;background:#fff;font-size:16px;font-family:inherit}
.liblist .tr{text-align:right}.pad8{padding:8px 0}
.fixb{border-color:var(--green);color:var(--green-dark)}
.f22{font-size:22px}
.last-pay{font-size:13px;text-align:right;color:var(--on-dark-soft);margin-top:2px}
/* ধাপ ৮: রিপোর্ট (পাতা ৩৪) ও বেস্ট সেলিং (পাতা ১৩) */
.rep-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rep-bar select{min-height:44px;padding:6px 10px;border:1px solid #8C9A93;border-radius:8px;background:#fff;font-size:15px;font-family:inherit}
.rep-btn{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:6px 14px;border:1px solid #B9C5BF;border-radius:8px;background:#fff;color:#16211D;font-size:15px;font-weight:600;text-decoration:none}
.rep-dates{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;width:100%}.rep-dates .field{flex:1;min-width:130px}
.rep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}
.rcard{padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}
.rcard h2{margin:0 0 4px;font-size:18px}
.rkv{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #E7ECE9;font-size:15px}
.rkv span:last-child{font-weight:700;white-space:nowrap}
.rep-tabs{display:flex;flex-wrap:wrap;gap:8px}
.rep-tabs a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:6px 16px;border-radius:8px;border:1px solid #B9C5BF;background:#fff;color:#16211D;font-size:15px;font-weight:600;text-decoration:none}
.rep-tabs a[aria-current="true"]{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.rep-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.rep-cards>div{padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px}
.rep-cards .lb{font-size:14px;color:var(--muted)}.rep-cards .v{font-size:22px;font-weight:700;line-height:1.3}
.rep-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.rep-list h2{margin:0;padding:12px 14px;font-size:18px;border-bottom:1px solid var(--line)}
.rep-list .ri{padding:10px 14px;border-top:1px solid #E7ECE9}.rep-list .ri:first-of-type{border-top:0}
.rep-list .tt{font-size:15px;font-weight:700}
.rep-list .rkv{border-top:0;padding:2px 0;font-size:14px}.rep-list .rkv span:first-child{color:var(--muted)}.rep-list .rkv span:last-child{font-weight:600}
.best-hero{padding:14px;border-radius:14px;background:var(--green-dark);color:#fff}
.best-hero .sm{font-size:14px;color:var(--on-dark-soft)}.best-hero .nm{font-size:20px;font-weight:700}
.best-hero .row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.best-hero .row b{font-size:28px}
.best-list{padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:14px}
.best-list .bi{display:flex;gap:12px;padding:12px 0}.best-list .bi+.bi{border-top:1px solid #E7ECE9}
.best-list .rk{width:18px;font-size:14px;color:var(--muted);padding-top:2px}.best-list .bd{flex:1;min-width:0}
.best-list .top{display:flex;justify-content:space-between;gap:8px;font-size:15px}
.bar-row{display:flex;align-items:center;gap:8px;margin-top:6px}.bar-row small{font-size:13px;color:var(--muted);min-width:40px;text-align:right}
.bar{flex:1;height:8px;border-radius:4px;background:#E7ECE9;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;background:#7FB5A6}.bar i.first{background:var(--green-dark)}
.bar i.w0{width:0%}.bar i.w5{width:5%}.bar i.w10{width:10%}.bar i.w15{width:15%}.bar i.w20{width:20%}.bar i.w25{width:25%}.bar i.w30{width:30%}.bar i.w35{width:35%}.bar i.w40{width:40%}.bar i.w45{width:45%}.bar i.w50{width:50%}.bar i.w55{width:55%}.bar i.w60{width:60%}.bar i.w65{width:65%}.bar i.w70{width:70%}.bar i.w75{width:75%}.bar i.w80{width:80%}.bar i.w85{width:85%}.bar i.w90{width:90%}.bar i.w95{width:95%}.bar i.w100{width:100%}
/* অফিসের হোম: বেস্ট সেলিং, সারসংক্ষেপ, গত ৭ দিন (পাতা ১১) */
.home-best{display:flex;flex-direction:column;gap:10px}
.best-list.flat{padding:0;border:0;background:transparent}
.all-link{display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--green-dark);font-size:15px;font-weight:600;text-decoration:none;border-top:1px solid #E7ECE9}
.f16{font-size:16px}.f17{font-size:17px}
.sum-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #E7ECE9}
.sum-row .l1{display:block;font-size:15px}.sum-row .l2{display:block;font-size:13px;color:var(--muted)}.sum-row b{font-size:17px;white-space:nowrap}
.home-sum h2{margin-bottom:4px}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:110px;margin-top:10px}
.week .wd{display:flex;flex-direction:column;justify-content:flex-end;height:110px}
.week i{display:block;border-radius:5px 5px 0 0;background:#CFE5DE;min-height:2px}.week i.today{background:var(--green)}
.week span{margin-top:4px;font-size:12px;text-align:center;color:#33423C}
.week i.h0{height:0px}.week i.h5{height:4px}.week i.h10{height:9px}.week i.h15{height:14px}.week i.h20{height:18px}.week i.h25{height:22px}.week i.h30{height:27px}.week i.h35{height:32px}.week i.h40{height:36px}.week i.h45{height:40px}.week i.h50{height:45px}.week i.h55{height:50px}.week i.h60{height:54px}.week i.h65{height:58px}.week i.h70{height:63px}.week i.h75{height:68px}.week i.h80{height:72px}.week i.h85{height:76px}.week i.h90{height:81px}.week i.h95{height:86px}.week i.h100{height:90px}
.tgt .top{display:flex;justify-content:space-between;gap:8px;font-size:15px;margin-bottom:10px}.tgt .top span{color:var(--muted);font-size:14px}.tgt .bar{display:block}
/* বছর শেষের ছাড় (G-4) */
.pill.green{background:#D6E3BC;color:#2F4A12}
.btn-dark{background:var(--green-dark);color:#fff;border:0}
.yb{display:flex;flex-direction:column}.yb-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.yb-h h2{margin:0;font-size:17px}
.rkv.blk{display:block}.rkv.blk .bar{display:block;margin:6px 0 2px}.bar i.grey{background:#8C9A93}
.pick-r{position:relative;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #B9C5BF;border-radius:10px;background:#fff;font-size:15px;line-height:1.35;cursor:pointer}
.pick-r input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pick-r .dot{flex:none;width:18px;height:18px;margin-top:2px;border:2px solid #8C9A93;border-radius:50%;box-sizing:border-box}
.pick-r:has(input:checked){border:2px solid var(--green);background:var(--mint)}.pick-r:has(input:checked) .dot{border:6px solid var(--green)}
.pick-r:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px}
.pick-r small{display:block;font-size:13px;color:var(--muted)}
.seg-n.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.all-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.bk{display:grid;grid-template-columns:minmax(0,1fr) 64px 92px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #E7ECE9;font-size:14px}
.bk>span:nth-child(2){text-align:right}.bk input{width:100%;min-height:44px;box-sizing:border-box;padding:6px 10px;border:1px solid #8C9A93;border-radius:8px;text-align:right;font-size:16px;font-family:inherit}
.bk.hd{font-weight:600;color:var(--muted);font-size:13px}.bk.hd span:last-child{text-align:right}
.tot-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}
/* ধাপ ৯: নোটিশ (পাতা ১৭, G-9) */
.seg-n.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ncard{padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:14px}
.n-row{display:flex;gap:10px;align-items:flex-start;padding:12px 0;color:var(--text);text-decoration:none}
.n-row+.n-row{border-top:1px solid #E7ECE9}
.ndot{flex:none;width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--green)}
.n-row.read .ndot{background:transparent;border:1px solid #B9C5BF}
.nmain{flex:1;min-width:0;display:flex;flex-direction:column}
.nt{font-size:15px;font-weight:700}.nt.urgent{color:#B3261E}.n-row.read .nt{font-weight:500;color:#33423C}
.nb{font-size:14px;color:var(--muted);line-height:1.45}.go{font-size:14px;font-weight:600;color:var(--green-dark);margin-top:2px}
.nd{flex:none;font-size:13px;color:var(--muted);white-space:nowrap}
.nfoot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #E7ECE9}
.linkbtn{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:var(--green-dark);font-size:14px;font-weight:600;text-decoration:none;font-family:inherit;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 14px;border:1px solid #B9C5BF;border-radius:22px;background:#fff;color:#16211D;font-size:14px;font-weight:600;text-decoration:none}
.chips a[aria-current="true"]{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.day{font-size:14px;font-weight:700;color:#33423C;margin-top:4px}
.sent-n{display:flex;flex-direction:column;gap:4px}.sent-n .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sent-n .tt{font-size:16px;font-weight:700}.sent-n .bd{font-size:14px;color:#33423C;line-height:1.45}
.sent-n .ft{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}
/* সেটিংস: পাতার লেখা বদলান (পাতা ১০, ৩৫) */
.set-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.set-row{display:flex;flex-direction:column;gap:4px;padding:12px 12px}
.set-row+.set-row{border-top:1px solid #E7ECE9}
.set-row .win{font-size:13px;color:var(--muted)}.set-row .orig{font-size:15px;font-weight:700}
.set-row input{width:100%;min-height:44px;box-sizing:border-box;padding:6px 10px;border:1px solid #8C9A93;border-radius:8px;font-size:16px;font-family:inherit}
.set-row.has-error input{border-color:#B3261E}
.pager{display:flex;flex-wrap:wrap;gap:4px}
.pager a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;color:var(--green-dark);font-weight:600;text-decoration:none}
.pager a[aria-current="true"]{background:var(--mint)}
@media (min-width:1024px){.set-row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px}.set-row .error{grid-column:3}}
.sms-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.bal-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
/* ধাপ ১০: অফিসের হোম বড় পর্দায় (পাতা ১, Main) */
.grow{flex:1}
.desk-nav a[aria-current="page"]{background:var(--mint);color:var(--green-dark);font-weight:600}
@media (min-width:1024px){
  .office-shell{display:flex;align-items:stretch;min-height:100vh;background:var(--bg)}
  .office-shell>.desk-nav{display:flex!important;flex:0 0 220px}
  .office-shell .office-page{max-width:none;margin:0;flex:1;min-width:0}
  .office-shell .only-phone{display:none!important}
  .office-shell .office-top{display:flex!important;padding:14px 28px}
  .office-shell .home-main{padding:20px 28px;max-width:900px}
  .office-shell .home-main:has(.a-work){max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;padding:20px 28px;
    grid-template-areas:"inst inst" "notes notes" "work work" "money sum" "best stock" "best week" "more more"}
  .office-shell .home-main>*{grid-column:1/-1}
  .a-notes{grid-area:notes}.a-inst{grid-area:inst}.a-work{grid-area:work}.a-money{grid-area:money}.a-sum{grid-area:sum}
  .a-best{grid-area:best}.a-stock{grid-area:stock}.a-week{grid-area:week}
  .office-shell .a-proxy,.office-shell .a-ledger{display:none!important}
  .a-work,.a-money{padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:14px}
  .a-work .tiles,.a-money .tiles{border:0;padding:0;background:transparent}
  .a-work .tiles.c3{grid-template-columns:repeat(6,minmax(0,1fr))}
  .a-money .sec-title{margin-top:0}
  .office-shell .home-main>.a-notes,.office-shell .home-main>.a-work{grid-column:1/-1}
  .office-shell .home-main>.a-money,.office-shell .home-main>.a-best{grid-column:1}
  .office-shell .home-main>.a-sum,.office-shell .home-main>.a-stock,.office-shell .home-main>.a-week{grid-column:2}
  .desk-bell .bell{color:var(--text);border-color:var(--line)}
}
.rep-table{width:100%;border-collapse:collapse;font-size:15px}
.rep-table th{background:#EEF2EF;color:#33423C;font-weight:600;text-align:left;padding:12px 20px}
.rep-table td{padding:12px 20px;border-top:1px solid #E7ECE9}
@media (min-width:1024px){.inner .rep-bar{justify-content:flex-end}}
/* বড় পর্দায় only-desk অংশ দেখানো (মেনু ও ওপরের সারি বাদে, ওগুলোর নিজস্ব নিয়ম) */
@media (min-width:1024px){
  .inner .only-desk:not(.desk-nav):not(.desk-top){display:block!important}
  .inner .set-filter{display:grid;grid-template-columns:2fr 1fr;gap:8px}
  .inner .set-row{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr) 80px}
  .inner .set-list .set-row.set-hd.only-desk:not(.x){display:grid!important;background:#EEF2EF;font-size:14px;font-weight:600;color:#33423C}
  .inner .set-row .orig{font-weight:400}
}
/* G-22: আরও পাতা */
.who-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#0B4F40,#0F6B57);color:#fff}
.who-card .av{flex:none;width:48px;height:48px;border-radius:24px;background:#fff;color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.who-card b{display:block;font-size:17px}.who-card small{display:block;color:var(--on-dark-soft);font-size:13px}
.mgrp{font-size:13px;font-weight:700;color:var(--muted);margin:6px 4px -4px}
.menu-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.menu-card .mi{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 14px;box-sizing:border-box;border:0;background:transparent;color:var(--text);text-decoration:none;text-align:left;font-family:inherit;cursor:pointer}
.menu-card .mi+.mi,.menu-card form .mi,.menu-card .mi+form .mi{border-top:1px solid #EEF2EF}
.menu-card .ib{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.menu-card .tx{flex:1;min-width:0}.menu-card .tx b{display:block;font-size:15px}.menu-card .tx small{display:block;font-size:12.5px;color:var(--muted)}
.menu-card .chev{color:#8C9A93;font-size:20px}
.ib.c1{background:#E3EFEA;color:#0F6B57}.ib.c2{background:#FDF3E3;color:#9A5B0B}.ib.c3{background:#E6EEF8;color:#2A5C9A}.ib.c4{background:#F3E8F7;color:#7A3D8F}.ib.c5{background:#FBE4E2;color:#9B1C14}
.redt{color:#9B1C14}
/* G-22: অনেক লাইব্রেরির তালিকা */
.self-end{align-self:flex-end}
.qchips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.qchips a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:20px;border:1px solid #B9C5BF;background:#fff;color:var(--text);font-size:13.5px;font-weight:600;text-decoration:none}
.qchips a[aria-current="true"]{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.lib-list{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.lib-list .lrow{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 12px;color:var(--text);text-decoration:none}
.lib-list .lrow+.lrow{border-top:1px solid #EEF2EF}
.lib-list .lav{flex:none;width:38px;height:38px;border-radius:10px;background:var(--mint);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-weight:700}
.lib-list .tx{flex:1;min-width:0}.lib-list .tx b{display:block;font-size:15px}.lib-list .tx small{font-size:12.5px;color:var(--muted)}
.lib-list .rt{text-align:right}.lib-list .rt b{display:block;font-size:14.5px;white-space:nowrap}.lib-list .rt small{font-size:12px;color:var(--muted)}
.lib-list .chev{color:#8C9A93;font-size:20px}
.ldot{display:inline-block;width:7px;height:7px;border-radius:4px;margin-right:4px;vertical-align:middle;background:#B9C5BF}.ldot.on{background:var(--green)}
.back-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;color:var(--green-dark);font-weight:600;text-decoration:none}
/* G-22: ফোনে অ্যাপ বসান */
.inst-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#FDF3E3,#FFF9EE);border:1px solid #F1D9AE}
.inst-card[hidden]{display:none}
.inst-card .ib{flex:none;width:46px;height:46px;border-radius:12px;background:var(--green-dark);display:flex;align-items:center;justify-content:center}
.inst-card .tx{flex:1;min-width:0}.inst-card b{display:block;font-size:15px}.inst-card small{font-size:12.5px;color:#7A4206}
.inst-card button{min-height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:600;font-size:14px;font-family:inherit;cursor:pointer}
.a-inst:not(:has(.inst-card:not([hidden]))){display:none}
/* G-22: একসাথে কয়েক বই ফেরত */
.mret-main{padding-bottom:170px}
.mret-list{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.mret-row{padding:10px 12px}.mret-row+.mret-row{border-top:1px solid #EEF2EF}.mret-row[hidden]{display:none}
.mret-top{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.mret-top input{position:absolute;opacity:0;width:1px;height:1px}
.mret-top .cbx{flex:none;width:22px;height:22px;border-radius:6px;border:2px solid #8C9A93;box-sizing:border-box;position:relative}
.mret-top input:checked+.cbx{background:var(--green);border-color:var(--green)}
.mret-top input:checked+.cbx::after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.mret-top input:focus-visible+.cbx{outline:2px solid var(--amber);outline-offset:2px}
.mret-top .tx{flex:1;min-width:0}.mret-top b{display:block;font-size:15px}.mret-top small{font-size:12.5px;color:var(--muted)}
.mret-qty{display:grid;grid-template-columns:1fr 110px;gap:8px;align-items:center;margin:8px 0 0 32px}
.mret-qty[hidden]{display:none}
.mret-qty small{font-size:13px;color:var(--muted)}
.mret-qty input{min-height:44px;box-sizing:border-box;padding:6px 10px;border:1px solid #8C9A93;border-radius:8px;font-size:16px;font-family:inherit;width:100%}
.mret-row.has-error .mret-qty input{border-color:#B3261E}
.mret-bar{position:fixed;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;padding:10px 16px 14px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:6px;z-index:5}
.mret-bar .sum{display:flex;justify-content:space-between;font-size:14px}
/* G-22: লেনদেনের SMS চালু/বন্ধ */
.tg-list{display:flex;flex-direction:column}
.tg{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:6px 0;font-size:15px;cursor:pointer}
.tg+.tg{border-top:1px solid #EEF2EF}
.tg input{position:absolute;opacity:0;width:1px;height:1px}
.tg .sw{flex:none;width:44px;height:26px;border-radius:13px;background:#B9C5BF;position:relative;transition:background .15s}
.tg .sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:10px;background:#fff;transition:left .15s}
.tg input:checked+.sw{background:var(--green)}.tg input:checked+.sw::after{left:21px}
.tg input:focus-visible+.sw{outline:2px solid var(--amber);outline-offset:2px}
/* G-22: বাল্ক SMS */
.drop-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px;border:2px dashed #8C9A93;border-radius:14px;background:#fff;text-align:center;color:var(--green);cursor:pointer}
.drop-box b{color:var(--text)}.drop-box small{font-size:13px;color:var(--muted)}
.drop-box input{position:absolute;inset:0;opacity:0;cursor:pointer}
.soft-box{padding:10px 12px;border-radius:12px;background:var(--mint);font-size:14px;line-height:1.5;overflow-wrap:anywhere}