@charset "utf-8";
/* Pretendard — 파일로 직접 포함 (외부 CDN 없이 동작) */
@font-face{font-family:'Pretendard';font-style:normal;font-weight:400;font-display:swap;
  src:url('../assets/fonts/Pretendard-Regular.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:500;font-display:swap;
  src:url('../assets/fonts/Pretendard-Medium.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:600;font-display:swap;
  src:url('../assets/fonts/Pretendard-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:700;font-display:swap;
  src:url('../assets/fonts/Pretendard-Bold.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-style:normal;font-weight:800;font-display:swap;
  src:url('../assets/fonts/Pretendard-ExtraBold.woff2') format('woff2')}

/* ==========================================================================
   CARPING UNIFIED ADMIN — 디자인 시스템
   홈페이지의 브랜드 토큰을 운영툴 밀도에 맞게 다시 정의했습니다.

   01 토큰   02 레이아웃   03 헤더   04 사이드바
   05 컴포넌트   06 테이블   07 폼   08 드로어 · 모달
   09 빈 상태 · 연동 안내   10 로그인   11 토스트   12 반응형
   13 샘플 표시 모드   14 목록에서 상세 열기
   ========================================================================== */

/* 01 토큰 ================================================================= */
:root{
  --blue:#1b4dd8; --blue-dk:#1540b4; --blue-lt:#eef3ff; --blue-line:#c7d7ff;
  --navy:#101c37; --ink:#141820; --ink-2:#343a44; --gray:#5a6372; --gray-2:#7b8494;
  --line:#e3e7ed; --line-2:#d3d9e2; --bg:#f3f5f9; --surface:#fff; --surface-2:#f9fafc;
  /* 지표 색 — 계약률 · 인도 · 계약 · 수수료 */
  --c-rate:#2563eb; --c-rate-lt:#eef3ff; --c-deliver:#0f8f67; --c-deliver-lt:#e8f6ef;
  --c-contract:#6d4bd1; --c-contract-lt:#f2eefc; --c-fee:#b8740a; --c-fee-lt:#fdf4e4;
  --ok:#0f8a5f; --ok-lt:#e8f6f0; --warn:#b06a00; --warn-lt:#fef4e6;
  --danger:#d33a31; --danger-lt:#fdecea; --info:#1b4dd8; --info-lt:#eef3ff;
  --sans:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;
  --r-s:6px; --r:8px; --r-l:12px;
  --sh-1:0 1px 2px rgba(16,28,55,.06);
  --sh-2:0 4px 16px rgba(16,28,55,.10);
  --sh-3:0 16px 40px rgba(16,28,55,.16);
  --hdr:60px; --side:240px; --side-sm:64px;
  --t:.16s cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;
  letter-spacing:-.015em;-webkit-font-smoothing:antialiased;word-break:keep-all}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
h1,h2,h3,h4{font-weight:700;line-height:1.35;letter-spacing:-.025em}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}
input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit;min-width:0}
img,svg{display:block;max-width:100%}
/* 아이콘 스프라이트는 전부 아웃라인입니다. class 누락 시에도 면으로 칠해지지 않도록 기본값을 둡니다. */
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
table{border-collapse:collapse;width:100%}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:3px}
.num{font-variant-numeric:tabular-nums}
.blind{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ic{width:18px;height:18px;flex:none}
.ic--sm{width:15px;height:15px}
.ic--lg{width:22px;height:22px}

/* 02 레이아웃 ============================================================== */
.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}
.app.is-collapsed{grid-template-columns:var(--side-sm) minmax(0,1fr)}
.main{display:flex;flex-direction:column;min-width:0}
.page{flex:1;padding:22px 26px 56px;max-width:1720px;width:100%}
.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.page__title{font-size:22px;font-weight:800;letter-spacing:-.035em}
.page__desc{margin-top:5px;font-size:13.5px;color:var(--gray)}
.page__actions{display:flex;align-items:center;gap:8px}
.crumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gray-2);margin-bottom:6px}
.crumb svg{width:13px;height:13px}
.grid{display:grid;gap:14px}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.stack{display:flex;flex-direction:column;gap:14px}

/* 03 헤더 ================================================================= */
.hdr{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;height:var(--hdr);
  padding:0 18px 0 22px;background:var(--surface);border-bottom:1px solid var(--line)}
.hdr__brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;letter-spacing:-.03em;flex:none}
.hdr__brand .logo{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--blue);color:#fff}
.hdr__brand .logo svg{width:16px;height:16px}
.hdr__brand b{color:var(--navy)}
.hdr__brand span{color:var(--gray-2);font-weight:600}

/* Workspace switcher */
.ws{display:flex;gap:3px;padding:3px;border-radius:9px;background:var(--bg);border:1px solid var(--line);flex:none}
.ws a{display:flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:7px;
  font-size:13px;font-weight:700;color:var(--gray);transition:var(--t)}
.ws a:hover{color:var(--ink)}
.ws a.is-on{background:var(--surface);color:var(--blue);box-shadow:var(--sh-1)}
.ws svg{width:15px;height:15px}

.hdr__search{flex:1;max-width:420px;margin-left:6px}
.hdr__search button{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 12px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--gray-2);
  font-size:13px;transition:var(--t)}
.hdr__search button:hover{border-color:var(--line-2);background:var(--surface)}
.hdr__search kbd{margin-left:auto;padding:1px 6px;border:1px solid var(--line-2);border-radius:5px;
  background:var(--surface);font-family:inherit;font-size:12px;color:var(--gray-2)}
.hdr__right{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.iconbtn{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r);color:var(--ink-2);
  transition:var(--t);flex:none}
.iconbtn:hover{background:var(--bg)}
.iconbtn .dot{position:absolute;margin:-14px 0 0 14px;width:7px;height:7px;border-radius:50%;background:var(--danger)}
.hdr__user{display:flex;align-items:center;gap:9px;height:38px;padding:0 10px 0 6px;border-radius:var(--r);
  transition:var(--t);flex:none}
.hdr__user:hover{background:var(--bg)}
.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue-lt);
  color:var(--blue);font-size:12px;font-weight:800;flex:none}
.hdr__user b{font-size:13px;font-weight:700}
.hdr__user small{display:block;font-size:12px;color:var(--gray-2);font-weight:500}

/* 04 사이드바 ============================================================== */
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
  background:var(--surface);border-right:1px solid var(--line);overflow:hidden}
.side__top{display:flex;align-items:center;gap:8px;height:var(--hdr);padding:0 14px 0 18px;border-bottom:1px solid var(--line)}
.side__ws{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.side__ws .badge{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--blue-lt);color:var(--blue)}
.side__ws .badge svg{width:14px;height:14px}
.side__collapse{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;
  color:var(--gray-2);flex:none;transition:var(--t)}
.side__collapse:hover{background:var(--bg);color:var(--ink)}
.side__nav{flex:1;overflow-y:auto;padding:12px 10px 20px}
.side__group{margin-top:14px}
.side__group:first-child{margin-top:0}
.side__label{padding:0 10px 6px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--gray-2);text-transform:uppercase}
.side__nav a{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:var(--r);
  font-size:13.5px;font-weight:600;color:var(--ink-2);transition:var(--t)}
.side__nav a:hover{background:var(--bg);color:var(--ink)}
.side__nav a.is-on{background:var(--blue-lt);color:var(--blue);font-weight:700}
.side__nav a.is-on::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--blue)}
.side__nav .cnt{margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--bg);font-size:12px;font-weight:700;color:var(--gray)}
.side__nav a.is-on .cnt{background:#fff;color:var(--blue)}
.side__foot{padding:12px;border-top:1px solid var(--line);font-size:12px;color:var(--gray-2)}
.is-collapsed .side__nav a span,.is-collapsed .side__label,.is-collapsed .side__ws b,.is-collapsed .side__foot{display:none}
/* 접힌 상태(64px)에서는 워크스페이스 배지를 접고 토글 버튼만 가운데 둡니다.
   버튼이 눌려 사라지면 다시 펼칠 방법이 없어집니다. */
.is-collapsed .side__top{padding:0;gap:0;justify-content:center}
.is-collapsed .side__ws{display:none}
.is-collapsed .side__collapse{margin-left:0;width:36px;height:36px;color:var(--ink-2)}
.is-collapsed .side__collapse:hover{background:var(--blue-lt);color:var(--blue)}
.is-collapsed .side__nav a{justify-content:center;padding:0}
.is-collapsed .side__nav .cnt{display:none}

/* 05 컴포넌트 ============================================================= */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l)}
.card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
.card__head h2{font-size:15.5px;font-weight:700}
.card__head p{font-size:12.5px;color:var(--gray-2);margin-top:2px}
.card__body{padding:16px 18px}
.card__body--flush{padding:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;
  border:1px solid transparent;border-radius:var(--r-s);font-size:13.5px;font-weight:700;white-space:nowrap;transition:var(--t)}
.btn svg{width:15px;height:15px}
.btn--pri{background:var(--blue);color:#fff}
.btn--pri:hover{background:var(--blue-dk)}
.btn--line{background:var(--surface);color:var(--ink-2);border-color:var(--line-2)}
.btn--line:hover{border-color:var(--gray-2);color:var(--ink)}
.btn--ghost{color:var(--ink-2)}
.btn--ghost:hover{background:var(--bg)}
.btn--danger{background:var(--danger);color:#fff}
.btn--sm{height:30px;padding:0 10px;font-size:12.5px}
.btn--lg{height:44px;padding:0 20px;font-size:15px}
.btn--block{width:100%}
.btn:disabled{opacity:.45;cursor:not-allowed}

.chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border:1px solid var(--line-2);
  border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:600;color:var(--ink-2);transition:var(--t)}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}

.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:5px;
  font-size:12px;font-weight:700;letter-spacing:-.01em}
.tag--ok{background:var(--ok-lt);color:var(--ok)}
.tag--warn{background:var(--warn-lt);color:var(--warn)}
.tag--danger{background:var(--danger-lt);color:var(--danger)}
.tag--info{background:var(--info-lt);color:var(--info)}
.tag--gray{background:var(--bg);color:var(--gray)}

/* KPI */
.kpi{display:block;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);
  text-align:left;transition:var(--t)}
a.kpi:hover,button.kpi:hover{border-color:var(--blue-line);box-shadow:var(--sh-1)}
.kpi__label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--gray)}
.kpi__label svg{width:14px;height:14px;color:var(--gray-2)}
.kpi__value{margin-top:8px;font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1.1}
.kpi__value small{font-size:14px;font-weight:700;color:var(--gray);margin-left:2px}
.kpi__foot{margin-top:6px;font-size:12px;color:var(--gray-2)}
.kpi--empty .kpi__value{color:var(--gray-2);font-size:15px;font-weight:600;letter-spacing:-.02em}

/* 06 테이블 =============================================================== */
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-l) var(--r-l) 0 0;border-bottom:0}
.toolbar__spacer{margin-left:auto}
.search{display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid var(--line-2);
  border-radius:var(--r-s);background:var(--surface);min-width:220px}
.search svg{width:15px;height:15px;color:var(--gray-2)}
.search input{border:0;background:none;outline:0;width:100%;font-size:13px}
.sel{height:34px;padding:0 30px 0 11px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--surface);
  font-size:13px;font-weight:600;color:var(--ink-2);appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center}

