/* ════════════════════════════════════════════════════════════
   간척지 생산성조사 통합 운영 플랫폼 — INK Ops Center 통합 디자인 시스템
   (아이엔케이(주) 통합관리 허브·농촌일손여행 플랫폼과 동일 색상·구성)
   ════════════════════════════════════════════════════════════ */
@font-face { font-family: Pretendard; font-weight: 400; src: url(/static/fonts/Pretendard-Regular.ttf) format('truetype'); font-display: swap; }
@font-face { font-family: Pretendard; font-weight: 600; src: url(/static/fonts/Pretendard-SemiBold.ttf) format('truetype'); font-display: swap; }
@font-face { font-family: Pretendard; font-weight: 700 900; src: url(/static/fonts/Pretendard-Bold.ttf) format('truetype'); font-display: swap; }
:root {
  --ink: #1c8a3c; --ink-dark: #0c5a27; --ink-light: #e7f6ec; --glow: #5bd33f;
  --teal: #156082; --accent: #0f9ed5;
  --bg: #f4f7f5; --card: #fff; --line: #e2e8e4; --text: #16201a; --muted: #67756d;
  --ok: #1aa055; --warn: #e08a00; --info: #2f7fd6; --danger: #dc2626; --idle: #9aa6a0;
  --shadow: 0 4px 18px rgba(15, 122, 61, .08); --radius: 16px;
  /* 상태 색(확정·미확정·불일치·오류) */
  --s-ok: #e3f5e8; --s-ok-b: #1aa055; --s-ng: #fdf0dd; --s-ng-b: #e08a00; --s-er: #fbe6e6; --s-er-b: #dc2626; --s-no: #eef1ef;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font-family: Pretendard, 'Malgun Gothic', 'Apple SD Gothic Neo', system-ui, sans-serif; font-size: 14px; color: var(--text);
  background: var(--bg); line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }
.muted { color: var(--muted); font-size: 12.5px; }
.msg { color: var(--danger); min-height: 1.2em; font-size: 13px; }
.wrap { max-width: 1320px; margin: 0 auto; padding: 0 22px; position: relative; }

