/*
 * 와이드브릿지 관리 화면 틀 — 사이드바 · 상단 바 · 로그인, 그리고 모든 관리 화면의 기본 색 · 글꼴 · 버튼 · 표.
 * 화면 안쪽의 와이드브릿지 전용 디자인은 wb-admin.css(body.wb-ui). 색은 와이드브릿지 사이트와 같은 값.
 * 넓은 사이드바(232px)는 961px 이상에서 접지 않았을 때만. 접은 상태와 태블릿 · 휴대폰은 워드프레스 배치를 그대로 두고 색만 바꾼다.
 */
body.wp-admin, body.login {
	--wbs-dark: #121826; --wbs-dark-2: #1a2233; --wbs-dark-line: #2a3448; --wbs-dark-mut: #a9b3c6; --wbs-dark-ink: #e8ecf4;
	--wbs-bg: #f3f5f9; --wbs-surface: #fdfdfe; --wbs-line: #e2e6ee; --wbs-line-2: #cfd6e2; --wbs-ink: #151b26; --wbs-ink-2: #3f4859; --wbs-muted: #6b7486;
	--wbs-acc: #2b54e8; --wbs-acc-dark: #1f40bd; --wbs-acc-soft: #ebf0fe; --wbs-on: #fdfdfe;
	--wbs-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
	--wp-admin-theme-color: #2b54e8; --wp-admin-theme-color--rgb: 43, 84, 232; --wp-admin-theme-color-darker-10: #1f40bd; --wp-admin-theme-color-darker-10--rgb: 31, 64, 189; --wp-admin-theme-color-darker-20: #1a36a0; --wp-admin-theme-color-darker-20--rgb: 26, 54, 160;
	font-family: var(--wbs-font);
}
body.wp-admin { background: var(--wbs-bg); color: var(--wbs-ink-2); }
body.wp-admin #wpwrap, body.wp-admin #wpcontent, body.wp-admin #wpfooter { background: var(--wbs-bg); }
body.wp-admin #wpbody-content input, body.wp-admin #wpbody-content select, body.wp-admin #wpbody-content textarea, body.wp-admin #wpbody-content button, body.wp-admin #adminmenu, body.wp-admin #wpadminbar * { font-family: var(--wbs-font); }
body.wp-admin #wpadminbar .ab-icon, body.wp-admin #wpadminbar .ab-icon:before, body.wp-admin #wpadminbar .ab-item:before { font-family: dashicons; }

/* ---------- 사이드바 ---------- */
body.wp-admin #adminmenuback, body.wp-admin #adminmenuwrap, body.wp-admin #adminmenu { background: var(--wbs-dark); }
body.wp-admin #adminmenu a { color: var(--wbs-dark-ink); }
body.wp-admin #adminmenu .wp-menu-image:before, body.wp-admin #adminmenu div.wp-menu-image:before { color: var(--wbs-dark-mut); transition: color .15s; }
body.wp-admin #adminmenu li.menu-top:hover > a, body.wp-admin #adminmenu li.opensub > a.menu-top, body.wp-admin #adminmenu li > a.menu-top:focus { background: var(--wbs-dark-2); color: var(--wbs-on); }
body.wp-admin #adminmenu li.menu-top:hover div.wp-menu-image:before, body.wp-admin #adminmenu li.opensub div.wp-menu-image:before { color: var(--wbs-on); }
body.wp-admin #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, body.wp-admin #adminmenu li.current a.menu-top, body.wp-admin #adminmenu .wp-menu-arrow, body.wp-admin #adminmenu .wp-menu-arrow div { background: var(--wbs-acc); color: var(--wbs-on); }
body.wp-admin #adminmenu li.wp-has-current-submenu div.wp-menu-image:before, body.wp-admin #adminmenu li.current div.wp-menu-image:before { color: var(--wbs-on); }
body.wp-admin ul#adminmenu a.wp-has-current-submenu:after, body.wp-admin ul#adminmenu > li.current > a.current:after, body.wp-admin #adminmenu li.current.menu-top > a:after, body.wp-admin #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after, body.wp-admin #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { display: none; }
body.wp-admin #adminmenu .wp-submenu, body.wp-admin #adminmenu .wp-has-current-submenu .wp-submenu, body.wp-admin #adminmenu .wp-has-current-submenu.opensub .wp-submenu { background: var(--wbs-dark-2); }
body.wp-admin #adminmenu .wp-submenu a { color: var(--wbs-dark-mut); }
body.wp-admin #adminmenu .wp-submenu a:hover, body.wp-admin #adminmenu .wp-submenu a:focus, body.wp-admin #adminmenu .wp-submenu li.current a { color: var(--wbs-on); }
body.wp-admin #adminmenu .wp-submenu-head { color: var(--wbs-on); }
body.wp-admin #adminmenu .awaiting-mod, body.wp-admin #adminmenu .update-plugins { background: #e5484d; color: var(--wbs-on); }
body.wp-admin #collapse-button { color: var(--wbs-dark-mut); }
body.wp-admin #collapse-button:hover { color: var(--wbs-on); }
body.wp-admin #adminmenu div.separator { border: 0; }
body.wp-admin #adminmenu .wp-menu-arrow { display: none; }
.wbs-brand { display: none; }