.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:0 0 var(--r-l) var(--r-l);overflow:auto;max-height:calc(100vh - 300px)}
.tablewrap--plain{border-radius:var(--r-l)}
.tbl{font-size:13.5px}
.tbl th,.tbl td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);font-size:12.5px;font-weight:700;color:var(--gray);
  border-bottom:1px solid var(--line-2)}
.tbl tbody tr{transition:background-color var(--t)}
.tbl tbody tr:hover{background:var(--surface-2)}
.tbl tbody tr.is-sel{background:var(--blue-lt)}
.tbl .num{text-align:right}
.tbl .memo{max-width:260px;white-space:normal;color:var(--ink-2);font-size:12.5px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tbl .sticky-l{position:sticky;left:0;z-index:1;background:var(--surface)}
.tbl thead .sticky-l{z-index:3;background:var(--surface-2)}
.tbl tbody tr:hover .sticky-l{background:var(--surface-2)}
.tbl--compact th,.tbl--compact td{padding:7px 10px;font-size:13px}
.sortable{cursor:pointer;user-select:none}
.sortable:hover{color:var(--ink)}
.tfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;
  background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r-l) var(--r-l);font-size:13px;color:var(--gray)}
.pager{display:flex;align-items:center;gap:4px}
.pager button{min-width:30px;height:30px;padding:0 8px;border-radius:6px;font-size:13px;font-weight:600;color:var(--ink-2)}
.pager button:hover{background:var(--bg)}
.pager button[aria-current="page"]{background:var(--navy);color:#fff}

/* 07 폼 =================================================================== */
.field{display:block}
.field>span{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.field .req{color:var(--danger)}
.input,.textarea{width:100%;height:38px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r-s);
  background:var(--surface);font-size:13.5px;transition:var(--t)}
.textarea{height:auto;min-height:92px;padding:10px 12px;resize:vertical;line-height:1.6}
.input:focus,.textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(27,77,216,.12)}
.input::placeholder,.textarea::placeholder{color:#a8aeb7}
.checkline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);cursor:pointer}
.checkline input{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dl{display:grid;grid-template-columns:104px 1fr;gap:9px 12px;font-size:13.5px}
.dl dt{color:var(--gray);font-weight:600}
.dl dd{margin:0;font-weight:600}

/* 08 드로어 · 모달 ======================================================== */
.scrim{position:fixed;inset:0;z-index:60;background:rgba(16,28,55,.42);opacity:0;visibility:hidden;transition:.2s}
.scrim.is-on{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(560px,92vw);display:flex;flex-direction:column;
  background:var(--surface);box-shadow:var(--sh-3);transform:translateX(100%);visibility:hidden;transition:transform .24s cubic-bezier(.22,.61,.36,1),visibility .24s}
.drawer.is-on{transform:none;visibility:visible}
.drawer__head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.drawer__head h2{font-size:16px;flex:1}
.drawer__body{flex:1;overflow-y:auto;padding:18px}
.drawer__foot{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:var(--surface-2)}
.pop{position:absolute;z-index:70;min-width:200px;padding:6px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--sh-2)}
.pop button{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;border-radius:6px;
  font-size:13px;font-weight:600;color:var(--ink-2);text-align:left}
.pop button:hover{background:var(--bg)}
.pop button[aria-current="true"]{color:var(--blue);background:var(--blue-lt)}
.pop__label{padding:6px 10px 4px;font-size:12px;font-weight:700;color:var(--gray-2)}

/* 09 빈 상태 · 연동 안내 ================================================== */
.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:52px 24px;text-align:center}
.empty__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bg);color:var(--gray-2)}
.empty h3{font-size:15px;font-weight:700}
.empty p{font-size:13px;color:var(--gray);max-width:460px;line-height:1.7}
.empty code{padding:1px 6px;border-radius:5px;background:var(--bg);font-size:12.5px;color:var(--ink-2)}
.notice{display:flex;gap:10px;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--blue);
  border-radius:var(--r);background:var(--surface);font-size:13px;color:var(--ink-2);line-height:1.65}
.notice svg{width:17px;height:17px;flex:none;color:var(--blue);margin-top:1px}
.notice--warn{border-left-color:var(--warn)}
.notice--warn svg{color:var(--warn)}
.notice b{font-weight:700}

/* 10 로그인 =============================================================== */
.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.login__card{width:100%;max-width:400px;padding:34px 32px 28px;background:var(--surface);border:1px solid var(--line);
  border-radius:16px;box-shadow:var(--sh-2)}
.login__brand{display:flex;align-items:center;gap:10px;justify-content:center}
.login__brand .logo{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--blue);color:#fff}
.login__brand b{font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.login h1{margin-top:18px;font-size:19px;text-align:center}
.login__desc{margin-top:6px;font-size:13.5px;color:var(--gray);text-align:center}
.login__form{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.login__form .input{height:42px}
.login__row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.login__foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--gray-2);text-align:center;line-height:1.7}

/* 11 토스트 =============================================================== */
.toast{position:fixed;left:50%;bottom:28px;z-index:90;transform:translate(-50%,14px);display:flex;align-items:center;gap:9px;
  padding:11px 18px;border-radius:999px;background:rgba(16,24,36,.95);color:#fff;font-size:13px;font-weight:600;
  box-shadow:var(--sh-3);opacity:0;visibility:hidden;transition:.22s}
.toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast svg{width:15px;height:15px;color:#7fe3b0}

/* 12 반응형 =============================================================== */
@media (max-width:1280px){
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hdr__search{display:none}
}
@media (max-width:980px){
  /* .app.is-collapsed(0,2,0)가 기본 스타일 시트 순서상 이 블록의 .app(0,1,0)보다 특이성이 높아
     접힘 상태에서도 이겨버리므로, 모바일에서는 두 선택자를 동률로 다시 선언해 소스 순서로 이깁니다. */
  .app,.app.is-collapsed{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;z-index:62;width:var(--side);transform:translateX(-100%);transition:transform .24s}
  /* 모바일은 오버레이 방식이라 접기(공간 절약용)가 의미 없어 숨깁니다.
     데스크톱에서 접은 채로 저장된 상태로 모바일에 들어와도 라벨은 그대로 보여줍니다. */
  .side__collapse{display:none}
  .is-collapsed .side__nav a span,.is-collapsed .side__label,
  .is-collapsed .side__ws b,.is-collapsed .side__foot{display:block}
  .is-collapsed .side__nav a{justify-content:flex-start;padding:0 10px}
  .is-collapsed .side__nav .cnt{display:inline-flex}
  .side.is-open{transform:none}
  .grid--3,.grid--2{grid-template-columns:1fr}
  .page{padding:16px 14px 48px}
  .formgrid{grid-template-columns:1fr}
}
@media (max-width:1100px){
  /* 네 영역을 별도 줄에 두어 이름과 계정 버튼을 함께 유지합니다. */
  .hdr{height:auto;min-height:var(--hdr);flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
  #wsNav{order:4;flex:1 0 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
  #wsNav a{flex-direction:column;justify-content:center;gap:2px;min-width:0;height:54px;padding:4px}
  #wsNav a span{display:inline;font-size:14px;white-space:nowrap}
}
@media (max-width:560px){
  /* 브랜드 서브텍스트 · 계정 텍스트를 접어 햄버거 · 워크스페이스 전환 · 알림을 항상 클릭 가능하게 둡니다. */
  .hdr{padding:8px 10px 8px 14px;gap:8px}
  .hdr__brand span{display:none}
  .hdr__user{padding:0 4px}
  .hdr__user b,.hdr__user small,.hdr__user svg{display:none}
}

/* 13 샘플 표시 모드 ======================================================= */
.samplebar{display:flex;align-items:center;gap:10px;padding:9px 14px;margin-bottom:14px;
  border:1px solid #f0c9a0;border-radius:var(--r);background:#fff7ed;color:#8a4b00;font-size:13px;font-weight:600}
.samplebar svg{width:16px;height:16px;flex:none}
.samplebar button{margin-left:auto;height:28px;padding:0 10px;border:1px solid #e0b184;border-radius:6px;
  background:#fff;color:#8a4b00;font-size:12.5px;font-weight:700}
.counters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.counter{display:flex;flex-direction:column;gap:2px;min-width:104px;padding:9px 12px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface);text-align:left;transition:var(--t)}
.counter:hover{border-color:var(--blue-line)}
.counter[aria-pressed="true"]{border-color:var(--blue);background:var(--blue-lt)}
.counter b{font-size:17px;font-weight:800;letter-spacing:-.03em;line-height:1.2}
.counter span{font-size:12px;color:var(--gray);font-weight:600}
.counter[aria-pressed="true"] span{color:var(--blue)}
.fav{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;color:var(--gray-2)}
.fav:hover{background:var(--bg)}
.fav.is-on{color:#eab308}
.fav.is-on svg{fill:currentColor}
.statusbtn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:5px;
  font-size:12px;font-weight:700;border:1px dashed transparent;transition:var(--t)}
.statusbtn:hover{border-color:currentColor}
.statusbtn svg{width:11px;height:11px;opacity:.6}
.memocell{display:flex;align-items:flex-start;gap:6px}
.memocell button{flex:none;color:var(--gray-2)}
.memocell button:hover{color:var(--blue)}
.bulkbar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--navy);color:#fff;
  border-radius:var(--r) var(--r) 0 0;font-size:13px;font-weight:600}
.bulkbar .btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.bulkbar .btn--line:hover{border-color:#fff}
.thumb{width:56px;height:38px;object-fit:contain;background:var(--bg);border-radius:5px;flex:none}
.previewpane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.device{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);padding:12px;text-align:center}
.device h4{font-size:12.5px;color:var(--gray);font-weight:700;margin-bottom:8px}
.device__screen{margin:0 auto;background:#fff;border:1px solid var(--line-2);border-radius:6px;overflow:hidden}
.device--pc .device__screen{width:100%;aspect-ratio:16/9}
.device--mo .device__screen{width:190px;aspect-ratio:9/16}
.device__screen img{width:100%;height:100%;object-fit:cover}
.tl{position:relative;padding-left:20px}
.tl::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}
.tl li{position:relative;padding:0 0 16px}
.tl li::before{content:"";position:absolute;left:-19px;top:6px;width:9px;height:9px;border-radius:50%;
  background:var(--surface);border:2px solid var(--line-2)}
.tl li:first-child::before{border-color:var(--blue)}
.tl__meta{display:flex;gap:8px;font-size:12px;color:var(--gray-2);font-weight:600}
.tl__body{margin-top:3px;font-size:13.5px;color:var(--ink-2);line-height:1.6;white-space:pre-wrap}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px}
.tabs button{height:38px;padding:0 14px;font-size:13.5px;font-weight:700;color:var(--gray);border-bottom:2px solid transparent}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-selected="true"]{color:var(--blue);border-bottom-color:var(--blue)}

