/* 4.0.15 · 기존 UI의 색·아이콘·곡률을 유지하는 표시 설정/정렬 보정. */
:root[data-ui=classic]{--uia-pad:20px;--uia-gap:12px;--uia-row:10px;--uia-head-gap:18px;--uiz:1.1;--vh100:calc(100vh / var(--uiz));--vh100:calc(100dvh / var(--uiz))}
:root[data-ui=classic][data-ui-size=small]{--uiz:1}
:root[data-ui=classic][data-ui-size=large]{--uiz:1.2}
:root[data-ui=classic][data-ui-density=compact]{--uia-pad:13px;--uia-gap:8px;--uia-row:6px;--uia-head-gap:12px}

/* 모든 메뉴의 제목은 같은 시작점·크기·행 높이. 본문 안 소제목은 별도 유지. */
:root[data-ui=classic] :is(.shead,.fxpgtop,.tghead,.pshead){display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:36px;margin:0 0 var(--uia-head-gap);padding:0 54px 0 0}
:root[data-ui=classic] :is(.shead h1,.fxpgtop h2,.tghead h1,.pshead h1){font-size:calc(22px * var(--uia-text,1));line-height:1.4;font-weight:800;letter-spacing:-.02em;margin:0;min-width:0;overflow-wrap:anywhere}
:root[data-ui=classic] .shead :is(.memo,.eb){flex-basis:100%}
:root[data-ui=classic] :is(.shead,.pshead)>div:has(>h1){display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-width:0}
:root[data-ui=classic] :is(.shead,.pshead)>div> :is(.eb,.pseb){order:1;flex-basis:auto}
:root[data-ui=classic] .view{min-width:0}
:root[data-ui=classic] .ofcal>.panel{min-width:0}
:root[data-ui=classic] :is(.ptitle,.board-tools){flex-wrap:wrap;row-gap:8px}
:root[data-ui=classic] .ptitle .sub{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
:root[data-ui=classic] :is(.systabs,.systabs2,.vlanes,.actabs,#arTabs,.tgtabs){margin-bottom:var(--uia-head-gap)}
:root[data-ui=classic] .uiw-acct-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--uia-head-gap);padding-right:54px}
:root[data-ui=classic] .uiw-acct-head .shead{margin:0;padding:0;flex:1}
:root[data-ui=classic] .uiw-acct-head .board-tools{margin:0!important}
:root[data-ui=classic] .fxbar{flex-wrap:wrap;overflow:visible}
:root[data-ui=classic] .fxbar>*:not(.sp){flex:none;white-space:nowrap}
:root[data-ui=classic] .fxvseg{flex-shrink:0}
:root[data-ui=classic] .kcard .t{overflow-wrap:anywhere}
:root[data-ui=classic] .kcard .meta{flex-wrap:wrap}
:root[data-ui=classic] :is(input,select,textarea){max-width:100%}
:root[data-ui=classic] .csasg{flex-wrap:wrap}
:root[data-ui=classic] .csasg .apick{flex:1 1 160px}
:root[data-ui=classic] .csasg .cstoolchips{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
:root[data-ui=classic] .wsw-mopt{flex-wrap:wrap;min-width:0;gap:8px}
:root[data-ui=classic] .wsw-mopt .mn{min-width:0;overflow-wrap:anywhere}

/* 밀도는 글자/아이콘 대신 작업 면과 행의 여백만 줄인다. */
:root[data-ui=classic][data-ui-density=compact] .panel{padding:var(--uia-pad)}
:root[data-ui=classic][data-ui-density=compact] :is(.board,.fxlayout,.pgdlayout,.tgwork){gap:var(--uia-gap)}
:root[data-ui=classic][data-ui-density=compact] .col{padding:7px}
:root[data-ui=classic][data-ui-density=compact] .kcard{padding:9px 10px;margin-bottom:8px}
:root[data-ui=classic][data-ui-density=compact] :is(.csmod,.bfrow,.sy2fl,#acctBody .aq,#vaultBody .vrow){padding-top:var(--uia-row);padding-bottom:var(--uia-row)}
:root[data-ui=classic][data-ui-density=compact] :is(.fxnavi,.pgdnav,.bmnrow){padding-top:6px;padding-bottom:6px}
:root[data-ui=classic][data-ui-density=compact] :is(.pkrseg,.pksh,.pkrow){padding:10px 12px}
:root[data-ui=classic][data-ui-density=compact] :is(.ofband,.ofcal,#briefLayer){margin-bottom:12px}
:root[data-ui=classic][data-ui-density=compact] #v-office .obrow{padding-top:8px;padding-bottom:8px}
:root[data-ui=classic][data-ui-density=compact] #pcCenter.panel{padding:0}

@media(max-width:1200px){
  :root[data-ui=classic] .pcwork{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1150px){
  :root[data-ui=classic] .ofcal{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:980px){
  :root[data-ui=classic] .pkmain{width:100%}
}
@media(max-width:860px){
  :root[data-ui=classic]{--uiz:1}
  :root[data-ui=classic][data-ui-size=small]{--uiz:.95}
  :root[data-ui=classic][data-ui-size=large]{--uiz:1.1}
  :root[data-ui=classic] :is(.office,.fxwrap){padding-top:14px;padding-left:12px;padding-right:12px}
  :root[data-ui=classic] :is(.shead,.fxpgtop,.tghead,.pshead){min-height:34px}
  :root[data-ui=classic] .fxsearch{flex:1 1 180px;min-width:0}
  :root[data-ui=classic] .obrow{flex-direction:column;align-items:stretch;gap:8px;padding-top:10px;padding-bottom:10px}
  :root[data-ui=classic] .oblab{width:auto;align-self:flex-start;white-space:normal}
  :root[data-ui=classic] .obct>.room{min-width:0;max-width:100%;flex-basis:100%}
  :root[data-ui=classic] .pkcand{flex-wrap:wrap}
  :root[data-ui=classic] .pkcn{min-width:0;max-width:100%;overflow-wrap:anywhere}
  :root[data-ui=classic] .pkci{flex:1 1 140px}
  :root[data-ui=classic] :is(.pksh,.pkcrow,.wsw-id){flex-wrap:wrap}
  :root[data-ui=classic] .pkshr{width:100%;margin-left:0;flex-wrap:wrap}
  :root[data-ui=classic] .pkct{max-width:calc(100% - 20px);white-space:normal;overflow-wrap:anywhere;flex:1 1 calc(100% - 20px)}
  :root[data-ui=classic] .csbox{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
}