/* Adminlane: the whole admin. Looks only. Colours: tokens.css
 *
 *   body.adl-chrome – the menu on the left and the toolbar on top (every skinned screen)
 *   body.adl-page   – the page itself (WordPress' own screens, or every screen if the user opts in)
 */

/* =====================================================================
   1. CHROME — menu, toolbar, footer
   ===================================================================== */

/* ---------------------------------------------------------------------
   Menu
--------------------------------------------------------------------- */
body.adl-chrome #adminmenuback { background: var(--adl-side-bg); box-shadow: inset -1px 0 0 var(--adl-side-border); }
body.adl-chrome #adminmenuwrap, body.adl-chrome #adminmenu { background: transparent; }
body.adl-chrome #adminmenu { margin: 10px 0 8px; padding: 0; font-family: var(--adl-font); }

body.adl-chrome #adminmenu li.menu-top { margin: 1px 6px; border-radius: 8px; }
body.adl-chrome #adminmenu li.menu-top > a.menu-top { border-radius: 8px; }
body.adl-chrome #adminmenu a,
body.adl-chrome #adminmenu li.menu-top > a.menu-top { color: var(--adl-side-text); }
body.adl-chrome #adminmenu div.wp-menu-name { padding: 7px 8px 7px 34px; font-size: 13.5px; font-weight: 500; line-height: 1.45; }
body.adl-chrome #adminmenu div.wp-menu-image { width: 34px; }
body.adl-chrome #adminmenu div.wp-menu-image:before { color: var(--adl-side-muted); padding-top: 7px; font-size: 18px; transition: color .12s; }
body.adl-chrome #adminmenu div.wp-menu-image.svg { background-size: 18px auto; }
body.adl-chrome #adminmenu div.wp-menu-image img { padding-top: 8px; opacity: .75; }

/* Hover: the row under the pointer, never the whole section with its open sub-pages */
body.adl-chrome #adminmenu li.menu-top:hover, body.adl-chrome #adminmenu li.opensub { background-color: transparent; }
body.adl-chrome #adminmenu a:hover,
body.adl-chrome #adminmenu li.menu-top:not(.wp-has-current-submenu):not(.current):hover > a.menu-top,
body.adl-chrome #adminmenu li.opensub:not(.wp-has-current-submenu):not(.current) > a.menu-top,
body.adl-chrome #adminmenu li:not(.wp-has-current-submenu):not(.current) > a.menu-top:focus { color: var(--adl-text); background-color: var(--adl-side-hover); }
body.adl-chrome #adminmenu li.menu-top:hover div.wp-menu-image:before,
body.adl-chrome #adminmenu li.opensub > a.menu-top div.wp-menu-image:before,
body.adl-chrome #adminmenu li:hover div.wp-menu-image:before,
body.adl-chrome #adminmenu li a:focus div.wp-menu-image:before,
body.adl-chrome #adminmenu li.opensub div.wp-menu-image:before { color: var(--adl-text); }
body.adl-chrome #adminmenu li.menu-top > a.menu-top, body.adl-chrome #adminmenu li.menu-top:hover > a.menu-top,
body.adl-chrome #adminmenu li.opensub > a.menu-top, body.adl-chrome #adminmenu li > a.menu-top:focus { box-shadow: none; }
body.adl-chrome #adminmenu li.wp-has-submenu::after { display: none; }
body.adl-chrome #adminmenu li > a.menu-top:focus-visible { box-shadow: 0 0 0 2px var(--adl-blue); outline: none; }

/* Current section */
body.adl-chrome #adminmenu li.current a.menu-top,
body.adl-chrome #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
body.adl-chrome #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
body.adl-chrome.folded #adminmenu li.current.menu-top { color: var(--adl-side-active-t); background: var(--adl-side-active); font-weight: 600; }
body.adl-chrome #adminmenu li.current a.menu-top .wp-menu-name,
body.adl-chrome #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu .wp-menu-name { font-weight: 600; }
body.adl-chrome #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
body.adl-chrome #adminmenu a.current:hover div.wp-menu-image:before,
body.adl-chrome #adminmenu li.current div.wp-menu-image:before,
body.adl-chrome #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
body.adl-chrome #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before { color: var(--adl-side-active-t); }
body.adl-chrome ul#adminmenu a.wp-has-current-submenu:after,
body.adl-chrome ul#adminmenu > li.current > a.current:after,
body.adl-chrome #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
body.adl-chrome #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { display: none; }

/* The open section's own pages, under it */
body.adl-chrome #adminmenu .wp-submenu,
body.adl-chrome #adminmenu .wp-has-current-submenu .wp-submenu,
body.adl-chrome #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
body.adl-chrome #adminmenu a.wp-has-current-submenu:focus + .wp-submenu { background: transparent; }
body.adl-chrome #adminmenu .wp-has-current-submenu .wp-submenu { padding: 3px 0 6px; width: auto; }
body.adl-chrome #adminmenu .wp-submenu a,
body.adl-chrome #adminmenu .wp-has-current-submenu .wp-submenu a,
body.adl-chrome #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
body.adl-chrome #adminmenu .wp-has-current-submenu.opensub .wp-submenu a { color: var(--adl-side-muted); font-size: 13px; }
body.adl-chrome #adminmenu .wp-has-current-submenu .wp-submenu a { position: relative; padding: 5px 4px 5px 24px; border-radius: 6px; box-sizing: border-box; }
body.adl-chrome #adminmenu .wp-submenu a:focus, body.adl-chrome #adminmenu .wp-submenu a:hover,
body.adl-chrome #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
body.adl-chrome #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
body.adl-chrome #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
body.adl-chrome #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
body.adl-chrome #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
body.adl-chrome #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover { color: var(--adl-text); background: var(--adl-side-hover); box-shadow: none; }
body.adl-chrome #adminmenu .wp-submenu li.current a,
body.adl-chrome #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
body.adl-chrome #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,
body.adl-chrome #adminmenu .wp-submenu li.current a:hover, body.adl-chrome #adminmenu .wp-submenu li.current a:focus { color: var(--adl-text); font-weight: 600; }
body.adl-chrome #adminmenu .wp-has-current-submenu .wp-submenu li.current a::before {
  content: ""; position: absolute; left: 11px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: var(--adl-blue);
}

/* Other sections' pages: a floating card on hover */
body.adl-chrome #adminmenu .wp-not-current-submenu .wp-submenu,
body.adl-chrome.folded #adminmenu .wp-has-current-submenu .wp-submenu {
  left: 100%; margin-left: 10px; min-width: 180px; padding: 6px; border: 1px solid var(--adl-border); border-radius: 10px;
  background: var(--adl-pop); box-shadow: var(--adl-shadow-lg); color-scheme: inherit;
}
body.adl-chrome #adminmenu .wp-not-current-submenu .wp-submenu::before,
body.adl-chrome.folded #adminmenu .wp-has-current-submenu .wp-submenu::before { content: ""; position: absolute; top: 0; bottom: 0; left: -14px; width: 14px; }
body.adl-chrome #adminmenu .wp-not-current-submenu .wp-submenu a,
body.adl-chrome.folded #adminmenu .wp-has-current-submenu .wp-submenu a { padding: 6px 10px; border-radius: 6px; color: var(--adl-text-2); }
body.adl-chrome #adminmenu .wp-submenu .wp-submenu-head { padding: 6px 10px 8px; margin: 0; color: var(--adl-muted); font-size: 11px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; background: transparent; }

/* Group headings that plugins put between sub-pages (a text-only row): no hover plate,
   and room below so the plate of the page beneath doesn't reach up into the heading. */
body.adl-chrome #adminmenu .wp-submenu .mlc-sep-label { margin: 12px 0 2px; color: var(--adl-side-muted); font-size: 10.5px; letter-spacing: .08em; }
body.adl-chrome #adminmenu .wp-submenu li:first-child .mlc-sep-label { margin-top: 4px; }
body.adl-chrome #adminmenu .wp-submenu li.mlc-sep > a, body.adl-chrome #adminmenu .wp-submenu a:has(.mlc-sep-label) { background: none; cursor: default; }

/* Upgrade links that plugins colour for a dark menu (Freemius' "Upgrade" is bright green) */
body.adl-chrome #adminmenu .fs-submenu-item.pricing.upgrade-mode { color: var(--adl-ok); font-weight: 600; }
body.adl-chrome #adminmenu .fs-submenu-item.pricing.trial-mode { color: var(--adl-link); font-weight: 600; }

/* Separators, counters, collapse */
body.adl-chrome #adminmenu li.wp-menu-separator { height: 1px; margin: 9px 14px; padding: 0; background: var(--adl-side-border); }
body.adl-chrome #adminmenu .menu-counter, body.adl-chrome #adminmenu .awaiting-mod, body.adl-chrome #adminmenu .update-plugins,
body.adl-chrome #adminmenu li.current a .awaiting-mod, body.adl-chrome #adminmenu li a.wp-has-current-submenu .update-plugins,
body.adl-chrome #adminmenu li:hover a .awaiting-mod, body.adl-chrome #adminmenu li.menu-top:hover > a .update-plugins {
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; box-sizing: border-box; background: var(--adl-blue); color: #fff;
  font-size: 10.5px; font-weight: 600; line-height: 18px; text-align: center;
}
body.adl-chrome #collapse-menu { margin: 6px 6px 14px; }
body.adl-chrome #collapse-button { color: var(--adl-side-muted); border-radius: 8px; }
body.adl-chrome #collapse-button:hover, body.adl-chrome #collapse-button:focus { color: var(--adl-text); background: var(--adl-side-hover); box-shadow: none; }
body.adl-chrome #collapse-button .collapse-button-label { font-size: 13px; }

/* Folded menu: icons only */
body.adl-chrome.folded #adminmenu li.menu-top { margin: 1px 0; border-radius: 0; }
body.adl-chrome.folded #adminmenu li.menu-top > a.menu-top { border-radius: 0; }
body.adl-chrome.folded #adminmenu div.wp-menu-image { width: 36px; }
body.adl-chrome.folded #adminmenu li.wp-menu-separator { margin: 9px 6px; }
body.adl-chrome.folded #collapse-menu { margin: 6px 0 14px; }
@media only screen and (max-width: 960px) and (min-width: 783px) {
  body.adl-chrome.auto-fold #adminmenu li.menu-top { margin: 1px 0; border-radius: 0; }
  body.adl-chrome.auto-fold #adminmenu li.menu-top > a.menu-top { border-radius: 0; }
  body.adl-chrome.auto-fold #adminmenu div.wp-menu-image { width: 36px; }
  body.adl-chrome.auto-fold #adminmenu li.wp-menu-separator { margin: 9px 6px; }
  body.adl-chrome.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    left: 100%; margin-left: 10px; min-width: 180px; padding: 6px; border: 1px solid var(--adl-border); border-radius: 10px; background: var(--adl-pop); box-shadow: var(--adl-shadow-lg);
  }
  body.adl-chrome.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu a { padding: 6px 10px; }
  body.adl-chrome.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu li.current a::before { content: none; }
}
body.adl-chrome.folded #adminmenu .wp-has-current-submenu .wp-submenu li.current a::before { content: none; }
@media screen and (max-width: 782px) {
  body.adl-chrome #adminmenu li.menu-top { margin: 1px 8px; }
  body.adl-chrome #adminmenu div.wp-menu-name { padding: 10px 8px 10px 38px; font-size: 15px; }
  body.adl-chrome #adminmenu div.wp-menu-image { width: 38px; }
  body.adl-chrome #adminmenu div.wp-menu-image:before { padding-top: 10px; }
  body.adl-chrome #adminmenu .wp-has-current-submenu .wp-submenu a,
  body.adl-chrome.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu a { padding: 9px 8px 9px 38px; font-size: 14px; }
  body.adl-chrome.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu li.current a::before { content: ""; left: 20px; }
  body.adl-chrome.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a { background: var(--adl-side-hover); }
  body.adl-chrome.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { color: var(--adl-text); }
  body.adl-chrome div#wp-responsive-toggle a:before { color: var(--adl-side-muted); }

  /* A tapped section opens its pages in place, under it, like the current section — not as a floating
     card. (A card that moved when the tap took the focus away made the first tap on a page miss.) */
  body.adl-chrome #adminmenu .wp-not-current-submenu .wp-submenu,
  body.adl-chrome.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    left: auto; margin-left: 0; min-width: 0; width: auto; padding: 3px 0 6px; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  }
  body.adl-chrome #adminmenu .wp-not-current-submenu .wp-submenu::before,
  body.adl-chrome.folded #adminmenu .wp-has-current-submenu .wp-submenu::before { content: none; }
  body.adl-chrome #adminmenu .wp-not-current-submenu .wp-submenu a,
  body.adl-chrome.auto-fold #adminmenu .wp-not-current-submenu .wp-submenu a,
  body.adl-chrome.folded #adminmenu .wp-has-current-submenu .wp-submenu a { position: relative; padding: 9px 8px 9px 38px; border-radius: 6px; font-size: 14px; color: var(--adl-side-muted); }
  body.adl-chrome #adminmenu li.wp-not-current-submenu.selected > a.menu-top { color: var(--adl-text); background-color: var(--adl-side-hover); }
}

