/*! * dtfzone-app-supplement.css * --------------------------------------------------------------------------- * Rules for the six classes the DTF Zone templates reference but the theme * never styled. Unlike dtfzone-app.css -- which is a verbatim extract -- this * file is hand-written, and is the only place in the bridge where new design * decisions were made. * * Every rule is built from the theme's own variables and mirrors an existing * component, so nothing here introduces a new visual language: * * .dtf-tabs / .dtf-tab follows .dashboard-nav-item (pill, 6px radius, * accent-light-green + brand-green when current) * .dtf-stat-grid follows .dtf-stats-row (auto-fit minmax grid) * .dashboard-nav-section-label follows .dtf-stat-label (uppercase, muted) * .plugin-download-page follows .dashboard-page (min-height only) * .dtf-text-error / -success reuses the exact colours of the existing * .dtf-amount-negative / -positive pair * * Load AFTER dtfzone-app.css. Depends on the :root block that file provides. * Restyle freely -- nothing in the templates or the JS reads these rules. * * Install: wp-content/mu-plugins/dtfzone-bridge/dtfzone-app-supplement.css */ /* =========================================== Admin tab bar Markup: