/* 힐메이트 큐레이터 — 힐메이트 브랜드 색(#00C271) + 한 칼럼 레이아웃 */
:root{
  --bg:#f6f8f7; --surface:#ffffff; --sunk:#edf1ef; --fg:#1b2420; --muted:#5d6a64; --line:#dbe2de;
  --accent:#00c271; --accent-ink:#ffffff; --accent-text:#00864f; --accent-soft:#e6f8ef; --cite:#fff1c7; --cite-ink:#6b4d00; --warn:#a4481b; --ok:#1d7a3e;
  --blue:#1f5fa8; --blue-soft:#dbe8fa;
  --f-body:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#121715; --surface:#1a211e; --sunk:#222a27; --fg:#e6ece9; --muted:#9aa8a1; --line:#2f3935;
  --accent:#00c271; --accent-ink:#ffffff; --accent-text:#3fdc98; --accent-soft:#12301f; --cite:#3d3316; --cite-ink:#f3d57b; --warn:#f0936a; --ok:#6fd198;
  --blue:#7fb2ec; --blue-soft:#1d2c40; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.6;padding-inline:16px;padding-block:0 56px;word-break:keep-all}
body.booting .wrap{visibility:hidden}
.wrap{max-width:860px;margin:0 auto}
a{color:var(--accent-text)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}

/* 상단 바 */
nav.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-block:12px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:var(--fg);text-decoration:none}
.brand img{height:22px;width:auto;display:block}
.brand span{font-size:.82rem;font-weight:600;color:var(--muted);padding-left:8px;border-left:1px solid var(--line)}
.tabs{display:flex;gap:2px}
.tabs a{font-size:.88rem;color:var(--muted);text-decoration:none;padding:6px 11px;border-radius:6px}
.tabs a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-text);font-weight:700}
.who{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--muted)}
.linkbtn{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;font-size:.82rem}
.linkbtn:hover{color:var(--fg)}

/* 공통 */
.btn{display:inline-block;text-decoration:none;font-weight:700;border:0;border-radius:8px;padding:9px 16px;background:var(--accent);color:var(--accent-ink);cursor:pointer;white-space:nowrap}
.btn:hover{filter:brightness(.96)}
.btn.ghost{background:var(--sunk);color:var(--fg);font-weight:500}
.btn.hold{background:var(--cite);color:var(--cite-ink);font-weight:500}
.btn.danger{background:none;color:var(--warn);border:1px solid var(--line);font-weight:500}
.btn.sm{padding:4px 10px;font-size:.8rem}
.btn[disabled]{opacity:.5;cursor:default}
.field{display:flex;flex-direction:column;gap:4px;min-width:0}
.field label{font-size:.8rem;color:var(--muted);font-weight:500}
.input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--surface);width:100%}
.input:focus{outline:none;border-color:var(--accent)}
textarea.input{line-height:1.7;resize:vertical}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.msg{font-size:.85rem;margin:0}
.msg:empty{display:none}
.msg.err{color:var(--warn)}
.msg.ok{color:var(--ok)}
.muted{color:var(--muted)}
.small{font-size:.8rem;color:var(--muted);margin:0}
.mono{font-family:var(--f-mono)}
.stack{display:flex;flex-direction:column;gap:14px}
.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}
.pill{display:inline-block;font-size:.72rem;padding:1px 8px;border-radius:999px;background:var(--sunk);color:var(--muted);white-space:nowrap}
.pill.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}
.pill.warn{background:var(--cite);color:var(--cite-ink)}
.pill.g-A{background:var(--accent-soft);color:var(--accent-text);font-weight:600}
.pill.g-B{background:var(--blue-soft);color:var(--blue)}
.pill.g-C{background:var(--cite);color:var(--cite-ink)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:9px 16px;border-radius:10px;font-size:.88rem;z-index:50;max-width:calc(100% - 32px)}

/* 로그인 */
.login{max-width:360px;margin:14vh auto 0}
.login .logo{height:34px;width:auto;display:block;margin-bottom:14px}
.login .btn{padding:12px 16px;font-size:1rem;border-radius:10px}
.login h1{font-size:1.4rem;margin:0 0 4px}
.login .muted{margin:0}
.login form{display:flex;flex-direction:column;gap:12px;margin-top:20px}

