@font-face{
  font-family:'Paperlogy';
  src:url('/_lib/Paperlogy-Regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  --accent:#3E6CA6;
  --accent-soft:#EAF0F7;
  --header-bg:#2A3340;
  --header-bg2:#222A35;
  --header-line:#3C4655;

  --bg:#F4F6F8;
  --card:#ffffff;
  --border:#E1E5EB;
  --border-strong:#CDD3DC;
  --input-border:#D7DCE3;
  --divider:#ECEEF2;
  --row-line:#F1F3F6;
  --thead-bg:#F7F9FB;
  --hover:#F1F4F8;

  --text:#2B333F;
  --heading:#222A35;
  --muted:#6A7480;
  --muted2:#7E8898;
  --muted3:#9AA3AF;

  --success:#4E8A6B; --success-soft:#EFF3EF; --success-text:#43795C;
  --warning:#B5853C; --warning-soft:#F4EEE3; --warning-text:#94702F;
  --danger:#B0564E;  --danger-soft:#F7EBE9;  --danger-border:#EAD3CF; --danger-text:#A1483F;

  --radius:12px;
  --radius-btn:8px;
  --radius-sm:7px;
  --cell-y:12px;

  --font:'Paperlogy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
         'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

.theme-blue  { --accent:#3E6CA6; --accent-soft:#EAF0F7; }
.theme-green { --accent:#4E7C68; --accent-soft:#E8F0EB; }
.theme-indigo{ --accent:#5A5E86; --accent-soft:#ECEDF4; }
.theme-purple{ --accent:#7A5C7D; --accent-soft:#F1EAF1; }
.theme-teal  { --accent:#456B7C; --accent-soft:#E8F0F4; }
.theme-orange{ --accent:#C1703C; --accent-soft:#F6ECE1; }

body.portal-mvno{
  --accent:#C1703C; --accent-soft:#F6ECE1;
  --header-bg:#3A2A1E; --header-bg2:#31241A; --header-line:#4A3826;
}
body.portal-mvno .topnav a.is-active{ background:#5A3D24; }

.density-compact{ --cell-y:8px; }
.density-comfortable{ --cell-y:16px; }

*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; height:100%; }
body{
  font-family:var(--font);
  font-size:13px;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{ color:inherit; text-decoration:none; }
input,select,button,textarea{ font-family:inherit; font-size:13px; }
h1,h2,h3{ margin:0; color:var(--heading); }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:#CDD3DC; border-radius:6px; border:2px solid var(--bg); }
::-webkit-scrollbar-track{ background:transparent; }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  height:38px; padding:0 16px; border-radius:var(--radius-btn);
  font-size:13px; font-weight:700; line-height:1;
  border:1px solid transparent; background:transparent; color:var(--text);
  cursor:pointer; white-space:nowrap; transition:filter .12s ease, background .12s ease, border-color .12s ease;
}
.btn:disabled,.btn.is-disabled{ cursor:not-allowed; background:#F2F4F7; color:#B5BCC6; border-color:#E6E9EE; }
.btn svg{ width:15px; height:15px; }
.btn-block{ width:100%; }
.btn-sm{ height:30px; padding:0 13px; border-radius:var(--radius-sm); font-size:12px; }
.btn-lg{ height:46px; padding:0 24px; border-radius:9px; font-size:14px; }

.btn-primary{ background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.12); }
.btn-primary:hover{ filter:brightness(.94); }
.btn-soft{ background:var(--accent-soft); border-color:var(--accent-soft); color:var(--accent); }
.btn-soft:hover{ filter:brightness(.97); }
.btn-outline{ background:#fff; border-color:var(--border-strong); color:#3A4654; }
.btn-outline:hover{ background:var(--bg); border-color:#B9C1CC; }
.btn-ghost{ background:transparent; color:var(--muted); font-weight:600; }
.btn-ghost:hover{ background:#EAEEF3; }
.btn-success{ background:var(--success); border-color:#4A8264; color:#fff; }
.btn-success:hover{ filter:brightness(.95); }
.btn-danger-soft{ background:var(--danger-soft); border-color:var(--danger-border); color:var(--danger-text); }
.btn-danger-soft:hover{ filter:brightness(.97); }
.btn-danger{ background:var(--danger); border-color:#A85248; color:#fff; }
.btn-danger:hover{ filter:brightness(.95); }

.iconbtn{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:var(--radius-btn);
  border:1px solid var(--border-strong); background:#fff; color:#5A6573; cursor:pointer;
}
.iconbtn:hover{ background:var(--bg); }
.iconbtn svg{ width:16px; height:16px; }

.field{ margin-bottom:14px; }
.label{ display:block; font-size:11.5px; font-weight:600; color:var(--muted2); margin-bottom:6px; }
.label .req{ color:var(--danger); }
.input,.select,.textarea{
  width:100%; height:38px; padding:0 12px;
  border:1px solid var(--input-border); border-radius:var(--radius-btn);
  background:#fff; color:var(--text); font-size:13px; font-weight:500; outline:none;
  transition:border-color .12s ease, box-shadow .12s ease;
}
.textarea{ height:auto; min-height:92px; padding:11px 13px; line-height:1.6; resize:vertical; }
.input:focus,.select:focus,.textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft);
}
.input::placeholder,.textarea::placeholder{ color:var(--muted3); }
@media (max-width: 768px){
  input, select, textarea, .input, .select, .textarea,
  .stl-fl .input, .stl-fl .select, .inv-flt .select, .wo-formcard .input, .wo-formcard .select,
  .pr-bulk .input, .mp-keyrow .input, .mp-keyinput, .si-table input.input, .si-table select.select,
  .stlm-fmgrid .stl-fl .input, .stlm-frow input.stlm-fval, .mpick-search{ font-size:16px !important; }
}

.badge{
  display:inline-flex; align-items:center; gap:6px;
  height:28px; padding:0 11px; border-radius:var(--radius-sm);
  font-size:12px; font-weight:600;
}
.badge .dot{ width:6px; height:6px; border-radius:50%; }
.badge-success{ background:var(--success-soft); color:var(--success-text); }
.badge-success .dot{ background:var(--success); }
.badge-warning{ background:var(--warning-soft); color:var(--warning-text); }
.badge-danger{ background:var(--danger-soft); color:var(--danger-text); }
.badge-muted{ background:#F1F4F8; color:#5A6573; }

.card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); }
.card-pad{ padding:18px 20px; }
.card-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:15px 20px; border-bottom:1px solid var(--divider);
}
.card-head h2{ font-size:15px; font-weight:700; }

.grid-table{ width:100%; }
.grid-scroll{ overflow-x:auto; }
.grid-table .gt-head,
.grid-table .gt-row{ display:grid; align-items:center; }
.grid-table .gt-head{
  background:var(--thead-bg); color:var(--muted2);
  font-size:12px; font-weight:600; border-bottom:1px solid var(--divider);
}
.grid-table .gt-row{ border-bottom:1px solid var(--row-line); font-size:12.5px; }
.grid-table .gt-row:hover{ background:#FAFBFC; }
.grid-table .gt-cell{ padding:var(--cell-y) 16px; }
.grid-table .num{ text-align:right; font-variant-numeric:tabular-nums; }
.grid-table .center{ text-align:center; }
.grid-empty{ padding:40px 16px; text-align:center; color:var(--muted3); }

.bd-paging{ display:flex; justify-content:center; gap:4px; padding:16px; }
.bd-page{ min-width:32px; height:32px; padding:0 8px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--border); border-radius:7px; color:var(--muted); font-size:12.5px; font-weight:600; }
.bd-page:hover{ background:var(--hover); }
.bd-page.is-active{ background:var(--accent); border-color:var(--accent); color:#fff; }

.app{ height:100vh; display:flex; flex-direction:column; }

.topbar{
  height:52px; flex-shrink:0; background:var(--header-bg);
  display:flex; align-items:center; gap:18px; padding:0 18px; color:#EAEDF1;
}
.topbar .brand{ display:flex; align-items:center; gap:9px; }
.brand-mark{
  width:26px; height:26px; border-radius:6px; background:var(--accent);
  display:inline-flex; align-items:center; justify-content:center;
}
.brand-word{ color:#EAEDF1; font-weight:700; font-size:14.5px; letter-spacing:-.2px; }

.brand-toggle{ gap:11px; flex-shrink:0; }
.portal-toggle{
  display:inline-flex; flex-shrink:0; white-space:nowrap; gap:2px; padding:2px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:8px;
}
.pt-opt{
  display:inline-flex; align-items:center; line-height:1; white-space:nowrap;
  padding:5px 12px; border-radius:6px; font-size:12.5px; font-weight:700; color:#A4AEBD;
}
.pt-opt:hover{ color:#EAEDF1; }
.pt-opt.is-on{ color:#fff; background:var(--accent); box-shadow:0 1px 2px rgba(0,0,0,.22); }
.portal-select{ display:none; position:relative; margin:0; }
.topbar .sep{ width:1px; height:22px; background:var(--header-line); }
.topnav{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; }
.topnav::-webkit-scrollbar{ display:none; }
.topnav a{ padding:7px 13px; border-radius:6px; color:#A4AEBD; font-weight:500; font-size:12.5px; white-space:nowrap; }
.topnav a:hover{ color:#EAEDF1; }
.topnav a.is-active{ color:#fff; font-weight:600; background:#384354; }
.topbar .spacer{ flex:1; }
.topbtn{
  display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 11px; border-radius:7px;
  border:1px solid var(--header-line); background:var(--header-bg2); color:#A4AEBD;
  font-size:12px; font-weight:600; cursor:pointer; white-space:nowrap;
}
.topbtn:hover{ color:#EAEDF1; }
.topbtn svg{ width:15px; height:15px; }
.topuser{ display:flex; align-items:center; gap:8px; }
.topuser .avatar{
  width:32px; height:32px; border-radius:50%; background:var(--accent); color:#fff;
  display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:12.5px;
}
.topuser .who{ line-height:1.3; }
.topuser .who .nm{ color:#E6E9EE; font-weight:600; font-size:12.5px; }
.topuser .who .sub{ color:#7E8898; font-size:11px; }
.topsearch{ display:flex; align-items:center; gap:6px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:8px; padding:0 10px; height:32px; }
.topsearch-ic{ display:inline-flex; color:#9AA3AF; }
.topsearch-ic svg{ width:14px; height:14px; }
.topsearch-in{ background:transparent; border:0; outline:none; color:#E6E9EE; font-size:12.5px; width:160px; height:100%; padding:0; }
.topsearch-in::placeholder{ color:#7E8898; }

.shell-body{ flex:1; display:flex; min-height:0; }

.sidebar{
  width:212px; flex-shrink:0; background:#fff; border-right:1px solid var(--border);
  display:flex; flex-direction:column; padding:14px 12px; overflow-y:auto;
}
.side-section{ font-size:10.5px; font-weight:700; color:var(--muted3); letter-spacing:.6px; padding:6px 10px 8px; }
.side-section + .side-item{ margin-top:0; }
.side-item{
  display:flex; align-items:center; gap:10px; padding:9px 11px; border-radius:8px;
  color:#5A6573; font-weight:500; margin-bottom:2px;
}
.side-item svg{ width:17px; height:17px; }
.side-item:hover{ background:var(--hover); }
.side-item.is-active{ color:#fff; background:var(--accent); font-weight:600; box-shadow:0 1px 2px rgba(0,0,0,.18); }
.side-hr{ height:1px; background:var(--border); margin:8px 8px; }

.topnav a{ position:relative; }
.nav-badge{ display:none; min-width:17px; height:17px; padding:0 5px; margin-left:5px; border-radius:9px;
  background:#e5484d; color:#fff; font-size:10.5px; font-weight:700; line-height:17px; text-align:center;
  vertical-align:middle; box-sizing:border-box; }
.nav-badge.is-on{ display:inline-block; }
.side-item{ position:relative; }
.side-badge{ display:none; margin-left:auto; min-width:18px; height:18px; padding:0 5px; border-radius:9px;
  background:#e5484d; color:#fff; font-size:11px; font-weight:700; line-height:18px; text-align:center; box-sizing:border-box; }
.side-badge.is-on{ display:inline-block; }
.side-spacer{ flex:1; }

.main{ flex:1; min-width:0; overflow-y:auto; padding:20px 32px 40px 24px; scrollbar-gutter:stable; }
.breadcrumb{ font-size:11.5px; color:var(--muted3); margin-bottom:5px; }
.breadcrumb .sep{ margin:0 6px; color:#C7CDD6; }
.page-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.page-title{ font-size:21px; font-weight:800; letter-spacing:-.5px; }
.page-actions{ display:flex; gap:8px; }

.main-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.main-head .breadcrumb{ margin-bottom:0; }

.page-placeholder{ padding:48px 24px; text-align:center; }
.page-placeholder .pp-icon{
  width:54px; height:54px; margin:0 auto 14px; border-radius:14px;
  background:var(--accent-soft); color:var(--accent);
  display:flex; align-items:center; justify-content:center;
}
.page-placeholder .pp-icon svg{ width:26px; height:26px; }
.page-placeholder h2{ font-size:17px; font-weight:800; margin-bottom:6px; }
.page-placeholder p{ color:var(--muted); margin:0; }
.page-placeholder .pp-go{ margin-top:16px; }

.placeholder-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.placeholder-card{ max-width:520px; width:100%; padding:32px 30px; text-align:center; }
.placeholder-badge{
  display:inline-block; background:var(--accent-soft); color:var(--accent);
  font-weight:700; font-size:12px; padding:5px 12px; border-radius:999px; margin-bottom:14px;
}
.placeholder-title{ font-size:20px; font-weight:800; margin-bottom:8px; }
.placeholder-sub{ color:var(--muted); margin:0 0 6px; }
.placeholder-note{ color:var(--muted3); font-size:12px; margin:0 0 20px; }

.modal{ position:fixed; inset:0; z-index:1000; display:flex; align-items:flex-start; justify-content:center;
  padding:48px 16px; overflow:auto; }
.modal[hidden]{ display:none; }
.modal-overlay{ position:fixed; inset:0; background:rgba(20,28,40,.46); }
.modal-dialog{ position:relative; z-index:1; width:100%; max-width:760px; background:var(--card);
  border-radius:14px; box-shadow:0 24px 64px rgba(15,23,42,.28); animation:modal-in .14s ease-out;
  display:flex; flex-direction:column; max-height:calc(100vh - 96px); }
@keyframes modal-in{ from{ transform:translateY(8px); opacity:0; } to{ transform:none; opacity:1; } }
.modal-x{ position:absolute; top:14px; right:14px; z-index:3; width:32px; height:32px; border:0; background:transparent;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; line-height:1; cursor:pointer; color:var(--muted3); border-radius:8px; }
.modal-x:hover{ background:var(--hover); color:var(--text); }
.modal-body{ padding:18px 20px; overflow-y:auto; min-height:0; }
.modal-loading{ padding:48px 0; text-align:center; color:var(--muted); }
body.modal-open{ overflow:hidden; }

.perm-wrap{ max-width:760px; margin:0 auto; padding:28px 20px; }
.perm-head{ margin-bottom:16px; }
.perm-note{ margin-bottom:16px; }
.perm-note p{ margin:0; color:var(--muted); }
.perm-sec{ margin-bottom:16px; }
.perm-err{ margin-bottom:12px; color:var(--danger-text); font-size:12.5px; }
.perm-ok{ margin-bottom:12px; padding:9px 12px; border-radius:8px; background:var(--success-soft); color:var(--success-text); font-size:12.5px; }

.perm-toggle{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.perm-state{ font-size:13px; color:var(--text); }
.perm-toggle-btns{ display:flex; gap:8px; }

.perm-always{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.perm-always-label{ font-weight:700; color:var(--accent); font-size:12.5px; white-space:nowrap; }
.perm-always-names{ color:var(--text); font-size:13px; }

.perm-grant{ margin-bottom:16px; }
.perm-grant .gt-head, .perm-grant .gt-row{ grid-template-columns:1fr 1fr 80px; }
.perm-search{ display:flex; gap:8px; align-items:flex-end; flex-wrap:wrap; }
.perm-search .field{ margin:0; flex:1; min-width:200px; }
.perm-search .input{ width:100%; }
.perm-results{ margin-top:12px; border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.perm-result-row{ display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:9px 12px; border-bottom:1px solid var(--row-line); }
.perm-result-row:last-child{ border-bottom:none; }
.perm-result-who{ font-size:13px; color:var(--text); }
.perm-result-who em{ color:var(--muted3); font-style:normal; font-size:12px; margin-left:7px; }

@media (max-width: 768px){
  .topbar{ height:50px; gap:8px; padding:0 10px; }
  .topbar .brand{ gap:6px; }
  .topbar .brand-word{ display:none; }
  .portal-toggle{ display:none; }
  .portal-select{ display:inline-flex; align-items:center; }
  .portal-select::after{ content:''; position:absolute; right:9px; top:50%; margin-top:-2px; pointer-events:none;
    border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #A4AEBD; }
  .portal-select select{ -webkit-appearance:none; appearance:none; cursor:pointer;
    height:30px; padding:0 24px 0 10px; border-radius:7px; color:#EAEDF1; font-size:12.5px; font-weight:700;
    background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); }
  .portal-select select:focus{ outline:2px solid var(--accent); outline-offset:1px; }
  .topbar .sep{ display:none; }
  .topbar .spacer{ display:none; }
  .topnav{ flex:1 1 auto; min-width:0; }
  .topuser{ gap:0; }
  .topuser .who{ display:none; }
  .topsearch{ display:none; }
  .topbtn{ width:32px; padding:0; gap:0; justify-content:center; }
  .topbtn-label{ display:none; }

  .shell-body{ flex-direction:column; }
  .sidebar{ width:100%; height:auto; flex-direction:row; align-items:center;
    overflow-x:auto; overflow-y:hidden; scrollbar-width:none;
    border-right:none; border-bottom:1px solid var(--border); padding:8px 10px; gap:6px; }
  .sidebar::-webkit-scrollbar{ display:none; }
  .side-section{ display:none; }
  .side-item{ flex:0 0 auto; white-space:nowrap; margin-bottom:0; padding:8px 12px; }
  .side-spacer{ display:none; }

  .main{ padding:16px 14px 32px; scrollbar-gutter:auto; }
}

.daum-postlayer{ position:fixed; inset:0; z-index:11000; background:rgba(15,23,42,.45); display:flex; align-items:center; justify-content:center; padding:20px; }
.daum-postbox{ width:480px; max-width:96vw; height:560px; max-height:92vh; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.35); display:flex; flex-direction:column; }
.daum-postbar{ display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border-bottom:1px solid #e5e7eb; font-size:14px; font-weight:700; color:#0f172a; }
.daum-postbox.wo-addonbox{ width:680px; height:auto; max-height:88vh; }
.daum-postbox.wo-addonbox .mpick-search{ width:calc(100% - 16px); height:38px; margin:8px 8px 6px; padding:0 12px; border:1px solid var(--input-border); border-radius:var(--radius-btn,8px); background:#fff; color:var(--text); font-size:13px; box-sizing:border-box; }
.daum-postbox.wo-addonbox .mpick-search:focus{ border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); outline:none; }
.daum-postbox.wo-addonbox .wo-bothsearch{ display:flex; gap:8px; align-items:stretch; padding:8px 8px 6px; }
.daum-postbox.wo-addonbox .wo-bothsearch .mpick-search{ flex:1 1 auto; width:auto; margin:0; }
.daum-postclose{ appearance:none; border:0; background:none; font-size:22px; line-height:1; cursor:pointer; color:#64748b; padding:0 4px; }
.daum-postclose:hover{ color:#ef4444; }
.daum-postwrap{ flex:1; min-height:0; }

.wo-flist{ display:flex; flex-direction:column; gap:5px; margin-top:8px; }
.wo-flist-empty{ color:var(--muted3); font-size:12px; }
.wo-fitem{ display:inline-flex; align-items:center; gap:6px; max-width:100%; }
.wo-fname{ text-decoration:none; color:var(--accent); font-size:12.5px; word-break:break-all; }
.wo-fname:hover{ text-decoration:underline; }
.wo-fdel{ flex:0 0 auto; border:0; background:transparent; color:var(--muted3); cursor:pointer; font-size:12px; line-height:1; padding:2px 5px; border-radius:5px; }
.wo-fdel:hover{ color:#dc2626; background:var(--hover); }
.wo-fdel:disabled{ opacity:.4; cursor:default; }
.wo-fview{ flex:0 0 auto; border:0; background:transparent; color:var(--muted2); cursor:pointer; font-size:13px; line-height:1; padding:2px 5px; border-radius:5px; }
.wo-fview:hover{ color:var(--accent); background:var(--hover); }
.wo-fprev{ display:none; }
.wo-fprev.is-open{ display:flex; position:fixed; inset:0; z-index:12000; align-items:center; justify-content:center; padding:20px; background:rgba(15,23,42,.72); cursor:zoom-out; }
.wo-fprev.is-open > img{ max-width:92vw; max-height:88vh; width:auto; height:auto; border-radius:8px; box-shadow:0 12px 48px rgba(0,0,0,.5); }

.wd-attach{ max-width:840px; margin:0 auto; }
.wd-files{ display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:12px; align-items:start; }
.wd-fitem{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.wd-fitem:not(.is-img){ grid-column:1 / -1; }
.wd-fitem.is-img .wd-file{ overflow-wrap:anywhere; }
.wd-frow{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.wd-fopen{ font-size:12px; text-decoration:none; color:var(--muted2); border:1px solid var(--row-line); border-radius:6px; padding:2px 9px; white-space:nowrap; }
.wd-fopen:hover{ color:var(--accent); border-color:var(--accent); }
.wd-fprev{ display:block; line-height:0; }
.wd-fprev > img{ display:block; width:100%; max-height:280px; object-fit:contain; border-radius:8px; border:1px solid var(--row-line); background:var(--bg,#f6f7f9); }
.wd-fpdf{ display:flex; flex-direction:column; gap:10px; margin-top:2px; }
.pdfprev-pagewrap{ position:relative; border:1px solid var(--row-line); border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.pdfprev-page{ display:block; width:100%; height:auto; }
.pdfprev-pnum{ position:absolute; bottom:6px; right:8px; font-size:11px; font-weight:600; background:rgba(20,28,40,.6); color:#fff; padding:1px 8px; border-radius:999px; pointer-events:none; }
.pdfprev-status, .pdfprev-more{ font-size:12px; color:var(--muted3); padding:6px 2px; }
.pdfprev-more{ text-align:center; }

.wo-retchoice{ text-align:center; padding:6px 4px; }
.wo-retchoice > h3{ margin:0 0 8px; font-size:16px; color:var(--heading); }
.wo-retchoice > p{ margin:0 0 16px; font-size:13px; color:var(--muted); }
.wo-retbtns{ display:flex; flex-direction:column; gap:8px; }
.wo-rethint{ margin:8px 0 14px; padding-bottom:14px; border-bottom:1px solid var(--divider, var(--row-line));
  font-size:12px; line-height:1.5; color:var(--muted2); text-align:left; }
.wo-retfoot{ margin-top:12px; }

.wo-exch > h3{ margin:0 0 6px; font-size:16px; color:var(--heading); }
.wo-exch > p{ margin:0 0 12px; font-size:12.5px; color:var(--muted); }
.wo-exchlist{ display:flex; flex-direction:column; gap:6px; max-height:50vh; overflow:auto; }
.wo-exchrow{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; text-align:left; border:1px solid var(--row-line); background:var(--card); border-radius:8px; padding:9px 12px; cursor:pointer; }
.wo-exchrow:hover{ border-color:var(--accent); background:var(--hover); }
.wo-exchrow > b{ font-size:13px; color:var(--heading); }
.wo-exchrow > span{ font-size:12px; color:var(--muted2); }
.wo-exchfoot{ margin-top:12px; text-align:center; }

.wo-histbox > h4{ margin:0 0 14px; font-size:15px; font-weight:800; color:var(--heading); }
.wd-hist{ list-style:none; margin:0; padding:0; }
.mh-item{ position:relative; padding:9px 0 9px 20px; border-left:2px solid var(--row-line); }
.mh-item::before{ content:""; position:absolute; left:-6px; top:14px; width:10px; height:10px; border-radius:50%; background:var(--accent); border:2px solid var(--card); box-shadow:0 0 0 1px var(--row-line); }
.mh-item:last-child{ border-left-color:transparent; }
.mh-head{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.mh-trans{ display:inline-flex; align-items:center; gap:4px; }
.mh-trans > i{ color:var(--muted3); font-style:normal; font-size:12px; }
.mh-act{ font-size:11px; font-weight:700; color:var(--accent); background:var(--accent-soft); border-radius:5px; padding:1px 7px; }
.mh-meta{ margin-left:auto; font-size:11.5px; color:var(--muted2); white-space:nowrap; }
.mh-note{ margin-top:6px; display:flex; flex-wrap:wrap; gap:5px; }
.mh-chg{ font-size:11.5px; color:var(--heading); background:var(--hover); border:1px solid var(--row-line); border-radius:6px; padding:2px 8px; }
.mh-txt{ display:block; font-size:12px; color:var(--muted); background:var(--hover); border-radius:6px; padding:6px 10px; }

.kdate{ position:relative; display:block; }
.kdate > .kdate-disp{
  display:flex; align-items:center; height:38px; padding:0 34px 0 12px;
  border:1px solid var(--input-border); border-radius:var(--radius-btn); background:#fff no-repeat right 11px center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%239aa3b2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
  color:var(--text); font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; cursor:pointer;
}
.kdate > .kdate-disp.is-ph{ color:var(--muted2); font-weight:400; }
.kdate > input[type="date"]{ position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; border:0; background:transparent; opacity:0; cursor:pointer; }

.bd-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 16px; border-bottom:1px solid var(--divider); flex-wrap:wrap; }
.bd-search{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.bd-search .select{ width:auto; min-width:130px; }
.bd-search-input{ width:240px; max-width:48vw; }

.bd-row{ cursor:pointer; color:inherit; }
.bd-row .bd-subject{ font-weight:600; color:var(--heading); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd-notice{ background:var(--accent-soft); }
.bd-notice-txt{ color:var(--accent); font-weight:700; font-size:12px; white-space:nowrap; }
.bd-notice .bd-subject strong{ color:var(--accent); }
.bd-badge-cmt{ display:inline-block; margin-left:6px; padding:0 7px; height:18px; line-height:18px;
  border-radius:9px; background:var(--accent-soft); color:var(--accent); font-size:11px; font-weight:700; vertical-align:middle; }
.bd-badge-file{ margin-left:6px; font-size:12px; }
.bd-badge-file[data-bd-dl]{ cursor:pointer; border-radius:5px; padding:0 2px; }
.bd-badge-file[data-bd-dl]:hover{ background:var(--hover); }
.bd-row.is-current{ background:var(--accent-soft); box-shadow:inset 3px 0 0 var(--accent); }
.bd-row.is-current .bd-subject{ color:var(--accent); }

.bd-rmeta{ display:none; }
.bd-rmeta .bd-rn{ color:var(--muted2); font-weight:600; }
.bd-rmeta .bd-rn::after{ content:'·'; margin:0 5px; color:var(--muted3); font-weight:400; }
.bd-rmeta .bd-rd{ color:var(--muted3); font-variant-numeric:tabular-nums; }

@media (max-width:640px){
  .bd-list .grid-table .gt-head{ display:none; }
  .bd-list .grid-table .gt-row{ display:flex; flex-direction:column; align-items:stretch; gap:2px; padding:11px 14px; }
  .bd-list .grid-table .gt-row > .gt-cell{ display:none; padding:0; }
  .bd-list .grid-table .gt-row > .gt-cell.bd-subject{ display:block; white-space:normal; overflow:visible; text-overflow:clip; font-size:14px; line-height:1.45; font-weight:600; }
  .bd-list .grid-table .gt-row > .gt-cell.bd-subject > strong{ font-weight:700; }
  .bd-list .bd-notice .bd-subject::before{ content:'[공지] '; color:var(--accent); font-weight:700; }
  .bd-list .bd-reply-row .bd-subject{ padding-left:20px; }
  .bd-rmeta{ display:flex; align-items:baseline; flex-wrap:wrap; margin-top:5px; font-size:11.5px; }
}

.bd-view + .bd-list{ margin-top:16px; }


.bd-view-head{ padding:20px 22px 16px; border-bottom:1px solid var(--divider); }
.bd-view-titles{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.bd-view-title{ font-size:19px; font-weight:800; letter-spacing:-.3px; }
.bd-view-meta{ display:flex; gap:14px; color:var(--muted2); font-size:12px; }

.bd-attach{ padding:14px 22px; border-bottom:1px solid var(--divider); display:flex; flex-direction:column; gap:8px; background:var(--thead-bg); }
.bd-attach-item{ display:inline-flex; align-items:center; gap:8px; color:var(--text); font-size:12.5px; width:fit-content; }
.bd-attach-item:hover{ color:var(--accent); text-decoration:underline; }
.bd-attach-item svg{ width:15px; height:15px; color:var(--muted2); }
.bd-attach-item em{ color:var(--muted3); font-style:normal; font-size:11.5px; }

.bd-content{ padding:22px; min-height:160px; color:var(--text); font-size:14px; line-height:1.75; word-break:break-word; }
.bd-content img{ max-width:100%; height:auto; }
.bd-content table{ border-collapse:collapse; max-width:100%; }
.bd-content table td, .bd-content table th{ border:1px solid var(--border-strong); padding:6px 9px; }
.bd-content a{ color:var(--accent); text-decoration:underline; }
.bd-content h1,.bd-content h2,.bd-content h3{ margin:14px 0 8px; }
.bd-content ul,.bd-content ol{ padding-left:22px; margin:8px 0; }
.bd-content p{ margin:0 0 10px; }
.bd-locked{ color:var(--muted); text-align:center; padding:30px 0; }

.bd-view-actions{ display:flex; align-items:center; gap:8px; padding:16px 22px; border-top:1px solid var(--divider); }
.bd-inline-form{ display:inline; }

.bd-comments{ padding:18px 22px 22px; border-top:1px solid var(--divider); background:#FCFCFD; }
.bd-comments-title{ font-weight:700; color:var(--heading); margin-bottom:12px; }
.bd-comment{ padding:11px 0; border-bottom:1px solid var(--row-line); }
.bd-comment-head{ display:flex; align-items:center; gap:10px; margin-bottom:4px; }
.bd-comment-who{ font-weight:700; font-size:12.5px; color:var(--heading); }
.bd-comment-date{ color:var(--muted3); font-size:11.5px; }
.bd-comment-del{ background:none; border:none; color:var(--muted3); font-size:11.5px; cursor:pointer; padding:0; }
.bd-comment-del:hover{ color:var(--danger); }
.bd-comment-body{ font-size:13px; color:var(--text); line-height:1.6; }
.bd-comment-form{ display:flex; gap:8px; align-items:flex-end; margin-top:14px; }
.bd-comment-form .textarea{ flex:1; min-height:48px; }
.bd-reply-banner{ background:var(--hover); border:1px solid var(--row-line); border-radius:8px; padding:8px 12px; font-size:12.5px; color:var(--muted2); margin-bottom:12px; }
.bd-reply-banner strong{ color:var(--heading); }
.bd-comment-reply{ margin-left:24px; border-left:2px solid var(--row-line); padding-left:12px; background:#FAFBFC; }
.bd-reply-toggle{ margin:2px 0 6px; }
.bd-reply-toggle > summary{ display:inline-block; cursor:pointer; font-size:11.5px; color:var(--accent); list-style:none; padding:2px 0; }
.bd-reply-toggle > summary::-webkit-details-marker{ display:none; }
.bd-reply-toggle[open] > summary{ color:var(--muted3); }
.bd-reply-form{ margin:6px 0 10px 24px; }
.bd-reply-row{ background:#FCFDFE; }
.bd-reply-mark{ color:var(--muted3); font-weight:700; }
.bd-reply-row .bd-subject{ color:var(--muted2); padding-left:28px; position:relative; }
.bd-reply-row .bd-subject::before{ content:'└'; position:absolute; left:10px; color:var(--muted3); }
.bd-config-h{ font-size:16px; font-weight:700; color:var(--heading); margin:0 0 16px; }
.bd-cfg-sec{ padding:14px 0; border-bottom:1px solid var(--row-line); }
.bd-cfg-sec:last-of-type{ border-bottom:0; }
.bd-cfg-sec h3{ font-size:13px; font-weight:700; color:var(--heading); margin:0 0 10px; }
.bd-config-form .bd-check, .bd-config-form .bd-radio{ display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--text); margin-right:18px; cursor:pointer; }
.bd-cfg-users{ margin-top:8px; }
.bd-userselect{ min-width:280px; max-width:440px; height:auto; }
.bd-cfg-hint{ font-size:11.5px; color:var(--muted3); margin-top:4px; }
.bd-cfg-row{ display:flex; gap:14px; align-items:flex-end; flex-wrap:wrap; margin-top:8px; }
.bd-cfg-row .field{ display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--muted2); }
.bd-cfg-grow{ flex:1 1 260px; } .bd-cfg-grow .input{ width:100%; }
.bd-write-group{ display:inline-flex; align-items:stretch; }
.bd-write-group .btn:not(:last-child){ border-top-right-radius:0; border-bottom-right-radius:0; }
.bd-write-group .btn:not(:first-child){ border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-1px; }
.bd-gear{ display:inline-flex; align-items:center; justify-content:center; padding:0 11px; background:#334155; color:#fff; border:1px solid #334155; }
.bd-gear:hover{ background:#1e293b; color:#fff; }
.bd-gear svg{ display:block; }
.bd-perm-sec{ margin-top:14px; }
.bd-perm{ padding:14px 0; border-bottom:1px solid var(--row-line); }
.bd-perm:last-of-type{ border-bottom:0; }
.bd-perm > h3{ font-size:13px; font-weight:700; color:var(--heading); margin:0 0 8px; }
.bd-perm-mgr{ margin-top:10px; padding:12px; border:1px solid var(--row-line); border-radius:10px; background:var(--hover); }
.bd-perm-mgr[hidden]{ display:none; }
.bd-perm-list{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; min-height:4px; }
.bd-perm-empty{ font-size:12px; color:var(--muted3); }
.bd-chip{ display:inline-flex; align-items:center; gap:6px; padding:4px 6px 4px 11px; border-radius:14px; background:var(--accent-soft, #eef2ff); color:var(--accent); font-size:12.5px; }
.bd-chip b{ font-weight:700; } .bd-chip em{ font-style:normal; color:var(--muted2); }
.bd-chip-x{ appearance:none; border:0; background:none; cursor:pointer; color:var(--accent); font-size:15px; line-height:1; padding:0 2px; }
.bd-chip-x:hover{ color:var(--danger,#dc2626); }
.bd-perm-search{ position:relative; max-width:340px; }
.bd-perm-search .input{ width:100%; }
.bd-perm-results{ position:absolute; z-index:20; left:0; right:0; top:calc(100% + 3px); background:var(--card); border:1px solid var(--border); border-radius:10px; box-shadow:0 10px 30px rgba(15,23,42,.16); max-height:240px; overflow-y:auto; padding:6px; display:none; }
.bd-perm-results.is-open{ display:block; }
.bd-perm-ritem{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 8px; border-radius:7px; cursor:pointer; font-size:13px; }
.bd-perm-ritem:hover{ background:var(--hover); }
.bd-perm-ritem em{ font-style:normal; color:var(--muted3); font-size:11.5px; margin-left:6px; }
.bd-perm-rempty{ padding:10px; text-align:center; color:var(--muted3); font-size:12.5px; }
.bd-cfg-toast{ position:fixed; right:18px; bottom:18px; background:#16894a; color:#fff; padding:10px 16px; border-radius:8px; font-size:13px; box-shadow:0 8px 24px rgba(0,0,0,.2); opacity:0; transform:translateY(8px); transition:.2s; z-index:9999; }
.bd-cfg-toast.is-on{ opacity:1; transform:none; }
.bd-catlist{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; min-height:4px; }
.bd-catchip{ display:inline-flex; align-items:center; gap:2px; padding:2px 2px 2px 4px; border:1px solid var(--row-line); border-radius:8px; background:var(--card); }
.bd-catname{ width:120px; height:30px; border:0; background:transparent; font-size:13px; }
.bd-catname:focus{ background:var(--hover); outline:0; }
.bd-catadd{ display:flex; gap:8px; max-width:320px; }
.bd-catadd .input{ flex:1; }

.bd-form-row{ display:flex; gap:12px; flex-wrap:wrap; }
.bd-col-cat{ width:180px; }
.bd-col-sub{ flex:1; min-width:240px; }
.bd-form-opts{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:4px 0 14px; }
.bd-check{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; color:var(--text); cursor:pointer; }
.bd-pub{ display:inline-flex; align-items:center; gap:8px; }
.bd-pub .input{ width:auto; }
.bd-filelist{ display:flex; flex-direction:column; gap:6px; }
.bd-fileitem{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; color:var(--text); }
.bd-fileitem em{ color:var(--muted3); font-style:normal; }
.bd-form-actions{ display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }

.note-editor.note-frame{ border-color:var(--input-border); border-radius:var(--radius-btn); }
.note-editor .note-editing-area .note-editable{ font-family:var(--font); font-size:14px; line-height:1.75; }
.gt-row.bd-row, a.gt-row{ color:inherit; cursor:pointer; text-decoration:none; }
a.gt-row:hover{ background:var(--hover); }

.mpick{ position:relative; }
.mpick-btn{ display:inline-flex; align-items:center; gap:6px; justify-content:space-between; height:36px; padding:0 11px; min-width:160px;
  border:1px solid var(--input-border); border-radius:var(--radius-btn); background:var(--card); color:var(--text); font-size:13px; cursor:pointer; }
.mpick-btn::after{ content:'▾'; font-size:10px; color:var(--muted3); }
.mpick-panel{ display:none; position:absolute; z-index:30; top:calc(100% + 4px); left:0; width:300px; max-width:82vw;
  background:var(--card); border:1px solid var(--border); border-radius:10px; box-shadow:0 10px 30px rgba(15,23,42,.18); padding:8px; }
.mpick.is-open .mpick-panel{ display:block; }
.mpick-single .mpick-btn{ justify-content:space-between; }
.mpick-search{ width:100%; height:32px; margin-bottom:6px; }
.mpick-list{ max-height:300px; overflow-y:auto; display:flex; flex-direction:column; }
.mpick-item{ display:flex; align-items:center; gap:8px; padding:6px 7px; border-radius:6px; font-size:12.5px; color:var(--text); cursor:pointer; }
.mpick-item:hover{ background:var(--hover, var(--bg)); }
.mpick-item > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mpick-empty{ padding:14px 6px; text-align:center; color:var(--muted3); font-size:12px; }

.stcp-wrap{ display:inline; }
.stcp{ display:inline-flex; align-items:center; justify-content:center; flex:none; box-sizing:border-box;
  width:21px; height:21px; margin-left:5px; padding:0; line-height:0; vertical-align:middle;
  border:1px solid var(--border-strong); border-radius:6px; background:var(--card); color:var(--muted2);
  cursor:pointer; user-select:none; -webkit-user-select:none; box-shadow:0 1px 1px rgba(15,23,42,.05);
  transition:background .15s ease, color .15s ease, border-color .15s ease; }
.stcp:hover{ background:var(--accent); border-color:var(--accent); color:#fff; }
.stcp:active{ transform:translateY(1px); }
.stcp:focus-visible{ outline:2px solid var(--accent); outline-offset:1px; }

.inv-toast{ position:fixed; left:50%; bottom:32px; transform:translateX(-50%) translateY(8px);
  background:var(--heading,#0f172a); color:#fff; padding:10px 18px; border-radius:8px; font-size:13px;
  z-index:9999; opacity:0; transition:opacity .25s ease, transform .25s ease; pointer-events:none;
  box-shadow:0 6px 20px rgba(0,0,0,.25); white-space:pre-line; }
.inv-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

.bt-dbg{ position:fixed; left:12px; bottom:12px; z-index:9999; max-width:min(600px,92vw); max-height:64vh; overflow:auto;
  background:#0f172a; color:#e2e8f0; border:1px solid #334155; border-radius:10px; padding:10px 12px;
  box-shadow:0 12px 44px rgba(0,0,0,.45); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12px; line-height:1.5; }
.bt-dbg-h{ font-weight:700; color:#93c5fd; margin-bottom:6px; }
.bt-dbg-a2{ font-weight:400; font-size:11px; color:#94a3b8; }
.bt-dbg-l{ white-space:pre-wrap; word-break:break-all; padding:2px 0; border-top:1px solid #1e293b; }

.lsort{ display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; vertical-align:middle; margin-left:10px; }
.lsort-lbl{ font-size:12px; font-weight:600; color:var(--muted2,#64748b); }
.wo-barl{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; min-width:0; }
.lsort .lsort-sel{ width:auto; min-width:120px; height:30px; padding:2px 26px 2px 8px; font-size:12.5px; }
@media (max-width:640px){ .lsort{ margin-left:0; width:100%; } .lsort .lsort-sel{ flex:1 1 120px; min-width:0; } }

.dan-page{ display:flex; flex-direction:column; gap:14px; }
.dan-card{ background:var(--card); border:1px solid var(--row-line); border-radius:14px; padding:14px 16px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.dan-head h3{ margin:0; font-size:16px; font-weight:800; color:var(--heading); display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; }
.dan-hint{ font-size:11.5px; font-weight:600; color:var(--muted3); }

.dan-filter{ display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; padding:12px 14px; background:var(--card);
  border:1px solid var(--row-line); border-radius:12px; }
.dan-fl{ display:flex; flex-direction:column; gap:4px; }
.dan-fl > span{ font-size:11px; font-weight:700; color:var(--muted2); }
.dan-fl .select{ width:auto; min-width:118px; height:34px; }
.dan-chip{ display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px; border-radius:999px;
  background:var(--accent-soft); color:var(--accent); font-size:12px; font-weight:700; text-decoration:none; }
.dan-chip:hover{ filter:brightness(.96); }
.dan-chip > b{ font-size:14px; }

.dan-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
@media (max-width:900px){ .dan-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.dan-kpi{ display:flex; flex-direction:column; gap:5px; }
.dan-kpi > span{ font-size:11.5px; font-weight:700; color:var(--muted2); }
.dan-kpi > b{ font-size:21px; font-weight:800; color:var(--accent); font-variant-numeric:tabular-nums; }
.dan-kpi > b.dan-kpi-s{ font-size:14px; color:var(--heading); }
.dan-kpi > b.dan-neg{ color:var(--danger-text, #b91c1c); }
.dan-kpi > b > em{ margin-left:3px; font-size:12px; font-weight:700; font-style:normal; color:var(--muted2); }
.dan-cardh{ margin:0 0 12px; font-size:13px; font-weight:800; color:var(--heading); display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.dan-cardh > em{ font-size:11px; font-weight:600; color:var(--muted3); font-style:normal; }
.dan-cardh > em.dan-tiphint{ margin-left:auto; }

.dan-bars{ display:flex; align-items:flex-end; gap:6px; min-height:150px; }
.dan-bar{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; }
.dan-bv{ font-size:10.5px; font-weight:700; color:var(--muted2); font-variant-numeric:tabular-nums; white-space:nowrap; }
.dan-bar.is-neg .dan-bv{ color:var(--danger-text, #b91c1c); }
.dan-bstack{ width:66%; max-width:34px; height:112px; display:flex; flex-direction:column; justify-content:flex-end;
  border-radius:5px 5px 0 0; overflow:hidden; background:var(--hover); }
.dan-bar.is-neg .dan-bstack{ border-radius:0 0 5px 5px; opacity:.55; }
.dan-bseg{ flex:0 0 auto; width:100%; display:block; }
.dan-bl{ font-size:10.5px; color:var(--muted3); font-variant-numeric:tabular-nums; }
.dan-legend{ display:flex; gap:8px; margin-top:10px; font-size:11px; color:var(--muted2); }
.dan-legend > span{ display:inline-flex; align-items:center; gap:5px; }
.dan-sw{ width:9px; height:9px; border-radius:2px; display:inline-block; }
.dan-lg{ display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border:1px solid var(--row-line);
  border-radius:999px; background:var(--card); color:var(--muted2); font-size:11px; font-weight:700; cursor:pointer; }
.dan-lg:hover{ border-color:var(--accent); color:var(--heading); }
.dan-lg.is-off{ color:var(--muted3); text-decoration:line-through; }
.dan-lg.is-off .dan-sw{ opacity:.25; }
.dan-bseg{ transition:height .18s ease; }

.dan-tabs{ display:flex; gap:2px; border-bottom:1px solid var(--divider); flex-wrap:wrap; }
.dan-tab{ padding:8px 16px; font-size:13px; font-weight:700; color:var(--muted2); text-decoration:none;
  border-bottom:2px solid transparent; margin-bottom:-1px; }
.dan-tab:hover{ color:var(--heading); }
.dan-tab.is-cur{ color:var(--accent); border-bottom-color:var(--accent); }
.dan-tabs .dan-chip{ align-self:center; margin:0 0 4px 8px; height:26px; }

.dan-search{ display:flex; align-items:center; gap:9px; margin:0 0 10px; }
.dan-q{ width:220px; max-width:60vw; height:32px; font-size:12.5px; }
.dan-qn{ font-size:11.5px; font-weight:700; color:var(--muted3); font-variant-numeric:tabular-nums; }
.dan-none td{ padding:16px 2px !important; text-align:center !important; color:var(--muted3); font-size:12px; }

.dan-tblwrap{ overflow-x:auto; }
.dan-tbl tr[hidden]{ display:none; }
.dan-tbl{ width:100%; border-collapse:collapse; font-size:12.5px; }
.dan-tbl th, .dan-tbl td{ padding:7px 9px; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums;
  border-bottom:1px solid var(--row-line); }
.dan-tbl thead th{ background:var(--thead-bg, var(--hover)); color:var(--muted2); font-size:11px; font-weight:700; }
.dan-tbl tbody tr:hover td{ background:var(--hover); }
.dan-tbl .dan-rk{ width:34px; text-align:right; color:var(--muted3); font-weight:700; }
.dan-tbl .dan-nm{ text-align:left; min-width:150px; max-width:260px; overflow:hidden; text-overflow:ellipsis;
  color:var(--heading); font-weight:700; position:sticky; left:0; background:var(--card); }
.dan-tbl thead .dan-nm{ background:var(--thead-bg, var(--hover)); }
.dan-tbl tbody tr:hover .dan-nm{ background:var(--hover); }
.dan-link{ color:var(--accent); text-decoration:none; }
.dan-link:hover{ text-decoration:underline; }
.dan-sort{ margin-left:6px; padding:1px 7px; border:1px solid var(--row-line); border-radius:999px; background:var(--card);
  color:var(--muted3); font-size:10.5px; font-weight:700; text-decoration:none; white-space:nowrap; }
.dan-sort:hover{ border-color:var(--accent); color:var(--accent); }
.dan-sort.is-on{ background:var(--accent-soft); border-color:var(--accent); color:var(--accent); }
.dan-tbl .dan-tot{ color:var(--heading); font-weight:800; background:var(--hover); border-right:1px solid var(--divider); }
.dan-tbl .dan-z{ color:var(--muted3); }
.dan-tbl .dan-neg{ color:var(--danger-text, #b91c1c); }
.dan-tbl tfoot td{ border-top:2px solid var(--divider); border-bottom:0; font-weight:800; color:var(--heading); background:var(--hover); }
.dan-mini .dan-nm{ min-width:180px; font-weight:800; }
.dan-mini tbody tr:last-child td{ border-bottom:0; }
.dan-mini tr.dan-r1 td{ border-bottom:0; padding-bottom:2px; }
.dan-mini tr.dan-r2 td{ padding-top:0; font-size:11.5px; color:var(--muted3); font-weight:600; }
.dan-mini tr.dan-r2 .dan-tot{ background:var(--hover); color:var(--muted2); }
.dan-mini .dan-sub{ font-weight:600; color:var(--muted3); }

.bd-readers .bd-reader-tools{ display:flex; gap:6px; margin-bottom:8px; }
.bd-reader-list{ display:flex; flex-wrap:wrap; gap:6px 18px; padding:10px 12px; border:1px solid var(--row-line); border-radius:10px; background:var(--hover); max-height:220px; overflow:auto; }
.bd-reader-list .bd-check em{ font-style:normal; color:var(--muted3); font-size:11px; }
.bd-badge-reader{ margin-left:6px; font-size:12px; }
.bd-view-readers{ padding:8px 20px; font-size:12px; color:var(--muted2); border-bottom:1px solid var(--row-line); }
.bd-view-readers b{ color:var(--text); font-weight:600; margin-right:6px; }
.bd-readers > .bd-check{ margin-bottom:8px; }
.bd-reader-panel[hidden]{ display:none; }