@media (min-width: 961px) {
	body.wp-admin:not(.folded) #adminmenuback, body.wp-admin:not(.folded) #adminmenuwrap, body.wp-admin:not(.folded) #adminmenu { width: 232px; }
	body.wp-admin:not(.folded) #wpcontent, body.wp-admin:not(.folded) #wpfooter { margin-left: 232px; }
	body.wp-admin:not(.folded).auto-fold .interface-interface-skeleton, body.wp-admin:not(.folded) .interface-interface-skeleton { left: 232px; }
	body.wp-admin:not(.folded) #adminmenu { display: flex; flex-direction: column; margin: 0; padding: 0 12px 20px; box-sizing: border-box; }
	body.wp-admin:not(.folded) #adminmenu li.wbs-brand { display: flex; order: -1; align-items: center; gap: 12px; margin: 0 -12px 12px; padding: 20px 20px 18px; border-bottom: 1px solid var(--wbs-dark-line); }
	.wbs-brand i { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: var(--wbs-acc); color: var(--wbs-on); font: 700 16px/1 var(--wbs-font); }
	.wbs-brand b { display: block; color: var(--wbs-on); font: 700 15px/1.35 var(--wbs-font); word-break: keep-all; }
	.wbs-brand small { display: block; margin-top: 2px; color: var(--wbs-dark-mut); font: 500 11px/1.4 var(--wbs-font); letter-spacing: .08em; }
	body.wp-admin:not(.folded) #adminmenu li.menu-top { width: auto; min-height: 0; margin-bottom: 2px; }
	body.wp-admin:not(.folded) #adminmenu a.menu-top { display: flex; align-items: center; min-height: 40px; border-radius: 8px; font-size: 14px; font-weight: 500; line-height: 1.3; }
	body.wp-admin:not(.folded) #adminmenu li.wp-has-current-submenu > a.menu-top, body.wp-admin:not(.folded) #adminmenu li.current > a.menu-top { font-weight: 600; }
	body.wp-admin:not(.folded) #adminmenu div.wp-menu-image { float: none; flex: none; width: 36px; height: 24px; }
	body.wp-admin:not(.folded) #adminmenu div.wp-menu-image:before { padding: 2px 0 0; font-size: 18px; }
	body.wp-admin:not(.folded) #adminmenu div.wp-menu-image img { padding: 3px 0 0; }
	body.wp-admin:not(.folded) #adminmenu div.wp-menu-name { padding: 8px 8px 8px 2px; flex: 1; min-width: 0; }
	body.wp-admin:not(.folded) #adminmenu li.wp-menu-separator { height: 1px; margin: 10px 8px; background: var(--wbs-dark-line); }
	body.wp-admin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu { position: static; margin: 2px 0 6px; padding: 4px 0; background: transparent; box-shadow: none; }
	body.wp-admin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu li { margin-left: 17px; border-left: 1px solid var(--wbs-dark-line); }
	body.wp-admin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu li.current { border-left-color: var(--wbs-on); }
	body.wp-admin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu a { padding: 8px 8px 8px 18px; font-size: 13.5px; line-height: 1.4; }
	body.wp-admin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu li.current a { font-weight: 600; }
	body.wp-admin:not(.folded) #adminmenu .wp-not-current-submenu .wp-submenu, body.wp-admin:not(.folded) #adminmenu .opensub .wp-submenu { left: 208px; border-radius: 8px; box-shadow: 0 8px 24px rgba(10, 14, 24, .28); padding: 6px; }
	body.wp-admin:not(.folded) #adminmenu li.wp-has-current-submenu.opensub .wp-submenu { box-shadow: none; padding: 4px 0; }
	body.wp-admin:not(.folded) #adminmenu .wp-not-current-submenu .wp-submenu a { padding: 8px 12px; border-radius: 6px; font-size: 13.5px; }
	body.wp-admin:not(.folded) #adminmenu .wp-not-current-submenu .wp-submenu a:hover { background: var(--wbs-dark-line); }
	body.wp-admin:not(.folded) #adminmenu #collapse-menu { margin-top: 12px; border-radius: 8px; }
	body.wp-admin:not(.folded) #adminmenu #collapse-button { width: 100%; }
}

