/* 리얼인건비 콘솔 어드민 화면 — 기존 운영실(portal.css ops-*·kmong-orders.css)을 콘솔 틀에 맞춰 옮김, .admin-page·.admin-drawer 안에만 적용 (2026-11-02) */
.page-body.admin-page{display:block}
:is(.admin-page,.admin-drawer){--soft:#eef2f7}
:is(.admin-page,.admin-drawer) label{display:grid;gap:8px}
:is(.admin-page,.admin-drawer) textarea{width:100%}
:is(.admin-page,.admin-drawer) h2{font-size:18px}
:is(.admin-page,.admin-drawer) h3{font-size:15px}
:is(.admin-page,.admin-drawer) small{font-size:12px;color:var(--muted)}
:is(.admin-page,.admin-drawer) .muted{font-size:12px}
:is(.admin-page,.admin-drawer) .stack{display:grid;align-content:start;gap:16px}
:is(.admin-page,.admin-drawer) .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:is(.admin-page,.admin-drawer) .notice{padding:12px 16px;background:var(--soft);border-left:3px solid var(--accent);color:var(--ink)}
:is(.admin-page,.admin-drawer) .empty{padding:32px;text-align:center;color:var(--muted)}
:is(.admin-page,.admin-drawer) .status{display:inline-flex;padding:2px 8px;border-radius:4px;background:var(--soft);font-size:12px;font-weight:650}
:is(.admin-page,.admin-drawer) .status:is(.active,.paid,.published){background:#e7f5ef;color:var(--positive)}
:is(.admin-page,.admin-drawer) .status:is(.expired,.failed,.warning){background:var(--warn-bg);color:var(--warn-ink)}
:is(.admin-page,.admin-drawer) .status:is(.refunded,.revoked,.critical){background:#fbe9ec;color:var(--danger)}
:is(.admin-page,.admin-drawer) .provider-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:4px;padding:2px 8px;white-space:nowrap;font-size:12px;font-weight:700;background:var(--soft);color:var(--ink)}
:is(.admin-page,.admin-drawer) .provider-chip[data-provider=google]{color:var(--accent)}
:is(.admin-page,.admin-drawer) .provider-chip[data-provider=naver]{color:var(--positive)}
:is(.admin-page,.admin-drawer) .provider-chip[data-provider=kakao]{background:var(--warn-bg);color:var(--warn-ink)}
:is(.admin-page,.admin-drawer) .ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:is(.admin-page,.admin-drawer) .ops-form-grid .full{grid-column:1/-1}
:is(.admin-page,.admin-drawer) .ops-form-grid>*{min-width:0}
:is(.admin-page,.admin-drawer) .ops-form-grid :is(input,select){max-width:100%}

.admin-page .section-space{margin-top:24px}
.admin-page .plain-panel{background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:8px;min-width:0}
.admin-page .danger-fill{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}
.admin-page .ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.admin-page .ops-metric{border-top:3px solid var(--accent);padding:16px;background:var(--panel);display:grid;gap:8px}
.admin-page .ops-metric strong{font-size:28px}
.admin-page .ops-metric button{justify-self:start}
.admin-page .ops-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.admin-page .ops-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.admin-page .ops-filters>label{max-width:100%;min-width:0}
.admin-page .ops-filters input{width:260px;max-width:100%}
.admin-page .ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.admin-page .ops-table-scroll{overflow:auto;border:1px solid var(--line);background:var(--panel)}
.admin-page .ops-table{width:100%;border-collapse:collapse;font-size:13px}
.admin-page .ops-table th{background:var(--nav);color:#fff;font-weight:650;text-align:center;white-space:nowrap;position:sticky;top:0}
.admin-page .ops-table :is(td,th){padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.admin-page .ops-table td[data-kind=number]{text-align:right;font-variant-numeric:tabular-nums}
.admin-page .ops-table td[data-kind=text]{text-align:left}
.admin-page .ops-table td[data-kind=center]{text-align:center}
.admin-page .ops-table small{display:block}
.admin-page .ops-table .amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.admin-page .ops-table .primary-text{color:var(--ink);font-weight:650;background:none;border:0;padding:0;height:auto;justify-content:flex-start}
.admin-page .ops-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.admin-page .ops-page-size{display:flex;align-items:center;gap:8px}
.admin-page .ops-page-size select{width:76px}
.admin-page .code-history-actions{justify-content:center}

.admin-page .notice-meta-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.admin-page .notice-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;border-top:1px solid var(--line);padding-top:24px}
.admin-page .notice-editor-layout textarea{font:13px/1.6 Consolas,'Malgun Gothic',monospace;tab-size:2}
.admin-page .notice-editor-preview{position:sticky;top:0;align-self:start}
.admin-page .notice-editor-preview .ops-toolbar{align-items:center}
.admin-page .notice-editor-preview [aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.admin-page .notice-body-preview{white-space:pre-wrap;line-height:1.9;border-top:1px solid var(--line);padding-top:24px;overflow-wrap:anywhere}
.admin-page .notice-body-preview iframe{width:100%;height:65dvh;border:0;background:#fff}
.admin-page .popup-preview-stage{overflow:auto;background:repeating-conic-gradient(#ddd 0 25%,#f2f2f2 0 50%) 0/16px 16px}
.admin-page .popup-preview-stage iframe{display:block;border:0;max-width:none;background:transparent}
.admin-page .editor-check{display:flex;align-items:center;gap:8px;padding:16px 0;border-top:1px solid var(--line)}
.admin-page .editor-check input{width:16px;height:16px}
.admin-page .notice-editor-actions{position:sticky;bottom:-40px;display:flex;align-items:center;gap:12px;padding:16px 0;background:var(--bg);border-top:1px solid var(--line);z-index:3}
.admin-page .html-file-label{display:flex;align-items:center;gap:8px}
.admin-page .html-file-label input{height:auto;max-width:240px}

.admin-page .kmong-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-bottom:32px}
.admin-page .kmong-workspace section{min-width:0}
.admin-page .kmong-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.admin-page .kmong-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.admin-page .kmong-products>button{height:76px;min-width:0;padding:12px 4px;display:flex;flex-direction:column;gap:4px}
.admin-page .kmong-products strong{font-size:18px}
.admin-page .kmong-products span{font-size:14px;white-space:nowrap}
.admin-page .kmong-history .ops-table :is(th,td):last-child{text-align:center}
.admin-page .kmong-history .ops-table td:first-child{overflow-wrap:anywhere}
.admin-page .kmong-history .ops-table td:nth-child(2){text-align:center;white-space:nowrap}
.admin-page .kmong-history .ops-pager{flex-wrap:wrap}

@media (max-width:1100px){.admin-page .notice-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-page .notice-editor-layout{grid-template-columns:minmax(0,1fr)}.admin-page .notice-editor-preview{position:static}}
@media (max-width:1000px){.admin-page .ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page :is(.ops-grid,.kmong-workspace){grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.admin-page .notice-meta-grid,:is(.admin-page,.admin-drawer) .ops-form-grid{grid-template-columns:minmax(0,1fr)}.admin-page .notice-editor-actions,.admin-page .ops-pager{flex-wrap:wrap}.admin-page .ops-filters input{width:100%}}
/* 기존 운영실의 드로어·발급 결과·크몽 결과·가입 방식 칩·공지 팝업 미리보기 규칙(portal.css·kmong-orders.css)을 어드민 영역에만 옮김 */
.ops-drawer.admin-drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid var(--line);padding:0;width:min(600px,100%);height:100dvh;max-height:none;max-width:100%;background:var(--panel);color:var(--ink)}
.ops-drawer.admin-drawer::backdrop{background:#07132166}
.ops-drawer.admin-drawer[open]{display:flex;flex-direction:column;overflow:hidden}
.admin-drawer .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);flex:none}
.admin-drawer .drawer-head h2{font-size:16px;margin:0}
.admin-drawer .drawer-body{padding:20px;display:grid;align-content:start;gap:16px;flex:1;min-height:0;overflow:auto}
.admin-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);background:#16202e;color:#fff;padding:11px 18px;border-radius:8px;font-size:14px;z-index:1000}
:is(.admin-page,.admin-drawer) .provider-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:4px;padding:2px 8px;white-space:nowrap;font-size:12px;font-weight:700;background:var(--soft);color:var(--ink)}
:is(.admin-page,.admin-drawer) .provider-chip[data-provider=google]{color:var(--accent)}
:is(.admin-page,.admin-drawer) .provider-chip[data-provider=naver]{color:var(--positive)}
:is(.admin-page,.admin-drawer) .provider-chip[data-provider=kakao]{background:var(--warn-bg);color:var(--warn-ink)}
:is(.admin-page,.admin-drawer) .issued-code-list{display:grid;gap:12px}
:is(.admin-page,.admin-drawer) .issued-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
:is(.admin-page,.admin-drawer) .issued-code-row code{font-size:16px;letter-spacing:.08em;user-select:all}
:is(.admin-page,.admin-drawer) .issued-code-row button{min-width:104px}
.clipboard-buffer,.kmong-clipboard{position:fixed;inset:0 auto auto 0;width:1px;height:1px;opacity:0;pointer-events:none}
.admin-page .kmong-feedback:empty{display:none}
.admin-page .kmong-result{border-top:1px solid var(--line);padding-top:16px}
.admin-page .kmong-copy-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-page .kmong-message{margin:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);padding:16px;border-left:3px solid var(--accent);user-select:text}
.admin-page .kmong-history-content{min-width:0}
:is(.admin-page,.admin-drawer) .popup-preview-stage{overflow:auto;background:repeating-conic-gradient(#ddd 0 25%,#f2f2f2 0 50%) 0/16px 16px}
:is(.admin-page,.admin-drawer) .popup-preview-stage iframe{display:block;border:0;max-width:none;background:transparent}
:is(.admin-page,.admin-drawer) .editor-check{display:flex;align-items:center;gap:8px;padding:16px 0;border-top:1px solid var(--line)}
:is(.admin-page,.admin-drawer) .editor-check input{width:16px;height:16px}
:is(.admin-page,.admin-drawer) .html-file-label{display:flex;align-items:center;gap:8px}
:is(.admin-page,.admin-drawer) .html-file-label input{height:auto;max-width:240px}
.admin-page .center-form{width:min(420px,calc(100% - 32px));margin:64px auto}