/* Coniva Share — website styles (member form + admin). No build step needed. */
@font-face{font-family:'ConivaBnSans';src:url('../fonts/coniva-bn-sans.woff') format('woff');font-display:swap;unicode-range:U+0964-0965,U+0980-09FF,U+200C-200D,U+25CC}
@font-face{font-family:'ConivaLora';src:url('../fonts/coniva-lora.woff') format('woff');font-weight:400 700;font-display:swap}

:root{
  --ink:#15120D; --ink2:#2A251C; --gold:#C9A24A; --gold-l:#E8D29A; --gold-d:#7A5A14; --gold-bg:#FBF6E8;
  --cream:#FAF7F0; --line:#E6DCC4; --line2:#D6C08A; --text:#1E1A14; --muted:#6B6355; --white:#fff;
  --blue:#1F4E9E; --blue-bg:#EAF1FC; --green:#1E7B4F; --green-bg:#E7F5EE; --red:#B3261E; --red-bg:#FCEBEA; --amber:#9A6700; --amber-bg:#FFF4D6;
  --r:14px; --r-sm:10px; --shadow:0 1px 2px rgba(21,18,13,.06),0 8px 24px rgba(21,18,13,.07);
  --font:'Hind Siliguri','ConivaBnSans','Noto Sans Bengali','Nirmala UI','Vrinda',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
svg{width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.18em}
a{color:var(--gold-d)}
button,input,select,textarea{font:inherit;color:inherit}
.container{width:100%;max-width:980px;margin:0 auto;padding:0 16px}
.wide{max-width:1200px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.muted{color:var(--muted)}
.en{font-size:.78em;color:var(--muted);font-weight:500;letter-spacing:.01em}
[hidden]{display:none!important}

/* ---------- top bar ---------- */
.topbar{background:var(--ink);color:#fff;position:sticky;top:0;z-index:40;border-bottom:3px solid var(--gold)}
.topbar .container{display:flex;align-items:center;gap:12px;min-height:60px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:0}
.brand .mark{background:#fff;border-radius:8px;padding:5px 8px;flex-shrink:0}
.brand .mark img{height:26px;width:auto}
.brand b{font-weight:600;font-size:15px;line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand small{display:block;font-size:11px;color:var(--gold-l);letter-spacing:.12em;text-transform:uppercase}
.topbar .grow{flex:1}
.save-state{font-size:13px;color:var(--gold-l);display:flex;align-items:center;gap:6px;white-space:nowrap}
.save-state i{width:8px;height:8px;border-radius:50%;background:#4CC38A;display:inline-block}

/* ---------- hero ---------- */
.hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(201,162,74,.35),transparent 60%),linear-gradient(180deg,#1B1711,#15120D);color:#fff;padding:34px 0 76px}
.hero .eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
.hero h1{font-size:clamp(24px,5vw,36px);line-height:1.3;margin:8px 0 6px;font-weight:700}
.hero p{margin:0;color:#E9E2D2;max-width:640px}
.hero .hi{color:var(--gold-l)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(232,210,154,.45);background:rgba(255,255,255,.04);color:#F3EAD2;border-radius:999px;padding:6px 12px;font-size:14px}
.chip svg{width:16px;height:16px;color:var(--gold)}

/* ---------- card ---------- */
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.lift{margin-top:-52px;position:relative}
.pad{padding:18px}
@media(min-width:720px){.pad{padding:26px 30px}}

/* ---------- stepper ---------- */
.stepper{padding:14px 16px 12px;border-bottom:1px solid var(--line)}
.stepper .now{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;color:var(--muted)}
.stepper .now b{color:var(--text);font-size:16px}
.bar{height:8px;background:#F0E9D8;border-radius:99px;margin-top:8px;overflow:hidden}
.bar>span{display:block;height:100%;background:linear-gradient(90deg,#B98E2F,#E2C579);border-radius:99px;transition:width .35s ease}
.steps{display:none;list-style:none;margin:14px 0 0;padding:0;gap:6px}
.steps li{flex:1;min-width:0}
.steps button{width:100%;border:0;background:none;padding:6px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;line-height:1.3;text-align:center}
.steps .dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line2);background:#fff;font-weight:700;font-size:14px;color:var(--gold-d);transition:.2s}
.steps .cur .dot{background:var(--ink);border-color:var(--ink);color:var(--gold-l);box-shadow:0 0 0 4px rgba(201,162,74,.25)}
.steps .cur{color:var(--text);font-weight:600}
.steps .done .dot{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.steps .bad .dot{border-color:var(--red);color:var(--red)}
@media(min-width:760px){.steps{display:flex}}

/* ---------- step panel ---------- */
.panel{display:none;animation:fade .25s ease}
.panel.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.panel-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.panel-head .ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#F0DDA6,#C9A24A);display:grid;place-items:center;flex-shrink:0;color:var(--ink)}
.panel-head .ico svg{width:24px;height:24px}
.panel-head h2{margin:0;font-size:22px;line-height:1.3}
.panel-head .en{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);font-weight:600}
.tip{display:flex;gap:10px;background:var(--gold-bg);border:1px solid #EFE2BC;border-radius:var(--r-sm);padding:12px 14px;font-size:15px;margin:6px 0 18px}
.tip svg{width:20px;height:20px;color:var(--gold-d);flex-shrink:0;margin-top:2px}

.section{margin-top:22px}
.section:first-of-type{margin-top:8px}
.sec-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.sec-title .badge{min-width:34px;height:28px;padding:0 8px;border-radius:8px;background:var(--ink);color:var(--gold-l);font-weight:700;font-size:13px;display:grid;place-items:center;font-family:'ConivaLora',Georgia,serif}
.sec-title b{font-size:17px}
.sec-title .badge svg{width:16px;height:16px}
.sec-title .en{margin-left:auto;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);display:none}
@media(min-width:620px){.sec-title .en{display:inline}}
.lead{margin:0 0 10px;font-weight:600}

/* ---------- fields ---------- */
.grid{display:grid;grid-template-columns:1fr;gap:14px 16px}
@media(min-width:720px){.grid{grid-template-columns:repeat(12,1fr)}.c12{grid-column:span 12}.c8{grid-column:span 8}.c7{grid-column:span 7}.c6{grid-column:span 6}.c5{grid-column:span 5}.c4{grid-column:span 4}.c3{grid-column:span 3}}
.field{min-width:0}
.field>label:not(.choice),.field>.label{display:block;font-weight:600;font-size:15.5px;margin-bottom:6px;line-height:1.35}
.field .req{color:var(--red);margin-left:2px}
.input{width:100%;min-height:50px;border:1.5px solid #DDD3BD;border-radius:var(--r-sm);background:#fff;padding:11px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s;outline:none;-webkit-appearance:none;appearance:none}
textarea.input{min-height:auto;resize:vertical}
.input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,74,.18)}
.input[readonly]{background:#F7F3EA;color:#4A4336}
.input::placeholder{color:#A69C88}
.help{font-size:13.5px;color:var(--muted);margin-top:6px;display:flex;gap:6px;align-items:flex-start;line-height:1.5}
.help svg{width:15px;height:15px;margin-top:3px;color:var(--gold-d)}
.err{font-size:14px;color:var(--red);margin-top:6px;display:none;font-weight:500}
.field.invalid .input{border-color:var(--red);background:#FFF9F8}
.field.invalid .err{display:block}
.field.invalid .choices .choice{border-color:#E7B4AF}
.prefix{position:relative}
.prefix>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600}
.prefix .input{padding-left:34px}

/* choice cards (radio / checkbox) */
.choices{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:560px){.choices{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.choices.stack{grid-template-columns:1fr}}
.choice{display:flex;align-items:flex-start;gap:12px;border:1.5px solid #DDD3BD;border-radius:var(--r-sm);padding:12px 14px;background:#fff;cursor:pointer;transition:.15s;min-height:50px;line-height:1.45}
.choice:hover{border-color:var(--gold)}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice .box{width:22px;height:22px;border:2px solid #BDB29A;border-radius:6px;flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:.15s;background:#fff}
.choice.radio .box{border-radius:50%}
.choice .box::after{content:'';width:10px;height:6px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.choice.radio .box::after{width:10px;height:10px;border:0;border-radius:50%;background:#fff;transform:none}
.choice input:checked~.box{background:var(--ink);border-color:var(--ink)}
.choice input:checked~.box::after{opacity:1}
.choice:has(input:checked){border-color:var(--ink);background:var(--gold-bg);box-shadow:inset 0 0 0 1px var(--ink)}
.choice input:focus-visible~.box{box-shadow:0 0 0 4px rgba(201,162,74,.35)}
.choice .t{display:block}
.choice .t small{display:block;color:var(--muted);font-size:13px}
.single{background:var(--gold-bg)}

/* uploads */
.drop{position:relative;border:2px dashed var(--line2);border-radius:var(--r);background:#FFFDF8;padding:16px;text-align:center;transition:.15s;cursor:pointer}
.drop:hover,.drop.over{border-color:var(--gold);background:var(--gold-bg)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.drop .dz{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}
.drop .dz svg{width:30px;height:30px;color:var(--gold-d)}
.drop .dz b{font-size:15px}
.drop .dz small{color:var(--muted);font-size:13px}
.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.thumb{position:relative;width:88px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;font-size:11px}
.thumb .im{height:88px;background:#F4EFE3 center/cover no-repeat;display:grid;place-items:center;color:var(--gold-d);font-weight:700}
.thumb .nm{padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thumb button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(21,18,13,.8);color:#fff;cursor:pointer;font-size:15px;line-height:1}
.photo-field{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.photo-frame{width:112px;height:144px;border-radius:12px;border:2px dashed var(--line2);background:#FFFDF8 center/cover no-repeat;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;padding:8px;flex-shrink:0}
.photo-frame.has{border-style:solid;border-color:var(--gold);color:transparent}
.photo-field .drop{flex:1;min-width:220px}

/* signature */
.sigwrap{border:1.5px solid #DDD3BD;border-radius:var(--r);background:#fff;position:relative;overflow:hidden}
.sigwrap canvas{display:block;width:100%;height:190px;touch-action:none;cursor:crosshair}
.sigwrap .base{position:absolute;left:18px;right:18px;bottom:44px;border-bottom:1.5px dashed #CBBF9F;pointer-events:none}
.sigwrap .hint{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#B7AC95;pointer-events:none;font-size:15px}
.sigwrap.signed .hint{display:none}
.sigbar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-top:1px solid var(--line);background:#FBF8F1;font-size:13px;color:var(--muted)}
.field.invalid .sigwrap{border-color:var(--red)}

/* review */
.review{display:grid;gap:12px}
.rv{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.rv h4{margin:0;padding:10px 14px;background:#FBF8F1;display:flex;justify-content:space-between;align-items:center;font-size:15px}
.rv h4 button{border:0;background:none;color:var(--gold-d);font-weight:600;cursor:pointer;font-size:14px}
.rv dl{margin:0;padding:6px 14px 10px;display:grid;grid-template-columns:1fr;gap:2px 16px}
@media(min-width:620px){.rv dl{grid-template-columns:minmax(150px,38%) 1fr}}
.rv dt{color:var(--muted);font-size:13.5px;padding-top:6px}
.rv dd{margin:0;font-weight:500;padding-bottom:6px;border-bottom:1px dashed #EEE6D3;word-break:break-word}
@media(min-width:620px){.rv dt{border-bottom:1px dashed #EEE6D3;padding-bottom:6px}}
.rv .rvsub{grid-column:1/-1;margin:10px 0 2px;font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--gold-d);border-bottom:1px solid var(--line);padding-bottom:4px}
.rv .rvsub:first-child{margin-top:4px}
.rv .none{color:#B0A690;font-weight:400}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;transition:.15s;white-space:nowrap}
.btn:hover{background:#F6F1E4}
.btn svg{width:18px;height:18px}
.btn-pri{background:var(--ink);color:var(--gold-l)}
.btn-pri:hover{background:#2A241A}
.btn-gold{background:linear-gradient(135deg,#E2C579,#C9A24A);border-color:#B48E35;color:var(--ink)}
.btn-gold:hover{filter:brightness(1.04);background:linear-gradient(135deg,#E2C579,#C9A24A)}
.btn-sm{min-height:36px;padding:6px 14px;font-size:14px}
.btn-ghost{border-color:transparent;background:transparent}
.btn-danger{border-color:#E3B2AE;color:var(--red)}
.btn[disabled]{opacity:.55;cursor:not-allowed}

.navbar{position:sticky;bottom:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;justify-content:space-between;align-items:center;border-radius:0 0 var(--r) var(--r)}
.navbar .btn{flex:1;max-width:240px}
.navbar .mid{font-size:13px;color:var(--muted);text-align:center;display:none}
@media(min-width:620px){.navbar .mid{display:block}}

/* alerts */
.alert{border-radius:var(--r-sm);padding:12px 14px;margin:0 0 16px;font-size:15px;display:flex;gap:10px;align-items:flex-start}
.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}
.alert-err{background:var(--red-bg);color:#7D1A14;border:1px solid #F1C4C0}
.alert-ok{background:var(--green-bg);color:#14553A;border:1px solid #BFE3D0}
.alert-info{background:var(--blue-bg);color:#173E7C;border:1px solid #C9DAF5}

/* overlay */
.overlay{position:fixed;inset:0;background:rgba(21,18,13,.62);z-index:100;display:grid;place-items:center;padding:20px}
.overlay .box{background:#fff;border-radius:18px;padding:26px;max-width:380px;width:100%;text-align:center}
.spinner{width:46px;height:46px;border-radius:50%;border:4px solid #EFE6CF;border-top-color:var(--gold);animation:spin 1s linear infinite;margin:0 auto 12px}
@keyframes spin{to{transform:rotate(360deg)}}

/* before-you-start */
.prep{display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:0;list-style:none}
@media(min-width:620px){.prep{grid-template-columns:1fr 1fr}}
.prep li{display:flex;gap:10px;align-items:flex-start;font-size:15px;padding:8px 10px;border-radius:10px;background:#FBF8F1}
.prep li svg{width:18px;height:18px;color:var(--green);flex-shrink:0;margin-top:3px}
details.prepbox summary>span:first-child{display:flex;gap:8px;align-items:center}
details.prepbox summary svg{width:20px;height:20px;color:var(--gold-d)}
details.prepbox summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
details.prepbox summary::-webkit-details-marker{display:none}
details.prepbox summary .arr{transition:.2s;color:var(--gold-d)}
details.prepbox[open] summary .arr{transform:rotate(180deg)}

/* footer */
.foot{text-align:center;color:var(--muted);font-size:13px;padding:26px 16px 40px}
.foot b{color:var(--gold-d);font-family:'ConivaLora',Georgia,serif;font-style:italic;font-weight:500}

/* success */
.success{text-align:center;padding:34px 20px}
.success .tick{width:84px;height:84px;border-radius:50%;background:var(--green-bg);display:grid;place-items:center;margin:0 auto 14px;animation:pop .5s ease}
.success .tick svg{width:44px;height:44px;color:var(--green)}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.success h1{margin:0 0 6px;font-size:26px}
.appno-box{display:inline-block;margin:14px 0;border:1.5px dashed var(--gold);border-radius:12px;padding:10px 18px;background:var(--gold-bg)}
.appno-box small{display:block;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.appno-box b{font-size:22px;letter-spacing:.06em;font-family:'ConivaLora',Georgia,serif}
.timeline{list-style:none;padding:0;margin:20px auto 0;max-width:460px;text-align:left}
.timeline li{display:flex;gap:12px;padding:8px 0;position:relative}
.timeline li span{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--gold-l);display:grid;place-items:center;font-size:13px;flex-shrink:0}
.timeline li.ok span{background:var(--green);color:#fff}
.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}

/* ---------- admin ---------- */
.topbar.admin .brand>span:last-child{display:none}
@media(min-width:620px){.topbar.admin .brand>span:last-child{display:block}}
.anav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.anav a{color:#E9E2D2;text-decoration:none;padding:8px 12px;border-radius:8px;font-size:15px;white-space:nowrap}
.anav a.on,.anav a:hover{background:rgba(232,210,154,.14);color:var(--gold-l)}
.page-title{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:24px 0 16px}
.page-title h1{margin:0;font-size:24px;line-height:1.3}
.page-title .sub{color:var(--muted);font-size:14px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}
@media(min-width:900px){.stats{grid-template-columns:repeat(5,1fr)}}
.stat{padding:14px 16px}
.stat small{color:var(--muted);font-size:13px;display:block}
.stat b{font-size:24px;font-family:'ConivaLora',Georgia,serif;line-height:1.3}
.stat.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.stat.dark small{color:var(--gold-l)}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px}
.toolbar .search{flex:1;min-width:220px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs a{padding:7px 12px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--text);font-size:14px;background:#fff}
.tabs a.on{background:var(--ink);color:var(--gold-l);border-color:var(--ink)}
.table-wrap{overflow-x:auto}
table.list{width:100%;border-collapse:collapse;font-size:15px}
.list th{text-align:left;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--line);background:#FBF8F1;white-space:nowrap}
.list td{padding:12px 14px;border-bottom:1px solid #F0E9D8;vertical-align:middle}
.list tr:hover td{background:#FFFDF7}
.list .who b{display:block}
.list .who small{color:var(--muted)}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;white-space:nowrap}
.pill i{width:7px;height:7px;border-radius:50%;background:currentColor}
.pill.blue{background:var(--blue-bg);color:var(--blue)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.green{background:var(--green-bg);color:var(--green)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.grey{background:#EEE;color:#555}
.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.empty{text-align:center;padding:40px 20px;color:var(--muted)}
.pager{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;color:var(--muted);gap:10px;flex-wrap:wrap}
@media(max-width:719px){
  .list thead{display:none}
  .list tr{display:block;border-bottom:1px solid var(--line);padding:10px 4px}
  .list td{display:flex;justify-content:space-between;gap:12px;border:0;padding:5px 12px}
  .list td[data-l]::before{content:attr(data-l);color:var(--muted);font-size:13px}
  .list td.who{display:block}
  .row-actions{justify-content:flex-start}
}
.split{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:1000px){.split{grid-template-columns:minmax(0,1fr) 340px}}
.docframe{width:100%;height:78vh;border:0;border-radius:var(--r);background:#E9E4D8}
.side h3{margin:0 0 10px;font-size:16px}
.files{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.files li{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:14px}
.files .fi{width:42px;height:42px;border-radius:8px;background:#F4EFE3 center/cover;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--gold-d);flex-shrink:0}
.files .fn{flex:1;min-width:0}
.files .fn b{display:block;font-size:13px;color:var(--muted);font-weight:500}
.files .fn span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px;margin:0}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-weight:500;text-align:right}
.editnav{position:sticky;top:64px;z-index:20;background:var(--cream);padding:10px 0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}
.editnav a{white-space:nowrap;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:6px 12px;font-size:14px}
.edit-sec{scroll-margin-top:120px;margin-bottom:16px}
.edit-sec>h2{margin:0 0 4px;font-size:19px}
.officebox{border-left:4px solid var(--gold)}
.inst{width:100%;border-collapse:collapse}
.inst th{font-size:13px;color:var(--muted);text-align:left;padding:4px 6px}
.inst td{padding:4px}
.inst .input{min-height:42px;padding:8px 10px;font-size:15px}
.copy{display:flex;gap:6px;align-items:center;min-width:0}
.copy input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;background:#FBF8F1;color:var(--muted)}
.login{max-width:420px;margin:60px auto;padding:0 16px}
.flash{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:200;background:var(--ink);color:var(--gold-l);padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);font-size:15px;animation:fade .3s}

/* Language Switcher */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 3px 6px;
  margin-left: 8px;
  font-size: 13px;
  color: #fff;
  transition: all 0.2s ease;
}
.lang-switch:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: var(--gold);
}
.lang-ico {
  width: 15px;
  height: 15px;
  color: var(--gold);
  margin-left: 3px;
  margin-right: 2px;
  flex-shrink: 0;
}
.lang-btn {
  background: transparent;
  border: none;
  color: #c9c7c5;
  padding: 3px 8px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  transition: all 0.18s ease;
  font-family: inherit;
}
.lang-btn:hover {
  color: #fff;
}
.lang-btn.active {
  background: var(--gold);
  color: #15120D;
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.lang-sep {
  color: rgba(255, 255, 255, 0.25);
  font-size: 11px;
}

/* Bilingual switching rules */
html[lang="en"] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
html[lang="en"] .lbl-text-bn,
html[lang="en"] .lbl-sub-en,
html[lang="en"] .opt-text-bn,
html[lang="en"] .opt-sub-en,
html[lang="en"] .sec-text-bn,
html[lang="en"] .sec-sub-en,
html[lang="en"] .panel-text-bn,
html[lang="en"] .panel-sub-en,
html[lang="en"] .step-text-bn,
html[lang="en"] .tip-text-bn {
  display: none !important;
}
html[lang="en"] .lbl-text-en,
html[lang="en"] .opt-text-en,
html[lang="en"] .sec-text-en,
html[lang="en"] .panel-text-en,
html[lang="en"] .step-text-en,
html[lang="en"] .tip-text-en {
  display: inline !important;
}
html[lang="en"] .lbl-sub-bn,
html[lang="en"] .sec-sub-bn,
html[lang="en"] .panel-sub-bn {
  display: inline !important;
}
html[lang="en"] .opt-sub-bn {
  display: block !important;
}
html[lang="en"] .step-num-bn {
  display: none !important;
}
html[lang="en"] .step-num-en {
  display: inline !important;
}