/* Run Settlement · 2026-10-18
   Screen-only visual refinement. No amount, status, permission, visibility,
   navigation, document-export or calculation logic is changed here. */
@media screen {
  body {
    --run-ink: #172c44;
    --run-muted: #607187;
    --run-line: #dfe6ee;
    --run-canvas: #f2f5f8;
    --run-accent: #2e63ab;
    background: var(--run-canvas) !important;
    color: var(--run-ink);
    -webkit-font-smoothing: antialiased;
  }

  .app-header {
    background: #152c46 !important;
    border-bottom: 1px solid #29415a !important;
    box-shadow: none !important;
  }
  .app-header .brand-copy strong { font-weight: 750; letter-spacing: -.02em; }
  .app-header .brand-copy small { color: #b8c7d8; letter-spacing: .11em; }
  .app-header .header-actions button {
    border-color: #496079 !important;
    background: transparent !important;
    color: #f2f6fb !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
  .app-header .header-actions button:hover { background: #25415e !important; }

  /* A quieter brand masthead. Keep all existing context and responsive rules. */
  #admin .admin-hero {
    border: 1px solid #28435e !important;
    background: #172f4b !important;
    box-shadow: 0 3px 10px #152c4610 !important;
    border-radius: 16px !important;
  }
  #admin .admin-hero::after,
  #admin .admin-hero::before { content: none !important; }
  #admin .admin-hero h1 { letter-spacing: -.035em !important; font-weight: 750 !important; }
  #admin .admin-hero p { color: #cad6e3 !important; }
  #admin .admin-hero .eyebrow { color: #b5c9df !important; letter-spacing: .14em !important; }
  #admin .admin-hero .status-pill {
    color: #d9eee8 !important;
    background: #213e50 !important;
    border-color: #395c68 !important;
    box-shadow: none !important;
  }
  #admin .admin-hero-branch-context {
    border-color: #476078 !important;
    background: #ffffff08 !important;
    border-radius: 10px !important;
  }

  /* Sidebar shape/scroll containment and native category state are unchanged. */
  #admin .admin-sidebar,
  .rider-desktop-sidebar {
    background: #fff !important;
    border-color: var(--run-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px #172c4405 !important;
  }
  #admin .admin-sidebar-brand,
  .rider-sidebar-brand {
    background: #f9fbfd !important;
    border-bottom-color: var(--run-line) !important;
  }
  #admin .admin-sidebar-brand strong,
  .rider-sidebar-brand strong { color: var(--run-ink) !important; font-weight: 750 !important; }
  #admin .admin-sidebar-brand > span,
  .rider-sidebar-brand > span { color: #60758e !important; letter-spacing: .13em !important; }
  #admin .admin-sidebar-brand small,
  .rider-sidebar-brand small { color: #65778d !important; }
  #admin .admin-nav details.admin-menu-category {
    border-top-color: #e8edf3 !important;
    margin-bottom: 6px;
  }
  #admin .admin-menu-category-summary {
    color: #61748a !important;
    background: transparent !important;
    border-radius: 7px !important;
  }
  #admin .admin-menu-category-summary:hover { background: #f3f6fa !important; }
  #admin .admin-menu-category-title { font-size: 11px; font-weight: 750; }
  #admin .admin-menu-category-count { background: #f0f4f8; color: #5a6e85; }
  #admin .admin-nav .tab,
  .rider-desktop-nav .rider-desktop-item {
    color: #52667e !important;
    border-radius: 8px !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  #admin .admin-nav .tab b,
  .rider-desktop-item b { font-weight: 700 !important; letter-spacing: -.015em !important; }
  #admin .admin-nav .tab small,
  .rider-desktop-item small { color: #60748b !important; }
  #admin .admin-nav .tab-icon,
  .rider-desktop-item .rider-mobile-quick-icon {
    background: #f2f5f9 !important;
    color: #627a97 !important;
    border-color: #e4eaf1 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
  #admin .admin-nav .tab:hover,
  .rider-desktop-item:hover { background: #f4f7fb !important; }
  #admin .admin-nav .tab.active,
  .rider-desktop-item.is-active {
    color: #204d80 !important;
    background: #edf3fb !important;
    border-color: #dce7f4 !important;
    box-shadow: inset 3px 0 #3469ad !important;
  }
  #admin .admin-nav .tab.active .tab-icon,
  .rider-desktop-item.is-active .rider-mobile-quick-icon {
    background: #e0eafb !important;
    color: #275790 !important;
    border-color: #cbdcf3 !important;
  }
  #admin .admin-sidebar-footer,
  .rider-sidebar-footer { background: #f9fbfd !important; border-top-color: var(--run-line) !important; }

  #admin .admin-content > .workspace-card,
  #admin .admin-content > section.box {
    border-color: var(--run-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 9px #172c4405 !important;
  }
  #admin .admin-workspace-bar {
    border-color: var(--run-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  #admin .section-title {
    border-bottom-color: #e7edf3 !important;
    background: transparent !important;
  }
  #admin .section-title h2,
  #admin .dashboard-topline h2 { color: var(--run-ink) !important; font-weight: 750 !important; letter-spacing: -.035em !important; }
  #admin .section-title p,
  #admin .dashboard-topline p { color: var(--run-muted) !important; line-height: 1.65 !important; }
  #admin .section-title .section-icon {
    color: #3b638e !important;
    background: #f0f4f9 !important;
    border-color: #e0e8f1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }

  /* Totals first, followed by actionable periods. Amounts never use ellipsis. */
  #admin #dashboard-pane { background: #fff !important; }
  #admin .dashboard-topline { padding-bottom: 22px !important; border-bottom: 0 !important; }
  #admin .dashboard-kicker { color: #5b7594 !important; font-size: 10px !important; letter-spacing: .14em !important; }
  #admin .dashboard-topline h2 { font-size: 26px !important; margin-block: 8px !important; }
  #admin .dashboard-metrics {
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 0 28px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  #admin .dashboard-metrics > article {
    min-width: 0;
    min-height: 144px !important;
    padding: 22px !important;
    background: #f8fafc !important;
    border: 1px solid #e0e7ef !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }
  #admin .dashboard-metrics > article::before { content: none !important; }
  #admin .dashboard-metrics > article:first-child { background: #1b3653 !important; border-color: #1b3653 !important; }
  #admin .dashboard-metrics span { color: #5a6f87 !important; font-size: 12px !important; font-weight: 650 !important; }
  #admin .dashboard-metrics strong {
    color: var(--run-ink) !important;
    font-size: clamp(23px, 2.2vw, 32px) !important;
    font-weight: 750 !important;
    letter-spacing: -.025em !important;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }
  #admin .dashboard-metrics small { color: #5d7087 !important; font-size: 11px !important; line-height: 1.6; }
  #admin .dashboard-metrics > article:first-child strong { color: #fff !important; }
  #admin .dashboard-metrics > article:first-child :is(span, small) { color: #c8d8e9 !important; }
  #admin .dashboard-today-settlements {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #admin .dashboard-today-heading { padding: 0 0 14px !important; }
  #admin .dashboard-today-heading h3,
  #admin .dashboard-trend-heading h3 { font-size: 17px !important; font-weight: 750 !important; letter-spacing: -.025em !important; }
  #admin .dashboard-today-heading > div > span { color: #5f748c !important; font-size: 9px !important; letter-spacing: .13em !important; }
  #admin .dashboard-today-heading > small { color: #65788f !important; font-size: 11px !important; }
  #admin .dashboard-period-list { gap: 14px !important; }
  #admin .dashboard-period-list .dashboard-period-card {
    padding: 20px !important;
    border: 1px solid #dce5ef !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  #admin .dashboard-period-list .dashboard-period-card.is-baemin {
    border-left: 4px solid #3971d1 !important;
  }
  #admin .dashboard-period-list .dashboard-period-card.is-coupang {
    border-left-width: 4px !important;
  }
  #admin .dashboard-period-list .dashboard-period-card .dashboard-period-main > strong {
    color: var(--run-ink) !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    letter-spacing: -.025em !important;
    line-height: 1.55 !important;
  }
  #admin .dashboard-period-list .dashboard-platform-badge { border-radius: 6px !important; font-size: 10px !important; }
  #admin .dashboard-period-figures { gap: 12px !important; }
  #admin .dashboard-period-figures > span {
    border: 0 !important;
    border-radius: 7px !important;
    background: #f5f8fb !important;
  }
  #admin .dashboard-period-figures b { color: var(--run-ink) !important; letter-spacing: -.015em !important; font-variant-numeric: tabular-nums; }
  #admin .dashboard-period-action {
    min-height: 40px !important;
    color: #2b5788 !important;
    background: #f1f5fa !important;
    border-color: #e0e8f2 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
  }
  /* Payment attention is a status; keep it distinct from Coupang orange. */
  #admin .dashboard-overdue-payments:not(.is-error) {
    border-color: #efd4cf;
    border-left-color: #c5685b;
    background: #fff7f5;
  }
  #admin .dashboard-overdue-payments:not(.is-error) .dashboard-overdue-icon { background: #f6dfd9; color: #9e463a; }
  #admin .dashboard-overdue-payments:not(.is-error) .dashboard-overdue-heading small { color: #a55d50; }
  #admin .dashboard-overdue-payments:not(.is-error) .dashboard-overdue-heading h3 { color: #703c34; }
  #admin .dashboard-overdue-payments:not(.is-error) .dashboard-overdue-heading > strong { color: #914c41; }
  #admin .dashboard-overdue-payments:not(.is-error) > p { color: #85665f; }
  #admin .dashboard-overdue-payments:not(.is-error) .dashboard-overdue-action { border-color: #e6b7ad; background: #fff3f0; color: #9e463a; }
  #admin .dashboard-overdue-payments:not(.is-error) .dashboard-overdue-action:hover { background: #fbe5df; }
  #admin .dashboard-payment-trend {
    margin-top: 26px !important;
    padding: 22px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--run-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  #admin .dashboard-trend-total { background: #f6f9fc !important; border-color: #e5ebf2 !important; border-radius: 9px !important; }
  #admin .dashboard-trend-total strong { color: #23496e !important; letter-spacing: -.025em !important; font-variant-numeric: tabular-nums; }
  #admin .dashboard-trend-day > div { background: #f1f5f9 !important; border-radius: 4px !important; }
  #admin .dashboard-trend-day i { background: #547fa9 !important; border-radius: 4px 4px 0 0 !important; }
  #admin .dashboard-trend-controls { background: #f2f5f9 !important; border-radius: 8px !important; }
  #admin .dashboard-trend-controls button { border-radius: 6px !important; box-shadow: none !important; }
  #admin .dashboard-trend-controls button.active { color: #fff !important; background: #274b70 !important; }

  /* Native inputs retain their types, validation, disabled and focus behavior. */
  #admin :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):not(:disabled) {
    border-color: #cfdbe7 !important;
    background-color: #fff !important;
    color: var(--run-ink);
    border-radius: 8px !important;
    box-shadow: none;
  }
  #admin :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus {
    border-color: #608bb9 !important;
    box-shadow: 0 0 0 3px #2e63ab16 !important;
  }
  #admin :is(input, select, textarea):disabled { background-color: #f0f3f7 !important; color: #6b7b8d; }
  #admin button.primary:not(:disabled),
  #login .primary:not(:disabled) {
    background: #28568c !important;
    color: #fff !important;
    border-color: #28568c !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 5px #173a6020 !important;
    transform: none !important;
  }
  #admin button.primary:not(:disabled):hover,
  #login .primary:not(:disabled):hover { background: #214a7b !important; }
  #admin .step-badge { border-radius: 6px !important; background: #edf3fa !important; color: #365e8e !important; }
  #raw-settlement-automation .raw-automation-panel {
    background: #f8fafc !important;
    border-color: #dce5ef !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }
  #raw-settlement-automation :is(.raw-automation-navigation, .raw-automation-settings-tabs) button {
    border-radius: 8px !important;
    border-color: #d9e3ee;
    box-shadow: none !important;
    font-weight: 700;
  }
  #raw-settlement-automation .raw-automation-navigation button[aria-pressed="true"] { color: #fff; background: #25486e; border-color: #25486e; }
  #raw-settlement-automation .raw-automation-table-wrap { border-color: #dce5ef; border-radius: 9px; }
  #raw-settlement-automation .raw-automation-table th { color: #4d6682; background: #f1f5f9; font-weight: 700; }
  #raw-settlement-automation .raw-automation-table :is(td, th) { border-bottom-color: #e5ecf3; font-variant-numeric: tabular-nums; }
  #raw-settlement-automation .raw-automation-adjustments td { background: #fff; }
  #raw-settlement-automation .raw-automation-adjustments input { min-height: 44px; }
  #raw-settlement-automation .raw-automation-adjustments input:not(:disabled) { background: #fbfcfe !important; }
  #raw-settlement-automation .raw-automation-total { border-radius: 10px; background: #edf3f9; color: #244b73; }

  /* Rider settlement only: avoid monthly/export tables and saved statement DOM. */
  #rider > .page-heading h1 { color: var(--run-ink) !important; font-weight: 750 !important; letter-spacing: -.035em !important; }
  #rider .stats > article { border-color: var(--run-line) !important; border-radius: 12px !important; box-shadow: none !important; }
  #rider .stats .pay-card { background: #1d3b5b !important; border-color: #1d3b5b !important; }
  #rider .stats strong { letter-spacing: -.025em !important; font-variant-numeric: tabular-nums; }
  #rider .stats .pay-card > :is(span, small) { color: #cad9e9 !important; }

  /* Shared sign-in: keep the real forms and branding; remove decorative noise. */
  #login.login-shell { border-radius: 18px !important; border-color: #dce5ee !important; box-shadow: 0 15px 45px #132e4810 !important; }
  #login .login-intro { background: #193451 !important; }
  #login .login-intro::after,
  #login .login-intro::before { content: none !important; }
  #login .login-intro h1 { letter-spacing: -.04em !important; font-weight: 750 !important; }
  #login .login-intro p { color: #c1d1e2 !important; }
  #login .login-card h2 { color: var(--run-ink); letter-spacing: -.035em; }
  #login :is(input:not([type="checkbox"]), select) { border-radius: 8px !important; border-color: #d2deea !important; }

  /* Shared interior surfaces: preserve layout, state colors and action roles. */
  #admin :is(.payment-workspace-picker, .held-dashboard-tools, .period-directory-tools,
    .rider-directory-tools, .settlement-type-tools, .inquiry-admin-tools,
    .upload-setup, .upload-platform-bar, .referral-progress-tools,
    .raw-automation-adjustment-tools),
  #admin #riders-pane .rider-directory-tools {
    background: #f8fafc !important;
    border-color: var(--run-line) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }
  #admin :is(.period-list, #rider-list, .settlement-type-list, .admin-inquiry-list,
    .held-dashboard-list, .branch-list, .template-list) {
    background: #f8fafc !important;
    border-color: var(--run-line) !important;
    border-radius: 12px !important;
  }
  #admin :is(.period-row, .rider-row, .settlement-type-row, .held-dashboard-row,
    .held-payment-row, .paid-payment-row, .branch-list-row, .template-list-item) {
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  #admin :is(.period-row, .rider-row, .settlement-type-row, .held-dashboard-row,
    .held-payment-row, .paid-payment-row, .branch-list-row, .template-list-item):hover {
    box-shadow: 0 2px 8px #172c4408 !important;
    transform: none !important;
  }
  #admin .rider-action { border-radius: 7px !important; box-shadow: none !important; }
  #admin :is(.payment-work-summary, .held-dashboard-summary, .settlement-type-summary,
    .upload-review-stats, .referral-progress-summary) article,
  #admin #upload-pane .upload-review-stats article {
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  #admin :is(.payment-work-summary, .held-dashboard-summary, .settlement-type-summary,
    .upload-review-stats, .referral-progress-summary) strong {
    letter-spacing: -.02em !important;
    font-variant-numeric: tabular-nums;
  }
  #admin .payment-work-card {
    background: #f8fafc !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px #172c4408 !important;
  }
  #admin .payment-work-card::after { content: none !important; }
  #admin .payment-account { background: #fff !important; border-radius: 9px !important; }
  #admin :is(.payment-rider-note, .payment-rider-note-summary) {
    background: #f6f9fc;
    border-radius: 9px;
  }
  #admin :is(.settlement-type-group, .period-editor, .period-editor-name-fields,
    .settlement-template-manager, .template-mapping, .branch-management-card,
    .admin-permission-card, .admin-permission-group, .mission-payout-editor, .mission-payout-registry,
    .mission-rules-manager, .mission-tier-editor, .referral-tier-editor,
    .referral-rule-workspace, .referral-link-workspace, .referral-progress-workspace,
    .admin-notice-form) {
    border-color: var(--run-line) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #fff !important;
  }
  #admin :is(.settlement-type-group-heading, .rider-list-heading,
    .template-mapping-heading, .mission-payout-registry > summary,
    .mission-rules-manager > summary, .admin-notice-scope) {
    background: #f8fafc !important;
    border-color: var(--run-line) !important;
    box-shadow: none !important;
  }
  #admin :is(.settlement-type-group-heading h3, .event-panel-heading h3,
    .referral-card-heading h4, .referral-progress-heading h4, .branch-pane-heading h3,
    .admin-notice-form-heading h3, .admin-notice-list-heading h3) {
    color: var(--run-ink) !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.5 !important;
    letter-spacing: -.025em !important;
  }
  #admin :is(.event-panel-heading, .referral-card-heading, .referral-progress-heading,
    .branch-pane-heading, .admin-notice-form-heading) p {
    color: var(--run-muted) !important;
    line-height: 1.7 !important;
  }
  #admin :is(.mission-rule-context-form, .mission-rule-form, .mission-payout-form,
    .referral-rule-form, .referral-link-form) label,
  #admin #riders-pane > .form-grid.three > label,
  #admin #upload-pane .upload-primary-fields > label {
    border-color: #dfe6ee !important;
    border-radius: 9px !important;
    background: #fafcfe !important;
    box-shadow: none !important;
  }
  #admin :is(.mission-payout-registered-row, .mission-payout-rate, .mission-rule-row,
    .admin-notice-item, .inquiry-body, .inquiry-answer) {
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  #admin .mission-rules-current {
    background: #1d3a58 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  #admin .mission-rules-current span { color: #bdcfe2 !important; }
  #admin .mission-rules-current small { color: #d0dce8 !important; }
  #admin .branch-monogram { color: #345e87 !important; background: #edf3f9 !important; box-shadow: none !important; }
  #admin #rejection-management :is(.rejection-panel, .rejection-rule, .rejection-table-wrap) {
    border-color: var(--run-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  #admin #rejection-management .rejection-rule { background: #f2f6fa !important; }

  /* Consistent navigation surfaces; existing selected attributes stay authoritative. */
  #admin :is(.manual-upload-tabs, .settlement-history-view-switch,
    .partner-mission-tabs, .referral-workspace-tabs, .branch-workspace-tabs) {
    border-color: var(--run-line) !important;
    border-radius: 10px !important;
    background: #f5f8fb !important;
    box-shadow: none !important;
  }
  #admin :is(.manual-upload-tabs, .settlement-history-view-switch,
    .partner-mission-tabs, .referral-workspace-tabs, .branch-workspace-tabs) > button {
    border-radius: 7px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
  }
  #admin :is(.manual-upload-tabs, .settlement-history-view-switch,
    .partner-mission-tabs, .referral-workspace-tabs, .branch-workspace-tabs)
    > button:is(.active, .is-active, [aria-selected="true"]) {
    color: #214f80 !important;
    background: #fff !important;
    border-color: #cad9e9 !important;
  }

  /* Both source-generation and fee-settings hosts use the same components. */
  #admin :is(.raw-automation-panel, .raw-automation-settings,
    .raw-automation-source-approval, .raw-automation-source-list,
    .raw-automation-deduction-item) {
    border-color: var(--run-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  #admin .raw-automation-panel { background: #f8fafc !important; }
  #admin .raw-automation-settings { background: #fff; }
  #admin :is(.raw-automation-navigation, .raw-automation-settings-tabs) button {
    border-radius: 8px !important;
    box-shadow: none !important;
  }
  #admin .raw-automation-navigation button[aria-pressed="true"] {
    background: #25486e !important;
    color: #fff !important;
    border-color: #25486e !important;
  }
  #admin .raw-automation-settings-tabs button[aria-selected="true"] {
    background: #edf3f9 !important;
    color: #244f7e !important;
    border-color: #b9cce0 !important;
  }
  #admin :is(.raw-automation-table-wrap, .period-preview-table-wrap,
    .mission-audit-table-wrap, .referral-progress-table) {
    border-color: var(--run-line) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
  }
  #admin :is(.raw-automation-table, .period-preview-table, .mission-audit-table) th {
    background: #f1f5f9 !important;
    color: #4d6682 !important;
    font-weight: 700 !important;
  }
  #admin :is(.raw-automation-table, .period-preview-table, .mission-audit-table) :is(th, td) {
    border-bottom-color: #e5ecf3 !important;
    font-variant-numeric: tabular-nums;
  }
  #admin #rejection-management .rejection-table th {
    background: #f1f5f9 !important;
    color: #4d6682 !important;
    font-weight: 700 !important;
  }
  #admin #rejection-management .rejection-table :is(th, td) { font-variant-numeric: tabular-nums; }
}

