:root {
  color-scheme: dark;
}

.adminThemeToggle {
  position: relative;
  z-index: 2;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(155, 92, 255, .36);
  border-radius: 8px;
  background: rgba(155, 92, 255, .12);
  color: #d8ccff;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 760;
  white-space: nowrap;
  touch-action: manipulation;
  user-select: none;
}

.adminThemeToggle:hover {
  border-color: rgba(155, 92, 255, .7);
  background: rgba(155, 92, 255, .2);
  color: #f7f5ff;
}

.adminThemeToggle svg {
  grid-area: 1 / 1;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  pointer-events: none;
}

.adminThemeMoon {
  display: none;
}

:root[data-ui-theme="light"] .adminThemeSun {
  display: none;
}

:root[data-ui-theme="light"] .adminThemeMoon {
  display: block;
}

.adminThemeToggle.floating {
  position: fixed;
  top: 22px;
  right: 24px;
  z-index: 2000;
  background: rgba(17, 19, 31, .9);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .2);
}

:root[data-ui-theme="light"] {
  color-scheme: light;
  color: #182033;
  background: #f7f8fc;
}

:root[data-ui-theme="light"] body {
  color: #182033;
  background: #f7f8fc;
}

:root[data-ui-theme="light"] .adminThemeToggle {
  border-color: #d8cef2;
  background: #f4efff;
  color: #6f35d2;
}

:root[data-ui-theme="light"] .adminThemeToggle:hover {
  border-color: #bca8e7;
  background: #ede5ff;
  color: #5922ba;
}

:root[data-ui-theme="light"] .adminThemeToggle.floating {
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 34px rgba(46, 35, 80, .12);
}