/* ---------------------------------------------------------------------
   Toolbar
--------------------------------------------------------------------- */
body.adl-chrome #wpadminbar { background: var(--adl-side-bg); color: var(--adl-side-text); box-shadow: inset 0 -1px 0 var(--adl-side-border); font-family: var(--adl-font); }
body.adl-chrome #wpadminbar .ab-item, body.adl-chrome #wpadminbar a.ab-item,
body.adl-chrome #wpadminbar > #wp-toolbar span.ab-label, body.adl-chrome #wpadminbar > #wp-toolbar span.noticon { color: var(--adl-side-text); }
body.adl-chrome #wpadminbar .ab-icon, body.adl-chrome #wpadminbar .ab-icon:before,
body.adl-chrome #wpadminbar .ab-item:before, body.adl-chrome #wpadminbar .ab-item:after,
body.adl-chrome #wpadminbar #adminbarsearch:before { color: var(--adl-side-muted); }
body.adl-chrome #wpadminbar .quicklinks .ab-top-menu > li > .ab-item { font-size: 13px; }

body.adl-chrome #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
body.adl-chrome #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
body.adl-chrome #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
body.adl-chrome #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
body.adl-chrome #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { color: var(--adl-text); background: var(--adl-side-hover); }
body.adl-chrome #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
body.adl-chrome #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
body.adl-chrome #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label { color: var(--adl-text); }
body.adl-chrome #wpadminbar:not(.mobile) li:hover .ab-icon:before,
body.adl-chrome #wpadminbar:not(.mobile) li:hover .ab-item:before,
body.adl-chrome #wpadminbar:not(.mobile) li:hover .ab-item:after,
body.adl-chrome #wpadminbar:not(.mobile) li:hover #adminbarsearch:before,
body.adl-chrome #wpadminbar li.hover .ab-icon:before,
body.adl-chrome #wpadminbar li.hover .ab-item:before { color: var(--adl-text); }
/* On phones and tablets WordPress marks the toolbar "mobile" and paints its icons a fixed light grey */
body.adl-chrome #wpadminbar.mobile .quicklinks .ab-icon:before,
body.adl-chrome #wpadminbar.mobile .quicklinks .ab-item:before { color: var(--adl-side-muted); }
body.adl-chrome #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
body.adl-chrome #wpadminbar.mobile .quicklinks .hover .ab-item:before { color: var(--adl-text); }

/* Toolbar menus: floating cards */
body.adl-chrome #wpadminbar .menupop .ab-sub-wrapper {
  background: var(--adl-pop); border: 1px solid var(--adl-border); border-radius: 10px; box-shadow: var(--adl-shadow-lg); overflow: hidden; margin-top: 2px;
}
body.adl-chrome #wpadminbar .menupop .ab-sub-wrapper .ab-sub-wrapper { margin-top: 0; }
body.adl-chrome #wpadminbar .ab-submenu { padding: 5px 0; }
body.adl-chrome #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
body.adl-chrome #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: var(--adl-surface-2); border-top: 1px solid var(--adl-border); }
body.adl-chrome #wpadminbar .ab-submenu .ab-item, body.adl-chrome #wpadminbar .quicklinks .menupop ul li a,
body.adl-chrome #wpadminbar .quicklinks .menupop.hover ul li a, body.adl-chrome #wpadminbar.nojs .quicklinks .menupop:hover ul li a { color: var(--adl-text-2); }
body.adl-chrome #wpadminbar .quicklinks .menupop ul li a:hover, body.adl-chrome #wpadminbar .quicklinks .menupop ul li a:focus,
body.adl-chrome #wpadminbar .quicklinks .menupop ul li a:hover strong, body.adl-chrome #wpadminbar .quicklinks .menupop ul li a:focus strong,
body.adl-chrome #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
body.adl-chrome #wpadminbar .quicklinks .menupop.hover ul li a:hover, body.adl-chrome #wpadminbar .quicklinks .menupop.hover ul li a:focus,
body.adl-chrome #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, body.adl-chrome #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus { color: var(--adl-blue); background: var(--adl-side-hover); }
body.adl-chrome #wpadminbar .quicklinks li .blavatar, body.adl-chrome #wpadminbar .menupop .menupop > .ab-item:before { color: var(--adl-side-muted); }
body.adl-chrome #wpadminbar #wp-admin-bar-user-info .display-name { color: var(--adl-text); }
body.adl-chrome #wpadminbar #wp-admin-bar-user-info .username { color: var(--adl-muted); }
body.adl-chrome #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: var(--adl-border); background-color: var(--adl-surface-2); border-radius: 50%; }
body.adl-chrome #wpadminbar #wp-admin-bar-user-info .avatar { border-radius: 50%; }
body.adl-chrome #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { color: var(--adl-text); background: var(--adl-surface-2); }
body.adl-chrome #wpadminbar #wp-admin-bar-recovery-mode, body.adl-chrome #wpadminbar #wp-admin-bar-recovery-mode .ab-item { background: var(--adl-warn-line); color: #1f1300; }

/* The Appearance menu */
body.adl-chrome #wpadminbar .adl-ab-icon:before,
#wpadminbar .adl-ab-icon:before {
  content: ""; display: block; width: 18px; height: 18px; margin-top: 7px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2v16a8 8 0 0 1 0-16z'/%3E%3C/svg%3E") no-repeat 50% / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2v16a8 8 0 0 1 0-16z'/%3E%3C/svg%3E") no-repeat 50% / contain;
}
body.adl-chrome #wpadminbar #wp-admin-bar-adl > .ab-item { padding: 0 9px; }

/* First-run hint under the toolbar icon */
body.adl .adl-tip {
  position: fixed; z-index: 100000; width: 280px; max-width: calc(100vw - 16px); box-sizing: border-box; padding: 14px 16px 14px;
  background: var(--adl-pop); color: var(--adl-text-2); border: 1px solid var(--adl-border); border-radius: 12px; box-shadow: var(--adl-shadow-lg);
  font-family: var(--adl-font); font-size: 13px; line-height: 1.5;
  opacity: 0; transform: translateY(-4px); transition: opacity .18s, transform .18s;
}
body.adl .adl-tip.is-on { opacity: 1; transform: none; }
body.adl .adl-tip p { margin: 0; font-size: 13px; line-height: 1.5; }
body.adl .adl-tip .adl-tip-title { margin-bottom: 4px; color: var(--adl-text); font-size: 14px; font-weight: 600; }
body.adl .adl-tip .adl-tip-ok {
  margin-top: 12px; min-height: 30px; padding: 0 14px; border: 0; border-radius: 8px; background: var(--adl-blue); color: #fff;
  font: inherit; font-weight: 600; cursor: pointer;
}
body.adl .adl-tip .adl-tip-ok:hover { background: var(--adl-blue-h); }
body.adl .adl-tip .adl-tip-ok:focus-visible { outline: 2px solid var(--adl-blue); outline-offset: 2px; }
body.adl .adl-tip-arrow {
  position: absolute; top: -7px; width: 12px; height: 12px; background: var(--adl-pop);
  border-left: 1px solid var(--adl-border); border-top: 1px solid var(--adl-border); transform: rotate(45deg); border-top-left-radius: 2px;
}
@media (prefers-reduced-motion: reduce) { body.adl .adl-tip { transition: none; transform: none; } }
@media screen and (max-width: 782px) {
  body.adl-chrome #wpadminbar #wp-admin-bar-adl { display: block; }
  body.adl-chrome #wpadminbar #wp-admin-bar-adl > .ab-item { width: 46px; padding: 0; text-align: center; }
  body.adl-chrome #wpadminbar .adl-ab-icon:before { width: 24px; height: 24px; margin: 11px auto 0; }
  body.adl-chrome #wpadminbar #wp-admin-bar-adl .ab-sub-wrapper { position: fixed; right: 8px; top: 46px; }
}
body.adl-chrome #wpadminbar #wp-admin-bar-adl .ab-sub-wrapper { min-width: 210px; right: 0; left: auto; }
body.adl-chrome #wpadminbar #wp-admin-bar-adl .adl-ab-item > .ab-item { display: flex; align-items: center; gap: 9px; padding-right: 30px; position: relative; }
body.adl-chrome #wpadminbar #wp-admin-bar-adl .adl-ab-item.is-current > .ab-item { color: var(--adl-text); font-weight: 600; }
body.adl-chrome #wpadminbar #wp-admin-bar-adl .adl-ab-item.is-current > .ab-item::after {
  content: ""; position: absolute; right: 12px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: var(--adl-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat 50% / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat 50% / contain;
}
#wpadminbar .adl-ab-mode { flex: none; display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--adl-border-strong); box-sizing: border-box; }
#wpadminbar .adl-ab-mode--light { background: #fff; }
#wpadminbar .adl-ab-mode--soft { background: #d9dee6; }
#wpadminbar .adl-ab-mode--dim { background: #3f4959; border-color: #4f5a6e; }
#wpadminbar .adl-ab-mode--dark { background: #161c29; border-color: #34405a; }

/* Accent colours: a row of dots under the appearances */
body.adl-chrome #wpadminbar #wp-admin-bar-adl-accents { display: flex; justify-content: space-between; gap: 2px; padding: 5px 7px 7px; border-top: 1px solid var(--adl-border); }
body.adl-chrome #wpadminbar #wp-admin-bar-adl-accents > li { flex: none; }
body.adl-chrome #wpadminbar .quicklinks #wp-admin-bar-adl-accents > li > .ab-item {
  display: grid; place-items: center; width: 30px; min-width: 0; height: 30px; padding: 0; border-radius: 8px; line-height: 1; box-sizing: border-box;
}
body.adl-chrome #wpadminbar #wp-admin-bar-adl-accents > li > .ab-item:focus-visible { outline: 2px solid var(--adl-blue); outline-offset: -2px; }
#wpadminbar .adl-ab-accent-dot { display: block; width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box; transition: transform .12s; }
body.adl-chrome #wpadminbar #wp-admin-bar-adl-accents > li > .ab-item:hover .adl-ab-accent-dot { transform: scale(1.12); }
body.adl-chrome #wpadminbar #wp-admin-bar-adl-accents > li.is-current .adl-ab-accent-dot { box-shadow: 0 0 0 2px var(--adl-pop), 0 0 0 4px currentColor; }
#wpadminbar .adl-ab-accent-dot--blue, .adl-accent-dot--blue     { background: #2563eb; color: #2563eb; }
#wpadminbar .adl-ab-accent-dot--violet, .adl-accent-dot--violet { background: #7c3aed; color: #7c3aed; }
#wpadminbar .adl-ab-accent-dot--teal, .adl-accent-dot--teal     { background: #0f766e; color: #0f766e; }
#wpadminbar .adl-ab-accent-dot--green, .adl-accent-dot--green   { background: #15803d; color: #15803d; }
#wpadminbar .adl-ab-accent-dot--orange, .adl-accent-dot--orange { background: #c2410c; color: #c2410c; }
#wpadminbar .adl-ab-accent-dot--pink, .adl-accent-dot--pink     { background: #db2777; color: #db2777; }

