/*
 * QualiCode Admin Theme v3.0
 * WordPress admin visual redesign — CSS only
 *
 * REGRAS:
 * - Nunca mexer em widths/paddings que o WP calcula (sidebar width, #wpcontent padding-left)
 * - Nunca mexer em margins de menu items (rebenta o collapsed)
 * - Só overridar visuais: cores, border-radius, fonts, shadows, backgrounds
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ============================================================
   VARIABLES
   ============================================================ */
:root {
  --qc-primary: #2563eb;
  --qc-primary-hover: #1d4ed8;
  --qc-primary-light: #dbeafe;
  --qc-primary-ultra-light: #eff6ff;
  --qc-accent: #0ea5e9;
  --qc-success: #16a34a;
  --qc-success-bg: #dcfce7;
  --qc-warning: #f59e0b;
  --qc-warning-bg: #fef9e7;
  --qc-danger: #dc2626;
  --qc-danger-bg: #fee2e2;
  --qc-bg: #f8fafc;
  --qc-surface: #ffffff;
  --qc-border: #e2e8f0;
  --qc-border-light: #f1f5f9;
  --qc-text: #0f172a;
  --qc-text-sec: #475569;
  --qc-text-muted: #94a3b8;
  --qc-sidebar-bg: #0f172a;
  --qc-sidebar-hover: #1e293b;
  --qc-sidebar-text: #94a3b8;
  --qc-radius: 10px;
  --qc-radius-sm: 6px;
  --qc-radius-lg: 14px;
  --qc-tr: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --qc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ============================================================
   GLOBAL
   ============================================================ */
body.wp-admin {
  background: var(--qc-bg) !important;
  color: var(--qc-text) !important;
  font-family: var(--qc-font) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body.wp-admin #wpcontent,
body.wp-admin #wpbody,
body.wp-admin #wpbody-content,
body.wp-admin .wrap {
  font-family: var(--qc-font) !important;
}

/* FIX: Não mexer no padding-left do #wpcontent - o WP calcula-o */
/* FIX: Não mexer no width do sidebar - o WP calcula-o */

/* ============================================================
   ADMIN BAR
   ============================================================ */
#wpadminbar {
  background: var(--qc-sidebar-bg) !important;
  box-shadow: none !important;
}

#wpadminbar * {
  font-family: var(--qc-font) !important;
}

#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
  color: var(--qc-sidebar-text) !important;
}

#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar .ab-top-menu > li > .ab-item:focus {
  background: var(--qc-sidebar-hover) !important;
  color: #fff !important;
}

/* ---- Admin bar ICONS — preservar dashicons e SVGs ---- */
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before {
  color: var(--qc-sidebar-text) !important;
}

#wpadminbar li:hover .ab-icon::before,
#wpadminbar li:hover .ab-item::before,
#wpadminbar li.hover .ab-icon::before {
  color: #fff !important;
}

/* WP logo icon special color */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
  color: var(--qc-primary) !important;
}

/* Admin bar dropdowns */
#wpadminbar .menupop .ab-sub-wrapper {
  background: var(--qc-sidebar-bg) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: var(--qc-radius-sm) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

#wpadminbar .quicklinks .menupop ul li a,
#wpadminbar .quicklinks .menupop ul li a strong {
  color: var(--qc-sidebar-text) !important;
}

#wpadminbar .quicklinks .menupop ul li a:hover {
  background: var(--qc-sidebar-hover) !important;
  color: #fff !important;
}

/* Admin bar — search, icons inside items */
#wpadminbar .ab-icon,
#wpadminbar .ab-item .ab-icon {
  font: inherit !important;
}

/* ============================================================
   SIDEBAR — BACKGROUND
   SÓ cores, NUNCA widths/margins/paddings estruturais
   ============================================================ */
#adminmenuback,
#adminmenuwrap,
#adminmenu,
body.admin-color-fresh #adminmenuback,
body.admin-color-fresh #adminmenuwrap,
body.admin-color-fresh #adminmenu {
  background: var(--qc-sidebar-bg) !important;
}

/* ============================================================
   SIDEBAR — MENU ITEMS
   ============================================================ */
#adminmenu,
#adminmenu a,
#adminmenu .wp-submenu a {
  font-family: var(--qc-font) !important;
}