:root[data-ui-theme="light"] .adminShell,
:root[data-ui-theme="light"] .aiCreditsActive .adminShell {
  color: #20283a;
  background:
    radial-gradient(circle at 88% 0%, rgba(139, 92, 246, .07), transparent 30%),
    linear-gradient(145deg, #ffffff, #f7f8fc);
}

:root[data-ui-theme="light"] .adminSidebar,
:root[data-ui-theme="light"] .aiCreditsActive .adminSidebar {
  border-right-color: #e6e8ef;
  background: rgba(255, 255, 255, .96);
  box-shadow: 8px 0 30px rgba(40, 28, 74, .035);
}

:root[data-ui-theme="light"] :is(.adminBrand strong, .loginBrand strong),
:root[data-ui-theme="light"] .aiCreditsActive .adminBrand strong {
  color: #161b28;
}

:root[data-ui-theme="light"] .adminSidebar nav button,
:root[data-ui-theme="light"] .aiCreditsActive .adminSidebar nav button {
  color: #526078;
}

:root[data-ui-theme="light"] .adminSidebar nav button:hover,
:root[data-ui-theme="light"] .adminSidebar nav button.active,
:root[data-ui-theme="light"] .aiCreditsActive .adminSidebar nav button:hover,
:root[data-ui-theme="light"] .aiCreditsActive .adminSidebar nav button.active {
  border-color: rgba(124, 58, 237, .2);
  background: #f2edff;
  color: #6d28d9;
  box-shadow: none;
}

:root[data-ui-theme="light"] .adminSidebarFoot,
:root[data-ui-theme="light"] .aiCreditsActive .adminSidebarFoot {
  border-top-color: #e6e8ef;
}

:root[data-ui-theme="light"] .adminSidebarFoot span {
  color: #6840bd;
}

:root[data-ui-theme="light"] .adminSidebarFoot small {
  color: #7b8597;
}

:root[data-ui-theme="light"] .adminTopbar,
:root[data-ui-theme="light"] .aiCreditsActive .adminTopbar {
  border-bottom-color: #e6e8ef;
  background: rgba(255, 255, 255, .92);
}

:root[data-ui-theme="light"] .adminProfile {
  color: #252c3b;
}

:root[data-ui-theme="light"] .profileDropdown {
  border-color: #e0e2e9;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(42, 31, 72, .15);
}

:root[data-ui-theme="light"] .profileDropdown div {
  border-bottom-color: #eceef3;
}

:root[data-ui-theme="light"] .profileDropdown small {
  color: #7b8495;
}

:root[data-ui-theme="light"] .profileDropdown strong,
:root[data-ui-theme="light"] .profileDropdown button {
  color: #252c3b;
}

:root[data-ui-theme="light"] .profileDropdown button:hover {
  background: #f3efff;
  color: #6d28d9;
}

:root[data-ui-theme="light"] :is(.pageTitle h1, .metricCard strong, .dashboardCountItem strong, .dashboardCountItem b, .deviceSummaryStrip strong, .sessionSummaryStrip strong) {
  color: #171d2b;
}

:root[data-ui-theme="light"] :is(.pageTitle p, .metricCard small, .metricCard em, .deviceSummaryStrip span, .sessionSummaryStrip span, .adminHint, .emptyTableState) {
  color: #6e788b;
}

:root[data-ui-theme="light"] :is(
  .metricCard,
  .activityPanel,
  .adminTable,
  .userModal,
  .loginCard,
  .licensePanel,
  .deviceSummaryStrip article,
  .sessionSummaryStrip article
) {
  border-color: #e1e4eb;
  background: rgba(255, 255, 255, .97);
  color: #30394b;
  box-shadow: 0 10px 30px rgba(37, 27, 70, .055);
}

:root[data-ui-theme="light"] .metricCard.interactive:hover {
  border-color: #cfc0ed;
  box-shadow: 0 12px 32px rgba(75, 49, 129, .09);
}

:root[data-ui-theme="light"] .metricCard > span {
  background: #eee7ff;
  color: #6d28d9;
}

:root[data-ui-theme="light"] :is(.activityPanel header button, .outlineAction, .permissionTable .outlineAction) {
  border-color: #cbb9ee;
  background: #f1ebff;
  color: #6426c7;
}

:root[data-ui-theme="light"] .activityRow b {
  background: #eee7ff;
  color: #6528c8;
}

:root[data-ui-theme="light"] .sessionProgressCell em {
  color: #526078;
  font-weight: 650;
}

:root[data-ui-theme="light"] .permissionTag {
  border-color: #b9d5ff;
  background: #edf5ff;
  color: #2563a8;
}

:root[data-ui-theme="light"] .permissionTag.all {
  border-color: #cbb8ee;
  background: #eee7ff;
  color: #6426c7;
}

:root[data-ui-theme="light"] .permissionTag.none {
  border-color: #efb8bc;
  background: #fff0f1;
  color: #b13b43;
}

:root[data-ui-theme="light"] .metricPreview {
  border-color: #dddfea;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(42, 31, 72, .15);
}

:root[data-ui-theme="light"] .metricPreview p,
:root[data-ui-theme="light"] .metricCard .metricPreview span {
  color: #5f697c;
}

:root[data-ui-theme="light"] .metricCard .metricPreview strong {
  color: #20283a;
}

:root[data-ui-theme="light"] .dashboardCountItem {
  border-color: #e1e4eb;
  background: #ffffff;
  color: #6f788a;
}

:root[data-ui-theme="light"] :is(.adminSearch, .tableTools label) {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #8a92a2;
}

:root[data-ui-theme="light"] :is(.adminSearch input, .tableTools input, .loginCard input, .userModal input, .userModal select) {
  color: #20283a;
}

:root[data-ui-theme="light"] .tableTools {
  border-color: #e1e4eb;
  background: #fafbfc;
}

:root[data-ui-theme="light"] :is(.tableTools select, .tableTools > button, .rowActions button, .userModal footer button, .adminExportButton, .guideButton) {
  border-color: #dddfe7;
  background: #ffffff;
  color: #4b566a;
}

:root[data-ui-theme="light"] :is(.activityRow, .adminTableRow, .infoTableRow) {
  border-bottom-color: #e8eaf0;
  color: #3e485a;
}

:root[data-ui-theme="light"] :is(.activityRow.header, .adminTableRow.header, .infoTableRow.header) {
  border-bottom-color: #e2e4eb;
  background: #f7f5fc;
  color: #675b7b;
}

:root[data-ui-theme="light"] :is(.resourcePanel, .resourceInstance) {
  border-color: #e1e4eb;
  background: #fafbfc;
}

:root[data-ui-theme="light"] :is(.resourcePanel label, .resourceInstance label, .accountAssignment > span, .licensePanel p, .licenseForm label, .userModal p, .userModal label) {
  color: #677286;
}

:root[data-ui-theme="light"] :is(.resourcePanel input, .resourceInstance input, .licenseForm input, .licenseForm select, .userModal input, .userModal select) {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #20283a;
}

:root[data-ui-theme="light"] .accountAssignment button {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #526075;
}

:root[data-ui-theme="light"] .statusPill {
  color: #3d4658;
}

:root[data-ui-theme="light"] .statusPill small {
  color: #7c8595;
}

:root[data-ui-theme="light"] :is(
  .adminNotice,
  .metricCard em.online,
  .dashboardCountItem .ok b,
  .resourcePanel b,
  .resourceInstance header span,
  .deviceStatus.approved,
  .projectStatus.completed,
  .successCount,
  .aiCreditsSuccess,
  .aiStatusPill.enabled,
  .aiStatusPill.credited,
  .aiStatusPill.paid,
  .batchEditLibraryStatus.enabled
) {
  color: #178158;
}

:root[data-ui-theme="light"] :is(
  .dashboardCountItem .bad b,
  .failedCount,
  .deviceStatus.disabled,
  .projectStatus.failed,
  .aiCreditsDanger,
  .aiStatusPill.disabled,
  .aiStatusPill.canceled,
  .batchEditLibraryActions button.danger
) {
  color: #c54148;
}

:root[data-ui-theme="light"] .switch {
  border-color: #cfd4de;
  background: #d9dde5;
}

:root[data-ui-theme="light"] .switch.active {
  border-color: #8b5cf6;
  background: #7c3aed;
}

:root[data-ui-theme="light"] :is(.modalLayer, .guideModalLayer, .adminExportModal) {
  background: rgba(55, 43, 83, .24);
}

:root[data-ui-theme="light"] .userModal header button {
  border-color: #dedfe7;
  color: #5e6879;
}

:root[data-ui-theme="light"] .adminDateRangeTrigger {
  border-color: #dce0e8;
  background: #ffffff;
  color: #263044;
}

:root[data-ui-theme="light"] :is(.activityPagination, .infoEmpty) {
  color: #737d8f;
}

:root[data-ui-theme="light"] .modalPermissionGrid button {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #4a5568;
}

:root[data-ui-theme="light"] .adminLogin {
  background:
    radial-gradient(circle at 76% 12%, rgba(139, 92, 246, .11), transparent 30%),
    linear-gradient(145deg, #ffffff, #f6f4fb);
}

:root[data-ui-theme="light"] .loginCard p,
:root[data-ui-theme="light"] .loginCard label,
:root[data-ui-theme="light"] .loginOptions {
  color: #5f697b;
}

:root[data-ui-theme="light"] .loginAvatar {
  background: #eee7ff;
  color: #6d28d9;
}

:root[data-ui-theme="light"] .loginCard label > span {
  border-color: #d9d0ed;
  background: #ffffff;
  color: #596579;
}

:root[data-ui-theme="light"] .guidePreview,
:root[data-ui-theme="light"] .guideModal {
  border-color: #dddfea;
  background: #ffffff;
  box-shadow: 0 22px 54px rgba(42, 31, 72, .16);
}

:root[data-ui-theme="light"] .guideModal h2 {
  color: #20283a;
}

:root[data-ui-theme="light"] .guideModal header button {
  border-color: #dddfea;
  background: #f7f4fd;
  color: #6231c4;
}

/* AI 积分中心 */
:root[data-ui-theme="light"] .aiCreditsTabs {
  border-bottom-color: #e3e5eb;
}

:root[data-ui-theme="light"] .aiCreditsTabs button {
  color: #687286;
}

:root[data-ui-theme="light"] :is(.aiCreditsPanel, .aiCreditsModal) {
  border-color: #e1e4eb;
  background: #ffffff;
  color: #30394a;
  box-shadow: 0 10px 30px rgba(37, 27, 70, .055);
}

:root[data-ui-theme="light"] :is(.aiCreditsPanel h2, .aiCreditsPanel h3, .aiCreditsModal h2, .aiCreditsSubheading) {
  color: #1a2131;
}

:root[data-ui-theme="light"] :is(.aiCreditsMetric, .aiCreditsExplain article, .aiCreditsFxPreview, .aiUsageDetailStats article) {
  border-color: #e4e6ec;
  background: #f8f9fc;
}

:root[data-ui-theme="light"] :is(.aiCreditsMetric small, .aiCreditsExplain p, .aiUsageDetailStats span, .aiUsagePanelHeading > div > small, .aiUsageUserFilter > span) {
  color: #727d90;
}

:root[data-ui-theme="light"] :is(.aiCreditsMetric strong, .aiCreditsExplain strong, .aiUsageDetailStats strong, .aiCreditsFxPreview b) {
  color: #20283a;
}

:root[data-ui-theme="light"] :is(.aiCreditsLegend p, .aiCreditsProgressLabels, .aiCreditsBalanceReadback, .aiCreditsTableRow) {
  color: #475267;
}

:root[data-ui-theme="light"] .aiCreditsTable {
  border-color: #e1e4eb;
  background: #ffffff;
}

:root[data-ui-theme="light"] .aiCreditsTableRow {
  border-bottom-color: #e8eaf0;
}

:root[data-ui-theme="light"] .aiCreditsTableRow.header {
  background: #f7f5fc;
  color: #665b79;
}

:root[data-ui-theme="light"] .aiKeyQuotaCell > b {
  color: #293246;
}

:root[data-ui-theme="light"] .aiCreditsAddQuotaButton {
  border-color: #c8b4ec;
  background: #f1ebff;
  color: #6426c7;
}

:root[data-ui-theme="light"] .aiCreditsQuotaPreview {
  border-color: #ded5f0;
  background: #f8f5ff;
}

:root[data-ui-theme="light"] .aiCreditsQuotaPreview span {
  color: #657187;
}

:root[data-ui-theme="light"] .aiCreditsQuotaPreview strong {
  color: #20283a;
}

:root[data-ui-theme="light"] :is(.aiCreditsToolbar input, .aiCreditsToolbar select, .aiCreditsForm input, .aiCreditsForm select, .aiUsageDateFields input, .aiUsageSearchFields input, .aiUsagePager select, .aiUsageUserFilter select, .aiCreditsModal input, .aiCreditsModal select, .aiPlaygroundComposer textarea) {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #20283a;
}

:root[data-ui-theme="light"] :is(.aiCreditsForm label, .aiCreditsModal label, .aiUsagePager) {
  color: #667185;
}

:root[data-ui-theme="light"] .aiUsageRangeButtons {
  border-color: #dedfe7;
  background: #f7f8fb;
}

:root[data-ui-theme="light"] .aiTrendRangeButtons {
  border-color: #dedfe7;
  background: #f7f8fb;
}

:root[data-ui-theme="light"] .aiUsageRangeButtons button,
:root[data-ui-theme="light"] .aiTrendRangeButtons button,
:root[data-ui-theme="light"] .aiCreditsSmallButton {
  color: #5e687a;
}

:root[data-ui-theme="light"] .aiUsageRangeButtons button.active,
:root[data-ui-theme="light"] .aiTrendRangeButtons button.active {
  background: #ede5ff;
  color: #6229c8;
}

:root[data-ui-theme="light"] .aiUsageLoadingLayer {
  background: rgba(255, 255, 255, .66);
  color: #20283a;
}

:root[data-ui-theme="light"] .aiUsageLoadingLayer small {
  color: #647084;
}

:root[data-ui-theme="light"] :is(.aiCreditsTrafficCard, .aiCreditsBalanceCard) {
  border-color: #e2e4eb;
  background: #ffffff;
}

:root[data-ui-theme="light"] :is(.aiCreditsTrafficTop, .aiCreditsBalanceCard small) {
  color: #5e687a;
}

:root[data-ui-theme="light"] :is(.aiCreditsTrafficTop strong, .aiCreditsBalanceCard strong) {
  color: #1f2738;
}

:root[data-ui-theme="light"] .aiCreditsSearchBox {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #667185;
}

:root[data-ui-theme="light"] .aiCreditsSearchBox input {
  color: #20283a;
}

:root[data-ui-theme="light"] :is(.aiRechargeQuickButtons button, .aiCreditsInputUnit) {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #4f5a6d;
}

:root[data-ui-theme="light"] .aiRechargeQuickButtons button:hover,
:root[data-ui-theme="light"] .aiRechargeQuickButtons button.active {
  border-color: #bda9e8;
  background: #eee7ff;
  color: #5f27c3;
}

:root[data-ui-theme="light"] .aiCreditsModalLayer {
  background: rgba(55, 43, 83, .24);
}

:root[data-ui-theme="light"] .aiCreditsModal header button {
  border-color: #dedfe7;
  background: #f7f5fc;
  color: #5d6576;
}

:root[data-ui-theme="light"] .aiCreditsTrendTooltip {
  border-color: #cbb8ee;
  background: #ffffff;
  color: #35284f;
  box-shadow: 0 8px 24px rgba(42, 31, 72, .15);
}

:root[data-ui-theme="light"] .aiPlaygroundDebug pre {
  color: #dfe4f3;
  background: #181a22;
}

/* FBM 定价 */
:root[data-ui-theme="light"] .fbmPricingPage {
  --fbm-border: #e1e4eb;
  color: #20283a;
}

:root[data-ui-theme="light"] :is(.fbmPricingHero h1, .fbmPricingSectionToolbar strong, .fbmPricingSiteConfig header h2, .fbmPricingCalculator h2) {
  color: #1a2131;
}

:root[data-ui-theme="light"] :is(.fbmPricingHero p, .fbmPricingSectionToolbar span, .fbmPricingSiteConfig label, .fbmPricingShipping label, .fbmPricingCalculator label) {
  color: #687386;
}

:root[data-ui-theme="light"] :is(.fbmPricingCard, .fbmPricingSiteConfig, .fbmPricingCalculator, .fbmPricingRecords, .fbmPricingTemplateModal) {
  border-color: #e1e4eb;
  background: #ffffff;
  color: #30394a;
  box-shadow: 0 10px 30px rgba(37, 27, 70, .055);
}

:root[data-ui-theme="light"] .fbmPricingTabs {
  border-bottom-color: #e6e8ee;
}

:root[data-ui-theme="light"] .fbmPricingTabs button {
  color: #6d7789;
}

:root[data-ui-theme="light"] .fbmPricingTabs button.active {
  color: #6d28d9;
}

:root[data-ui-theme="light"] :is(.fbmPricingSiteConfig input, .fbmPricingShipping select, .fbmPricingShipping input, .fbmPricingShipping textarea, .fbmPricingCalculator input, .fbmPricingCalculator select, .fbmPricingTemplateModal input, .fbmPricingTemplateModal select) {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #20283a;
}

:root[data-ui-theme="light"] :is(.fbmPricingSiteConfig header button, .fbmPricingRangeDelete) {
  border-color: #c8b4ec;
  background: #f3edff;
  color: #6d28d9;
}

:root[data-ui-theme="light"] .fbmPricingShippingTableWrap {
  border-color: #e1e4eb;
  background: #ffffff;
}

:root[data-ui-theme="light"] .fbmPricingShippingTable th {
  background: #f3effb;
  color: #625478;
}

:root[data-ui-theme="light"] .fbmPricingShippingTable td {
  border-color: #e8eaf0;
  background: #ffffff;
  color: #3e485a;
}

:root[data-ui-theme="light"] .fbmPricingShippingTable tr:hover td,
:root[data-ui-theme="light"] .fbmPricingRecords tr:hover td {
  background: #faf8ff;
}

:root[data-ui-theme="light"] .fbmPricingModalBackdrop {
  background: rgba(55, 43, 83, .24);
}

:root[data-ui-theme="light"] :is(.fbmPricingTemplateModal h2, .fbmPricingRecords td) {
  color: #263044;
}

:root[data-ui-theme="light"] .fbmPricingRecords th {
  background: #f3effb;
  color: #625478;
}

:root[data-ui-theme="light"] .fbmPricingPagination {
  border-top-color: #e5e7ed;
  background: #fafbfc;
  color: #6e788a;
}

:root[data-ui-theme="light"] .fbmPricingPagination select,
:root[data-ui-theme="light"] .fbmPricingPagination button {
  border-color: #d9d0ed;
  background: #ffffff;
  color: #6530c7;
}

/* 批量编辑词库 */
:root[data-ui-theme="light"] .batchEditLibraryPage {
  --bel-accent: #7c3aed;
  --bel-accent-strong: #6d28d9;
  --bel-accent-soft: #f1ebff;
  --bel-border: #e1e4eb;
  color: #20283a;
}

:root[data-ui-theme="light"] .batchEditLibraryHero h1 {
  color: #171d2b;
}

:root[data-ui-theme="light"] .batchEditLibraryHero p {
  color: #6e788b;
}

:root[data-ui-theme="light"] .batchEditLibraryCard,
:root[data-ui-theme="light"] .batchEditLibraryModal {
  border-color: #e1e4eb;
  background: #ffffff;
  color: #30394a;
  box-shadow: 0 10px 30px rgba(37, 27, 70, .055);
}

:root[data-ui-theme="light"] .batchEditLibraryTabs {
  border-bottom-color: #e6e8ee;
}

:root[data-ui-theme="light"] .batchEditLibraryTabs button {
  color: #6d7789;
}

:root[data-ui-theme="light"] .batchEditLibraryTabs button.active {
  color: #6d28d9;
}

:root[data-ui-theme="light"] .batchEditLibraryTabs b {
  background: #eee7ff;
  color: #6229c8;
}

:root[data-ui-theme="light"] .batchEditLibraryToolbar label span,
:root[data-ui-theme="light"] .batchEditLibraryModal label > span {
  color: #657085;
}

:root[data-ui-theme="light"] :is(.batchEditLibraryToolbar input, .batchEditLibraryModal input, .batchEditLibraryModal select, .batchEditLibraryModal textarea) {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #20283a;
}

:root[data-ui-theme="light"] :is(.batchEditLibraryToolbar > button, .batchEditLibraryActions button, .batchEditLibraryModal footer button, .batchEditLibraryModal header > button, .batchEditLibraryPager button, .batchEditLibraryPager select) {
  border-color: #dddfe7;
  background: #ffffff;
  color: #4b566a;
}

:root[data-ui-theme="light"] .batchEditLibraryTableWrap {
  border-top-color: #e5e7ed;
  scrollbar-color: rgba(124, 58, 237, .48) transparent;
}

:root[data-ui-theme="light"] .batchEditLibraryTable th {
  background: #f3effb;
  color: #625478;
}

:root[data-ui-theme="light"] .batchEditLibraryTable td {
  border-bottom-color: #e8eaf0;
  color: #3e485a;
}

:root[data-ui-theme="light"] .batchEditLibraryTable tbody tr:hover td {
  background: #faf8ff;
}

:root[data-ui-theme="light"] .batchEditLibraryTable tbody tr.selected td {
  background: #eaf3ff;
  box-shadow: inset 0 1px 0 #bfdbfe, inset 0 -1px 0 #bfdbfe;
}

:root[data-ui-theme="light"] .batchEditLibraryTable td small,
:root[data-ui-theme="light"] .batchEditLibraryEmpty {
  color: #788295;
}

:root[data-ui-theme="light"] .batchEditLibraryStatus.enabled {
  background: #e8f7ef;
  color: #187a52;
}

:root[data-ui-theme="light"] .batchEditLibraryStatus.disabled {
  background: #eef0f4;
  color: #667085;
}

:root[data-ui-theme="light"] .batchEditLibraryNoteText,
:root[data-ui-theme="light"] .batchEditLibraryTable td .batchEditLibraryNoteText,
:root[data-ui-theme="light"] .batchEditLibraryTable .batchEditLibraryNoteHeader {
  color: #a12fc0;
}

:root[data-ui-theme="light"] .batchEditLibraryModalLayer {
  background: rgba(55, 43, 83, .24);
}

:root[data-ui-theme="light"] .batchEditLibraryModal header h2 {
  color: #1d2434;
}

:root[data-ui-theme="light"] .batchEditLibraryModal header small {
  color: #75638f;
}

:root[data-ui-theme="light"] .batchEditLibraryPager {
  color: #747e90;
}

:root[data-ui-theme="light"] .batchEditLibraryPager strong {
  color: #6231c4;
}

/* 20260622-light-contrast-permission-v3: stronger light-mode contrast and compact permission rows. */
:root[data-ui-theme="light"] :is(
  .adminSidebar nav button,
  .aiCreditsActive .adminSidebar nav button,
  .adminSidebarFoot small,
  .pageTitle p,
  .metricCard small,
  .metricCard em,
  .deviceSummaryStrip span,
  .sessionSummaryStrip span,
  .adminHint,
  .emptyTableState,
  .adminSearch,
  .tableTools label,
  .resourcePanel label,
  .resourceInstance label,
  .accountAssignment > span,
  .licensePanel p,
  .licenseForm label,
  .userModal p,
  .userModal label,
  .activityPagination,
  .infoEmpty,
  .aiCreditsTabs button,
  .aiCreditsMetric small,
  .aiCreditsExplain p,
  .aiUsageDetailStats span,
  .aiUsagePanelHeading > div > small,
  .aiUsageUserFilter > span,
  .aiCreditsForm label,
  .aiCreditsModal label,
  .aiUsagePager,
  .aiUsageRangeButtons button,
  .aiCreditsSmallButton,
  .aiCreditsTrafficTop,
  .aiCreditsBalanceCard small,
  .fbmPricingHero p,
  .fbmPricingSectionToolbar span,
  .fbmPricingSiteConfig label,
  .fbmPricingShipping label,
  .fbmPricingShipping small,
  .fbmPricingCalculator label,
  .fbmPricingTemplateModal small,
  .fbmPricingTemplateModal p,
  .fbmPricingPagination
) {
  color: #566176;
}

:root[data-ui-theme="light"] :is(
  .activityRow,
  .adminTableRow,
  .infoTableRow,
  .aiCreditsTableRow,
  .fbmPricingShippingTable td,
  .fbmPricingRecords td
) {
  color: #334155;
}

:root[data-ui-theme="light"] :is(
  .activityRow.header,
  .adminTableRow.header,
  .infoTableRow.header,
  .aiCreditsTableRow.header,
  .fbmPricingShippingTable th,
  .fbmPricingRecords th
) {
  color: #4f4366;
}

:root[data-ui-theme="light"] :is(
  .metricCard > span,
  .aiCreditsMetric i,
  .aiCreditsInfoIcon,
  .loginAvatar,
  .guideButton > span
) {
  border-color: #ccb9ee;
  background: #e9ddff;
  color: #5b21b6;
  opacity: 1;
}

:root[data-ui-theme="light"] .guideButton {
  border-color: #cab9e9;
  background: #f6f2ff;
  color: #5630a8;
}

:root[data-ui-theme="light"] .deviceAuthTable .adminTableRow.header {
  background: linear-gradient(180deg, #f5f1fc, #eee9f8);
  color: #4f4366;
  box-shadow: 0 1px 0 #e2e4eb, 0 10px 18px rgba(30, 41, 59, .12);
}

:root[data-ui-theme="light"] .fbmPricingRangeInput span {
  color: #6d28d9;
  font-weight: 800;
}

:root[data-ui-theme="light"] :is(
  button:disabled,
  .adminExportButton:disabled,
  .tableTools > button:disabled,
  .rowActions button:disabled,
  .guideButton:disabled,
  .aiCreditsSmallButton:disabled,
  .aiUsageRangeButtons button:disabled,
  .fbmPricingToolbar > button:disabled,
  .fbmPricingToolbarActions button:disabled,
  .fbmPricingCalculator header button:disabled,
  .fbmPricingPagination button:disabled,
  .batchEditLibraryActions button:disabled,
  .batchEditLibraryPager button:disabled
) {
  opacity: 1;
  border-color: #d7dce5;
  background: #eef1f6;
  color: #667085;
  box-shadow: none;
}

.accountsTable .adminTableRow {
  grid-template-columns: minmax(130px, .8fr) minmax(118px, .72fr) 88px minmax(118px, .75fr) 78px 106px minmax(240px, 1.28fr) minmax(150px, .86fr) minmax(320px, 1.3fr);
  min-width: 1500px;
}

.accountsTable .adminTableRow > span:nth-child(3),
.accountsTable .adminTableRow > span:nth-child(5),
.accountsTable .adminTableRow > span:nth-child(6) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.accountsTable .adminTableRow > span:nth-child(7) {
  overflow: visible;
  white-space: normal;
}

.accountsTable .permissionTag {
  display: inline-block;
  max-width: 100%;
  min-height: 28px;
  padding: 4px 10px;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.45;
  vertical-align: middle;
}

.accountsTable .statusPill.onlineOnly {
  min-width: 54px;
}

.dashboardActions .adminDateRangePicker {
  position: relative;
}

.dashboardActions .adminDateRangePopover {
  position: fixed;
  left: var(--date-picker-left, 14px);
  right: auto;
  top: var(--date-picker-top, 128px);
  width: var(--date-picker-width, min(648px, calc(100vw - 28px)));
  max-width: calc(100vw - 28px);
  max-height: calc(100vh - var(--date-picker-top, 128px) - 14px);
  overflow: auto;
}

@media (max-width: 760px) {
  .dashboardActions .adminDateRangePopover {
    width: var(--date-picker-width, calc(100vw - 28px));
  }

  .dashboardActions .adminCalendarMonths {
    grid-template-columns: minmax(0, 1fr);
  }
}

.permissionTable .adminTableRow {
  position: relative;
  grid-template-columns: minmax(150px, .92fr) minmax(150px, .92fr) 88px repeat(6, minmax(118px, .82fr)) 92px;
  min-width: 1340px;
  min-height: 50px;
  gap: 12px;
  padding: 0 14px;
  font-size: 15px;
}

.permissionTable .adminTableRow.header {
  min-height: 42px;
  font-size: 13px;
}

.permissionTable .adminTableRow > span:nth-child(n+3) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.permissionTable .adminTableRow:not(.header) > span:first-child {
  color: inherit;
  font-weight: 760;
}

.permissionTable .adminTableRow:not(.header) > span:last-child {
  position: static;
  justify-self: stretch;
  overflow: visible;
  transform: none;
  z-index: auto;
}

.permissionTable .adminTableRow:not(.header) > span:last-child .outlineAction {
  min-height: 30px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 760;
}

:root[data-ui-theme="light"] .permissionTable .adminTableRow:not(.header) > span:first-child {
  color: #253044;
}

:root[data-ui-theme="light"] * {
  scrollbar-color: rgba(124, 58, 237, .42) transparent;
}

:root[data-ui-theme="light"] *::-webkit-scrollbar-track {
  background: transparent;
}

:root[data-ui-theme="light"] *::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(124, 58, 237, .4);
  background-clip: padding-box;
}

.sessionFilterBar {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 240px)) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid rgba(129, 140, 248, .18);
  border-radius: 14px;
  background: rgba(15, 23, 42, .28);
}