/* Switching appearance or accent cross-fades (admin.js) */
html.adl-fading::view-transition-group(*) { animation-duration: .28s; }

/* Environment badge (local, development, staging): a pill after the site name and a line along the top */
body.adl-env-local       { --adl-env: #0f766e; }
body.adl-env-development { --adl-env: #6d28d9; }
body.adl-env-staging     { --adl-env: #c2410c; }
body.adl-chrome[class*="adl-env-"] #wpadminbar { box-shadow: inset 0 2px 0 var(--adl-env), inset 0 -1px 0 var(--adl-side-border); }
body.adl-chrome #wpadminbar #wp-admin-bar-adl-env > .ab-item { display: flex; align-items: center; height: 32px; padding: 0 6px; cursor: default; }
body.adl-chrome #wpadminbar #wp-admin-bar-adl-env:hover > .ab-item { background: transparent; }
body.adl-chrome #wpadminbar .adl-env-badge {
  display: inline-block; padding: 0 8px; border-radius: 999px; background: var(--adl-env); color: #fff;
  font-size: 10.5px; font-weight: 700; line-height: 19px; letter-spacing: .07em; text-transform: uppercase;
}
#wpadminbar .adl-ab-mode--auto { background: linear-gradient(90deg, #fff 50%, #161c29 50%); }

/* ---------------------------------------------------------------------
   Footer, Screen Options / Help
--------------------------------------------------------------------- */
body.adl-page #wpfooter { color: var(--adl-muted); font-family: var(--adl-font); font-size: 12.5px; }
body.adl-page #wpfooter a { color: var(--adl-text-2); }

body.adl-page #screen-meta-links .show-settings {
  border: 1px solid var(--adl-border); border-radius: 8px; background: var(--adl-surface); color: var(--adl-muted); box-shadow: none; font-size: 12.5px;
}
body.adl-page #screen-meta-links .show-settings:hover, body.adl-page #screen-meta-links .show-settings:focus { color: var(--adl-text); border-color: var(--adl-border-strong); }
body.adl-page #screen-meta-links .show-settings:after { color: var(--adl-muted); }
body.adl-page #screen-meta-links .screen-meta-active { border-color: var(--adl-border-strong); color: var(--adl-text); }
body.adl-page #screen-meta {
  margin: 0 20px 10px 0; background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: 0 0 12px 12px; box-shadow: var(--adl-shadow); color: var(--adl-text-2);
}
body.adl-page #screen-options-wrap legend, body.adl-page #screen-options-wrap h5 { color: var(--adl-text); font-weight: 600; }
body.adl-page #contextual-help-back { background: var(--adl-surface); border-color: var(--adl-border); }
body.adl-page .contextual-help-tabs ul li.active { background: var(--adl-surface); border-color: var(--adl-border); }
body.adl-page .contextual-help-tabs ul li.active a, body.adl-page .contextual-help-tabs a { color: var(--adl-text-2); }
body.adl-page .contextual-help-tabs-wrap, body.adl-page .contextual-help-sidebar { color: var(--adl-text-2); }
body.adl-page .contextual-help-sidebar { border-color: var(--adl-border); }

/* =====================================================================
   2. THE PAGE — shared parts
   ===================================================================== */

body.adl-page, body.adl-page #wpwrap, body.adl-page #wpcontent, body.adl-page #wpbody, body.adl-page #wpbody-content { background: var(--adl-bg); }
body.adl-page #wpbody-content { font-family: var(--adl-font); color: var(--adl-text-2); }
body.adl-page #wpbody-content p, body.adl-page #wpbody-content li, body.adl-page #wpbody-content label,
body.adl-page #wpbody-content td, body.adl-page #wpbody-content th, body.adl-page #wpbody-content dd { color: inherit; }

