:root{
  --red:#F42A39; --ink:#17171A; --paper:#FFFFFF; --surface:#F2F3F5; --line:#E2E4E8; --muted:#6B6F78;
  --s0:#2F9E5B; --s1:#E3A21A; --s2:#E8641B; --s3:#A3121F; --wa:#1F9D55;
  --fd:"Baloo 2","Hind",system-ui,sans-serif; --fb:"Hind","Noto Sans Devanagari",system-ui,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --ink:#ECEDEF; --paper:#16171A; --surface:#202227; --line:#2E3138; --muted:#9A9FA8; --s3:#E0404D; color-scheme:dark; } }
:root[data-theme="dark"]{ --ink:#ECEDEF; --paper:#16171A; --surface:#202227; --line:#2E3138; --muted:#9A9FA8; --s3:#E0404D; color-scheme:dark; }
:root{ box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); }
html{ scroll-padding-top:calc(env(safe-area-inset-top,0px) + 64px); }
*,*::before,*::after{ box-sizing:inherit; }
body{ margin:0; background:var(--surface); color:var(--ink); font-family:var(--fb); font-size:16px; line-height:1.5; -webkit-text-size-adjust:100%; }
body::before{ content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); z-index:10; background:var(--paper); }
button,input,select,textarea{ font:inherit; color:inherit; }
:focus-visible{ outline:3px solid var(--red); outline-offset:2px; border-radius:6px; }
h1,h2,h3{ font-family:var(--fd); line-height:1.15; margin:0; }
small{ color:var(--muted); }
.num{ text-align:right; font-variant-numeric:tabular-nums; }

