/* =============================================================================
   작업 정리(/task-admin) — Task Anchor Phase 1A 관리자 화면 · 2026-11-19
   Apple 디자인 토큰(app.css :root --ap-*)을 그대로 쓴다. 화면 전용(인쇄 대상 아님). 접두어 tka-
   ========================================================================== */
@media screen {
.tka-page{max-width:1120px;margin:0 auto;padding:28px var(--content-pad,24px) 64px;color:var(--ap-ink,#1d1d1f);}
.tka-head{margin-bottom:18px;}
.tka-h1{margin:0;font-size:30px;line-height:1.15;font-weight:600;letter-spacing:.01em;}
.tka-sub{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:var(--ap-ink-60,#6e6e73);max-width:820px;}
.tka-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--ap-hair-soft,#e8e8ed);margin-bottom:18px;}
.tka-tab{border:0;background:transparent;padding:10px 14px;font-size:15px;color:var(--ap-ink-60,#6e6e73);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;}
.tka-tab.on{color:var(--ap-ink,#1d1d1f);font-weight:600;border-bottom-color:var(--ap-blue-focus,#0071e3);}
.tka-tab:focus-visible{outline:2px solid var(--ap-blue-focus,#0071e3);outline-offset:2px;border-radius:6px;}
.tka-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px;}
.tka-kpi{background:#fff;border:1px solid var(--ap-hair-soft,#e8e8ed);border-radius:var(--ap-r-md,12px);padding:12px 14px;}
.tka-kpi>span{display:block;font-size:12.5px;color:var(--ap-ink-60,#6e6e73);}
.tka-kpi b{display:block;margin-top:4px;font-size:24px;font-weight:600;}
.tka-kpi b small{font-size:13px;font-weight:400;margin-left:3px;color:var(--ap-ink-60,#6e6e73);}
.tka-kpi.is-ok b{color:#1d7a3a;}
.tka-kpi.is-warn b{color:#b25e00;}
.tka-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;}
.tka-q{min-width:200px;flex:1 1 200px;max-width:320px;border:1px solid var(--ap-hair,#d2d2d7);border-radius:var(--ap-pill,999px);padding:8px 14px;font-size:14px;background:#fff;}
.tka-fchip{border:1px solid var(--ap-hair,#d2d2d7);background:#fff;color:var(--ap-ink-80,#333);border-radius:var(--ap-pill,999px);padding:6px 13px;font-size:13.5px;cursor:pointer;}
.tka-fchip.on{background:var(--ap-ink,#1d1d1f);border-color:var(--ap-ink,#1d1d1f);color:#fff;}
.tka-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--ap-hair-soft,#e8e8ed);border-radius:var(--ap-r-md,12px);background:#fff;margin:8px 0 12px;}
.tka-table{width:100%;border-collapse:collapse;font-size:14px;}
.tka-table th{background:var(--ap-parch,#f5f5f7);text-align:left;font-weight:600;font-size:12.5px;color:var(--ap-ink-60,#6e6e73);padding:9px 12px;white-space:nowrap;}
.tka-table td{padding:10px 12px;border-top:1px solid var(--ap-hair-soft,#e8e8ed);vertical-align:top;}
.tka-table .num{text-align:right;white-space:nowrap;}
.tka-table tr.is-pri td{background:#f4f9ff;}
.tka-table .small,.tka-small .small{font-size:12.5px;}
.tka-btns{white-space:nowrap;}
.tka-btns .btn{margin:0 4px 4px 0;}
.tka-badge{display:inline-block;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;white-space:nowrap;}
.tka-badge.ok{background:#e6f4ea;color:#1d7a3a;}
.tka-badge.warn{background:#fff4e0;color:#9a5b00;}
.tka-badge.run{background:#eef4fd;color:#0066cc;}
.tka-badge.err{background:#fdeaea;color:#b3261e;}
.tka-badge.off{background:#f0f0f2;color:#6e6e73;}
.tka-pri{display:inline-block;background:#0071e3;color:#fff;border-radius:6px;padding:1px 7px;font-size:11.5px;font-weight:600;margin-right:4px;}
.tka-dup{margin-top:6px;padding:6px 9px;border-radius:8px;background:#fff8e6;color:#7a4a00;line-height:1.5;}
.tka-chip{display:inline-block;background:var(--ap-parch,#f5f5f7);border-radius:6px;padding:1px 7px;font-size:12px;color:var(--ap-ink-80,#333);}
.tka-empty{padding:34px 12px;text-align:center;color:var(--ap-ink-60,#6e6e73);background:#fff;border:1px dashed var(--ap-hair,#d2d2d7);border-radius:var(--ap-r-md,12px);}
.tka-h3{margin:20px 0 6px;font-size:16px;font-weight:600;}
.tka-h3 small{font-weight:400;color:var(--ap-ink-60,#6e6e73);font-size:13px;}
.tka-log{list-style:none;margin:6px 0 12px;padding:0;font-size:14px;}
.tka-log li{padding:6px 2px;border-bottom:1px solid var(--ap-hair-soft,#e8e8ed);}
.tka-log small{color:var(--ap-ink-60,#6e6e73);}
.tka-f{display:block;margin:0 0 12px;}
.tka-f>span{display:block;font-size:13px;font-weight:600;margin-bottom:5px;}
.tka-f>span small{font-weight:400;color:var(--ap-ink-60,#6e6e73);}
.tka-f input,.tka-f select,.tka-f textarea{width:100%;box-sizing:border-box;border:1px solid var(--ap-hair,#d2d2d7);border-radius:10px;padding:9px 12px;font-size:15px;background:#fff;font-family:inherit;}
.tka-kvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:6px;}
.tka-kv>span{display:block;font-size:12.5px;color:var(--ap-ink-60,#6e6e73);}
.tka-kv b{display:block;font-weight:500;font-size:14.5px;margin-top:2px;word-break:keep-all;overflow-wrap:anywhere;}
.tka-res{margin:0 0 10px;padding-left:18px;line-height:1.7;font-size:14.5px;}
.tka-ex{margin:8px 0;padding-left:18px;font-size:13.5px;max-height:220px;overflow:auto;}
.tka-table select{max-width:100%;border:1px solid var(--ap-hair,#d2d2d7);border-radius:8px;padding:6px 8px;font-size:13.5px;background:#fff;}
.tka-modal{max-width:880px;}
@media (max-width:640px){
  .tka-page{padding-top:18px;}
  .tka-h1{font-size:25px;}
  .tka-table th,.tka-table td{padding:8px 9px;}
}
}