/* Headings */
body.adl-page .wrap { margin-top: 16px; }
body.adl-page .wrap h1, body.adl-page .wrap > h2:first-child, body.adl-page .wrap .wp-heading-inline {
  color: var(--adl-text); font-size: 24px; line-height: 1.3; font-weight: 700; letter-spacing: -.015em;
}
body.adl-page #wpbody-content h2, body.adl-page #wpbody-content h3, body.adl-page #wpbody-content h4 { color: var(--adl-text); }
body.adl-page .wrap > h2, body.adl-page .wrap form > h2, body.adl-page .wrap > h2.title, body.adl-page .wrap form > h2.title { font-size: 16px; font-weight: 650; margin: 28px 0 6px; }
body.adl-page .wrap .page-title-action {
  top: -2px; margin-left: 10px; padding: 4px 14px; border-radius: 999px; border: 1px solid var(--adl-blue); background: var(--adl-blue); color: #fff;
  font-size: 12.5px; font-weight: 600; text-shadow: none; box-shadow: none; min-height: 0;
}
body.adl-page .wrap .page-title-action:hover, body.adl-page .wrap .page-title-action:focus { background: var(--adl-blue-h); border-color: var(--adl-blue-h); color: #fff; }
body.adl-page .wrap .page-title-action:focus { box-shadow: 0 0 0 3px var(--adl-focus); }

/* Text */
body.adl-page #wpbody-content a:where(:not(.button, .page-title-action, .nav-tab, .row-title, .adl-tile, .adl-hero-add)) { color: var(--adl-link); }
body.adl-page #wpbody-content a:where(:not(.button, .page-title-action, .nav-tab, .row-title, .adl-tile, .adl-hero-add)):hover { color: var(--adl-link-h); }
body.adl-page .description, body.adl-page p.description, body.adl-page .form-table td .description,
body.adl-page .howto, body.adl-page .form-wrap p { color: var(--adl-muted); }
body.adl-page code, body.adl-page kbd { background: var(--adl-surface-3); color: var(--adl-text); border-radius: 5px; padding: 2px 6px; font-family: var(--adl-mono); font-size: .9em; }
body.adl-page hr { border-color: var(--adl-border); border-bottom: 0; }

/* Notices */
body.adl-page .notice, body.adl-page div.updated, body.adl-page div.error {
  background: var(--adl-surface); color: var(--adl-text-2); border: 1px solid var(--adl-border); border-left-width: 4px; border-left-color: var(--adl-blue);
  border-radius: 10px; box-shadow: var(--adl-shadow);
}
body.adl-page .notice-success, body.adl-page div.updated { border-left-color: var(--adl-ok-line); }
body.adl-page .notice-warning { border-left-color: var(--adl-warn-line); }
body.adl-page .notice-error, body.adl-page div.error { border-left-color: var(--adl-bad-line); }
body.adl-page .notice-info { border-left-color: var(--adl-blue); }
body.adl-page .notice p, body.adl-page div.updated p, body.adl-page div.error p { color: var(--adl-text-2); }
body.adl-page .notice-alt.notice-success, body.adl-page .notice-success.notice-alt { background: var(--adl-ok-soft); }
body.adl-page .notice-alt.notice-warning, body.adl-page .notice-warning.notice-alt { background: var(--adl-warn-soft); }
body.adl-page .notice-alt.notice-error, body.adl-page .notice-error.notice-alt { background: var(--adl-bad-soft); }
body.adl-page .notice-alt.notice-info, body.adl-page .notice-info.notice-alt { background: var(--adl-blue-soft); }
body.adl-page .notice-dismiss:before { color: var(--adl-muted); }
body.adl-page .notice-dismiss:hover:before, body.adl-page .notice-dismiss:focus:before { color: var(--adl-bad); }

/* ---------------------------------------------------------------------
   Buttons
--------------------------------------------------------------------- */
body.adl-page .button:not(.button-primary):not(.button-link):not(.wp-color-result):not(.toggle-row),
body.adl-page .button-secondary:not(.button-link) {
  border-radius: 8px; border-color: var(--adl-border-strong); background: var(--adl-surface); color: var(--adl-text-2); box-shadow: none; font-weight: 500; text-shadow: none;
}
body.adl-page .button:not(.button-primary):not(.button-link):not(.wp-color-result):not(.toggle-row):hover,
body.adl-page .button-secondary:not(.button-link):hover { border-color: var(--adl-blue); color: var(--adl-blue); background: var(--adl-surface); }
body.adl-page .button-primary, body.adl-page .button.button-primary {
  border-radius: 8px; background: var(--adl-blue); border-color: var(--adl-blue); color: #fff; box-shadow: none; text-shadow: none; font-weight: 600;
}
body.adl-page .button-primary:hover, body.adl-page .button-primary:focus,
body.adl-page .button.button-primary:hover, body.adl-page .button.button-primary:focus { background: var(--adl-blue-h); border-color: var(--adl-blue-h); color: #fff; }
body.adl-page .button:focus, body.adl-page .button-primary:focus, body.adl-page .button-secondary:focus { box-shadow: 0 0 0 3px var(--adl-focus); outline: none; }
body.adl-page .button-link, body.adl-page .button.button-link { color: var(--adl-link); }
body.adl-page .button-link:hover, body.adl-page .button.button-link:hover { color: var(--adl-link-h); }
body.adl-page .button-link-delete, body.adl-page .button.button-link-delete, body.adl-page a.submitdelete,
body.adl-page .submitbox .submitdelete, body.adl-page #wpbody-content a.delete, body.adl-page #wpbody-content a.submitdelete { color: var(--adl-bad) !important; }
body.adl-page .button[disabled], body.adl-page .button:disabled, body.adl-page .button.disabled,
body.adl-page .button-primary[disabled], body.adl-page .button-primary:disabled, body.adl-page .button-primary.disabled {
  opacity: .5; color: var(--adl-muted) !important; background: var(--adl-surface-2) !important; border-color: var(--adl-border) !important;
}
body.adl-page .button-primary[disabled], body.adl-page .button-primary:disabled, body.adl-page .button-primary.disabled { color: #fff !important; background: var(--adl-blue) !important; border-color: var(--adl-blue) !important; }

/* ---------------------------------------------------------------------
   Fields
--------------------------------------------------------------------- */
body.adl-page input[type="text"], body.adl-page input[type="password"], body.adl-page input[type="email"],
body.adl-page input[type="url"], body.adl-page input[type="number"], body.adl-page input[type="search"],
body.adl-page input[type="tel"], body.adl-page input[type="date"], body.adl-page input[type="datetime-local"],
body.adl-page input[type="time"], body.adl-page input[type="month"], body.adl-page input[type="week"],
body.adl-page select, body.adl-page textarea {
  background-color: var(--adl-input); color: var(--adl-text); border: 1px solid var(--adl-border-strong); border-radius: 8px; box-shadow: none;
}
body.adl-page input[type="text"], body.adl-page input[type="password"], body.adl-page input[type="email"],
body.adl-page input[type="url"], body.adl-page input[type="number"], body.adl-page input[type="search"],
body.adl-page input[type="tel"], body.adl-page input[type="date"], body.adl-page input[type="time"] { min-height: 34px; padding: 0 10px; }
body.adl-page textarea { padding: 8px 10px; }
body.adl-page input.small-text, body.adl-page input[type="number"].small-text { padding: 0 6px; }
body.adl-page input::placeholder, body.adl-page textarea::placeholder { color: var(--adl-muted); opacity: 1; }
body.adl-page input:focus, body.adl-page select:focus, body.adl-page textarea:focus {
  border-color: var(--adl-blue); box-shadow: 0 0 0 3px var(--adl-focus); outline: none;
}
body.adl-page input[readonly], body.adl-page input:disabled, body.adl-page select:disabled, body.adl-page textarea:disabled,
body.adl-page textarea[readonly] { background-color: var(--adl-surface-2); color: var(--adl-muted); border-color: var(--adl-border); }
body.adl-page select {
  min-height: 34px; padding: 0 30px 0 10px; font-size: 13px; line-height: 2.2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f9bb0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: 15px; background-position: right 9px center;
}
body.adl-page select[multiple] { background-image: none; padding: 6px; }
body.adl-page select:hover { color: var(--adl-text); }

body.adl-page input[type="checkbox"], body.adl-page input[type="radio"] {
  background: var(--adl-input); border: 1px solid var(--adl-control); box-shadow: none;
}
body.adl-page input[type="checkbox"] { border-radius: 5px; }
body.adl-page input[type="checkbox"]:checked { background: var(--adl-blue); border-color: var(--adl-blue); }
body.adl-page input[type="checkbox"]:checked::before {
  content: ""; width: 100%; height: 100%; margin: 0; float: none; display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4.2 4.2 8.8-9.2'/%3E%3C/svg%3E") no-repeat 50% / 80%;
}
body.adl-page input[type="radio"]:checked { border-color: var(--adl-blue); }
body.adl-page input[type="radio"]:checked::before { background-color: var(--adl-blue); }
body.adl-page input[type="checkbox"]:focus, body.adl-page input[type="radio"]:focus { box-shadow: 0 0 0 3px var(--adl-focus); border-color: var(--adl-blue); }
body.adl-page input[type="checkbox"]:disabled, body.adl-page input[type="radio"]:disabled { opacity: .5; }

/* Settings forms: one card per table */
body.adl-page .form-table:not(.postbox .form-table):not(.media-modal .form-table):not(.widget-inside .form-table):not(.form-table .form-table) {
  margin-top: 10px; background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow);
  border-collapse: separate; border-spacing: 0; overflow: hidden;
}
body.adl-page .form-table:not(.postbox .form-table):not(.media-modal .form-table):not(.widget-inside .form-table):not(.form-table .form-table) > tbody > tr > th {
  padding: 18px 10px 18px 22px; width: 210px; color: var(--adl-text); font-weight: 600;
}
body.adl-page .form-table:not(.postbox .form-table):not(.media-modal .form-table):not(.widget-inside .form-table):not(.form-table .form-table) > tbody > tr > td { padding: 14px 22px 14px 10px; }
body.adl-page .form-table:not(.postbox .form-table):not(.media-modal .form-table):not(.widget-inside .form-table):not(.form-table .form-table) > tbody > tr > td:first-child { padding-left: 22px; }
body.adl-page .form-table:not(.postbox .form-table):not(.media-modal .form-table):not(.widget-inside .form-table):not(.form-table .form-table) > tbody > tr:not(:first-child) > * { border-top: 1px solid var(--adl-border); }
body.adl-page .form-table th, body.adl-page .form-wrap label { color: var(--adl-text); }
body.adl-page .form-table td fieldset label, body.adl-page .form-table td p { color: var(--adl-text-2); }
body.adl-page .form-table td p.description { color: var(--adl-muted); }
body.adl-page p.submit { margin-top: 18px; }
@media screen and (max-width: 782px) {
  body.adl-page .form-table:not(.postbox .form-table):not(.media-modal .form-table):not(.widget-inside .form-table):not(.form-table .form-table) > tbody > tr > th { padding: 16px 16px 0; width: auto; }
  body.adl-page .form-table:not(.postbox .form-table):not(.media-modal .form-table):not(.widget-inside .form-table):not(.form-table .form-table) > tbody > tr > td { padding: 8px 16px 16px; }
  body.adl-page .form-table:not(.postbox .form-table):not(.media-modal .form-table):not(.widget-inside .form-table):not(.form-table .form-table) > tbody > tr:not(:first-child) > td { border-top: 0; }
}

/* ---------------------------------------------------------------------
   Lists — status views, search, toolbar, pagination, the table
--------------------------------------------------------------------- */
body.adl-page ul.subsubsub { margin: 4px 0 12px; display: flex; flex-wrap: wrap; gap: 4px; font-size: 0; color: transparent; }
body.adl-page ul.subsubsub li { font-size: 0; margin: 0; color: transparent; }
body.adl-page ul.subsubsub a {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px; border-radius: 999px; font-size: 13px; line-height: 1.3; font-weight: 500;
  color: var(--adl-text-2) !important; text-decoration: none; border: 1px solid transparent;
}
body.adl-page ul.subsubsub a:hover { background: var(--adl-surface); border-color: var(--adl-border); color: var(--adl-text) !important; }
body.adl-page ul.subsubsub a.current { background: var(--adl-surface); border-color: var(--adl-border-strong); color: var(--adl-text) !important; box-shadow: var(--adl-shadow); font-weight: 600; }
body.adl-page ul.subsubsub a .count { color: var(--adl-muted); font-weight: 500; font-size: 12px; }
body.adl-page ul.subsubsub a .count::before, body.adl-page ul.subsubsub a .count::after { content: none; }

body.adl-page p.search-box { margin: 4px 0 12px; display: flex; gap: 6px; height: auto; }
body.adl-page p.search-box input[type="search"] {
  width: 260px; height: 36px; padding: 0 12px 0 34px; border-radius: 10px;
  background: var(--adl-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f9bb0' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") no-repeat 11px 50% / 16px;
}
body.adl-page p.search-box .button { min-height: 36px; }

body.adl-page .tablenav { height: auto; min-height: 34px; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
body.adl-page .tablenav .actions { padding: 0; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; overflow: visible; }
body.adl-page .tablenav .actions select { float: none; margin: 0; max-width: 15rem; }
body.adl-page .tablenav .actions .button { margin: 0; }
body.adl-page .tablenav br.clear { display: none; }
body.adl-page .tablenav .view-switch { order: 5; float: none; margin: 0; }
body.adl-page .tablenav .tablenav-pages { float: none; margin: 0 0 0 auto; display: flex; align-items: center; gap: 8px; color: var(--adl-muted); font-size: 12.5px; }
body.adl-page .tablenav.bottom { margin: 12px 0 0; }
body.adl-page .tablenav-pages .pagination-links { display: inline-flex; align-items: center; gap: 4px; }
body.adl-page .tablenav-pages .button, body.adl-page .tablenav-pages .tablenav-pages-navspan {
  display: inline-grid !important; place-items: center; min-width: 32px !important; min-height: 32px !important; height: 32px; padding: 0 !important;
  border-radius: 8px !important; border: 1px solid var(--adl-border-strong) !important; background: var(--adl-surface) !important;
  color: var(--adl-text-2) !important; font-size: 15px; line-height: 1 !important; margin: 0 !important;
}
body.adl-page .tablenav-pages .tablenav-pages-navspan { opacity: .45; }
body.adl-page .tablenav-pages .button:hover { border-color: var(--adl-blue) !important; color: var(--adl-blue) !important; }
body.adl-page .tablenav-pages .current-page { width: 44px; height: 32px; min-height: 32px; padding: 0 4px; text-align: center; font-size: 13px; margin: 0 2px !important; }
body.adl-page .tablenav-pages .paging-input { display: inline-flex; align-items: center; gap: 4px; margin: 0 2px; }
body.adl-page .view-switch a:before { color: var(--adl-muted); }
body.adl-page .view-switch a.current:before, body.adl-page .view-switch a:hover:before { color: var(--adl-blue); }

/* The table: a card */
body.adl-page table.wp-list-table, body.adl-page table.widefat:not(.postbox table) {
  border: 1px solid var(--adl-border); border-radius: 14px; background: var(--adl-surface); box-shadow: var(--adl-shadow);
  border-collapse: separate; border-spacing: 0; overflow: hidden; color: var(--adl-text-2);
}
body.adl-page table.wp-list-table > tfoot { display: none; }
body.adl-page .widefat thead tr, body.adl-page .widefat tfoot tr { background: var(--adl-surface-2); }
body.adl-page .widefat thead th, body.adl-page .widefat thead td, body.adl-page .widefat tfoot th, body.adl-page .widefat tfoot td {
  background: var(--adl-surface-2); border-bottom: 1px solid var(--adl-border); padding: 10px 12px; color: var(--adl-muted);
  font-size: 11px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase;
}
body.adl-page .widefat thead th a, body.adl-page .widefat thead th.sortable a, body.adl-page .widefat thead th.sorted a,
body.adl-page .widefat thead th a span { color: var(--adl-muted) !important; }
body.adl-page .widefat thead th.sortable a, body.adl-page .widefat thead th.sorted a { padding: 0; display: inline-flex; align-items: center; gap: 4px; }
body.adl-page .widefat thead th a:hover, body.adl-page .widefat thead th.sorted a, body.adl-page .widefat thead th.sorted a span { color: var(--adl-text) !important; }
body.adl-page .widefat thead .check-column, body.adl-page .widefat tfoot .check-column { padding: 10px 0 0 4px; vertical-align: middle; }
body.adl-page .widefat .sorting-indicator:before { color: var(--adl-muted); }

body.adl-page .widefat tbody > tr, body.adl-page .widefat > tbody > tr,
body.adl-page .striped > tbody > :nth-child(odd), body.adl-page .striped > tbody > :nth-child(even),
body.adl-page ul.striped > :nth-child(odd), body.adl-page .alternate { background: var(--adl-surface); }
body.adl-page .widefat tbody > tr > *, body.adl-page .widefat > tbody > tr > * { border-bottom: 1px solid var(--adl-border); box-shadow: none; }
body.adl-page .widefat tbody > tr:last-child > * { border-bottom: 0; }
body.adl-page .wp-list-table tbody > tr:hover { background: var(--adl-surface-2); }
body.adl-page .wp-list-table tbody > tr:has(> .check-column input[type="checkbox"]:checked) { background: var(--adl-blue-soft); }
body.adl-page .widefat td, body.adl-page .widefat tbody th { padding: 12px; color: var(--adl-text-2); font-size: 13px; }
body.adl-page .widefat tbody .check-column { padding: 12px 0 0 4px; }
body.adl-page .widefat tbody .check-column input { margin: 0 0 0 8px; }
body.adl-page .widefat td.column-date, body.adl-page .widefat td.column-author { color: var(--adl-muted); font-size: 12.5px; }
body.adl-page .widefat td a:not(.row-title):not(.button) { color: var(--adl-link); }
body.adl-page .wp-list-table a.row-title, body.adl-page .wp-list-table .column-primary > strong,
body.adl-page .wp-list-table td.column-name strong, body.adl-page .wp-list-table .plugin-title strong,
body.adl-page .wp-list-table td.username strong { color: var(--adl-text) !important; font-size: 14px; font-weight: 600; text-decoration: none; }
body.adl-page .wp-list-table a.row-title:hover, body.adl-page .wp-list-table .column-primary > strong a:hover { color: var(--adl-blue) !important; }
body.adl-page .wp-list-table .column-primary > strong a { color: inherit !important; }
body.adl-page .row-actions { color: var(--adl-muted); font-size: 12.5px; padding-top: 5px; }
body.adl-page .row-actions a { color: var(--adl-link) !important; }
body.adl-page .row-actions .trash a, body.adl-page .row-actions .delete a, body.adl-page .row-actions .spam a { color: var(--adl-bad) !important; }
body.adl-page .wp-list-table tr.no-items td { padding: 40px 12px; text-align: center; color: var(--adl-muted); font-size: 14px; }
body.adl-page .wp-list-table .toggle-row:before { color: var(--adl-muted); }
body.adl-page .wp-list-table .post-state, body.adl-page .post-state { color: var(--adl-muted); }

/* Quick Edit / Bulk Edit */
body.adl-page .inline-edit-row td, body.adl-page .inline-edit-row fieldset { background: var(--adl-surface-2); }
body.adl-page .inline-edit-row fieldset .title, body.adl-page .inline-edit-row legend, body.adl-page .inline-edit-row label span { color: var(--adl-text-2); }
body.adl-page .inline-edit-row .inline-edit-legend { font-size: 14px; font-weight: 600; color: var(--adl-text); }
body.adl-page .inline-edit-row ul.cat-checklist { background: var(--adl-surface); border-color: var(--adl-border); border-radius: 8px; }
body.adl-page .cat-checklist label, body.adl-page .categorychecklist label, body.adl-page .inline-edit-row .cat-checklist li { color: var(--adl-text-2); }
body.adl-page .inline-edit-row .submit { display: flex; gap: 8px; align-items: center; }

/* ---------------------------------------------------------------------
   Boxes, cards, tabs
--------------------------------------------------------------------- */
body.adl-page .postbox {
  background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow); overflow: clip; color: var(--adl-text-2);
}
body.adl-page .postbox .postbox-header { border-bottom: 1px solid var(--adl-border); min-height: 44px; }
body.adl-page .postbox.closed .postbox-header { border-bottom: 0; }
body.adl-page .postbox .postbox-header .hndle, body.adl-page .postbox h2.hndle {
  padding: 12px 16px; font-family: var(--adl-font); font-size: 13.5px; font-weight: 600; color: var(--adl-text);
}
body.adl-page .postbox .handle-actions button, body.adl-page .postbox .handle-order-higher, body.adl-page .postbox .handle-order-lower,
body.adl-page .postbox .handle-actions .toggle-indicator:before, body.adl-page .postbox .handlediv .toggle-indicator:before,
body.adl-page .postbox .order-higher-indicator:before, body.adl-page .postbox .order-lower-indicator:before { color: var(--adl-muted); }
body.adl-page .postbox .handle-actions button:hover .toggle-indicator:before,
body.adl-page .postbox .handle-actions button:hover:before { color: var(--adl-text); }
body.adl-page .postbox .inside { color: var(--adl-text-2); }
body.adl-page .sortable-placeholder, body.adl-page .postbox-container .empty-container { border-color: var(--adl-border-strong); border-radius: var(--adl-radius); background: transparent; }
body.adl-page .postbox-container .empty-container:after { color: var(--adl-muted); }
body.adl-page .js .postbox .hndle:hover, body.adl-page .postbox .postbox-header:hover { cursor: move; }

body.adl-page .card {
  max-width: 560px; padding: 18px 22px; background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow); color: var(--adl-text-2);
}
body.adl-page .card .title, body.adl-page .card h2 { margin-top: 4px; color: var(--adl-text); }

/* Tabs → one row of pills */
body.adl-page .nav-tab-wrapper, body.adl-page .wrap h2.nav-tab-wrapper, body.adl-page h1.nav-tab-wrapper {
  display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; margin: 8px 0 16px; border: 1px solid var(--adl-border); border-radius: 10px;
  background: var(--adl-surface); box-shadow: var(--adl-shadow); line-height: 1;
}
body.adl-page .nav-tab {
  float: none; margin: 0; padding: 7px 14px; border: 0; border-radius: 7px; background: transparent; color: var(--adl-muted); font-size: 13px; font-weight: 500; line-height: 1.4;
}
body.adl-page .nav-tab:hover, body.adl-page .nav-tab:focus { background: var(--adl-surface-2); color: var(--adl-text); box-shadow: none; }
body.adl-page .nav-tab-active, body.adl-page .nav-tab-active:hover, body.adl-page .nav-tab-active:focus, body.adl-page .nav-tab-active:focus:active {
  background: var(--adl-blue-soft); color: var(--adl-blue); border: 0; box-shadow: none;
}

/* Tooltips that WordPress points at things */
body.adl-page .wp-pointer-content { background: var(--adl-surface); color: var(--adl-text-2); border-radius: 10px; }
body.adl-page .wp-pointer-content h3 { background: var(--adl-blue); border-color: var(--adl-blue); border-radius: 10px 10px 0 0; }
body.adl-page .wp-pointer-content h3:before { color: var(--adl-blue); }
body.adl-page .wp-pointer-buttons { background: var(--adl-surface-2); border-top: 1px solid var(--adl-border); border-radius: 0 0 10px 10px; }
body.adl-page .wp-pointer.wp-pointer-top .wp-pointer-arrow, body.adl-page .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner { border-bottom-color: var(--adl-blue); }

/* ThickBox (plugin details and the like) */
body.adl-page #TB_window { background: var(--adl-surface); border-radius: 12px; overflow: hidden; box-shadow: var(--adl-shadow-lg); }
body.adl-page #TB_title { background: var(--adl-surface-2); border-bottom: 1px solid var(--adl-border); color: var(--adl-text); }
body.adl-page #TB_ajaxWindowTitle { color: var(--adl-text); }
body.adl-page #TB_closeWindowButton .tb-close-icon, body.adl-page .tb-close-icon { color: var(--adl-muted); }
body.adl-page #TB_overlay { background: rgba(10, 14, 22, .55); }

/* =====================================================================
   3. SCREENS
   ===================================================================== */

/* ---------------------------------------------------------------------
   Dashboard
--------------------------------------------------------------------- */
body.adl-page #dashboard-widgets .postbox .inside { padding: 4px 16px 14px; }
body.adl-page .welcome-panel { border-radius: 16px; overflow: hidden; box-shadow: var(--adl-shadow); border: 1px solid var(--adl-border); }
body.adl-page #wpbody-content .welcome-panel-header h2, body.adl-page #wpbody-content .welcome-panel-header p { color: #fff; }
body.adl-page #wpbody-content .welcome-panel-header a, body.adl-page #wpbody-content .welcome-panel .welcome-panel-close { color: #fff; }
body.adl-page #wpbody-content .welcome-panel .welcome-panel-close:before { color: #fff; }
body.adl-page .welcome-panel-column-container { background: var(--adl-surface); }
body.adl-page #wpbody-content .welcome-panel-column h3 { color: var(--adl-text); }
body.adl-page #wpbody-content .welcome-panel-column p { color: var(--adl-text-2); }
body.adl-page #dashboard_right_now li a:before, body.adl-page #dashboard_right_now li > span:before,
body.adl-page #dashboard_activity .dashicons, body.adl-page .community-events .dashicons { color: var(--adl-muted); }
body.adl-page #dashboard_right_now .main p, body.adl-page #dashboard_right_now .sub, body.adl-page #dashboard_activity .no-activity p { color: var(--adl-text-2); }
body.adl-page #dashboard_right_now .sub, body.adl-page #dashboard-widgets .postbox .inside .sub,
body.adl-page .community-events-footer, body.adl-page #dashboard_primary .rss-widget,
body.adl-page #dashboard_activity .subsubsub, body.adl-page #activity-widget #the-comment-list .comment-item,
body.adl-page #dashboard_primary .community-events-footer { background: transparent; border-color: var(--adl-border); }
body.adl-page #activity-widget #the-comment-list .comment-item, body.adl-page #activity-widget li { background: transparent; }
body.adl-page #activity-widget #the-comment-list .unapproved { background: var(--adl-warn-soft); }
body.adl-page #dashboard_activity .comment-meta span.approve:before { color: var(--adl-ok); }
body.adl-page #dashboard_activity .activity-block { border-color: var(--adl-border); }
body.adl-page #dashboard_activity time, body.adl-page #dashboard_activity ul li span,
body.adl-page #activity-widget #the-comment-list .comment-meta, body.adl-page #activity-widget #the-comment-list .comment-meta cite, body.adl-page #dashboard_activity .subsubsub .count { color: var(--adl-muted); }
body.adl-page #dashboard_quick_press .drafts li time, body.adl-page #dashboard_quick_press .drafts p { color: var(--adl-muted); }
body.adl-page #dashboard_quick_press .drafts { border-color: var(--adl-border); }
body.adl-page .community-events .event-info, body.adl-page .community-events li.event-none { color: var(--adl-text-2); }
body.adl-page .community-events ul, body.adl-page .community-events-errors, body.adl-page .community-events .activity-block { border-color: var(--adl-border); }
body.adl-page .community-events .event-date-time, body.adl-page .community-events .event-city { color: var(--adl-muted); }
body.adl-page #dashboard_site_health .health-check-widget-title-section h3 { color: var(--adl-text); }
body.adl-page .site-health-progress svg circle { stroke: var(--adl-surface-3); }
body.adl-page .site-health-progress svg #bar { stroke: var(--adl-blue); }
body.adl-page .site-health-progress-label { color: var(--adl-text-2); }
body.adl-page #dashboard-widgets h3, body.adl-page #dashboard-widgets h4, body.adl-page #dashboard_quick_press .drafts h2 { color: var(--adl-text); }
body.adl-page #dashboard_quick_press .easy-blogging, body.adl-page #dashboard_quick_press .input-text-wrap label { color: var(--adl-muted); }

/* ---------------------------------------------------------------------
   Plugins, themes
--------------------------------------------------------------------- */
body.adl-page .plugins tr.active td, body.adl-page .plugins tr.active th { background: var(--adl-surface); }
body.adl-page .plugins .active .check-column { border-left: 3px solid var(--adl-blue); }
/* Phones: WordPress stacks each plugin into a block and marks the whole block (a 4px border on the row)
   while keeping room for the desktop marker on the checkbox cell. One thin line, inside the card. */
@media screen and (max-width: 782px) {
  body.adl-page .plugins .active .check-column, body.adl-page .plugins .active th.check-column,
  body.adl-page .plugins .active td.check-column, body.adl-page .plugins tr.paused td.check-column,
  body.adl-page .plugin-update-tr.active td { border-left: 0; }
  body.adl-page .plugins tr.active, body.adl-page .plugin-update-tr.active, body.adl-page .plugins tr.active.paused { border-left: 0; }
  /* drawn on the cells that start at the card's left edge (the row's own background is covered by them) */
  body.adl-page .plugins #the-list tr.active > .check-column, body.adl-page .plugins #the-list tr.active > td:not(.column-primary),
  body.adl-page .plugins #the-list .plugin-update-tr.active > td { box-shadow: inset 3px 0 0 var(--adl-blue); }
  body.adl-page .plugins #the-list tr.active.paused > .check-column, body.adl-page .plugins #the-list tr.active.paused > td:not(.column-primary) { box-shadow: inset 3px 0 0 var(--adl-bad-line); }
}
body.adl-page .plugins tr.active.update th, body.adl-page .plugins tr.active.update td, body.adl-page .plugins tr.active + tr.inactive th,
body.adl-page .plugins tr.active + tr.inactive td, body.adl-page .plugins .plugin-update-tr .plugin-update { box-shadow: none; }
body.adl-page .plugins .inactive td, body.adl-page .plugins .inactive th, body.adl-page .plugins .inactive .plugin-title strong { background: var(--adl-surface); }
body.adl-page .plugins .inactive .plugin-title strong { color: var(--adl-muted) !important; font-weight: 600; }
body.adl-page .plugins .plugin-description p, body.adl-page .plugins .plugin-version-author-uri { color: var(--adl-text-2); }
body.adl-page .plugins .plugin-version-author-uri { color: var(--adl-muted); font-size: 12.5px; }
body.adl-page .plugin-update-tr .update-message { border-radius: 8px; }
body.adl-page .plugins .column-auto-updates a { color: var(--adl-link); }

body.adl-page .plugin-card {
  background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow); overflow: hidden; color: var(--adl-text-2);
}
body.adl-page .plugin-card-bottom { background: var(--adl-surface-2); border-top: 1px solid var(--adl-border); color: var(--adl-muted); }
body.adl-page .plugin-card .name h3 a, body.adl-page .plugin-card h3 { color: var(--adl-text); }
body.adl-page .plugin-card .plugin-icon { border-radius: 14px; }
body.adl-page .plugin-install-php .wp-filter, body.adl-page .wp-filter {
  background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow); color: var(--adl-text-2);
}
body.adl-page .filter-links li > a { color: var(--adl-muted); }
body.adl-page .filter-links .current, body.adl-page .filter-links li > a:hover { color: var(--adl-text); border-bottom-color: var(--adl-blue); }
body.adl-page .popular-tags { background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); color: var(--adl-text-2); }
body.adl-page .upload-plugin .wp-upload-form, body.adl-page .upload-theme .wp-upload-form {
  background: var(--adl-surface); border: 1px dashed var(--adl-border-strong); border-radius: var(--adl-radius); color: var(--adl-text-2);
}