/* ---- Top-level items ---- */
#adminmenu a {
  color: var(--qc-sidebar-text) !important;
  transition: all var(--qc-tr) !important;
}

#adminmenu li.menu-top > a {
  /* SÓ visuais — sem margin, sem padding custom */
  background: transparent !important;
  color: var(--qc-sidebar-text) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.admin-color-fresh #adminmenu li.menu-top > a {
  color: var(--qc-sidebar-text) !important;
}

/* Hover */
#adminmenu li.menu-top:hover > a,
#adminmenu li.menu-top > a:hover,
#adminmenu li.opensub > a,
body.admin-color-fresh #adminmenu li.menu-top:hover > a,
body.admin-color-fresh #adminmenu li.opensub > a {
  background: var(--qc-sidebar-hover) !important;
  color: #fff !important;
}

/* ---- Active / Current ---- */
#adminmenu .wp-has-current-submenu > a,
#adminmenu .wp-has-current-submenu > a.wp-has-current-submenu,
#adminmenu > li.current > a.current,
#adminmenu > li.menu-top.current > a,
body.admin-color-fresh #adminmenu .wp-has-current-submenu > a,
body.admin-color-fresh #adminmenu li.current > a.current,
body.admin-color-fresh #adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu {
  background: var(--qc-primary) !important;
  color: #fff !important;
  font-weight: 500 !important;
}

/* ---- Menu arrow — esconder ---- */
#adminmenu li.wp-has-current-submenu > a .wp-menu-arrow,
#adminmenu li.current > a .wp-menu-arrow,
.folded #adminmenu li.wp-has-current-submenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu .wp-has-current-submenu .wp-menu-arrow div,
body.admin-color-fresh #adminmenu .wp-menu-arrow div,
body.admin-color-fresh #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
body.admin-color-fresh #adminmenu li.current .wp-menu-arrow div {
  background: transparent !important;
  border-color: transparent !important;
}

/* ---- Menu Icons (dashicons) ---- */
#adminmenu div.wp-menu-image::before {
  color: var(--qc-sidebar-text) !important;
  transition: color var(--qc-tr) !important;
}

#adminmenu li.menu-top:hover div.wp-menu-image::before,
#adminmenu li.wp-has-current-submenu div.wp-menu-image::before,
#adminmenu li.current div.wp-menu-image::before {
  color: #fff !important;
}

/* SVG icons in menu */
#adminmenu div.wp-menu-image svg {
  fill: var(--qc-sidebar-text) !important;
  transition: fill var(--qc-tr) !important;
}

#adminmenu li.menu-top:hover div.wp-menu-image svg,
#adminmenu li.wp-has-current-submenu div.wp-menu-image svg,
#adminmenu li.current div.wp-menu-image svg {
  fill: #fff !important;
}

/* ---- Submenus ---- */
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
body.admin-color-fresh #adminmenu .wp-submenu,
body.admin-color-fresh #adminmenu .wp-has-current-submenu .wp-submenu,
body.admin-color-fresh #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
  background: var(--qc-sidebar-hover) !important;
  box-shadow: none !important;
  border: none !important;
}

#adminmenu .wp-submenu a {
  color: var(--qc-sidebar-text) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  background: transparent !important;
}

#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu li.current a,
body.admin-color-fresh #adminmenu .wp-submenu a:hover,
body.admin-color-fresh #adminmenu .wp-submenu li.current a {
  color: #fff !important;
  background: transparent !important;
}

/* Submenu head — esconder */
#adminmenu .wp-submenu li.wp-submenu-head {
  display: none !important;
}

/* ---- Flyout submenus (collapsed/hover) ---- */
#adminmenu .wp-not-current-submenu .wp-submenu {
  border-radius: 0 var(--qc-radius-sm) var(--qc-radius-sm) 0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* ---- Separator ---- */
#adminmenu li.wp-menu-separator {
  background: transparent !important;
}

#adminmenu li.wp-menu-separator div.separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: transparent !important;
}

/* ---- Badges ---- */
#adminmenu .awaiting-mod,
#adminmenu span.update-plugins,
body.admin-color-fresh #adminmenu span.update-plugins {
  background: var(--qc-danger) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 10px !important;
}

#adminmenu span.update-plugins span,
#adminmenu .awaiting-mod span {
  color: #fff !important;
}

