/* KOFA 패밀리 관리자 화면 A안 — 왼쪽 메뉴형 (2026-11-15) */
#ka-top{display:none}
html.ka-on #ka-top{display:flex}
html.ka-on .ka-hidden-top{display:none !important}
html.ka-on body{background:#f4f5f7 !important}
#ka-top{font-family:"Pretendard","Noto Sans KR","Noto Sans CJK KR",-apple-system,sans-serif;font-size:14px;letter-spacing:normal;line-height:1.4}

#ka-top{display:flex;align-items:stretch;min-height:52px;background:#2b2f36;color:#d7dbe0;position:sticky;top:0;z-index:90}
#ka-top .ka-logo{display:flex;align-items:center;gap:8px;padding:0 18px;background:#23262c;min-width:200px;flex:none}
#ka-top .ka-logo b{font-size:20px;letter-spacing:-.5px;color:#fff;font-weight:800}
#ka-top .ka-logo span{font-size:13px;color:#b8bec8}
#ka-tabs{display:flex;overflow-x:auto;scrollbar-width:none}
#ka-tabs::-webkit-scrollbar{display:none}
#ka-tabs .ka-tab{display:flex;align-items:center;padding:0 22px;font:600 15px/1 inherit;font-family:inherit;color:#e3e6ea;background:transparent;border:0;border-right:1px solid #3a3f47;cursor:pointer;white-space:nowrap}
#ka-tabs .ka-tab:hover{background:#353a42;color:#fff}
#ka-tabs .ka-tab.on{background:#1e6fd9;color:#fff}
#ka-top .ka-tr{margin-left:auto;display:flex;align-items:center;gap:16px;padding:0 18px;font-size:13px;color:#c3c8cf;flex:none}
#ka-top .ka-lnk{color:#d7dbe0;background:none;border:0;font:inherit;cursor:pointer;padding:0;white-space:nowrap;text-decoration:none}
#ka-top .ka-lnk:hover{color:#fff;text-decoration:underline}
#ka-top .ka-soon{cursor:default;color:#c3c8cf}
#ka-top .ka-soon:hover{text-decoration:none;color:#c3c8cf}
#ka-top .ka-soon i{font-style:normal;font-size:11px;background:#454b55;color:#e3e6ea;padding:1px 6px;border-radius:8px;margin-left:3px}
#ka-top .ka-em{color:#aeb4bd;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


#ka-top .ka-tr .ka-moved{display:flex !important;align-items:center;gap:12px;flex-wrap:wrap;margin:0;padding:0;background:transparent !important;border:0 !important}
#ka-top .ka-tr .ka-moved, #ka-top .ka-tr .ka-moved *{color:#d7dbe0 !important;font-size:13px !important;font-weight:500 !important;text-decoration:none}
#ka-top .ka-tr .ka-moved a, #ka-top .ka-tr .ka-moved button{background:transparent !important;border:0 !important;padding:0 !important;box-shadow:none !important;cursor:pointer;min-height:0 !important;height:auto !important;font-family:inherit}
#ka-top .ka-tr .ka-moved a:hover, #ka-top .ka-tr .ka-moved button:hover{color:#fff !important;text-decoration:underline}
#ka-top .ka-tr .ka-moved img{display:none}
#ka-top .ka-tr .ka-moved[hidden]{display:none !important}
html.ka-on .ka-h{display:flex !important;justify-content:space-between;align-items:center;background:#1e6fd9 !important;color:#fff !important;padding:10px 14px !important;margin:10px 0 4px !important;font-weight:700 !important;font-size:14px !important;border-radius:0 !important;border:0 !important;opacity:1 !important}
html.ka-on .ka-h::after{content:"▾";font-size:11px}
html.ka-on .ka-i{color:#444 !important;font-weight:500 !important}
html.ka-on .ka-i:hover{color:#1e6fd9 !important;background:#f3f7fd !important}
html.ka-on .ka-i.ka-item-on, html.ka-on .ka-i.on, html.ka-on .ka-i.active{color:#1e6fd9 !important;background:#eaf2fd !important;font-weight:700 !important}
html.ka-on .ka-i .cnt{background:#e8453c !important;color:#fff !important}

@media (max-width:900px){
  #ka-top{flex-wrap:wrap;position:static}
  #ka-top .ka-logo{min-width:0;padding:10px 14px}
  #ka-top .ka-tr{order:2;margin-left:auto;padding:8px 12px;gap:10px;font-size:12px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
  #ka-top .ka-em{display:none}
  #ka-tabs{order:3;width:100%;background:#23262c}
  #ka-tabs .ka-tab{padding:13px 16px;font-size:14px}
}

html.ka-on .ka-off, html.ka-on .ka-h.ka-off{display:none !important}
#ka-tabs{flex:none}
#ka-top .ka-tr{flex:0 1 auto;min-width:0;flex-wrap:wrap;justify-content:flex-end;row-gap:4px;padding-top:6px;padding-bottom:6px}
@media (max-width:900px){#ka-tabs{flex:auto}}
html.ka-on [data-imported]{border-top:0 !important;margin-top:0 !important;padding-top:0 !important}

/* 2026-11-15b 모든 메뉴 펼침 + 탭 누르면 해당 묶음 위치 강조 */
html.ka-on .ka-h.ka-flash{box-shadow:0 0 0 3px #ffb02e inset !important}
html.ka-on .ka-h::after{content:""}
@media (min-width:901px){ html.ka-on .ka-sidebox{position:sticky !important;top:62px !important;align-self:flex-start;max-height:calc(100vh - 72px) !important;overflow-y:auto !important} html.ka-on .ka-sidebox{flex-wrap:nowrap !important} html.ka-on .ka-sidebox > *{flex-shrink:0 !important} }