/* 14 목록에서 상세 열기 ==================================================== */
.reclink{color:var(--blue);font-weight:700;text-decoration:none;border-bottom:1px solid transparent}
.reclink:hover{border-bottom-color:currentColor}
.iconbtn--sm{width:26px;height:26px;border-radius:5px;color:var(--gray-2)}
.iconbtn--sm:hover{background:var(--bg);color:var(--blue)}
.drawer__foot .btn svg{margin-right:2px}

/* 15 임시 로그인 계정 목록 =======================================================
   인증 서버가 붙기 전까지 직급별 확인 계정을 눌러 넣을 수 있게 합니다. */
.acclist{list-style:none;margin:0;padding:0}
.acclist li + li{border-top:1px solid var(--line)}
.acclist button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;
  border:0;background:none;text-align:left;cursor:pointer;font:inherit}
.acclist button:hover{background:var(--bg)}
.acclist__role{flex:none;min-width:64px;font-size:12px;font-weight:800;color:var(--blue);
  letter-spacing:-.03em}
.acclist__who{flex:1;font-size:13px;color:var(--ink-2);letter-spacing:-.03em}
.acclist__who b{font-weight:700;color:var(--ink)}
.acclist code{flex:none;font-size:12px;color:var(--gray-2);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* 16 정렬 · 페이지 넘김 =========================================================
   50건이 넘는 목록을 읽을 수 있게 합니다. 정렬은 머리글 클릭. */
th.is-sortable{cursor:pointer;user-select:none}
th.is-sortable:hover{color:var(--blue)}
th.is-sortable::after{content:"";display:inline-block;width:0;height:0;margin-left:5px;
  border-left:3.5px solid transparent;border-right:3.5px solid transparent;
  border-bottom:4px solid var(--line-2);vertical-align:middle}
th.is-sortable[data-dir="asc"]::after{border-bottom-color:var(--blue)}
th.is-sortable[data-dir="desc"]::after{border-bottom:0;border-top:4px solid var(--blue)}

.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line)}
.pager:empty{display:none}
.pager__info{font-size:12.5px;color:var(--gray);letter-spacing:-.02em}
.pager__nav{display:flex;gap:4px;flex-wrap:wrap}
.pager__nav button{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--line-2);
  border-radius:6px;background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer}
.pager__nav button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.pager__nav button.is-on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}
.pager__nav button:disabled{opacity:.4;cursor:default}

/* 17 권한 없는 동작 ============================================================
   숨기지 않고 잠급니다. 무엇을 못 하는지 보여야 권한 설계를 검토할 수 있습니다. */
.is-locked{opacity:.45;cursor:not-allowed;position:relative}
.is-locked:hover{border-color:var(--line-2);color:inherit;background:inherit}

/* 18 만기 요약 카드 ============================================================
   만기가 언제 몇 건 오는지 한눈에 봅니다. 재계약 영업의 출발점입니다. */
.statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.statcard{padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}
.statcard__k{font-size:12.5px;font-weight:600;color:var(--gray);letter-spacing:-.03em}
.statcard__v{margin-top:6px;font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.045em;
  font-variant-numeric:tabular-nums}
.statcard__d{margin-top:4px;font-size:12px;color:var(--gray-2);letter-spacing:-.03em}
@media (max-width:1180px){ .statgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .statgrid{grid-template-columns:1fr} }

/* 19 필수 서류 체크리스트 =======================================================
   심사는 서류에서 막힙니다. 무엇이 남았는지 한 줄로 보이게 합니다. */
.doclist{list-style:none;margin:0;padding:0}
.doclist__item{display:flex;align-items:center;gap:10px;padding:10px 2px;
  border-bottom:1px solid var(--line);font-size:13.5px;letter-spacing:-.03em}
.doclist__item:last-child{border-bottom:0}
.doclist__ic{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;
  background:var(--bg);color:var(--gray-2)}
.doclist__item.is-done .doclist__ic{background:#e8f5ec;color:#1b8a4b}
.doclist__label{flex:1;color:var(--ink-2)}
.doclist__item.is-done .doclist__label{color:var(--ink)}
.doclist__state{flex:none;font-size:12px;color:var(--gray-2);font-variant-numeric:tabular-nums}
.doclist__item:not(.is-done) .doclist__state{color:var(--red);font-weight:700}
.doclist__empty{padding:20px 2px;font-size:13px;color:var(--gray-2)}

/* 20 레퍼런스 정렬 — NH농협캐피탈 =================================================
   홈페이지와 같은 레퍼런스를 어드민에도 적용합니다. 실측값:
     본문 16px · 줄간격 1.6 · 자간 -0.3px · 글자색 #303030 · 제목 굵기 700
   어드민은 표가 많아 본문을 그대로 16px 로 올리면 한 화면에 안 들어옵니다.
   그래서 '크기'는 한 단계만 올리고, 자간 · 굵기 · 색은 레퍼런스를 그대로 씁니다.
   (기존의 -0.77px 자간과 800 굵기가 특유의 인공적인 인상을 만들고 있었습니다) */
:root{
  --ink:#303030;
  --ink-2:#4a4a4a;
  --ls:-0.3px;
}
body{
  font-size:15px;
  line-height:1.6;
  letter-spacing:var(--ls);
  color:var(--ink);
}
/* 제목 — 굵기를 700 으로 낮추고 자간을 레퍼런스에 맞춥니다. */
.page__title{ font-size:28px; font-weight:700; letter-spacing:var(--ls); line-height:1.4 }
.page__desc { font-size:14.5px; letter-spacing:var(--ls); line-height:1.6 }
.card__head h2{ font-size:17px; font-weight:700; letter-spacing:var(--ls) }
.card__head p { font-size:13px; letter-spacing:var(--ls) }
.crumb{ font-size:13px; letter-spacing:var(--ls) }

/* 표 — 한 단계 키워 읽히게 합니다. 행 높이도 함께 늘립니다. */
.tbl thead th{ font-size:13px; font-weight:700; letter-spacing:var(--ls); padding:13px 14px }
.tbl td{ font-size:14px; letter-spacing:var(--ls); padding:14px }

/* 사이드바 · 헤더 */
.side__nav a{ font-size:14.5px; font-weight:600; letter-spacing:var(--ls) }
.side__label{ font-size:12px; letter-spacing:var(--ls) }
.hdr__user b{ font-weight:700; letter-spacing:var(--ls) }

/* 숫자 · 강조 — 800 을 쓰던 자리를 700 으로 내립니다. */
.statcard__v,
.tbl .num b,
.page__title,
.card__head h2{ font-weight:700 }
.statcard__v{ font-size:26px; letter-spacing:var(--ls) }

/* 버튼 */
.btn{ font-size:14px; font-weight:700; letter-spacing:var(--ls) }
.btn--sm{ font-size:13px }

/* 21 크기 조절 팝업 창 =====================================================
   머리줄로 이동, 가장자리 · 모서리로 크기 조절, 두 번 클릭으로 최대화.      */
.winscrim{position:fixed;inset:0;z-index:80;background:rgba(16,28,55,.38)}
.win{position:fixed;z-index:81;display:flex;flex-direction:column;min-width:0;
  background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-l);box-shadow:var(--sh-3);overflow:hidden}
.win.is-max{inset:12px!important;width:auto!important;height:auto!important}
.win.is-dragging{user-select:none}
.win.is-dragging iframe{pointer-events:none}   /* 미리보기 위를 지나가도 끌기가 끊기지 않게 */
.win__head{flex:none;display:flex;align-items:center;gap:12px;height:52px;padding:0 10px 0 20px;
  border-bottom:1px solid var(--line);background:var(--surface-2);cursor:move;touch-action:none}
.win.is-max .win__head{cursor:default}
.win__title{flex:1;min-width:0;font-size:16px;font-weight:700;letter-spacing:var(--ls);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win__tools{display:flex;gap:2px}
.win__body{flex:1;min-height:0;overflow:auto}
.win__foot{flex:none;display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface-2)}
.win__rs{position:absolute;z-index:2;touch-action:none}
.win.is-max .win__rs{display:none}
.win__rs--n,.win__rs--s{left:10px;right:10px;height:8px;cursor:ns-resize}
.win__rs--n{top:-4px}.win__rs--s{bottom:-4px}
.win__rs--e,.win__rs--w{top:10px;bottom:10px;width:8px;cursor:ew-resize}
.win__rs--e{right:-4px}.win__rs--w{left:-4px}
.win__rs--ne,.win__rs--sw,.win__rs--nw,.win__rs--se{width:16px;height:16px}
.win__rs--ne{top:-4px;right:-4px;cursor:nesw-resize}.win__rs--sw{bottom:-4px;left:-4px;cursor:nesw-resize}
.win__rs--nw{top:-4px;left:-4px;cursor:nwse-resize}
.win__rs--se{bottom:0;right:0;cursor:nwse-resize;
  background:linear-gradient(135deg,transparent 50%,var(--line-2) 50%,var(--line-2) 58%,transparent 58%,transparent 70%,var(--line-2) 70%,var(--line-2) 78%,transparent 78%)}
@media (max-width:719px){
  .win.is-max{inset:0!important;border-radius:0}
  .win__head{cursor:default}
}

/* 22 이벤트 게시글 ========================================================= */
.evtbl__img{display:block;width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--bg)}
.evtbl__img--none{display:grid;place-items:center;font-size:12px;color:var(--gray-2)}
.evtbl__title{display:block;font-size:14.5px;font-weight:700;color:var(--ink);text-align:left;letter-spacing:var(--ls)}
.evtbl__title:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.evtbl__sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:5px}
.evtbl__sub .tag,.evtbl__sub code{white-space:nowrap}
.evtbl__sub code{font-size:12px;color:var(--gray-2)}
.evtbl__acts{display:flex;align-items:center;gap:2px}
.evtbl__acts .btn{margin:0 4px}

/* 편집 창 — 왼쪽 편집 · 오른쪽 실제 홈페이지 미리보기 */
.evd{display:grid;grid-template-columns:minmax(380px,1fr) minmax(0,1.15fr);height:100%;min-height:0}
.evd__seg{display:none}
.evd__form{overflow:auto;padding:4px 22px 28px;border-right:1px solid var(--line)}
.evd__sec{padding:18px 0;border-bottom:1px solid var(--line)}
.evd__sec:last-child{border-bottom:0}
.evd__h{margin-bottom:12px;font-size:14px;font-weight:700;letter-spacing:var(--ls)}
.evd__h small{margin-left:6px;font-size:12px;font-weight:500;color:var(--gray-2)}
.evd__hint{display:block;margin-top:5px;font-size:12px;color:var(--gray-2)}
.evd__imgrow{display:flex;gap:12px;align-items:flex-start}
.evd__imgthumb{flex:none;display:grid;place-items:center;width:96px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;
  border:1px solid var(--line);background:var(--bg);color:var(--gray-2)}