body.adl-page .theme-browser .theme {
  background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow); overflow: hidden;
}
body.adl-page .theme-browser .theme .theme-name { background: var(--adl-surface); color: var(--adl-text); box-shadow: inset 0 1px 0 var(--adl-border); }
body.adl-page .theme-browser .theme.active .theme-name, body.adl-page #wpbody-content .theme-browser .theme.active .theme-name, body.adl-page #wpbody-content .theme-browser .theme.active .theme-name span { background: var(--adl-blue); color: #fff; box-shadow: none; }
body.adl-page .theme-browser .theme .theme-actions { background: var(--adl-surface-2); border-left-color: var(--adl-border); }
body.adl-page .theme-browser .theme.active .theme-actions { background: var(--adl-blue); }
body.adl-page .theme-browser .theme .theme-screenshot { background: var(--adl-surface-3); }
body.adl-page .theme-browser .theme .more-details { border-radius: 999px; background: rgba(10, 14, 22, .7); }
body.adl-page .theme-browser .theme.add-new-theme a { background: transparent; }
body.adl-page .theme-browser .theme.add-new-theme { border-style: dashed; border-color: var(--adl-border-strong); box-shadow: none; background: transparent; }
body.adl-page .theme-browser .theme.add-new-theme span:after { background: var(--adl-surface-3); color: var(--adl-muted); border-radius: 50%; }
body.adl-page .theme-browser .theme.add-new-theme .theme-name { background: transparent; color: var(--adl-text); box-shadow: none; }
body.adl-page .theme-overlay .theme-wrap { background: var(--adl-surface); border-radius: 14px; box-shadow: var(--adl-shadow-lg); }
body.adl-page .theme-overlay .theme-backdrop { background: light-dark(rgba(244, 246, 250, .9), rgba(10, 14, 22, .85)); }
body.adl-page .theme-overlay .theme-header { border-color: var(--adl-border); }
body.adl-page .theme-overlay .theme-header .close, body.adl-page .theme-overlay .theme-header .left, body.adl-page .theme-overlay .theme-header .right { border-color: var(--adl-border); color: var(--adl-muted); background: transparent; }
body.adl-page .theme-overlay .theme-name, body.adl-page .theme-overlay .theme-version { color: var(--adl-text); }
body.adl-page .theme-overlay .theme-author, body.adl-page .theme-overlay .theme-description, body.adl-page .theme-overlay .theme-tags { color: var(--adl-text-2); }
body.adl-page .theme-overlay .theme-actions { background: var(--adl-surface-2); border-color: var(--adl-border); }
body.adl-page .theme-overlay .theme-screenshots { background: var(--adl-surface-3); }
body.adl-page .theme-count { background: var(--adl-surface-3); color: var(--adl-muted); border-radius: 999px; }

