/* 거래처 객실현황 — A 스타일 (흰 배경 · 굵은 고딕 · 두꺼운 검정 선 · 버건디 포인트) */
:root{
  --ink:#111;--ink2:#444;--muted:#8a8a8a;--line:#e3e3e3;--bg:#fff;--soft:#f4f4f1;
  --burg:#a3243c;--burg-soft:#f7e4e8;--burg-mid:#efd0d7;
  --ok:#1f6b43;--ok-soft:#e5f2ea;--pt:#8a5a00;--pt-soft:#fbefd6;
  --sat:#2750b0;--sun:#c23a3a;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,system-ui,-apple-system,'Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.45}
button,input,select{font:inherit;color:inherit}
a{color:inherit}
[hidden]{display:none!important}
.wrap{max-width:1320px;margin:0 auto;padding:0 32px}

.brand{font-weight:900;font-size:12px;letter-spacing:.3em}
.title{font-weight:900;font-size:44px;letter-spacing:-.04em;line-height:1;margin:12px 0 0}
.title span{color:var(--burg)}

/* 접근코드 */
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px}
.gate-in{width:100%;max-width:460px;border-top:6px solid var(--ink);padding-top:26px}
.gate-lead{margin:18px 0 22px;color:var(--ink2);font-size:15px}
.gate-form{display:flex;border:3px solid var(--ink)}
.gate-form input{flex:1;min-width:0;border:0;padding:14px 16px;font-size:20px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;outline:none}
.gate-form button{border:0;background:var(--ink);color:#fff;font-weight:900;font-size:16px;padding:0 26px;cursor:pointer}
.gate-err{min-height:22px;margin-top:10px;color:var(--burg);font-weight:700;font-size:14px}
.gate-contacts{margin-top:26px;border-top:1px solid var(--ink);padding-top:14px;font-size:13px;color:var(--ink2)}
.gc-h{font-weight:900;color:var(--ink);margin-bottom:8px;font-size:12px;letter-spacing:.08em}
.gate-contacts .gc{display:flex;gap:10px;flex-wrap:wrap;padding:5px 0;border-bottom:1px solid var(--line)}
.gate-contacts .gc b{min-width:62px}

/* 머리 */
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:34px;padding-bottom:16px;position:relative}
.top:after{content:'';position:absolute;left:32px;right:32px;bottom:0;height:5px;background:var(--ink)}
.stamp{text-align:right;font-size:12.5px;color:var(--ink2);display:flex;flex-direction:column;gap:3px}
.stamp b{font-size:15px;color:var(--ink);font-weight:800}
.stamp a{font-weight:700}
.preview{margin-top:12px;background:#111;color:#fff;font-size:13px;padding:9px 14px;font-weight:600}
.notice{margin-top:14px;border-left:6px solid var(--burg);padding:10px 14px;background:var(--burg-soft);font-size:14px;font-weight:600;white-space:pre-line}

/* 섹션 머리 */
.sec-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:38px 0 14px;border-bottom:1px solid var(--ink)}
.sec-h .no{font-weight:900;font-size:13px;color:var(--burg);letter-spacing:.06em}
.sec-h h2{margin:0;font-size:26px;font-weight:900;letter-spacing:-.03em}
.sec-sub{font-size:12.5px;color:var(--muted)}

