/* Admin-specific additions on top of the shared design system (chrome.css). Loaded after chrome.css on every redesigned admin page. Token imports mirror collect.css: the token files only declare @font-face and :root custom properties (tokens/base.css is intentionally NOT imported — it styles bare tags globally), and chrome.css is scoped under .ds-* classes, so legacy pages loading this bundle are visually unaffected. PERF: the token @imports + chrome.css @import were REMOVED (CSS @import serialises requests on the critical path). index.php now loads the 3 DS stylesheets in parallel instead: tokens/tokens.css (bundled tokens), chrome.css, then this file. Keep that order. */ /* Coral "Admin" badge next to the wordmark in the sidebar brand */ .ds-admin-badge{ font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase; color:#FFFFFF;background:#F0536B;border-radius:6px;padding:3px 7px;line-height:1; } /* profile meta line under the admin name */ .ds-sidebar__meta{font-size:12px;color:rgba(255,255,255,0.55);display:block} /* active nav item (server-rendered .is-active mirrors Collect's runtime .active) */ .ds-nav-link.is-active{color:#FFFFFF;font-weight:700;background:rgba(255,255,255,0.08)} .ds-nav-link.is-active::before{content:"";position:absolute;left:-8px;top:11px;width:3px;height:18px;border-radius:2px;background:#F0536B} /* notification icon button in the topbar */ .ds-topbar__iconbtn{ width:38px;height:38px;border-radius:12px;border:1px solid #E4E6EA;background:#fff; display:flex;align-items:center;justify-content:center;color:#5B6470;flex:none;text-decoration:none; } .ds-topbar__iconbtn:hover{background:#F3F4F6} /* redesigned pages run inside index.php's Metronic but use the ds-shell; neutralize leftover Metronic footer/tools chrome (scripts still load for DataTables + the dashboard portlet lazy-load). */ body.ds-admin{background:#F3F4F6} body.ds-admin .page-footer, body.ds-admin .go-top, body.ds-admin .quick-nav-overlay, body.ds-admin .page-quick-sidebar-wrapper{display:none !important} body.ds-admin .page-footer + .page-footer{display:none !important} /* ============================================================ a17 · Admin sign-in — ds-auth on the Metronic login shell (Admin/index.php default / ?p=login / ?p=forget-pwd views). The Metronic login form keeps its exact JS contract (.login-form, .forget-form, .form-actions, .form-processing, .input-icon, #forget-password, #back-btn) — these rules restyle that markup. ============================================================ */ body.ds-adminauth{background:#FFFFFF !important} /* the shared footer.php copyright block has no place on the split panel */ body.ds-adminauth .copyright{display:none} .ds-auth__brandrow{display:flex;align-items:center;gap:10px} .ds-auth__brandrow .ds-admin-badge{padding:3px 8px} /* both auth forms are flex stacks; the forget form starts hidden via an inline style so jQuery .show()/.hide() falls back to this display:flex */ .ds-auth .login-form, .ds-auth .forget-form{display:flex;flex-direction:column;gap:16px;margin:0} /* neutralize Metronic/Bootstrap .form-actions chrome and stack the rows */ .ds-auth .form-actions{ display:flex;flex-direction:column;gap:16px; margin:0;padding:0;border:0;background:none; } .ds-auth .form-group{margin:0} .ds-auth__row{display:flex;align-items:center;justify-content:space-between} .ds-auth__link{font-size:13.5px;font-weight:600;color:var(--accent);text-decoration:none} .ds-auth__link:hover{color:#D9455F} .ds-auth__submit{width:100%;height:54px;font-size:16px} /* the submit keeps Metronic's "btn green" classes for JS parity — out-gun components.css .btn.green so the ds navy primary wins */ .ds-auth .btn.green.ds-btn--primary{background:var(--navy);color:#FFFFFF;border:0;text-shadow:none} .ds-auth .btn.green.ds-btn--primary:hover, .ds-auth .btn.green.ds-btn--primary:focus, .ds-auth .btn.green.ds-btn--primary:active{background:#354456;color:#FFFFFF} .ds-auth__hint{font-size:12.5px;color:var(--ink-tertiary);text-align:center} /* "Show / Hide" password toggle inside the ds-passwrap */ .ds-pwtoggle{ font-size:13px;color:var(--ink-tertiary);cursor:pointer;flex:none; -webkit-user-select:none;user-select:none; } .ds-pwtoggle:hover{color:var(--ink-secondary)} /* remember-me label (Bootstrap label.checkbox reset) */ .ds-auth label.checkbox.ds-remember{ display:flex;align-items:center;gap:8px;min-height:0; margin:0;padding:0;font-size:13.5px;color:var(--ink-secondary);cursor:pointer; } /* Metronic wraps the checkbox in a jQuery-Uniform .checker — restyle it */ .ds-auth div.checker{margin:0;padding:0;display:inline-block;top:0} .ds-auth div.checker span{ background:none !important;border:1.5px solid #C3C9D1;border-radius:6px; width:18px;height:18px;display:inline-block;position:relative; } .ds-auth div.checker span.checked{background:var(--navy) !important;border-color:var(--navy)} .ds-auth div.checker span.checked::after{ content:"";position:absolute;left:5px;top:2px;width:4px;height:8px; border:solid #FFFFFF;border-width:0 2px 2px 0; -webkit-transform:rotate(45deg);transform:rotate(45deg); } .ds-auth div.checker span input{opacity:0;width:18px;height:18px;margin:0;cursor:pointer} /* validation + server errors inside the card */ .ds-auth .help-block{color:#E02D2D;font-size:12.5px;margin:6px 0 0;display:block} .ds-auth .alert{border-radius:12px;font-size:13.5px} /* ============================================================ Leftover per-column DataTables filter rows — the DS top filter bar already drives filtering on these pages, but each page's own inline