/* 검수함 목록 */
.page-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:24px 0 14px}
.page-head h1{margin:0;font-size:1.2rem}
.filters{display:flex;flex-wrap:wrap;gap:6px}
.filters .input{width:auto;max-width:170px;padding:6px 10px;font-size:.86rem}
.svc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.svc-tabs button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 14px;cursor:pointer;font-size:.86rem;color:var(--muted)}
.svc-tabs button[aria-selected="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}
.svc-tabs .n{font-size:.75rem;opacity:.7;margin-left:4px}
.doclist{display:flex;flex-direction:column;gap:8px}
.docrow{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 16px;text-decoration:none;color:var(--fg)}
.docrow:hover{border-color:var(--accent)}
.docrow .tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px}
.docrow .t{font-weight:600;display:block}
.docrow .s{display:block;font-size:.86rem;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.docrow .meta{display:block;margin-top:6px}
.meta{font-size:.76rem;color:var(--muted)}
.empty-state{text-align:center;padding:40px 16px;color:var(--muted)}
.empty-state strong{display:block;color:var(--fg);margin-bottom:4px}

/* 상세 */
.doc-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0 8px}
.back{font-size:.85rem;text-decoration:none}
.pos{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}
.post{padding:22px 24px}
.post .tags{display:flex;flex-wrap:wrap;gap:4px}
.post h1{font-size:1.3rem;margin:10px 0 4px;line-height:1.45}
.post .lead{margin:0;color:var(--muted)}
.post .body{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.kv{display:grid;grid-template-columns:72px 1fr;gap:4px 12px;margin:14px 0 0;font-size:.86rem}
.kv dt{color:var(--muted)}
.kv dd{margin:0;overflow-wrap:anywhere}
.src{background:var(--sunk);border-radius:10px;padding:10px 14px;margin-top:18px}
.src .kv{margin:0}
.memo{margin-top:18px}
.memo .row{display:flex;gap:8px}
.actionbar{position:sticky;bottom:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.actionbar .sp{flex:1}
.actionbar .log{font-size:.76rem;color:var(--muted)}
.edit .field{margin-top:12px}

/* 관리 */
.admin-tabs{display:flex;gap:4px;margin:22px 0 16px;border-bottom:1px solid var(--line)}
.admin-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 12px;cursor:pointer;color:var(--muted);margin-bottom:-1px}
.admin-tabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}
.list{width:100%;border-collapse:collapse;font-size:.85rem}
.list th,.list td{border-bottom:1px solid var(--line);padding:8px 6px;white-space:nowrap;text-align:left}
.list th{color:var(--muted);font-weight:500;font-size:.78rem}
.list select{padding:3px 6px;font-size:.82rem;width:auto}
.actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.issued{background:var(--cite);color:var(--cite-ink);border-radius:10px;padding:12px 14px;font-size:.88rem}
.issued code{font-family:var(--f-mono);font-size:.95rem;font-weight:500}

@media (max-width:520px){
  .post{padding:16px 14px}
  .who #who-name{display:none}
  .actionbar{position:static;box-shadow:none}
  .actionbar .log{flex-basis:100%}
}