/* ---- Collapse button ---- */
#collapse-menu {
  color: var(--qc-sidebar-text) !important;
}

#collapse-button div::after {
  color: var(--qc-sidebar-text) !important;
}

#collapse-menu:hover {
  background: var(--qc-sidebar-hover) !important;
}

/* ---- Collapsed sidebar corrections ---- */
.folded #adminmenu div.wp-menu-image::before {
  color: var(--qc-sidebar-text) !important;
}

.folded #adminmenu li.wp-has-current-submenu div.wp-menu-image::before,
.folded #adminmenu li.current div.wp-menu-image::before {
  color: #fff !important;
}

.folded #adminmenu .wp-has-current-submenu > a,
.folded #adminmenu li.current > a {
  background: var(--qc-primary) !important;
}

.folded #adminmenu li.menu-top:hover > a {
  background: var(--qc-sidebar-hover) !important;
}

/* ============================================================
   CONTENT AREA
   ============================================================ */
body.wp-admin #wpbody-content {
  padding-bottom: 60px !important;
}

/* Page title */
body.wp-admin .wrap > h1,
body.wp-admin .wrap > h2,
body.wp-admin .wrap > .wp-heading-inline {
  font-family: var(--qc-font) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  color: var(--qc-text) !important;
  letter-spacing: -0.02em !important;
}

/* ============================================================
   BUTTONS — todos os tipos
   ============================================================ */
body.wp-admin .wp-core-ui .button,
body.wp-admin .wp-core-ui .button-secondary,
body.wp-admin .button,
body.wp-admin .button-secondary {
  background: var(--qc-surface) !important;
  border: 1px solid var(--qc-border) !important;
  color: var(--qc-text) !important;
  border-radius: var(--qc-radius-sm) !important;
  font-family: var(--qc-font) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  transition: all var(--qc-tr) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  text-decoration: none !important;
}

body.wp-admin .wp-core-ui .button:hover,
body.wp-admin .wp-core-ui .button-secondary:hover,
body.wp-admin .button:hover,
body.wp-admin .button-secondary:hover {
  background: var(--qc-bg) !important;
  border-color: var(--qc-text-muted) !important;
  color: var(--qc-text) !important;
}

/* Primary */
body.wp-admin .wp-core-ui .button-primary,
body.wp-admin .button-primary {
  background: var(--qc-primary) !important;
  border-color: var(--qc-primary) !important;
  color: #fff !important;
  box-shadow: 0 1px 3px rgba(37, 99, 235, 0.3) !important;
}

body.wp-admin .wp-core-ui .button-primary:hover,
body.wp-admin .button-primary:hover {
  background: var(--qc-primary-hover) !important;
  border-color: var(--qc-primary-hover) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4) !important;
}

/* Page title action (e.g. "Add Post", "Add Plugin") */
body.wp-admin .wrap .page-title-action,
body.wp-admin .wrap .page-title-action:active {
  border: 1px solid var(--qc-border) !important;
  border-radius: var(--qc-radius-sm) !important;
  background: var(--qc-surface) !important;
  color: var(--qc-text) !important;
  font-family: var(--qc-font) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  transition: all var(--qc-tr) !important;
}

body.wp-admin .wrap .page-title-action:hover {
  background: var(--qc-primary) !important;
  border-color: var(--qc-primary) !important;
  color: #fff !important;
}

/* Admin Columns / special buttons with icons */
body.wp-admin .button .dashicons,
body.wp-admin .button-secondary .dashicons {
  color: inherit !important;
}

/* ============================================================
   FORMS & INPUTS
   ============================================================ */
body.wp-admin input[type="text"],
body.wp-admin input[type="password"],
body.wp-admin input[type="email"],
body.wp-admin input[type="url"],
body.wp-admin input[type="search"],
body.wp-admin input[type="number"],
body.wp-admin input[type="tel"],
body.wp-admin textarea,
body.wp-admin select {
  font-family: var(--qc-font) !important;
  font-size: 13px !important;
  border: 1px solid var(--qc-border) !important;
  border-radius: var(--qc-radius-sm) !important;
  color: var(--qc-text) !important;
  background: var(--qc-surface) !important;
  transition: border-color var(--qc-tr), box-shadow var(--qc-tr) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  outline: none !important;
}

