/* KSI 사내 서비스 공통 헤더 (단일 출처) — 다크: OS 자동(color-scheme + light-dark) */
:root{color-scheme:light dark}
header.ksi{background:light-dark(#fff,#1e2027);color:light-dark(#181d26,#e6e8ec);border-bottom:1px solid light-dark(#e0e2e6,#333640);padding:0 22px;height:52px;display:flex;align-items:center;gap:12px;flex-shrink:0}
header.ksi .logo-link{display:flex;align-items:center}
header.ksi .ksi-logo{display:block;height:24px;width:auto}
header.ksi h1{font-size:16px;font-weight:800;letter-spacing:-.4px;margin:0;color:light-dark(#181d26,#e6e8ec)}
header.ksi .sub{color:light-dark(#9aa1ac,#828a95);font-size:12px}
header.ksi .right{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;color:light-dark(#5b6470,#9aa2ad)}
header.ksi .right a{color:light-dark(#5b6470,#9aa2ad);text-decoration:none;border:1px solid light-dark(#e0e2e6,#333640);border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:.15s}
header.ksi .right a:hover{color:#4d8ee8;border-color:light-dark(#c8dcf6,#2a3d5c);background:light-dark(#f0f6ff,#233047)}
@media(max-width:600px){header.ksi{padding:0 14px}}

/* 공통 2단 레이아웃 (단일 출처) — 사이드바 있는 화면은 .ksi-layout/.ksi-side/.ksi-main 사용 */
.ksi-layout{display:flex;height:calc(100vh - 52px);overflow:hidden}
.ksi-side{width:300px;background:light-dark(#fff,#1e2027);border-right:1px solid light-dark(#e0e2e6,#333640);overflow-y:auto;flex-shrink:0}
.ksi-main{flex:1;overflow-y:auto;padding:24px 34px}
@media(max-width:860px){
.ksi-layout{flex-direction:column;height:auto;overflow:visible}
.ksi-side{width:100%;max-height:42vh;border-right:0;border-bottom:1px solid light-dark(#e0e2e6,#333640)}
.ksi-main{padding:16px 14px}
}

/* 공통 테이블 (단일 출처) — 모든 화면의 표는 .ksi-tbl 사용 (헤더 색·보더·여백 통일) */
table.ksi-tbl{width:100%;border-collapse:collapse;background:light-dark(#fff,#1e2027);font-size:13px}
table.ksi-tbl th{background:light-dark(#f8fafc,#262933);color:light-dark(#5b6470,#9aa2ad);padding:10px 12px;text-align:left;font-weight:700;white-space:nowrap;border-bottom:1px solid light-dark(#e0e2e6,#333640)}
table.ksi-tbl td{padding:10px 12px;border-top:1px solid light-dark(#f0f2f5,#262933);vertical-align:middle}
table.ksi-tbl tbody tr:hover td{background:light-dark(#f8fafc,#262933)}