.sessionFilterBar label {
  display: grid;
  gap: 6px;
  color: rgba(226, 232, 240, .74);
  font-size: 12px;
  font-weight: 720;
}

.sessionFilterBar select {
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 10px;
  background: rgba(2, 6, 23, .36);
  color: #f8fafc;
  padding: 0 12px;
  font: inherit;
  outline: none;
}

.sessionFilterBar select:focus {
  border-color: rgba(167, 139, 250, .76);
  box-shadow: 0 0 0 3px rgba(124, 58, 237, .18);
}

.sessionFilterSummary {
  align-self: center;
  color: rgba(226, 232, 240, .86);
  font-size: 13px;
  font-weight: 780;
}

.sessionFilterBar button {
  min-height: 38px;
  border: 1px solid rgba(167, 139, 250, .42);
  border-radius: 10px;
  background: rgba(124, 58, 237, .16);
  color: #ddd6fe;
  padding: 0 16px;
  font-weight: 760;
}

.sessionFilterBar button:not(:disabled) {
  cursor: pointer;
}

.sessionFilterBar button:disabled {
  opacity: .58;
}

:root[data-ui-theme="light"] .sessionFilterBar {
  border-color: #e4e7f0;
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(15, 23, 42, .06);
}

:root[data-ui-theme="light"] .sessionFilterBar label {
  color: #475467;
}

:root[data-ui-theme="light"] .sessionFilterBar select {
  border-color: #d7dce8;
  background: #ffffff;
  color: #172033;
}

:root[data-ui-theme="light"] .sessionFilterSummary {
  color: #334155;
}

:root[data-ui-theme="light"] .sessionFilterBar button {
  border-color: #cdbdfc;
  background: #f2ecff;
  color: #6d28d9;
}

:root[data-ui-theme="light"] .sessionFilterBar button:disabled {
  border-color: #e1e5ee;
  background: #eef1f6;
  color: #667085;
}

/* 20260624-ui-polish-v1: dual-theme interaction polish for the highlighted Admin screens. */
.adminThemeToggle {
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .16);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease;
}

.adminThemeToggle:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 12px 28px rgba(90, 48, 170, .24);
}

.adminThemeToggle:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .26), inset 0 1px 0 rgba(255, 255, 255, .12);
}