/* header */
.top{ position:sticky; top:env(safe-area-inset-top,0px); z-index:5; display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 14px; background:var(--paper); border-bottom:1px solid var(--line); }
.tl,.tr{ display:flex; align-items:center; gap:10px; min-width:0; }
.mini{ height:30px; width:auto; }
.ttl{ font-family:var(--fd); font-weight:600; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.iconbtn{ border:0; background:var(--surface); width:36px; height:36px; border-radius:50%; font-size:24px; line-height:1; cursor:pointer; }
.lang{ border:1.5px solid var(--ink); background:transparent; border-radius:999px; padding:2px 12px; font-weight:600; cursor:pointer; }
.link{ border:0; background:none; color:var(--red); cursor:pointer; padding:6px 2px; font-weight:500; text-decoration:underline; text-underline-offset:3px; }
.wrap{ max-width:760px; margin:0 auto; padding:14px 14px 96px; }

/* login */
.login{ max-width:420px; margin:0 auto; padding:28px 16px 48px; text-align:center; }
.biglogo{ width:170px; height:auto; }
.login h1{ font-size:30px; margin-top:6px; }
.co{ margin:2px 0 18px; color:var(--muted); }
.card{ background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:16px; margin:0 0 14px; text-align:left; }
.card h2{ font-size:20px; margin-bottom:6px; } .card h3{ font-size:17px; margin:0 0 10px; }
label{ display:block; font-size:14px; color:var(--muted); margin:0 0 12px; }
input,select,textarea{ display:block; width:100%; margin-top:4px; padding:10px 12px; border:1.5px solid var(--line); border-radius:10px; background:var(--paper); font-size:16px; }
input[type=checkbox],input[type=radio]{ display:inline; width:auto; margin:0 6px 0 0; }
input[type=file]{ padding:8px; }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:8px 16px; border:1.5px solid var(--ink); border-radius:10px; background:var(--paper); cursor:pointer; font-weight:600; text-decoration:none; color:var(--ink); }
.btn.primary{ background:var(--red); border-color:var(--red); color:#fff; }
.btn.wa{ background:var(--wa); border-color:var(--wa); color:#fff; }
.btn:disabled{ opacity:.5; cursor:not-allowed; }
.card .btn.primary{ width:100%; }
.row{ display:flex; gap:8px; align-items:stretch; margin:8px 0; } .row > select,.row > input{ margin-top:0; flex:1; min-width:0; } .row .btn{ flex:none; }
.demo .btn{ width:100%; margin-bottom:4px; } .demo .row .btn{ width:auto; }
.hint{ font-size:14px; color:var(--muted); margin:4px 0 10px; }
.msg{ font-size:14px; margin:8px 0 0; min-height:1em; color:var(--ink); }
.seg2{ border:0; padding:0; margin:0 0 12px; display:flex; gap:16px; } .seg2 legend{ font-size:14px; color:var(--muted); margin-bottom:4px; } .seg2 label{ color:var(--ink); font-size:16px; margin:0; }

/* summary: the one bold element */
.summary{ background:var(--paper); border-radius:18px; padding:18px 16px 14px; margin-bottom:14px; border:1px solid var(--line); }
.pname{ font-size:22px; word-break:break-word; }
.sub{ margin:2px 0 0; color:var(--muted); font-size:14px; }
.duebox{ display:flex; flex-direction:column; margin:14px 0 8px; }
.duelbl{ font-size:14px; color:var(--muted); }
.dueval{ font-family:var(--fd); font-weight:700; font-size:clamp(34px,9vw,48px); line-height:1.05; font-variant-numeric:tabular-nums; letter-spacing:-.5px; }
.strip{ display:flex; height:8px; border-radius:6px; overflow:hidden; background:var(--line); gap:2px; margin:6px 0; }
.strip.big{ height:18px; border-radius:9px; gap:3px; }
.strip.empty{ opacity:.6; }
.seg{ display:block; min-width:3px; }
.s0{ background:var(--s0); } .s1{ background:var(--s1); } .s2{ background:var(--s2); } .s3{ background:var(--s3); }
.bgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:10px; }
@media (max-width:420px){ .bgrid{ grid-template-columns:repeat(2,1fr); } }
.bcell{ display:grid; grid-template-columns:auto 1fr; column-gap:6px; align-items:center; }
.dot{ width:10px; height:10px; border-radius:50%; grid-row:1; }
.bl{ font-size:13px; color:var(--muted); } .bv{ grid-column:2; font-weight:600; font-variant-numeric:tabular-nums; }
.advnote{ margin:10px 0 0; font-size:14px; color:var(--s0); font-weight:600; }

/* party rows */
.plist{ background:var(--paper); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.prow,.smrow,.mitem{ display:flex; width:100%; gap:12px; align-items:center; text-align:left; background:var(--paper); border:0; border-bottom:1px solid var(--line); padding:12px 14px; cursor:pointer; }
.card .prow{ padding:10px 0; } .prow:last-child,.smrow:last-child,.mitem:last-child{ border-bottom:0; }
.prow:hover,.smrow:hover,.mitem:hover{ background:var(--surface); }
.pr-main{ flex:1; min-width:0; display:flex; flex-direction:column; }
.pr-name{ font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pr-meta{ font-size:13px; color:var(--muted); }
.pr-amt{ font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.hot{ color:var(--s3); }
.searchbar,.filters{ margin:0 0 10px; display:flex; gap:8px; flex-wrap:wrap; } .filters > *{ flex:1 1 160px; margin:0; } .searchbar input{ margin:0; }
.count{ margin:4px 0; font-size:14px; color:var(--muted); }

/* tabs + ledger */
.tabs{ display:flex; gap:4px; margin:4px 0 10px; border-bottom:2px solid var(--line); }
.tabs button{ border:0; background:none; padding:10px 14px; cursor:pointer; font-weight:600; color:var(--muted); border-bottom:3px solid transparent; margin-bottom:-2px; }
.tabs button[aria-selected=true]{ color:var(--ink); border-bottom-color:var(--red); }
.ltable,.dtable{ background:var(--paper); border:1px solid var(--line); border-radius:14px; overflow-x:auto; }
.lhead,.lrow{ display:grid; grid-template-columns:92px minmax(140px,1fr) 104px 104px 124px; gap:8px; padding:9px 12px; min-width:600px; align-items:baseline; }
.lhead,.dhead{ font-size:13px; color:var(--muted); border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--paper); }
.lrow{ border-bottom:1px solid var(--line); font-size:15px; } .lrow:last-child{ border-bottom:0; }
.ld{ color:var(--muted); font-size:14px; font-variant-numeric:tabular-nums; }
.vch{ color:var(--muted); font-size:13px; margin-left:4px; }
.lco{ display:block; font-size:12px; color:var(--muted); }
.dr{ color:var(--ink); } .cr{ color:var(--s0); } .bal{ font-weight:600; }
.tyO{ background:var(--surface); }
.dhead,.drow{ display:grid; grid-template-columns:1fr 120px 70px; gap:8px; padding:9px 12px; align-items:center; }
.drow{ border-bottom:1px solid var(--line); } .drow:last-child{ border-bottom:0; }
.agechip{ display:inline-block; min-width:40px; text-align:center; color:#fff; border-radius:999px; padding:0 8px; font-weight:600; font-size:14px; }
.agechip.s1{ color:#1d1600; }
.empty{ color:var(--muted); padding:12px; }
.actions{ display:flex; gap:8px; flex-wrap:wrap; margin:14px 0; } .actions .btn{ flex:1 1 160px; }
textarea{ resize:vertical; margin:0 0 8px; }

/* admin */
.smtable{ margin:0 -16px -16px; }
.smhead{ display:grid; grid-template-columns:1fr 110px 100px; gap:8px; padding:0 14px 6px; font-size:13px; color:var(--muted); }
.smrow{ display:grid; grid-template-columns:1fr 110px 100px; gap:8px; }
.smrow small{ display:block; } .smrow .strip{ max-width:220px; }
.bnav{ position:fixed; left:0; right:0; bottom:0; z-index:5; display:grid; grid-template-columns:repeat(4,1fr); background:var(--paper); border-top:1px solid var(--line); padding-bottom:env(safe-area-inset-bottom,0px); }
.bnav button{ border:0; background:none; padding:12px 4px; font-weight:600; color:var(--muted); cursor:pointer; border-top:3px solid transparent; }
.bnav button[aria-current=page]{ color:var(--ink); border-top-color:var(--red); }
.menu{ padding:0; overflow:hidden; } .mitem{ font-weight:600; font-size:16px; } .mitem::after{ content:"›"; margin-left:auto; color:var(--muted); font-size:22px; }
.backl{ margin-bottom:8px; text-decoration:none; }
.req,.bk,.grp,.user{ border-top:1px solid var(--line); padding:12px 0; } .req:first-of-type,.bk:first-of-type{ border-top:0; }
.req p,.bk p,.grp p,.user p{ margin:0 0 6px; }
.tag{ font-size:12px; border:1px solid var(--line); border-radius:999px; padding:0 8px; color:var(--muted); }
.doneReq{ margin:4px 0; font-size:14px; color:var(--muted); }
.bkt{ display:flex; justify-content:space-between; font-variant-numeric:tabular-nums; } .bkd{ font-size:13px; color:var(--muted); word-break:break-word; }
.ok{ color:var(--s0); font-weight:600; }
.grp ul{ margin:0 0 8px 18px; padding:0; font-size:14px; }
.merge{ display:grid; grid-template-columns:1fr auto 1fr; gap:8px; font-size:14px; margin:0 0 8px; align-items:center; } .arrow{ color:var(--muted); }
.rights{ display:flex; flex-wrap:wrap; gap:4px 14px; } .rights label{ color:var(--ink); margin:0; font-size:14px; }
.log{ margin:0 0 8px; font-size:14px; }
.switch{ display:flex; align-items:center; gap:10px; color:var(--ink); font-size:15px; margin:0 0 12px; cursor:pointer; }
.switch input{ position:absolute; opacity:0; width:1px; height:1px; }
.knob{ flex:none; width:44px; height:26px; border-radius:13px; background:var(--line); position:relative; transition:background .15s; }
.knob::after{ content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; transition:transform .15s; box-shadow:0 1px 2px rgba(0,0,0,.3); }
.switch input:checked + .knob{ background:var(--s0); } .switch input:checked + .knob::after{ transform:translateX(18px); }
.switch input:focus-visible + .knob{ outline:3px solid var(--red); outline-offset:2px; }
.danger{ border-color:var(--s3); } .dangerbtn{ border-color:var(--s3); color:var(--s3); }
.modal{ position:fixed; inset:0; z-index:20; background:rgba(0,0,0,.45); display:flex; align-items:center; justify-content:center; padding:16px; }
.modal .card{ width:100%; max-width:420px; max-height:90vh; overflow:auto; }
@media (prefers-reduced-motion:reduce){ *{ transition:none!important; } }
#print{ display:none; }
@media print{
  body{ background:#fff; color:#000; } #app{ display:none; } #print{ display:block; font-family:var(--fb); font-size:11px; }
  .pr-head{ display:flex; gap:14px; align-items:center; border-bottom:2px solid #000; padding-bottom:8px; margin-bottom:8px; } .pr-head img{ height:56px; }
  #print table{ width:100%; border-collapse:collapse; } #print th,#print td{ border-bottom:1px solid #ccc; padding:3px 4px; text-align:left; } #print .n{ text-align:right; }
}
@media (max-width:640px){
  .lhead{ display:none; }
  .ltable{ overflow:visible; }
  .lrow{ min-width:0; grid-template-columns:1fr auto; grid-template-areas:"ld amt" "lp bal"; row-gap:2px; padding:10px 12px; }
  .lrow .ld{ grid-area:ld; } .lrow .lp{ grid-area:lp; }
  .lrow .dr,.lrow .cr{ grid-area:amt; font-weight:600; } .lrow .dr:empty,.lrow .cr:empty{ display:none; }
  .lrow .cr::before{ content:"+ "; } .lrow .bal{ grid-area:bal; font-size:13px; font-weight:500; color:var(--muted); }
  .smhead,.smrow{ grid-template-columns:1fr 104px 92px; font-size:15px; }
}

.datebar{ display:flex; gap:8px; align-items:flex-end; flex-wrap:wrap; margin:0 0 12px; }
.datebar label{ flex:1 1 130px; margin:0; } .datebar input{ margin-top:2px; } .datebar .btn{ flex:none; } .datebar .msg{ flex-basis:100%; margin:0; min-height:0; }
.advbtn{ display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; background:none; border:0; padding:4px 0; cursor:pointer; text-align:left; }
.advmore{ font-size:13px; text-decoration:underline; text-underline-offset:3px; }
.advlist{ margin-top:6px; border-top:1px solid var(--line); }
.advrow{ display:flex; width:100%; justify-content:space-between; gap:10px; background:none; border:0; border-bottom:1px solid var(--line); padding:8px 0; cursor:pointer; text-align:left; font-size:14px; }
.advrow .num{ color:var(--s0); font-weight:600; white-space:nowrap; }
.advtag{ color:var(--s0); font-weight:600; white-space:nowrap; }

.bcell{ background:none; border:1.5px solid transparent; border-radius:10px; padding:6px 6px; text-align:left; cursor:pointer; }
.bcell:hover{ background:var(--surface); }
.bcell.on{ border-color:var(--ink); background:var(--surface); }
.bgrid.filtering .bcell:not(.on){ opacity:.55; }
.fchip{ display:flex; justify-content:space-between; align-items:center; gap:10px; background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:6px 12px; margin:0 0 10px; font-weight:600; font-size:14px; }
.pr-amt small.pr-tot{ display:block; font-weight:500; font-size:12px; color:var(--muted); text-align:right; }
.pr-amt{ text-align:right; }
#toast{ position:fixed; left:50%; bottom:calc(76px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%) translateY(20px); background:var(--ink); color:var(--paper); padding:10px 16px; border-radius:12px; font-weight:600; opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; z-index:30; max-width:90vw; text-align:center; }
#toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }
#pdfStage{ position:fixed; left:-12000px; top:0; }
.pp{ width:794px; height:1123px; box-sizing:border-box; padding:40px 38px 50px; background:#fff; color:#000; font-family:"Hind","Baloo 2",sans-serif; font-weight:600; font-size:13px; position:relative; }
.pp .strip{ background:#E2E4E8; } .pp .s0{background:#2F9E5B} .pp .s1{background:#E3A21A} .pp .s2{background:#E8641B} .pp .s3{background:#A3121F}
.pp-head{ display:flex; gap:14px; align-items:center; border-bottom:2px solid #000; padding-bottom:8px; font-size:12px; line-height:1.4; font-weight:500; } .pp-head img{ height:52px; } .pp-head b{ font-size:15px; }
.pp h1{ font-family:"Baloo 2",sans-serif; font-size:22px; margin:12px 0 0; color:#000; } .pp-sub{ margin:0 0 8px; font-weight:600; }
.pp-sum{ border:1px solid #C9CCD2; border-radius:12px; padding:10px 12px; margin-bottom:10px; } .pp-sum span{ font-size:12px; display:block; } .pp-big{ font-family:"Baloo 2",sans-serif; font-size:28px; line-height:1.1; }
.pp-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; } .pp-grid b{ font-size:14px; } .pp .dot{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:5px; }
.pp-adv{ color:#2F9E5B; margin:6px 0 0; }
.pp table{ width:100%; border-collapse:collapse; } .pp th{ background:#F2F3F5; text-align:left; font-weight:700; padding:5px 6px; border:1px solid #C9CCD2; font-size:12px; }
.pp td{ padding:4px 6px; border:1px solid #C9CCD2; vertical-align:top; } .pp .n{ text-align:right; white-space:nowrap; } .pp small{ font-weight:500; color:#333; font-size:11px; }
.pp-cont{ font-weight:700; margin:0 0 8px; } .pp-foot{ position:absolute; bottom:22px; left:0; right:0; text-align:center; font-size:11px; color:#555; font-weight:500; }
/* demo + new features */
.demobanner{ margin:0 0 12px; padding:8px 12px; border-radius:10px; background:#FFF3C4; color:#5a4300; font-size:14px; font-weight:600; border:1px solid #E9CF6E; }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .demobanner{ background:#3a3010; color:#F4DE8A; border-color:#6b5a1d; } }
.demobtn{ border-style:dashed; }
.pickbar{ display:flex; gap:8px; flex-wrap:wrap; margin:0 0 10px; } .pickbar label{ flex:1 1 170px; margin:0; }
.ledtools{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin:0 0 6px; } .ledtools .hint{ margin:0; }
button.lrow{ width:100%; text-align:left; background:var(--paper); border:0; border-bottom:1px solid var(--line); cursor:pointer; color:inherit; font:inherit; }
button.lrow:hover{ background:var(--surface); } button.lrow.tyC{ background:var(--paper); }
.chev{ color:var(--red); font-weight:700; }
.modal .card.billcard{ max-width:520px; padding:14px; }
@media (max-width:560px){ .modal{ padding:0; align-items:flex-end; } .modal .card.billcard{ max-height:92vh; border-radius:18px 18px 0 0; margin:0; } }
.bmhead{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; } .bmhead h2{ font-size:22px; margin:4px 0 0; } .bmhead .sub{ margin:0; }
.bmparty{ margin:10px 0; }
.items{ border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.itrow{ padding:9px 12px; border-bottom:1px solid var(--line); } .itrow:last-child{ border-bottom:0; }
.itn{ display:flex; flex-wrap:wrap; gap:6px; align-items:baseline; } .itq{ display:flex; justify-content:space-between; gap:10px; font-size:14px; color:var(--muted); } .itq b{ color:var(--ink); font-variant-numeric:tabular-nums; }
.catchip{ font-size:12px; padding:0 8px; border-radius:999px; background:var(--surface); border:1px solid var(--line); } .catchip.miss{ color:var(--s2); border-color:var(--s2); }
.btot{ margin:10px 0; } .btot p{ display:flex; justify-content:space-between; margin:2px 0; font-variant-numeric:tabular-nums; } .btot .bnet{ font-size:20px; font-family:var(--fd); border-top:1px solid var(--line); padding-top:6px; margin-top:6px; }
.gsum{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0 0 10px; } .gsum p{ margin:0; background:var(--surface); border-radius:10px; padding:8px; } .gsum span{ display:block; font-size:13px; color:var(--muted); } .gsum b{ font-variant-numeric:tabular-nums; }
.glist{ border:1px solid var(--line); border-radius:12px; overflow:hidden; margin-bottom:12px; }
.grow{ display:flex; width:100%; justify-content:space-between; gap:10px; padding:9px 12px; border:0; border-bottom:1px solid var(--line); background:var(--paper); text-align:left; cursor:pointer; color:inherit; font:inherit; }
.grow:last-child{ border-bottom:0; } .grow:hover{ background:var(--surface); }
.g1,.g2{ display:flex; flex-direction:column; min-width:0; } .g1 b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .g2{ text-align:right; white-space:nowrap; } .g2.cr b{ color:var(--s0); }
.g1 small,.g2 small{ font-size:12px; }
.cats{ margin:0 0 12px; } .catrow{ display:grid; grid-template-columns:90px 1fr auto; gap:10px; align-items:center; padding:6px 0; border-bottom:1px solid var(--line); }
.cn{ font-weight:600; } .cbar{ height:12px; background:var(--surface); border-radius:6px; overflow:hidden; } .cbar i{ display:block; height:100%; background:var(--red); border-radius:6px; }
.cq{ text-align:right; display:flex; flex-direction:column; } .cq small{ font-size:12px; }
.upf{ display:flex; gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line); } .upf:last-of-type{ border-bottom:0; } .upf > span:nth-child(2){ flex:1; display:flex; flex-direction:column; min-width:0; } .upf small{ font-size:13px; }
.upi{ flex:none; width:26px; height:26px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:700; background:var(--s0); color:#fff; } .upf.warn .upi{ background:var(--s2); }
.catedit{ display:flex; gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line); } .catedit > span{ flex:1; display:flex; flex-direction:column; min-width:0; } .catedit select{ width:140px; margin:0; flex:none; }
.pp-billtop{ display:flex; justify-content:space-between; gap:16px; margin:12px 0 10px; } .pp-kind{ font-size:12px; border:1px solid #000; border-radius:999px; padding:0 8px; }
.pp-to{ text-align:right; display:flex; flex-direction:column; } .pp-to b{ font-size:16px; } .pp-to small{ font-size:11px; line-height:1.4; }
.pp-btot{ margin:12px 0 0 auto; width:300px; } .pp-btot p{ display:flex; justify-content:space-between; margin:3px 0; } .pp-btot .big{ font-size:18px; border-top:2px solid #000; padding-top:4px; }
.pp .pp-trow td{ background:#F2F3F5; font-weight:700; } .pp table.pp-small td,.pp table.pp-small th{ font-size:11px; padding:3px 4px; } .pp-h2{ font-family:"Baloo 2",sans-serif; font-size:16px; margin:14px 0 6px; }

.pr-busy{ font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.billcard .row{ flex-wrap:wrap; } .billcard .row .btn{ flex:1 1 140px; width:auto; }


/* server app additions */
.pend{background:#FFF3C4;border-radius:10px;padding:8px 12px;margin:0 0 10px}
.user{display:flex;justify-content:space-between;align-items:center;gap:10px}
.modal .card{max-width:520px}
.bnav button{font-size:14px}