body.wp-admin input[type="text"]:focus,
body.wp-admin input[type="password"]:focus,
body.wp-admin input[type="email"]:focus,
body.wp-admin input[type="url"]:focus,
body.wp-admin input[type="search"]:focus,
body.wp-admin input[type="number"]:focus,
body.wp-admin textarea:focus,
body.wp-admin select:focus {
  border-color: var(--qc-primary) !important;
  box-shadow: 0 0 0 2px var(--qc-primary-light) !important;
}

body.wp-admin input[type="checkbox"]:checked,
body.wp-admin input[type="radio"]:checked {
  background: var(--qc-primary) !important;
  border-color: var(--qc-primary) !important;
}

body.wp-admin input[type="checkbox"]:focus,
body.wp-admin input[type="radio"]:focus {
  border-color: var(--qc-primary) !important;
  box-shadow: 0 0 0 2px var(--qc-primary-light) !important;
}

/* ============================================================
   TABLES
   ============================================================ */
body.wp-admin .wp-list-table {
  border: 1px solid var(--qc-border) !important;
  border-radius: var(--qc-radius) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  background: var(--qc-surface) !important;
}

/* Header */
body.wp-admin .wp-list-table thead th,
body.wp-admin .wp-list-table thead td {
  background: var(--qc-bg) !important;
  border-bottom: 1px solid var(--qc-border) !important;
  color: var(--qc-text-sec) !important;
  font-family: var(--qc-font) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

body.wp-admin .wp-list-table thead a,
body.wp-admin .wp-list-table thead a:visited {
  color: var(--qc-text-sec) !important;
}

/* Footer */
body.wp-admin .wp-list-table tfoot th,
body.wp-admin .wp-list-table tfoot td {
  background: var(--qc-bg) !important;
  border-top: 1px solid var(--qc-border) !important;
  border-bottom: none !important;
  color: var(--qc-text-sec) !important;
  font-family: var(--qc-font) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Rows */
body.wp-admin .wp-list-table tbody td,
body.wp-admin .wp-list-table tbody th {
  border-top: none !important;
  border-bottom: 1px solid var(--qc-border-light) !important;
  font-family: var(--qc-font) !important;
  font-size: 13px !important;
  color: var(--qc-text) !important;
  box-shadow: none !important;
}

body.wp-admin .wp-list-table tbody tr:last-child td,
body.wp-admin .wp-list-table tbody tr:last-child th {
  border-bottom: none !important;
}

body.wp-admin .wp-list-table tbody tr:hover td,
body.wp-admin .wp-list-table tbody tr:hover th {
  background: var(--qc-primary-ultra-light) !important;
}

/* Uniform row bg */
body.wp-admin .wp-list-table tr.alternate,
body.wp-admin .wp-list-table .striped > tbody > :nth-child(odd) {
  background: var(--qc-surface) !important;
}

/* Plugin active row */
body.wp-admin .plugins .active th,
body.wp-admin .plugins .active td {
  background: var(--qc-primary-ultra-light) !important;
}

/* Plugin inactive */
body.wp-admin .plugins .inactive th,
body.wp-admin .plugins .inactive td {
  background: var(--qc-surface) !important;
}

/* Remove WP left-border indicator */
body.wp-admin .plugins tr th.check-column {
  border-left: none !important;
}

/* Row actions */
body.wp-admin .row-actions a {
  color: var(--qc-primary) !important;
}

body.wp-admin .row-actions a:hover {
  color: var(--qc-primary-hover) !important;
}

body.wp-admin .row-actions .trash a,
body.wp-admin .row-actions .delete a {
  color: var(--qc-danger) !important;
}

/* Post / plugin titles */
body.wp-admin .wp-list-table .row-title,
body.wp-admin .wp-list-table .plugin-title strong,
body.wp-admin .wp-list-table td strong a {
  color: var(--qc-text) !important;
  font-weight: 600 !important;
}

body.wp-admin .wp-list-table .row-title:hover,
body.wp-admin .wp-list-table td strong a:hover {
  color: var(--qc-primary) !important;
}

/* ============================================================
   SUB-SUB FILTERS (All | Active | Inactive)
   ============================================================ */
body.wp-admin .subsubsub {
  font-family: var(--qc-font) !important;
}

body.wp-admin .subsubsub a {
  color: var(--qc-primary) !important;
  text-decoration: none !important;
}

body.wp-admin .subsubsub a.current {
  color: var(--qc-text) !important;
  font-weight: 600 !important;
}

body.wp-admin .subsubsub .count {
  color: var(--qc-text-muted) !important;
}

/* ============================================================
   NOTICES
   ============================================================ */
body.wp-admin .notice,
body.wp-admin div.updated,
body.wp-admin div.error,
body.wp-admin .update-nag {
  font-family: var(--qc-font) !important;
  border-radius: var(--qc-radius-sm) !important;
  background: var(--qc-surface) !important;
  border: 1px solid var(--qc-border) !important;
  border-left: 4px solid var(--qc-primary) !important;
}

body.wp-admin .notice-success,
body.wp-admin div.updated {
  border-left-color: var(--qc-success) !important;
  background: var(--qc-success-bg) !important;
}

body.wp-admin .notice-warning {
  border-left-color: var(--qc-warning) !important;
  background: var(--qc-warning-bg) !important;
}

body.wp-admin .notice-error,
body.wp-admin div.error {
  border-left-color: var(--qc-danger) !important;
  background: var(--qc-danger-bg) !important;
}

body.wp-admin .notice-info {
  border-left-color: var(--qc-accent) !important;
}

/* Plugin update row */
body.wp-admin .plugin-update-tr .update-message {
  background: var(--qc-warning-bg) !important;
  border-left: 4px solid var(--qc-warning) !important;
  border-radius: var(--qc-radius-sm) !important;
}

body.wp-admin .notice p,
body.wp-admin div.updated p,
body.wp-admin div.error p {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--qc-text) !important;
}

/* ============================================================
   POSTBOXES / META BOXES
   ============================================================ */
body.wp-admin .postbox {
  background: var(--qc-surface) !important;
  border: 1px solid var(--qc-border) !important;
  border-radius: var(--qc-radius) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

body.wp-admin .postbox:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

body.wp-admin .postbox .postbox-header,
body.wp-admin .postbox > .hndle {
  border-bottom: 1px solid var(--qc-border-light) !important;
  background: var(--qc-surface) !important;
}

body.wp-admin .postbox .postbox-header h2,
body.wp-admin .postbox > .hndle span {
  font-family: var(--qc-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--qc-text) !important;
}

body.wp-admin .postbox .inside {
  font-family: var(--qc-font) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* ============================================================
   DASHBOARD WELCOME PANEL
   ============================================================ */
body.wp-admin .welcome-panel {
  background: linear-gradient(135deg, var(--qc-primary), var(--qc-accent)) !important;
  border: none !important;
  border-radius: var(--qc-radius-lg) !important;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2) !important;
  color: #fff !important;
}

body.wp-admin .welcome-panel *,
body.wp-admin .welcome-panel h2,
body.wp-admin .welcome-panel p,
body.wp-admin .welcome-panel a {
  color: #fff !important;
}

/* ============================================================
   TABS
   ============================================================ */
body.wp-admin .nav-tab-wrapper {
  border-bottom: 2px solid var(--qc-border) !important;
}

body.wp-admin .nav-tab {
  border: none !important;
  background: transparent !important;
  color: var(--qc-text-sec) !important;
  font-family: var(--qc-font) !important;
  font-weight: 500 !important;
  margin-bottom: -2px !important;
  border-bottom: 2px solid transparent !important;
  transition: all var(--qc-tr) !important;
  border-radius: 0 !important;
}

body.wp-admin .nav-tab:hover {
  color: var(--qc-primary) !important;
}

body.wp-admin .nav-tab-active,
body.wp-admin .nav-tab-active:hover {
  color: var(--qc-primary) !important;
  border-bottom-color: var(--qc-primary) !important;
  font-weight: 600 !important;
  background: transparent !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */
body.wp-admin .tablenav-pages a {
  background: var(--qc-surface) !important;
  border: 1px solid var(--qc-border) !important;
  border-radius: var(--qc-radius-sm) !important;
  color: var(--qc-text) !important;
  font-family: var(--qc-font) !important;
}

body.wp-admin .tablenav-pages a:hover {
  background: var(--qc-primary) !important;
  color: #fff !important;
  border-color: var(--qc-primary) !important;
}

body.wp-admin .tablenav-pages .current {
  background: var(--qc-primary) !important;
  color: #fff !important;
  border: 1px solid var(--qc-primary) !important;
  border-radius: var(--qc-radius-sm) !important;
}

/* ============================================================
   PLUGIN / THEME CARDS
   ============================================================ */
body.wp-admin .plugin-card {
  border-radius: var(--qc-radius) !important;
  border: 1px solid var(--qc-border) !important;
  transition: box-shadow var(--qc-tr) !important;
}

body.wp-admin .plugin-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* ============================================================
   CONTENT LINKS
   ============================================================ */
body.wp-admin #wpbody-content a {
  color: var(--qc-primary) !important;
  transition: color var(--qc-tr) !important;
}

body.wp-admin #wpbody-content a:hover {
  color: var(--qc-primary-hover) !important;
}

/* ============================================================
   SEARCH BOX
   ============================================================ */
body.wp-admin .search-box input[type="search"] {
  border-radius: var(--qc-radius-sm) 0 0 var(--qc-radius-sm) !important;
}

body.wp-admin .search-box .button {
  border-radius: 0 var(--qc-radius-sm) var(--qc-radius-sm) 0 !important;
  margin-left: -1px !important;
}

/* ============================================================
   EDITOR
   ============================================================ */
body.wp-admin #titlediv #title {
  font-family: var(--qc-font) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  border-radius: var(--qc-radius-sm) !important;
}

