/* Source-aligned admin route additions kept separate from legacy converted CSS. */
/* React source: AdminLayout + AdminSidebar + AdminStatOverview. */
.app-shell:has(.faithful-side) { background:#fcfbfe; }
.faithful-side { margin:0; padding:16px 8px; border-radius:16px; }
.admin-account { display:flex; align-items:center; gap:12px; width:94%; min-height:64px; margin:4px auto 22px; padding:12px 16px; border:1px solid #e5e5e50d; border-radius:12px; background:#0a2632; color:#fff; }
.admin-avatar { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:50%; background:#d2dffd; color:#0078c8; font:600 14px/1 "Instrument Sans",sans-serif; }
.admin-account-copy { display:grid; min-width:0; gap:3px; flex:1; }
.admin-account-copy strong { overflow:hidden; color:#fff; font-size:14px; font-weight:400; line-height:1.5; text-overflow:ellipsis; text-transform:capitalize; white-space:nowrap; }
.admin-account-copy span { color:#fff; font-size:12px; line-height:1.2; }
.admin-account-chevron { color:#667085; font-size:14px; line-height:1; }
.faithful-side .faithful-nav { padding-top:0; }
.faithful-side .faithful-nav a { height:40px; margin:6px auto; padding:0 16px; border-radius:8px; font-size:14px; }
.faithful-side .faithful-nav a.active { background:#fff; color:#012130; }
.stage:has(> .page-head) { background:#fcfbfe; }
.stage:has(> .page-head) .metric { min-height:116px; padding:16px; border-radius:16px; gap:8px; }
.stage:has(> .page-head) .metric-head { align-items:center; color:#0c111d; font-size:14px; font-weight:400; }
.stage:has(> .page-head) .metric-icon { width:36px; height:36px; border-radius:8px; padding:8px; }
.stage:has(> .page-head) .metric-value { font-size:24px; line-height:1.25; }
.admin-descriptive-metric { align-content:start; }
.admin-descriptive-name { overflow:hidden; color:#344054; font-size:24px; font-weight:600; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.admin-descriptive-meta { color:#344054; font-size:14px; line-height:1.5; }
.admin-analytics .revenue-card { grid-column:1 / -1; }
.analytics-card { border-radius:10px; }
.chart-summary { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:20px; font-size:14px; }
.chart-summary strong { color:#344054; font-size:14px; }
.chart-summary span { color:#667085; }
.payout-bars { display:grid; gap:14px; margin-top:28px; }
.payout-bars > div { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#344054; font-size:14px; }
.payout-bars span { display:flex; align-items:center; gap:8px; }
.payout-bars i { display:inline-block; width:10px; height:10px; border-radius:50%; }
.payout-bars b { font-weight:600; }
.faithful-side ~ .stage .data-panel,
.faithful-side ~ .stage .form-panel { border-radius:10px; background:#fff; }
.faithful-side ~ .stage .faithful-table-toolbar { min-height:76px; padding:16px; border-color:#eaecf0; }
.faithful-side ~ .stage .faithful-table-toolbar input,
.faithful-side ~ .stage .faithful-table-toolbar select { height:36px; border:1px solid #e4e7ec; border-radius:8px; background:#fff; color:#344054; font-size:14px; outline-color:#0078c8; }
.faithful-side ~ .stage .faithful-table-toolbar select { min-width:108px; padding:0 30px 0 10px; }
.faithful-side ~ .stage .faithful-table-toolbar .picker { height:36px; padding:0 16px; border:0; border-radius:12px; background:#2f2b430d; color:#0c111d; font-size:16px; font-weight:600; }
.faithful-side ~ .stage .subnav { gap:32px; padding-bottom:8px; border-bottom:0; }
.faithful-side ~ .stage .subnav a { padding:0 0 8px; color:#6b6768; font-size:16px; font-weight:400; }
.faithful-side ~ .stage .subnav a.active { border-bottom:2px solid #0078c8; color:#0078c8; }
.admin-analytics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }
.analytics-card { min-height:260px; padding:20px; border:1px solid #eaecf0; border-radius:12px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.03); }
.analytics-card header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.analytics-card h2 { margin:0; color:#1d2939; font:700 16px/1.3 "Instrument Sans",sans-serif; }
.analytics-card p { margin:5px 0 0; color:#667085; font-size:13px; }
.analytics-card header strong { color:#012130; font-size:17px; }
.analytics-card svg { display:block; width:100%; height:155px; margin-top:18px; overflow:visible; }
.analytics-card .chart-axis { fill:none; stroke:#e5e7eb; stroke-width:1; }
.analytics-card .chart-line { fill:none; stroke:#a6d636; stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.analytics-card footer { display:flex; justify-content:space-between; gap:6px; overflow:hidden; color:#98a2b3; font-size:11px; }
.chart-empty { display:grid; min-height:160px; place-items:center; color:#667085; text-align:center; }
.admin-payment-tabs,.subnav { overflow-x:auto; scrollbar-width:thin; }
.admin-payment-tabs a,.subnav a { flex:0 0 auto; }
.archive-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:4px 0 16px; }
.archive-controls input,.archive-controls select { min-height:42px; padding:0 12px; border:1px solid #d0d5dd; border-radius:6px; background:#fff; color:#344054; }
.archive-controls input { width:min(288px,100%); }
.archive-controls select { min-width:150px; }
.data-table td .table-thumb { width:32px; height:32px; margin-right:10px; object-fit:cover; vertical-align:middle; border-radius:8px; }
.data-table td>a:not(.table-action) { display:inline-block; max-width:220px; overflow:hidden; color:#0937a3; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.source-payout-panel { padding:24px; }
.source-payout-summary { margin-bottom:24px; color:#4b5563; font-size:14px; }
.source-payout-summary p { margin:0 0 8px; }
.source-wide-search { display:block; width:100%; margin:0 0 24px; }
.source-four-column-head,.source-four-column-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.source-four-column-head { padding-bottom:16px; border-bottom:1px solid #e5e7eb; color:#111827; font-weight:500; }
.source-four-column-head input,.source-four-column-row input { margin-right:10px; }
.source-four-column-list { margin-top:16px; }
.source-four-column-row { padding:16px 0; border-bottom:1px solid #f3f4f6; color:#4b5563; }
.admin-user-detail-actions { display:flex; align-items:center; gap:12px; }
.admin-user-detail-actions .table-action { color:#0078c8; text-decoration:none; }
.strict-admin-settings { padding:32px; }
.strict-admin-profile-card { display:flex; align-items:center; gap:24px; margin-bottom:24px; }
.strict-admin-profile-card h3 { margin:0; color:#101828; font-size:20px; font-weight:600; }
.strict-admin-initials { display:grid; width:64px; height:64px; place-items:center; border-radius:50%; background:#93c5fd; color:#fff; font-size:18px; font-weight:600; }
.strict-admin-settings .settings-grid { margin-top:0; }
.strict-admin-settings .field { max-width:none; }
.strict-admin-submit { display:flex; justify-content:flex-end; margin-top:24px; }
.strict-admin-submit .lime-btn { width:160px; }
.strict-admin-password-settings { display:grid; max-width:512px; gap:24px; }
.password-with-toggle { position:relative; }
.password-with-toggle input { padding-right:42px; }
.toggle-password { position:absolute; right:10px; bottom:8px; border:0; background:transparent; color:#667085; cursor:pointer; }
.strict-password-submit { width:100%; }
.learning-source-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.learning-source-metrics article { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:142px; padding:24px; border:1px solid #eaecf0; border-radius:8px; background:#fff; }
.learning-source-metrics p,.learning-source-metrics small { display:block; margin:0; color:#667085; font-size:14px; }
.learning-source-metrics strong { display:block; margin:4px 0; color:#111827; font-size:30px; font-weight:700; }
.learning-source-icon { display:grid; width:48px; height:48px; place-items:center; border-radius:8px; }
.learning-source-icon i { display:block; width:24px; height:24px; border-radius:2px; }
.learning-source-icon.green { background:#dcfce7; }.learning-source-icon.green i { background:#22c55e; }.learning-source-icon.yellow { background:#fef9c3; }.learning-source-icon.yellow i { background:#eab308; }.learning-source-icon.red { background:#fee2e2; }.learning-source-icon.red i { background:#ef4444; }
.learning-source-panel { padding:24px; }.learning-source-panel h2 { margin:0 0 16px; font-size:18px; }.learning-source-chart { display:grid; min-height:256px; place-items:center; border-radius:8px; background:#f3f4f6; color:#4b5563; text-align:center; }
@media (max-width:800px) {
  .admin-settings-tabs { max-width:100%; overflow-x:auto; scrollbar-width:thin; }
  .admin-settings-tabs a { flex:0 0 auto; white-space:nowrap; }
  .faithful-side ~ .stage .metrics { grid-template-columns:1fr; }
  .learning-source-metrics { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .admin-analytics { grid-template-columns:1fr; }
  .archive-controls input,.archive-controls select { width:100%; }
  .admin-payment-tabs,.subnav { padding-bottom:2px; }
  .source-payout-panel { overflow-x:auto; }
  .source-four-column-head,.source-four-column-row { min-width:620px; }
}


/* React parity: Admin > User Management */
.strict-users-page .page-head { margin-bottom:24px; }
.strict-users-page .page-head h1 { font-size:24px; line-height:32px; font-weight:600; letter-spacing:-.02em; }
.strict-users-page .page-head p { color:#667085; font-size:14px; }
.strict-users-table { width:100%; min-width:0; }
.strict-users-controls { display:flex; width:100%; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; }
.strict-users-search { flex:1; max-width:576px; }
.strict-users-search input { box-sizing:border-box; width:100%; height:40px; padding:0 12px; border:1px solid #d0d5dd; border-radius:6px; color:#101828; font-size:14px; background:#fff; }
.strict-users-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.strict-users-actions .picker,.strict-users-actions .open-admin-create-user { height:40px; min-width:0; padding:0 14px; border-radius:6px; font-size:14px; }
.strict-users-actions .open-admin-create-user { border:1px solid #d0d5dd; background:#fff; color:#344054; }
.strict-users-scroll { border:1px solid #eaecf0; border-radius:12px 12px 0 0; overflow-x:auto; background:#fff; }
.strict-users-data { min-width:1400px; border:0; }
.strict-users-data th { color:#0e0e0f; font-weight:500; background:#fff; white-space:nowrap; }
.strict-users-data td { height:62px; padding-top:10px; padding-bottom:10px; color:#667085; vertical-align:middle; }
.strict-users-data td small { display:block; max-width:190px; overflow:hidden; color:#667085; font-size:12px; line-height:18px; text-overflow:ellipsis; white-space:nowrap; }
.strict-users-data .user-name { display:block; max-width:190px; overflow:hidden; color:#344054; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.strict-users-data .select-col { width:30px; padding-right:4px; }
.strict-status { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border:1px solid transparent; border-radius:999px; font-size:12px; font-weight:500; }
.strict-status.status-1 { background:#ecfdf3; border-color:#abefc6; color:#067647; }
.strict-status.status-0 { background:#fffaeb; border-color:#fedf89; color:#b54708; }
.strict-status.status--1,.strict-status.status-5 { background:#fef3f2; border-color:#fecdca; color:#b42318; }
.user-actions-cell { position:relative; overflow:visible!important; width:46px; text-align:center; }
.user-more-menu { border:0; background:transparent; color:#475467; font-size:22px; line-height:1; cursor:pointer; }
.user-actions-menu { display:none; position:absolute; z-index:70; top:42px; right:10px; width:172px; padding:4px; border:1px solid #eaecf0; border-radius:8px; box-shadow:0 8px 16px rgba(16,24,40,.12); background:#fff; text-align:left; }
.user-actions-menu.open { display:grid; }
.user-actions-menu button { padding:9px 10px; border:0; border-radius:5px; background:transparent; color:#344054; font-size:13px; text-align:left; cursor:pointer; }
.user-actions-menu button:hover { background:#f9fafb; }.user-actions-menu .danger { color:#b42318; }
.view-user-link { border:0; background:transparent; color:#175cd3; font-size:14px; cursor:pointer; }
.strict-users-pagination { display:flex; align-items:center; justify-content:flex-end; gap:12px; min-height:58px; padding:0 16px; border:1px solid #eaecf0; border-top:0; border-radius:0 0 12px 12px; background:#fff; color:#475467; font-size:14px; }
.strict-users-pagination button { min-height:32px; padding:0 12px; border:1px solid #d0d5dd; border-radius:6px; background:#fff; color:#344054; cursor:pointer; }.strict-users-pagination button:disabled { opacity:.5; cursor:not-allowed; }
.strict-users-empty { min-height:160px; display:grid; place-items:center; border:1px solid #eaecf0; border-radius:12px; color:#667085; }
@media (max-width:760px){.strict-users-controls{align-items:stretch;flex-direction:column}.strict-users-search{max-width:none}.strict-users-actions{width:100%}.strict-users-actions>*{flex:1 1 auto}.strict-users-data{min-width:1080px}.strict-users-pagination{justify-content:center}}

/* Exact React User Management desktop geometry and controls. */
.app-shell:has(.faithful-side){padding:8px;}
.app-shell:has(.faithful-side) .faithful-side{top:8px;width:256px;height:calc(100vh - 16px);border-radius:16px;}
.app-shell:has(.faithful-side) .stage{padding:28px 27px;}
.strict-users-page .page-head{margin-bottom:20px;}
.strict-users-page .page-head h1{font-size:24px;line-height:32px;font-weight:600;color:#0c111d;}
.strict-users-page .page-head p{margin-top:2px;color:#344054;font-size:16px;line-height:24px;}
.strict-users-controls{height:64px;padding:8px 0 16px;gap:16px;}
.strict-users-search{max-width:576px;}
.strict-users-search input{height:48px;border-color:#d0d5dd;border-radius:12px;padding:0 14px;font-size:14px;}
.strict-users-actions{gap:8px;flex-wrap:nowrap;}
.strict-users-actions .open-admin-create-user{height:48px;min-width:138px;padding:0 18px;border:0;border-radius:12px;background:#a3ff24;color:#0c111d;font-size:16px;font-weight:600;box-shadow:none;}
.strict-user-filter{position:relative;}
.strict-user-status-trigger,.strict-users-actions .export-admin-users{height:48px;border-radius:12px;font-size:16px;font-weight:600;}
.strict-user-status-trigger{display:flex;align-items:center;gap:8px;min-width:98px;padding:0 14px;border:1px dashed #d0d5dd;background:transparent;color:#0c111d;}
.strict-filter-plus{font-size:18px;line-height:1;}
.strict-user-filter-value{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.strict-user-status-menu{display:none;position:absolute;z-index:90;top:54px;right:0;width:200px;padding:6px;border:1px solid #eaecf0;border-radius:8px;background:#fff;box-shadow:0 12px 20px rgba(16,24,40,.14);}
.strict-user-status-menu.open{display:grid;}
.strict-user-status-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:#344054;font-size:14px;text-align:left;}
.strict-user-status-menu button:hover{background:#f9fafb;}
.strict-filter-check{display:inline-block;width:14px;height:14px;border:1px solid #98a2b3;border-radius:3px;}
.strict-user-status-menu button.selected .strict-filter-check{border-color:#101828;background:#101828;box-shadow:inset 0 0 0 3px #fff;}
.strict-user-clear-filter{justify-content:center;margin-top:4px;border-top:1px solid #eaecf0!important;color:#344054!important;}
.strict-users-actions .export-admin-users{min-width:98px;padding:0 18px;border:0;background:#2f2b430d;color:#0c111d;}
.strict-users-scroll{border-radius:12px 12px 0 0;}
.strict-users-data{min-width:1480px;}
.strict-users-data th{height:60px;padding:0 20px;color:#0c111d;font-size:14px;font-weight:600;}
.strict-users-data td{height:65px;padding:9px 20px;color:#344054;font-size:14px;}
.strict-users-data .select-col{width:26px;padding-right:4px;}
.strict-users-data .user-name{color:#344054;font-weight:500;}
.strict-users-data td small{color:#667085;font-size:13px;}
.strict-status{min-height:22px;padding:0 8px;border:0;font-size:12px;}
.strict-status.status-1{background:#d1fadf;color:#027a48;}
.strict-status.status-0{background:#fef0c7;color:#b54708;}
@media(max-width:760px){.app-shell:has(.faithful-side) .stage{padding:20px}.strict-users-controls{height:auto;padding:12px 0;}.strict-users-actions{flex-wrap:wrap}.strict-users-actions .open-admin-create-user,.strict-user-filter,.strict-users-actions .export-admin-users{flex:1 1 auto}.strict-users-search input,.strict-users-actions .open-admin-create-user,.strict-user-status-trigger,.strict-users-actions .export-admin-users{height:44px;}}

/* Match the source table rhythm: PageHeader + space-y-6 + py-4 toolbar. */
.strict-users-page .page-head{margin-bottom:16px}.strict-users-page .page-head p{line-height:20px}.strict-users-controls{height:67px}

/* The source table lets the untruncated identity column establish its native width. */
.strict-users-data th,.strict-users-data td{padding-left:25px;padding-right:25px}.strict-users-data th:nth-child(2),.strict-users-data td:nth-child(2){width:336px;min-width:336px;max-width:336px}.strict-users-data .user-name,.strict-users-data td small{max-width:none;overflow:visible;text-overflow:clip}.strict-users-data .select-col{padding-left:25px;padding-right:4px}

/* Source desktop column geometry (checkbox, identity, phone, statuses, balances). */
.strict-users-data th:not(.select-col),.strict-users-data td:not(.select-col){padding-left:16px;padding-right:16px}.strict-users-data th:nth-child(3),.strict-users-data td:nth-child(3){width:156px;min-width:156px;max-width:156px}.strict-users-data th:nth-child(4),.strict-users-data td:nth-child(4){width:129px;min-width:129px;max-width:129px}.strict-users-data th:nth-child(5),.strict-users-data td:nth-child(5){width:143px;min-width:143px;max-width:143px}.strict-users-data th:nth-child(6),.strict-users-data td:nth-child(6){width:142px;min-width:142px;max-width:142px}

/* React admin User Details lookup: full-width responsive source form. */
.strict-user-lookup-page .page-head{margin-bottom:24px}.strict-user-lookup-page .page-head h1{font-family:inherit;font-size:24px;line-height:32px;font-weight:600;color:#0c111d}.strict-user-lookup-page .page-head p{margin-top:2px;color:#344054;font-size:16px;line-height:20px}.strict-user-lookup-page .admin-user-lookup{width:100%;max-width:none;margin:0;padding:24px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.strict-user-lookup-page .inline-form{display:flex;width:100%;align-items:center;gap:12px}.strict-user-lookup-page .inline-form input{width:auto;min-width:0;height:40px;flex:1;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;font-size:14px}.strict-user-lookup-page .inline-form .lime-btn,.strict-user-lookup-page .inline-form .picker{width:auto;min-width:0;height:40px;margin:0;padding:0 16px;border-radius:8px;font-size:14px;font-weight:500}.strict-user-lookup-page .inline-form .lime-btn{background:#0c111d;color:#fff}.strict-user-lookup-page .inline-form .picker{border:0;background:#f2f4f7;color:#344054}.strict-user-lookup-page #admin-user-lookup-result{margin-top:24px}.strict-user-lookup-page .admin-user-detail{width:100%;max-width:none;padding:32px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}@media(max-width:640px){.strict-user-lookup-page .admin-user-lookup{padding:16px}.strict-user-lookup-page .inline-form{align-items:stretch;flex-direction:column}.strict-user-lookup-page .inline-form .lime-btn,.strict-user-lookup-page .inline-form .picker{width:100%}}

/* React admin Products table status treatment. */
#admin-products .status-badge{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border:0;border-radius:999px;background:#dcfae6;color:#16a34a;font-size:12px;font-weight:500}#admin-products .status-badge:not(.active){background:#fee2e2;color:#dc2626}

#admin-products .product-actions-cell{position:relative;overflow:visible!important;text-align:center}#admin-products .product-more-menu{width:32px;height:32px;border:0;background:transparent;color:#475467;font-size:21px;line-height:1;cursor:pointer}#admin-products .product-actions-menu{display:none;position:absolute;z-index:80;top:38px;right:10px;width:220px;padding:4px;border:1px solid #eaecf0;border-radius:8px;background:#fff;box-shadow:0 8px 16px rgba(16,24,40,.12);text-align:left}#admin-products .product-actions-menu.open{display:grid}#admin-products .product-actions-menu button{padding:9px 10px;border:0;border-radius:5px;background:transparent;color:#344054;font-size:13px;text-align:left;cursor:pointer}#admin-products .product-actions-menu button:hover{background:#f9fafb}#admin-products .product-actions-menu .danger{color:#b42318}

/* React admin Challenges DataTable parity. */
.strict-challenges-page .page-head{margin-bottom:24px}.strict-challenges-page .page-head h1{font-family:inherit;font-size:24px;line-height:32px;font-weight:600;color:#0c111d}.strict-challenges-page .page-head p{margin-top:2px;color:#344054;font-size:16px;line-height:20px}.strict-challenges-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.strict-challenges-controls input{width:100%;max-width:576px;height:40px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font-size:14px}.strict-challenges-controls .open-challenge-form{height:40px;padding:0 16px;border:0;border-radius:8px;background:#a3ff24;color:#0c111d;font-size:14px;font-weight:500}.strict-challenges-scroll{border:1px solid #eaecf0;border-radius:12px;overflow-x:auto;background:#fff}.strict-challenges-data{min-width:1040px;border:0}.strict-challenges-data th{height:48px;color:#0e0e0f;background:#fff;font-size:14px;font-weight:500}.strict-challenges-data td{height:56px;color:#52525b;font-size:14px}.strict-challenges-data .select-col{width:46px}.strict-challenge-status{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border:1px solid;border-radius:999px;font-size:12px}.strict-challenge-status.active{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.strict-challenge-status.inactive{border-color:#e5e7eb;background:#f9fafb;color:#374151}.strict-challenges-empty{min-height:128px;display:grid;place-items:center;border:1px solid #eaecf0;border-radius:12px;color:#667085}@media(max-width:640px){.strict-challenges-controls{align-items:stretch;flex-direction:column}.strict-challenges-controls input{max-width:none}.strict-challenges-controls .open-challenge-form{width:100%}}

/* React admin Payment Links DataTable parity. */
.strict-admin-payment-links{width:100%}.strict-payment-links-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.strict-payment-links-controls>input{width:100%;max-width:576px;height:40px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font-size:14px}.strict-payment-links-actions{display:flex;align-items:center;gap:8px}.strict-link-filter{position:relative}.strict-link-status-trigger{height:36px;padding:0 12px;border:1px dashed #d0d5dd;border-radius:8px;background:transparent;color:#0c111d;font-size:14px}.strict-link-status-menu,.link-actions-menu{display:none;position:absolute;z-index:90;padding:5px;border:1px solid #eaecf0;border-radius:8px;background:#fff;box-shadow:0 8px 16px rgba(16,24,40,.12)}.strict-link-status-menu{top:42px;right:0;width:180px}.strict-link-status-menu.open,.link-actions-menu.open{display:grid}.strict-link-status-menu button,.link-actions-menu button,.link-actions-menu a{padding:8px;border:0;border-radius:5px;background:transparent;color:#344054;font-size:13px;text-align:left;text-decoration:none}.strict-link-status-menu button:hover,.link-actions-menu button:hover{background:#f9fafb}.strict-links-scroll{border:1px solid #eaecf0;border-radius:12px;overflow-x:auto;background:#fff}.strict-links-data{min-width:1250px;border:0}.strict-links-data td{height:62px;color:#475467;font-size:14px}.strict-links-data .select-col{width:46px}.payment-link-title{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827}.strict-links-data small{display:block;max-width:200px;overflow:hidden;color:#6b7280;text-overflow:ellipsis;white-space:nowrap}.strict-link-badge{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border-radius:999px;font-size:12px}.strict-link-badge.status-1{background:#dcfae6;color:#16a34a}.strict-link-badge.status-0{background:#fee2e2;color:#dc2626}.strict-link-badge.status--1{background:#f3f4f6;color:#4b5563}.link-url{display:inline-block;max-width:150px;overflow:hidden;color:#2563eb;text-overflow:ellipsis;white-space:nowrap}.link-actions-cell{position:relative;overflow:visible!important;text-align:center}.link-more-menu{width:32px;height:32px;border:0;background:transparent;color:#475467;font-size:21px;cursor:pointer}.link-actions-menu{top:38px;right:10px;width:150px}.link-actions-menu .danger{color:#b42318}@media(max-width:640px){.strict-payment-links-controls{align-items:stretch;flex-direction:column}.strict-payment-links-controls>input{max-width:none}.strict-payment-links-actions{justify-content:flex-end}}

.strict-admin-archive .archive-controls{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.strict-admin-archive .archive-controls input,.strict-admin-archive .archive-controls select{height:40px;min-width:220px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.strict-archive-table{border:1px solid #eaecf0;border-radius:12px;background:#fff}.strict-archive-controls{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eaecf0;font-size:16px;font-weight:500}.strict-archive-table .data-table{min-width:1500px}.strict-archive-table .data-table small{display:block;color:#667085}.strict-archive-table .data-table td{height:62px}.strict-archive-table .status-badge{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border-radius:999px;background:#fef3c7;color:#a16207;font-size:12px}.strict-archive-table .status-badge.active{background:#dcfae6;color:#15803d}

/* React admin Subscriptions table parity. */
.strict-subscriptions-page .page-head{margin-bottom:24px;padding-bottom:0}.strict-subscriptions-page .page-head h1{font-size:24px;line-height:32px;font-weight:600;color:#0c111d}.strict-subscriptions-page .page-head p{margin-top:2px;color:#344054;font-size:16px;line-height:20px}.strict-subscriptions-tabs{margin-bottom:24px}.strict-subscriptions-controls{display:flex;align-items:center;padding:16px 0}.strict-subscriptions-controls .table-search{width:100%;max-width:576px;height:48px;padding:0 12px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#344054;font-size:14px;outline:0}.strict-subscriptions-controls .table-search::placeholder{color:#667085}.strict-subscriptions-scroll{border:1px solid #eaecf0;border-radius:12px;background:#fff;overflow-x:auto}.strict-subscriptions-data{min-width:1180px;border:0}.strict-subscriptions-data th{height:60px;padding:0 24px;border-bottom:1px solid #eaecf0;background:#fff;color:#101828;font-size:14px;font-weight:500;text-align:left;white-space:nowrap}.strict-subscriptions-data td{height:61px;padding:0 24px;border-bottom:1px solid #eaecf0;color:#344054;font-size:14px;white-space:nowrap}.strict-subscriptions-data tr:last-child td{border-bottom:0}.strict-subscription-person{display:flex;align-items:center;gap:8px;min-width:260px}.strict-subscription-avatar{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:999px;background:#2e7df6;color:#fff;font-size:12px;font-weight:500}.strict-subscription-identity{display:grid;gap:2px;min-width:0}.strict-subscription-identity b{max-width:220px;overflow:hidden;color:#344054;font-size:14px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.strict-subscription-identity small{max-width:220px;overflow:hidden;color:#667085;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.strict-subscriptions-data td strong{font-weight:500;color:#344054}.strict-subscriptions-empty{min-height:128px;display:grid;place-items:center;border:1px solid #eaecf0;border-radius:12px;color:#667085}.strict-pro-users{min-height:100px}.strict-pro-users h2{margin:0;color:#101828;font-size:20px;font-weight:600}@media(max-width:640px){.strict-subscriptions-controls .table-search{max-width:none}.strict-subscriptions-data th,.strict-subscriptions-data td{padding:0 16px}.strict-subscriptions-page .page-head h1{font-size:22px}}

/* React admin Notifications parity. */.strict-notifications-page .page-head{padding-bottom:0;margin-bottom:24px}.strict-notifications-page .page-head h1{font-size:24px;line-height:32px;font-weight:600;color:#0c111d}.strict-notifications-page .page-head p{margin-top:2px;color:#344054;font-size:16px}.strict-notifications-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.strict-notifications-actions h2{margin:0;font-size:18px;font-weight:600;color:#101828}.strict-notification-list{display:grid;gap:24px}.strict-notification-group{display:grid;gap:8px}.strict-notification-group h3{margin:0;color:#4a5e6d;font-size:16px;font-weight:600}.strict-notification-card{overflow:hidden;border:1px solid #eaecf0;border-radius:8px;background:#fff}.strict-notification-item{display:flex;gap:12px;padding:16px}.strict-notification-icon{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:999px;background:#e9f7fe;color:#1588b3;font-size:18px}.strict-notification-item h4{margin:0;color:#0e0e0f;font-size:16px;font-weight:600}.strict-notification-item p{margin:4px 0;color:#52525b;font-size:14px}.strict-notification-item time{color:#52525b;font-size:12px}.strict-notifications-back{margin-bottom:24px}.strict-notifications-back a{color:#667085;text-decoration:none}.strict-notifications-tabs{margin-bottom:24px}.strict-notifications-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}.strict-notifications-controls>input{width:100%;max-width:576px;height:40px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px}.strict-notifications-controls>div{display:flex;gap:8px;align-items:center}.strict-notifications-table-scroll{overflow-x:auto;border:1px solid #eaecf0;border-radius:12px}.strict-notifications-table{min-width:1100px;border:0}.strict-notifications-table th,.strict-notifications-table td{padding:0 16px;height:60px}.strict-notifications-table th{color:#344054;font-size:14px;font-weight:500}.strict-notifications-table td{color:#475467;font-size:14px}.strict-notification-message{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strict-notification-profile{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eff8ff;color:#175cd3;font-size:12px;text-transform:capitalize}
/* React admin Help Center parity. */.strict-help-center-page .page-head{padding-bottom:0;margin-bottom:24px}.strict-help-center-page .page-head h1{font-size:24px;line-height:32px;font-weight:600;color:#0c111d}.strict-help-center-page .page-head p{margin-top:2px;color:#344054;font-size:16px}.strict-help-center-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.strict-help-center-controls input{width:100%;max-width:576px;height:40px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px}.strict-help-center-scroll{overflow-x:auto;border:1px solid #eaecf0;border-radius:12px}.strict-help-center-table{min-width:1300px;border:0}.strict-help-center-table th,.strict-help-center-table td{height:60px;padding:0 16px;font-size:14px}.strict-help-center-table th{color:#344054;font-weight:500}.strict-help-center-table td{color:#475467}.strict-help-center-title,.strict-help-center-summary{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strict-help-center-summary{max-width:300px}.strict-help-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500}.strict-help-status.published{background:#dcfae6;color:#15803d}.strict-help-status.draft{background:#fef3c7;color:#a16207}.strict-help-status.archived{background:#f3f4f6;color:#4b5563}.strict-help-edit{height:32px;padding:0 12px}.strict-help-center-empty{min-height:128px;display:grid;place-items:center;border:1px solid #eaecf0;border-radius:12px;color:#667085}
/* React Help Center post-form parity. */.strict-help-form-page{display:block}.strict-help-form-header{display:flex;align-items:center;gap:12px;padding-bottom:24px}.strict-help-cover{display:grid;width:56px;height:64px;flex:0 0 56px;place-items:center;overflow:hidden;border:1px solid #d0d5dd;border-radius:8px;background:#f5f5f5;color:#667085;font-size:24px}.strict-help-cover img{width:100%;height:100%;object-fit:cover}.strict-help-form-header>div:nth-child(2){min-width:0}.strict-help-form-header h1{margin:0;color:#0c111d;font-size:24px;font-weight:600}.strict-help-form-header p{max-width:224px;margin:4px 0 0;overflow:hidden;color:#667085;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.strict-help-form-actions{display:flex;gap:8px;margin-left:auto}.strict-help-form{padding:24px}.strict-help-form form{display:grid;gap:18px}.strict-help-field-row{display:grid;grid-template-columns:288px minmax(0,1fr);align-items:start;gap:16px}.strict-help-field-row>label{padding-top:10px;color:#344054;font-size:14px;font-weight:500}.strict-help-field-row input,.strict-help-field-row select,.strict-help-field-row textarea{width:100%;max-width:640px;min-height:40px;padding:9px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054}.strict-help-field-row textarea.article-editor{min-height:220px}@media(max-width:760px){.strict-help-form-header{align-items:flex-start;flex-wrap:wrap}.strict-help-form-actions{width:100%;margin-left:0;flex-wrap:wrap}.strict-help-field-row{grid-template-columns:1fr}.strict-help-field-row>label{padding-top:0}}
/* React admin Orders table parity. */.strict-admin-orders .page-head{padding-bottom:0}.strict-orders-controls{display:flex;justify-content:space-between;gap:16px;padding:16px 0}.strict-orders-controls input{width:100%;max-width:576px;height:40px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px}.strict-orders-scroll{overflow-x:auto;border:1px solid #eaecf0;border-radius:12px}.strict-orders-data{min-width:2100px;border:0}.strict-orders-data th,.strict-orders-data td{height:62px;padding:0 16px;color:#475467;font-size:14px;white-space:nowrap}.strict-orders-data th{color:#344054;font-weight:500}.strict-orders-data small{display:block;color:#667085;font-size:12px}.strict-order-success{color:#16a34a}.strict-order-pending{color:#ca8a04}.strict-orders-empty{min-height:128px;display:grid;place-items:center;border:1px solid #eaecf0;border-radius:12px;color:#667085}
/* React vendor dashboard header parity. */.vendor-dashboard-header{position:sticky;top:0;z-index:30;background:#fafafa;padding-top:16px}.vendor-verified{display:inline-grid;width:18px;height:18px;place-items:center;border-radius:999px;background:#e8f1ff;color:#497df5;font-size:12px;vertical-align:middle}
/* Shared React Payment Link table parity. */.strict-payment-links-data{min-width:1150px}.strict-payment-links-data th,.strict-payment-links-data td{height:60px;padding:0 16px}.payment-link-description{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-link-active,.payment-link-inactive{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500}.payment-link-active{background:#dcfce7;color:#166534}.payment-link-inactive{background:#fee2e2;color:#991b1b}.payment-link-actions{position:relative;overflow:visible!important}.payment-link-menu{display:none;position:absolute;z-index:100;right:8px;top:44px;width:150px;padding:5px;border:1px solid #eaecf0;border-radius:8px;background:#fff;box-shadow:0 8px 16px rgba(16,24,40,.12)}.payment-link-menu.open{display:grid}.payment-link-menu a,.payment-link-menu button{padding:8px;border:0;background:transparent;color:#344054;font-size:13px;text-align:left;text-decoration:none}.payment-link-menu a:hover,.payment-link-menu button:hover{background:#f9fafb}
.settings-country-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-height:288px;overflow-y:auto;padding-right:14px}.settings-country-rates::-webkit-scrollbar{width:8px}.settings-country-rates::-webkit-scrollbar-thumb{background:#98a2b3;border-radius:8px}.settings-subtitle{margin:24px 0 0;font-size:14px;font-weight:600;color:#101828}@media(max-width:700px){.settings-country-rates{grid-template-columns:1fr;max-height:300px}}
/* Feedback while the asynchronous product status filters refresh. */
.product-filter-loading {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.product-filter-spinner {
  width: 34px;
  height: 34px;
  border: 3px solid #e5e7eb;
  border-top-color: #9cff1f;
  border-radius: 50%;
  animation: product-filter-spin .72s linear infinite;
}

.vendor-sales-page-pending {
  color: #a26b00;
  font-weight: 600;
}

/* Native disclosure avoids the legacy delegated click handler that was
   immediately re-hiding vendor product action menus. */
.vendor-react-products .product-action-summary {
  list-style: none;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 1px;
}
.vendor-react-products .product-action-summary::-webkit-details-marker { display: none; }
.vendor-react-products .product-action-summary:hover { background: #f2f4f7; }
.vendor-react-products details.product-action-menu[open] .product-action-popover { display: block; }

@keyframes product-filter-spin {
  to { transform: rotate(360deg); }
}

/* A payment-link payout is queued for the scheduled payout worker; it is
   visible to administrators but intentionally has no manual approval action. */
.apw-status.scheduled {
  background: #e4eaf9;
  color: #31558c;
}

.apw-pending-tools {
  min-height: 58px;
  padding: 12px 14px;
  border-bottom: 1px solid #e4e7ed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #667085;
  font-size: 12px;
}
.apw-bulk-payout {
  border: 0;
  border-radius: 8px;
  min-height: 34px;
  padding: 0 14px;
  background: #9cff1c;
  color: #101828;
  font-weight: 700;
  cursor: pointer;
}
.apw-bulk-payout:disabled { opacity: .5; cursor: not-allowed; }
.apw-bulk-progress-bar { height: 8px; overflow: hidden; border-radius: 999px; background: #edf0f3; }
.apw-bulk-progress-bar span { display: block; height: 100%; background: #9cff1c; transition: width .2s ease; }
@media (max-width: 640px) {
  .apw-pending-tools { align-items: stretch; flex-direction: column; }
}