/* 숙박기간 검색 */
.search{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;border:3px solid var(--ink);margin-top:18px}
.search .f{display:flex;flex-direction:column;justify-content:center;padding:8px 18px;border-right:1px solid var(--line);min-width:150px}
.search .f span{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted)}
.search .f select,.search .f input{border:0;padding:2px 0;font-size:17px;font-weight:800;background:transparent;outline:none;min-width:0}
.search .f-n{min-width:84px}
.search .f-n b{font-size:17px;font-weight:900}
.search{position:relative}
.f-date{border:0;background:#fff;text-align:left;cursor:pointer;min-width:200px;border-right:1px solid var(--line)}
.f-date b{display:block;font-size:19px;font-weight:900;letter-spacing:-.02em;margin-top:1px;white-space:nowrap}
.f-date:hover{background:var(--soft)}
.f-date.on{background:var(--ink);color:#fff}
.f-date.on span{color:#aaa}

/* 기간 선택 달력 */
.dp{position:absolute;left:-3px;top:calc(100% + 3px);z-index:40;background:#fff;border:3px solid var(--ink);box-shadow:0 28px 60px -24px rgba(0,0,0,.4);width:min(780px,calc(100vw - 32px));padding:20px 26px 18px}
.dp-h{display:flex;align-items:stretch;border-bottom:1px solid var(--ink)}
.dp-step{flex:1;border:0;background:none;text-align:left;padding:2px 0 12px;cursor:pointer;color:inherit}
.dp-step span{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted)}
.dp-step b{font-size:22px;font-weight:900;letter-spacing:-.03em;color:#c3c3c3}
.dp-step.on{box-shadow:inset 0 -5px 0 var(--burg)}
.dp-step.on b{color:var(--ink)}
.dp-arrow{align-self:center;font-size:20px;font-weight:300;color:var(--muted);padding:0 18px 10px 0}
.dp-n{align-self:center;font-size:15px;font-weight:900;padding:0 18px 10px;white-space:nowrap}
.dp-x{border:0;background:none;font-size:28px;line-height:1;cursor:pointer;padding:0 0 10px 6px;align-self:center}
.dp-hint{font-size:12.5px;color:var(--ink2);padding:10px 0 4px}
.dp-body{display:grid;grid-template-columns:1fr 1fr;gap:34px;position:relative;padding-top:8px}
.dp-nav{position:absolute;top:4px;width:34px;height:34px;border:2px solid var(--ink);background:#fff;font-weight:900;font-size:12px;cursor:pointer;z-index:1}
.dp-nav:hover:not(:disabled){background:var(--ink);color:#fff}
.dp-nav:disabled{opacity:.2;cursor:default}
.dp-prev{left:0}.dp-next{right:0}
.dp-m h4{margin:0 0 12px;text-align:center;font-size:19px;font-weight:900;letter-spacing:-.02em;line-height:34px}
.dp-g{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px}
.dp-dw{text-align:center;font-size:11.5px;font-weight:800;color:var(--muted);padding-bottom:6px}
.dp-dw.sun,.dp-d.sun{color:var(--sun)}
.dp-dw.sat,.dp-d.sat{color:var(--sat)}
.dp-d{position:relative;height:48px;border:0;background:none;font:inherit;font-size:16px;font-weight:800;cursor:pointer;font-variant-numeric:tabular-nums;color:var(--ink)}
.dp-d:disabled{color:#d6d6d6!important;cursor:default}
.dp-d:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--ink)}
.dp-d.rng{background:var(--soft)}
.dp-d.s,.dp-d.e{background:var(--ink);color:#fff!important}
.dp-d .bar,.dp-lg .bar{display:block;position:absolute;left:32%;right:32%;bottom:7px;height:3px}
.bar.hi{background:#5aa77b}.bar.mid{background:#d9a441}.bar.lo{background:var(--burg)}
.dp-d.today:after{content:'오늘';position:absolute;top:3px;left:0;right:0;font-size:9px;font-weight:700;color:var(--muted)}
.dp-d.s:after,.dp-d.e:after{color:#bbb}
.dp-f{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.dp-quick{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.dp-quick em{font-style:normal;font-size:12px;font-weight:800;color:var(--muted);margin-right:4px}
.dp-quick button{border:2px solid var(--ink);background:#fff;font-weight:800;font-size:12.5px;padding:5px 11px;cursor:pointer}
.dp-quick button:hover:not(:disabled){background:var(--ink);color:#fff}
.dp-quick button:disabled{opacity:.25;cursor:default}
.dp-lg{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--ink2);align-items:center}
.dp-lg span{display:inline-flex;align-items:center;gap:6px}
.dp-lg .bar{position:static;width:16px}

.chips{display:flex;gap:8px;align-items:center;margin-left:auto;padding:8px 14px}
.chip{border:2px solid var(--ink);background:#fff;padding:6px 12px;font-size:12.5px;font-weight:800;cursor:pointer}
.chip[aria-pressed=true]{background:var(--ink);color:#fff}
.stay-sum{padding:14px 0 12px;font-size:14px;color:var(--ink2)}
.stay-sum b{color:var(--ink)}
.stay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sb{display:grid;grid-template-columns:140px minmax(0,1fr);border-top:4px solid var(--ink);min-height:180px}
.sb-ph{background:#ddd center/cover no-repeat;margin-top:14px;height:120px}
.sb-body{padding:12px 0 0 18px;display:flex;flex-direction:column;min-width:0}
.sb-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.sb-h h3{margin:0;font-size:24px;font-weight:900;letter-spacing:-.03em}
.sb-cnt{font-size:12.5px;color:var(--ink2);white-space:nowrap}
.sb-cnt b{font-size:22px;font-weight:900;color:var(--ink)}
.sb-asof{font-size:11px;color:var(--muted);margin-top:2px}
.sb-list{list-style:none;margin:8px 0 0;padding:0}
.sb-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.sb-list .nm{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st{font-size:13px;font-weight:900;white-space:nowrap;text-align:right}
.st.ok{color:var(--ok)}.st.no{color:var(--burg)}.st.pt{color:var(--pt)}.st.na{color:var(--muted);font-weight:600}
.st:before{content:'';display:inline-block;width:7px;height:7px;background:currentColor;margin-right:6px;vertical-align:1px}
.st.ok:before{border-radius:50%}
.st.no:before{transform:rotate(45deg)}
.st.na:before{display:none}
.nb{display:flex;gap:2px;grid-column:1/-1}
.nb i{flex:1;max-width:30px;height:5px;background:#bfdcc9}
.nb i.c{background:var(--burg)}
.nb i.u{background:#ddd}
.nb .more{font-size:10px;color:var(--muted);font-style:normal;margin-left:3px;line-height:5px}
.sb-f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:12px;font-size:12.5px;color:var(--ink2)}
.mail{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;font-size:13px;padding:8px 14px}
.mail:hover{background:var(--burg)}
.mail.dim{background:#fff;color:var(--ink);border:2px solid var(--ink);padding:6px 12px}
button.mail{border:0;cursor:pointer;font-family:inherit}
.linkbtn{border:0;background:none;padding:0;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}

/* 예약 문의 창 */
.md{position:fixed;inset:0;z-index:60;background:rgba(17,17,17,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.md-box{background:#fff;width:100%;max-width:680px;max-height:calc(100vh - 40px);overflow:auto;border-top:6px solid var(--ink);padding:24px 28px 22px}
.md-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:14px}
.md-top .brand{font-size:11px}
.md-top h3{margin:8px 0 0;font-size:26px;font-weight:900;letter-spacing:-.03em}
.md-top h3 span{color:var(--burg)}
.md-x{border:0;background:none;font-size:30px;line-height:1;cursor:pointer;padding:0}
.md-to{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.md-to b{font-size:16px;font-weight:900;word-break:break-all}
.md-to .lbl{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);display:block}
.md-to a{font-weight:800}
.md-sm{border:2px solid var(--ink);background:#fff;font-weight:800;font-size:12px;padding:4px 10px;cursor:pointer}
.md-sm:hover{background:var(--ink);color:#fff}
.md-f{display:block;margin-top:14px}
.md-f span{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}
.md-f input,.md-f textarea{width:100%;border:2px solid var(--ink);padding:10px 12px;font:inherit;font-size:14px;outline:none}
.md-f input{font-weight:800}
.md-f textarea{min-height:230px;resize:vertical;line-height:1.55}
.md-f input:focus,.md-f textarea:focus{border-color:var(--burg)}
.md-act{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.md-act button{border:2px solid var(--ink);background:#fff;font:inherit;font-weight:900;font-size:13.5px;padding:12px 6px;cursor:pointer;line-height:1.25}
.md-act button small{display:block;font-size:10.5px;font-weight:600;color:var(--muted);margin-top:3px}
.md-act button:hover{background:var(--ink);color:#fff}
.md-act button:hover small{color:#bbb}
.md-act button.pri{background:var(--ink);color:#fff}
.md-act button.pri small{color:#bbb}
.md-act button.pri:hover{background:var(--burg)}
.md-note{font-size:12px;color:var(--ink2);margin-top:12px;line-height:1.6}
.md-done{margin-top:10px;font-size:13px;font-weight:800;color:var(--ok);min-height:18px}
@media (max-width:760px){
  .md{padding:0;align-items:flex-end}
  .md-box{max-height:94vh;padding:18px 16px 20px}
  .md-top h3{font-size:21px}
  .md-act{grid-template-columns:1fr 1fr}
  .md-f textarea{min-height:200px}
}

.sb-empty{padding:14px 0;color:var(--muted);font-size:13.5px}

/* 지점 탭 */
.tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.tab{border:0;background:none;padding:20px 0 12px;margin-right:38px;font-size:26px;font-weight:900;letter-spacing:-.03em;color:#bdbdbd;cursor:pointer;position:relative}
.tab:hover{color:#777}
.tab[aria-selected=true]{color:var(--ink)}
.tab[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:6px;background:var(--burg)}
.tab sup{font-size:10px;font-weight:700;color:var(--muted);margin-left:4px;letter-spacing:0}
.info{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;font-size:13.5px;padding:13px 0;border-bottom:1px solid var(--ink)}
.info .h{font-weight:900;font-size:15px}
.info a{font-weight:800}
.info .asof{color:var(--muted);font-size:12px;margin-left:auto}
.info .stale{color:var(--burg);font-weight:700}

/* 조작줄 */
.ctrl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 22px;padding:18px 0 14px}
.seg{display:inline-flex;border:2px solid var(--ink)}
.seg button{border:0;background:#fff;padding:7px 14px;font-size:13px;font-weight:800;cursor:pointer}
.seg button+button{border-left:2px solid var(--ink)}
.seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.range{display:flex;align-items:center;gap:12px;font-weight:900;font-size:16px;letter-spacing:-.02em}
.range button{border:2px solid var(--ink);background:#fff;width:32px;height:32px;font-weight:900;cursor:pointer;font-size:12px}
.range button:hover:not(:disabled){background:var(--ink);color:#fff}
.range button:disabled{opacity:.25;cursor:default}
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--ink2);align-items:center}
.lx{display:inline-block;background:var(--burg-soft);color:var(--burg);font-weight:900;font-size:10.5px;padding:2px 6px;margin-right:4px}
.lst{display:inline-block;width:18px;height:12px;background:var(--ink);margin-right:5px;vertical-align:-1px}
.lsw{display:inline-block;width:13px;height:13px;margin-right:5px;vertical-align:-2px;border:1px solid rgba(0,0,0,.08)}
.tw{display:inline-block;font-style:normal;font-size:9.5px;font-weight:900;border:1.5px solid currentColor;line-height:13px;width:15px;text-align:center;margin-left:6px;vertical-align:2px}

/* 표 */
.view{padding-bottom:10px}
.mx-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.mx{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;min-width:760px}
.mx col.c-rt{width:190px}.mx col.c-res{width:122px}
.mx th,.mx td{border-bottom:1px solid var(--line)}
.mx thead th{border-bottom:3px solid var(--ink);padding:9px 0 8px;font-weight:400;cursor:pointer;user-select:none;vertical-align:bottom;background:#fff}
.mx thead th.rth{text-align:left;cursor:default;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted)}
.mx thead th.d b{display:block;font-size:14px;font-weight:900;letter-spacing:-.03em}
.mx thead th.d span{font-size:11px;color:var(--muted)}
.mx thead th.d:hover{background:var(--soft)}
.mx thead th.sat b,.mx thead th.sat span{color:var(--sat)}
.mx thead th.sun b,.mx thead th.sun span{color:var(--sun)}
.mx thead th.sty{background:var(--ink)}
.mx thead th.sty b,.mx thead th.sty span{color:#fff!important}
.mx thead th.pend{outline:3px solid var(--burg);outline-offset:-3px}
.mx thead th.resh{border-left:3px solid var(--ink);cursor:default;font-size:12px;font-weight:900;text-align:center;line-height:1.35}
.mx thead th.resh small{display:block;font-size:10.5px;font-weight:600;color:var(--muted)}
.mx td{text-align:center;height:48px;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.mx td.sty{background:var(--soft)}
.mx td.x{background:var(--burg-soft);color:var(--burg);font-size:11.5px;font-weight:900;box-shadow:inset 1px 0 0 #fff}
.mx td.x.sty{background:var(--burg-mid)}
.mx td.na{color:#c5c5c5;font-weight:500}
.mx .rt{text-align:left;position:sticky;left:0;background:#fff;z-index:1;padding-right:8px}
.mx td.rt b{font-size:15px;font-weight:900;letter-spacing:-.02em}
.mx td.rt small{display:block;font-size:10.5px;color:var(--muted);font-weight:600}
.mx td.res{border-left:3px solid var(--ink);font-size:17px;font-weight:900}
.mx td.res small{display:block;font-size:10.5px;font-weight:600;color:var(--muted);margin-top:1px}
.mx td.res.x{font-size:13px}
.mx td.res.x small{color:var(--burg)}
.mx tr.ev td{height:36px;border-bottom:none;padding:7px 1px 0}
.mx tr.ev td.rt{font-size:11px;font-weight:900;letter-spacing:.04em;color:var(--muted)}
.evb{background:#2b2b2e;color:#fff;font-size:11px;font-weight:800;height:22px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 7px;text-align:left}
.evb.event{background:var(--burg)}
table.mx.cmp{min-width:1100px}
.mx.cmp thead th.d b{font-size:12px}
.mx.cmp thead th.d span{font-size:10px}
.mx.cmp td{font-size:12px;height:42px;letter-spacing:-.04em}
.mx.cmp td.x{font-size:9.5px;letter-spacing:-.08em}
.mx.cmp .evb{font-size:10px;padding:0 3px}
.mx-empty{padding:40px 0;text-align:center;color:var(--muted)}

/* 3개월 달력 */
.cal{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.cal-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px 22px}
.cm h4{margin:0 0 10px;display:flex;justify-content:space-between;align-items:baseline;font-size:18px;font-weight:900;letter-spacing:-.02em;border-bottom:3px solid var(--ink);padding-bottom:6px}
.cm h4 span{font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:0}
.cg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cdw{font-size:10.5px;color:var(--muted);text-align:center;padding-bottom:3px;font-weight:700}
.cdw.sun{color:var(--sun)}.cdw.sat{color:var(--sat)}
.cd{height:46px;padding:4px 5px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent;font-variant-numeric:tabular-nums;background:none;text-align:left}
.cd .n{font-size:12px;font-weight:900}
.cd .t{font-size:10px;text-align:right;font-weight:700;opacity:.9}
.cd.ok{background:var(--ok-soft);color:var(--ok)}
.cd.part{background:var(--pt-soft);color:var(--pt)}
.cd.full{background:var(--burg-soft);color:var(--burg)}
.cd.na{background:#f6f6f6;color:#b8b8b8}
.cd.off{background:none;color:#d0d0d0;cursor:default}
.cd.ev:after{content:'★';position:absolute;top:3px;right:5px;font-size:9px}
.cd.stay{box-shadow:inset 0 -3px 0 var(--ink)}
.cd.sel{border:2px solid var(--ink)}
.cd:not(.off):hover{filter:brightness(.96)}
.cal-panel{border-top:4px solid var(--ink);padding-top:12px;position:sticky;top:12px}
.cp-dt{font-size:24px;font-weight:900;letter-spacing:-.03em}
.cp-br{font-size:12px;color:var(--muted);margin-top:2px}
.cp-ev{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;background:var(--burg);color:#fff;padding:2px 8px}
.cp-ev.season{background:#2b2b2e}
.cp-row{display:grid;grid-template-columns:minmax(0,1fr) auto 50px;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.cp-row .v{font-weight:900;font-variant-numeric:tabular-nums}
.cp-row .s{font-size:11px;font-weight:900;text-align:center;padding:2px 0}
.cp-row .s.ok{background:var(--ok-soft);color:var(--ok)}.cp-row .s.no{background:var(--burg-soft);color:var(--burg)}.cp-row .s.na{background:#f3f3f3;color:var(--muted)}
.cp-btn{display:block;width:100%;margin-top:14px;border:0;background:var(--ink);color:#fff;font-weight:900;padding:12px;cursor:pointer;font-size:13.5px}
.cp-btn:hover{background:var(--burg)}

.foot{padding-top:30px;padding-bottom:50px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:40px}
.foot p{margin:4px 0}

@media (max-width:1100px){
  .stay-grid{grid-template-columns:1fr}
  .cal{grid-template-columns:1fr}
  .cal-panel{position:static}
}
@media (max-width:760px){
  .wrap{padding:0 16px}
  .top:after{left:16px;right:16px}
  .top{flex-direction:column;align-items:flex-start;padding-top:22px;padding-bottom:22px}
  .stamp{text-align:left}
  .title{font-size:34px}
  .sec-h{padding-top:28px}
  .sec-h h2{font-size:22px}
  .search .f{flex:1 1 45%;min-width:0;border-bottom:1px solid var(--line)}
  .search .f-n{flex:1 1 45%}
  .f-date{min-width:0}
  .f-date b{font-size:16px}
  .dp{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:92vh;overflow:auto;border-width:3px 0 0;padding:16px 16px 20px}
  .dp-step b{font-size:17px}
  .dp-arrow{padding:0 10px 10px 0}
  .dp-n{padding:0 8px 10px}
  .dp-body{grid-template-columns:1fr}
  .dp-d{height:46px}
  .chips{margin-left:0;flex-wrap:wrap}
  .sb{grid-template-columns:1fr}
  .sb-ph{margin-top:0;height:110px}
  .sb-body{padding-left:0}
  .tab{font-size:21px;margin-right:22px}
  .info .asof{margin-left:0}
  .mx col.c-rt{width:128px}
  .mx td.rt b{font-size:13px}
  .cal-months{grid-template-columns:1fr}
  .cd{height:44px}
}
@media print{
  .search,.chips,.ctrl .seg,.range,.mail,#logout{display:none!important}
}