body.wp-admin #titlediv #title:focus {
  border-color: var(--qc-primary) !important;
  box-shadow: 0 0 0 2px var(--qc-primary-light) !important;
}

/* ============================================================
   MEDIA MODAL
   ============================================================ */
body.wp-admin .media-modal {
  border-radius: var(--qc-radius-lg) !important;
  overflow: hidden !important;
}

body.wp-admin .media-modal-backdrop {
  background: rgba(15, 23, 42, 0.5) !important;
}

/* ============================================================
   SCREEN OPTIONS / HELP
   ============================================================ */
body.wp-admin #screen-meta {
  background: var(--qc-surface) !important;
  border: 1px solid var(--qc-border) !important;
  border-top: none !important;
  border-radius: 0 0 var(--qc-radius) var(--qc-radius) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
body.wp-admin #wpfooter {
  color: var(--qc-text-muted) !important;
  font-family: var(--qc-font) !important;
  font-size: 12px !important;
  border-top: 1px solid var(--qc-border-light) !important;
}

body.wp-admin #wpfooter a {
  color: var(--qc-primary) !important;
}

/* ============================================================
   SCROLLBAR (WebKit)
   ============================================================ */
#adminmenuwrap::-webkit-scrollbar {
  width: 5px;
}

#adminmenuwrap::-webkit-scrollbar-track {
  background: transparent;
}