/* 키워드·카테고리 */
.admin-tabs .n{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--warn);color:#fff;font-size:.7rem;line-height:18px;text-align:center}
.admin-tabs .n:empty{display:none}
.kw-groups{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.kw-group h3,.cat-block h2{font-size:.78rem;color:var(--muted);font-weight:600;margin:0 0 6px;letter-spacing:.02em}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:0 4px 0 12px;font-size:.86rem}
.chip.off{opacity:.45;text-decoration:line-through}
.chip .lbl{background:none;border:0;padding:4px 2px;cursor:pointer}
.chip .x{background:none;border:0;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:50%;font-size:.95rem;line-height:1}
.chip .x:hover{color:var(--warn);background:var(--sunk)}
.chip .tag{font-size:.68rem;color:var(--accent-text);margin-left:2px}
.recs{display:flex;flex-direction:column;gap:8px}
.rec{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}
.rec .w{font-weight:600}
.rec .why{flex:1 1 280px;font-size:.84rem;color:var(--muted)}
.rec .d{font-size:.72rem;color:var(--muted)}
.rec .act{display:flex;gap:6px;margin-left:auto}
.rec-card{border-color:var(--accent)}
.cat-block{padding-top:4px}
.inline-add{display:flex;gap:6px;margin-top:8px;max-width:320px}
.inline-add .input{padding:5px 10px;font-size:.86rem}
.classify{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.classify .input{padding:6px 10px}
#collector-url{word-break:break-all;background:var(--sunk);padding:8px 10px;border-radius:8px}
.kw-hit{font-size:.78rem;color:var(--muted);margin-top:10px}
.email-in{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.email-in:focus-within{border-color:var(--accent)}
.email-in .input{border:0;min-width:0;flex:1}
.email-in span{padding-right:10px;color:var(--muted);font-size:.9rem;white-space:nowrap}
.actions .pw-in{width:140px;padding:3px 8px;font-size:.82rem}
/* 모달 */
.modal{border:0;border-radius:14px;padding:22px 22px 18px;width:min(380px,calc(100% - 32px));background:var(--surface);color:var(--fg);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.modal::backdrop{background:rgba(20,30,25,.45)}
.modal-head{display:flex;justify-content:space-between;align-items:center}
.modal-head strong{font-size:1.05rem}
.modal .x{background:none;border:0;font-size:1.4rem;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:6px}
.modal .x:hover{background:var(--sunk)}
.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.pill.super{background:var(--accent);color:var(--accent-ink);font-weight:700}
/* 선택칸: 브라우저 기본 화살표 대신 좌우 여백이 같은 화살표 */
select.input{-webkit-appearance:none;appearance:none;padding-right:36px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235d6a64' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}
.filters select.input{padding-left:12px;padding-right:34px}
.list select.input{padding:3px 28px 3px 8px;background-position:right 9px center;background-size:10px 7px}
select.input:disabled{cursor:default;opacity:.6}
/* 수집일 달력 */
.datepick{position:relative}
.filters .dp-btn{width:auto;max-width:none;text-align:left;padding:6px 34px 6px 12px;font-size:.86rem;cursor:pointer;white-space:nowrap;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235d6a64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px}
.dp-btn.on{border-color:var(--accent);color:var(--accent-text);font-weight:600}
.dp-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:300px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 14px 36px rgba(0,0,0,.14)}
.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dp-head strong{font-size:.95rem}
.dp-nav{background:none;border:0;width:32px;height:32px;border-radius:8px;font-size:1.3rem;line-height:1;color:var(--muted);cursor:pointer}
.dp-nav:hover{background:var(--sunk);color:var(--fg)}
.dp-week,.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.dp-week span{font-size:.72rem;color:var(--muted);padding:4px 0}
.dp-week span:first-child{color:var(--warn)}
.dp-grid{row-gap:2px}
.dp-day{position:relative;height:36px;border:0;background:none;font-size:.86rem;cursor:pointer;border-radius:0}
.dp-day:hover{background:var(--sunk);border-radius:8px}
.dp-day.today{font-weight:700;color:var(--accent-text)}
.dp-day.has::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.dp-day.in{background:var(--accent-soft)}
.dp-day.start{border-top-left-radius:8px;border-bottom-left-radius:8px}
.dp-day.end{border-top-right-radius:8px;border-bottom-right-radius:8px}
.dp-day.start,.dp-day.end{background:var(--accent);color:var(--accent-ink);font-weight:700}
.dp-day.start.has::after,.dp-day.end.has::after{background:var(--accent-ink)}
.dp-hint{font-size:.74rem;color:var(--muted);margin:10px 0 8px;min-height:1.2em}
.dp-foot{display:flex;gap:4px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.dp-foot .sp{flex:1}
.dp-quick{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 10px;font-size:.78rem;color:var(--muted);cursor:pointer}
.dp-quick:hover{border-color:var(--accent);color:var(--accent-text)}
.filters{align-items:center}
@media (max-width:620px){.dp-pop{right:auto;left:0}}