/* mbos-ui.css — собрано из 7 инлайн-<style> mbos-app.html (вебхук mbos-ui.css отдаёт пусто). Оригинал MBOS, не править — переопределять в своих файлах. */

/* ===== block 1 ===== */
:root{--bg:#00365C;--bg2:#002B4A;--card:#004A7C;--card2:#01528a;--blue:#009AD7;--orange:#E67309;--sky:#52C3F1;--txt:#EAF4FA;--mut:#8FB6CE}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
select option{background:#01528a;color:#fff}
html{background:var(--bg2) url(../img/pattern.svg);background-size:120px 124px;min-height:100%;overscroll-behavior-y:none}
body{background:var(--bg2) url(../img/pattern.svg);background-size:120px 124px;color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;padding-bottom:40px;max-width:520px;margin:0 auto;min-height:100dvh;overscroll-behavior-y:none}
.top{position:sticky;top:0;z-index:20;background:rgba(0,43,74,.97);padding:calc(10px + env(safe-area-inset-top)) 14px 8px;box-shadow:0 2px 12px rgba(0,0,0,.35);transition:transform .25s ease}
.top.hide{transform:translateY(-105%)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.logo{flex:0 1 auto;min-width:0;overflow:hidden;margin-left:8px}
.logo img{height:30px;display:block;max-width:44vw;object-fit:contain}.logo .lgv{height:30px;width:116px;max-width:100%;flex:0 1 auto;display:block}#lock .llogo{width:170px;height:44px;display:block}
.upd{font-size:11px;color:var(--mut)}
.nav{display:flex;gap:5px;margin-bottom:7px}
.nav button{flex:1 1 0;padding:5px 2px;border:none;border-radius:8px;background:rgba(var(--wt,255,255,255),.12);color:var(--chip,#CFE6F5);font-size:11px;font-weight:700;white-space:nowrap}
.nav button.on{background:var(--blue);color:#fff}
.per{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.per::-webkit-scrollbar{display:none}
.per button{flex:0 0 auto;padding:5px 10px;border:none;border-radius:8px;background:rgba(var(--wt,255,255,255),.12);color:var(--chip,#CFE6F5);font-size:13px;font-weight:600;white-space:nowrap}
.per button.on{background:var(--orange);color:#fff}
.hint{font-size:11px;color:var(--mut);margin-top:6px}
.wrap{padding:10px 12px 0}
h2{font-size:17px;font-weight:800;color:#fff;margin:16px 2px 8px;scroll-margin-top:130px;display:flex;align-items:center;gap:7px}
h2 .dotm{width:8px;height:8px;border-radius:50%;background:var(--orange)}
.tile{background:var(--card);border-radius:18px;padding:15px 14px;box-shadow:0 3px 14px rgba(0,0,0,.28);margin-bottom:10px}
.tile h3{font-size:14px;font-weight:800;color:#fff;border-left:3px solid var(--orange);padding-left:8px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.tile h3 .more{font-size:11px;color:#fff;font-weight:700;background:var(--orange);border-radius:11px;padding:3px 10px}
.hero .big{font-size:34px;font-weight:800;color:#fff;text-align:center;margin:2px 0 2px}
.hero .cap{font-size:11px;letter-spacing:1px;color:var(--mut);font-weight:700;text-transform:uppercase;text-align:center}
.mini{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:11px}
.mini div{background:rgba(var(--wt,255,255,255),.08);border-radius:12px;padding:8px 6px;text-align:center}
.mini .n{font-size:11px;color:var(--mut);font-weight:600}
.mini .v{font-size:14px;font-weight:800;margin-top:2px;color:#fff}
.mini .v.o{color:#FF9A2E}
.row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:7px}
.row .nm{display:flex;align-items:center;gap:7px;font-weight:600}
.row .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.row .val{font-weight:800;text-align:right}
.row .sub{font-size:11px;color:var(--mut);font-weight:500}
.bar{height:6px;border-radius:4px;background:rgba(var(--wt,255,255,255),.15);overflow:hidden;margin:-3px 0 8px}
.bar i{display:block;height:100%;border-radius:4px}
.split{display:flex;gap:12px;align-items:center}
.split .list{flex:1}
.note{font-size:12px;color:var(--mut)}
svg.ln{width:100%;height:180px}
.skel{opacity:.4;pointer-events:none}
.err{background:#5a2a00;color:#FFC58A;border-radius:12px;padding:11px;text-align:center;font-size:13px;margin:10px 0;display:none}
.ft{text-align:center;color:var(--mut);font-size:11px;margin-top:16px}
#lock{position:fixed;inset:0;background:var(--bg2) url(../img/pattern.svg);background-size:120px 124px;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
#lock .llogo{width:170px;margin-bottom:22px}
#lock .le{color:#FFC58A;font-size:13px;margin-top:14px;min-height:16px;font-weight:600;text-align:center;max-width:300px;line-height:1.35}
#modal{position:fixed;inset:0;background:var(--bg2);z-index:50;display:none;flex-direction:column}
#modal{padding-top:env(safe-area-inset-top)}
#modal .mh{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 8px}
#modal .mt{font-size:16px;font-weight:800;color:#fff}
#modal .mx{border:none;background:rgba(var(--wt,255,255,255),.14);color:var(--chip,#CFE6F5);border-radius:50%;width:32px;height:32px;font-size:16px;font-weight:700}
#modal .mb{flex:1;overflow:auto;padding:0 12px 20px}
.cols{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px}
.col{flex:0 0 190px;background:var(--card);border-radius:16px;padding:12px;box-shadow:0 3px 14px rgba(0,0,0,.28)}
.col .ch{font-size:12px;font-weight:800;color:#FF9A2E;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.col .cx{border:none;background:none;color:var(--mut);font-size:13px;padding:0 2px}
.chd{display:flex;align-items:center;gap:3px;margin:-2px 0 9px}
.chd input{flex:1;min-width:0;background:#012a47;color:var(--chip,#CFE6F5);border:1px solid #0a3f66;border-radius:7px;font-size:10px;padding:3px 3px;color-scheme:dark}
.chd span{color:#7FB0CE;font-size:10px}
.col .r{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;gap:6px}
.col .r b{text-align:right;color:#fff}
.col .r span{color:var(--mut)}
.addp{margin:4px 0 10px}
.addp>button{border:none;background:var(--orange);color:#fff;border-radius:14px;padding:9px 16px;font-size:13px;font-weight:700}
#chooser{display:none;background:var(--card);border-radius:14px;padding:12px;box-shadow:0 3px 14px rgba(0,0,0,.28);margin-bottom:10px}
#chooser .pp{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
#chooser .pp button{border:none;background:rgba(var(--wt,255,255,255),.14);color:var(--chip,#CFE6F5);border-radius:12px;padding:7px 11px;font-size:12px;font-weight:600}
#chooser .dts{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--mut)}
#chooser input{border:1px solid rgba(var(--wt,255,255,255),.25);background:rgba(var(--wt,255,255,255),.9);color:#123;border-radius:8px;padding:6px;font-size:12px}
#chooser .go{border:none;background:var(--orange);color:#fff;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:700}
.screen{display:none}
.screen.on{display:block;padding-bottom:68px}
.ivseg{display:flex;gap:6px;margin-bottom:10px}
.ivseg button{flex:1;padding:8px;border:none;border-radius:8px;background:rgba(var(--wt,255,255,255),.12);color:var(--chip,#CFE6F5);font-size:13px;font-weight:700}
.ivseg button.on{background:var(--orange);color:#fff}
.ivlb{font-size:12px;color:var(--mut);font-weight:600;margin:8px 2px 4px;display:block}
.ivta{width:100%;min-height:104px;box-sizing:border-box;background:var(--card2);border:none;border-radius:10px;padding:10px;color:var(--txt);font-size:13px;font-family:inherit;resize:vertical}
.ivrow{display:flex;gap:8px}
.ivcell{flex:1;display:flex;flex-direction:column;min-width:0}
.ivcell input,#iv-ex{width:100%;box-sizing:border-box;background:var(--card2);border:none;border-radius:10px;padding:10px;color:var(--txt);font-size:14px;font-family:inherit}
.ivgo{width:100%;margin-top:14px;padding:14px;border:none;border-radius:10px;background:var(--orange);color:#fff;font-size:15px;font-weight:800}
.ivgo:disabled{opacity:.55}
.ivout{font-size:13px;line-height:1.5;overflow-x:auto}
.ivout table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0}
.ivout th,.ivout td{border:1px solid rgba(var(--wt,255,255,255),.16);padding:5px 6px;text-align:left}
.ivitem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:none;border-radius:10px;background:var(--card2);color:var(--txt);padding:10px;margin-bottom:6px}
.ivnm{font-size:14px;font-weight:700}
.ivdt{font-size:11px;color:var(--mut)}
#tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;max-width:520px;margin:0 auto;display:flex;align-items:center;background:var(--barbg,#002B4A);border-top:.5px solid rgba(var(--wt,255,255,255),.12);padding:3px 0 calc(2px + env(safe-area-inset-bottom) * 0.6)}
#tabbar.hidden{transform:translateY(calc(100% + 2px))}
#tabhandle{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;z-index:41;display:none;align-items:center;height:calc(13px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(0,43,74,.98);border-top:.5px solid rgba(var(--wt,255,255,255),.1)}
#tabhandle.show{display:flex}
#tabhandle .grip{width:26px;height:4px;border-radius:3px;background:rgba(var(--wt,255,255,255),.5);margin-left:14px}
#tabhandle .lbl{font-size:10px;font-weight:700;color:var(--sky);margin-left:9px}
.ubadge.off{color:#FF9A2E;background:rgba(255,154,46,.15)}
#tabbar button{flex:1;background:none;border:none;color:var(--mut);font-size:9px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px 1px}
#tabbar button.on{color:var(--sky)}
#tabbar svg{width:19px;height:19px;display:block}
#scr-mkt h2{margin-top:12px}
#scr-exp .seg{display:flex;background:var(--card2);border-radius:10px;padding:2px;margin:14px 12px}
#scr-exp .seg button{flex:1;padding:9px 4px;border:none;background:none;color:var(--chip,#CFE6F5);font-size:13px;font-weight:700;border-radius:8px}
#scr-exp .seg button.on{background:var(--orange);color:#fff}
#scr-exp .hdr2{color:var(--mut);font-size:12px;margin:20px 14px 8px;text-transform:uppercase;letter-spacing:.4px}
#scr-exp .grp{background:var(--card);border-radius:14px;margin:0 12px;overflow:hidden}
#scr-exp .cell{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:.5px solid rgba(var(--wt,255,255,255),.09);min-height:46px}
#scr-exp .cell:last-child{border-bottom:none}
#scr-exp .cell .lb{font-size:15px;color:#fff;flex:0 0 auto}
#scr-exp .cell input,#scr-exp .cell select{background:none;border:none;color:#fff;font-size:15px;text-align:right;outline:none;flex:1;margin-left:10px;font-family:inherit;color-scheme:dark;min-width:0}
#scr-exp .cell input::placeholder{color:var(--mut)}
#scr-exp .sw{width:51px;height:31px;border-radius:16px;background:#39506a;position:relative;transition:.25s;flex:0 0 auto}
#scr-exp .sw.on{background:#34C759}
#scr-exp .sw i{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.4)}
#scr-exp .sw.on i{left:22px}
#scr-exp .save{display:block;margin:22px 12px 8px;padding:15px;background:var(--orange);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;width:calc(100% - 24px)}
#scr-exp .save:active{opacity:.7}
#scr-exp .msg{text-align:center;font-size:14px;min-height:20px;margin:8px 12px;color:var(--mut)}
#scr-exp .xhint{color:var(--mut);font-size:12px;margin:8px 14px 0;line-height:1.4}
#scr-exp .xcatbtn{display:block;width:calc(100% - 24px);max-width:520px;margin:10px auto 0;padding:9px;background:var(--card2);color:var(--sky);border:1px solid rgba(82,195,241,.4);border-radius:12px;font-size:13px;font-weight:700}
#scr-exp .xcatbtn:active{opacity:.7}
.cmseg{display:flex;background:var(--card2);border-radius:10px;padding:2px;margin:4px 2px 12px}
.cmseg button{flex:1;padding:8px 4px;border:none;background:none;color:var(--chip,#CFE6F5);font-size:13px;font-weight:700;border-radius:8px}
.cmseg button.on{background:var(--orange);color:#fff}
.cmrow{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--card);border-radius:10px;margin-bottom:6px}
.cmrow .cmnm{flex:1;font-size:15px;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmib{flex:0 0 auto;width:34px;height:34px;border:none;border-radius:9px;background:var(--card2);color:var(--sky);font-size:15px}
.cmib.del{color:#FF6B5E}
#scr-pay .pwrap{padding-bottom:20px}
#scr-pay .pscan{display:flex;align-items:center;justify-content:center;gap:9px;width:calc(100% - 24px);max-width:520px;margin:14px auto 2px;padding:14px;background:var(--card2);color:var(--sky);border:1px dashed rgba(82,195,241,.55);border-radius:14px;font-size:15px;font-weight:700}
#scr-pay .pscan svg{width:22px;height:22px;flex:0 0 auto}
#scr-pay .pscan:active{opacity:.7}
#scr-pay .pqr{max-width:520px;margin:2px auto 0;padding:0 16px;font-size:12px;color:#34C759;min-height:15px;text-align:center}
#scr-pay .grp{background:var(--card);border-radius:14px;margin:12px auto;overflow:hidden;max-width:520px}
#scr-pay .cell{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:.5px solid rgba(var(--wt,255,255,255),.09);min-height:46px}
#scr-pay .cell:last-child{border-bottom:none}
#scr-pay .cell .lb{font-size:15px;color:#fff;flex:0 0 auto}
#scr-pay .cell input,#scr-pay .cell select{background:none;border:none;color:#fff;font-size:15px;text-align:right;outline:none;flex:1;margin-left:10px;font-family:inherit;color-scheme:dark;min-width:0}
#scr-pay .cell input::placeholder{color:var(--mut)}
#scr-pay .phd{display:flex;align-items:center;justify-content:space-between;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin:18px auto 8px;max-width:520px;padding:0 14px}
#scr-pay .padd{background:var(--card2);color:var(--sky);border:none;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700}
#scr-pay #py-items{max-width:520px;margin:0 auto}
#scr-pay .pitem{display:flex;gap:6px;align-items:center;padding:0 12px 8px}
#scr-pay .pitem input{background:var(--card);border:none;border-radius:9px;color:#fff;font-size:14px;padding:9px;font-family:inherit;min-width:0;color-scheme:dark}
#scr-pay .pitem .pin-nm{flex:3}
#scr-pay .pitem .pin-q,#scr-pay .pitem .pin-p{flex:1;text-align:right}
#scr-pay .pitem .pdel{flex:0 0 auto;width:30px;height:30px;border:none;border-radius:8px;background:var(--card2);color:#FF6B5E;font-size:13px}
#scr-pay #py-phimg{display:block;max-width:130px;max-height:170px;border-radius:12px;margin:6px auto 0;border:1px solid rgba(var(--wt,255,255,255),.15)}
#scr-pay .save{display:block;margin:20px auto 8px;padding:15px;background:var(--orange);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;width:calc(100% - 24px);max-width:520px}
#scr-pay .save:active{opacity:.7}
#scr-pay .msg{text-align:center;font-size:14px;min-height:20px;margin:8px auto;color:var(--mut);max-width:520px}
#scr-pay .prow{display:flex;align-items:center;gap:8px;padding:11px 12px;background:var(--card);border-radius:12px;margin:0 auto 6px;max-width:520px;width:calc(100% - 24px)}
#scr-pay .prow .pl{flex:1;min-width:0}
#scr-pay .prow .pl .pn{font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#scr-pay .prow .pl .pm{font-size:12px;color:var(--mut);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#scr-pay .prow .pa{font-size:15px;font-weight:700;color:var(--sky);flex:0 0 auto}
#scr-pay .pst{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:#39506a;color:var(--chip,#CFE6F5);flex:0 0 auto}
.ascr{display:none;flex-direction:column;align-items:center;width:min(340px,calc(100vw - 44px))}
.ascr.on{display:flex}
.atitle{font-size:22px;font-weight:700;color:#fff;text-align:center;margin-bottom:5px;letter-spacing:-.2px}
.asub{font-size:14px;color:#B9D4E6;text-align:center;margin-bottom:20px;line-height:1.35}
.ascr form{width:100%;display:flex;flex-direction:column;gap:11px}
.afield{width:100%;height:50px;font-size:16px;font-weight:400;text-align:left;padding:0 15px;border:1px solid rgba(var(--wt,255,255,255),.26);border-radius:12px;background:#fff;color:#12222e;outline:none;-webkit-appearance:none}
.afield::placeholder{color:#9aa7b1;font-weight:400}
.afield:focus{border-color:var(--sky)}
.phbox{display:flex;align-items:center;background:#fff;border:1px solid rgba(var(--wt,255,255,255),.26);border-radius:12px;height:50px;overflow:hidden}
.phbox:focus-within{border-color:var(--sky)}
.phbox .phpref{padding:0 6px 0 15px;font-size:16px;color:#12222e;font-weight:500;flex:0 0 auto}
.phbox input{flex:1;min-width:0;height:100%;border:none;background:none;font-size:16px;color:#12222e;outline:none;padding:0 12px 0 2px;-webkit-appearance:none}
.phbox input::placeholder{color:#9aa7b1}
.abtn{width:100%;height:50px;margin-top:5px;border:none;border-radius:12px;background:var(--orange);color:#fff;font-size:16px;font-weight:600}
.abtn:active{opacity:.85}
.abtn.sec{background:rgba(var(--wt,255,255,255),.14);color:var(--chip,#CFE6F5)}
.alink{background:none;border:none;color:var(--sky);font-size:14px;font-weight:500;margin-top:16px;padding:6px}
.pwgen{background:none;border:none;color:var(--sky);font-size:13px;font-weight:600;align-self:flex-start;padding:2px 0;margin:-2px 0 0;text-align:left}
.pwshow{display:flex;align-items:center;gap:7px;font-size:13px;color:#B9D4E6;align-self:flex-start;margin-top:2px}
.pwshow input{width:16px;height:16px}
.pwrules{font-size:12px;color:#8FB6CE;line-height:1.55;margin:4px 2px 0;align-self:flex-start;text-align:left}
.pwrules .ok{color:#3ddc84}
.agr-name{font-size:24px;font-weight:700;color:#fff;text-align:center}
.agr-role{font-size:14px;color:#B9D4E6;text-align:center;margin:5px 0 20px}
.pintitle{font-size:19px;font-weight:600;color:#fff;text-align:center;margin-bottom:22px}
.pindots{display:flex;gap:18px;margin-bottom:8px;height:16px;align-items:center}
.pindots i{width:14px;height:14px;border-radius:50%;border:1.6px solid rgba(var(--wt,255,255,255),.55);transition:.12s}
.pindots i.f{background:var(--orange);border-color:var(--orange)}
.pinerr2{color:#FFC58A;font-size:13px;min-height:18px;font-weight:600;text-align:center;margin-bottom:6px}
.pinpad{display:grid;grid-template-columns:repeat(3,74px);gap:16px 22px;justify-content:center;margin-top:6px}
.pinpad button{width:74px;height:74px;border-radius:50%;border:none;background:rgba(var(--wt,255,255,255),.13);color:#fff;font-size:29px;font-weight:400}
.pinpad button:active{background:rgba(var(--wt,255,255,255),.28)}html[data-theme=light] .pinpad button,html[data-theme=santorini-light] .pinpad button{color:var(--txt)}
.pinpad .pk-empty{background:none;pointer-events:none}
.pinpad .pk-act{background:none;font-size:24px;color:var(--chip,#CFE6F5)}
.pinpad .pk-act:active{background:rgba(var(--wt,255,255,255),.13)}
.hdrr{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.hdrr .upd{font-size:10px;color:var(--mut);max-width:64px;text-align:right;line-height:1.1;flex:0 1 auto;min-width:0;overflow:hidden;cursor:pointer}.hdrr .rfr{color:var(--mut);cursor:pointer;flex:0 0 auto;display:block}.hdrr .rfr:hover,.hdrr .upd:hover{color:var(--sky)}
.uburg{border:none;background:rgba(var(--wt,255,255,255),.14);color:var(--chip,#CFE6F5);width:34px;height:34px;border-radius:10px;font-size:16px;font-weight:700;flex:0 0 auto}
.uchip{display:flex;align-items:center;gap:6px;background:rgba(var(--wt,255,255,255),.1);border:none;border-radius:18px;padding:4px 9px 4px 4px;flex:0 0 auto}
.uchip .uav{width:28px;height:28px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.uchip .unm{color:var(--txt);font-size:12px;font-weight:700;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uchip .uchev{width:14px;height:14px;color:var(--chip,#9FC3DA);flex:0 0 auto;margin-left:-1px}
#sheet{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:55;display:none}
#sheet .sh{position:absolute;left:0;right:0;top:0;max-width:520px;margin:0 auto;background:var(--bg);border-radius:0 0 18px 18px;padding:calc(12px + env(safe-area-inset-top)) 14px 18px;max-height:90%;overflow:auto;animation:shdrop .22s ease}@keyframes shdrop{from{transform:translateY(-16px);opacity:.5}to{transform:translateY(0);opacity:1}}
#sheet h4{color:#fff;font-size:15px;font-weight:800;margin:6px 4px 12px;display:flex;justify-content:space-between;align-items:center}
#sheet .mx{border:none;background:rgba(var(--wt,255,255,255),.14);color:var(--chip,#CFE6F5);border-radius:50%;width:30px;height:30px;font-size:15px;font-weight:700}
#sheet .mi{display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:12px;background:var(--card);margin-bottom:7px;color:var(--txt);font-size:14px;font-weight:600;border:none;width:100%;text-align:left}
#sheet .mi.off{opacity:.45}
#sheet .mi .soon{margin-left:auto;font-size:11px;color:var(--mut);font-weight:600}
#sheet .lo{background:#5a2a00;color:#FFC58A;justify-content:center;font-weight:700}
#sheet .mih{font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;margin:12px 4px 7px}
#sheet .mrow{display:flex;align-items:center;gap:11px;padding:12px;border-radius:12px;background:var(--card);margin-bottom:7px;color:var(--txt);font-size:14px;font-weight:600;border:none;width:100%;text-align:left}
#sheet .mrow .ic{font-size:17px;flex:0 0 auto;width:22px;text-align:center}
#sheet .mrow.lk{opacity:.5;background:rgba(var(--wt,255,255,255),.05)}
#sheet .mrow .lock{margin-left:auto;font-size:12px;color:var(--mut);font-weight:600}
#sheet .mrow .chev{margin-left:auto;color:var(--chip,#9FC3DA);font-size:16px}
#sheet .subgroup{margin:2px 0 10px 15px;border-left:2px solid rgba(var(--wt,255,255,255),.09);padding-left:9px}
#sheet .mrow.sub{background:transparent;border-radius:9px;margin-bottom:1px;padding:9px 8px;font-weight:500;font-size:13px;color:var(--chip,#C7D6E0)}
#sheet .mrow.sub .ic{font-size:15px;width:19px;opacity:.9}
#sheet .mrow.sub .chev{font-size:14px;color:var(--chip,#7793a6)}
#sheet .mrow.sub .lock{font-size:11px}
#sheet .mrow.sub.lk{opacity:.4}
#sheet .mrow.sub:active{background:rgba(var(--wt,255,255,255),.06)}
.usrch{border:none;background:rgba(var(--wt,255,255,255),.14);color:var(--chip,#CFE6F5);width:34px;height:34px;border-radius:10px;font-size:15px;font-weight:700;flex:0 0 auto}
#srch{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:60;display:none}
#srch .sh{position:absolute;left:0;right:0;top:0;max-width:520px;margin:0 auto;background:var(--bg);border-radius:0 0 18px 18px;padding:calc(12px + env(safe-area-inset-top)) 14px 18px;max-height:86%;overflow:auto}
#srch .srchbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
#srch #srch-q{flex:1;height:44px;font-size:15px;padding:0 14px;border:1px solid rgba(var(--wt,255,255,255),.2);border-radius:12px;background:rgba(var(--wt,255,255,255),.06);color:var(--txt);outline:none;font-family:inherit}
#srch .srch-x{border:none;background:rgba(var(--wt,255,255,255),.12);color:var(--chip,#CFE6F5);width:42px;height:42px;border-radius:11px;font-size:15px;flex:0 0 auto}
#srch .sres{display:flex;align-items:center;gap:11px;padding:12px;border-radius:12px;background:var(--card);margin-bottom:7px;color:var(--txt);font-size:14px;font-weight:600;border:none;width:100%;text-align:left}
#srch .sres .ic{font-size:17px;width:22px;text-align:center;flex:0 0 auto}
#srch .shint{color:var(--mut);font-size:13px;padding:10px 4px;line-height:1.5}
#srch .aibox{background:var(--card);border-radius:12px;padding:14px;margin-top:6px;color:var(--txt);font-size:14px;line-height:1.6;white-space:pre-wrap}
#srch .aibox .aihd{color:#69A7FF;font-weight:700;font-size:12px;letter-spacing:.4px;margin-bottom:6px}
.ufld{margin:8px 2px}
.ufld label{display:block;font-size:12px;color:var(--mut);margin:0 2px 4px;font-weight:600}
.ufield{width:100%;height:44px;font-size:15px;padding:0 12px;border:1px solid rgba(var(--wt,255,255,255),.2);border-radius:11px;background:rgba(var(--wt,255,255,255),.06);color:var(--txt);outline:none;-webkit-appearance:none;color-scheme:dark;font-family:inherit}
select.ufield{padding-right:8px}
.uacc{margin:2px}
.urow{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:var(--card);margin-bottom:7px}
.urow .uinfo{flex:1;min-width:0}
.urow .un{font-size:14px;font-weight:700;color:#fff}
.urow .ur{font-size:12px;color:var(--mut);margin-top:1px}
.urow .uc{font-size:11px;color:#7FB0CE;margin-top:2px}
.ubadge{font-size:10px;font-weight:700;color:#FFC58A;background:#5a2a00;border-radius:8px;padding:3px 8px;flex:0 0 auto}
.ubadge.on{color:#3ddc84;background:rgba(52,199,89,.15)}
.ulink{font-size:12px;color:var(--chip,#CFE6F5);background:#01243d;border:1px solid rgba(var(--wt,255,255,255),.14);border-radius:10px;padding:11px;word-break:break-all;margin:0 2px 12px;-webkit-user-select:all;user-select:all}
.ubtns{display:flex;gap:8px;margin:0 2px}
.ubtn{flex:1;border:none;border-radius:12px;padding:13px;font-size:15px;font-weight:700}
.ubtn.copy{background:rgba(var(--wt,255,255,255),.14);color:var(--txt)}
.ubtn.share{background:var(--orange);color:#fff}
.ubtn:active{opacity:.8}
#rolebar{position:fixed;left:0;right:0;bottom:0;z-index:46;max-width:520px;margin:0 auto;background:rgba(0,26,45,.985);border-top:.5px solid rgba(var(--wt,255,255,255),.14);padding:6px 10px calc(6px + env(safe-area-inset-bottom));display:none}
#rolebar .rbh{font-size:10px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.4px;text-align:center;margin-bottom:5px}
#rolebar .rbs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
#rolebar .rbs::-webkit-scrollbar{display:none}
#rolebar .rbs button{flex:0 0 auto;padding:7px 12px;border:none;border-radius:14px;background:rgba(var(--wt,255,255,255),.12);color:var(--chip,#CFE6F5);font-size:12px;font-weight:600;white-space:nowrap}
#rolebar .rbs button.on{background:var(--orange);color:#fff}
body.rb #rolebar{display:block}
body.rb #tabbar{bottom:54px}
body.rb .screen.on{padding-bottom:150px}
.pvbadge{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top) + 6px);z-index:47;background:var(--orange);color:#fff;font-size:11px;font-weight:700;padding:5px 8px 5px 12px;border-radius:16px;display:none;align-items:center;gap:8px;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.pvbadge.on{display:flex}
.pvbadge button{background:rgba(var(--wt,255,255,255),.25);border:none;color:#fff;border-radius:11px;font-size:11px;font-weight:700;padding:3px 9px}
#toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:22px;z-index:70;opacity:0;transition:opacity .25s;pointer-events:none;max-width:80vw;text-align:center}
#toast.on{opacity:1}
@media (orientation:landscape) and (min-width:640px){
body{max-width:960px}
#tabbar,#rolebar{max-width:960px}
.wrap{columns:2;column-gap:14px}
.wrap>h2{-webkit-column-span:all;column-span:all}
.wrap>.tile{-webkit-column-break-inside:avoid;break-inside:avoid;overflow:hidden}
#scr-exp .seg,#scr-exp .grp,#scr-exp .save,#scr-exp .hdr2,#scr-exp .xhint,#scr-exp .msg{max-width:520px;margin-left:auto;margin-right:auto}
#lock{justify-content:flex-start;overflow-y:auto;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:24px}
#lock .llogo{width:118px;margin-bottom:12px}
.pinpad{grid-template-columns:repeat(3,56px);gap:9px 20px}
.pinpad button{width:56px;height:56px;font-size:23px}
.pindots{gap:16px;margin-bottom:6px}
.top{padding-top:calc(6px + env(safe-area-inset-top))}
.nav button{padding:6px 2px;font-size:11px;border-radius:9px}
.per button{padding:5px 11px;font-size:12px}
.hint{font-size:10px;margin-top:4px}
.hero .big{font-size:27px}
.uchip .unm{max-width:70px}
}

/* ===== block 2 ===== */
html[data-theme=dark]{--bg:#0b0b0c;--bg2:#000000;--card:#1c1c1e;--card2:#2c2c2e;--blue:#0A84FF;--orange:#E67309;--sky:#64D2FF;--txt:#ffffff;--mut:#8e8e93}html[data-theme=light]{--bg:#e2e5ea;--bg2:#eceff3;--card:#ffffff;--card2:#f4f5f8;--blue:#0060c8;--orange:#E67309;--sky:#0A84FF;--txt:#0a0a0a;--mut:#454e58;--chip:#12384f;--logo-txt:#07578F;--logo-sub:#1D1D1B;--wt:0,60,110;--barbg:#ffffff}html[data-theme=dark],html[data-theme=light]{background-image:none}html[data-theme=dark] body,html[data-theme=light] body{background-image:none}html[data-theme=dark] .top{background:rgba(10,10,12,.92)}html[data-theme=light] .top{background:#ffffff}html[data-theme=light] .uburg,html[data-theme=light] .usrch,html[data-theme=light] .uchip{background:rgba(0,0,0,.06);color:#11181f}.themerow{display:flex;gap:8px;margin:2px 0 6px}.thopt{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 4px;border-radius:12px;background:var(--card);border:1.5px solid transparent;color:var(--txt);font-size:12px;font-weight:600}.thopt.on{border-color:var(--orange)}.thsw{width:26px;height:26px;border-radius:50%;border:2px solid}html[data-theme=santorini-light]{--bg:#cadfec;--bg2:#e0edf5;--card:#ffffff;--card2:#edf4fa;--blue:#005a99;--orange:#E67309;--sky:#0a84ff;--txt:#0a0a0a;--mut:#39536a;--chip:#12384f;--logo-txt:#07578F;--logo-sub:#1D1D1B;--wt:0,60,110;--barbg:#eaf3f8}html[data-theme=santorini-light]{background-image:none}html[data-theme=santorini-light] body{background-image:none}html[data-theme=santorini-light] .top{background:rgba(234,243,248,.95)}html[data-theme=santorini-light] .uburg,html[data-theme=santorini-light] .usrch,html[data-theme=santorini-light] .uchip{background:rgba(0,60,110,.08);color:#0e2a3d}:is(html[data-theme=light],html[data-theme=santorini-light]) :is(.hero .big,.mini .v,.tile h3,.tile h3 .more,#modal .mt,.col .r b,#scr-exp .cell .lb,#scr-exp .cell input,#scr-exp .cell select,.cmrow .cmnm,#scr-pay .cell .lb,#scr-pay .cell input,#scr-pay .cell select,#scr-pay .pitem input,#scr-pay .prow .pl .pn,.atitle,.agr-name,#sheet h4,.urow .un,.uchip .unm,h2,.pintitle){color:var(--txt)}:is(html[data-theme=light],html[data-theme=santorini-light]) #sheet .sh{background:var(--card)}:is(html[data-theme=light],html[data-theme=santorini-light]) :is(#sheet .mrow:not(.sub),#sheet .mi,#sheet .thseg,#sheet .thsw2){background:var(--bg)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--txt);-webkit-box-shadow:0 0 0 1000px var(--card) inset;box-shadow:0 0 0 1000px var(--card) inset;caret-color:var(--txt);transition:background-color 9999s ease-in-out 0s}#lock input:-webkit-autofill,#lock input:-webkit-autofill:hover,#lock input:-webkit-autofill:focus{-webkit-text-fill-color:#11181f;-webkit-box-shadow:0 0 0 1000px #ffffff inset;box-shadow:0 0 0 1000px #ffffff inset;caret-color:#11181f}:is(html[data-theme=light],html[data-theme=santorini-light]) #sheet .subgroup{border-left-color:rgba(0,60,110,.20)}:is(html[data-theme=light],html[data-theme=santorini-light]) #sheet .mrow.lk{background:rgba(0,60,110,.06)}:is(html[data-theme=light],html[data-theme=santorini-light]) #sheet .mrow.sub:active{background:rgba(0,60,110,.09)}:is(html[data-theme=light],html[data-theme=santorini-light]) #sheet h4{color:var(--txt)}:is(html[data-theme=light],html[data-theme=santorini-light]) :is(.nav button,.per button){background:rgba(0,60,110,.10)}:is(html[data-theme=light],html[data-theme=santorini-light]) .per button.on{background:rgba(230,115,9,.14);color:var(--orange);font-weight:800}:is(html[data-theme=light],html[data-theme=santorini-light]) .nav button.on{background:rgba(0,90,153,.14);color:var(--blue);font-weight:800}.thbar{display:flex;align-items:center;gap:10px;margin:2px 0 8px}.thseg{display:flex;background:var(--card);border-radius:11px;padding:3px;gap:2px;flex:1}.thsg{flex:1;padding:8px 4px;border:none;border-radius:9px;background:transparent;color:var(--mut);font-size:13px;font-weight:600}.thsg.on{background:var(--orange);color:#fff}.thsw2{display:flex;align-items:center;gap:9px;background:var(--card);border-radius:11px;padding:8px 12px}.thlbl{font-size:13px;font-weight:600;color:var(--txt);white-space:nowrap}.thtog{width:44px;height:26px;border-radius:20px;background:rgba(120,120,128,.32);position:relative;transition:background .2s;flex:0 0 auto}.thtog.on{background:#34C759}.thtog i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.thtog.on i{left:20px}:is(html[data-theme=light],html[data-theme=santorini-light]) :is(#scr-exp .cell input,#scr-exp .cell select,#scr-pay .cell input,#scr-pay .cell select,#scr-pay .pitem input,.chd input){color-scheme:light}:is(html[data-theme=light],html[data-theme=santorini-light]) select option{background:var(--card);color:var(--txt)}:is(html[data-theme=light],html[data-theme=santorini-light]) .chd input{background:var(--card2);color:var(--txt);border-color:rgba(0,60,110,.25)}#tabbar .thbtn{flex:0 0 auto;width:44px;border-left:.5px solid rgba(var(--wt,255,255,255),.12)}#tabbar .thbtn .ic-sun{display:none}#tabbar .thbtn[data-on="1"] .ic-moon{display:none}#tabbar .thbtn[data-on="1"] .ic-sun{display:inline}html[data-theme=light] #sheet .mi.lo,html[data-theme=santorini-light] #sheet .mi.lo{background:rgba(230,115,9,.12);color:#b45605}

/* ===== block 3 ===== */
/* ===== MBOS Desktop shell (additive, PC/Mac browser) ===== */
@media (min-width:900px){
  html{overscroll-behavior-y:auto}
  body{max-width:none;margin:0;padding-left:260px;padding-bottom:0}

  /* --- bottom tabbar -> fixed left sidebar --- */
  #tabbar{top:0;bottom:0;left:0;right:auto;width:236px;max-width:236px;margin:0;height:100vh;
    flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;
    padding:70px 12px 16px;border-top:none;
    border-right:.5px solid rgba(var(--wt,255,255,255),.12);
    box-shadow:2px 0 14px rgba(0,0,0,.18);overflow-y:auto}
  #tabbar::before{content:"MBOS";position:absolute;top:22px;left:20px;
    font-size:20px;font-weight:800;letter-spacing:.5px;color:var(--txt)}
  #tabbar button{flex:0 0 auto;flex-direction:row;justify-content:flex-start;align-items:center;
    gap:13px;font-size:14px;font-weight:600;padding:11px 13px;border-radius:12px;text-align:left;width:100%}
  #tabbar button span{font-size:14px;font-weight:600}
  #tabbar button svg{width:21px;height:21px}
  #tabbar button.on{background:rgba(var(--wt,255,255,255),.12);color:var(--sky)}
  #tabhandle{display:none!important}
  body.rb #tabbar{bottom:0}

  /* --- content area --- */
  .screen.on{padding-bottom:26px}
  body.rb .screen.on{padding-bottom:86px}
  .top.hide{transform:none}          /* keep header visible on desktop */
  #rolebar{left:236px;right:0;max-width:none;margin:0}#sheet .sh,#srch .sh{left:auto;right:14px;margin:0;max-width:420px;border-radius:0 0 16px 16px}

  /* --- multi-column dashboards (dash / mkt / inv wraps) --- */
  .wrap{columns:2;column-gap:18px;max-width:1180px;margin:0 auto;padding:16px 26px 0}
  .wrap>h2{-webkit-column-span:all;column-span:all}
  .wrap>.tile{-webkit-column-break-inside:avoid;break-inside:avoid;overflow:hidden;margin-bottom:14px}

  /* --- constrain full-screen modal to a readable centered panel --- */
  #modal .mh,#modal .mb{max-width:920px;margin-left:auto;margin-right:auto;width:100%}
}
@media (min-width:1320px){
  .wrap{columns:3;max-width:1520px}
}
@media (min-width:900px) and (hover:hover){
  #tabbar button:hover{background:rgba(var(--wt,255,255,255),.08)}
  #sheet .mi:hover,#sheet .mrow:hover{filter:brightness(1.06)}
}

/* ===== block 4 ===== */
@media(max-width:440px){.hdrr .upd{display:none!important}.uchip .unm{max-width:40px}.uburg,.usrch{width:32px;height:32px}.hdrr{gap:5px}}

/* ===== block 5 ===== */
.hdr{justify-content:flex-start!important;flex-wrap:nowrap!important}.hdrr{margin-left:auto!important}.logo{min-width:0!important;overflow:hidden!important}

/* ===== block 6 ===== */
/*hdrfix2*/.hdr{overflow:hidden!important}.lgv{max-width:38vw!important}

/* ===== block 7 ===== */
#navtoggle{display:none}

body.locked #navtoggle{display:none!important}
@media (min-width:900px){
  .uburg{display:none!important}
  #navtoggle{display:flex;position:fixed;z-index:61;top:78px;left:236px;right:auto;width:24px;height:58px;align-items:center;justify-content:center;border:.5px solid rgba(var(--wt,255,255,255),.12);border-left:none;border-radius:0 12px 12px 0;background:var(--card2);color:var(--txt);font-size:20px;line-height:1;cursor:pointer;padding:0;box-shadow:3px 0 12px rgba(0,0,0,.22);transition:left .2s ease}
  body.navcol #navtoggle{left:0}
  #tabbar::before{left:20px;top:20px}
  #tabbar{transition:transform .2s ease}
  body.navcol{padding-left:24px}
  body.navcol #tabbar{transform:translateX(-100%)}
  body.navcol #rolebar{left:0}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}