@media screen and (min-width: 761px) {
  #admin .admin-nav .tab small { font-size: 11px !important; line-height: 1.45 !important; }
  #admin .admin-sidebar-brand { padding: 22px 22px 18px !important; }
  #admin .dashboard-metrics { grid-template-columns: 1.35fr 1fr 1fr !important; }
}

@media screen and (max-width: 760px) {
  #admin .admin-hero { padding: 20px !important; min-height: 0 !important; height: auto !important; }
  #admin .admin-hero h1 { font-size: 24px !important; line-height: 1.35 !important; }
  #admin .admin-hero p { font-size: 12px !important; line-height: 1.6 !important; }
  #admin .admin-hero .eyebrow { font-size: 8px !important; margin-bottom: 7px !important; }
  #admin .admin-content > .workspace-card,
  #admin .admin-content > section.box { border-radius: 12px !important; }
  #admin .admin-mobile-quick-nav { border-color: #dce5ef !important; background: #fff !important; box-shadow: 0 2px 8px #17334d08 !important; }
  #admin .admin-mobile-quick-item { border-radius: 8px !important; color: #536a85 !important; box-shadow: none !important; }
  #admin .admin-mobile-quick-item.active { color: #23568d !important; background: #edf3fb !important; border-color: #d6e3f3 !important; }
  #admin .admin-mobile-quick-item > span { border-radius: 7px !important; background: #f1f5fa !important; color: #496e99 !important; box-shadow: none !important; }
  #admin .dashboard-topline h2 { font-size: 23px !important; }
  #admin .dashboard-topline p { font-size: 12px !important; }
  #admin .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; margin-bottom: 23px !important; }
  #admin .dashboard-metrics > article { min-height: 112px !important; padding: 17px !important; }
  #admin .dashboard-metrics > article:first-child { min-height: 131px !important; grid-column: 1 / -1; }
  #admin .dashboard-metrics strong { font-size: 26px !important; }
  #admin .dashboard-metrics > article:first-child strong { font-size: 32px !important; }
  #admin .dashboard-period-list .dashboard-period-card { padding: 17px !important; }
  #admin .dashboard-period-list .dashboard-period-main > strong { font-size: 16px !important; }
  #admin .dashboard-payment-trend { margin-top: 23px !important; }
  #admin-mobile-menu-modal .admin-mobile-menu-sheet { border-color: #dce5ef !important; background: #f8fafc !important; }
  #admin-mobile-menu-modal .admin-mobile-menu-item { border-radius: 9px !important; box-shadow: none !important; }
  #admin-mobile-menu-modal .admin-mobile-menu-item.active { background: #edf3fb !important; border-color: #b7cdea !important; }
  #admin :is(.event-panel-heading h3, .branch-pane-heading h3,
    .admin-notice-form-heading h3, .admin-notice-list-heading h3) { font-size: 16px !important; }
  #admin :is(.mission-payout-editor, .mission-payout-registry-body,
    .mission-rules-body, .branch-management-card, .admin-notice-form) { padding: 16px !important; }
}