/* ---------------------------------------------------------------------
   Media
--------------------------------------------------------------------- */
body.adl-page .media-frame, body.adl-page .media-modal-content { background: var(--adl-surface); color: var(--adl-text-2); font-family: var(--adl-font); }
body.adl-page .media-modal-content { border-radius: 14px; overflow: hidden; }
body.adl-page .media-modal { box-shadow: var(--adl-shadow-lg); border-radius: 14px; }
body.adl-page .media-modal-backdrop { background: rgb(10, 14, 22); opacity: .6; }
body.adl-page .media-frame-title h1, body.adl-page .media-frame-title h2, body.adl-page .media-modal .media-frame-title h1 { color: var(--adl-text); }
body.adl-page .media-frame-menu .media-menu, body.adl-page .media-menu { background: var(--adl-surface-2); border-right: 1px solid var(--adl-border); }
body.adl-page .media-menu .media-menu-item { color: var(--adl-text-2); border-radius: 6px; }
body.adl-page .media-menu .media-menu-item:hover { color: var(--adl-text); background: var(--adl-surface-3); }
body.adl-page .media-menu .active, body.adl-page .media-menu .active:hover { color: var(--adl-blue); background: var(--adl-blue-soft); font-weight: 600; }
body.adl-page .media-menu .separator { border-color: var(--adl-border); }
body.adl-page .media-router .media-menu-item { color: var(--adl-muted); }
body.adl-page .media-router .media-menu-item.active, body.adl-page .media-router .media-menu-item:hover { color: var(--adl-text); }
body.adl-page .media-router .active:after, body.adl-page .media-router .media-menu-item.active:last-child:after { background: var(--adl-blue); }
body.adl-page .media-frame-router, body.adl-page .media-frame-title { border-color: var(--adl-border); }
body.adl-page .media-frame-content { background: var(--adl-surface); border-top-color: var(--adl-border); }
body.adl-page .media-router .active, body.adl-page .media-router .active:hover, body.adl-page .media-router .media-menu-item.active:last-child {
  background: var(--adl-surface); border-color: var(--adl-border); color: var(--adl-text);
}
body.adl-page .media-router .media-menu-item { border-radius: 6px 6px 0 0; }
body.adl-page .media-frame-toolbar .media-toolbar, body.adl-page .media-toolbar {
  background: var(--adl-surface-2); border-color: var(--adl-border);
}
body.adl-page .wp-filter .media-toolbar, body.adl-page .media-frame.mode-grid .media-toolbar { background: transparent; }
body.adl-page .media-modal-close { color: var(--adl-muted); }
body.adl-page .media-modal-close:hover, body.adl-page .media-modal-close:focus { color: var(--adl-text); background: var(--adl-surface-3); }
body.adl-page .media-sidebar { background: var(--adl-surface-2); border-left: 1px solid var(--adl-border); color: var(--adl-text-2); }
body.adl-page .attachment-details h2, body.adl-page .media-sidebar h2, body.adl-page .attachment-info .filename { color: var(--adl-text); }
body.adl-page .attachment-info, body.adl-page .attachment-details .setting .name, body.adl-page .attachment-details .setting span,
body.adl-page .media-sidebar .setting .name, body.adl-page .media-sidebar .setting span, body.adl-page .attachment-info .details { color: var(--adl-text-2); }
body.adl-page .attachment-info { border-color: var(--adl-border); }
body.adl-page .attachments-browser .attachments, body.adl-page .attachments-browser .uploader-inline { background: var(--adl-surface); }
body.adl-page .media-frame.mode-grid .attachments-browser .attachments { background: transparent; }
body.adl-page .attachment .thumbnail, body.adl-page .attachment-preview { background: var(--adl-surface-3); }
body.adl-page .attachment-preview, body.adl-page .attachment .thumbnail { border-radius: 8px; overflow: hidden; }
body.adl-page .attachment .thumbnail:after { box-shadow: inset 0 0 0 1px var(--adl-border); border-radius: 8px; }
body.adl-page .attachment.details, body.adl-page .attachment.details .attachment-preview { box-shadow: inset 0 0 0 3px var(--adl-surface), inset 0 0 0 6px var(--adl-blue); }
body.adl-page .attachment.details .check, body.adl-page .attachment.selected .check:focus, body.adl-page .media-frame.mode-grid .attachment.selected .check { background-color: var(--adl-blue); box-shadow: 0 0 0 1px var(--adl-surface), 0 0 0 2px var(--adl-blue); }
body.adl-page .attachment .filename, body.adl-page .attachment:not(:has(.filename))::after {
  background: color-mix(in srgb, var(--adl-surface) 88%, transparent); color: var(--adl-text); box-shadow: inset 0 0 0 1px var(--adl-border); border-radius: 6px;
}
body.adl-page .attachment .filename { border-radius: 0 0 8px 8px; }
/* An image's title: two whole lines at most, ending in "…", never a line cut in half */
body.adl-page .attachment:not(:has(.filename))::after {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
  max-height: none; line-height: 1.4; overflow: hidden;
  padding-bottom: 0; border-bottom: 6px solid transparent; /* the space below sits outside the clipped area */
}
body.adl-page .media-selection:after { background: linear-gradient(to left, var(--adl-surface-2), transparent); }
body.adl-page .media-selection .attachment.selection.details .thumbnail { box-shadow: 0 0 0 1px var(--adl-surface-2), 0 0 0 3px var(--adl-blue); }
body.adl-page .media-selection .selection-info, body.adl-page .media-selection .count { color: var(--adl-text); }
body.adl-page .uploader-inline, body.adl-page .media-frame.mode-grid .uploader-inline { background: var(--adl-surface); color: var(--adl-text-2); border: 1px dashed var(--adl-border-strong); border-radius: var(--adl-radius); }
body.adl-page .uploader-inline .has-upload-message .upload-instructions, body.adl-page .upload-instructions, body.adl-page .uploader-inline-content .upload-ui h2 { color: var(--adl-text); }
body.adl-page .media-frame.mode-grid .media-frame-content { background: transparent; }
body.adl-page .media-frame.mode-grid, body.adl-page .upload-php .media-frame { background: transparent; }
body.adl-page .media-frame.mode-grid .attachments-browser .media-toolbar { background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow); }
body.adl-page .media-search-input-label { color: var(--adl-muted); white-space: nowrap; }
body.adl-page .load-more-wrapper .load-more-count, body.adl-page .media-toolbar .spinner { color: var(--adl-muted); }
body.adl-page .edit-attachment-frame, body.adl-page .edit-attachment-frame .edit-media-header, body.adl-page .edit-attachment-frame .attachment-media-view { background: var(--adl-surface); border-color: var(--adl-border); }
body.adl-page .edit-attachment-frame .attachment-info { background: var(--adl-surface-2); border-color: var(--adl-border); }
body.adl-page .edit-attachment-frame .edit-media-header .left, body.adl-page .edit-attachment-frame .edit-media-header .right { border-color: var(--adl-border); color: var(--adl-muted); }
body.adl-page .wp-core-ui .attachment .thumbnail .centered img.icon { filter: none; }
body.adl-page .media-item, body.adl-page #media-items { background: var(--adl-surface); border-color: var(--adl-border); border-radius: 8px; }
body.adl-page .media-upload-form .media-item .progress { background: var(--adl-surface-3); }
body.adl-page .media-item .bar, body.adl-page .media-progress-bar div { background: var(--adl-blue); }
body.adl-page #drag-drop-area, body.adl-page .drag-drop #drag-drop-area { border-color: var(--adl-border-strong); border-radius: var(--adl-radius); }
body.adl-page .media-upload-form .drag-drop-inside p, body.adl-page .drag-drop-inside p { color: var(--adl-text-2); }
body.adl-page .media-types-required-info, body.adl-page .compat-item .label span, body.adl-page .media-frame .compat-item label span { color: var(--adl-muted); }
body.adl-page .wp_attachment_details .attachment-alt-text-description, body.adl-page .imgedit-group, body.adl-page .imgedit-wrap .imgedit-panel-content { color: var(--adl-text-2); border-color: var(--adl-border); }
body.adl-page .imgedit-group { background: var(--adl-surface); border-radius: 8px; }

/* ---------------------------------------------------------------------
   Comments, terms, users
--------------------------------------------------------------------- */
body.adl-page #the-comment-list .unapproved th, body.adl-page #the-comment-list .unapproved td { background: var(--adl-warn-soft); }
body.adl-page #the-comment-list .unapproved .check-column { border-left: 3px solid var(--adl-warn-line); }
body.adl-page #the-comment-list th, body.adl-page #the-comment-list td { box-shadow: none; }
body.adl-page #the-comment-list tr.undo, body.adl-page #the-comment-list div.undo { background: var(--adl-surface-2); }
body.adl-page #the-comment-list .approve a { color: var(--adl-ok) !important; }
body.adl-page #the-comment-list .unapprove a { color: var(--adl-warn) !important; }
body.adl-page #the-comment-list .submitted-on, body.adl-page #the-comment-list .unapproved .submitted-on { color: var(--adl-text-2); }
body.adl-page .column-comment .comment-author, body.adl-page .comment-author strong { color: var(--adl-text); }
body.adl-page #comments-form .comment-reply-link, body.adl-page .column-response .response-links a { color: var(--adl-link); }
body.adl-page .post-com-count .comment-count-approved, body.adl-page .post-com-count .comment-count-no-comments { background: var(--adl-surface-3); color: var(--adl-text-2); border-radius: 6px; }
/* The bubble's little tail is drawn by the link itself (WordPress' :after), not by the number inside it */
body.adl-page .post-com-count-approved:after, body.adl-page .post-com-count-no-comments:after { border-top-color: var(--adl-surface-3); }
body.adl-page a.post-com-count-approved:hover .comment-count-approved, body.adl-page a.post-com-count-approved:focus .comment-count-approved { background: var(--adl-blue); color: #fff; }
body.adl-page a.post-com-count-approved:hover:after, body.adl-page a.post-com-count-approved:focus:after { border-top-color: var(--adl-blue); }
body.adl-page .post-com-count-pending .comment-count-pending, body.adl-page .comment-count-pending { background: var(--adl-bad-line); color: #fff; }
body.adl-page .column-comments .post-com-count-pending, body.adl-page .column-response .post-com-count-pending { border-color: var(--adl-surface); }
body.adl-page .wp-list-table .avatar, body.adl-page .user-profile-picture img, body.adl-page .comment-author .avatar, body.adl-page #latest-comments .avatar { border-radius: 50%; }
body.adl-page .comment-ays, body.adl-page #comment-status-radio, body.adl-page .comment-ays th { background: var(--adl-surface); border-color: var(--adl-border); color: var(--adl-text-2); }

body.adl-page #col-left .col-wrap {
  padding: 18px 22px 8px; margin: 0 22px 20px 0; background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow);
}
body.adl-page #col-left .col-wrap h2 { margin-top: 2px; font-size: 16px; }
body.adl-page .form-wrap .form-field { margin: 0 0 16px; }
body.adl-page .form-wrap .form-field label { font-weight: 600; }