/* ── 헤더(다크그린 그라데이션 + 반딧불) ── */
header.nav { color: #fff; padding: 20px 0 0; position: relative; overflow: hidden;
  background: radial-gradient(440px 320px at 12% -12%, rgba(91, 211, 63, .24), transparent 70%),
    radial-gradient(560px 380px at 90% 130%, rgba(15, 158, 213, .16), transparent 70%),
    linear-gradient(125deg, #05100a 0%, #0a2113 55%, #0b2a18 100%); }
header.nav::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .9;
  background: radial-gradient(2.4px 2.4px at 18% 28%, rgba(150, 255, 130, .95), transparent),
    radial-gradient(2px 2px at 33% 68%, rgba(120, 240, 110, .7), transparent),
    radial-gradient(2px 2px at 58% 22%, rgba(160, 255, 140, .85), transparent),
    radial-gradient(1.6px 1.6px at 74% 58%, rgba(120, 230, 255, .6), transparent),
    radial-gradient(2.2px 2.2px at 86% 36%, rgba(150, 255, 130, .8), transparent);
  filter: drop-shadow(0 0 4px rgba(120, 255, 110, .55)); }
.topline { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 14px; }
.brand { display: flex; align-items: center; gap: 15px; }
.brand .logo { width: 54px; height: 54px; border-radius: 15px; background: #fff; color: var(--ink-dark); display: flex; align-items: center;
  justify-content: center; font-weight: 900; font-size: 19px; letter-spacing: -.5px; box-shadow: 0 6px 18px rgba(0, 0, 0, .3); flex: 0 0 auto; }
.brand h1 { font-size: 21px; font-weight: 800; letter-spacing: -.5px; margin: 0; }
.brand .slogan { font-size: 13px; margin-top: 4px; color: #e3f7e5; }
.brand .slogan b { color: var(--glow); font-weight: 800; }
.brand .ac { font-size: 11px; margin-top: 3px; letter-spacing: .3px; color: rgba(255, 255, 255, .62); }
.clock { text-align: right; font-size: 13px; }
.clock b { font-size: 15px; display: block; }
.clock .srv { margin-top: 5px; font-size: 11.5px; color: #bdf3c8; display: flex; align-items: center; gap: 6px; justify-content: flex-end; }
.clock .srv::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--glow); box-shadow: 0 0 8px var(--glow); animation: pulse 1.4s infinite; }
.clock .srv.off::before { background: #f5a623; box-shadow: 0 0 8px #f5a623; }
.clock .user { margin-top: 6px; font-size: 12.5px; display: flex; align-items: center; gap: 8px; justify-content: flex-end; }
.clock .user a { color: #bdf3c8; cursor: pointer; }
.lvtag { font-size: 11px; padding: 2px 9px; border-radius: 10px; background: rgba(255, 255, 255, .16); color: #eafff0; font-weight: 700; }
@keyframes pulse { 0%, 100% { opacity: 1 } 50% { opacity: .35 } }

/* ── 탭 내비게이션 ── */
nav.tabs { display: flex; gap: 4px; position: sticky; top: 0; z-index: 40; padding: 9px max(22px, calc(50vw - 638px)) 0;
  background: linear-gradient(125deg, #05100a 0%, #0a2113 55%, #0b2a18 100%); box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .45);
  overflow-x: auto; scrollbar-width: none; margin-top: 16px; }
nav.tabs::-webkit-scrollbar { display: none; }
nav.tabs a { color: rgba(255, 255, 255, .8); white-space: nowrap; font-size: 13.5px; font-weight: 600; padding: 11px 15px;
  border-radius: 12px 12px 0 0; transition: .15s; }
nav.tabs a:hover { color: #fff; background: rgba(255, 255, 255, .1); }
nav.tabs a.on { background: var(--bg); color: var(--ink-dark); font-weight: 800; }
nav.tabs a.off { color: rgba(255, 255, 255, .32); pointer-events: none; }
.subnav { display: flex; gap: 6px; padding: 18px 0 4px; flex-wrap: wrap; }
.subnav a { padding: 8px 16px; border-radius: 22px; background: #fff; border: 1px solid var(--line); font-size: 13px; font-weight: 600; color: var(--muted); }
.subnav a:hover { border-color: var(--ink); color: var(--ink-dark); }
.subnav a.on { background: var(--ink); color: #fff; border-color: var(--ink); box-shadow: 0 4px 12px rgba(28, 138, 60, .25); }
main { padding: 14px 0 60px; min-height: calc(100vh - 220px); }
footer.status { text-align: center; font-size: 11.5px; color: #8a978f; padding: 14px 0 20px; }

/* ── 섹션 제목 ── */
.sec-title { font-size: 17px; font-weight: 800; margin: 26px 0 12px; display: flex; align-items: center; gap: 9px; padding-left: 14px; position: relative; color: var(--text); }
.sec-title::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 5px; border-radius: 4px; background: linear-gradient(var(--glow), var(--ink)); }
.sec-title .more { margin-left: auto; font-size: 12px; color: var(--muted); font-weight: 600; }

/* ── 히어로 ── */
.hero { position: relative; overflow: hidden; color: #fff; border-radius: 22px; margin-top: 8px;
  background: radial-gradient(620px 340px at 88% 120%, rgba(15, 158, 213, .22), transparent 70%),
    linear-gradient(120deg, #0c5a27 0%, #1c8a3c 60%, #3aa64a 100%); box-shadow: 0 14px 34px -14px rgba(12, 90, 39, .55); }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(2px 2px at 20% 30%, rgba(255, 255, 255, .6), transparent), radial-gradient(2px 2px at 70% 20%, rgba(200, 255, 190, .6), transparent),
    radial-gradient(1.6px 1.6px at 44% 76%, rgba(255, 255, 255, .5), transparent); }
.hero .in { display: flex; align-items: center; gap: 26px; padding: 30px 34px; flex-wrap: wrap; position: relative; }
.hero .htext { flex: 1 1 460px; }
.hero .kicker { font-size: 12.5px; font-weight: 700; color: #dff5e4; }
.hero h2 { font-size: 30px; margin: 8px 0 8px; letter-spacing: -1px; line-height: 1.25; }
.hero p { font-size: 14.5px; opacity: .95; margin: 0; }
.hero .minis { display: flex; gap: 8px; margin-top: 18px; flex-wrap: wrap; }
.hero .mini { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .22); border-radius: 12px; padding: 8px 14px; text-align: center; min-width: 78px; }
.hero .mini b { display: block; font-size: 21px; font-weight: 900; line-height: 1.1; }
.hero .mini span { font-size: 11px; color: #dff5e4; }
.hero .hbtns { margin-top: 18px; display: flex; gap: 8px; flex-wrap: wrap; }
.hero .hbtns a { padding: 10px 18px; border-radius: 12px; font-weight: 700; font-size: 13.5px; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .28); }
.hero .hbtns a.pri { background: #fff; color: var(--ink-dark); }
.hero .donut { flex: 0 0 auto; text-align: center; }
.hero .donut .cap { font-size: 12px; color: #dff5e4; margin-top: 2px; }
.hero .hchar { flex: 0 0 auto; width: 150px; margin: -10px 0 -30px; }
.hero .hchar img { width: 100%; filter: drop-shadow(0 14px 22px rgba(0,0,0,.35)); }

/* ── 카드·그리드 ── */
.grid { display: grid; gap: 14px; }
.g2 { grid-template-columns: 1.45fr 1fr; } .g3 { grid-template-columns: repeat(3, 1fr); } .g4 { grid-template-columns: repeat(4, 1fr); }
.g5 { grid-template-columns: repeat(5, 1fr); } .g6 { grid-template-columns: repeat(6, 1fr); } .gh { grid-template-columns: 1fr 1fr; }
.card { background: linear-gradient(160deg, #fff, #f5fbf7); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; box-shadow: var(--shadow); min-width: 0; }
.card h3 { margin: 0 0 12px; color: var(--ink-dark); font-size: 15.5px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
.card h3 .r { margin-left: auto; font-weight: 600; font-size: 12px; color: var(--muted); }
.stat { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px 14px; box-shadow: var(--shadow); position: relative; overflow: hidden; }
.stat::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--c, var(--ink)); }
.stat .lab { font-size: 12.5px; color: var(--muted); font-weight: 700; display: flex; align-items: center; gap: 6px; }
.stat .val { font-size: 28px; font-weight: 900; color: var(--ink-dark); letter-spacing: -.8px; margin-top: 4px; line-height: 1.15; }
.stat .val small { font-size: 13px; color: var(--muted); font-weight: 700; margin-left: 2px; }
.stat .sfoot { font-size: 11.5px; color: #8a978f; margin-top: 4px; }
.stat .bar { height: 7px; background: var(--ink-light); border-radius: 5px; margin-top: 10px; overflow: hidden; }
.stat .bar > i { display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, var(--c, var(--ink)), var(--accent)); }

/* 주차 공정 카드 */
.week { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; box-shadow: var(--shadow); position: relative; }
.week .wk { display: inline-block; background: var(--ink); color: #fff; font-weight: 800; font-size: 12px; border-radius: 8px; padding: 2px 9px; }
.week .dt { float: right; font-size: 11.5px; color: var(--muted); font-weight: 600; }
.week .tt { font-weight: 800; margin: 8px 0 3px; color: var(--ink-dark); font-size: 13.5px; }
.week .ds { font-size: 12px; color: var(--muted); }
.week.now { border: 2px solid var(--ink); background: linear-gradient(160deg, #fff, var(--ink-light)); }
.week.now::after { content: "진행 중"; position: absolute; right: 10px; bottom: 10px; font-size: 11px; font-weight: 800; color: var(--ink); }
.week.done { opacity: .72; } .week.done .wk { background: var(--idle); }

/* 지구 목록 */
.dlist .it { display: flex; align-items: center; gap: 10px; padding: 11px 4px; border-bottom: 1px solid #eef2ef; }
.dlist .it:last-child { border-bottom: 0; }
.dlist .dot { width: 10px; height: 10px; border-radius: 50%; background: var(--ink); flex: 0 0 auto; }
.dlist .dot.local { background: var(--warn); }
.dlist .nm { font-weight: 800; min-width: 84px; }
.dlist .meta { margin-left: auto; font-size: 12px; color: var(--muted); text-align: right; }
.kbar { display: grid; grid-template-columns: 34px 150px 1fr 60px; align-items: center; gap: 10px; margin: 9px 0; font-size: 13px; }
.kbar .k { background: var(--ink); color: #fff; border-radius: 6px; font-size: 11px; font-weight: 800; text-align: center; padding: 2px 0; }
.kbar .tr { height: 8px; background: #e9efeb; border-radius: 5px; overflow: hidden; }
.kbar .tr i { display: block; height: 100%; border-radius: 5px; background: var(--c, var(--ink)); }
.kbar b { text-align: right; }

/* ── 버튼·입력 ── */
.btn { border: 0; background: var(--ink); color: #fff; border-radius: 11px; padding: 9px 18px; cursor: pointer; font: inherit; font-weight: 700; font-size: 13.5px; transition: .15s; display: inline-block; }
.btn:hover { background: var(--ink-dark); }
.btn.primary { background: var(--ink); }
.btn.outline, .btn.ghost2 { background: #fff; color: var(--ink-dark); border: 1px solid var(--ink); }
.btn.outline:hover { background: var(--ink-light); }
.btn.danger { background: #fff; color: var(--danger); border: 1px solid #f0b4b4; }
.btn.danger:hover { background: #fdf0f0; }
.btn.gray { background: #8a958d; }
.btn.small { padding: 5px 11px; font-size: 12.5px; border-radius: 9px; background: #fff; color: var(--ink-dark); border: 1px solid #b7d9c2; }
.btn.small:hover { background: var(--ink-light); }
.btn.small.primary { background: var(--ink); color: #fff; border-color: var(--ink); }
.btn.small.danger { color: var(--danger); border-color: #f0b4b4; }
.btn.wide { width: 100%; padding: 12px; }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.btn:not(.primary):not(.danger):not(.gray):not(.outline) { }
input, select, textarea { font-family: inherit; font-size: 13.5px; padding: 8px 11px; border: 1px solid #cdd5cd; border-radius: 10px; background: #fff; color: var(--text); }
input:focus, select:focus, textarea:focus { outline: 0; border-color: var(--ink); box-shadow: 0 0 0 3px var(--ink-light); }
label { display: block; font-size: 12.5px; font-weight: 700; color: #3a463e; margin: 8px 0; }
label > input:not([type=checkbox]):not([type=radio]), label > select, label > textarea { display: block; width: 100%; margin-top: 4px; }
input[type=checkbox], input[type=radio] { accent-color: var(--ink); width: 16px; height: 16px; vertical-align: -3px; }

/* ── 조건 바 ── */
.bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: 14px;
  padding: 10px 14px; margin-bottom: 14px; box-shadow: var(--shadow); }
.bar .right { margin-left: auto; }

/* ── 표 ── */
table.t { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 13px; }
table.t th { background: linear-gradient(120deg, var(--ink-dark), var(--ink)); color: #fff; text-align: left; padding: 9px 10px; font-weight: 700; position: sticky; top: 0; z-index: 1; white-space: nowrap; }
table.t th:first-child { border-top-left-radius: 10px; } table.t th:last-child { border-top-right-radius: 10px; }
table.t td { padding: 8px 10px; border-bottom: 1px solid #eef2ef; vertical-align: middle; background: #fff; }
table.t tr.sel td { background: var(--ink-light) !important; }
table.t.click tbody tr { cursor: pointer; }
table.t.click tbody tr:hover td { background: #f3faf5; }
.scroll { max-height: 62vh; overflow: auto; border-radius: 10px; }
.num { text-align: right !important; font-variant-numeric: tabular-nums; }

/* ── 배지·칩·상태 ── */
.chip { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 12px; font-weight: 700; background: var(--s-no); color: #5a6a60; white-space: nowrap; }
.chip.ok { background: var(--s-ok); color: var(--ink-dark); } .chip.ng { background: var(--s-ng); color: #a45f00; }
.chip.er { background: var(--s-er); color: var(--danger); } .chip.no { background: var(--s-no); color: #7a867e; }
.chip.info { background: #e2f1fb; color: var(--info); }
.role { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 12px; font-weight: 800; }
.role.ADMIN { background: #0c5a27; color: #fff; } .role.PM { background: #1c8a3c; color: #fff; } .role.LEADER { background: #e2f1fb; color: var(--info); }
.role.SURVEYOR { background: #fdf0dd; color: #a45f00; } .role.ANALYST { background: #efe7fb; color: #7b3fbf; } .role.GIS { background: #e0f4f7; color: #0f7f95; }
.role.SUPERVISOR { background: #eef1ef; color: #3a463e; } .role.ADVISOR { background: #eef1ef; color: #3a463e; }
.pdots { display: inline-flex; gap: 4px; } .pdots i { width: 10px; height: 10px; border-radius: 50%; background: #d6dcd8; display: inline-block; }
.pdots i.on { background: var(--ok); }
.grade { font-weight: 900; color: var(--ink-dark); }
.cell { display: block; text-align: center; padding: 7px; border-radius: 10px; border: 1px solid var(--line); cursor: pointer; font-weight: 700; }
.cell.ok { background: var(--s-ok); border-color: #9fd7b1; } .cell.part { background: var(--s-ng); border-color: #f1c98d; } .cell.none { background: var(--s-no); }
.cell.cur { outline: 3px solid var(--accent); }
.warn { background: #fff8ec; border: 1px solid #f3d29a; border-left: 4px solid var(--warn); border-radius: 10px; padding: 9px 12px; margin: 8px 0; font-size: 13px; }
.interp { background: var(--ink-light); border-left: 4px solid var(--glow); padding: 11px 14px; border-radius: 10px; margin: 10px 0; font-size: 13px; color: #1e3a28; }
.meter { height: 9px; background: var(--ink-light); border-radius: 5px; overflow: hidden; margin: 5px 0; }
.meter i { display: block; height: 100%; background: linear-gradient(90deg, var(--ink), var(--accent)); border-radius: 5px; }

/* ── 폼 격자 ── */
.form-q { display: grid; grid-template-columns: 180px 1fr; gap: 6px 12px; align-items: center; font-size: 13px; }
.form-q .q { color: #3a463e; font-weight: 600; }
.fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }

/* ── 로그인 ── */
.login { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(600px 400px at 20% 10%, rgba(91, 211, 63, .25), transparent 70%), linear-gradient(125deg, #05100a, #0b2a18); }
.login-card { width: 400px; background: #fff; padding: 30px 30px 24px; border-radius: 20px; box-shadow: 0 20px 50px rgba(0, 0, 0, .4); position: relative; }
.login-card .lg { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.login-card .lg .logo { width: 48px; height: 48px; border-radius: 13px; background: var(--ink-dark); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 900; }
.login-card h1 { font-size: 17px; margin: 0; color: var(--ink-dark); }
.login-card img.ch { position: absolute; right: -118px; bottom: -20px; width: 150px; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .35)); }

/* ── 지도 ── */
.maprow { display: grid; grid-template-columns: 310px 1fr; gap: 14px; height: calc(100vh - 250px); min-height: 520px; }
.col { display: flex; flex-direction: column; gap: 12px; }
#map { width: 100%; height: 100%; border-radius: 16px; border: 1px solid var(--line); background: #dfe7e2; box-shadow: var(--shadow); }
.maptools { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 5px; z-index: 2; }
.maptools .btn { background: #fff; color: var(--ink-dark); border: 1px solid var(--line); box-shadow: var(--shadow); }
.maptools .btn.on { background: var(--ink); color: #fff; }
.popup { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; min-width: 250px; font-size: 13px; box-shadow: 0 10px 28px rgba(0, 0, 0, .18); }
.legend { position: absolute; bottom: 12px; left: 12px; background: rgba(255, 255, 255, .95); border: 1px solid var(--line); border-radius: 10px; padding: 7px 12px; font-size: 12px; z-index: 2; }
.sw { display: inline-block; width: 12px; height: 12px; border-radius: 3px; vertical-align: -1px; margin: 0 4px 0 8px; border: 1px solid #555; }
.tabs2 { display: flex; flex-wrap: wrap; gap: 5px; }
.tabs2 .btn { background: #fff; color: var(--text); border: 1px solid var(--line); font-weight: 600; }
.tabs2 .btn.on { background: var(--ink); color: #fff; border-color: var(--ink); }

/* ── 사용자 관리 ── */
.ulist .u { display: grid; grid-template-columns: 42px 1fr auto auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; cursor: pointer; border: 1px solid transparent; }
.ulist .u:hover { background: #f3faf5; }
.ulist .u.sel { background: var(--ink-light); border-color: #b7e1c4; }
.ulist .av { width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg, var(--ink), #3aa64a); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 16px; }
.ulist .u.dis .av { background: #c7cfca; }
.ulist .nm { font-weight: 800; } .ulist .id { font-size: 12px; color: var(--muted); }
.edit-head { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.edit-head .av { width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, var(--ink), #3aa64a); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 20px; }
.box { border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; margin-top: 12px; background: #fff; }
.box h4 { margin: 0 0 6px; font-size: 13.5px; color: var(--ink-dark); }

.toast { position: fixed; right: 20px; bottom: 26px; background: var(--ink-dark); color: #fff; padding: 12px 16px; border-radius: 12px; z-index: 99; font-size: 13.5px; max-width: 440px; box-shadow: 0 10px 26px rgba(0, 0, 0, .25); }
.toast.err { background: #a52a2a; }
@media (max-width: 1100px) { .g5, .g6 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .g2, .g3, .g4, .g5, .g6, .gh, .maprow, .fgrid { grid-template-columns: 1fr; } .hero .hchar { display: none; } }

.prior { background: linear-gradient(160deg,#f2fbf4,#fff); border: 1px solid #cfe6d5; border-radius: 12px; padding: 10px 12px; margin: 6px 0 12px; font-size: 13px; }
.prior .pgrid { display: grid; grid-template-columns: 110px 1fr; gap: 4px 10px; margin-top: 6px; }
.prior .pgrid span:nth-child(odd) { color: #5b6b60; }

/* 후보군 목록: 상세 패널을 열면 보조 열을 숨겨 한 줄로 */
table.t.compact .hc { display: none }