/* ---------- 상단 바 ---------- */
body.wp-admin #wpadminbar { background: var(--wbs-surface); color: var(--wbs-ink-2); box-shadow: inset 0 -1px 0 var(--wbs-line); }
body.wp-admin #wpadminbar .ab-item, body.wp-admin #wpadminbar a.ab-item, body.wp-admin #wpadminbar > #wp-toolbar span.ab-label, body.wp-admin #wpadminbar > #wp-toolbar span.noticon, body.wp-admin #wpadminbar .ab-empty-item { color: var(--wbs-ink-2); }
body.wp-admin #wpadminbar .ab-icon:before, body.wp-admin #wpadminbar .ab-item:before, body.wp-admin #wpadminbar .ab-item:after, body.wp-admin #wpadminbar #adminbarsearch:before { color: var(--wbs-muted); }
body.wp-admin #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, body.wp-admin #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, body.wp-admin #wpadminbar .ab-top-menu > li.hover > .ab-item, body.wp-admin #wpadminbar .menupop .ab-sub-wrapper .ab-item:hover { background: var(--wbs-acc-soft); color: var(--wbs-acc); }
body.wp-admin #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, body.wp-admin #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label, body.wp-admin #wpadminbar li:hover .ab-icon:before, body.wp-admin #wpadminbar li.hover .ab-icon:before, body.wp-admin #wpadminbar li:hover .ab-item:before, body.wp-admin #wpadminbar li.hover .ab-item:before { color: var(--wbs-acc); }
body.wp-admin #wpadminbar .menupop .ab-sub-wrapper, body.wp-admin #wpadminbar .shortlink-input { background: var(--wbs-surface); box-shadow: 0 8px 24px rgba(18, 24, 38, .12); }
body.wp-admin #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, body.wp-admin #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: var(--wbs-bg); }
body.wp-admin #wpadminbar .ab-submenu .ab-item, body.wp-admin #wpadminbar .quicklinks .menupop ul li a, body.wp-admin #wpadminbar .quicklinks .menupop ul li a strong, body.wp-admin #wpadminbar .quicklinks .menupop.hover ul li a { color: var(--wbs-ink-2); }
body.wp-admin #wpadminbar .quicklinks .menupop ul li a:hover, body.wp-admin #wpadminbar .quicklinks .menupop ul li a:hover strong { color: var(--wbs-acc); }
body.wp-admin #wpadminbar #wp-admin-bar-wbm > .ab-item { font-weight: 600; color: var(--wbs-ink); }
@media (max-width: 782px) { body.wp-admin #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { color: var(--wbs-ink); } body.wp-admin .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: var(--wbs-acc-soft); } body.wp-admin .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { color: var(--wbs-acc); } }

/* 담당자 안내 줄: 어두운 띠 → 내용 위 얇은 안내 */
body.wp-admin #wpcontent .wbm-bar { background: var(--wbs-surface); color: var(--wbs-muted); border-bottom: 1px solid var(--wbs-line); font-family: var(--wbs-font); }
body.wp-admin #wpcontent .wbm-bar a { color: var(--wbs-ink-2); }
body.wp-admin #wpcontent .wbm-bar a:hover { color: var(--wbs-acc); }
body.wp-admin #wpcontent .wbm-bar-brand { display: none; }
body.wp-admin #wpcontent .wbm-bar-msg { opacity: 1; }
body.wp-admin #wpcontent .wbm-bar-view { border-color: var(--wbs-line-2); }
body.wp-admin #wpcontent .wbm-bar { justify-content: flex-end; }
@media (min-width: 783px) { body.wp-admin #wpcontent .wbm-bar { padding-block: 6px; } }
@media (max-width: 782px) { body.wp-admin #wpcontent .wbm-bar { justify-content: flex-end; } body.wp-admin #wpcontent .wbm-bar-link:active { background: var(--wbs-acc-soft); } }

/* ---------- 기본 화면의 제목 · 링크 · 버튼 · 입력 · 표 · 안내 ---------- */
a { color: var(--wbs-acc); }
a:hover, a:active, a:focus { color: var(--wbs-acc-dark); }
body.wp-admin:not(.wb-ui) .wrap > h1, body.wp-admin:not(.wb-ui) .wrap h1.wp-heading-inline { font-size: 24px; font-weight: 700; letter-spacing: -.02em; color: var(--wbs-ink); }
body.wp-admin .button-primary, body.wp-admin .button.button-primary { background: var(--wbs-acc); border-color: var(--wbs-acc); color: var(--wbs-on); border-radius: 8px; box-shadow: none; text-shadow: none; }
body.wp-admin .button-primary:hover, body.wp-admin .button-primary:focus, body.wp-admin .button.button-primary:hover { background: var(--wbs-acc-dark); border-color: var(--wbs-acc-dark); color: var(--wbs-on); }
body.wp-admin .button:not(.button-primary):not(.button-link), body.wp-admin .page-title-action, body.wp-admin .wrap .page-title-action { background: var(--wbs-surface); border: 1px solid var(--wbs-line-2); color: var(--wbs-ink); border-radius: 8px; }
body.wp-admin .button:not(.button-primary):not(.button-link):hover, body.wp-admin .wrap .page-title-action:hover { background: var(--wbs-acc-soft); border-color: var(--wbs-acc); color: var(--wbs-acc-dark); }
body.wp-admin input[type=text], body.wp-admin input[type=search], body.wp-admin input[type=email], body.wp-admin input[type=url], body.wp-admin input[type=tel], body.wp-admin input[type=number], body.wp-admin input[type=password], body.wp-admin select, body.wp-admin textarea { border-color: var(--wbs-line-2); border-radius: 8px; }
body.wp-admin input:focus, body.wp-admin select:focus, body.wp-admin textarea:focus { border-color: var(--wbs-acc); box-shadow: 0 0 0 1px var(--wbs-acc); }
body.wp-admin:not(.wb-ui) .wp-list-table { border: 1px solid var(--wbs-line); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; box-shadow: none; }
body.wp-admin:not(.wb-ui) .wp-list-table thead th, body.wp-admin:not(.wb-ui) .wp-list-table thead td, body.wp-admin:not(.wb-ui) .wp-list-table tfoot th, body.wp-admin:not(.wb-ui) .wp-list-table tfoot td { background: #f6f8fb; border-color: var(--wbs-line); color: var(--wbs-muted); font-weight: 600; }
body.wp-admin:not(.wb-ui) .wp-list-table tbody tr, body.wp-admin:not(.wb-ui) .wp-list-table.striped > tbody > :nth-child(odd) { background: var(--wbs-surface); }
body.wp-admin:not(.wb-ui) .wp-list-table tbody tr:hover { background: #f6f8fb; }
body.wp-admin:not(.wb-ui) .wp-list-table td, body.wp-admin:not(.wb-ui) .wp-list-table th { border-top: 1px solid var(--wbs-line); box-shadow: none; }
body.wp-admin:not(.wb-ui) .postbox, body.wp-admin:not(.wb-ui) .card { background: var(--wbs-surface); border-color: var(--wbs-line); border-radius: 12px; box-shadow: none; }
body.wp-admin .notice, body.wp-admin div.updated, body.wp-admin div.error { background: var(--wbs-surface); border-radius: 8px; box-shadow: none; border: 1px solid var(--wbs-line); border-left-width: 4px; }
body.wp-admin .notice-success, body.wp-admin div.updated { border-left-color: #137a43; }
body.wp-admin .notice-warning { border-left-color: #b57a00; }
body.wp-admin .notice-error, body.wp-admin div.error { border-left-color: #b4232c; }
body.wp-admin .notice-info { border-left-color: var(--wbs-acc); }
body.wp-admin #wpfooter { color: var(--wbs-muted); border-top: 1px solid var(--wbs-line); }

/* ---------- 사이트 관리 홈 배치 ---------- */
@media (min-width: 1100px) {
	body.wb-ui .wrap.wbm:has(> .wbm-cards) { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; align-items: start; }
	body.wb-ui .wrap.wbm:has(> .wbm-cards) > * { grid-column: 1 / -1; }
	body.wb-ui .wrap.wbm:has(> .wbm-cards) > .wbm-panel:has(.wbm-list, .wbm-empty) { grid-column: auto; }
	body.wb-ui .wrap.wbm:has(> .wbm-cards) > .wbm-panel:has(.wbm-bars) { grid-column: 1 / -1; }
	body.wb-ui .wrap.wbm:has(> .wbm-cards) > .wbm-panel:has(.wbm-quick) { order: -1; }
	body.wb-ui .wrap.wbm:has(> .wbm-cards) > .wbm-h1 { order: -3; }
	body.wb-ui .wrap.wbm:has(> .wbm-cards) > .wbm-cards { order: -2; }
}
body.wb-ui .wbm-h1 { font-size: 26px; }
body.wb-ui .wbm-card { padding: 20px 22px; }
body.wb-ui .wbm-card > .dashicons { display: none; }
body.wb-ui .wbm-card b { font-size: 32px; margin-top: 4px; }
body.wb-ui .wbm-card em { display: block; margin-top: 6px; }
body.wb-ui .wbm-q .dashicons { font-size: 18px; width: 18px; height: 18px; }

/* ---------- 로그인 ---------- */
body.login { background: var(--wbs-dark); color: var(--wbs-dark-mut); }
body.login h1 a { color: var(--wbs-on) !important; }
body.login h1 a small { color: var(--wbs-dark-mut) !important; }
body.login form { background: var(--wbs-surface); border: 0; border-radius: 14px; box-shadow: 0 16px 48px rgba(0, 0, 0, .28); padding: 28px; }
body.login form input[type=text], body.login form input[type=password] { border-color: var(--wbs-line-2); border-radius: 8px; font-size: 16px; padding: 6px 12px; }
body.login form input:focus { border-color: var(--wbs-acc); box-shadow: 0 0 0 1px var(--wbs-acc); }
body.login label { color: var(--wbs-ink-2); }
body.login .button-primary { background: var(--wbs-acc); border-color: var(--wbs-acc); border-radius: 8px; min-height: 40px; padding-inline: 18px; box-shadow: none; }
body.login .button-primary:hover { background: var(--wbs-acc-dark); border-color: var(--wbs-acc-dark); }
body.login .button-secondary, body.login .wp-hide-pw { color: var(--wbs-acc); }
body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-link, body.login .wbm-login-help a { color: var(--wbs-dark-ink); }
body.login #nav a:hover, body.login #backtoblog a:hover, body.login .wbm-login-help a:hover { color: #8fa8ff; }
body.login .wbm-login-help, body.login .language-switcher label, body.login .language-switcher .dashicons { color: var(--wbs-dark-mut); }
body.login .message, body.login .notice, body.login #login_error { background: var(--wbs-surface); color: var(--wbs-ink-2); border-radius: 8px; box-shadow: none; }
body.login #login .wba-login { background: var(--wbs-surface); border: 0; border-radius: 14px; box-shadow: 0 16px 48px rgba(0, 0, 0, .28); }
body.login #login .wba-g { border-color: var(--wbs-line-2); border-radius: 8px; }
body.login .language-switcher .button { background: transparent; border-color: var(--wbs-dark-mut); color: var(--wbs-dark-ink); border-radius: 8px; }
body.login .language-switcher select { border-radius: 8px; }

/* ---------- 마우스 올림: 메뉴 칸 전체가 아니라 그 줄만 ---------- */
body.wp-admin #adminmenu li.menu-top, body.wp-admin #adminmenu li.menu-top:hover, body.wp-admin #adminmenu li.opensub, body.wp-admin #adminmenu li.wp-has-current-submenu, body.wp-admin #adminmenu li.wp-has-current-submenu:hover { background: transparent; }
body.wp-admin #adminmenu li.wp-has-current-submenu > a.menu-top, body.wp-admin #adminmenu li.wp-has-current-submenu:hover > a.menu-top, body.wp-admin #adminmenu li.current > a.menu-top, body.wp-admin #adminmenu li.current:hover > a.menu-top { background: var(--wbs-acc); color: var(--wbs-on); box-shadow: none; }
body.wp-admin #adminmenu li.wp-has-current-submenu .wp-submenu, body.wp-admin #adminmenu li.wp-has-current-submenu:hover .wp-submenu, body.wp-admin #adminmenu li.wp-has-current-submenu.opensub .wp-submenu { background: transparent; }
body.wp-admin #adminmenu .wp-submenu a, body.wp-admin #adminmenu .wp-submenu a:hover, body.wp-admin #adminmenu .wp-submenu a:focus { box-shadow: none; outline-offset: -2px; }
body.wp-admin #adminmenu .wp-submenu a:hover, body.wp-admin #adminmenu .wp-submenu a:focus { background: rgba(253, 253, 254, .08); color: var(--wbs-on); border-radius: 6px; }
@media (max-width: 960px) { body.wp-admin #adminmenu li.wp-not-current-submenu .wp-submenu, body.wp-admin #adminmenu li.opensub:not(.wp-has-current-submenu) .wp-submenu { background: var(--wbs-dark-2); } }
body.wp-admin #adminmenu li.menu-top > a.menu-top, body.wp-admin #adminmenu li.menu-top:hover > a.menu-top, body.wp-admin #adminmenu li.menu-top > a.menu-top:focus { box-shadow: none; }