body.adl-page .color-option { border-radius: 10px; }
body.adl-page .color-option.selected, body.adl-page .color-option:hover { background: var(--adl-surface-3); }
body.adl-page .color-option .color-palette-shade, body.adl-page .color-option .color-palette td { border-radius: 2px; }
body.adl-page #your-profile .user-profile-picture img, body.adl-page .user-profile-picture img { border-radius: 50%; }
body.adl-page .application-passwords .create-application-password .form-field, body.adl-page .new-application-password-notice { color: var(--adl-text-2); }
body.adl-page .password-input-wrapper input, body.adl-page #pass1, body.adl-page #pass1-text { font-family: var(--adl-mono); }
body.adl-page #pass-strength-result { border-radius: 8px; background: var(--adl-surface-2); border-color: var(--adl-border); color: var(--adl-text-2); }
body.adl-page #pass-strength-result.short, body.adl-page #pass-strength-result.bad { background: var(--adl-bad-soft); border-color: var(--adl-bad-line); }
body.adl-page #pass-strength-result.good { background: var(--adl-warn-soft); border-color: var(--adl-warn-line); }
body.adl-page #pass-strength-result.strong { background: var(--adl-ok-soft); border-color: var(--adl-ok-line); }

/* Skin settings on the profile */
body.adl-page .adl-modes { display: flex; gap: 12px; flex-wrap: wrap; }
.adl-mode-option { display: inline-flex; flex-direction: column; align-items: center; gap: 8px; padding: 8px 8px 10px; border-radius: 12px; border: 1px solid var(--adl-border, #dcdcde); cursor: pointer; }
.adl-mode-option:has(input:checked) { border-color: var(--adl-blue, #2563eb); box-shadow: 0 0 0 2px var(--adl-focus, rgba(37, 99, 235, .28)); }
.adl-mode-option input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.adl-mode-swatch { position: relative; display: block; width: 110px; height: 66px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(0, 0, 0, .08); }
.adl-mode-swatch i { position: absolute; display: block; }
.adl-mode-swatch i:nth-child(1) { left: 0; top: 0; bottom: 0; width: 24px; }
.adl-mode-swatch i:nth-child(2) { left: 32px; right: 8px; top: 10px; height: 18px; border-radius: 4px; }
.adl-mode-swatch i:nth-child(3) { left: 32px; right: 30px; top: 36px; height: 18px; border-radius: 4px; }
.adl-mode-swatch--light { background: #f4f6fa; }
.adl-mode-swatch--light i:nth-child(1) { background: #fff; box-shadow: 1px 0 0 #e4e8f0; }
.adl-mode-swatch--light i:nth-child(2), .adl-mode-swatch--light i:nth-child(3) { background: #fff; box-shadow: 0 0 0 1px #e4e8f0; }
.adl-mode-swatch--soft { background: #eef0f3; }
.adl-mode-swatch--soft i:nth-child(1) { background: #d9dee6; box-shadow: 1px 0 0 #c8cfda; }
.adl-mode-swatch--soft i:nth-child(2), .adl-mode-swatch--soft i:nth-child(3) { background: #fff; box-shadow: 0 0 0 1px #e2e6ec; }
.adl-mode-swatch--dim { background: #272f3c; }
.adl-mode-swatch--dim i:nth-child(1) { background: #212833; box-shadow: 1px 0 0 #2f3846; }
.adl-mode-swatch--dim i:nth-child(2), .adl-mode-swatch--dim i:nth-child(3) { background: #303948; box-shadow: 0 0 0 1px #3f4959; }
.adl-mode-swatch--dark { background: #0e131d; }
.adl-mode-swatch--dark i:nth-child(1) { background: #111722; box-shadow: 1px 0 0 #1f2737; }
.adl-mode-swatch--dark i:nth-child(2), .adl-mode-swatch--dark i:nth-child(3) { background: #161c29; box-shadow: 0 0 0 1px #262f42; }
.adl-mode-swatch--auto { border: 0; }
.adl-mode-swatch--auto .adl-mode-swatch { position: absolute; inset: 0; width: auto; height: auto; }
.adl-mode-swatch--auto .adl-mode-swatch--dark { clip-path: inset(0 0 0 50%); }

body.adl-page .adl-accents { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 6px; }
.adl-accent-option { position: relative; display: inline-flex; flex-direction: column; align-items: center; gap: 6px; min-width: 58px; padding: 8px 6px 6px; border-radius: 10px; cursor: pointer; }
.adl-accent-option:hover { background: var(--adl-surface-2, #f6f7f7); }
.adl-accent-option input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.adl-accent-dot { display: block; width: 26px; height: 26px; border-radius: 50%; }
.adl-accent-option:has(input:checked) .adl-accent-dot { box-shadow: 0 0 0 3px var(--adl-surface, #fff), 0 0 0 5px currentColor; }
.adl-accent-option:has(input:focus-visible) .adl-accent-dot { outline: 2px solid var(--adl-text, #1d2327); outline-offset: 6px; }
.adl-accent-name { font-size: 12.5px; color: var(--adl-muted, #646970); }
.adl-accent-option:has(input:checked) .adl-accent-name { color: var(--adl-text, #1d2327); font-weight: 600; }

/* ---------------------------------------------------------------------
   Menus (classic themes)
--------------------------------------------------------------------- */
body.adl-page .manage-menus, body.adl-page .menu-edit, body.adl-page #nav-menu-meta .accordion-container {
  background: var(--adl-surface); border: 1px solid var(--adl-border); border-radius: var(--adl-radius); box-shadow: var(--adl-shadow); color: var(--adl-text-2);
}
body.adl-page .menu-edit { overflow: hidden; }
body.adl-page #nav-menu-header, body.adl-page #nav-menu-footer, body.adl-page .menu-settings { background: var(--adl-surface-2); border-color: var(--adl-border); }
body.adl-page #post-body.menu-edit-body, body.adl-page #menu-management .menu-edit #post-body { background: var(--adl-surface); border-color: var(--adl-border); }
body.adl-page .menu-item-handle, body.adl-page .menu-item-settings {
  background: var(--adl-surface-2); border-color: var(--adl-border); color: var(--adl-text);
}
body.adl-page .menu-item-handle { border-radius: 8px; }
body.adl-page .menu-item-edit-active .menu-item-handle { border-radius: 8px 8px 0 0; }
body.adl-page .menu-item-settings { border-radius: 0 0 8px 8px; }
body.adl-page .menu-item-handle:hover { border-color: var(--adl-border-strong); }
body.adl-page .menu-item-handle .item-title, body.adl-page .menu-item .menu-item-title { color: var(--adl-text); }
body.adl-page .menu-item-handle .item-type, body.adl-page .is-submenu { color: var(--adl-muted); }
body.adl-page .menu-item-handle .item-edit:before { color: var(--adl-muted); }
body.adl-page .accordion-section, body.adl-page .accordion-section-content { background: var(--adl-surface); border-color: var(--adl-border); color: var(--adl-text-2); }
body.adl-page .accordion-section-title, body.adl-page .nav-menus-php .metabox-holder .accordion-section-title { background: var(--adl-surface); color: var(--adl-text); border-color: var(--adl-border); }
body.adl-page .accordion-section-title:hover, body.adl-page .accordion-section.open .accordion-section-title,
body.adl-page .nav-menus-php .metabox-holder .accordion-section-title:hover, body.adl-page .nav-menus-php .metabox-holder .open .accordion-section-title { background: var(--adl-surface-2); color: var(--adl-text); }
body.adl-page .accordion-section-title:after, body.adl-page .nav-menus-php .metabox-holder .accordion-section-title:after { color: var(--adl-muted); }
body.adl-page .categorydiv div.tabs-panel, body.adl-page .customlinkdiv div.tabs-panel, body.adl-page .posttypediv div.tabs-panel, body.adl-page .taxonomydiv div.tabs-panel {
  background: var(--adl-surface-2); border-color: var(--adl-border); border-radius: 8px;
}
body.adl-page .category-tabs .tabs, body.adl-page ul.category-tabs li.tabs, body.adl-page .add-menu-item-tabs .tabs,
body.adl-page .nav-menus-php .add-menu-item-tabs .tabs { background: var(--adl-surface-2); border-color: var(--adl-border); border-radius: 6px 6px 0 0; }
body.adl-page .category-tabs a, body.adl-page .add-menu-item-tabs a { color: var(--adl-muted); }
body.adl-page .category-tabs .tabs a, body.adl-page .add-menu-item-tabs .tabs a,
body.adl-page #side-sortables .category-tabs .tabs a, body.adl-page #side-sortables .add-menu-item-tabs .tabs a,
body.adl-page .wp-tab-bar .wp-tab-active a, body.adl-page #post-body ul.category-tabs li.tabs a, body.adl-page #post-body ul.add-menu-item-tabs li.tabs a { color: var(--adl-text); }
body.adl-page .wp-tab-bar .wp-tab-active, body.adl-page .wp-tab-panel { background: var(--adl-surface-2); border-color: var(--adl-border); }
body.adl-page .menu-location-menus, body.adl-page .menu-settings-group-name { color: var(--adl-text-2); }
body.adl-page .nav-menus-php .list-controls, body.adl-page .nav-menus-php .button-controls { color: var(--adl-text-2); }
body.adl-page .drag-instructions, body.adl-page .menu-instructions-inactive, body.adl-page .menu-instructions { color: var(--adl-muted); }
body.adl-page .sortable-placeholder { background: transparent; }

/* Classic widgets screen */
body.adl-page .widget-top, body.adl-page .widget .widget-top, body.adl-page .widgets-holder-wrap, body.adl-page .widget-inside,
body.adl-page .widgets-chooser ul, body.adl-page .widget-liquid-right .widgets-holder-wrap { background: var(--adl-surface); border-color: var(--adl-border); color: var(--adl-text); }
body.adl-page .widget-title h3, body.adl-page .sidebar-name h2, body.adl-page .widgets-holder-wrap .description { color: var(--adl-text); }
body.adl-page .widgets-holder-wrap { border-radius: var(--adl-radius); box-shadow: var(--adl-shadow); }
body.adl-page .widget-top { border-radius: 8px; }

/* ---------------------------------------------------------------------
   Site Health, Privacy, Updates, Tools
--------------------------------------------------------------------- */
body.adl-page .health-check-header, body.adl-page .privacy-settings-header {
  background: var(--adl-surface); border-bottom: 1px solid var(--adl-border); box-shadow: none;
}
body.adl-page .health-check-header h1, body.adl-page .privacy-settings-header h1 { color: var(--adl-text); }
body.adl-page .health-check-tab, body.adl-page .privacy-settings-tab { color: var(--adl-text-2); }
body.adl-page .health-check-tab.active, body.adl-page .privacy-settings-tab.active { box-shadow: inset 0 -3px var(--adl-blue); color: var(--adl-text); }
body.adl-page .health-check-body h2, body.adl-page .health-check-body h3, body.adl-page .privacy-settings-body h2 { color: var(--adl-text); }
body.adl-page .health-check-accordion, body.adl-page .privacy-settings-accordion {
  border: 1px solid var(--adl-border); border-radius: var(--adl-radius); overflow: hidden; background: var(--adl-surface); box-shadow: var(--adl-shadow);
}
body.adl-page .health-check-accordion-heading, body.adl-page .health-check-accordion-trigger, body.adl-page .privacy-settings-accordion-trigger,
body.adl-page .health-check-accordion-panel, body.adl-page .privacy-settings-accordion-panel { background: var(--adl-surface); color: var(--adl-text); border-color: var(--adl-border); }
body.adl-page .health-check-accordion-trigger:hover, body.adl-page .health-check-accordion-trigger:active,
body.adl-page .privacy-settings-accordion-trigger:hover { background: var(--adl-surface-2); }
body.adl-page .health-check-accordion-trigger .title, body.adl-page .privacy-settings-accordion-trigger .title { color: var(--adl-text); }
body.adl-page .health-check-accordion-trigger .icon, body.adl-page .privacy-settings-accordion-trigger .icon { border-color: var(--adl-muted); }
body.adl-page .health-check-accordion-panel { color: var(--adl-text-2); }
body.adl-page .health-check-accordion .health-check-accordion-heading:not(:first-child) .health-check-accordion-trigger,
body.adl-page .health-check-accordion-heading:not(:first-of-type) .health-check-accordion-trigger { border-top: 1px solid var(--adl-border); }
body.adl-page .site-status-all-clear, body.adl-page .site-health-issues-wrapper .issues { color: var(--adl-text-2); }
body.adl-page .health-check-accordion-trigger .badge { border-radius: 999px; background: transparent; color: var(--adl-text-2); }
body.adl-page .health-check-accordion-trigger .badge.blue { border-color: var(--adl-blue); }
body.adl-page .health-check-accordion-trigger .badge.orange { border-color: var(--adl-warn-line); }
body.adl-page .health-check-accordion-trigger .badge.red { border-color: var(--adl-bad-line); }
body.adl-page .health-check-accordion-trigger .badge.green { border-color: var(--adl-ok-line); }
body.adl-page .health-check-accordion-trigger .badge.purple { border-color: var(--adl-purple); }
body.adl-page .health-check-accordion-trigger .badge.gray { border-color: var(--adl-border-strong); }
body.adl-page .site-health-view-passed, body.adl-page .site-health-copy-buttons .copy-button-wrapper { color: var(--adl-text-2); }
body.adl-page .health-check-body .health-check-table td, body.adl-page .health-check-body .health-check-table th { color: var(--adl-text-2); border-color: var(--adl-border); }
body.adl-page .health-check-body .widefat.striped > tbody > :nth-child(odd) { background: var(--adl-surface-2); }
body.adl-page .privacy-settings-body .privacy-text-box, body.adl-page .policy-text, body.adl-page .privacy-text-section { background: var(--adl-surface); border-color: var(--adl-border); color: var(--adl-text-2); }
body.adl-page .privacy-text-copy, body.adl-page .privacy-settings-accordion-actions { color: var(--adl-text-2); }

body.adl-page .update-php .wrap h2, body.adl-page .update-core-php .wrap h2 { color: var(--adl-text); }
body.adl-page .update-last-checked, body.adl-page .about-description { color: var(--adl-muted); }
body.adl-page .update-core-php .response, body.adl-page .update-messages { color: var(--adl-text-2); }
body.adl-page .upgrade .plugins td, body.adl-page .upgrade .themes td { background: var(--adl-surface); }
body.adl-page .tool-box .title, body.adl-page .tool-box h2 { color: var(--adl-text); }
body.adl-page .importers td { background: var(--adl-surface); }
body.adl-page .importer-title { color: var(--adl-text); }
body.adl-page .importer-action { color: var(--adl-muted); }
body.adl-page .wp-list-table tr.no-items td, body.adl-page .widefat tr.no-items td { background: var(--adl-surface); }
body.adl-page #export-filters, body.adl-page .export-filters { color: var(--adl-text-2); }
body.adl-page .wp-privacy-request-form, body.adl-page .wp-privacy-request-form-field { color: var(--adl-text-2); }
body.adl-page .request-statuses, body.adl-page .request-status { color: var(--adl-text-2); }

/* Theme / plugin file editor */
body.adl-page #file-editor-warning .file-editor-warning-content { background: var(--adl-surface); color: var(--adl-text-2); border-radius: 14px; box-shadow: var(--adl-shadow-lg); }
body.adl-page #file-editor-warning .file-editor-warning-content h1 { color: var(--adl-text); }
body.adl-page #file-editor-warning .file-editor-warning-content p { color: var(--adl-text-2); }
body.adl-page #templateside > ul, body.adl-page #templateside li, body.adl-page .fileedit-sub { background: transparent; color: var(--adl-text-2); border-color: var(--adl-border); }
body.adl-page #templateside li.current-file > a, body.adl-page .tree-folder .current-file > a { background: var(--adl-blue-soft); color: var(--adl-text); }
body.adl-page #template div { color: var(--adl-text-2); }

/* Code editor (theme/plugin files, Custom HTML) */
body.adl-page .CodeMirror { background: var(--adl-input); color: var(--adl-text); border-radius: 8px; }
body.adl-page #template .CodeMirror, body.adl-page .wp-core-ui .CodeMirror { border: 1px solid var(--adl-border-strong); }
body.adl-page .CodeMirror-gutters { background: var(--adl-surface-2); border-right-color: var(--adl-border); }
body.adl-page .CodeMirror-linenumber { color: var(--adl-muted); }
body.adl-page .CodeMirror-cursor { border-left-color: var(--adl-text); }
body.adl-page .CodeMirror-activeline-background { background: light-dark(#f2f6ff, rgba(59, 130, 246, .08)); }
body.adl-page .CodeMirror-selected, body.adl-page .CodeMirror-focused .CodeMirror-selected { background: light-dark(#d7e4ff, rgba(59, 130, 246, .3)); }
body.adl-page:not(.adl-accent-blue) .CodeMirror-activeline-background { background: color-mix(in srgb, var(--adl-blue) 7%, transparent); }
body.adl-page:not(.adl-accent-blue) .CodeMirror-selected, body.adl-page:not(.adl-accent-blue) .CodeMirror-focused .CodeMirror-selected { background: color-mix(in srgb, var(--adl-blue) 26%, transparent); }
body.adl-page .cm-s-default .cm-keyword { color: light-dark(#7c3aed, #c4b5fd); }
body.adl-page .cm-s-default .cm-atom, body.adl-page .cm-s-default .cm-def, body.adl-page .cm-s-default .cm-attribute { color: light-dark(#1d4ed8, #93c5fd); }
body.adl-page .cm-s-default .cm-number, body.adl-page .cm-s-default .cm-tag { color: light-dark(#15803d, #86efac); }
body.adl-page .cm-s-default .cm-variable-2 { color: light-dark(#0369a1, #7dd3fc); }
body.adl-page .cm-s-default .cm-variable-3, body.adl-page .cm-s-default .cm-type { color: light-dark(#047857, #6ee7b7); }
body.adl-page .cm-s-default .cm-comment { color: light-dark(#6b7280, #7d889c); }
body.adl-page .cm-s-default .cm-string { color: light-dark(#b91c1c, #fca5a5); }
body.adl-page .cm-s-default .cm-string-2 { color: light-dark(#c2410c, #fdba74); }
body.adl-page .cm-s-default .cm-meta, body.adl-page .cm-s-default .cm-qualifier, body.adl-page .cm-s-default .cm-bracket { color: light-dark(#6b7280, #9ca3af); }
body.adl-page .cm-s-default .cm-builtin { color: light-dark(#4338ca, #a5b4fc); }
body.adl-page .cm-s-default .cm-error { color: light-dark(#dc2626, #f87171); }
body.adl-page div.CodeMirror span.CodeMirror-matchingbracket { color: light-dark(#15803d, #86efac); }

/* Permalinks: the example URLs */
body.adl-page .permalink-structure code, body.adl-page .form-table.permalink-structure code { background: var(--adl-surface-3); }
body.adl-page .available-structure-tags li .button { border-radius: 6px; }
body.adl-page .available-structure-tags li .button.active { background: var(--adl-blue-soft); border-color: var(--adl-blue); color: var(--adl-blue); }

/* Colour picker */
body.adl-page .wp-picker-container .wp-color-result.button { border-radius: 8px; border-color: var(--adl-border-strong); }
body.adl-page .wp-color-result-text { background: var(--adl-surface); color: var(--adl-text-2); border-left-color: var(--adl-border-strong); border-radius: 0 7px 7px 0; }
body.adl-page .wp-picker-holder .iris-picker { background: var(--adl-surface); border-color: var(--adl-border); border-radius: 8px; }

/* =====================================================================
   4. SMALL SCREENS
   ===================================================================== */
@media screen and (max-width: 782px) {
  body.adl-page p.search-box { float: none; width: 100%; height: auto; margin: 0 0 12px; position: static; display: flex; flex-wrap: nowrap; }
  body.adl-page p.search-box input[type="search"] { flex: 1; width: auto; min-width: 0; height: 42px; margin: 0; }
  body.adl-page p.search-box .button { flex: none; height: 42px; margin: 0; }
  body.adl-page .wp-list-table .column-primary { padding-right: 48px; }
  /* No hover on a touch screen: a row's actions are shown right away instead of taking up hidden space */
  body.adl-page .wp-list-table .row-actions { position: static; left: 0; padding-top: 6px; line-height: 2; }
  body.adl-page .wp-list-table .row-actions span:not(.success) { font-size: 14px; }
  body.adl-page .wp-list-table .toggle-row { top: 10px; }
  body.adl-page .tablenav .tablenav-pages { margin: 0; width: 100%; justify-content: space-between; }
  body.adl-page .tablenav-pages .button, body.adl-page .tablenav-pages .tablenav-pages-navspan { min-width: 42px !important; height: 42px; }
  body.adl-page #col-left .col-wrap { margin-right: 0; }
  body.adl-page #screen-meta { margin-right: 10px; }
  body.adl-page input[type="text"], body.adl-page input[type="password"], body.adl-page input[type="email"],
  body.adl-page input[type="url"], body.adl-page input[type="number"], body.adl-page input[type="search"], body.adl-page select { min-height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  body.adl-chrome #adminmenu div.wp-menu-image:before { transition: none; }
}

/* =====================================================================
   5. PAGE TRANSITIONS (WordPress 7.0+)
   WordPress cross-fades every top-level menu item on its own when moving
   between screens. The skin's menu items are see-through, so that makes the
   whole menu flicker. Here the menu and the toolbar are swapped in one piece,
   without fading; the page content keeps WordPress' transition.
   ===================================================================== */
@media (prefers-reduced-motion: no-preference) {
  body.adl-chrome #adminmenu > .menu-top { view-transition-name: none; }
  body.adl-chrome #adminmenuback { view-transition-name: adl-menu-back; }
  body.adl-chrome #adminmenuwrap { view-transition-name: adl-menu; }
  body.adl-chrome #wpadminbar { view-transition-name: adl-toolbar; }
}
/* Old and new picture both stay fully visible, the new one on top: no fade, no blend, and never a
   frame where neither is drawn yet. */
::view-transition-group(adl-menu), ::view-transition-group(adl-menu-back), ::view-transition-group(adl-toolbar),
::view-transition-old(adl-menu), ::view-transition-old(adl-menu-back), ::view-transition-old(adl-toolbar),
::view-transition-new(adl-menu), ::view-transition-new(adl-menu-back), ::view-transition-new(adl-toolbar) {
  animation: none; mix-blend-mode: normal; opacity: 1;
}