:root[data-ui-theme="light"] .adminThemeToggle {
  border-color: #cbb9ee;
  background: linear-gradient(180deg, #fbf9ff, #f0e9ff);
  box-shadow: 0 10px 24px rgba(92, 55, 160, .14);
}

.accountAssignment button {
  transition: transform .14s ease, border-color .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease;
}

.accountAssignment button:hover {
  transform: translateY(-1px);
}

.accountAssignment button.active {
  border-color: rgba(168, 85, 247, .72);
  background: linear-gradient(135deg, rgba(124, 58, 237, .42), rgba(88, 28, 135, .34));
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 8px 18px rgba(88, 28, 135, .18);
  font-weight: 760;
}

:root[data-ui-theme="light"] .accountAssignment button.active {
  border-color: #7c3aed;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(109, 40, 217, .18);
}

:root[data-ui-theme="light"] .accountAssignment button:not(.active):hover {
  border-color: #c7b5ed;
  background: #f8f5ff;
  color: #5f2bc2;
}

.aiUsageUserFilter {
  min-width: 292px;
  padding: 10px 12px;
  border: 1px solid rgba(185, 167, 255, .15);
  border-radius: 12px;
  background: rgba(9, 14, 29, .32);
}

.aiUsageUserFilter select {
  font-weight: 720;
}

.aiUsageUserFilter select:disabled {
  opacity: 1;
  filter: saturate(.7);
}

:root[data-ui-theme="light"] .aiUsageUserFilter {
  border-color: #e0d7f3;
  background: #fbf9ff;
  box-shadow: 0 8px 20px rgba(61, 42, 112, .06);
}

:root[data-ui-theme="light"] .aiUsageUserFilter > span {
  color: #5d4a86;
}

:root[data-ui-theme="light"] .aiUsageUserFilter select:focus {
  border-color: #9b5cff;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, .14);
}

.aiUsagePager strong {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid rgba(185, 167, 255, .18);
  border-radius: 9px;
  background: rgba(124, 58, 237, .16);
  color: #efe9ff;
  font-weight: 820;
}

:root[data-ui-theme="light"] .aiUsagePager strong {
  border-color: #c9b8ed;
  background: #f1ebff;
  color: #6426c7;
}

:root[data-ui-theme="light"] .aiPlaygroundModelList button {
  border-color: #dfe2e9;
  background: #ffffff;
  color: #344054;
  box-shadow: 0 8px 20px rgba(30, 41, 59, .045);
}

:root[data-ui-theme="light"] .aiPlaygroundModelList button:hover:not(:disabled) {
  border-color: #c8b4ec;
  background: #fbf8ff;
}

:root[data-ui-theme="light"] .aiPlaygroundModelList button.active {
  border-color: #8b5cf6;
  color: #ffffff;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, .52), 0 12px 24px rgba(109, 40, 217, .16);
}

:root[data-ui-theme="light"] .aiPlaygroundModelList button.active span {
  color: rgba(255, 255, 255, .72);
}

:root[data-ui-theme="light"] .aiPlaygroundModelList button:disabled {
  opacity: 1;
  border-color: #e2e6ef;
  background: #f1f3f7;
  color: #7b8495;
}

:root[data-ui-theme="light"] .aiPlaygroundMessages {
  border-color: #e1d9f2;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 245, 255, .86)),
    #ffffff;
}

:root[data-ui-theme="light"] .aiPlaygroundEmpty {
  min-height: 320px;
  border: 1px dashed #d7c8ef;
  border-radius: 8px;
  background: #faf8ff;
  color: #75628f;
  font-weight: 680;
}

:root[data-ui-theme="light"] .aiPlaygroundMessage b {
  color: #5d50c6;
}

:root[data-ui-theme="light"] .aiPlaygroundMessage.user b {
  color: #7c2d12;
}

:root[data-ui-theme="light"] .aiPlaygroundMessage p {
  border-color: #e2e5ed;
  background: #ffffff;
  color: #293246;
}

:root[data-ui-theme="light"] .aiPlaygroundMessage.user p {
  border-color: #c8b4ec;
  background: #f2ecff;
  color: #332157;
}

:root[data-ui-theme="light"] .aiPlaygroundChat > header span {
  color: #667185;
}

.fbmPricingToolbarActions button:not(.fbmPricingPrimary),
.fbmPricingCalculator header button {
  min-width: max-content;
}

:root[data-ui-theme="light"] .fbmPricingToolbarActions button:not(.fbmPricingPrimary):not(:disabled),
:root[data-ui-theme="light"] .fbmPricingCalculator header button:not(:disabled) {
  border-color: #c8b4ec;
  background: #f3edff;
  color: #6426c7;
  box-shadow: none;
}

:root[data-ui-theme="light"] .fbmPricingToolbarActions button:not(.fbmPricingPrimary):hover:not(:disabled),
:root[data-ui-theme="light"] .fbmPricingCalculator header button:hover:not(:disabled) {
  border-color: #9b5cff;
  background: #ece4ff;
  color: #4f1fb0;
}

.fbmPricingTemplateModal input::placeholder,
.fbmPricingShipping input::placeholder,
.fbmPricingCalculator input::placeholder {
  color: #8992a7;
}

:root[data-ui-theme="light"] .fbmPricingTemplateModal input::placeholder,
:root[data-ui-theme="light"] .fbmPricingShipping input::placeholder,
:root[data-ui-theme="light"] .fbmPricingCalculator input::placeholder {
  color: #8a738f;
}

.fbmPricingPagination button.active {
  border-color: rgba(168, 85, 247, .76);
  background: rgba(139, 92, 246, .26);
  color: #ffffff;
  font-weight: 820;
}

:root[data-ui-theme="light"] .fbmPricingPagination button.active {
  border-color: #8b5cf6;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(109, 40, 217, .14);
}

:root[data-ui-theme="light"] .batchEditLibraryHero small,
:root[data-ui-theme="light"] .fbmPricingHero small {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid #ddd1f4;
  border-radius: 999px;
  background: #f4efff;
  color: #6d28d9;
  letter-spacing: 0;
}

:root[data-ui-theme="light"] .batchEditLibraryToolbar input::placeholder,
:root[data-ui-theme="light"] .batchEditLibraryModal input::placeholder,
:root[data-ui-theme="light"] .batchEditLibraryModal textarea::placeholder {
  color: #7f6f8f;
}

.sessionSnapshotIconAction:not(:disabled) {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .04) inset;
}

:root[data-ui-theme="light"] .sessionSnapshotIconAction:not(:disabled) {
  border-color: #c8b4ec;
  background: #f3edff;
  color: #6426c7;
  box-shadow: none;
}

:root[data-ui-theme="light"] .sessionSnapshotIconAction:not(:disabled):hover {
  border-color: #9b5cff;
  background: #ece4ff;
  color: #4f1fb0;
}

:root[data-ui-theme="light"] .sessionSnapshotIconAction:disabled {
  opacity: 1;
  border-color: #e2e6ef;
  background: #f1f3f7;
  color: #667085;
}

@media (max-width: 760px) {
  .sessionFilterBar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .sessionFilterSummary {
    align-self: auto;
  }
}

