/* IdoPress admin skin — mirrors the design of admin-ui (light, neutral, single accent).
   Only presentation; never hides native controls. --idp-primary is injected from settings. */
:root {
  --idp-primary: #1F7A8C;
  --idp-bg: #FAFAF8;
  --idp-sidebar: #F5F5F2;
  --idp-card: #FFFFFF;
  --idp-fg: #23262E;
  --idp-muted: #6B7080;
  --idp-border: #E6E6E1;
  --idp-radius: 12px;
}

body.idopress, body.idopress #wpwrap { background: var(--idp-bg); color: var(--idp-fg); font-family: "Manrope", system-ui, sans-serif; }
body.idopress h1, body.idopress h2, body.idopress .wrap h1 { font-family: "Sora", system-ui, sans-serif; letter-spacing: -0.02em; color: var(--idp-fg); }
body.idopress .wrap h1.wp-heading-inline, body.idopress .wrap > h1 { font-size: 28px; font-weight: 600; }

/* Sidebar */
body.idopress #adminmenuback, body.idopress #adminmenuwrap, body.idopress #adminmenu { background: var(--idp-sidebar); }
body.idopress #adminmenuback { border-right: 1px solid var(--idp-border); }
body.idopress #adminmenu a { color: #3A3E48; }
body.idopress #adminmenu div.wp-menu-image:before { color: var(--idp-muted); }
body.idopress #adminmenu li.menu-top { margin: 2px 8px; border-radius: 8px; }
body.idopress #adminmenu li.menu-top > a { border-radius: 8px; font-weight: 500; }
body.idopress #adminmenu li.menu-top:hover > a, body.idopress #adminmenu li.opensub > a.menu-top { background: #fff; color: var(--idp-primary); }
body.idopress #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
body.idopress #adminmenu li.current a.menu-top { background: #fff; color: var(--idp-primary); box-shadow: 0 0 0 1px var(--idp-border); }
body.idopress #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
body.idopress #adminmenu li:hover div.wp-menu-image:before { color: var(--idp-primary); }
body.idopress #adminmenu .wp-submenu, body.idopress #adminmenu .wp-has-current-submenu .wp-submenu { background: transparent; }
body.idopress #adminmenu .wp-submenu a { color: var(--idp-muted); }
body.idopress #adminmenu .wp-submenu a:hover, body.idopress #adminmenu .wp-submenu li.current a { color: var(--idp-primary); }
body.idopress #adminmenu .wp-not-current-submenu .wp-submenu { background: #fff; border: 1px solid var(--idp-border); border-radius: 8px; }
body.idopress #adminmenu .awaiting-mod, body.idopress #adminmenu .update-plugins { background: #D9A23A; color: #fff; }
body.idopress #collapse-button { color: var(--idp-muted); }

/* Top bar */
body.idopress #wpadminbar { background: rgba(250,250,248,.92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--idp-border); }
body.idopress #wpadminbar .ab-item, body.idopress #wpadminbar a.ab-item, body.idopress #wpadminbar .ab-label,
body.idopress #wpadminbar .ab-icon:before, body.idopress #wpadminbar .ab-item:before { color: var(--idp-fg) !important; }
body.idopress #wpadminbar .ab-top-menu > li:hover > .ab-item { background: #EFEFEA !important; color: var(--idp-primary) !important; }
body.idopress #wpadminbar .ab-sub-wrapper { background: #fff; border: 1px solid var(--idp-border); }
#wpadminbar .idp-mark { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-top: 5px; border-radius: 6px; background: var(--idp-primary); color: #fff !important; font: 700 12px/1 "Sora", sans-serif; }

/* Surfaces */
body.idopress .postbox, body.idopress .card, body.idopress .wp-list-table, body.idopress .plugin-card,
body.idopress .theme-browser .theme, body.idopress .welcome-panel { border: 1px solid var(--idp-border); border-radius: var(--idp-radius); box-shadow: none; overflow: hidden; }
body.idopress .postbox-header { border-bottom-color: var(--idp-border); }
body.idopress .wp-list-table thead th, body.idopress .wp-list-table tfoot th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--idp-muted); }
body.idopress .striped > tbody > :nth-child(odd) { background: #FCFCFA; }

/* Controls */
body.idopress .button-primary, body.idopress .wp-core-ui .button-primary { background: var(--idp-primary); border-color: var(--idp-primary); border-radius: 8px; box-shadow: none; text-shadow: none; }
body.idopress .button-primary:hover { filter: brightness(.92); background: var(--idp-primary); border-color: var(--idp-primary); }
body.idopress .button, body.idopress .wp-core-ui .button-secondary { border-radius: 8px; }
body.idopress .wp-core-ui .button:not(.button-primary) { color: var(--idp-primary); border-color: var(--idp-border); background: #fff; }
body.idopress a { color: var(--idp-primary); }
body.idopress input[type=text], body.idopress input[type=email], body.idopress input[type=url], body.idopress input[type=password],
body.idopress input[type=search], body.idopress input[type=number], body.idopress select, body.idopress textarea { border-color: var(--idp-border); border-radius: 8px; }
body.idopress input:focus, body.idopress select:focus, body.idopress textarea:focus { border-color: var(--idp-primary); box-shadow: 0 0 0 1px var(--idp-primary); }
body.idopress :focus-visible { outline: 2px solid var(--idp-primary); outline-offset: 2px; }
body.idopress .notice { border-radius: 8px; }
body.idopress #wpfooter { color: var(--idp-muted); }

/* Dashboard widget */
.idp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 900px) { .idp-stats { grid-template-columns: repeat(2, 1fr); } }
.idp-stat { display: block; padding: 14px 16px; border: 1px solid var(--idp-border); border-radius: 10px; text-decoration: none; color: var(--idp-fg) !important; }
.idp-stat span { display: block; color: var(--idp-muted); font-size: 13px; }
.idp-stat strong { display: block; margin-top: 6px; font: 600 32px/1 "Sora", sans-serif; }
.idp-stat:hover { border-color: var(--idp-primary); }
.idp-h { margin: 20px 0 10px; font-size: 14px; }
.idp-quick { display: grid; gap: 8px; }
.idp-quick a { display: block; padding: 10px 14px; border: 1px solid var(--idp-border); border-radius: 8px; text-decoration: none; font-weight: 500; }
.idp-quick a:hover { background: color-mix(in srgb, var(--idp-primary) 8%, #fff); }

/* Settings page */
.idp-eyebrow { margin: 16px 0 0; font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--idp-muted); }
.idp-media img { display: block; max-width: 96px; max-height: 96px; margin-bottom: 8px; border-radius: 8px; border: 1px solid var(--idp-border); }

/* Login */
body.login.idopress { background: var(--idp-bg); }
body.login.idopress #loginform { border: 1px solid var(--idp-border); border-radius: var(--idp-radius); box-shadow: none; }
body.login.idopress h1 a { background-size: contain; width: 84px; height: 84px; }