.evd__imgthumb--lg{width:168px}
.evd__imgthumb img{width:100%;height:100%;object-fit:cover}
.evd__blocks{display:flex;flex-direction:column;gap:10px}
.evd__block{padding:10px 12px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.evd__block:focus-within{border-color:var(--blue-line);box-shadow:0 0 0 3px rgba(27,77,216,.08)}
.evd__bhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.evd__btype{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.evd__btype .ic{color:var(--blue)}
.evd__btools{display:flex;gap:2px}
.evd__none{padding:18px;border:1px dashed var(--line-2);border-radius:var(--r);font-size:13px;color:var(--gray-2);text-align:center}
.evd__add{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.evd__add .chip{border-style:dashed}
.evd__pv{display:flex;flex-direction:column;min-width:0;min-height:0;background:#eef0f4}
.evd__pvbar{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface)}
.evd__pvbar b{font-size:13px}
.evd__pvnote{font-size:12px;color:var(--gray-2)}
.evd__dev{display:flex;gap:4px;margin-left:auto}
.evd__stage{flex:1;min-height:0;overflow:auto;padding:16px}
.evd__frame{position:relative;height:100%;margin:0 auto;background:#fff;border-radius:10px;box-shadow:var(--sh-2);overflow:hidden;transition:width .2s}
.evd__frame[data-dev-frame="pc"]{width:100%}
.evd__frame[data-dev-frame="mo"]{width:390px;max-width:100%}
.evd__frame iframe{display:block;width:100%;height:100%;border:0}
.evd__pvoff{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font-size:13px;color:var(--gray);background:#fff}
.evd__pvoff[hidden]{display:none}
.evd__status{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--gray)}
.evd__dirty{color:var(--warn);font-weight:700}

/* 좁은 창 — 편집 · 미리보기를 탭으로 */
.evd.is-narrow{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
.evd.is-narrow .evd__seg{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.evd.is-narrow .evd__seg button{height:40px;padding:0 14px;font-size:13.5px;font-weight:700;color:var(--gray);border-bottom:2px solid transparent}
.evd.is-narrow .evd__seg button[aria-selected="true"]{color:var(--blue);border-bottom-color:var(--blue)}
.evd.is-narrow .evd__form{border-right:0}
.evd.is-narrow[data-show="form"] .evd__pv,
.evd.is-narrow[data-show="pv"] .evd__form{display:none}
@media (max-width:719px){
  .evd__form{padding:4px 16px 24px}
  .formgrid{grid-template-columns:1fr}
}

/* 23 상담관리 목록 — 줄 배경 = 처리상태 색 ================================== */
.tag--violet{background:#f1ecff;color:#6d3fd6}
.inqtbl td{vertical-align:top;padding:14px 9px}
.inqtbl thead th{padding-left:9px;padding-right:9px}
.inqtbl td[data-col="memo"]{white-space:normal;min-width:260px}
.inqtbl td[data-col="request"]{white-space:normal;min-width:150px}
.inqtbl td[data-col="open"]{text-align:right}
.inq__date{display:block;font-weight:600}
.inq__sub{display:block;margin-top:2px;font-size:12px;color:var(--gray-2)}
.inq__name{display:block;font-size:15px;font-weight:700;letter-spacing:var(--ls)}
.inq__car{display:block;margin-top:2px;font-size:12.5px;color:var(--gray);white-space:normal}
.inq__tel{color:var(--ink);font-weight:600}
.inq__tel:hover{color:var(--blue)}
.inq__req{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.memobox{display:flex;flex-direction:column;gap:5px;width:100%;padding:8px 10px;margin:-6px 0;border:1px solid transparent;
  border-radius:8px;text-align:left;background:rgba(255,255,255,.55);transition:var(--t)}
.memobox:hover{border-color:var(--blue-line);background:#fff}
.memobox__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.55;color:var(--ink)}
.memobox__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;color:var(--gray-2)}
.memobox__more{color:var(--gray)}
.memobox__add{display:inline-flex;align-items:center;gap:2px;margin-left:auto;color:var(--blue);font-weight:700;opacity:0;transition:opacity var(--t)}
.memobox:hover .memobox__add,.memobox:focus-visible .memobox__add{opacity:1}
.memobox--empty{flex-direction:row;align-items:center;gap:6px;color:var(--gray-2);font-size:13px;border:1px dashed var(--line-2)}
.memobox--empty:hover{color:var(--blue)}
/* 처리상태 색 (줄 배경 · 범례 공통) — 미확인 · 부재 · 상담중 · 재연락 · 심사 · 부결 · 계약 */
.inqrow>td{transition:background-color .25s}
.tbl tbody tr.inqrow.st-absent>td{background:#f2f3f5;color:var(--gray)}
.tbl tbody tr.inqrow.st-consulting>td{background:#f6f1ff}
.tbl tbody tr.inqrow.st-recontact>td{background:#f2f6ff}
.tbl tbody tr.inqrow.st-screening>td{background:#fff8e9}
.tbl tbody tr.inqrow.st-rejected>td{background:#fdecea;color:var(--gray)}
.tbl tbody tr.inqrow.st-contract>td{background:#edf8f2}
.inqrow:hover>td{box-shadow:inset 0 0 0 9999px rgba(16,28,55,.035)}
.inqlegend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray)}
.inqlegend i{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(16,28,55,.1);margin-left:6px}
.inqlegend i:first-child{margin-left:0}
.inqlegend .st-absent{background:#f2f3f5}.inqlegend .st-consulting{background:#f6f1ff}
.inqlegend .st-recontact{background:#f2f6ff}.inqlegend .st-screening{background:#fff8e9}
.inqlegend .st-rejected{background:#fdecea}.inqlegend .st-contract{background:#edf8f2}

/* 메모 창 */
.memowin{display:flex;flex-direction:column;height:100%;min-height:0}
.memowin__form{flex:none;padding:16px 18px;border-bottom:1px solid var(--line)}
.memowin__who{margin-bottom:8px;font-size:15px;font-weight:700}
.memowin__who span{margin-left:6px;font-size:13px;font-weight:500;color:var(--gray)}
.memowin__req{margin-bottom:10px;padding:9px 12px;border-radius:8px;background:var(--bg);font-size:13px;color:var(--ink-2);line-height:1.55}
.memowin__req b{margin-right:8px;font-size:12px;color:var(--gray)}
.memowin__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--gray-2)}
.memowin__hist{flex:1;min-height:0;overflow:auto;padding:16px 18px}
.memowin__hist h3{margin-bottom:12px;font-size:13.5px;font-weight:700}
.memowin__hist h3 span{margin-left:4px;color:var(--gray-2);font-weight:600}
.memowin__none{font-size:13px;color:var(--gray-2)}
/* 상담 상세 — 접수 정보 */
.dl--2{grid-template-columns:70px minmax(0,1fr) 70px minmax(0,1fr);font-size:13px}
.dl--2 dd{word-break:keep-all}
.inqreq{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:8px;background:var(--bg);font-size:14px;line-height:1.6;color:var(--ink-2)}
.inqreq b{font-size:12px;color:var(--gray)}
@media (max-width:1280px){ .dl--2{grid-template-columns:84px minmax(0,1fr)} }
/* 미확인 · 정렬 · 추천 이유 */
.tbl tbody tr.inqrow.st-unchecked>td{background:#fff3f2}
.tbl tbody tr.inqrow.st-unchecked>td.sticky-l{box-shadow:inset 3px 0 0 var(--danger)}
.inqlegend .st-unchecked{background:#fff3f2;border-color:#f3c5c1}
.inqsort{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--gray)}
.inqsort .sel{min-width:188px}
th.is-sortable--icon::after{display:none}
th.is-sortable--icon[data-dir]{color:#eab308}
.inq__why{display:flex;flex-direction:column;gap:2px;margin-top:6px;font-size:12px;line-height:1.35;color:var(--gray);white-space:normal}
.inq__why span::before{content:"· ";color:var(--gray-2)}
.inqhint{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:10px 14px;border-radius:var(--r);
  background:var(--blue-lt);font-size:12.5px;line-height:1.6;color:var(--ink-2)}
.inqhint .ic{flex:none;margin-top:3px;color:var(--blue)}
.inqhint[hidden]{display:none}
.inqtbl td[data-col="status"]{min-width:136px}
.inqtbl td[data-col="name"]{min-width:104px}
.inqtbl td[data-col="open"] .btn{padding:0 8px}
/* 워크스페이스 전환 — 권한 없는 곳은 흐리게(누르면 '권한이 없습니다' 안내) */
.ws a.is-locked{opacity:.45}
.acclist__who em{font-style:normal;color:var(--danger);font-weight:600}

/* 24 DB 분배 ============================================================== */
.dsprio{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.dsprio__item{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;color:inherit;
  font:inherit;cursor:pointer;transition:border-color var(--t),box-shadow var(--t)}
.dsprio__item:hover{border-color:var(--blue-line);box-shadow:var(--sh-1)}
.dsprio__no{position:absolute;top:-9px;left:14px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:var(--navy);color:#fff;font-size:12px;font-weight:800}
.dsprio__item:first-child .dsprio__no{background:var(--danger)}
.dsprio__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--blue-lt);color:var(--blue)}
.dsprio__item:first-child .dsprio__ic{background:var(--danger-lt);color:var(--danger)}
.dsprio__txt b{display:block;font-size:15px;font-weight:700}
.dsprio__txt em{display:block;margin-top:2px;font-style:normal;font-size:12px;color:var(--gray-2)}
.dsprio__n{font-size:24px;font-weight:700;letter-spacing:-.04em}
.dsprio__n small{font-size:13px;margin-left:1px;color:var(--gray)}
.dsbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-top:0;
  background:var(--surface-2)}
.dsbar__count{font-size:13px;font-weight:700;color:var(--blue)}
.dsbar__to{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--gray)}
.dsbar__to .sel{min-width:230px}
.dsbar__hint{font-size:12.5px;color:var(--gray-2)}
.dstbl td{vertical-align:top}
.dsbadges{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.dsreq{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--ink-2)}
.dsplace{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;background:var(--warn-lt);
  color:var(--warn);font-size:12.5px;font-weight:700}
.dsplace.is-done{background:var(--ok-lt);color:var(--ok)}
@media (max-width:1100px){ .dsprio{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* 25 고객사 확인용 둘러보기 (demo.html) ====================================== */
.demo{min-height:100vh;background:var(--bg)}
.demo__wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.demo__hero{padding:56px 0 48px;background:linear-gradient(135deg,#101c37,#1b3a8f);color:#fff}
.demo__brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:.02em}
.demo__brand b{font-weight:500;opacity:.7}
.demo__logo{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--blue);font-size:15px}
.demo__hero h1{margin-top:20px;font-size:34px;font-weight:700;letter-spacing:-.04em}
.demo__lead{margin-top:12px;max-width:720px;font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.82)}
.demo__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.demo__hero .btn--line{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.demo__sec{margin-top:44px}
.demo__sec h2{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.035em}
.demo__sec h2 i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;
  font-size:13px;font-style:normal}
.demo__sub{margin:6px 0 16px 36px;font-size:14px;color:var(--gray)}
.demo__accs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.demo__acc{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;
  border-top:4px solid var(--gray-2)}
.demo__acc--super_admin{border-top-color:var(--navy)}
.demo__acc--team_manager{border-top-color:var(--blue)}
.demo__acc--staff{border-top-color:var(--ok)}
.demo__role{font-size:12.5px;font-weight:700;color:var(--gray)}
.demo__who{font-size:15px}
.demo__who b{font-weight:700}
.demo__can{flex:1;font-size:13px;line-height:1.6;color:var(--ink-2)}
.demo__ws{display:flex;flex-wrap:wrap;gap:4px}
.demo__cred{font-size:12px;color:var(--gray-2)}
.demo__flows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo__flow{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.demo__flow h3{font-size:16px;font-weight:700}
.demo__flow ol{flex:1;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;counter-reset:st}
.demo__flow li{position:relative;padding-left:26px;font-size:13.5px;color:var(--ink-2);counter-increment:st}
.demo__flow li::before{content:counter(st);position:absolute;left:0;top:1px;display:grid;place-items:center;width:18px;height:18px;
  border-radius:50%;background:var(--blue-lt);color:var(--blue);font-size:12px;font-weight:800}
.demo__note{padding:8px 10px;border-radius:8px;background:var(--bg);font-size:12.5px;color:var(--gray)}
.demo__flow .btn{align-self:flex-start}
.demo__perm .c{text-align:center}
.demo__ws2{font-weight:700;background:var(--surface-2);vertical-align:middle}
.demo__yes{color:var(--blue);font-size:12px}
.demo__no{color:var(--gray-2)}
.demo__conn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo__connbox{padding:18px 20px;border-radius:12px;border:1px solid var(--line);background:#fff}
.demo__connbox b{display:block;margin-bottom:10px;font-size:14.5px}
.demo__connbox.is-ok b{color:var(--ok)}
.demo__connbox.is-wait b{color:var(--warn)}
.demo__connbox.is-plan b{color:var(--gray)}
.demo__connbox ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:16px;font-size:13.5px;color:var(--ink-2)}
.demo__connbox em{font-style:normal;color:var(--gray-2)}
.demo__foot{margin:48px 0 40px;font-size:12.5px;color:var(--gray-2);text-align:center}
@media (max-width:1100px){
  .demo__accs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .demo__flows,.demo__conn{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .demo__hero{padding:40px 0 34px}
  .demo__hero h1{font-size:26px}
  .demo__accs,.demo__flows,.demo__conn{grid-template-columns:1fr}
  .demo__sub{margin-left:0}
}

/* 26. 확인 창 (A.ask) ------------------------------------------------------ */
.ask{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:rgba(16,28,55,.38)}
.ask__box{width:min(100%,400px);background:var(--surface);border-radius:var(--r-l);box-shadow:var(--sh-3);padding:22px 22px 16px}
.ask__msg{margin:0 0 18px;font-size:14.5px;line-height:1.6;color:var(--ink);white-space:pre-line;word-break:keep-all}
.ask__foot{display:flex;justify-content:flex-end;gap:8px}

/* 27. 대시보드 · 오늘 처리해야 할 일 ------------------------------------ */
.attn a{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:12px 18px;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.attn:first-child a{border-top:0}
.attn a:hover{background:var(--surface-2)}
.attn__car{color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attn__ago{color:var(--gray-2);font-size:12.5px}

/* 28. 샘플 표시 모드 · 빈 칸 예시 (이력 · 집계) ----------------------------- */
.samplefill .tl{margin:4px 0 0}
.sbar{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sbar li{display:grid;grid-template-columns:minmax(72px,120px) minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13.5px}
.sbar__k{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbar__track{height:10px;border-radius:999px;background:var(--blue-lt);overflow:hidden}
.sbar__track i{display:block;height:100%;border-radius:inherit;background:var(--blue)}
.sbar__v{font-weight:700;min-width:64px;text-align:right}
.sbar__v small{font-weight:600;color:var(--gray-2);margin-left:4px}

/* 29. 계약 정보 입력창 (상담 상세 '계약 정보 추가') ---------------------- */
.condwin{overflow:auto;padding:4px 22px 24px;height:100%}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg .chip{flex:1;justify-content:center;min-width:84px;height:36px}
.condwin__file{display:flex;align-items:center;gap:10px;padding:10px 12px;
  border:1px dashed var(--line-2);border-radius:var(--r);background:var(--bg)}
.condwin__file svg{flex:none;color:var(--gray-2)}
.condwin__file b{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.condwin__file small{color:var(--gray-2);white-space:nowrap}

/* 상담 상세 하단 계약 정보 카드 */
.contractdl dt{color:var(--gray)}

/* 30. 상담 업무 — 연락 약속 · 회수 · 잠금 표시 ---------------------------- */
.inq__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.inq__tags .tag svg,.dsrecall .tag svg{width:11px;height:11px}
.dbkeep{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--r);background:var(--surface-2)}
.dbkeep__ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bg);color:var(--gray)}
.dbkeep__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dbkeep__txt b{font-size:14px}
.dbkeep__txt em{font-style:normal;font-size:12.5px;color:var(--gray)}
.dbkeep.is-warn{border-color:#f3d9a8;background:var(--warn-lt)}
.dbkeep.is-warn .dbkeep__ic{background:#fff;color:var(--warn)}
.dbkeep.is-lock{border-color:var(--line-2)}
.dbkeep.is-lock .dbkeep__ic{color:var(--ink)}

/* 할일 추천 (대시보드) */
.tasks{display:flex;flex-direction:column}
.tasks__sub{margin:0;padding:14px 18px 6px;font-size:12px;font-weight:700;color:var(--gray);border-top:6px solid var(--bg)}
.task{border-top:1px solid var(--line)}
.task:first-child{border-top:0}
.task__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 18px 10px}
.task__no{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:800}
.task__ttl{display:flex;flex-direction:column;min-width:0}
.task__ttl b{font-size:14.5px}
.task__ttl em{font-style:normal;font-size:12.5px;color:var(--gray)}
.task__n{font-size:18px;font-weight:800}
.task__n small{font-size:12px;color:var(--gray);margin-left:2px}
.task.is-empty .task__head{padding-bottom:14px;opacity:.55}
.task.is-empty .task__no{background:var(--gray-2)}
.task__list{list-style:none;margin:0;padding:0 10px 6px 54px}
.task__list a{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 10px;border-radius:var(--r);color:inherit;text-decoration:none}
.task__list a:hover{background:var(--surface-2)}
.task__name{font-size:14px}
.task__car{font-size:12.5px;color:var(--gray)}
.task__meta{font-size:12.5px;color:var(--ink-2);font-weight:600}
.task__hint{display:flex;align-items:center;gap:4px;width:100%;font-size:12.5px;color:var(--blue);font-weight:600}
.task__hint svg{width:13px;height:13px}
.task__more{display:inline-flex;align-items:center;gap:2px;margin:0 0 12px 64px;font-size:12.5px;font-weight:700;color:var(--blue)}

/* DB 분배 — 자동 분배 · 자동 회수 규칙 */
.dsrules{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:16px}
.dsrule{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.dsrule__head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}
.dsrule__head b{font-size:14.5px}
.dsrule__head em{flex:1;min-width:0;font-style:normal;font-size:12.5px;color:var(--gray)}
.dsrule__body{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.dsrule__team{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:start}
.dsrule__tname{padding-top:6px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.dsrule__team .seg .chip{flex:none;min-width:0}
.dsrule__note{margin:0;font-size:12.5px;line-height:1.6;color:var(--gray)}
.dsrule__note b{color:var(--ink)}
.dsrule__foot{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 12px 12px}
.dsrule--ro .dsrule__body{justify-content:center}
.dsrule--log{grid-column:1/-1}
.dslog{list-style:none;margin:0;padding:6px 16px 10px}
.dslog li{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.dslog li:first-child{border-top:0}
.dslog li span:last-child{margin-left:auto;color:var(--gray-2);font-size:12px}
.dslog__none{color:var(--gray-2)}
.dsrecall{display:flex;align-items:center;gap:6px}
.dsrecall [data-lock][aria-pressed="true"]{color:var(--ink);background:var(--bg)}
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;flex:none}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch span{position:relative;width:38px;height:22px;border-radius:999px;background:var(--line-2);transition:var(--t)}
.switch span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:var(--t)}
.switch input:checked+span{background:var(--blue)}
.switch input:checked+span::after{left:19px}
.switch input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.switch b{font-size:12.5px;color:var(--ink-2);min-width:28px}

/* 실적 */
.pf__h{margin:0 0 10px;font-size:15px}
.pftbl td,.pftbl th{vertical-align:middle}
.pftbl tr.is-mine>td{background:var(--blue-lt)}
.pftbl__sum>td{background:var(--surface-2);border-top:2px solid var(--line-2)}
.pfbar{display:inline-block;width:100px;height:8px;margin-right:8px;border-radius:999px;background:var(--bg);overflow:hidden;vertical-align:middle}
.pfbar i{display:block;height:100%;border-radius:inherit;background:var(--blue)}

/* 후기 관리 */
.rvtbl td{vertical-align:top}
.rvtbl__img{display:block;width:104px;aspect-ratio:4/3;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--bg)}
.rvtbl__img--none{display:grid;place-items:center;font-size:12px;color:var(--gray-2)}
.rvtbl__text{margin:6px 0 0;font-size:12.5px;color:var(--gray);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rvtbl__stars{color:#f5a623;letter-spacing:1px}
.rvpub.is-dirty{box-shadow:0 0 0 3px rgba(27,77,216,.25)}
@media (max-width:719px){
  .task__list{padding-left:10px}
  .task__more{margin-left:18px}
  .dsrule__team{grid-template-columns:1fr}
}

/* 31. 편의 개선 — 통합 검색 · 할일 바로 처리 · 상담 상세 ---------------- */
.btn--xs{height:26px;padding:0 9px;font-size:12px;border-radius:6px}
.srch__in{height:44px;font-size:15px}
.srch__tip{margin:8px 0 12px;font-size:12px;color:var(--gray-2)}
.srch__tip b{color:var(--ink-2);font-weight:600}
.srch{display:flex;flex-direction:column;gap:2px}
.srch__g{margin:12px 0 4px;font-size:12px;font-weight:700;color:var(--gray);letter-spacing:.02em}
.srch__item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--r);color:inherit;text-decoration:none}
.srch__item b{font-size:14px}
.srch__item span{font-size:12.5px;color:var(--gray)}
.srch__item:hover,.srch__item.is-on{background:var(--blue-lt)}
.srch__item.is-on b{color:var(--blue)}
.srch__none{padding:28px 4px;text-align:center;font-size:13px;color:var(--gray-2)}

.task__list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding-right:8px;border-radius:var(--r)}
.task__list li:hover{background:var(--surface-2)}
.task__list .task__main{flex:1;min-width:220px}
.task__list .task__main:hover{background:none}
.task__acts{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 6px 10px}
@media (min-width:1100px){ .task__acts{padding-bottom:0} }

.stchips .chip{flex:none;min-width:64px;justify-content:center;height:34px}
.stchip[aria-pressed="true"]{color:#fff}
.stchip--danger[aria-pressed="true"]{background:var(--danger);border-color:var(--danger)}
.stchip--gray[aria-pressed="true"]{background:var(--gray);border-color:var(--gray)}
.stchip--violet[aria-pressed="true"]{background:#6d3fd6;border-color:#6d3fd6}
.stchip--info[aria-pressed="true"]{background:var(--info);border-color:var(--info)}
.stchip--warn[aria-pressed="true"]{background:var(--warn);border-color:var(--warn)}
.stchip--ok[aria-pressed="true"]{background:var(--ok);border-color:var(--ok)}
.apbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.apbox .input{flex:0 1 230px}
.apchips .chip{flex:none;min-width:0}
.savebar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.savebar__note{display:inline-flex;align-items:center;gap:4px;margin-right:auto;font-size:12.5px;color:var(--ok);font-weight:600}

/* 상담관리 목록 — 상세보기 아래 계약 정보 버튼 */
.inq__open{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.inq__open .btn{justify-content:center;width:100%}
.inq__cbtn.is-done{background:var(--ok-lt);color:var(--ok);border:1px solid transparent}
.inq__cbtn.is-done:hover{border-color:var(--ok)}

/* 계약 정보 창 — 인도 */
.deliver{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.deliver__btn{height:42px;padding:0 20px;font-size:14.5px}
.deliver__done{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:var(--r);background:var(--ok-lt);color:var(--ok)}
.deliver__done span{flex:1;display:flex;flex-direction:column;gap:2px}
.deliver__done b{font-size:15px}
.deliver__done em{font-style:normal;font-size:12.5px;color:var(--ink-2)}

/* 32. 실적 — 요약 · 순위 · 상세 ------------------------------------------ */
.pfseg{flex-wrap:nowrap;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}
.pfseg .chip{height:32px;border:0;background:none;color:var(--gray);font-weight:700}
.pfseg .chip:hover{color:var(--ink)}
.pfseg .chip[aria-pressed="true"]{background:var(--surface);color:var(--blue);box-shadow:var(--sh-1)}
.pfseg--sm .chip{height:28px;padding:0 10px}
.pfsum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.pfsum__item{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.pfsum__item.is-key{border-color:var(--blue-line);background:var(--blue-lt)}
.pfsum__k{font-size:12.5px;font-weight:700;color:var(--gray)}
.pfsum__v{margin-top:6px;font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1.1}
.pfsum__v small{margin-left:3px;font-size:14px;font-weight:700;color:var(--gray)}
.pfsum__item.is-key .pfsum__v{color:var(--blue)}
.pfsum__d{margin-top:6px;font-size:12px;color:var(--gray-2)}

.pfrank{margin-bottom:16px}
.pfrank__head{flex-wrap:wrap;gap:10px}
.pfrank__tools{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:18px}
.podium__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 14px 16px;
  border:1px solid var(--line);border-radius:14px;background:var(--surface-2);text-align:center}
.podium__item--1{padding-top:30px;padding-bottom:22px;border-color:#f0d58a;background:linear-gradient(180deg,#fff8e1,#fff)}
.podium__item--2{border-color:#d9dee7;background:linear-gradient(180deg,#f4f6fa,#fff)}
.podium__item--3{border-color:#ecd3c0;background:linear-gradient(180deg,#fbf1ea,#fff)}
.podium__item.is-mine{box-shadow:0 0 0 2px var(--blue) inset}
.podium__medal{position:absolute;top:-14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  font-size:14px;font-weight:800;color:#fff;background:#b98a2e;box-shadow:var(--sh-1)}
.podium__item--1 .podium__medal{width:36px;height:36px;top:-18px;font-size:16px;background:#e0a526}
.podium__item--2 .podium__medal{background:#8e98a8}
.podium__item--3 .podium__medal{background:#c07a4a}
.podium__name{font-size:15px}
.podium__team{font-size:12px;color:var(--gray)}
.podium__v{margin-top:4px;font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.podium__item--1 .podium__v{font-size:28px}
.podium__s{font-size:12px;color:var(--gray-2)}
.rklist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rkrow{display:grid;grid-template-columns:36px minmax(120px,1.2fr) minmax(80px,2fr) 96px minmax(0,1.3fr);align-items:center;gap:12px;
  padding:10px 6px;border-bottom:1px solid var(--line)}
.rkrow.is-mine{background:var(--blue-lt)}
.rkrow__no{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg);font-weight:800;font-size:13px;color:var(--ink-2)}
.rkrow.is-top .rkrow__no{background:var(--navy);color:#fff}
.rkrow__who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}
.rkrow__who b{font-size:14px}
.rkrow__who em{width:100%;font-style:normal;font-size:12px;color:var(--gray)}
.rkrow__bar{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}
.rkrow__bar i{display:block;height:100%;border-radius:inherit;background:var(--blue)}
.rkrow__v{font-size:15px;font-weight:800;text-align:right}
.rkrow__s{font-size:12px;color:var(--gray-2);text-align:right}
.pfempty{padding:26px 8px;text-align:center;font-size:13px;color:var(--gray-2);list-style:none}
.podium .pfempty{grid-column:1/-1}
.pftbl__sub{font-size:12px;color:var(--gray)}
@media (max-width:900px){
  .pfsum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rkrow{grid-template-columns:32px minmax(0,1fr) 90px}
  .rkrow__bar,.rkrow__s{display:none}
}
@media (max-width:560px){
  .podium{grid-template-columns:1fr}
  .pfrank__tools{margin-left:0}
}
.rkrow.is-none{opacity:.55}
.rkrow.is-none .rkrow__no{background:none;color:var(--gray-2)}

/* 33. 실적(월별 · 내 실적 · 정렬) · 정산 입력 ------------------------------ */
.pfbar-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pfmonth{display:flex;align-items:center;gap:4px}
.pfmonth .sel{height:38px;min-width:140px;font-weight:700}
.pftrend tbody tr{cursor:pointer}
.pftrend tbody tr:hover>td{background:var(--surface-2)}
.pfdots{display:inline-block;vertical-align:middle;margin-right:8px}
.pfdots i{display:block;height:8px;border-radius:999px;background:var(--blue);min-width:2px}
.pfsort th.is-sortable{cursor:pointer;user-select:none}
.pfsort th[data-dir="desc"]::after{content:" ▼";font-size:12px;color:var(--blue)}
.pfsort th[data-dir="asc"]::after{content:" ▲";font-size:12px;color:var(--blue)}
.moneyin{position:relative;display:block}
.moneyin .input{padding-right:30px;text-align:right}
.moneyin em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12.5px;color:var(--gray)}
.feesum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;padding:12px 14px;border-radius:var(--r);
  background:var(--blue-lt);font-size:12.5px;color:var(--ink-2)}
.feesum em{font-style:normal;color:var(--gray)}
.feesum b{margin-left:auto;font-size:15px;color:var(--blue)}
.feesum b.is-minus{color:var(--danger)}
.rkme{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:8px 12px;border-radius:999px;background:var(--blue-lt);font-size:13px;color:var(--ink-2)}
.rkme b{color:var(--blue);font-size:15px}
.pfrank .rklist{border-top:0}
.pfrank .rkrow{padding:8px 6px}

/* 34. 가독성 · 색 다듬기 ---------------------------------------------------- */
body{color:var(--ink)}
.card{box-shadow:0 1px 2px rgba(20,24,32,.04)}
.card__head p{color:var(--gray)}
.page__desc{color:var(--gray)}
.tbl thead th{color:var(--ink-2)}
.tbl th,.tbl td{padding:12px 14px}
.tbl tbody tr:nth-child(even):not(.inqrow){background:#fbfcfe}
.tbl tbody tr:hover{background:#f1f4f9}
.tbl tbody tr.is-sel{background:var(--blue-lt)}
.tag{font-weight:700}
.statcard__d,.kpi__foot{color:var(--gray)}

/* 실적 — 지표마다 색을 나눠 한눈에 */
.pfsum__item{position:relative;overflow:hidden;border-color:var(--line)}
.pfsum__item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc,var(--line-2))}
.pfsum__item.is-rate{--pc:var(--c-rate);background:var(--c-rate-lt)}
.pfsum__item.is-deliver{--pc:var(--c-deliver);background:var(--c-deliver-lt)}
.pfsum__item.is-contract{--pc:var(--c-contract);background:var(--c-contract-lt)}
.pfsum__item.is-fee{--pc:var(--c-fee);background:var(--c-fee-lt)}
.pfsum__item .pfsum__k{color:var(--ink-2)}
.pfsum__item .pfsum__v{color:var(--pc,var(--ink))}
.pfsum__item .pfsum__d{color:var(--gray)}
.pfsum__item.is-key{background:inherit}
.pfbar i{background:var(--c-rate)}
.pfdots i{background:var(--c-deliver)}
.pftbl td:nth-child(5) b{color:var(--c-deliver)}
.pftbl tr.is-mine>td{background:#edf2fd}
.pftbl__sub,.rkrow__who em,.task__car,.podium__team{color:var(--gray)}
.rkrow__s{color:var(--gray)}
#pfRankList[data-k="delivered"] .rkrow__bar i{background:var(--c-deliver)}
#pfRankList[data-k="amount"] .rkrow__bar i{background:var(--c-contract)}
#pfRankList[data-k="rate"] .rkrow__bar i{background:var(--c-rate)}
#pfRankList[data-k="fee"] .rkrow__bar i{background:var(--c-fee)}
#pfRankList[data-k="delivered"] .rkrow__v{color:var(--c-deliver)}
#pfRankList[data-k="amount"] .rkrow__v{color:var(--c-contract)}
#pfRankList[data-k="rate"] .rkrow__v{color:var(--c-rate)}
#pfRankList[data-k="fee"] .rkrow__v{color:var(--c-fee)}
.rkrow{border-bottom-color:var(--line)}
.rkrow.is-top .rkrow__no{color:#fff}
.rkrow.rk-1 .rkrow__no{background:#d49a2a}
.rkrow.rk-2 .rkrow__no{background:#8f9aab}
.rkrow.rk-3 .rkrow__no{background:#b87a4f}
.rkrow.is-mine{background:#edf2fd;border-radius:8px}
.rkme{background:#edf2fd;color:var(--ink-2)}

/* 할일 추천 · 대시보드 */
.task__no{background:var(--c-rate)}
.task__meta{color:var(--ink-2)}
.task__hint{color:var(--c-deliver)}

/* 대시보드 지표 — 상태 색을 왼쪽 띠 · 숫자에 */
.kpi[data-kpi]{position:relative;overflow:hidden}
.kpi[data-kpi]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--kc,var(--line-2))}
.kpi[data-kpi] .kpi__value{color:var(--kc,var(--ink))}
.kpi[data-kpi="unchecked"]{--kc:var(--danger)}
.kpi[data-kpi="absent"]{--kc:#6b7686}
.kpi[data-kpi="consulting"]{--kc:#6d4bd1}
.kpi[data-kpi="recontact"]{--kc:var(--c-rate)}
.kpi[data-kpi="screening"]{--kc:var(--c-fee)}
.kpi[data-kpi="rejected"]{--kc:#a3413b}
.kpi[data-kpi="contract"]{--kc:var(--c-deliver)}
.kpi[data-kpi="unassigned"]{--kc:#c2410c}
.kpi[data-kpi="total"],.kpi[data-kpi="org"]{--kc:var(--navy)}
.kpi__label{color:var(--ink-2)}

/* 이벤트 편집 — 상세 이미지 여러 장 */
.evimgs{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.evimgs__item{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}
.evimgs__item img{display:block;width:100%;height:96px;object-fit:cover}
.evimgs__no{position:absolute;left:6px;top:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:rgba(16,28,55,.75);color:#fff;font-size:12px;font-weight:800}
.evimgs__tools{display:flex;justify-content:flex-end;gap:2px;padding:4px;background:var(--surface)}
.evimgs__none{grid-column:1/-1;padding:14px;border:1px dashed var(--line-2);border-radius:8px;font-size:12.5px;color:var(--gray);text-align:center}

/* 35 홈페이지 › 특가 차량 · 즉시출고 차량 ======================================= */
.dl__state{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.dl__mode{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:14px;padding:12px 16px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--card,#fff)}
.dl__modelab{font-size:13.5px;font-weight:700;color:var(--ink-2)}
.dl__mode .seg{display:flex;gap:6px;flex-wrap:wrap}
.dl{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.dl .card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dl__cnt{margin-left:6px;font-size:13px;font-weight:600;color:var(--gray-2)}
.dl__list,.dl__picklist{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.dl__list.is-off{opacity:.45}
.dl__row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px 10px;
  padding:10px 10px 12px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.dl__row.is-missing{border-color:#f1c6c2;background:#fff8f7}
.dl__no{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blue-lt,#eef3ff);
  color:var(--blue);font-size:12px;font-weight:800}
.dl__car{display:flex;align-items:center;gap:10px;min-width:0}
.dl__car .thumb{width:64px;height:40px}
.dl__name{display:flex;flex-direction:column;min-width:0}
.dl__name b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl__name small{font-size:12.5px;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl__extra{grid-column:2 / -1;grid-row:2;display:flex;gap:8px}
.dl__acts{grid-column:3;grid-row:1}
.dl__fld{display:flex;flex-direction:column;gap:3px;flex:1;max-width:240px}
.dl__fld span{font-size:12px;font-weight:700;color:var(--gray-2)}
.dl__fld .input{height:34px;width:100%;font-size:13px}
.dl__fld--n{flex:0 0 90px}
.dl__fld--n .input{text-align:right}
.dl__mode .chip{flex:none;white-space:nowrap;height:32px;padding:0 14px}
.dl__acts{display:flex;gap:2px}
.dl__acts .iconbtn{width:30px;height:30px}
.dl__acts .iconbtn:disabled{opacity:.3;cursor:default}
.dl__up{transform:rotate(180deg)}
.dl__empty{padding:26px 14px;border:1px dashed var(--line-2);border-radius:var(--r);text-align:center;
  font-size:13.5px;color:var(--gray);line-height:1.6}
.dl__tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.dl__tools .search{flex:1 1 180px}
.dl__picklist{max-height:560px;overflow-y:auto;padding-right:2px}
.dl__pick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;
  border:1px solid var(--line);border-radius:var(--r)}
.dl__pick:hover{background:var(--bg)}
.dl__pick .btn{flex:none}
.dl__more{padding:10px;text-align:center;font-size:12.5px;color:var(--gray-2)}
@media (max-width:1100px){
  .dl{grid-template-columns:1fr}
}
@media (max-width:640px){
  .dl__fld{max-width:none}
}

/* 36 담당자 · 동일 번호 · 공용 DB ========================================= */
.dupbtn{margin-top:4px;border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:700}
.dupbtn:hover{filter:brightness(.95)}
.dupnote{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dupnote span{flex:1;min-width:220px}
.duplist{display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.duplist__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r)}
.duplist__item.is-cur{border-color:var(--blue);background:var(--blue-lt,#eef3ff)}
.duplist__no{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--bg);font-size:12px;font-weight:800}
.duplist__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.duplist__body b{font-size:14px}
.duplist__body span{font-size:12.5px;color:var(--gray)}
.ownerbtn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 8px;margin:-4px -8px;border:0;border-radius:6px;
  background:none;font:inherit;text-align:left;cursor:pointer}
.ownerbtn:hover{background:var(--bg)}
.ownerbtn b{font-size:13.5px}
.ownerbtn span{font-size:12px;color:var(--gray)}
.ownerbtn.is-none{padding:4px}
.dsre{display:block;margin-top:5px}
.dsmode{display:flex;gap:4px}
.dsmode .chip{white-space:nowrap}
.dsre__who{font-size:15px}
.dsre__note{margin-top:12px;font-size:12.5px;color:var(--gray);line-height:1.6}
.plrule{margin-left:auto;font-size:12.5px;color:var(--gray)}
.plprev{display:inline-flex;align-items:center;gap:4px;margin:0 6px 4px 0;padding:2px 8px;border-radius:999px;background:var(--bg);
  font-size:12.5px;font-weight:600;color:var(--ink-2)}
.plprev.is-last{background:var(--blue-lt,#eef3ff);color:var(--blue)}
.plprev small{font-size:12px;font-weight:700}
.plmemo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.5}
.plmemo__meta{display:block;margin-top:3px;font-size:12px;color:var(--gray-2)}
.placts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.drawer__h{margin:18px 0 8px;font-size:14px;font-weight:800}
.drawer__h:first-child{margin-top:0}
.drawer__h small{margin-left:6px;font-size:12px;font-weight:600;color:var(--gray-2)}

/* 37 설정 */
.setlabel{font-size:13.5px;font-weight:700;margin-bottom:8px}
.sethr{border:0;border-top:1px solid var(--line);margin:4px 0}
.setrow{justify-content:space-between;gap:16px}
.setrow b{display:block;font-size:14px;font-weight:700}
.setrow small{display:block;margin-top:3px;font-size:12.5px;color:var(--gray);line-height:1.55}
.dl--rules dd{line-height:1.6}

/* 38 상담관리 목록 — 1280~1440 화면에서 가로로 넘치지 않게 · 상세보기 칸은 오른쪽에 고정 */
.inqtbl th,.inqtbl td{padding-left:10px;padding-right:10px}
.inqtbl td[data-col="memo"]{min-width:210px}
.inqtbl td[data-col="mobile"] .dupbtn{display:flex;width:max-content;margin-top:6px}
.inqtbl td[data-col="owner"]{white-space:normal}
.inqtbl th[data-col="open"],.inqtbl td[data-col="open"]{position:sticky;right:0;z-index:1;background:var(--surface);
  box-shadow:inset 1px 0 0 var(--line)}
.inqtbl thead th[data-col="open"]{z-index:3;background:var(--surface-2)}
.tbl tbody tr.inqrow.st-absent>td[data-col="open"]{background:#f2f3f5}
.tbl tbody tr.inqrow.st-consulting>td[data-col="open"]{background:#f6f1ff}
.tbl tbody tr.inqrow.st-recontact>td[data-col="open"]{background:#f2f6ff}
.tbl tbody tr.inqrow.st-screening>td[data-col="open"]{background:#fff8e9}
.tbl tbody tr.inqrow.st-rejected>td[data-col="open"]{background:#fdecea}
.tbl tbody tr.inqrow.st-contract>td[data-col="open"]{background:#edf8f2}
.tbl tbody tr.inqrow.st-unchecked>td[data-col="open"]{background:#fff3f2}
.ownerbtn{margin:-4px -6px;padding:4px 6px}

/* 39 대시보드 — 지표 카드 5열 · 랭킹 1~3위 */
.kpigrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1280px){.kpigrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:980px){.kpigrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.kpigrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpigrid .kpi__foot{min-height:1.3em}
.rktop{padding:14px 14px 12px}
.rktop__no{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:5px;background:var(--bg);
  font-size:12.5px;font-weight:800;color:var(--ink-2)}
.rktop--1 .rktop__no{background:#fdf1d0;color:#8a5a00}
.rktop--2 .rktop__no{background:#e8ebf0;color:#4a5260}
.rktop--3 .rktop__no{background:#f6e6dc;color:#8a4a22}
.tbl tbody tr.is-me>td{background:var(--ok-lt)}

/* Keep the original dashboard frame, with available work before optional tools. */
.dashboard-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.dashboard-kpis .kpi{padding:14px 14px 12px}
.dashboard-kpis .kpi__label{flex-wrap:wrap;font-size:14px;min-height:22px}
.dashboard-kpis .kpi__foot{overflow-wrap:anywhere}
.dashboard-role-actions{display:flex;flex-direction:column;gap:10px}
.dashboard-role-actions .btn{min-height:40px;height:auto;padding:10px 12px;justify-content:flex-start;white-space:normal;text-align:left}
.dashboard-role-actions .dashboard-action-count{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums;flex:none}
.dashboard-role-actions .dashboard-action-note{color:var(--gray);font-size:12px;line-height:1.55}
.dashboard-extras{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}
.dashboard-extras>summary{display:flex;align-items:center;gap:8px;padding:14px 18px;font-weight:700;font-size:14px;cursor:pointer;list-style:none}
.dashboard-extras>summary::before{content:"+";font-weight:700;font-size:18px;line-height:1;color:var(--gray)}
.dashboard-extras[open]>summary::before{content:"−"}
.dashboard-extras>summary span{margin-left:auto;font-size:12px;font-weight:500;color:var(--gray)}
.dashboard-extras__body{padding:0 10px 10px}
.dashboard-extra-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dashboard-extra-kpis .kpi{padding:10px 12px}
.dashboard-rank-range{flex-wrap:wrap;max-width:100%}
.dashboard-rank-range button{padding:7px 9px;border-radius:7px;font-size:12px;font-weight:700;color:var(--gray);cursor:not-allowed}
.dashboard-rank-range button.is-on{background:var(--surface)}
.tasks .task__ttl b,.tasks .task__ttl em,.tasks .task__name,.tasks .task__car,.tasks .task__hint{overflow-wrap:anywhere}
.tasks .task__hint{align-items:flex-start}
.tasks .task__open{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:var(--blue);font-size:14px;font-weight:700}
.tasks .task__open svg{width:14px;height:14px}
@media(max-width:980px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tasks .task__open{margin-left:0}.dashboard-kpis .kpi{padding:12px}}

/* CRM quality fixes: keep tables scrollable inside their own region. */
.grid > *, .stack > *, .card, .card__body, .tablewrap, .page__head > *, .toolbar > * {min-width:0}
body, .input, .sel, .tbl, .tbl td, .btn, .dl dd, .tl__body, .page__desc {font-size:14px}
.card__head h2, .drawer__h {white-space:normal;overflow-wrap:anywhere}
.card__head, .page__actions, .tl__meta, .inqlegend, .tfoot {flex-wrap:wrap}
.tablewrap {max-width:100%;overflow-x:auto}
.tablewrap:focus-visible {outline:2px solid var(--blue);outline-offset:2px}
.dashboard-columns {grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}
.notice, .dl dd, .page__desc {overflow-wrap:anywhere}
.server-form {display:grid;gap:14px;padding:20px;min-width:0}
.server-form label {display:grid;gap:6px;font-size:14px}
.server-error {border-color:var(--danger);background:var(--danger-lt);color:var(--danger)}
.server-inline {display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.server-inline .sel {max-width:100%}
.tl li {overflow-wrap:anywhere}
.server-pager {display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
@media(max-width:980px){.dashboard-columns {grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){
 .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hdr__brand{font-size:14px}.hdr__brand > span:last-child{display:none}
 .toolbar .search,.toolbar .sel{min-width:0;max-width:100%}
 .page__actions{width:100%}.page__actions .btn{flex:1}
 .inqlegend{white-space:normal}.dl__row{grid-template-columns:26px minmax(0,1fr)}
 .dl__row .dl__fld{grid-column:2}.device--mo .device__screen{max-width:100%}
 .card__head{align-items:flex-start}.card__head > div{min-width:0}
}

/* Auxiliary text includes native small elements (the browser defaults to 83%). */
small {font-size:12px}
.side__nav a,.hdr__ws,.setlabel,.checkline {font-size:14px}
.tbl,.tbl--compact td,.input,.search input,.sel,.dl,.tl__body,.btn {font-size:14px}
@media(max-width:980px){.grid[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}}

@media(max-width:640px){
  .pfseg {flex-wrap:wrap;max-width:100%}
  #chanTabs {flex-wrap:wrap}
  #chanTabs > a {flex-basis:100%;margin-left:0!important;white-space:normal;height:auto;justify-content:flex-start;padding:10px 12px}
}

/* Keep the account menu reachable at phone widths. */
@media(max-width:560px){
  .hdr {gap:6px}
  .hdr__user > span:not(.avatar) {display:none}
}

/* Contract fields keep their full labels and values on narrow screens. */
.formgrid.contract-conditions { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:600px) { .formgrid.contract-conditions { grid-template-columns:minmax(0,1fr); } }

.content-image-preview{max-height:180px;overflow:auto;border-radius:8px;background:var(--gray-7)}
.content-image-preview:empty{display:none}
.content-image-preview img{display:block;width:100%;height:auto;object-fit:contain}
.server-form input[type=file]{max-width:100%;min-width:0;width:100%}
.server-form details{padding:12px 0}
.content-image-field{display:grid;gap:6px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}
.content-image-field label{font-weight:700}
.content-image-field small,.content-image-hint{color:var(--gray);font-size:12px;line-height:1.6}
.content-image-file{font-size:12px;color:var(--ink-2);overflow-wrap:anywhere}
.content-image-error{font-size:12px;line-height:1.6;color:var(--danger)}
.content-image-field .content-image-preview{max-height:none;min-height:160px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.content-image-field .content-image-preview img{width:auto;max-width:100%;max-height:160px;object-fit:contain}
.content-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.content-event-form{display:flex;flex-direction:column;height:100%;min-height:0;padding:0;gap:0}
.content-editor-fields{display:grid;gap:14px;flex:1;min-height:0;overflow:auto;padding:20px}
.content-editor-actions{flex:none;display:flex;align-items:flex-end;justify-content:flex-end;gap:16px;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface)}
.content-editor-actions>label{flex:1;min-width:0;max-width:560px}
.content-editor-actions>label select{width:100%;min-width:0}
.content-event-form>#formError{flex:none;margin:8px 20px;font-size:14px}
@media(max-width:719px){.content-image-grid{grid-template-columns:minmax(0,1fr)}.content-editor-fields{padding:16px}}
.content-publication-state{font-size:14px;color:var(--gray)}
.content-publication-state b{color:var(--ink)}
.content-extra-settings summary{cursor:pointer;font-size:14px;font-weight:700;padding:4px 0}
.content-extra-settings[open]{display:grid;gap:14px}

/* Restored CRM controls follow the original frame and wrap at narrow widths. */
.crm-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 12px;min-width:0}
.crm-filters label{display:grid;gap:5px;flex:1 1 155px;min-width:0;font-size:12px;color:var(--gray)}
.crm-filters .input,.crm-filters .sel{width:100%;min-width:0;max-width:100%;height:40px}
.crm-targets{display:flex;flex-wrap:wrap;gap:8px 16px;max-height:160px;overflow-y:auto;min-width:0}
.crm-targets .checkline{overflow-wrap:anywhere;min-width:0}
.dsbar{flex-wrap:wrap;align-items:flex-end}
.dsbar__to{min-width:0;max-width:100%}.dsbar__to:has(.crm-targets){flex:1 1 300px}
@media(max-width:560px){.crm-filters label{flex-basis:calc(50% - 10px)}.crm-filters .btn{width:100%}.dsbar__to{width:100%}.crm-targets{max-height:180px}}

/* 40 상담관리 — 저장한 보기 · 일괄 처리 · 단계별 보기 =========================== */
.views{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:-2px 0 12px}
.views__label{margin-right:2px;font-size:12.5px;font-weight:700;color:var(--gray)}
.vchip{display:inline-flex;align-items:center;height:30px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);overflow:hidden}
.vchip__open{height:100%;padding:0 4px 0 12px;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer}
.vchip__open:hover{color:var(--blue)}
.vchip__x{display:grid;place-items:center;width:26px;height:100%;border:0;background:none;color:var(--gray-2);cursor:pointer}
.vchip__x:hover{color:var(--danger)}
.vchip__x svg{width:12px;height:12px}
.views__add{height:30px}
.views__hint{font-size:12.5px;color:var(--gray-2)}
.vsave{display:inline-flex;align-items:center;gap:6px}
.vsave .input{width:210px;height:30px;font-size:13px}
.bulkbar__acts{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px}
.bulkbar .btn--ghost{color:#fff}
.bulkbar .btn--ghost:hover{background:rgba(255,255,255,.12)}

.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(236px,1fr);gap:10px;overflow-x:auto;padding-bottom:8px;align-items:start}
.bcol{display:flex;flex-direction:column;min-height:220px;max-height:calc(100vh - 300px);background:var(--surface-2);
  border:1px solid var(--line);border-radius:var(--r-l);transition:border-color var(--t),background-color var(--t)}
.bcol.is-focus{border-color:var(--blue-line);box-shadow:inset 0 3px 0 var(--blue)}
.bcol.is-over{border-color:var(--blue);background:var(--blue-lt)}
.bcol__head{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--line);font-size:13.5px}
.bcol__head .num{margin-left:auto;font-weight:800;color:var(--gray)}
.bcol__dot{width:10px;height:10px;border-radius:3px;flex:none}
.bcol__dot.st-unchecked{background:var(--danger)}
.bcol__dot.st-absent{background:#9aa2b1}
.bcol__dot.st-recontact{background:var(--info)}
.bcol__dot.st-consulting{background:#6d3fd6}
.bcol__dot.st-screening{background:#d8900c}
.bcol__dot.st-contract{background:var(--ok)}
.bcol__dot.st-rejected{background:#e3a49d}
.bcol__body{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto}
.bcol__empty{padding:18px 6px;text-align:center;font-size:12.5px;color:var(--gray-2)}
.bcol__more{padding:8px;border:1px dashed var(--line-2);border-radius:var(--r);background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--blue);cursor:pointer}
.bcard{padding:10px 11px 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--sh-1);cursor:grab}
.bcard:hover{border-color:var(--line-2);box-shadow:var(--sh-2)}
.bcard.is-drag{opacity:.45}
.bcard__top{display:flex;align-items:baseline;gap:8px}
.bcard__name{font-size:14.5px;font-weight:800;color:var(--ink)}
.bcard__name:hover{color:var(--blue)}
.bcard__date{margin-left:auto;font-size:12px;color:var(--gray-2)}
.bcard__car{margin-top:2px;font-size:12.5px;color:var(--gray)}
.bcard__memo{display:-webkit-box;margin-top:7px;padding-top:7px;border-top:1px dashed var(--line);font-size:12.5px;line-height:1.45;color:var(--ink-2);
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcard .inq__tags{margin-top:7px}
.bcard__foot{display:flex;align-items:center;gap:6px;margin-top:7px}
.bcard__owner{font-size:12px;font-weight:700;color:var(--gray)}
.bcard__move{margin-left:auto}

/* 41 알림 · 되돌리기 · 문자 문구 ================================================ */
.toast{max-width:calc(100vw - 32px)}
.toast.has-act{padding-right:8px}
.toast__act{flex:none;height:28px;margin-left:4px;padding:0 11px;border:0;border-radius:999px;background:rgba(255,255,255,.14);
  color:#fff;font:inherit;font-size:12.5px;font-weight:800;white-space:nowrap;cursor:pointer}
.toast__act:hover{background:rgba(255,255,255,.26)}
.bell{position:relative}
.bell__n{position:absolute;top:2px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);
  color:#fff;font-size:12px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--surface)}
.pop .ntf{width:350px;max-width:calc(100vw - 40px)}
.ntf__head{display:flex;align-items:baseline;justify-content:space-between;padding:8px 10px 8px}
.ntf__head b{font-size:15px}
.ntf__head span{font-size:12.5px;color:var(--gray)}
.ntf__group{padding:4px 0;border-top:1px solid var(--line)}
.ntf__label{display:flex;align-items:center;gap:6px;padding:8px 10px 4px;font-size:12.5px;font-weight:700;color:var(--gray)}
.ntf__label b{color:var(--ink)}
.ntf__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--ink)}
.ntf__item:hover{background:var(--bg)}
.ntf__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ntf__main b{font-size:13.5px}
.ntf__main span{font-size:12.5px;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ntf__item--cta{color:var(--blue)}
.ntf__item--cta .ntf__main b{color:var(--blue)}
.ntf__more{display:block;padding:6px 10px 8px;font-size:12.5px;font-weight:700;color:var(--blue)}
.ntf__empty{padding:24px 10px;text-align:center;font-size:13px;color:var(--gray)}
.smstpl{display:flex;flex-wrap:wrap;gap:6px}
.smsbox{min-height:176px;font-size:14px;line-height:1.65}
.smsmeta{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:12.5px;color:var(--gray)}
.linkcell span{display:block;margin-top:2px;font-size:12.5px;color:var(--gray);white-space:normal}

/* 42 가독성 — 보조 글자도 12px 아래로 내리지 않습니다 ============================ */
small{font-size:12px}
code{font-size:12px}
.hdr__search kbd,.hdr__user small,.side__label,.side__nav .cnt,.side__foot,.tag,.pop__label,.tl__meta,
.acclist__role,.acclist code,.evtbl__img--none,.rvtbl__img--none,.evtbl__sub code,.evd__hint,.memobox__meta,
.inq__why,.dsprio__no,.demo__cred,.demo__flow li::before,.evimgs__no,.srch__g,.dl__fld span,.dupbtn,.plprev small{font-size:12px}
.tag{height:23px}
.statusbtn{font-size:12.5px}
.card__head h2{white-space:nowrap}
.card__head>div{min-width:0}

/* Per-vehicle offer editing: preserve readable controls on narrow screens. */
.offer-fields{border:1px solid var(--line,#dde3ed);border-radius:12px;padding:16px;min-width:0;margin:0}.offer-fields[hidden]{display:none}.offer-fields legend{font-size:14px;font-weight:700;padding:0 6px}.offer-fields__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.offer-fields__grid label{min-width:0}.offer-fields__grid input,.offer-fields__grid select{width:100%;min-width:0}.offer-fields p{font-size:14px;line-height:1.5}.dl__row>div{min-width:0}.dl__row p{overflow-wrap:anywhere}@media(max-width:520px){.offer-fields__grid{grid-template-columns:1fr}.dl__row{flex-wrap:wrap}}

.offer-vehicle{display:block;line-height:1.6}.offer-vehicle b{display:block;margin-bottom:6px}.offer-vehicle br{display:none}