/* 운영 관리 화면 정체성 — 사장님 화면(크림 · 초록)과 한눈에 구분되게 어두운 남색 사이드바 · 회청색 바탕 · 남색 강조.
   approved-ops.css 뒤에 불러 색 변수와 메뉴 모양만 덮는다. 모바일 우선(min-width 만). 대비 4.5:1 이상 */
html body.ops-workspace{--oi:#0f172a;--ob:#eef1f6;--ol:#dbe1ea;--os:#475569;--om:#566175;--oa:#4338ca;--oa-deep:#3730a3;--oa-soft:#eef2ff;background:var(--ob);color:var(--oi)}

/* 사이드바 */
html body.ops-workspace .ops-sidebar{background:#0f172a;border-right:1px solid #1e293b;color:#cbd5e1;scrollbar-color:#334155 #0f172a}
html body.ops-workspace .ops-sidebar .ops-logo,html body.ops-workspace .ops-sidebar .ops-logo b{color:#f8fafc}
html body.ops-workspace .ops-logo small{color:#a5b4fc;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
html body.ops-workspace .ops-internal{font-style:normal;font-size:12px;font-weight:800;line-height:1;padding:4px 7px;border-radius:6px;background:#4338ca;color:#fff}
html body.ops-workspace .ops-sidebar .ops-nav{padding:8px 12px 24px}
html body.ops-workspace .ops-sidebar .ops-nav a,html body.ops-workspace .ops-sidebar .ops-nav summary{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 12px;margin:2px 0;border-radius:8px;color:#cbd5e1;font-size:14px;line-height:1.35;box-shadow:none;background:transparent;text-decoration:none}
html body.ops-workspace .ops-sidebar .ops-nav svg{width:18px;height:18px;flex:none;color:#94a3b8}
html body.ops-workspace .ops-sidebar .ops-nav summary{cursor:pointer;list-style:none;font-weight:700}
html body.ops-workspace .ops-sidebar .ops-nav summary::-webkit-details-marker{display:none}
html body.ops-workspace .ops-sidebar .ops-nav summary span,html body.ops-workspace .ops-sidebar .ops-nav a span{flex:1 1 auto;min-width:0}
html body.ops-workspace .ops-sidebar .ops-nav-top{font-weight:700}
html body.ops-workspace .ops-sidebar .ops-nav a:hover,html body.ops-workspace .ops-sidebar .ops-nav summary:hover{background:#1e293b;color:#fff}
html body.ops-workspace .ops-sidebar .ops-nav a[aria-current]{background:#312e81;color:#fff;font-weight:800;box-shadow:inset 3px 0 #a5b4fc}
html body.ops-workspace .ops-sidebar .ops-nav a[aria-current] svg{color:#c7d2fe}
html body.ops-workspace .ops-sidebar .ops-nav-group[data-active] > summary{color:#fff}
html body.ops-workspace .ops-sidebar .ops-nav-group[data-active] > summary svg{color:#a5b4fc}
html body.ops-workspace .ops-sidebar .ops-nav-chev{flex:none;width:8px;height:8px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(-45deg);transition:transform .15s}
html body.ops-workspace .ops-sidebar .ops-nav-group[open] > summary .ops-nav-chev{transform:rotate(45deg)}
html body.ops-workspace .ops-sidebar .ops-nav-kids{padding:2px 0 8px 29px}
html body.ops-workspace .ops-sidebar .ops-nav-kids a{font-size:13.5px;color:#cbd5e1;font-weight:500}
html body.ops-workspace .ops-sidebar .ops-nav-count{flex:none;font-style:normal;min-width:22px;padding:0 6px;border-radius:999px;background:#f97316;color:#111827;font-size:12px;font-weight:800;text-align:center;line-height:20px}
html body.ops-workspace .ops-sidebar .ops-nav :focus-visible{outline:3px solid #a5b4fc;outline-offset:-2px}
html body.ops-workspace .ops-sidebar-foot{border-top:1px solid #1e293b}
html body.ops-workspace .ops-sidebar-foot a{color:#cbd5e1}
html body.ops-workspace .ops-sidebar-foot small{color:#94a3b8}

/* 상단 바 — 남색 선으로 운영 화면임을 표시 */
html body.ops-workspace .ops-topbar{background:#ffffff;border-bottom:1px solid var(--ol);box-shadow:inset 0 3px 0 #4338ca}
html body.ops-workspace .ops-breadcrumb b{color:var(--oi)}
html body.ops-workspace .ops-avatar{background:#e0e7ff;color:#3730a3}

/* 버튼 · 강조 — 초록 계열을 남색 계열로 */
html body.ops-workspace .obtn.g{background:#fff;color:#334155;border-color:#cbd5e1}
html body.ops-workspace .obtn.g:hover{border-color:#4338ca;color:#3730a3}
html body.ops-workspace .ops-eyebrow{color:#4338ca}
html body.ops-workspace .ops-shortcuts a,html body.ops-workspace .ops-shortcuts > *{background:#eef2ff;border-color:#c7d2fe}

@media (prefers-reduced-motion:reduce){html body.ops-workspace .ops-sidebar .ops-nav-chev{transition:none}}
html body.ops-workspace .ot th{background:#f1f5f9;color:#334155}
html body.ops-workspace .ops-shortcuts a{background:#eef2ff;border-color:#c7d2fe;color:#312e81}
html body.ops-workspace .ops-global-search{background:#f1f5f9}
html body.ops-workspace .oft{background:#fff}