:root{--blue:#8ea6cf;--blue-d:#5f7fb5;--bg:#eef3f8;--text:#222;--pos:#1b8f3a;--neg:#c0392b;--line:#d6dde8;--btnp:#3b82c4;--btnp-d:#2e6ba4;--link:#1f6bb0;--grad:#cfe0ee;--page:#eef3f8;--topnav:#4a5560;--brandc:#1c2b3a}
*{box-sizing:border-box}
body{margin:0;font:13px/1.7 Tahoma,"Segoe UI",Arial,sans-serif;color:var(--text);background:linear-gradient(var(--grad),var(--page) 220px) no-repeat,var(--page);direction:rtl}
.wrap{max-width:1240px;margin:0 auto;padding:0 14px}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.top{padding:10px 0 6px}.topin{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.brand{font-size:24px;font-weight:bold;color:var(--brandc)}.brand small{font-size:12px;font-weight:normal;color:#456;margin-right:8px}
.topnav{background:var(--topnav);color:#fff;border-radius:4px;padding:4px 12px;font-size:12px}.topnav a{color:#fff;margin-right:12px}.today{opacity:.9}
.menu{background:#fff;border-radius:6px;margin:6px auto 12px;max-width:1212px;box-shadow:0 1px 3px #0002;overflow-x:auto}
.menu .wrap{display:flex;flex-wrap:wrap;gap:0;padding:0}
.menu a{padding:10px 13px;color:#222;white-space:nowrap;border-bottom:3px solid transparent}.menu a:hover{background:#f2f6fb;text-decoration:none}.menu a.on{border-bottom-color:var(--blue-d);font-weight:bold;color:var(--blue-d)}
main.wrap{background:#fff;border-radius:6px;padding:16px;box-shadow:0 1px 3px #0002;min-height:60vh}
.foot{text-align:center;color:#789;font-size:11px;padding:14px}
h2{margin:0;font-size:20px}h3{margin:0;font-size:15px}
.ptitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap;border-bottom:2px solid var(--line);padding-bottom:6px}
.msg{padding:9px 14px;border-radius:5px;margin-bottom:12px}.msg.ok{background:#e4f6e8;border:1px solid #9ad4a7;color:#17602a}.msg.err{background:#fde8e6;border:1px solid #e3a39d;color:#8a2218}
.pos{color:var(--pos)}.neg{color:var(--neg)}.warnc{color:#c77d00}.muted{color:#789}
/* گرید */
.grid2{display:grid;grid-template-columns:minmax(300px,1fr) 340px;gap:16px;margin-bottom:14px;align-items:start}
.grid2eq{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;align-items:start}
@media(max-width:900px){.grid2,.grid2eq{grid-template-columns:1fr}}
.col-form{order:1}.col-chart{order:2;min-width:0}
/* پنل */
.panel{border:1px solid var(--line);border-radius:5px;background:#f6f8fb;margin-bottom:12px}
.ph{background:var(--blue);color:#fff;padding:6px 12px;font-weight:bold;border-radius:4px 4px 0 0}.pb{padding:12px}
.panel.danger .ph{background:#c0392b}
/* فرم */
.form label{display:block;margin-bottom:9px;font-weight:bold;color:#334}
.form input[type=text],.form input[type=number],.form input[type=password],.form select,.form textarea,.form input:not([type]),.filters input,.filters select,input[type=file]{width:100%;padding:6px 8px;border:1px solid #bcc6d4;border-radius:4px;background:#fff;font:inherit;font-weight:normal}
.form textarea{resize:vertical}
.form .row2{display:flex;gap:6px}.form .row2 select{flex:1}
.form .chk,.chk{display:flex;align-items:center;gap:6px;font-weight:normal}.chk input{width:auto!important}
.radios{display:flex;gap:16px;margin-bottom:10px}.radios label{margin:0;font-weight:normal}
.btnrow{margin-top:8px}.links{margin-top:10px;font-size:12px}
.balhint{font-size:12px;font-weight:normal;margin-top:2px}
.catsel{display:flex;gap:4px;flex-wrap:wrap}.catsel select{flex:1;min-width:110px;width:auto!important}.newcat{font-size:16px;font-weight:bold;padding:0 3px}
.btn{display:inline-block;padding:6px 14px;border:1px solid #aab6c6;border-radius:4px;background:#fff;color:#223;cursor:pointer;font:inherit}.btn:hover{background:#eef3fa;text-decoration:none}
.btn.primary{background:var(--btnp);border-color:var(--btnp-d);color:#fff}.btn.primary:hover{background:var(--btnp-d)}
.btn.danger{background:#c0392b;border-color:#a02d21;color:#fff}.btn.sm{padding:2px 9px;font-size:12px}.btn.on{background:#dde7f5;font-weight:bold}
.btnstack{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.lnk{background:none;border:none;cursor:pointer;color:#e08e0b;font-size:15px;padding:0 3px}.lnk.del{color:#c0392b}.lnk:hover{text-decoration:none;opacity:.7}
form.inl{display:inline}
/* فیلتر */
.search{background:#e6f4e4;border:1px solid #bcdcb8;border-radius:5px;margin:8px 0 14px}.search summary{padding:6px 12px;cursor:pointer;font-weight:bold;color:#2b6a2a}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:8px 12px}.filters label{display:block;font-size:12px;color:#456}.filters input,.filters select{min-width:120px;width:auto}
.search .filters{padding:10px 12px}
/* جدول */
.tblwrap{overflow-x:auto;margin-bottom:8px}
.tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.tbl th{background:var(--blue);color:#fff;padding:6px 8px;text-align:right;white-space:nowrap;border:1px solid #fff}
.tbl td{padding:5px 8px;border-bottom:1px solid #e3e8ef;vertical-align:middle}
.tbl tbody tr:nth-child(even){background:#f7f9fc}.tbl tbody tr:hover{background:#eaf1fb}
.tbl tfoot th{background:#9ea8b8}.empty{text-align:center;color:#889;padding:18px!important}
.listhead{display:flex;justify-content:space-between;align-items:center;margin:14px 0 6px;flex-wrap:wrap;gap:8px}.listhead small{font-weight:normal;color:#567}
.exp{display:inline-flex;gap:5px}
.pager{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0;font-size:12px}
.badge{display:inline-block;padding:1px 8px;border-radius:3px;font-size:12px;background:#e8ecf2;color:#334}
.badge.expense{background:#fbe0dd;color:#a02d21}.badge.income,.badge.on{background:#dcf1e0;color:#17602a}.badge.transfer{background:#dbe9f7;color:#1f5f9c}.badge.warn{background:#fff0c9;color:#8a6200}.badge.off{background:#eee;color:#666}
a.badge{text-decoration:none}
details.pay{display:inline-block;position:relative}details.pay summary{cursor:pointer;display:inline-block;padding:1px 9px;background:#3b82c4;color:#fff;border-radius:3px;font-size:12px;list-style:none}details.pay summary::-webkit-details-marker{display:none}
details.pay form{position:absolute;z-index:20;background:#fff;border:1px solid #9bb;border-radius:5px;padding:10px;width:230px;box-shadow:0 3px 10px #0003;right:0;top:24px;font-size:12px}
details.pay form input,details.pay form select{width:100%;margin:2px 0 6px;padding:4px 6px;border:1px solid #bbc;border-radius:3px;font:inherit}
/* آمار */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:10px 0 14px}
.stat{border:1px solid var(--blue);border-radius:5px;background:#f1f3f6;text-align:center;overflow:hidden}
.stat .sh{background:var(--blue);color:#fff;padding:4px;font-weight:bold;font-size:12px}.stat .sv{padding:12px 6px;font-size:17px;font-weight:bold}.stat small{font-weight:normal;font-size:11px;color:#667}
/* نمودار */
.chartbox{border:1px solid var(--line);border-radius:5px;padding:8px 10px;margin-bottom:14px;background:#fff}
.charthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.charthead b{font-size:15px}
.tools .ico{border:1px solid #ccd;background:#f4f6fa;border-radius:3px;cursor:pointer;margin-right:4px;padding:1px 6px;font-size:13px}.tools .ico:hover{background:#e3eaf6}
.chartwrap{position:relative;width:100%}.chartwrap canvas{display:block}
.ctip{position:absolute;display:none;background:#fffffff2;border:1px solid #889;border-radius:4px;padding:5px 9px;font-size:12px;pointer-events:none;box-shadow:0 2px 6px #0003;z-index:5;white-space:nowrap}
/* متفرقه */
.bar{display:inline-block;width:70px;height:8px;background:#e1e6ee;border-radius:4px;vertical-align:middle;overflow:hidden}.bar i{display:block;height:100%}
.note{border:1px solid var(--line);border-radius:5px;padding:8px 12px;margin-bottom:8px;background:#fffdf3}.note.done{background:#f1f5f1;opacity:.75}.note.done b{text-decoration:line-through}.nh{display:flex;justify-content:space-between}.nb{margin:6px 0}
.catrow{border:1px solid var(--line);border-radius:5px;padding:8px 10px;margin-bottom:8px}.subs{margin-top:6px}.chip{display:inline-block;background:#e8eef7;border-radius:12px;padding:1px 10px;margin:2px;font-size:12px}
.repgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin:10px 0}
.repcard{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px;border:1px solid var(--line);border-radius:8px;background:#f6f8fb;color:#223;font-weight:bold}.repcard span{font-size:30px}.repcard:hover{background:#e6eef9;text-decoration:none}
.welcome{background:#fff8e1;border:1px solid #f0d58a;border-radius:6px;padding:12px 18px;margin-bottom:14px}
.more{text-align:left;padding-top:6px}
/* انتخابگر تاریخ */
.jdp{position:absolute;z-index:10000;width:250px;background:#fff;border:1px solid #8aa;border-radius:6px;box-shadow:0 4px 14px #0004;padding:8px;direction:rtl;font-size:12px}
.jh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.jh button,.jf button{border:1px solid #ccd;background:#f4f6fa;border-radius:3px;cursor:pointer;padding:1px 8px;font:inherit}
.jg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.jg .wd{font-style:normal;color:#789;font-size:11px}
.jg button{border:none;background:none;padding:5px 0;cursor:pointer;border-radius:3px;font:inherit}.jg button:hover{background:#dde9f7}.jg button.sel{background:#3b82c4;color:#fff}.jg button.tod{outline:1px solid #3b82c4}.jg button.fri{color:#c0392b}
.jf{text-align:center;margin-top:6px}
.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#dce8f2}.loginbox{background:#fff;padding:26px;border-radius:8px;width:300px;box-shadow:0 3px 16px #0003}.loginbox input{width:100%;padding:8px;margin:6px 0 12px;border:1px solid #bbc;border-radius:4px}
/* چاپ */
@media print{
  body{background:#fff}.top,.menu,.foot,.form,.col-form,.search,.exp,.tools,.pager,.btn,.filters,details.pay,.lnk,form.inl,.btnrow{display:none!important}
  main.wrap{box-shadow:none;padding:0}.grid2,.grid2eq{display:block}.chartbox,.tbl{page-break-inside:avoid}.tbl th{background:#ddd!important;color:#000!important;-webkit-print-color-adjust:exact}
  .tbl td:last-child,.tbl th:last-child{display:none}
}
/* ===== ورود / ثبت‌نام ===== */
body.authpage{background:linear-gradient(var(--grad),var(--page) 300px) no-repeat,var(--page)}
.authwrap{max-width:440px;margin:0 auto;padding:34px 14px}
.authbrand{font-size:28px;font-weight:bold;text-align:center;color:var(--brandc)}.authbrand small{display:block;font-size:12px;font-weight:normal;color:#456;margin-top:2px}
.authbox{background:#fff;border-radius:8px;padding:22px;margin-top:18px;box-shadow:0 2px 10px #0002;position:relative}
.authbox h2{margin-bottom:14px}.authbox .form label{margin-bottom:11px}
.authlinks{margin-top:14px;text-align:center;font-size:12px}.authfoot{text-align:center;color:#789;font-size:11px;margin-top:14px}
.btn.wide{width:100%;padding:9px}
.pwrules{list-style:none;margin:-4px 0 12px;padding:0;font-size:11.5px;display:grid;grid-template-columns:1fr 1fr;gap:1px 8px;color:#789}
.pwrules li:before{content:"○ ";color:#aab}.pwrules li.ok{color:var(--pos)}.pwrules li.ok:before{content:"✔ ";color:var(--pos)}
/* ===== مدیریت و وضعیت ===== */
.annc{background:#fff4c9;color:#664d00;text-align:center;padding:7px 12px;border-bottom:1px solid #e6d27a}
.adminmenu{background:#2f3d4f}.adminmenu a{color:#e9eef5}.adminmenu a:hover{background:#3d4d62}.adminmenu a.on{border-bottom-color:#ffcf5c;color:#fff}
.adminmenu .mlabel{padding:10px 12px;color:#ffcf5c;font-weight:bold;white-space:nowrap}
.bdg{background:#e8561d;color:#fff;border-radius:9px;padding:0 6px;font-size:11px}
.msg.warn{background:#fff6dd;border:1px solid #e6c866;color:#6b4e00}.banner{font-size:13px}
.st{display:inline-block;padding:1px 9px;border-radius:10px;font-size:11.5px}
.st.active,.st.approved{background:#e0f4e5;color:#17602a}.st.pending{background:#fff1cf;color:#8a5a00}.st.disabled,.st.rejected,.st.expired{background:#fde0dd;color:#8a2218}.st.admin{background:#e1e8fb;color:#2a3f8a}
.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:right}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 12px}.kv dt{color:#678;font-weight:bold}.kv dd{margin:0}
.mailbody{background:#fff;border:1px solid var(--line);padding:10px;margin-top:6px;max-height:420px;overflow:auto}
body.ro .btn.primary:not([data-allow]){opacity:.55}
details.inl-det summary{cursor:pointer;color:#1f6bb0}

/* پنجره تمام‌صفحه */
.moverlay{position:fixed;inset:0;background:rgba(10,20,40,.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:14px;overflow:auto}
.mbox{background:#fff;border-radius:8px;width:100%;max-width:440px;max-height:92vh;overflow:auto;box-shadow:0 10px 40px #0006}
.mhead{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2b5f9e;color:#fff;border-radius:8px 8px 0 0;font-size:15px}
.mx{background:none;border:0;color:#fff;font-size:18px;cursor:pointer}
.mbody{padding:14px 16px}.mbody .form label{display:block;margin:8px 0 2px}.mbody input:not([type=checkbox]),.mbody select{width:100%;padding:6px 8px;border:1px solid #bbc;border-radius:4px;font:inherit}
.mbody .chk{display:flex;gap:6px;align-items:center}.mbody .chk input{width:auto}
.pinfo{background:#eef4fb;border-radius:5px;padding:7px 10px;margin-bottom:6px;font-size:13px}
body.modal-open{overflow:hidden}
.wlist{border:1px solid var(--line);border-radius:5px;padding:6px 10px;margin:6px 0;max-height:36vh;overflow:auto}.wsec{display:flex!important;margin:7px 0!important;flex-wrap:wrap}
.ro .paybtn{opacity:.5}
.cpbtn{border:1px solid #bbc;background:#f3f6fb;border-radius:4px;cursor:pointer;padding:0 6px;font-size:14px}.cpbtn:hover{background:#dfe9f7}.cpbtn.copied{background:#c9efd3;color:#116a2c}
.cpy{font-family:monospace}.mlink{display:inline-block;font-size:12px;margin-top:3px}.shint{font-size:11px;color:#667;margin-top:3px}
.pmline{font-size:11px;color:#556;margin-top:3px}.cathead{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.addsub{margin-top:8px}
@media print{.paybtn,.paytpl{display:none!important}}

.ctree,.ctree ul{list-style:none;margin:0;padding:0 18px 0 0}.ctree ul{border-right:2px dotted #b7c4d6;margin-right:8px}
.ctree li{padding:5px 4px}.cnode{margin:6px 0;background:#f6f9fd;border-radius:5px;padding:6px 8px!important}.snode{font-size:12.5px;padding:2px 6px!important}
.ctree .btn.sm{padding:0 8px;margin-right:3px}.ctree form.inl{display:inline}

/* ===== انتخاب قالب/رنگ در پروفایل ===== */
.themecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0}
.themecard{border:2px solid var(--line);border-radius:8px;padding:8px;cursor:pointer;display:block;background:#fff;font-weight:normal!important}
.themecard.sel,.themecard:has(input:checked){border-color:var(--btnp);box-shadow:0 0 0 2px var(--btnp) inset}
.themecard input{margin-left:6px}.tprev{height:62px;border-radius:5px;margin:6px 0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #0002}
.tprev i{display:block;height:16px}.tprev b{display:block;flex:1}
.swatches{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0;align-items:center}.swatches label{margin:0!important;cursor:pointer}
.swatches input[type=radio]{position:absolute;opacity:0;width:0;height:0}.swatches span{display:block;width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #8888}
.swatches input:checked+span{box-shadow:0 0 0 3px #222}
.swatches input[type=color]{width:38px;height:30px;padding:0;border:1px solid #bbb}

/* ===== قالب حسابدار ===== */
body.theme-accountant{--blue:#1f6b57;--blue-d:#14493b;--btnp:#1f6b57;--btnp-d:#14493b;--link:#14614c;--grad:#d7e5dd;--page:#f3efe3;--topnav:rgba(0,0,0,.28);--brandc:#fff;--line:#d9d1b8;--gold:#b8923a;
  background:linear-gradient(var(--grad),transparent 280px),repeating-linear-gradient(0deg,transparent 0 29px,#e7e0cb 29px 30px),var(--page);font-family:Tahoma,"Segoe UI",Arial,sans-serif}
.theme-accountant .top{background:linear-gradient(135deg,var(--blue-d),var(--blue));padding:16px 0 14px;border-bottom:4px double var(--gold);box-shadow:0 2px 6px #0003}
.theme-accountant .brand small{color:#ecdca9}.theme-accountant .topnav{color:#fff;border:1px solid #ffffff30}.theme-accountant .topnav a{color:#f5e7b4}
.theme-accountant .menu{background:#fffdf6;border-radius:0 0 8px 8px;margin-top:0;border:1px solid var(--line);border-top:0;box-shadow:0 2px 4px #0002}
.theme-accountant .menu a{color:#3d3a2f}.theme-accountant .menu a:hover{background:#f4efdc}.theme-accountant .menu a.on{border-bottom-color:var(--gold);color:var(--blue-d);background:#f8f2dc}
.theme-accountant .adminmenu{background:#fbf4de}
.theme-accountant main.wrap{background:#fffef9;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:3px}
.theme-accountant h2::before{content:"◆";color:var(--gold);font-size:13px;margin-left:8px}
.theme-accountant .ptitle{border-bottom:3px double var(--gold)}
.theme-accountant .panel{background:#fbf8ec;border-color:var(--line)}.theme-accountant .ph{background:linear-gradient(90deg,var(--blue-d),var(--blue));border-bottom:2px solid var(--gold);letter-spacing:.2px}
.theme-accountant .tbl th{background:var(--blue-d);color:#f5e7b4;border:0;border-bottom:3px double var(--gold)}
.theme-accountant .tbl td{border-bottom:1px dashed #d6cdb0}.theme-accountant .tbl tbody tr:nth-child(even){background:#faf6e8}.theme-accountant .tbl tbody tr:hover{background:#f1e9c9}
.theme-accountant .stat{border:1px solid #cdbf8f;background:#fffdf3;border-radius:3px;box-shadow:3px 3px 0 #e8dfbf}.theme-accountant .stat .sh{background:var(--blue-d);color:#f5e7b4}.theme-accountant .stat .sv{font-variant-numeric:tabular-nums}
.theme-accountant .chartbox{background:#fffef9;border-color:var(--line)}.theme-accountant .search{background:#f3efd9;border-color:#d6ceb0}.theme-accountant .search summary{color:var(--blue-d)}
.theme-accountant .btn{border-color:#c9bf9d;background:#fffdf4}.theme-accountant .btn:hover{background:#f6efd3}.theme-accountant .btn.on{background:#efe5bb}
.theme-accountant .btn.primary{background:var(--btnp);border-color:var(--btnp-d);color:#fff}.theme-accountant .btn.primary:hover{background:var(--btnp-d)}
.theme-accountant .welcome{background:#fbf2d4;border-color:#d9bf6a}.theme-accountant .foot,.theme-accountant .authfoot{color:#6d6647}
.theme-accountant .mhead{background:linear-gradient(90deg,var(--blue-d),var(--blue));border-bottom:2px solid var(--gold)}
.theme-accountant .authbox{border-top:4px solid var(--gold);border-radius:3px}.theme-accountant .authbrand small{color:#4d4a38}
body.theme-accountant.authpage .authbrand{color:var(--blue-d)}

/* ===== موبایل / برنامهٔ نصب‌شده ===== */
.burger,.bnav{display:none}
.installbar{position:fixed;bottom:64px;right:10px;left:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;gap:8px;align-items:center;z-index:900;box-shadow:0 4px 16px #0004}.installbar span{flex:1}
@media(max-width:760px){
  body{font-size:14px;padding-bottom:70px}.wrap{padding:0 8px}
  .top{padding:8px 0 4px}.topin{flex-wrap:nowrap}.brand{font-size:18px;flex:1;min-width:0}.brand small{display:none}
  .burger{display:inline-block;background:none;border:0;font-size:24px;color:var(--brandc);padding:0 6px;cursor:pointer}
  .topnav{font-size:11px;padding:3px 8px;max-width:58%}.topnav .today{display:none}.topnav a{margin-right:7px}
  .menu{display:none}body.menu-open .menu{display:block}
  .menu .wrap{display:grid;grid-template-columns:1fr 1fr}.menu a{border-bottom:1px solid var(--line);padding:12px}
  main.wrap{padding:10px;border-radius:6px}
  h2{font-size:17px}.ptitle{gap:6px}
  .stats{grid-template-columns:1fr 1fr;gap:8px}.stat .sv{font-size:14px;padding:9px 4px}
  .form input,.form select,.form textarea,.filters input,.filters select,input[type=file]{font-size:16px;padding:9px 10px}
  .btn{padding:9px 14px}.btn.sm{padding:6px 11px}.lnk{font-size:18px;padding:2px 6px}
  .filters{flex-direction:column;align-items:stretch}.filters input,.filters select{width:100%}
  .tbl{font-size:12px}.tbl th,.tbl td{padding:6px 6px}
  .listhead{flex-direction:column;align-items:flex-start}.pager{justify-content:center}
  .chartbox{padding:6px}.catsel{flex-wrap:nowrap}.catsel select{min-width:0}
  .moverlay{padding:0;align-items:flex-end}.mbox{max-width:none;border-radius:14px 14px 0 0;max-height:94vh}
  .mbody input:not([type=checkbox]),.mbody select{font-size:16px;padding:9px 10px}
  .grid2,.grid2eq{gap:10px}.col-form{order:0}.foot{padding-bottom:20px}
  .bnav{display:flex;position:fixed;bottom:0;right:0;left:0;background:#fff;border-top:1px solid var(--line);z-index:800;box-shadow:0 -2px 8px #0002;padding-bottom:env(safe-area-inset-bottom)}
  .bnav a{flex:1;text-align:center;font-size:11px;color:#445;padding:6px 2px 5px;text-decoration:none}.bnav a i{display:block;font-style:normal;font-size:19px;line-height:1.2}.bnav a.on{color:var(--btnp);font-weight:bold}
  .jdp{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:70px;transform:translateX(-50%)}
}
@media(display-mode:standalone){.foot{padding-bottom:30px}}
@media print{.bnav,.burger,.installbar{display:none!important}}