/* OnzNow Portal V3.0: Admin & Staff dashboard redesign.
   Presentation only. Nothing in this file can read or write data.
   The build script expands each icon token below into an inline SVG data URI. */

/* ---------- 1. Shell ---------- */
.internal-app { grid-template-columns: 256px minmax(0, 1fr); background: #f6f7f6; }
.internal-topbar, .internal-scrim, .internal-menu-close { display: none; }
.internal-app > aside { padding: 18px 12px 14px; background: #15384a; }
.internal-app > aside .brand { gap: 10px; padding: 0 6px; }
.internal-app > aside .brand span { color: #a9c0c8; font-size: 12px; }
.internal-app > aside .internal-label { margin: 20px 12px 6px; color: #a9c0c8; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; }

.internal-app aside nav { gap: 2px; }
.internal-app aside nav button { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border-radius: 10px; color: #cbdbe1; font-size: 14px; font-weight: 600; line-height: 1.25; text-align: left; }
.internal-app aside nav button:hover { background: rgba(255, 255, 255, 0.07); color: #ffffff; }
.internal-app aside nav button.active { background: rgba(255, 255, 255, 0.12); color: #ffffff; font-weight: 700; }
.internal-app aside nav button.nested { padding: 0 12px; font-size: 14px; }
.admin-nav-icon { width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: var(--nav-i) center / contain no-repeat; mask: var(--nav-i) center / contain no-repeat; }
.internal-app aside nav button.active .admin-nav-icon { background: #8fe0cf; }
.internal-app aside nav [data-nav="overview"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%227%22%20height%3D%229%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%225%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%229%22%20x%3D%2214%22%20y%3D%2212%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%225%22%20x%3D%223%22%20y%3D%2216%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="clients"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2022V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v18Z%22%2F%3E%3Cpath%20d%3D%22M6%2012H4a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h2%22%2F%3E%3Cpath%20d%3D%22M18%209h2a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202h-2%22%2F%3E%3Cpath%20d%3D%22M10%206h4M10%2010h4M10%2014h4M10%2018h4%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="createCampaign"], .internal-app aside nav [data-nav="createAffiliateProgramme"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M8%2012h8M12%208v8%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="campaigns"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2011%2018-5v12L3%2014v-3z%22%2F%3E%3Cpath%20d%3D%22M11.6%2016.8a3%203%200%201%201-5.8-1.6%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="registrations"], .internal-app aside nav [data-nav="affiliateRegistrations"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%2F%3E%3Cpath%20d%3D%22M12%2011h4M12%2016h4M8%2011h.01M8%2016h.01%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="reviews"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.06%2012.35a1%201%200%200%201%200-.7%2010.75%2010.75%200%200%201%2019.88%200%201%201%200%200%201%200%20.7%2010.75%2010.75%200%200%201-19.88%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="reports"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18%22%2F%3E%3Cpath%20d%3D%22M18%2017V9M13%2017V5M8%2017v-3%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="affiliateProgrammes"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71%22%2F%3E%3Cpath%20d%3D%22M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="affiliateApprovals"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m16%2011%202%202%204-4%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="kocs"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="importedKocs"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M19%208v6M22%2011h-6%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="payments"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2012h.01M18%2012h.01%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="paymentHistory"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%202v20l2-1%202%201%202-1%202%201%202-1%202%201%202-1%202%201V2l-2%201-2-1-2%201-2-1-2%201-2-1-2%201Z%22%2F%3E%3Cpath%20d%3D%22M16%208h-6a2%202%200%201%200%200%204h4a2%202%200%201%201%200%204H8M12%2017.5v-11%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="announcements"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9%22%2F%3E%3Cpath%20d%3D%22M10.3%2021a1.94%201.94%200%200%200%203.4%200%22%2F%3E%3C%2Fsvg%3E"); }
.internal-app aside nav [data-nav="settings"] { --nav-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }

.admin-nav-group { gap: 2px; margin-top: 12px; }
.internal-app aside nav .admin-nav-group-toggle, .internal-app aside nav .admin-nav-group.active .admin-nav-group-toggle { min-height: 32px; padding: 0 12px; border: 0; background: transparent; color: #a9c0c8; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.internal-app aside nav .admin-nav-group-toggle:hover { background: transparent; color: #ffffff; }
.internal-app aside nav .admin-nav-group, .internal-app aside nav .admin-nav-group.active { background: transparent; }
.admin-nav-chevron { width: 16px; height: 16px; font-size: 0 !important; color: inherit; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.admin-nav-group-toggle[aria-expanded="false"] .admin-nav-chevron { transform: rotate(-90deg); }
.admin-nav-group-items { gap: 2px; margin-left: 0; padding-left: 0; border-left: 0; }
.admin-nav-label { min-height: 32px; margin-top: 12px; padding: 0 12px; display: flex; align-items: center; color: #a9c0c8; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }

.internal-app > aside .account-block { flex-direction: row; align-items: center; gap: 10px; margin-top: 8px; padding: 14px 6px 0; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.account-avatar { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 999px; background: #0d7770; color: #ffffff; font-size: 13px !important; font-weight: 700; }
.account-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.account-block .account-name { overflow: hidden; color: #ffffff; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.account-block .account-email { overflow: hidden; color: #a9c0c8; font-size: 12px; opacity: 1; text-overflow: ellipsis; white-space: nowrap; }
.account-block .account-role { color: #a9c0c8; font-size: 12px; }
.account-block .account-signout { width: 40px; height: 40px; flex: none; display: grid; place-items: center; padding: 0; border: 0; border-radius: 10px; background: transparent; color: #cbdbe1; }
.account-block .account-signout:hover { background: rgba(255, 255, 255, 0.08); color: #ffffff; }
.account-signout::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%2F%3E%3Cpath%20d%3D%22m16%2017%205-5-5-5M21%2012H9%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%2F%3E%3Cpath%20d%3D%22m16%2017%205-5-5-5M21%2012H9%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.account-signout > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.internal-main { padding: 28px 40px 48px; }
.internal-main .page-title { align-items: flex-end; margin-bottom: 24px; }
.internal-main .page-title .eyebrow { display: none; }
.internal-main .page-title h1 { margin: 0 0 4px; font-size: 28px; line-height: 1.15; letter-spacing: -0.02em; }
.internal-main .page-title p { font-size: 14px; }

/* ---------- 2. Overview ---------- */
.overview-updated { width: max-content; margin: -8px 0 16px auto; padding: 6px 12px; display: flex; align-items: center; gap: 8px; border: 1px solid #e3e8e6; border-radius: 999px; background: #ffffff; color: #33454e; font-size: 13px; font-weight: 600; }
.overview-updated::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: #1f9d6b; box-shadow: 0 0 0 3px #d5f1e5; }
.overview-section-heading h2, .overview-visits-toolbar h2 { font-size: 17px; font-weight: 700; }
.overview-section-heading span, .overview-visits-toolbar > div > span { color: #5b6b73; font-size: 13px; }

.overview-attention-card { padding: 16px; border-color: #e3e8e6; border-radius: 14px; box-shadow: 0 1px 2px rgba(21, 56, 74, 0.04); }
.overview-attention-card:not(:disabled):hover { border-color: #0d7770; }
.overview-attention-card i { width: 36px; height: 36px; border-radius: 10px; font-size: 0; }
.overview-attention-card i::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--attn-i) center / contain no-repeat; mask: var(--attn-i) center / contain no-repeat; }
.overview-attention-grid > :nth-child(1) { --attn-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m16%2011%202%202%204-4%22%2F%3E%3C%2Fsvg%3E"); }
.overview-attention-grid > :nth-child(2) { --attn-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%228%22%20y%3D%222%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22%2F%3E%3Cpath%20d%3D%22m9%2014%202%202%204-4%22%2F%3E%3C%2Fsvg%3E"); }
.overview-attention-grid > :nth-child(3) { --attn-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.06%2012.35a1%201%200%200%201%200-.7%2010.75%2010.75%200%200%201%2019.88%200%201%201%200%200%201%200%20.7%2010.75%2010.75%200%200%201-19.88%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
.overview-attention-grid > :nth-child(4) { --attn-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2012h.01M18%2012h.01%22%2F%3E%3C%2Fsvg%3E"); }
.overview-attention-grid > :nth-child(5) { --attn-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%2F%3E%3Cpath%20d%3D%22M12%209v4M12%2017h.01%22%2F%3E%3C%2Fsvg%3E"); }
.overview-attention-card.tone-warning i { background: #fff1e6; color: #a14a0d; }
.overview-attention-card.tone-info i { background: #e7eef3; color: #15384a; }
.overview-attention-card.tone-danger i { background: #fde8e8; color: #a61b1b; }
.overview-attention-card.tone-danger { border-color: #f1c3bc; }
.overview-attention-card.tone-clear i { background: #f0f2f2; color: #5b6b73; }
.overview-attention-card strong { color: #15384a; font: 800 28px/1 Manrope, sans-serif; }
.overview-attention-card b { margin-top: 12px; color: #15384a; font-size: 14px; font-weight: 600; line-height: 1.3; white-space: normal; }
.overview-attention-card small { margin-top: 8px; display: inline-flex; align-items: center; gap: 6px; color: #0d7770; font-size: 13px; font-weight: 600; }
.overview-attention-card:not(:disabled) small::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M12%205l7%207-7%207%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M12%205l7%207-7%207%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.overview-attention-card:disabled small { color: #5b6b73; }

.overview-visits-toolbar label { color: #5b6b73; font-size: 12px; font-weight: 600; }
.overview-visits-toolbar select { min-height: 40px; border-color: #dce4e2; color: #15384a; font-size: 14px; font-weight: 600; }
.overview-visit-panel { border-color: #e3e8e6; border-radius: 14px; }
.overview-visit-panel > header { border-bottom-color: #eef2f1; }
.overview-visit-panel > header b { font-size: 15px; color: #15384a; }
.overview-visit-panel > header span { color: #5b6b73; font-size: 13px; }
.overview-visit-panel > header strong { padding: 3px 9px; background: #e7eef3; color: #15384a; font-size: 12px; }
.overview-copy-button { min-height: 36px; padding: 0 12px; display: inline-flex; align-items: center; gap: 6px; border-color: #dce4e2; color: #15384a; font-size: 13px; font-weight: 600; }
.overview-copy-button::before { content: ""; width: 15px; height: 15px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.overview-copy-button:not(:disabled):hover { border-color: #0d7770; color: #0a5f59; }
.overview-visit-row { padding: 12px 16px; border-bottom-color: #eef2f1; }
.overview-visit-row > strong { color: #15384a; font-size: 14px; font-variant-numeric: tabular-nums; }
.overview-koc-link { color: #15384a; font-size: 14px; text-decoration: none; }
.overview-koc-link:hover { color: #0a5f59; text-decoration: underline; }
.overview-visit-row small { color: #5b6b73; font-size: 13px; }
.overview-visit-row > span { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px 3px 7px; background: #dcefea; color: #0a5f59; font-size: 12px; font-weight: 700; }
.overview-visit-row > span::before { content: ""; width: 13px; height: 13px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.overview-empty { color: #5b6b73; font-size: 14px; }

.overview-campaign-table { border-color: #e3e8e6; border-radius: 14px; }
.overview-campaign-head { background: #f8faf9; color: #5b6b73; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.overview-campaign-row { padding: 14px 16px; border-top-color: #eef2f1; }
.overview-campaign-row-clickable:hover { background: #f8fbfa; }
.overview-campaign-row-clickable:focus-visible { outline-color: #0d7770; background: #f8fbfa; }
.overview-campaign-name b { color: #15384a; font-size: 14px; }
.overview-campaign-name span { color: #5b6b73; font-size: 12px; }
.overview-fill > div:first-child { font-size: 13px; }
.overview-fill > div:first-child > span { color: #15384a; font-weight: 700; font-variant-numeric: tabular-nums; }
.overview-fill small { color: #5b6b73; font-size: 12px; }
.overview-fill-track { height: 6px; background: #e9efed; }
.overview-fill-track i { background: #0d7770; }
.overview-stage-number { color: #15384a; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
.overview-health { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; font-size: 12px; font-weight: 700; }
.overview-health::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: currentColor; }
.overview-health.health-0 { background: #e9f5ee; color: #1d6b3e; }
.overview-health.health-1 { background: #fff1e6; color: #a14a0d; }
.overview-health.health-2 { background: #fde8e8; color: #a61b1b; }
.overview-row-view { color: #0d7770; font-size: 13px; font-weight: 600; }
.overview-campaign-row-clickable:hover .overview-row-view, .overview-campaign-row-clickable:focus-visible .overview-row-view { color: #0a5f59; }
.overview-total-strip { border-color: #e3e8e6; border-radius: 14px; }
.overview-total-strip span { color: #5b6b73; font-size: 13px; }
.overview-total-strip strong { color: #15384a; font: 800 24px/1.2 Manrope, sans-serif; }

/* ---------- 3. KOCs table: actions fit inside the table ---------- */
.koc-directory-v2 { border-color: #e3e8e6; border-radius: 14px; box-shadow: none; }
.koc-directory-head, .koc-directory-row { grid-template-columns: minmax(150px, 1.15fr) minmax(110px, 0.8fr) minmax(130px, 1fr) 56px 56px 100px 120px 176px; gap: 12px; }
.koc-directory-head { border-radius: 14px 14px 0 0; background: #f8faf9; color: #5b6b73; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.koc-directory-row { padding: 14px 16px; }
.koc-directory-row:hover { background: #f8fbfa; box-shadow: none; }
.koc-row-actions { gap: 6px; }
.koc-row-actions > button, .koc-more > button { min-height: 34px; padding: 0 12px; border-color: #dce4e2; border-radius: 9px; font-size: 13px; }
.koc-row-actions > button.koc-icon-action, .koc-more > button.koc-icon-action { width: 34px; min-width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.koc-icon-action::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--act-i) center / contain no-repeat; mask: var(--act-i) center / contain no-repeat; }
.koc-action-view { --act-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.06%2012.35a1%201%200%200%201%200-.7%2010.75%2010.75%200%200%201%2019.88%200%201%201%200%200%201%200%20.7%2010.75%2010.75%200%200%201-19.88%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
.koc-action-visits { --act-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E"); }
.koc-action-activity { --act-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-4l-3%209L9%203l-3%209H2%22%2F%3E%3C%2Fsvg%3E"); }
.koc-action-more { --act-i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.koc-action-more > span { display: none; }
.koc-more-popover button { font-size: 13px; }
.koc-name-link { font-size: 14px; font-weight: 700; }
.koc-status-tabs { width: max-content; max-width: 100%; box-sizing: border-box; gap: 2px; margin: -4px 0 18px; padding: 4px; border-radius: 12px; background: #edf2f1; }
.koc-status-tabs button { min-height: 36px; padding: 0 12px; border: 0; border-radius: 9px; background: transparent; color: #4a5a62; font-size: 13px; font-weight: 600; }
.koc-status-tabs button.active { background: #ffffff; color: #15384a; font-weight: 700; box-shadow: 0 1px 3px rgba(20, 40, 50, 0.12); }
.koc-status-tabs button b { min-width: 20px; height: 20px; background: #e3e8e6; color: #4a5a62; font-size: 12px; }
.koc-status-tabs button.active b { background: #dcefea; color: #0a5f59; }
.internal-app .koc-directory-toolbar :is(input, select), .koc-directory-toolbar .filter-button { height: 40px; min-height: 40px; padding: 0 12px; border-radius: 10px; font-size: 14px; }
.koc-directory-toolbar .filter-button { font-weight: 600; }
@media (max-width: 1250px) {
  .koc-directory-head, .koc-directory-row { min-width: 1040px; }
}
@media (max-width: 800px) {
  .koc-directory-head, .koc-directory-row { min-width: 0; }
  .koc-directory-row { grid-template-columns: 1fr 1fr; gap: 13px; padding: 16px; }
  .koc-row-actions > button.koc-icon-action, .koc-more > button.koc-icon-action { width: 44px; min-width: 44px; min-height: 44px; }
  .koc-row-actions > .koc-icon-action, .koc-row-actions > .koc-more { flex: none; }
  .koc-row-actions > .approve, .koc-row-actions > .reject { min-height: 44px; }
}
@media (max-width: 520px) {
  .koc-directory-row { grid-template-columns: 1fr; }
  .koc-row-actions > .mobile-label { flex-basis: 100%; }
  .koc-row-actions > .approve, .koc-row-actions > .reject { flex: 1 1 40%; }
}

/* ---------- 4. Readable text on every staff page (12px minimum) ---------- */
.internal-app :is(.client-pill, .campaign-status, .campaign-data-table th, .branch-table-head, .directory-table th, .profile-summary-grid span,
  .registration-actions button, .campaign-status-cell button, .submitted-links > div > b, .incomplete-kocs-toggle i, .branch-day-picker span,
  .capacity-visit-window b, .visit-calendar-weekdays span, .visit-calendar-legend, .social-profile-head, .payment-actions button,
  .campaign-registration-stats span, .registration-summary-grid span, .registration-v2-head, .registration-v2-person small,
  .registration-v2-branch small, .registration-v2-visit small, .registration-v2-platforms > span, .registration-v2-payment summary,
  .registration-v2-actions > button, .registration-more > button, .registration-more-popover button, .registration-stage-pill,
  .capacity-table-head, .progress-identity em, .daily-visit-heading span, .daily-visit-heading button, .revision-count,
  .pending-koc-list small, .match-hint, .imported-flag, .imported-flag.inline, .imported-koc-card small, .visit-problem, .visit-post-label,
  .link-candidate-list small, .addon-hint, .review-proof-heading span, .review-proof-control > small, .service-editor-head,
  .service-capacity small, .service-row-grid label, .service-booked, .koc-claimed, .addon-rule-note, .optional-tag, .contact-pill,
  .contact-list-actions button, .social-cell small, .review-client-heading span, .metrics-head, .report-campaign-picker small,
  .coverage-warn, .metrics-mobile-label, .question-row-grid label, .locked-tag, .answers-chip, .version-tag, .deadline-note,
  .history-summary span, .pay-changed, .quota-grid label, .quota-dim, .quota-chip small, .team-table td small, .muted-small,
  .tng-help-text span, .tng-thumb span, .addon-mode > select, .purpose-note, .symbol-warning, .test-tag, .staff-only-tag,
  .platform-quota-block .platform-quota-fields label span, .platform-quota-card.total small, .payment-shortfall, .payment-edit-total,
  .booking-pay small, .registration-campaign-table td small, .create-campaign-guide li::before, .photo-missing, .photo-fallback,
  .client-category-label, .campaign-terms-identity span, .payment-fulfilment-grid span, .payment-metrics-grid span,
  .payment-review-history span, .payment-review-history small, .koc-status-tabs button b, .koc-filter-panel label,
  .koc-active-filters button, .koc-activity-summary span, .activity-timeline span, .activity-timeline b, .koc-directory-person small,
  .koc-contact-cell small, .koc-last-login b, .test-badge, .application-ready, .koc-row-badges .test-tag, .koc-social-cell > div span,
  .koc-social-cell > div strong, .affiliate-approval-tabs span, .affiliate-approval-head, .affiliate-approval-row > div::before,
  .affiliate-programme-head, .affiliate-registration-head, .affiliate-programme-row > div::before, .affiliate-registration-row > div::before,
  .affiliate-status-tabs span, .campaign-data-table td::before, .directory-table td::before) { font-size: 12px; }
.internal-app :is(.registration-v2-progress .status-pill, .koc-directory-row .mobile-label, .platform-quota-block .platform-quota-fields label,
  .review-proof-upload) { font-size: 12px !important; }

/* ---------- 5. Mid-size screens ---------- */
@media (max-width: 1100px) and (min-width: 901px) {
  .internal-app { grid-template-columns: 224px minmax(0, 1fr); }
  .internal-main { padding: 28px 28px 48px; }
}

/* ---------- 6. Phones and small tablets: top bar + slide-in menu ---------- */
@media (max-width: 900px) {
  .internal-app { display: block !important; }
  .internal-topbar { position: sticky; top: 0; z-index: 30; height: 60px; box-sizing: border-box; padding: 0 12px; display: flex; align-items: center; gap: 10px; background: #15384a; color: #ffffff; }
  .internal-menu-button { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border: 0; border-radius: 10px; background: transparent; color: #ffffff; }
  .menu-icon, .close-icon { width: 22px; height: 22px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16M4%206h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16M4%206h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
  .close-icon { width: 20px; height: 20px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"); }
  .internal-topbar .brand { flex: none; }
  .internal-topbar .brand > div { display: none; }
  .internal-topbar .brand-logo { width: 52px; height: 28px; }
  .internal-topbar-title { flex: 1; min-width: 0; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
  .internal-scrim { display: block; position: fixed; inset: 0; z-index: 39; background: rgba(8, 22, 28, 0.5); }

  .internal-app > aside.staff-aside { position: fixed !important; top: 0; bottom: 0; left: 0; z-index: 40; width: min(304px, 86vw) !important; height: 100dvh !important; box-sizing: border-box; padding: 16px 12px 14px !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; overflow: hidden; transform: translateX(-104%); visibility: hidden; transition: transform 0.24s ease, visibility 0s linear 0.24s; box-shadow: 12px 0 40px rgba(8, 22, 28, 0.35); }
  .internal-app > aside.staff-aside.is-open { transform: none; visibility: visible; transition: transform 0.24s ease, visibility 0s; }
  .internal-menu-close { position: absolute; top: 12px; right: 10px; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 10px; background: transparent; color: #cbdbe1; }
  .internal-app > aside.staff-aside .brand > div:last-child { display: block; font-size: 12px; }
  .internal-app > aside.staff-aside .internal-label { display: block; font-size: 12px; }
  .internal-app > aside.staff-aside nav { order: 0; flex: 1; min-height: 0; flex-direction: column; overflow-x: visible; overflow-y: auto; gap: 2px; }
  .internal-app > aside.staff-aside nav button { flex: none; white-space: normal; padding: 0 12px; font-size: 14px !important; }
  .internal-app > aside.staff-aside nav .admin-nav-group-toggle { font-size: 12px !important; }
  .internal-app aside nav button::before { content: none !important; }
  .internal-app > aside.staff-aside .account-block { order: 0; flex-direction: row; margin-top: 8px; padding: 14px 6px 0; border-top: 1px solid rgba(255, 255, 255, 0.12); }
  .internal-app > aside.staff-aside .account-block .account-text > * { display: block; }
  .internal-app > aside.staff-aside .account-block .account-avatar { display: grid; }
  .internal-main { width: 100%; box-sizing: border-box; padding: 20px 16px 48px; }
  .internal-main .page-title h1 { font-size: 24px; }
  .overview-updated { margin: 0 0 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .internal-app > aside.staff-aside, .internal-app > aside.staff-aside.is-open { transition: none; }
}