#adminmenuwrap::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

/* ============================================================
   LOGIN PAGE
   ============================================================ */
body.login {
  background: var(--qc-bg) !important;
  font-family: var(--qc-font) !important;
}

body.login form {
  border-radius: var(--qc-radius-lg) !important;
  border: 1px solid var(--qc-border) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
  background: var(--qc-surface) !important;
}

body.login .button-primary {
  background: var(--qc-primary) !important;
  border-color: var(--qc-primary) !important;
  border-radius: var(--qc-radius-sm) !important;
  font-family: var(--qc-font) !important;
  font-weight: 600 !important;
}

body.login .button-primary:hover {
  background: var(--qc-primary-hover) !important;
}

body.login input[type="text"],
body.login input[type="password"] {
  border-radius: var(--qc-radius-sm) !important;
  border: 1px solid var(--qc-border) !important;
  font-family: var(--qc-font) !important;
}

body.login input:focus {
  border-color: var(--qc-primary) !important;
  box-shadow: 0 0 0 2px var(--qc-primary-light) !important;
}

body.login #backtoblog a,
body.login #nav a {
  color: var(--qc-text-sec) !important;
}

body.login #backtoblog a:hover,
body.login #nav a:hover {
  color: var(--qc-primary) !important;
}

/* ============================================================
   PREVENT HORIZONTAL SCROLL
   ============================================================ */
body.wp-admin #wpwrap {
  overflow-x: hidden !important;
}