/* 20260630-device-auth-reference-layout-v1: scoped layout matching the machine authorization reference. */
.deviceAuthPage {
  grid-template-columns: minmax(0, 2.15fr) minmax(360px, 1fr);
  grid-template-rows: auto auto auto minmax(560px, 1fr) auto;
  grid-template-areas:
    "title title"
    "summary summary"
    "tools license"
    "table license"
    "hint hint";
  align-items: stretch;
  gap: 16px 18px;
  margin: 18px 20px 24px;
  padding: 28px 30px 30px;
  border: 1px solid rgba(185, 167, 255, .18);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 100%, rgba(78, 41, 150, .12), transparent 34%),
    linear-gradient(145deg, rgba(14, 18, 34, .97), rgba(8, 11, 24, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  overflow: auto;
}

.deviceAuthPage > .pageTitle {
  grid-area: title;
}

.deviceAuthPage > .deviceSummaryStrip {
  grid-area: summary;
}

.deviceAuthPage > .deviceTools {
  grid-area: tools;
}

.deviceAuthPage > .deviceAuthTable {
  grid-area: table;
}

.deviceAuthPage > .licensePanel {
  grid-area: license;
}

.deviceAuthPage > .adminHint {
  grid-area: hint;
}

.deviceAuthPage .pageTitle h1 {
  font-size: 30px;
}

.deviceAuthPage .deviceSummaryStrip {
  gap: 14px;
}

.deviceAuthPage .deviceSummaryStrip article {
  min-height: 98px;
  grid-template-columns: 56px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-color: rgba(148, 163, 184, .15);
  background: linear-gradient(145deg, rgba(27, 34, 55, .88), rgba(14, 20, 36, .92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.deviceAuthPage .deviceSummaryStrip article > div {
  min-width: 0;
}

.deviceAuthPage .deviceSummaryStrip article > div > span,
.deviceAuthPage .deviceSummaryStrip article > div > strong {
  display: block;
}

.deviceAuthPage .deviceSummaryStrip article > div > strong {
  margin-top: 7px;
  font-size: 30px;
}

.deviceAuthPage .deviceSummaryIcon {
  width: 56px;
  height: 56px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(155, 92, 255, .16);
  border-radius: 10px;
  background: rgba(124, 58, 237, .22);
  color: #b787ff;
}

.deviceAuthPage .deviceSummaryStrip article.pending .deviceSummaryIcon {
  border-color: rgba(59, 130, 246, .18);
  background: rgba(37, 99, 235, .22);
  color: #5b9cff;
}

.deviceAuthPage .deviceSummaryStrip article.disabled .deviceSummaryIcon {
  border-color: rgba(244, 63, 94, .18);
  background: rgba(190, 24, 93, .2);
  color: #ff6681;
}

.deviceAuthPage .deviceTools {
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 14px;
  border-color: rgba(148, 163, 184, .14);
  background: rgba(10, 15, 29, .58);
}

.deviceAuthPage .deviceTools select,
.deviceAuthPage .deviceTools label {
  height: 40px;
  min-height: 40px;
}

.deviceAuthPage .deviceAuthTable {
  position: relative;
  height: clamp(560px, calc(100vh - 430px), 820px);
  min-height: 560px;
  max-height: none;
  border-color: rgba(148, 163, 184, .16);
  background: linear-gradient(145deg, rgba(22, 29, 49, .92), rgba(12, 18, 33, .96));
}

.deviceAuthPage .deviceAuthTable::before {
  content: "设备授权列表";
  position: sticky;
  top: 0;
  z-index: 5;
  height: 54px;
  display: flex;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
  background: rgba(20, 27, 46, .98);
  color: #f8fafc;
  font-size: 17px;
  font-weight: 800;
}

.deviceAuthPage .deviceAuthTable .adminTableRow {
  min-width: 820px;
  grid-template-columns:
    minmax(84px, .68fr)
    minmax(138px, 1.14fr)
    minmax(132px, 1.02fr)
    minmax(146px, 1.14fr)
    minmax(166px, 1.3fr)
    minmax(148px, 1.04fr);
  gap: 12px;
  min-height: 48px;
  padding: 0 14px;
  font-size: 13px;
}

.deviceAuthPage .deviceAuthTable .adminTableRow.header {
  top: 54px;
  min-height: 42px;
  background: rgba(27, 35, 57, .98);
  box-shadow: 0 1px 0 rgba(148, 163, 184, .15), 0 8px 14px rgba(3, 5, 12, .2);
}

.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(1) {
  grid-column: 1;
}

.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(3) {
  grid-column: 2;
}

.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(5),
.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(6) {
  grid-column: 3;
  grid-row: 1;
}

.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(5) {
  justify-self: start;
}

.deviceAuthPage .deviceAuthTable .adminTableRow:not(.header) > span:nth-child(6) {
  justify-self: end;
}

.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(9) {
  grid-column: 4;
}

.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(10) {
  grid-column: 5;
}

.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(11) {
  grid-column: 6;
}

.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(2),
.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(4),
.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(7),
.deviceAuthPage .deviceAuthTable .adminTableRow > span:nth-child(8),
.deviceAuthPage .deviceAuthTable .adminTableRow.header > span:nth-child(6) {
  display: none;
}

.deviceAuthPage .deviceAuthTable .adminTableRow.header > span:nth-child(5) {
  font-size: 0;
}

.deviceAuthPage .deviceAuthTable .adminTableRow.header > span:nth-child(5)::after {
  content: "授权";
  font-size: 13px;
}

.deviceAuthPage .deviceStatus {
  min-height: 24px;
  padding: 0 8px;
}

.deviceAuthPage .deviceActions {
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 6px;
}

.deviceAuthPage .deviceActions button {
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}

.deviceAuthPage .licensePanel {
  align-self: stretch;
  align-content: start;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 0;
  min-height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.deviceAuthPage .licensePanel > header {
  padding: 18px 18px 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(145deg, rgba(22, 29, 49, .94), rgba(13, 20, 36, .97));
}

.deviceAuthPage .licensePanel h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #f8fafc;
  font-size: 18px;
}

.deviceAuthPage .licensePanel h2 svg {
  color: #a970ff;
}

.deviceAuthPage .licensePanel > header p {
  display: none;
}

.deviceAuthPage .licenseForm {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  padding: 6px 18px 18px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(145deg, rgba(22, 29, 49, .94), rgba(13, 20, 36, .97));
}

.deviceAuthPage .licenseForm input,
.deviceAuthPage .licenseForm select {
  width: 100%;
  height: 40px;
}

.deviceAuthPage .licenseForm .primaryAction {
  width: 100%;
  min-height: 42px;
  margin-top: 1px;
}

.deviceAuthPage .licenseResult {
  grid-template-columns: minmax(0, 1fr);
  margin-top: 14px;
}

.deviceAuthPage .licenseRecordTable {
  position: relative;
  min-height: 360px;
  max-height: none;
  margin-top: 16px;
  overflow: auto;
  border-color: rgba(148, 163, 184, .16);
  background: linear-gradient(145deg, rgba(22, 29, 49, .94), rgba(13, 20, 36, .97));
}

.deviceAuthPage .licenseRecordTable::before {
  content: "最近生成记录";
  position: sticky;
  top: 0;
  z-index: 2;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
  background: rgba(20, 27, 46, .98);
  color: #f8fafc;
  font-size: 16px;
  font-weight: 800;
}

.deviceAuthPage .licenseRecordTable .adminTableRow.header {
  display: none;
}

.deviceAuthPage .licenseRecordTable .adminTableRow {
  min-width: 0;
  grid-template-columns: minmax(70px, .76fr) minmax(100px, 1.18fr) 88px 74px;
  gap: 8px;
  min-height: 42px;
  padding: 0 12px;
  font-size: 12px;
}

.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(1),
.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(3),
.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(4),
.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(5) {
  grid-row: 1;
  align-self: center;
}

.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(1) {
  grid-column: 1;
}

.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(3) {
  grid-column: 2;
}

.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(5) {
  grid-column: 3;
  white-space: nowrap;
}

.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(4) {
  grid-column: 4;
}

.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(2),
.deviceAuthPage .licenseRecordTable .adminTableRow > span:nth-child(6) {
  display: none;
}

.deviceAuthPage .licenseRecordTable .adminTableRow:not(.header) > span:nth-child(4) {
  justify-self: end;
  padding: 3px 7px;
  border: 1px solid rgba(52, 210, 127, .32);
  border-radius: 6px;
  background: rgba(52, 210, 127, .1);
  color: #78f0b3;
  font-size: 11px;
}

:root[data-ui-theme="light"] .deviceAuthPage {
  border-color: #dfe3eb;
  background:
    radial-gradient(circle at 88% 100%, rgba(124, 58, 237, .055), transparent 34%),
    linear-gradient(145deg, #ffffff, #f7f8fc);
  box-shadow: inset 0 1px 0 #ffffff, 0 14px 36px rgba(15, 23, 42, .055);
}

:root[data-ui-theme="light"] .deviceAuthPage .deviceSummaryStrip article,
:root[data-ui-theme="light"] .deviceAuthPage .deviceAuthTable,
:root[data-ui-theme="light"] .deviceAuthPage .licensePanel > header,
:root[data-ui-theme="light"] .deviceAuthPage .licenseForm,
:root[data-ui-theme="light"] .deviceAuthPage .licenseRecordTable {
  border-color: #e0e4ec;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}

:root[data-ui-theme="light"] .deviceAuthPage .deviceTools {
  border-color: #e0e4ec;
  background: #ffffff;
}

:root[data-ui-theme="light"] .deviceAuthPage .deviceAuthTable::before,
:root[data-ui-theme="light"] .deviceAuthPage .licenseRecordTable::before {
  border-bottom-color: #e5e8ef;
  background: #ffffff;
  color: #202738;
}

:root[data-ui-theme="light"] .deviceAuthPage .deviceAuthTable .adminTableRow.header {
  background: linear-gradient(180deg, #f6f3fb, #f0edf7);
  box-shadow: 0 1px 0 #e2e4eb, 0 8px 14px rgba(30, 41, 59, .07);
}

:root[data-ui-theme="light"] .deviceAuthPage .licensePanel h2 {
  color: #202738;
}

:root[data-ui-theme="light"] .deviceAuthPage .deviceSummaryIcon {
  border-color: #d9c6f8;
  background: #eee5ff;
  color: #7137d8;
}

:root[data-ui-theme="light"] .deviceAuthPage .deviceSummaryStrip article.pending .deviceSummaryIcon {
  border-color: #c9dcff;
  background: #e8f0ff;
  color: #2563eb;
}

:root[data-ui-theme="light"] .deviceAuthPage .deviceSummaryStrip article.disabled .deviceSummaryIcon {
  border-color: #ffd0d8;
  background: #ffedf1;
  color: #e11d48;
}

@media (max-width: 1320px) {
  .deviceAuthPage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "summary"
      "tools"
      "table"
      "license"
      "hint";
  }

  .deviceAuthPage .licensePanel {
    grid-template-columns: minmax(300px, .82fr) minmax(420px, 1.18fr);
    column-gap: 16px;
    row-gap: 0;
  }

  .deviceAuthPage .licensePanel > header {
    grid-column: 1;
  }

  .deviceAuthPage .licenseForm {
    grid-column: 1;
  }

  .deviceAuthPage .licenseResult {
    grid-column: 1;
  }

  .deviceAuthPage .licenseRecordTable {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: stretch;
    max-height: none;
    margin-top: 0;
  }
}

@media (max-width: 860px) {
  .deviceAuthPage {
    margin: 0;
    padding: 22px 16px 28px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .deviceAuthPage .deviceSummaryStrip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deviceAuthPage .licensePanel {
    grid-template-columns: minmax(0, 1fr);
  }

  .deviceAuthPage .licensePanel > header,
  .deviceAuthPage .licenseForm,
  .deviceAuthPage .licenseResult,
  .deviceAuthPage .licenseRecordTable {
    grid-column: 1;
    grid-row: auto;
  }

  .deviceAuthPage .licenseRecordTable {
    min-height: 290px;
    max-height: none;
    margin-top: 16px;
  }
}

@media (max-width: 560px) {
  .deviceAuthPage .deviceSummaryStrip {
    grid-template-columns: minmax(0, 1fr);
  }

  .deviceAuthPage .deviceTools {
    grid-template-columns: minmax(0, 1fr);
  }
}

.adminPage:has(.resourceGrid) {
  gap: 12px;
  padding: 30px 46px 38px;
}

.adminPage:has(.resourceGrid) .pageTitle h1 {
  font-size: 28px;
  letter-spacing: 0;
}

.adminPage:has(.resourceGrid) .pageTitle p {
  margin-top: 8px;
  font-size: 13px;
}

.resourceGrid {
  grid-template-columns: minmax(0, .96fr) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.resourceGrid > .resourcePanel {
  min-height: 214px;
  gap: 18px;
  padding: 22px 24px;
  border-color: rgba(185, 167, 255, .18);
  background: linear-gradient(145deg, rgba(21, 24, 42, .9), rgba(12, 14, 26, .9));
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22), 0 0 0 1px rgba(255, 255, 255, .035) inset;
}

.resourceGrid > .resourcePanel:not(.productAssetsResourceCard) {
  align-content: start;
}

.resourceGrid > .resourcePanel:has(.resourceLabelWithHelp):not(.productAssetsResourceCard) {
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
}

.resourceGrid > .resourcePanel:has(.resourceLabelWithHelp):not(.productAssetsResourceCard) > label {
  width: 100%;
  align-self: center;
  justify-self: center;
}

.resourcePanel header,
.resourceInstance header {
  min-height: 30px;
}

.resourcePanel h3 {
  color: #f7f5ff;
  font-size: 17px;
  font-weight: 820;
}

.resourcePanel header > b {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid rgba(52, 210, 127, .36);
  border-radius: 8px;
  background: rgba(52, 210, 127, .13);
  color: #8df3bb;
  font-size: 12px;
  font-weight: 780;
  white-space: nowrap;
}

.resourcePanel header > b:not(:empty) {
  color: #8df3bb;
}

.resourcePanel label,
.resourceInstance label {
  gap: 8px;
  font-size: 13px;
  font-weight: 680;
}

.resourcePanel input,
.resourceInstance input {
  height: 40px;
  border-color: rgba(185, 167, 255, .22);
  background: rgba(8, 10, 20, .58);
}

.resourcePanel input:focus,
.resourceInstance input:focus {
  border-color: rgba(155, 92, 255, .76);
  outline: 0;
  box-shadow: 0 0 0 2px rgba(155, 92, 255, .18);
}

.resourceLabelWithHelp {
  min-height: 28px;
}

.resourceLabelWithHelp .guideButton {
  min-height: 24px;
  border-color: rgba(155, 92, 255, .36);
  background: rgba(155, 92, 255, .1);
  color: #d8ccff;
}

.resourceToolbar {
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
  padding: 0;
}

.resourceToolbar .primaryAction,
.resourceToolbar .guideButton {
  min-height: 36px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 760;
}

.resourceToolbar .guideButton {
  border-color: rgba(185, 167, 255, .22);
  background: rgba(12, 14, 26, .72);
}

.resourceInstanceList {
  gap: 12px;
}

.resourceInstance {
  gap: 12px;
  padding: 14px 18px 16px;
  border-color: rgba(185, 167, 255, .16);
  background: rgba(11, 13, 25, .74);
}

.resourceInstance header {
  display: grid;
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr) auto;
  align-items: center;
}

.resourceInstance header span {
  justify-self: end;
  color: #78f0b3;
  font-size: 12px;
  font-weight: 760;
}

.resourceInstance header .dangerAction {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid rgba(255, 93, 98, .38);
  border-radius: 8px;
  background: rgba(255, 93, 98, .09);
  color: #ffb3bc;
  cursor: pointer;
}

.resourceInstanceFields {
  grid-template-columns: minmax(170px, .9fr) minmax(230px, 1fr) minmax(360px, 1.55fr) minmax(110px, .44fr);
  gap: 12px;
}

.inlineToggle {
  width: fit-content;
  min-height: 28px;
  gap: 8px;
  color: #dfe4f3 !important;
}

.inlineToggle input {
  accent-color: #6f3fe3;
}

.accountAssignment {
  gap: 9px;
}

.accountAssignment > span {
  font-weight: 720;
}

.accountAssignment > div {
  gap: 7px;
}

.accountAssignment button {
  min-height: 30px;
  padding: 0 11px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 700;
}

.accountAssignment button.active {
  border-color: rgba(155, 92, 255, .86);
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(109, 40, 217, .22);
}

:root[data-ui-theme="light"] .adminPage:has(.resourceGrid) {
  color: #20283a;
}

:root[data-ui-theme="light"] .resourceGrid > .resourcePanel {
  border-color: #dbe1ec;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(54, 48, 80, .035);
}

:root[data-ui-theme="light"] .resourcePanel h3 {
  color: #111827;
}

:root[data-ui-theme="light"] .resourcePanel header > b {
  border-color: #b9e6cc;
  background: #ebfff4;
  color: #168247;
}

:root[data-ui-theme="light"] .resourcePanel label,
:root[data-ui-theme="light"] .resourceInstance label,
:root[data-ui-theme="light"] .accountAssignment > span {
  color: #475569;
}

:root[data-ui-theme="light"] .resourcePanel input,
:root[data-ui-theme="light"] .resourceInstance input {
  border-color: #d9deea;
  background: #ffffff;
  color: #172033;
  box-shadow: 0 1px 0 rgba(16, 24, 40, .02);
}

:root[data-ui-theme="light"] .resourcePanel input:focus,
:root[data-ui-theme="light"] .resourceInstance input:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, .14);
}

:root[data-ui-theme="light"] .resourceLabelWithHelp .guideButton,
:root[data-ui-theme="light"] .resourceToolbar .guideButton {
  border-color: #d8ceee;
  background: #f6f1ff;
  color: #6b35c7;
}

:root[data-ui-theme="light"] .resourceInstance {
  border-color: #dfe5ef;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(54, 48, 80, .035);
}

:root[data-ui-theme="light"] .resourceInstance header span {
  color: #168247;
}

:root[data-ui-theme="light"] .resourceInstance header .dangerAction {
  border-color: #ffd0d8;
  background: #fff3f5;
  color: #dd3e55;
}

:root[data-ui-theme="light"] .inlineToggle {
  color: #253047 !important;
}

:root[data-ui-theme="light"] .accountAssignment button {
  border-color: #dce2ec;
  background: #ffffff;
  color: #475569;
}

:root[data-ui-theme="light"] .accountAssignment button.active {
  border-color: #8b5cf6;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: #ffffff;
}

@media (max-width: 1180px) {
  .adminPage:has(.resourceGrid) {
    padding: 24px 20px 34px;
  }

  .resourceGrid,
  .resourceInstanceFields {
    grid-template-columns: minmax(0, 1fr);
  }

  .resourceInstance header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .resourceInstance header span {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

/* 2026-07-12: ERP blue primary normalization. Keep legacy purple theme CSS above for compatibility,
   but make every visible Admin surface use the ERP light blue palette by default. */
:root,
:root[data-ui-theme="dark"],
:root[data-ui-theme="light"] {
  color-scheme: light;
  --syc-admin-primary: #1677ff;
  --syc-admin-primary-strong: #0958d9;
  --syc-admin-primary-soft: #eef6ff;
  --syc-admin-surface: #ffffff;
  --syc-admin-surface-soft: #f8fafc;
  --syc-admin-text: #111827;
  --syc-admin-text-soft: #1f2937;
  --syc-admin-muted: #64748b;
  --syc-admin-muted-strong: #475569;
  --syc-admin-border: #d8dee8;
  --syc-admin-border-soft: #dfe5ee;
  --syc-admin-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.adminThemeToggle {
  display: none !important;
}

:root :is(body, .adminShell, .adminMain, .adminPage, .adminLogin) {
  background: #f5f7fb;
  color: var(--syc-admin-text);
}

:root .adminShell {
  background: #f5f7fb;
}

:root .adminMain,
:root .adminTopbar,
:root .adminSidebar,
:root .adminSearch,
:root .tableTools,
:root .metricCard,
:root .activityPanel,
:root .adminTable,
:root .userModal,
:root .loginCard,
:root .licensePanel,
:root .resourcePanel,
:root .resourceInstance,
:root .deviceSummaryStrip article,
:root .sessionSummaryStrip article,
:root .infoTable,
:root .guideModal,
:root .profileDropdown,
:root .adminDateRangePopover,
:root .productAssetsDrawer,
:root .productAssetsMetric,
:root .productAssetsAdminGrid > *,
:root .productAssetsDetailPanel,
:root .productAssetsNotice,
:root .productAssetsMetrics {
  border-color: var(--syc-admin-border-soft);
  background: var(--syc-admin-surface);
  color: var(--syc-admin-text);
  box-shadow: var(--syc-admin-shadow);
}

:root .adminSidebar {
  background: #ffffff;
  border-right-color: var(--syc-admin-border-soft);
  box-shadow: 10px 0 28px rgba(15, 23, 42, .035);
}

:root :is(.adminBrand strong, .loginBrand strong, .pageTitle h1, .metricCard strong, .activityPanel h2, .userModal h2, .loginCard h1, .resourcePanel h3, .licensePanel h2, .profileDropdown strong, .productAssetsPageTitle h1, .permissionRoleEditor h3, .permissionRoleUsers h3) {
  color: var(--syc-admin-text);
}

:root :is(.pageTitle p, .metricCard small, .metricCard em, .adminHint, .userModal p, .loginCard p, .resourcePanel label, .resourceInstance label, .accountAssignment > span, .productAssetsPageTitle p, .profileDropdown small, .productAssetsAdminPage, .productAssetsNotice, .productAssetsMetric span, .permissionRoleGroup p, .permissionRoleUsersHeader p, .adminAccountRoleHint span) {
  color: var(--syc-admin-muted);
}

:root :is(
  .adminSidebar nav button,
  .adminSidebarGroupHeader,
  .adminSidebar nav.adminSidebarGrouped .adminSidebarGroupHeader,
  .tableTools select,
  .tableTools > button,
  .rowActions button,
  .userModal footer button,
  .adminExportButton,
  .outlineAction,
  .guideButton,
  .resourceToolbar button,
  .resourceLabelWithHelp .guideButton,
  .resourceToolbar .guideButton,
  .accountAssignment button,
  .activityPanel header button,
  .productAssetsPageActions button,
  .productAssetsResourceActions button,
  .productAssetsCleanup button,
  .productAssetsActions button,
  .productAssetsPagination button,
  .productAssetsAdminPage .productAssetsTable button,
  .aiCreditsSmallButton,
  .batchEditLibraryToolbar button,
  .infringementLibraryToolbar button,
  .fbmPricingToolbar button,
  .fbmPricingSectionToolbar button,
  .permissionRoleSecondaryButton,
  .permissionRoleIconButton,
  .accountRoleAssignButton
) {
  border-color: var(--syc-admin-border);
  background: #ffffff;
  color: var(--syc-admin-muted-strong);
  box-shadow: none;
}

:root :is(
  .adminSidebar nav button:hover,
  .adminSidebar nav button.active,
  .adminSidebarGroupHeader:hover,
  .adminSidebarGroup.open > .adminSidebarGroupHeader,
  .adminSidebarGroupHeader.active,
  .adminSidebar nav.adminSidebarGrouped .adminSidebarGroupHeader:hover,
  .adminSidebar nav.adminSidebarGrouped .adminSidebarGroup.open > .adminSidebarGroupHeader,
  .adminSidebar nav.adminSidebarGrouped .adminSidebarGroupHeader.active,
  .adminSidebar nav.adminSidebarGrouped .adminSidebarGroupItems > button.active,
  .adminExportButton:hover,
  .outlineAction:hover,
  .guideButton:hover,
  .guideButton:focus-visible,
  .accountAssignment button:not(.active):hover,
  .productAssetsPageActions button:hover,
  .productAssetsResourceActions button:hover,
  .productAssetsActions button:hover,
  .activityPanel header button:hover
) {
  border-color: rgba(22, 119, 255, .32) !important;
  background: var(--syc-admin-primary-soft) !important;
  color: var(--syc-admin-primary-strong) !important;
  box-shadow: none !important;
}

:root :is(.adminSidebarGroupHeader.active, .adminSidebar nav.adminSidebarGrouped .adminSidebarGroupHeader.active) {
  box-shadow: inset 3px 0 0 rgba(22, 119, 255, .82) !important;
}

:root :is(
  .primaryAction,
  .loginButton,
  .aiCreditsPrimary,
  .aiCreditsCreateKeyButton,
  .aiCreditsAddQuotaButton,
  .aiCreditsRechargeButton,
  .aiCreditsAddModelButton,
  .batchEditLibraryPrimary,
  .infringementLibraryPrimary,
  .fbmPricingPrimary,
  .permissionRolePrimaryButton,
  .permissionRoleInlineAddButton,
  .accountAssignment button.active,
  .productAssetsPageActions button.primary,
  .productAssetsResourceActions button.primary
) {
  border-color: var(--syc-admin-primary) !important;
  background: linear-gradient(135deg, var(--syc-admin-primary), var(--syc-admin-primary-strong)) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, .18) !important;
}

:root :is(
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea,
  .adminSearch,
  .tableTools label,
  .loginCard label > span,
  .userModal input,
  .userModal select,
  .licenseForm input,
  .licenseForm select,
  .resourcePanel input,
  .resourceInstance input,
  .adminDateRangeTrigger
) {
  border-color: var(--syc-admin-border);
  background: #ffffff;
  color: var(--syc-admin-text);
}

:root :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .adminDateRangeTrigger):focus,
:root :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .adminDateRangeTrigger).active {
  border-color: var(--syc-admin-primary) !important;
  box-shadow: 0 0 0 2px rgba(22, 119, 255, .14) !important;
  outline: none;
}

:root :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--syc-admin-primary);
}

:root :is(.adminTableRow, .activityRow, .infoTableRow, .aiCreditsTableRow) {
  border-bottom-color: var(--syc-admin-border-soft);
  color: var(--syc-admin-text-soft);
}

:root :is(.adminTableRow.header, .activityRow.header, .infoTableRow.header, .activityTable .header) {
  background: var(--syc-admin-surface-soft);
  color: var(--syc-admin-muted-strong);
}

:root :is(.modalLayer, .guideModalLayer, .aiCreditsModalLayer, .batchEditLibraryModalLayer, .fbmPricingModalBackdrop, .accountRoleModalOverlay, .ifsOverlay, .ilPreviewOverlay) {
  background: rgba(15, 23, 42, .28);
  color: var(--syc-admin-text);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

:root :is(.aiCreditsModal, .batchEditLibraryModal, .fbmPricingTemplateModal, .ifsDialog, .accountRoleModal) {
  border-color: var(--syc-admin-border-soft);
  background: #ffffff;
  color: var(--syc-admin-text);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .16);
}

:root :is(.deviceStatus, .projectStatus, .permissionTag, .statusPill, .aiStatusPill, .productAssetsStatusPill, .accountRoleChip, .permissionRoleAccountChip) {
  border-color: rgba(22, 119, 255, .24);
  background: rgba(22, 119, 255, .09);
  color: var(--syc-admin-primary-strong);
}

:root :is(.permissionTag.all, .projectStatus.running, .projectStatus.queued) {
  border-color: rgba(22, 119, 255, .30);
  background: rgba(22, 119, 255, .11);
  color: var(--syc-admin-primary-strong);
}

:root :is(.adminProfile span, .accountCell b, .metricCard > span, .loginAvatar, .productAssetsMetricIcon, .guideButton > span) {
  background: rgba(22, 119, 255, .12);
  color: var(--syc-admin-primary);
  box-shadow: none;
}

:root :is(.switch.active, .checkBox.active) {
  border-color: var(--syc-admin-primary) !important;
  background: var(--syc-admin-primary) !important;
}

:root .adminNotice {
  border-color: rgba(22, 119, 255, .24);
  background: rgba(22, 119, 255, .08);
  color: var(--syc-admin-primary-strong);
}

:root .adminLogin {
  background: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
}

:root .loginBrand img,
:root .adminBrand img {
  box-shadow: 0 0 22px rgba(22, 119, 255, .18);
}

:root .profileDropdown button:hover,
:root .adminCalendarGrid button.inRange,
:root .adminCalendarNav button:hover,
:root .adminDateRangePopover aside button:hover {
  background: var(--syc-admin-primary-soft);
  color: var(--syc-admin-primary-strong);
}

:root .adminCalendarGrid button.selected {
  border-color: var(--syc-admin-primary);
  background: var(--syc-admin-primary);
  color: #ffffff;
}

:root .permissionRoleDesignerPage,
:root .permissionRoleApp,
:root .accountRoleEnhancedTable,
:root .accountRoleModalOverlay {
  --pr-panel: #ffffff;
  --pr-panel-soft: #f8fafc;
  --pr-panel-strong: #eef6ff;
  --pr-border: #dfe5ef;
  --pr-border-strong: #b7d8ff;
  --pr-text: #172033;
  --pr-muted: #64748b;
  --pr-muted-strong: #475569;
  --pr-primary: #1677ff;
  --pr-primary-strong: #0958d9;
  --pr-primary-soft: #eef6ff;
  --pr-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

:root .batchEditLibraryPage {
  --bel-accent: #1677ff;
  --bel-accent-strong: #0958d9;
  --bel-accent-soft: #eef6ff;
  --bel-border: #d8dee8;
  color: var(--syc-admin-text);
}

:root .infringementLibraryPage {
  --il-accent: #1677ff;
  --il-accent-strong: #0958d9;
  --il-accent-soft: rgba(22, 119, 255, .12);
  --il-border: #d8dee8;
  --il-panel: #ffffff;
  --il-panel-strong: #f8fafc;
  --il-header: #f8fafc;
  --il-text: #111827;
  --il-muted: #64748b;
  --il-field: #ffffff;
  --il-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

:root .fbmPricingPage {
  --fbm-accent: #1677ff;
  --fbm-accent-strong: #0958d9;
  --fbm-accent-soft: rgba(22, 119, 255, .12);
  --fbm-border: #d8dee8;
  color: var(--syc-admin-text);
}

:root .ifsOverlay {
  --ifs-panel: #ffffff;
  --ifs-panel-soft: #f8fafc;
  --ifs-border: #d8dee8;
  --ifs-text: #111827;
  --ifs-muted: #64748b;
  --ifs-field: #ffffff;
}

:root :is(.aiCreditsTabs button.active, .batchEditLibraryTabs button.active, .infringementLibraryTabs button.active, .fbmPricingTabs button.active) {
  color: var(--syc-admin-primary-strong) !important;
}

:root .aiCreditsTabs button.active::after,
:root .batchEditLibraryTabs button.active::after,
:root .infringementLibraryTabs button.active::after,
:root .fbmPricingTabs button.active::after {
  background: var(--syc-admin-primary) !important;
}

/* 20260712-erp-bg-unified-v1: keep Admin workspaces on the ERP light background. */
:root {
  --syc-admin-workspace: #f5f7fb;
}

:root :is(
  body,
  .adminShell,
  .adminMain,
  .adminPage,
  .deviceAuthPage,
  .permissionRoleDesignerPage,
  .productAssetsAdminPage,
  .aiCreditsPage,
  .batchEditLibraryPage,
  .infringementLibraryPage,
  .fbmPricingPage
) {
  background: var(--syc-admin-workspace) !important;
}

:root .adminMain {
  box-shadow: none !important;
}

:root :is(.adminTopbar, .adminSidebar) {
  background: #ffffff !important;
}

:root .deviceAuthPage {
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

:root .deviceAuthPage :is(
  .deviceSummaryStrip article,
  .deviceTools,
  .deviceAuthTable,
  .licensePanel > header,
  .licenseForm,
  .licenseRecordTable
) {
  border-color: var(--syc-admin-border-soft) !important;
  background: #ffffff !important;
  box-shadow: var(--syc-admin-shadow, 0 14px 34px rgba(15, 23, 42, .08)) !important;
}

:root .deviceAuthPage .deviceAuthTable::before,
:root .deviceAuthPage .licenseRecordTable::before {
  border-bottom-color: var(--syc-admin-border-soft) !important;
  background: #ffffff !important;
  color: var(--syc-admin-text) !important;
}

:root .deviceAuthPage .deviceAuthTable .adminTableRow.header {
  background: var(--syc-admin-surface-soft) !important;
  color: var(--syc-admin-muted-strong) !important;
  box-shadow: 0 1px 0 var(--syc-admin-border-soft) !important;
}

:root .deviceAuthPage .deviceSummaryIcon {
  border-color: rgba(22, 119, 255, .22) !important;
  background: rgba(22, 119, 255, .10) !important;
  color: var(--syc-admin-primary) !important;
}

:root .deviceAuthPage .deviceSummaryStrip article.pending .deviceSummaryIcon {
  border-color: rgba(22, 119, 255, .24) !important;
  background: rgba(22, 119, 255, .10) !important;
  color: var(--syc-admin-primary-strong) !important;
}

:root .deviceAuthPage .deviceSummaryStrip article.disabled .deviceSummaryIcon {
  border-color: rgba(225, 29, 72, .24) !important;
  background: rgba(225, 29, 72, .09) !important;
  color: #e11d48 !important;
}

:root * {
  scrollbar-color: rgba(22, 119, 255, .38) #edf2f7 !important;
}

:root *::-webkit-scrollbar-track {
  background: #edf2f7 !important;
}

:root *::-webkit-scrollbar-thumb {
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: rgba(22, 119, 255, .38) !important;
  background-clip: padding-box !important;
}

/* 20260713-session-filter-compact-toolbar-v1: keep task-record filters on one compact line. */
:root .sessionFilterBar,
:root[data-ui-theme="light"] .sessionFilterBar {
  min-height: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -2px 0 10px;
  padding: 5px 12px;
  border-color: var(--syc-admin-border-soft, #dfe5ee);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: none;
}

:root .sessionFilterBar label,
:root[data-ui-theme="light"] .sessionFilterBar label {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--syc-admin-muted-strong, #475569);
  font-size: 12px;
  font-weight: 720;
  line-height: 1;
  white-space: nowrap;
}

:root .sessionFilterBar label span,
:root[data-ui-theme="light"] .sessionFilterBar label span {
  line-height: 1;
}

:root .sessionFilterBar select,
:root[data-ui-theme="light"] .sessionFilterBar select {
  width: clamp(150px, 14vw, 210px);
  min-height: 32px;
  height: 32px;
  padding: 0 10px;
  border-color: var(--syc-admin-border-strong, #d8dee8);
  border-radius: 7px;
  background: #ffffff;
  color: var(--syc-admin-text, #111827);
}

:root .sessionFilterBar .sessionSearchField,
:root[data-ui-theme="light"] .sessionFilterBar .sessionSearchField {
  flex: 1 1 280px;
  max-width: 420px;
}

:root .sessionSearchField input,
:root[data-ui-theme="light"] .sessionSearchField input {
  width: 100%;
  min-width: 160px;
  height: 32px;
  padding: 0 34px 0 10px;
  border: 1px solid var(--syc-admin-border-strong, #d8dee8);
  border-radius: 7px;
  background: #ffffff;
  color: var(--syc-admin-text, #111827);
  font: inherit;
  outline: none;
}

:root .sessionSearchField input:focus,
:root[data-ui-theme="light"] .sessionSearchField input:focus {
  border-color: var(--syc-admin-primary, #1677ff);
  box-shadow: 0 0 0 2px rgba(22, 119, 255, .16);
}

:root .sessionSearchField input::placeholder,
:root[data-ui-theme="light"] .sessionSearchField input::placeholder {
  color: var(--syc-admin-muted, #64748b);
}

:root .sessionSearchCount,
:root[data-ui-theme="light"] .sessionSearchCount {
  min-width: 34px;
  color: var(--syc-admin-primary, #1677ff);
  font-size: 12px;
  font-weight: 720;
  text-align: right;
}

:root .sessionFilterBar select:focus,
:root[data-ui-theme="light"] .sessionFilterBar select:focus {
  border-color: var(--syc-admin-primary, #1677ff);
  box-shadow: 0 0 0 2px rgba(22, 119, 255, .16);
}

:root .sessionFilterSummary,
:root[data-ui-theme="light"] .sessionFilterSummary {
  flex: 0 0 auto;
  align-self: center;
  color: var(--syc-admin-text-soft, #1f2937);
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
}

:root .sessionFilterBar button,
:root[data-ui-theme="light"] .sessionFilterBar button {
  min-height: 32px;
  margin-left: auto;
  padding: 0 14px;
  border-color: var(--syc-admin-border-strong, #d8dee8);
  border-radius: 7px;
  background: #f1f5f9;
  color: var(--syc-admin-text-soft, #1f2937);
  font-size: 13px;
  font-weight: 720;
}

:root .sessionFilterBar button:not(:disabled):hover,
:root[data-ui-theme="light"] .sessionFilterBar button:not(:disabled):hover {
  border-color: rgba(22, 119, 255, .38);
  background: #eef6ff;
  color: var(--syc-admin-primary-strong, #0958d9);
}

:root .sessionFilterBar button:disabled,
:root[data-ui-theme="light"] .sessionFilterBar button:disabled {
  color: var(--syc-admin-muted, #64748b);
  cursor: not-allowed;
}

:root[data-ui-theme="dark"] .sessionFilterBar {
  border-color: rgba(148, 163, 184, .24);
  background: #111827;
}

:root[data-ui-theme="dark"] .sessionFilterBar label,
:root[data-ui-theme="dark"] .sessionFilterSummary {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .sessionFilterBar select {
  border-color: rgba(148, 163, 184, .28);
  background: #0f172a;
  color: #f8fafc;
}

:root[data-ui-theme="dark"] .sessionSearchField input {
  border-color: rgba(148, 163, 184, .28);
  background: #0f172a;
  color: #f8fafc;
}

:root[data-ui-theme="dark"] .sessionSearchField input::placeholder {
  color: #94a3b8;
}

:root[data-ui-theme="dark"] .sessionFilterBar button {
  border-color: rgba(148, 163, 184, .28);
  background: #1f2937;
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .sessionFilterBar button:not(:disabled):hover {
  border-color: rgba(96, 165, 250, .58);
  background: #172554;
  color: #dbeafe;
}

@media (max-width: 900px) {
  :root .sessionFilterBar,
  :root[data-ui-theme="light"] .sessionFilterBar,
  :root[data-ui-theme="dark"] .sessionFilterBar {
    flex-wrap: wrap;
    align-items: center;
  }

  :root .sessionFilterBar button,
  :root[data-ui-theme="light"] .sessionFilterBar button,
  :root[data-ui-theme="dark"] .sessionFilterBar button {
    margin-left: 0;
  }
}

/* 20260715-session-table-sticky-header-v1: keep task-record column headers visible while scrolling records. */
:root .sessionsTable {
  position: relative;
  max-height: clamp(380px, calc(100vh - 396px), 820px);
  overflow: auto;
  overscroll-behavior: contain;
}

:root .sessionsTable .adminTableRow.header,
:root[data-ui-theme="light"] .sessionsTable .adminTableRow.header {
  position: sticky;
  top: 0;
  z-index: 4;
  background: #f8fafc;
  color: var(--syc-admin-muted-strong, #475569);
  box-shadow: 0 1px 0 var(--syc-admin-border-soft, #dfe5ee), 0 8px 16px rgba(15, 23, 42, .08);
}

:root[data-ui-theme="dark"] .sessionsTable .adminTableRow.header {
  background: #111827;
  color: #e5e7eb;
  box-shadow: 0 1px 0 rgba(148, 163, 184, .24), 0 8px 16px rgba(0, 0, 0, .28);
}

/* 20260717-resource-pixian-inherit-gpu-tabs-v1 */
:root .resourceAdminPage {
  gap: 16px;
}

:root .resourceTopGrid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
  gap: 14px;
  align-items: stretch;
}

:root .resourceApiColumn {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

:root .resourceApiColumn > .resourcePanel,
:root .resourceOssColumn > .resourcePanel {
  min-height: 214px;
}

:root .resourceOssColumn {
  min-width: 0;
  display: grid;
  align-items: stretch;
}

:root .resourceOssColumn .productAssetsResourceCard {
  grid-column: auto;
  min-height: 214px;
}

:root .resourceOssColumn .productAssetsResourceStatus {
  grid-template-columns: repeat(2, max-content);
}

:root .resourceInheritanceHint {
  margin: 0;
  color: var(--syc-admin-muted, #64748b);
  font-size: 13px;
  line-height: 1.55;
}

:root .resourceGpuPool,
:root .resourceGpuPanel {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--syc-admin-border-soft, #dfe5ee);
  border-radius: 8px;
  background: var(--syc-admin-surface, #ffffff);
  color: var(--syc-admin-text, #111827);
  box-shadow: var(--syc-admin-shadow, 0 14px 34px rgba(15, 23, 42, .08));
}

:root .resourceGpuPool {
  padding: 18px;
}

:root .resourceGpuPool > header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

:root .resourceGpuPool h3 {
  margin: 0;
  color: var(--syc-admin-text, #111827);
  font-size: 18px;
  font-weight: 820;
}

:root .resourceGpuPool p {
  margin: 6px 0 0;
  color: var(--syc-admin-muted, #64748b);
  font-size: 13px;
  line-height: 1.45;
}

:root .resourceGpuPool > header .resourceToolbar {
  justify-content: flex-end;
}

:root .resourceGpuTabs {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px 0 4px;
}

:root .resourceGpuTab {
  min-height: 34px;
  max-width: 220px;
  padding: 0 14px;
  overflow: hidden;
  border: 1px solid var(--syc-admin-border, #d8dee8);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--syc-admin-muted-strong, #475569);
  cursor: pointer;
  font-size: 13px;
  font-weight: 740;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:root .resourceGpuTab:hover {
  border-color: rgba(22, 119, 255, .38);
  background: #eef6ff;
  color: var(--syc-admin-primary-strong, #0958d9);
}

:root .resourceGpuTab.active {
  border-color: var(--syc-admin-primary, #1677ff);
  background: linear-gradient(135deg, var(--syc-admin-primary, #1677ff), var(--syc-admin-primary-strong, #0958d9));
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(22, 119, 255, .18);
}

:root .resourceGpuPanel {
  padding: 16px;
  box-shadow: none;
}

:root .resourceGpuPanel > header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

:root .resourceGpuPanel > header > span {
  justify-self: end;
  color: #168247;
  font-size: 12px;
  font-weight: 760;
}

:root .resourceGpuPanel .dangerAction {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid #ffd0d8;
  border-radius: 8px;
  background: #fff3f5;
  color: #dd3e55;
  cursor: pointer;
}

:root .resourceOssPlaceholder {
  align-content: start;
}

:root[data-ui-theme="dark"] .resourceGpuPool,
:root[data-ui-theme="dark"] .resourceGpuPanel {
  border-color: rgba(148, 163, 184, .24);
  background: #111827;
  color: #f8fafc;
}

:root[data-ui-theme="dark"] .resourceGpuPool h3 {
  color: #f8fafc;
}

:root[data-ui-theme="dark"] .resourceGpuPool p,
:root[data-ui-theme="dark"] .resourceInheritanceHint {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .resourceGpuTab {
  border-color: rgba(148, 163, 184, .28);
  background: #0f172a;
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .resourceGpuTab:hover {
  border-color: rgba(96, 165, 250, .58);
  background: #172554;
  color: #dbeafe;
}

@media (max-width: 1280px) {
  :root .resourceTopGrid,
  :root .resourceApiColumn {
    grid-template-columns: minmax(0, 1fr);
  }

  :root .resourceGpuPool > header {
    flex-direction: column;
  }

  :root .resourceGpuPool > header .resourceToolbar {
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  :root .resourceGpuPanel > header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  :root .resourceGpuPanel > header > span {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

/* 20260717-resource-fbm-polish-v1: keep resource allocation compact and light-theme copy readable. */
:root .adminPage:has(.resourceTopGrid),
:root .resourceAdminPage,
:root .resourceTopGrid,
:root .resourceGpuPool,
:root .resourceGpuPanel {
  max-width: 100%;
  overflow-x: hidden;
}

:root .resourceTopGrid {
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, 1fr);
  align-items: start;
}

:root .resourceApiColumn,
:root .resourceOssColumn {
  align-items: start;
}

:root .resourceApiColumn > .resourcePanel,
:root .resourceOssColumn > .resourcePanel,
:root .resourceOssColumn .productAssetsResourceCard {
  min-height: 0;
  align-content: start;
  gap: 14px;
  padding: 18px 20px;
}

:root .resourceApiColumn > .resourcePanel:has(.resourceLabelWithHelp):not(.productAssetsResourceCard) {
  grid-template-rows: auto;
  align-content: start;
}

:root .resourceApiColumn > .resourcePanel:has(.resourceLabelWithHelp):not(.productAssetsResourceCard) > label {
  width: 100%;
  align-self: start;
  justify-self: stretch;
}

:root .resourceOssColumn .productAssetsResourceStatus {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:root .resourceGpuPool {
  gap: 10px;
  padding: 16px 18px 14px;
}

:root .resourceGpuPanel {
  gap: 12px;
  padding: 14px;
}

:root .resourceGpuPanel .resourceInstanceFields {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(180px, .9fr) minmax(210px, 1fr) minmax(280px, 1.25fr) minmax(110px, .52fr);
  align-items: end;
  gap: 12px;
}

:root .resourceGpuPanel .resourceInstanceFields label {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: var(--syc-admin-muted-strong, #475569);
  font-size: 13px;
  font-weight: 720;
  line-height: 1.25;
}

:root .resourceGpuPanel .resourceInstanceFields input {
  width: 100%;
  min-width: 0;
  height: 36px;
  box-sizing: border-box;
  padding: 0 11px;
  border: 1px solid var(--syc-admin-border, #d8dee8);
  border-radius: 8px;
  background: #ffffff;
  color: var(--syc-admin-text, #111827);
  font: inherit;
  box-shadow: none;
}

:root .resourceGpuPanel .resourceInstanceFields input:focus {
  border-color: var(--syc-admin-primary, #1677ff);
  outline: none;
  box-shadow: 0 0 0 2px rgba(22, 119, 255, .14);
}

:root .resourceGpuPanel .accountAssignment,
:root .resourceGpuPanel .accountAssignment > div {
  min-width: 0;
  flex-wrap: wrap;
}

:root:not([data-ui-theme="dark"]) .fbmPricingTabs button,
:root[data-ui-theme="light"] .fbmPricingTabs button {
  color: #334155;
  opacity: 1;
}

:root:not([data-ui-theme="dark"]) .fbmPricingTabs button.active,
:root[data-ui-theme="light"] .fbmPricingTabs button.active {
  color: var(--syc-admin-primary-strong, #0958d9) !important;
}

:root:not([data-ui-theme="dark"]) .fbmPricingSectionToolbar span,
:root:not([data-ui-theme="dark"]) .fbmPricingShipping small,
:root:not([data-ui-theme="dark"]) .fbmPricingShippingTable th small,
:root:not([data-ui-theme="dark"]) .fbmPricingHero p,
:root[data-ui-theme="light"] .fbmPricingSectionToolbar span,
:root[data-ui-theme="light"] .fbmPricingShipping small,
:root[data-ui-theme="light"] .fbmPricingShippingTable th small,
:root[data-ui-theme="light"] .fbmPricingHero p {
  color: #475569 !important;
  opacity: 1;
}

:root:not([data-ui-theme="dark"]) .fbmPricingShippingTable caption,
:root[data-ui-theme="light"] .fbmPricingShippingTable caption {
  border-bottom-color: var(--syc-admin-border-soft, #dfe5ee);
  background: #ffffff;
  color: #172033 !important;
  font-size: 13px;
  font-weight: 820;
}

:root:not([data-ui-theme="dark"]) .fbmPricingShippingTable th,
:root[data-ui-theme="light"] .fbmPricingShippingTable th {
  background: #f1f5f9 !important;
  color: #334155 !important;
}

:root:not([data-ui-theme="dark"]) .fbmPricingRangeInput span,
:root[data-ui-theme="light"] .fbmPricingRangeInput span {
  color: var(--syc-admin-primary-strong, #0958d9) !important;
}

:root[data-ui-theme="dark"] .resourceGpuPanel .resourceInstanceFields label {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .resourceGpuPanel .resourceInstanceFields input {
  border-color: rgba(148, 163, 184, .28);
  background: #0f172a;
  color: #f8fafc;
}

@media (max-width: 1500px) {
  :root .resourceGpuPanel .resourceInstanceFields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1280px) {
  :root .resourceTopGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 20260725-session-records-pager-v1: paginate the task-record table after its native filters. */
:root .sessionsTable .adminTableRow[hidden] {
  display: none !important;
}

:root .sessionPaginationBar {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: -12px;
  padding: 6px 10px;
  border: 1px solid var(--syc-admin-border-soft, #dfe5ee);
  border-radius: 8px;
  background: #ffffff;
  color: var(--syc-admin-muted, #64748b);
  font-size: 13px;
}

:root .sessionPageSize {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

:root .sessionPageSize select {
  height: 32px;
  padding: 0 28px 0 10px;
  border: 1px solid var(--syc-admin-border-strong, #d8dee8);
  border-radius: 7px;
  outline: none;
  background: #ffffff;
  color: var(--syc-admin-text, #111827);
}

:root .sessionPageSize select:focus {
  border-color: var(--syc-admin-primary, #1677ff);
  box-shadow: 0 0 0 2px rgba(22, 119, 255, .16);
}

:root .sessionPaginationRange {
  color: var(--syc-admin-muted-strong, #475569);
  white-space: nowrap;
}

:root .sessionPaginationActions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  white-space: nowrap;
}

:root .sessionPaginationActions button {
  min-width: 68px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid var(--syc-admin-border-strong, #d8dee8);
  border-radius: 7px;
  background: #f8fafc;
  color: var(--syc-admin-text-soft, #1f2937);
  cursor: pointer;
}

:root .sessionPaginationActions button:not(:disabled):hover {
  border-color: rgba(22, 119, 255, .42);
  background: #eef6ff;
  color: var(--syc-admin-primary-strong, #0958d9);
}

:root .sessionPaginationActions button:disabled {
  opacity: .46;
  cursor: not-allowed;
}

:root[data-ui-theme="dark"] .sessionPaginationBar {
  border-color: rgba(148, 163, 184, .24);
  background: #111827;
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .sessionPageSize select,
:root[data-ui-theme="dark"] .sessionPaginationActions button {
  border-color: rgba(148, 163, 184, .28);
  background: #0f172a;
  color: #f8fafc;
}

:root[data-ui-theme="dark"] .sessionPaginationRange {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .sessionPaginationActions button:not(:disabled):hover {
  border-color: rgba(96, 165, 250, .58);
  background: #172554;
  color: #dbeafe;
}

@media (max-width: 720px) {
  :root .sessionPaginationBar {
    flex-wrap: wrap;
  }

  :root .sessionPaginationActions {
    width: 100%;
    justify-content: space-between;
    margin-left: 0;
  }
}

@media (max-width: 900px) {
  :root .resourceGpuPanel .resourceInstanceFields {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 20260717-resource-api-stack-v1: stack AutoDL/Pixian on the left and keep OSS fixed on the right. */
:root .resourceTopGrid {
  grid-template-columns: minmax(390px, .72fr) minmax(0, 1.28fr);
  align-items: stretch;
}

:root .resourceApiColumn {
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  align-items: start;
}

:root .resourceApiColumn > .resourcePanel {
  width: 100%;
}

:root .resourceOssColumn {
  align-self: stretch;
}

:root .resourceOssColumn .productAssetsResourceCard {
  height: 100%;
  min-height: 100%;
}

/* Keep the Resource Allocation cards and their inner content on the same left edge. */
:root .resourceTopGrid,
:root .resourceApiColumn,
:root .resourceOssColumn,
:root .resourceGpuPool {
  width: 100%;
  justify-self: stretch;
}

:root .resourceOssColumn .productAssetsResourceHeader,
:root .resourceOssColumn .productAssetsResourceStatus,
:root .resourceOssColumn .productAssetsResourceMetrics,
:root .resourceOssColumn .productAssetsResourceFooter {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1280px) {
  :root .resourceTopGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}