html.designer-dashboard-skin {
    --designer-bg: #000000;
    --designer-surface: #050505;
    --designer-panel: #080808;
    --designer-panel-2: #0d0d0d;
    --designer-ink: #f6f5f1;
    --designer-muted: rgba(246, 245, 241, 0.68);
    --designer-subtle: rgba(246, 245, 241, 0.52);
    --designer-line: rgba(246, 245, 241, 0.12);
    --designer-line-strong: rgba(246, 245, 241, 0.2);
    --designer-glow: 0 0 0 1px rgba(255,255,255,0.045), 0 20px 72px rgba(86,118,180,0.12), 0 12px 34px rgba(0,0,0,0.42);
    --designer-paper: #ffffff;
    --designer-paper-panel: #ffffff;
    --designer-paper-line: rgba(17,17,17,0.13);
    color-scheme: dark;
}

html.designer-dashboard-skin,
html.designer-dashboard-skin body {
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

html.designer-dashboard-skin body {
    background: var(--designer-bg) !important;
}

html.designer-dashboard-skin body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--designer-bg);
}

html.designer-dashboard-skin #app {
    background: transparent !important;
}

html.designer-dashboard-skin #sidebar-nav {
    background: rgba(0, 0, 0, 0.94) !important;
    border-right: 1px solid var(--designer-line) !important;
    box-shadow: 18px 0 64px rgba(0,0,0,0.2);
    backdrop-filter: blur(18px);
}

html.designer-dashboard-skin #sidebar-nav .sidebar-logo-shell {
    filter: drop-shadow(0 14px 42px rgba(86,118,180,0.18));
}

html.designer-dashboard-skin #partner-dashboard-link {
    color: var(--designer-ink) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

html.designer-dashboard-skin #nav-links a,
html.designer-dashboard-skin #nav-links button,
html.designer-dashboard-skin #sidebar-nav .nav-link,
html.designer-dashboard-skin #sidebar-nav [data-page] {
    border-radius: 5px !important;
    border: 1px solid transparent !important;
    color: var(--designer-muted) !important;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

html.designer-dashboard-skin #nav-links a:hover,
html.designer-dashboard-skin #nav-links button:hover,
html.designer-dashboard-skin #sidebar-nav .nav-link:hover,
html.designer-dashboard-skin #sidebar-nav [data-page]:hover {
    background: rgba(255,255,255,0.05) !important;
    border-color: var(--designer-line) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin #nav-links .bg-gray-900,
html.designer-dashboard-skin #nav-links .bg-gray-100,
html.designer-dashboard-skin #nav-links .bg-blue-50,
html.designer-dashboard-skin #nav-links .active,
html.designer-dashboard-skin #sidebar-nav .active {
    background: rgba(246,245,241,0.03) !important;
    border-color: rgba(246,245,241,0.095) !important;
    color: var(--designer-ink) !important;
    box-shadow: inset 1px 0 0 rgba(246,245,241,0.18) !important;
}

html.designer-dashboard-skin #nav-links .text-blue-700,
html.designer-dashboard-skin #nav-links .text-blue-600,
html.designer-dashboard-skin #nav-links .border-blue-500,
html.designer-dashboard-skin #nav-links .border-blue-600 {
    color: var(--designer-ink) !important;
    border-color: rgba(246,245,241,0.12) !important;
}

html.designer-dashboard-skin #nav-links .bg-gray-900 [class*="bg-"],
html.designer-dashboard-skin #nav-links .bg-gray-100 [class*="bg-"],
html.designer-dashboard-skin #nav-links .bg-blue-50 [class*="bg-"],
html.designer-dashboard-skin #nav-links .active [class*="bg-"],
html.designer-dashboard-skin #sidebar-nav .active [class*="bg-"] {
    background: rgba(246,245,241,0.055) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin #user-profile {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid var(--designer-line) !important;
    border-radius: 6px !important;
}

html.designer-dashboard-skin main {
    background: #000000 !important;
}

html.designer-dashboard-skin main > header {
    background: rgba(0, 0, 0, 0.88) !important;
    border-bottom: 1px solid var(--designer-line) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.18);
    backdrop-filter: blur(18px);
}

html.designer-dashboard-skin main > header button {
    border-radius: 5px !important;
    border-color: var(--designer-line-strong) !important;
    background: rgba(255,255,255,0.03) !important;
    color: rgba(246,245,241,0.78) !important;
}

html.designer-dashboard-skin main > header button:hover {
    background: rgba(255,255,255,0.08) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin #page-breadcrumb,
html.designer-dashboard-skin main > header .text-gray-900 {
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin #page-breadcrumb .text-gray-400,
html.designer-dashboard-skin #page-breadcrumb .text-slate-400,
html.designer-dashboard-skin #page-breadcrumb .text-zinc-400 {
    color: rgba(246,245,241,0.56) !important;
}

html.designer-dashboard-skin #content-area {
    background: #000000 !important;
}

html.designer-dashboard-skin #content-area > * {
    animation: designerFadeIn 220ms ease both;
}

html.designer-dashboard-skin #content-area .rounded-3xl,
html.designer-dashboard-skin #content-area .rounded-2xl,
html.designer-dashboard-skin #content-area .rounded-xl,
html.designer-dashboard-skin #content-area .rounded-lg {
    border-radius: 6px !important;
}

html.designer-dashboard-skin #content-area .shadow,
html.designer-dashboard-skin #content-area .shadow-sm,
html.designer-dashboard-skin #content-area .shadow-md,
html.designer-dashboard-skin #content-area .shadow-lg,
html.designer-dashboard-skin #content-area .shadow-xl,
html.designer-dashboard-skin #content-area .shadow-2xl {
    box-shadow: var(--designer-glow) !important;
}

html.designer-dashboard-skin #content-area > .p-8.text-red-600 {
    display: block !important;
    max-width: 760px !important;
    margin: 24px auto !important;
    border-radius: 6px !important;
    border: 1px solid rgba(244, 63, 94, 0.22) !important;
    background: rgba(244, 63, 94, 0.065) !important;
    color: #fca5a5 !important;
    box-shadow: 0 18px 56px rgba(0,0,0,0.18) !important;
    line-height: 1.7 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

html.designer-dashboard-skin #content-area > .p-8.text-red-600::before {
    content: "화면 데이터를 불러오지 못했습니다";
    display: block;
    margin-bottom: 8px;
    color: var(--designer-ink);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
}

html.designer-dashboard-skin.theme-light #content-area > .p-8.text-red-600 {
    background: #fff7f7 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
    box-shadow: 0 14px 42px rgba(17,17,17,0.055) !important;
}

html.designer-dashboard-skin #content-area [class*="command-btn"],
html.designer-dashboard-skin #content-area .dashboard-scroll-card,
html.designer-dashboard-skin #content-area .author-home-action,
html.designer-dashboard-skin #content-area .action-btn {
    border-radius: 6px !important;
    transition: transform 140ms ease, border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease !important;
}

html.designer-dashboard-skin #content-area .dashboard-scroll-card {
    min-width: 0 !important;
    overflow-wrap: anywhere;
    white-space: normal !important;
}

html.designer-dashboard-skin #content-area .dashboard-scroll-card * {
    min-width: 0 !important;
    overflow-wrap: anywhere;
    white-space: normal !important;
}

html.designer-dashboard-skin #content-area [class*="command-btn"]:hover,
html.designer-dashboard-skin #content-area .dashboard-scroll-card:hover,
html.designer-dashboard-skin #content-area .author-home-action:hover,
html.designer-dashboard-skin #content-area .action-btn:hover {
    transform: translateY(-1px);
}

html.designer-dashboard-skin #content-area .ops-nav-btn,
html.designer-dashboard-skin #content-area .work-log-filter-btn,
html.designer-dashboard-skin #content-area .work-log-category-filter-btn,
html.designer-dashboard-skin #content-area .ops-executive-checklist-filter-btn,
html.designer-dashboard-skin #content-area .ops-executive-checklist-route-filter-btn,
html.designer-dashboard-skin #content-area .ops-executive-checklist-stat-filter-btn,
html.designer-dashboard-skin #content-area .market-tab-btn,
html.designer-dashboard-skin #content-area .suggestion-filter-btn,
html.designer-dashboard-skin #content-area .flowith-rewrite-style-tab,
html.designer-dashboard-skin #content-area .admin-promotion-month-shortcut,
html.designer-dashboard-skin #content-area .tax-office-copy-btn,
html.designer-dashboard-skin #content-area .tax-office-status-btn,
html.designer-dashboard-skin #content-area .promotion-review-copy-btn,
html.designer-dashboard-skin #content-area .promotion-followup-detail-btn,
html.designer-dashboard-skin #content-area .promotion-status-template-btn,
html.designer-dashboard-skin #content-area .settlement-view-tab,
html.designer-dashboard-skin #content-area .contract-type-tab,
html.designer-dashboard-skin #content-area .hermes-agent-department-filter,
html.designer-dashboard-skin #content-area .munpia-lead-status-btn,
html.designer-dashboard-skin #content-area .support-status-btn {
    border-radius: 6px !important;
    transition: transform 140ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
}

html.designer-dashboard-skin #content-area .ops-nav-btn:hover,
html.designer-dashboard-skin #content-area .work-log-filter-btn:hover,
html.designer-dashboard-skin #content-area .work-log-category-filter-btn:hover,
html.designer-dashboard-skin #content-area .ops-executive-checklist-filter-btn:hover,
html.designer-dashboard-skin #content-area .ops-executive-checklist-route-filter-btn:hover,
html.designer-dashboard-skin #content-area .ops-executive-checklist-stat-filter-btn:hover,
html.designer-dashboard-skin #content-area .market-tab-btn:hover,
html.designer-dashboard-skin #content-area .suggestion-filter-btn:hover,
html.designer-dashboard-skin #content-area .flowith-rewrite-style-tab:hover,
html.designer-dashboard-skin #content-area .admin-promotion-month-shortcut:hover,
html.designer-dashboard-skin #content-area .tax-office-copy-btn:hover,
html.designer-dashboard-skin #content-area .tax-office-status-btn:hover,
html.designer-dashboard-skin #content-area .promotion-review-copy-btn:hover,
html.designer-dashboard-skin #content-area .promotion-followup-detail-btn:hover,
html.designer-dashboard-skin #content-area .promotion-status-template-btn:hover,
html.designer-dashboard-skin #content-area .settlement-view-tab:hover,
html.designer-dashboard-skin #content-area .contract-type-tab:hover,
html.designer-dashboard-skin #content-area .hermes-agent-department-filter:hover,
html.designer-dashboard-skin #content-area .munpia-lead-status-btn:hover,
html.designer-dashboard-skin #content-area .support-status-btn:hover {
    transform: translateY(-1px);
}

html.designer-dashboard-skin.theme-dark #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .hermes-agent-department-filter.bg-gray-950 {
    background: rgba(246,245,241,0.036) !important;
    border-color: rgba(246,245,241,0.105) !important;
    color: rgba(246,245,241,0.9) !important;
    box-shadow: inset 1px 0 0 rgba(246,245,241,0.18) !important;
}

html.designer-dashboard-skin.theme-light #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .hermes-agent-department-filter.bg-gray-950 {
    background: rgba(17,17,17,0.028) !important;
    border-color: rgba(17,17,17,0.085) !important;
    color: rgba(17,17,17,0.86) !important;
    box-shadow: inset 1px 0 0 rgba(17,17,17,0.16) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .bg-white,
html.designer-dashboard-skin.theme-dark #content-area .bg-gray-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-gray-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-slate-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-slate-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-neutral-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-neutral-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-zinc-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-zinc-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-uca-dark,
html.designer-dashboard-skin.theme-dark #content-area .bg-uca-black,
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-white/"] {
    background-color: var(--designer-panel) !important;
    border-color: var(--designer-line) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area [class*="command-btn"],
html.designer-dashboard-skin.theme-dark #content-area .dashboard-scroll-card,
html.designer-dashboard-skin.theme-dark #content-area .author-home-action,
html.designer-dashboard-skin.theme-dark #content-area .action-btn {
    background-color: rgba(255,255,255,0.058) !important;
    border-color: rgba(246,245,241,0.18) !important;
    color: var(--designer-ink) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.022), 0 18px 46px rgba(0,0,0,0.28) !important;
}

html.designer-dashboard-skin.theme-dark #content-area [class*="command-btn"] *,
html.designer-dashboard-skin.theme-dark #content-area .dashboard-scroll-card *,
html.designer-dashboard-skin.theme-dark #content-area .author-home-action *,
html.designer-dashboard-skin.theme-dark #content-area .action-btn * {
    color: inherit;
}

html.designer-dashboard-skin.theme-dark #content-area [class*="command-btn"] .text-gray-500,
html.designer-dashboard-skin.theme-dark #content-area [class*="command-btn"] .text-slate-500,
html.designer-dashboard-skin.theme-dark #content-area .dashboard-scroll-card .text-gray-500,
html.designer-dashboard-skin.theme-dark #content-area .dashboard-scroll-card .text-slate-500,
html.designer-dashboard-skin.theme-dark #content-area .author-home-action .text-gray-500,
html.designer-dashboard-skin.theme-dark #content-area .author-home-action .text-slate-500 {
    color: rgba(246,245,241,0.7) !important;
}

html.designer-dashboard-skin.theme-dark #content-area [class*="bg-gradient-to-"] {
    background: linear-gradient(180deg, rgba(255,255,255,0.048) 0%, rgba(255,255,255,0.022) 100%) !important;
    border-color: rgba(246,245,241,0.14) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .h-full[class*="bg-gradient-to-"] {
    background: linear-gradient(90deg, rgba(129,140,248,0.85), rgba(34,211,238,0.76), rgba(52,211,153,0.8)) !important;
    border-color: transparent !important;
}

html.designer-dashboard-skin.theme-dark #content-area .absolute[class*="bg-gradient-to-"].pointer-events-none {
    background: transparent !important;
}

html.designer-dashboard-skin.theme-dark #content-area .border,
html.designer-dashboard-skin.theme-dark #content-area .border-gray-100,
html.designer-dashboard-skin.theme-dark #content-area .border-gray-200,
html.designer-dashboard-skin.theme-dark #content-area .border-gray-300,
html.designer-dashboard-skin.theme-dark #content-area .border-slate-200,
html.designer-dashboard-skin.theme-dark #content-area .border-slate-300,
html.designer-dashboard-skin.theme-dark #content-area .border-neutral-200,
html.designer-dashboard-skin.theme-dark #content-area .border-neutral-300,
html.designer-dashboard-skin.theme-dark #content-area .border-zinc-200,
html.designer-dashboard-skin.theme-dark #content-area .border-zinc-300,
html.designer-dashboard-skin.theme-dark #content-area .border-white\/10,
html.designer-dashboard-skin.theme-dark #content-area .border-border {
    border-color: var(--designer-line) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .text-gray-800,
html.designer-dashboard-skin.theme-dark #content-area .text-slate-900,
html.designer-dashboard-skin.theme-dark #content-area .text-slate-800,
html.designer-dashboard-skin.theme-dark #content-area .text-neutral-900,
html.designer-dashboard-skin.theme-dark #content-area .text-neutral-800,
html.designer-dashboard-skin.theme-dark #content-area .text-zinc-900,
html.designer-dashboard-skin.theme-dark #content-area .text-zinc-800,
html.designer-dashboard-skin.theme-dark #content-area .text-black,
html.designer-dashboard-skin.theme-dark #content-area h1,
html.designer-dashboard-skin.theme-dark #content-area h2,
html.designer-dashboard-skin.theme-dark #content-area h3,
html.designer-dashboard-skin.theme-dark #content-area h4,
html.designer-dashboard-skin.theme-dark #content-area strong {
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-gray-700,
html.designer-dashboard-skin.theme-dark #content-area .text-gray-600,
html.designer-dashboard-skin.theme-dark #content-area .text-slate-700,
html.designer-dashboard-skin.theme-dark #content-area .text-slate-600,
html.designer-dashboard-skin.theme-dark #content-area .text-neutral-700,
html.designer-dashboard-skin.theme-dark #content-area .text-neutral-600,
html.designer-dashboard-skin.theme-dark #content-area .text-zinc-700,
html.designer-dashboard-skin.theme-dark #content-area .text-zinc-600,
html.designer-dashboard-skin.theme-dark #content-area .text-uca-muted,
html.designer-dashboard-skin.theme-dark #content-area p {
    color: var(--designer-muted) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-gray-500,
html.designer-dashboard-skin.theme-dark #content-area .text-gray-400,
html.designer-dashboard-skin.theme-dark #content-area .text-slate-500,
html.designer-dashboard-skin.theme-dark #content-area .text-slate-400,
html.designer-dashboard-skin.theme-dark #content-area .text-neutral-500,
html.designer-dashboard-skin.theme-dark #content-area .text-neutral-400,
html.designer-dashboard-skin.theme-dark #content-area .text-zinc-500,
html.designer-dashboard-skin.theme-dark #content-area .text-zinc-400 {
    color: var(--designer-subtle) !important;
}

html.designer-dashboard-skin.theme-dark #content-area table {
    background: var(--designer-panel) !important;
    border-color: var(--designer-line) !important;
}

html.designer-dashboard-skin.theme-dark #content-area thead,
html.designer-dashboard-skin.theme-dark #content-area tbody,
html.designer-dashboard-skin.theme-dark #content-area tr,
html.designer-dashboard-skin.theme-dark #content-area td,
html.designer-dashboard-skin.theme-dark #content-area th {
    border-color: var(--designer-line) !important;
}

html.designer-dashboard-skin.theme-dark #content-area thead {
    background: rgba(255,255,255,0.04) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .bg-blue-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-indigo-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-violet-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-emerald-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-amber-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-rose-50 {
    background-color: rgba(255,255,255,0.055) !important;
    border-color: var(--designer-line) !important;
}

html.designer-dashboard-skin.theme-dark #content-area button,
html.designer-dashboard-skin.theme-dark #content-area a[role="button"] {
    border-radius: 5px !important;
}

html.designer-dashboard-skin.theme-dark #content-area button:not(.bg-gray-900):not(.bg-slate-950):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area select,
html.designer-dashboard-skin.theme-dark #content-area input,
html.designer-dashboard-skin.theme-dark #content-area textarea {
    background-color: rgba(255,255,255,0.035) !important;
    border-color: var(--designer-line) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area #ops-flowith-policy-section .flowith-policy-grid {
    background: rgba(246,245,241,0.12) !important;
}

html.designer-dashboard-skin.theme-dark #content-area #ops-flowith-policy-section .flowith-policy-row {
    background: #080808 !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area #ops-flowith-policy-section .flowith-policy-row input {
    background: #0d0d0d !important;
    border-color: rgba(246,245,241,0.18) !important;
    color: rgba(250,250,250,0.96) !important;
}

html.designer-dashboard-skin.theme-light #content-area #ops-flowith-policy-section .flowith-policy-grid {
    background: rgba(17,17,17,0.13) !important;
}

html.designer-dashboard-skin.theme-light #content-area #ops-flowith-policy-section .flowith-policy-row {
    background: #ffffff !important;
    color: #111111 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .bg-gray-900:not(.page-focus-mode-btn),
html.designer-dashboard-skin.theme-dark #content-area .bg-black:not(.page-focus-mode-btn) {
    background: rgba(246,245,241,0.068) !important;
    border-color: rgba(246,245,241,0.135) !important;
    color: rgba(246,245,241,0.92) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin.theme-dark #content-area .bg-gray-900:not(.page-focus-mode-btn) *,
html.designer-dashboard-skin.theme-dark #content-area .bg-black:not(.page-focus-mode-btn) * {
    color: inherit !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900 {
    background: rgba(246,245,241,0.04) !important;
    border-color: rgba(246,245,241,0.11) !important;
    color: rgba(246,245,241,0.9) !important;
    box-shadow: inset 0 -1px 0 rgba(246,245,241,0.12) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-switch {
    background: rgba(255,255,255,0.065) !important;
    border-color: rgba(246,245,241,0.18) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn:not(.bg-slate-950):not(.bg-gray-900) {
    color: rgba(246,245,241,0.76) !important;
}

html.designer-dashboard-skin #content-area h1,
html.designer-dashboard-skin #content-area h2,
html.designer-dashboard-skin #content-area h3 {
    letter-spacing: 0 !important;
    word-break: keep-all;
}

html.designer-dashboard-skin #content-area h1 {
    font-weight: 650 !important;
    line-height: 1.16 !important;
}

html.designer-dashboard-skin #content-area h2,
html.designer-dashboard-skin #content-area h3 {
    font-weight: 640 !important;
}

html.designer-dashboard-skin #content-area p,
html.designer-dashboard-skin #content-area li,
html.designer-dashboard-skin #content-area label,
html.designer-dashboard-skin #content-area span,
html.designer-dashboard-skin #content-area td,
html.designer-dashboard-skin #content-area th {
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin #content-area .glass-panel,
html.designer-dashboard-skin #content-area .glass-card,
html.designer-dashboard-skin #content-area .dashboard-card,
html.designer-dashboard-skin #content-area .metric-card,
html.designer-dashboard-skin #content-area .stat-card,
html.designer-dashboard-skin #content-area article.rounded-2xl,
html.designer-dashboard-skin #content-area article.rounded-3xl,
html.designer-dashboard-skin #content-area aside.rounded-2xl,
html.designer-dashboard-skin #content-area aside.rounded-3xl,
html.designer-dashboard-skin #content-area form.rounded-2xl,
html.designer-dashboard-skin #content-area form.rounded-3xl,
html.designer-dashboard-skin #content-area section.rounded-2xl:not(.page-focus-toolbar):not(.page-workflow-roadmap),
html.designer-dashboard-skin #content-area section.rounded-3xl:not(.page-focus-toolbar):not(.page-workflow-roadmap) {
    border-radius: 7px !important;
    border-width: 1px !important;
}

html.designer-dashboard-skin.theme-dark #content-area .glass-panel,
html.designer-dashboard-skin.theme-dark #content-area .glass-card,
html.designer-dashboard-skin.theme-dark #content-area .dashboard-card,
html.designer-dashboard-skin.theme-dark #content-area .metric-card,
html.designer-dashboard-skin.theme-dark #content-area .stat-card,
html.designer-dashboard-skin.theme-dark #content-area article.rounded-2xl,
html.designer-dashboard-skin.theme-dark #content-area article.rounded-3xl,
html.designer-dashboard-skin.theme-dark #content-area aside.rounded-2xl,
html.designer-dashboard-skin.theme-dark #content-area aside.rounded-3xl,
html.designer-dashboard-skin.theme-dark #content-area form.rounded-2xl,
html.designer-dashboard-skin.theme-dark #content-area form.rounded-3xl,
html.designer-dashboard-skin.theme-dark #content-area section.rounded-2xl:not(.page-focus-toolbar):not(.page-workflow-roadmap):not(.uca-statement-page),
html.designer-dashboard-skin.theme-dark #content-area section.rounded-3xl:not(.page-focus-toolbar):not(.page-workflow-roadmap):not(.uca-statement-page) {
    background: linear-gradient(180deg, #0a0a0a 0%, #070707 100%) !important;
    border-color: rgba(246,245,241,0.14) !important;
    color: var(--designer-ink) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.025), 0 22px 70px rgba(0,0,0,0.45), 0 0 40px rgba(82,112,180,0.075) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .text-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .text-neutral-950,
html.designer-dashboard-skin.theme-dark #content-area .text-zinc-950 {
    color: rgba(250,250,250,0.96) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-gray-300,
html.designer-dashboard-skin.theme-dark #content-area .text-slate-300,
html.designer-dashboard-skin.theme-dark #content-area .text-zinc-300 {
    color: rgba(246,245,241,0.78) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-blue-600,
html.designer-dashboard-skin.theme-dark #content-area .text-blue-700,
html.designer-dashboard-skin.theme-dark #content-area .text-blue-800,
html.designer-dashboard-skin.theme-dark #content-area .text-indigo-600,
html.designer-dashboard-skin.theme-dark #content-area .text-indigo-700,
html.designer-dashboard-skin.theme-dark #content-area .text-cyan-600,
html.designer-dashboard-skin.theme-dark #content-area .text-cyan-700,
html.designer-dashboard-skin.theme-dark #content-area .text-sky-600,
html.designer-dashboard-skin.theme-dark #content-area .text-sky-700 {
    color: rgba(191,219,254,0.92) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-emerald-600,
html.designer-dashboard-skin.theme-dark #content-area .text-emerald-700,
html.designer-dashboard-skin.theme-dark #content-area .text-emerald-800,
html.designer-dashboard-skin.theme-dark #content-area .text-green-600,
html.designer-dashboard-skin.theme-dark #content-area .text-green-700 {
    color: rgba(187,247,208,0.9) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-amber-600,
html.designer-dashboard-skin.theme-dark #content-area .text-amber-700,
html.designer-dashboard-skin.theme-dark #content-area .text-yellow-700,
html.designer-dashboard-skin.theme-dark #content-area .text-orange-700,
html.designer-dashboard-skin.theme-dark #content-area .text-rose-600,
html.designer-dashboard-skin.theme-dark #content-area .text-rose-700,
html.designer-dashboard-skin.theme-dark #content-area .text-red-600,
html.designer-dashboard-skin.theme-dark #content-area .text-red-700,
html.designer-dashboard-skin.theme-dark #content-area .text-pink-600,
html.designer-dashboard-skin.theme-dark #content-area .text-pink-700,
html.designer-dashboard-skin.theme-dark #content-area .text-fuchsia-600,
html.designer-dashboard-skin.theme-dark #content-area .text-fuchsia-700,
html.designer-dashboard-skin.theme-dark #content-area .text-fuchsia-800,
html.designer-dashboard-skin.theme-dark #content-area .text-violet-700,
html.designer-dashboard-skin.theme-dark #content-area .text-purple-700 {
    color: rgba(255,226,183,0.9) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .bg-blue-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-indigo-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-cyan-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-cyan-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-sky-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-sky-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-emerald-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-green-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-green-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-amber-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-yellow-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-yellow-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-orange-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-rose-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-red-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-red-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-pink-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-pink-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-fuchsia-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-fuchsia-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-purple-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-purple-100,
html.designer-dashboard-skin.theme-dark #content-area .bg-violet-100,
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-cyan-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-blue-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-sky-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-emerald-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-amber-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-rose-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-fuchsia-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-pink-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-gray-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-gray-100/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-slate-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-slate-100/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-neutral-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-neutral-100/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-zinc-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-zinc-100/"] {
    background-color: rgba(255,255,255,0.06) !important;
    border-color: rgba(246,245,241,0.14) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .border-blue-100,
html.designer-dashboard-skin.theme-dark #content-area .border-blue-200,
html.designer-dashboard-skin.theme-dark #content-area .border-indigo-100,
html.designer-dashboard-skin.theme-dark #content-area .border-cyan-100,
html.designer-dashboard-skin.theme-dark #content-area .border-cyan-200,
html.designer-dashboard-skin.theme-dark #content-area .border-sky-100,
html.designer-dashboard-skin.theme-dark #content-area .border-emerald-100,
html.designer-dashboard-skin.theme-dark #content-area .border-emerald-200,
html.designer-dashboard-skin.theme-dark #content-area .border-amber-100,
html.designer-dashboard-skin.theme-dark #content-area .border-amber-200,
html.designer-dashboard-skin.theme-dark #content-area .border-rose-100,
html.designer-dashboard-skin.theme-dark #content-area .border-rose-200,
html.designer-dashboard-skin.theme-dark #content-area .border-red-100,
html.designer-dashboard-skin.theme-dark #content-area .border-pink-100,
html.designer-dashboard-skin.theme-dark #content-area .border-fuchsia-100,
html.designer-dashboard-skin.theme-dark #content-area .border-fuchsia-200,
html.designer-dashboard-skin.theme-dark #content-area .border-violet-100,
html.designer-dashboard-skin.theme-dark #content-area .border-purple-100 {
    border-color: rgba(246,245,241,0.14) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .bg-blue-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-blue-700,
html.designer-dashboard-skin.theme-dark #content-area .bg-indigo-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-cyan-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-emerald-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-green-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-red-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-rose-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-fuchsia-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-purple-600,
html.designer-dashboard-skin.theme-dark #content-area .bg-violet-600 {
    background-color: rgba(246,245,241,0.1) !important;
    border: 1px solid rgba(246,245,241,0.18) !important;
    color: rgba(246,245,241,0.92) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .bg-blue-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-blue-700:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-indigo-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-cyan-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-emerald-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-green-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-red-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-rose-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-fuchsia-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-purple-600:hover,
html.designer-dashboard-skin.theme-dark #content-area .bg-violet-600:hover {
    background-color: rgba(246,245,241,0.15) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area [class*="dark:bg-white"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:bg-gray-100"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:bg-slate-100"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:bg-neutral-100"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:bg-zinc-100"] {
    background-color: rgba(246,245,241,0.1) !important;
    border-color: rgba(246,245,241,0.18) !important;
    color: rgba(246,245,241,0.92) !important;
}

html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-gray-950"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-gray-900"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-gray-800"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-slate-950"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-slate-900"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-slate-800"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-zinc-950"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-zinc-900"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-zinc-800"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-neutral-950"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-neutral-900"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-neutral-800"],
html.designer-dashboard-skin.theme-dark #content-area [class*="dark:text-black"] {
    color: rgba(246,245,241,0.92) !important;
}

html.designer-dashboard-skin.theme-dark #content-area input,
html.designer-dashboard-skin.theme-dark #content-area select,
html.designer-dashboard-skin.theme-dark #content-area textarea {
    background-color: rgba(255,255,255,0.045) !important;
    border-color: rgba(246,245,241,0.17) !important;
    color: var(--designer-ink) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin.theme-dark #content-area input::placeholder,
html.designer-dashboard-skin.theme-dark #content-area textarea::placeholder {
    color: rgba(246,245,241,0.38) !important;
}

html.designer-dashboard-skin.theme-dark #content-area input:focus,
html.designer-dashboard-skin.theme-dark #content-area select:focus,
html.designer-dashboard-skin.theme-dark #content-area textarea:focus {
    outline: 2px solid rgba(246,245,241,0.18) !important;
    outline-offset: 2px;
    border-color: rgba(246,245,241,0.3) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-toolbar,
html.designer-dashboard-skin.theme-dark #content-area .page-workflow-roadmap {
    background: linear-gradient(180deg, #0a0a0a 0%, #070707 100%) !important;
    border-color: rgba(246,245,241,0.14) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.025), 0 16px 48px rgba(0,0,0,0.38) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-switch {
    background: rgba(255,255,255,0.035) !important;
    border-color: rgba(246,245,241,0.14) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn {
    color: rgba(246,245,241,0.62) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900 {
    background: rgba(246,245,241,0.058) !important;
    border-color: rgba(246,245,241,0.14) !important;
    color: var(--designer-ink) !important;
    box-shadow: inset 0 -1px 0 rgba(246,245,241,0.16), 0 5px 16px rgba(0,0,0,0.12) !important;
}

html.designer-dashboard-skin.theme-dark #content-area table {
    overflow: hidden;
}

html.designer-dashboard-skin.theme-dark #content-area th {
    color: rgba(246,245,241,0.66) !important;
    font-weight: 620 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin.theme-dark #content-area td {
    color: rgba(246,245,241,0.84) !important;
}

html.designer-dashboard-skin.theme-dark #content-area tbody tr:hover {
    background: rgba(255,255,255,0.05) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .divide-y > :not([hidden]) ~ :not([hidden]),
html.designer-dashboard-skin.theme-dark #content-area .divide-border > :not([hidden]) ~ :not([hidden]) {
    border-color: rgba(246,245,241,0.11) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] {
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 > .bg-white,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 section.bg-white,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 div.bg-white,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .dark\:bg-gray-950,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .dark\:bg-gray-900,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-white {
    background: #090909 !important;
    border-color: rgba(246,245,241,0.14) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin body > .fixed.inset-0 [class*="rounded-"],
html.designer-dashboard-skin [data-modal-portaled="true"] [class*="rounded-"] {
    border-radius: 7px !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 > div:not(.paper):not(.uca-statement-page),
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 section:not(.paper):not(.uca-statement-page),
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] > div:not(.paper):not(.uca-statement-page),
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] section:not(.paper):not(.uca-statement-page) {
    border-color: rgba(246,245,241,0.14) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-gray-900,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-gray-800,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-slate-950,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-slate-900,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-slate-800,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-neutral-950,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-neutral-900,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-zinc-950,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-zinc-900,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-black,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-gray-900,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-gray-800,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-slate-950,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-slate-900,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-slate-800,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-neutral-950,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-neutral-900,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-zinc-950,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-zinc-900,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-black {
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-gray-600,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-gray-500,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-slate-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-slate-600,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-neutral-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-neutral-600,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-zinc-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-zinc-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-gray-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-gray-500,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-slate-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-slate-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-neutral-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-neutral-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-zinc-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-zinc-600 {
    color: rgba(246,245,241,0.64) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-gray-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-gray-100,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-slate-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-slate-100,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-neutral-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-neutral-100,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-zinc-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-zinc-100,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-blue-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-cyan-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-emerald-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-amber-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-rose-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-red-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-fuchsia-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .bg-pink-50,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 [class*="bg-white/"],
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-gray-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-gray-100,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-slate-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-slate-100,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-neutral-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-neutral-100,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-zinc-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-zinc-100,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-blue-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-cyan-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-emerald-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-amber-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-rose-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-red-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-fuchsia-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .bg-pink-50,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] [class*="bg-white/"] {
    background: rgba(255,255,255,0.055) !important;
    border-color: rgba(246,245,241,0.14) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-blue-600,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-blue-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-indigo-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-cyan-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-blue-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-blue-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-indigo-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-cyan-700 {
    color: rgba(191,219,254,0.92) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-emerald-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-green-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-emerald-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-green-700 {
    color: rgba(187,247,208,0.9) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-red-600,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-red-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-rose-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-amber-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-fuchsia-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .text-fuchsia-800,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-red-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-red-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-rose-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-amber-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-fuchsia-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .text-fuchsia-800 {
    color: rgba(255,226,183,0.9) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 input,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 select,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 textarea,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] input,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] select,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] textarea {
    background-color: rgba(255,255,255,0.045) !important;
    border-color: rgba(246,245,241,0.17) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-blue-600,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-blue-700,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-indigo-600,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-emerald-600,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-gray-900,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-black,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-blue-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-blue-700,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-indigo-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-emerald-600,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-gray-900,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-black {
    background: rgba(246,245,241,0.11) !important;
    border: 1px solid rgba(246,245,241,0.22) !important;
    color: var(--designer-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.055), 0 14px 32px rgba(0,0,0,0.24) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-blue-600:hover,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-blue-700:hover,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-indigo-600:hover,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-emerald-600:hover,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-gray-900:hover,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 button.bg-black:hover,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-blue-600:hover,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-blue-700:hover,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-indigo-600:hover,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-emerald-600:hover,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-gray-900:hover,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] button.bg-black:hover {
    background: rgba(246,245,241,0.16) !important;
}

html.designer-dashboard-skin.theme-light body > .fixed.inset-0 div.bg-white,
html.designer-dashboard-skin.theme-light body > .fixed.inset-0 section.bg-white,
html.designer-dashboard-skin.theme-light [data-modal-portaled="true"] .bg-white {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    color: var(--designer-ink) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.018), 0 24px 70px rgba(17,17,17,0.12) !important;
}

html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .paper,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .uca-statement-page,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .paper,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .uca-statement-page {
    background: rgba(255,255,255,0.98) !important;
    color: #111111 !important;
    color-scheme: light;
}

html.designer-dashboard-skin.theme-dark #content-area .uca-statement-page,
html.designer-dashboard-skin.theme-dark #content-area .uca-statement-page *,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .paper *,
html.designer-dashboard-skin.theme-dark body > .fixed.inset-0 .uca-statement-page *,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .paper *,
html.designer-dashboard-skin.theme-dark [data-modal-portaled="true"] .uca-statement-page * {
    color: #111111 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .uca-statement-page {
    background: rgba(255,255,255,0.98) !important;
    color-scheme: light;
}

html.designer-dashboard-skin.theme-light {
    --designer-bg: #ffffff;
    --designer-surface: #ffffff;
    --designer-panel: #ffffff;
    --designer-panel-2: #fafafa;
    --designer-ink: #111111;
    --designer-muted: rgba(17, 17, 17, 0.62);
    --designer-subtle: rgba(17, 17, 17, 0.42);
    --designer-line: rgba(17, 17, 17, 0.13);
    --designer-line-strong: rgba(17, 17, 17, 0.22);
    --designer-glow: 0 0 0 1px rgba(17,17,17,0.035), 0 18px 54px rgba(17,17,17,0.055);
    color-scheme: light;
}

html.designer-dashboard-skin.theme-light body,
html.designer-dashboard-skin.theme-light main,
html.designer-dashboard-skin.theme-light #content-area {
    background: rgba(255,255,255,0.98) !important;
}

html.designer-dashboard-skin.theme-light #sidebar-nav,
html.designer-dashboard-skin.theme-light main > header,
html.designer-dashboard-skin.theme-light #content-area .bg-white,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-50,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-50 {
    background: rgba(255,255,255,0.98) !important;
    border-color: var(--designer-paper-line) !important;
}

html.designer-dashboard-skin.theme-light #sidebar-nav {
    box-shadow: 18px 0 58px rgba(17,17,17,0.055);
}

html.designer-dashboard-skin.theme-light #nav-links a:hover,
html.designer-dashboard-skin.theme-light #nav-links button:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav .nav-link:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page]:hover {
    background: rgba(17,17,17,0.045) !important;
    border-color: var(--designer-line) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-light #nav-links .bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links .bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links .bg-blue-50,
html.designer-dashboard-skin.theme-light #nav-links .active,
html.designer-dashboard-skin.theme-light #sidebar-nav .active {
    background: rgba(17,17,17,0.026) !important;
    border-color: rgba(17,17,17,0.085) !important;
    color: var(--designer-ink) !important;
    box-shadow: inset 2px 0 0 rgba(17,17,17,0.2), 0 4px 12px rgba(17,17,17,0.025) !important;
}

html.designer-dashboard-skin.theme-light #nav-links .text-blue-700,
html.designer-dashboard-skin.theme-light #nav-links .text-blue-600,
html.designer-dashboard-skin.theme-light #nav-links .border-blue-500,
html.designer-dashboard-skin.theme-light #nav-links .border-blue-600 {
    color: var(--designer-ink) !important;
    border-color: rgba(17,17,17,0.1) !important;
}

html.designer-dashboard-skin.theme-light #nav-links .bg-gray-900 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links .bg-gray-100 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links .bg-blue-50 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links .active [class*="bg-"],
html.designer-dashboard-skin.theme-light #sidebar-nav .active [class*="bg-"] {
    background: rgba(17,17,17,0.048) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-light main > header button {
    background: rgba(255,255,255,0.98) !important;
    color: var(--designer-muted) !important;
}

html.designer-dashboard-skin.theme-light main > header button:hover {
    background: rgba(17,17,17,0.045) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-light #content-area .shadow,
html.designer-dashboard-skin.theme-light #content-area .shadow-sm,
html.designer-dashboard-skin.theme-light #content-area .shadow-md,
html.designer-dashboard-skin.theme-light #content-area .shadow-lg,
html.designer-dashboard-skin.theme-light #content-area .shadow-xl,
html.designer-dashboard-skin.theme-light #content-area .shadow-2xl {
    box-shadow: 0 18px 54px rgba(17,17,17,0.06) !important;
}

html.designer-dashboard-skin.theme-light #content-area .glass-panel,
html.designer-dashboard-skin.theme-light #content-area .glass-card,
html.designer-dashboard-skin.theme-light #content-area .dashboard-card,
html.designer-dashboard-skin.theme-light #content-area .metric-card,
html.designer-dashboard-skin.theme-light #content-area .stat-card,
html.designer-dashboard-skin.theme-light #content-area article.rounded-2xl,
html.designer-dashboard-skin.theme-light #content-area article.rounded-3xl,
html.designer-dashboard-skin.theme-light #content-area aside.rounded-2xl,
html.designer-dashboard-skin.theme-light #content-area aside.rounded-3xl,
html.designer-dashboard-skin.theme-light #content-area form.rounded-2xl,
html.designer-dashboard-skin.theme-light #content-area form.rounded-3xl,
html.designer-dashboard-skin.theme-light #content-area section.rounded-2xl:not(.page-focus-toolbar):not(.page-workflow-roadmap):not(.uca-statement-page),
html.designer-dashboard-skin.theme-light #content-area section.rounded-3xl:not(.page-focus-toolbar):not(.page-workflow-roadmap):not(.uca-statement-page) {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    color: #111111 !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.018), 0 18px 54px rgba(17,17,17,0.055) !important;
}

html.designer-dashboard-skin.theme-light #content-area .text-gray-950,
html.designer-dashboard-skin.theme-light #content-area .text-gray-900,
html.designer-dashboard-skin.theme-light #content-area .text-gray-800,
html.designer-dashboard-skin.theme-light #content-area .text-slate-950,
html.designer-dashboard-skin.theme-light #content-area .text-slate-900,
html.designer-dashboard-skin.theme-light #content-area .text-black,
html.designer-dashboard-skin.theme-light #content-area h1,
html.designer-dashboard-skin.theme-light #content-area h2,
html.designer-dashboard-skin.theme-light #content-area h3,
html.designer-dashboard-skin.theme-light #content-area h4 {
    color: #111111 !important;
}

html.designer-dashboard-skin.theme-light #content-area .text-gray-700,
html.designer-dashboard-skin.theme-light #content-area .text-gray-600,
html.designer-dashboard-skin.theme-light #content-area .text-slate-700,
html.designer-dashboard-skin.theme-light #content-area .text-slate-600,
html.designer-dashboard-skin.theme-light #content-area p,
html.designer-dashboard-skin.theme-light #content-area label {
    color: rgba(17,17,17,0.66) !important;
}

html.designer-dashboard-skin.theme-light #content-area .text-gray-500,
html.designer-dashboard-skin.theme-light #content-area .text-gray-400,
html.designer-dashboard-skin.theme-light #content-area .text-slate-500 {
    color: rgba(17,17,17,0.48) !important;
}

html.designer-dashboard-skin.theme-light #content-area input,
html.designer-dashboard-skin.theme-light #content-area select,
html.designer-dashboard-skin.theme-light #content-area textarea {
    background-color: #ffffff !important;
    border-color: rgba(17,17,17,0.16) !important;
    color: #111111 !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin.theme-light #content-area input:focus,
html.designer-dashboard-skin.theme-light #content-area select:focus,
html.designer-dashboard-skin.theme-light #content-area textarea:focus {
    outline: 2px solid rgba(17,17,17,0.12) !important;
    outline-offset: 2px;
    border-color: rgba(17,17,17,0.28) !important;
}

html.designer-dashboard-skin.theme-light #content-area .page-focus-toolbar,
html.designer-dashboard-skin.theme-light #content-area .page-workflow-roadmap {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.018), 0 14px 38px rgba(17,17,17,0.045) !important;
}

html.designer-dashboard-skin.theme-light #content-area [class*="command-btn"],
html.designer-dashboard-skin.theme-light #content-area .dashboard-scroll-card,
html.designer-dashboard-skin.theme-light #content-area .author-home-action,
html.designer-dashboard-skin.theme-light #content-area .action-btn {
    background-color: #ffffff !important;
    border-color: rgba(17,17,17,0.12) !important;
    color: #111111 !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.016), 0 14px 36px rgba(17,17,17,0.055) !important;
}

html.designer-dashboard-skin.theme-light #content-area [class*="command-btn"] .text-gray-500,
html.designer-dashboard-skin.theme-light #content-area [class*="command-btn"] .text-slate-500,
html.designer-dashboard-skin.theme-light #content-area .dashboard-scroll-card .text-gray-500,
html.designer-dashboard-skin.theme-light #content-area .dashboard-scroll-card .text-slate-500,
html.designer-dashboard-skin.theme-light #content-area .author-home-action .text-gray-500,
html.designer-dashboard-skin.theme-light #content-area .author-home-action .text-slate-500 {
    color: rgba(17,17,17,0.58) !important;
}

html.designer-dashboard-skin.theme-light #page-breadcrumb .text-gray-400,
html.designer-dashboard-skin.theme-light #page-breadcrumb .text-slate-400,
html.designer-dashboard-skin.theme-light #page-breadcrumb .text-zinc-400 {
    color: rgba(17,17,17,0.5) !important;
}

html.designer-dashboard-skin.theme-light #content-area [class*="bg-gradient-to-"] {
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
    border-color: rgba(17,17,17,0.1) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-light #content-area .h-full[class*="bg-gradient-to-"] {
    background: linear-gradient(90deg, #4f46e5, #0891b2, #059669) !important;
    border-color: transparent !important;
}

html.designer-dashboard-skin.theme-light #content-area .absolute[class*="bg-gradient-to-"].pointer-events-none {
    background: transparent !important;
}

html.designer-dashboard-skin #content-area #author-cover-toggle,
html.designer-dashboard-skin #content-area #author-cover-toggle *,
html.designer-dashboard-skin #content-area #author-cover-enlarged-toggle,
html.designer-dashboard-skin #content-area #author-cover-enlarged-toggle * {
    color: #ffffff !important;
}

html.designer-dashboard-skin #content-area .bg-gray-950:has(#author-cover-toggle),
html.designer-dashboard-skin #content-area .bg-gray-950:has(#author-cover-toggle) *,
html.designer-dashboard-skin #content-area .bg-gray-950:has(#author-cover-enlarged-toggle),
html.designer-dashboard-skin #content-area .bg-gray-950:has(#author-cover-enlarged-toggle) * {
    color: #ffffff !important;
}

html.designer-dashboard-skin #content-area #author-cover-toggle [class*="bg-gradient-to-"],
html.designer-dashboard-skin #content-area #author-cover-enlarged-toggle [class*="bg-gradient-to-"] {
    background: linear-gradient(135deg, #030712 0%, #111827 46%, #1e3a8a 100%) !important;
    border-color: rgba(255,255,255,0.22) !important;
    color: #ffffff !important;
}

html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    color: #111111 !important;
    box-shadow: 0 10px 26px rgba(17,17,17,0.055) !important;
}

html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-red-600,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-red-700,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-rose-600,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-rose-700 {
    color: #b42318 !important;
}

html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-amber-600,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-amber-700,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-orange-600,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-orange-700 {
    color: #92400e !important;
}

html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-gray-500,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-gray-600,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-slate-500,
html.designer-dashboard-skin.theme-light #content-area .promotion-calendar-chip .text-slate-600 {
    color: rgba(17,17,17,0.62) !important;
}

html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-switch {
    background: rgba(17,17,17,0.035) !important;
    border-color: rgba(17,17,17,0.1) !important;
}

html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-900 {
    background: rgba(17,17,17,0.046) !important;
    border-color: rgba(17,17,17,0.105) !important;
    color: var(--designer-ink) !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,0.11), 0 5px 16px rgba(17,17,17,0.035) !important;
}

html.designer-dashboard-skin.theme-light #content-area thead {
    background: #f7f7f7 !important;
}

html.designer-dashboard-skin.theme-light #content-area th {
    color: rgba(17,17,17,0.58) !important;
    font-weight: 620 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin.theme-light #content-area td {
    color: rgba(17,17,17,0.82) !important;
}

html.designer-dashboard-skin.theme-light #content-area tbody tr:hover {
    background: rgba(17,17,17,0.035) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-blue-600,
html.designer-dashboard-skin.theme-light #content-area .bg-blue-700,
html.designer-dashboard-skin.theme-light #content-area .bg-indigo-600,
html.designer-dashboard-skin.theme-light #content-area .bg-emerald-600,
html.designer-dashboard-skin.theme-light #content-area .bg-green-600,
html.designer-dashboard-skin.theme-light #content-area .bg-red-600,
html.designer-dashboard-skin.theme-light #content-area .bg-rose-600,
html.designer-dashboard-skin.theme-light #content-area .bg-purple-600,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-600,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .bg-black {
    background: rgba(17,17,17,0.052) !important;
    border: 1px solid rgba(17,17,17,0.14) !important;
    color: rgba(17,17,17,0.86) !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,0.08), 0 10px 24px rgba(17,17,17,0.035) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-blue-600:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-blue-700:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-indigo-600:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-emerald-600:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-green-600:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-red-600:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-rose-600:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-purple-600:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-600:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-900:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-black:hover {
    background: rgba(17,17,17,0.082) !important;
    border-color: rgba(17,17,17,0.2) !important;
    color: #111111 !important;
}

html.designer-dashboard-skin.theme-dark body #app main,
html.designer-dashboard-skin.theme-dark body #app #content-area {
    background: #000000 !important;
}

html.designer-dashboard-skin.theme-dark body #app main > header,
html.designer-dashboard-skin.theme-dark body #app main header {
    background: #000000 !important;
    border-bottom-color: var(--designer-line) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.18) !important;
}

html.designer-dashboard-skin.theme-dark body #app main > header button {
    background: rgba(255,255,255,0.03) !important;
    border-color: var(--designer-line-strong) !important;
    color: rgba(246,245,241,0.78) !important;
}

html.designer-dashboard-skin.theme-light body #app main,
html.designer-dashboard-skin.theme-light body #app #content-area,
html.designer-dashboard-skin.theme-light body #app main > header,
html.designer-dashboard-skin.theme-light body #app main header {
    background: rgba(255,255,255,0.98) !important;
}

html.designer-dashboard-skin .author-settlement-dashboard {
    --dashboard-card-radius: 8px;
    --dashboard-control-radius: 6px;
    --dashboard-card-padding: clamp(18px, 1.8vw, 24px);
    padding-bottom: 48px;
}

html.designer-dashboard-skin .author-settlement-dashboard > .flex:first-child {
    align-items: flex-start !important;
    gap: 16px;
    padding: 2px 0 6px;
}

html.designer-dashboard-skin .author-settlement-dashboard h1 {
    font-size: clamp(24px, 2.2vw, 32px) !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin .author-settlement-dashboard h3,
html.designer-dashboard-skin .author-settlement-dashboard h4 {
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin .author-settlement-dashboard .glass-card,
html.designer-dashboard-skin .author-settlement-dashboard .glass-panel {
    border-radius: var(--dashboard-card-radius) !important;
    border-width: 1px !important;
    overflow: hidden;
    position: relative;
}

html.designer-dashboard-skin .author-settlement-dashboard .glass-card::before,
html.designer-dashboard-skin .author-settlement-dashboard .glass-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
}

html.designer-dashboard-skin .author-settlement-dashboard .glass-card {
    min-height: 118px;
    padding: var(--dashboard-card-padding) !important;
}

html.designer-dashboard-skin .author-settlement-dashboard .glass-panel {
    padding: var(--dashboard-card-padding) !important;
}

html.designer-dashboard-skin .author-settlement-dashboard .glass-card:hover,
html.designer-dashboard-skin .author-settlement-dashboard .glass-panel:hover {
    transform: translateY(-1px);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

html.designer-dashboard-skin .author-settlement-dashboard .glass-card .text-2xl,
html.designer-dashboard-skin .author-settlement-dashboard [id$="-earnings-amount"] {
    font-size: clamp(24px, 2vw, 30px) !important;
    line-height: 1.05 !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
}

html.designer-dashboard-skin .author-settlement-dashboard .dashboard-select,
html.designer-dashboard-skin .author-settlement-dashboard input,
html.designer-dashboard-skin .author-settlement-dashboard select,
html.designer-dashboard-skin .author-settlement-dashboard button {
    border-radius: var(--dashboard-control-radius) !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin .author-settlement-dashboard .dashboard-select,
html.designer-dashboard-skin .author-settlement-dashboard select {
    min-height: 42px;
    padding-left: 14px !important;
    padding-right: 36px !important;
    font-size: 13px !important;
    font-weight: 560 !important;
}

html.designer-dashboard-skin .author-settlement-dashboard table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

html.designer-dashboard-skin .author-settlement-dashboard th {
    font-size: 12.5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    white-space: normal !important;
    word-break: keep-all;
}

html.designer-dashboard-skin .author-settlement-dashboard td {
    font-size: 13px !important;
    vertical-align: middle;
    padding-left: 12px !important;
    padding-right: 12px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(1),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(1) {
    width: 19%;
}

html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(2),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(2) {
    width: 10%;
}

html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(3),
html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(4),
html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(5),
html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(6),
html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(7),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(3),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(4),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(5),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(6),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(7) {
    width: 10%;
}

html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(8),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(8) {
    width: 13%;
}

html.designer-dashboard-skin .author-settlement-dashboard th:nth-child(9),
html.designer-dashboard-skin .author-settlement-dashboard td:nth-child(9) {
    width: 8%;
}

html.designer-dashboard-skin .author-settlement-dashboard td.font-mono,
html.designer-dashboard-skin .author-settlement-dashboard .font-mono {
    font-size: 12.5px !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table th,
html.designer-dashboard-skin #content-area .admin-platform-payment-table td {
    padding-left: 10px !important;
    padding-right: 10px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    vertical-align: top;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table th:nth-child(1),
html.designer-dashboard-skin #content-area .admin-platform-payment-table td:nth-child(1) {
    width: 14%;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table th:nth-child(2),
html.designer-dashboard-skin #content-area .admin-platform-payment-table td:nth-child(2) {
    width: 13%;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table th:nth-child(3),
html.designer-dashboard-skin #content-area .admin-platform-payment-table td:nth-child(3),
html.designer-dashboard-skin #content-area .admin-platform-payment-table th:nth-child(4),
html.designer-dashboard-skin #content-area .admin-platform-payment-table td:nth-child(4) {
    width: 12%;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table th:nth-child(5),
html.designer-dashboard-skin #content-area .admin-platform-payment-table td:nth-child(5) {
    width: 9%;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table th:nth-child(6),
html.designer-dashboard-skin #content-area .admin-platform-payment-table td:nth-child(6) {
    width: 24%;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table th:nth-child(7),
html.designer-dashboard-skin #content-area .admin-platform-payment-table td:nth-child(7) {
    width: 16%;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table td .flex.flex-wrap {
    justify-content: flex-start;
}

html.designer-dashboard-skin #content-area .admin-platform-payment-table button,
html.designer-dashboard-skin #content-area .admin-platform-payment-table [class*="rounded-full"] {
    max-width: 100%;
    white-space: normal !important;
    line-height: 1.28 !important;
}

html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th,
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td {
    padding-left: 9px !important;
    padding-right: 9px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    vertical-align: top;
}

html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th:nth-child(1),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td:nth-child(1) {
    width: 13%;
}

html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th:nth-child(2),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td:nth-child(2),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th:nth-child(3),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td:nth-child(3),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th:nth-child(4),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td:nth-child(4) {
    width: 12%;
}

html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th:nth-child(5),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td:nth-child(5) {
    width: 18%;
}

html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th:nth-child(6),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td:nth-child(6),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th:nth-child(7),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td:nth-child(7) {
    width: 10%;
}

html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th:nth-child(8),
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table td:nth-child(8) {
    width: 13%;
}

html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table button,
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table [class*="rounded-full"] {
    max-width: 100%;
    white-space: normal !important;
    line-height: 1.28 !important;
}

html.designer-dashboard-skin .author-settlement-dashboard .settlement-detail-btn,
html.designer-dashboard-skin .author-settlement-dashboard #view-all-settlements {
    border-radius: 999px !important;
}

html.designer-dashboard-skin .author-settlement-dashboard #promotion-timeline-bar {
    height: 10px !important;
    border-radius: 999px !important;
}

html.designer-dashboard-skin .author-settlement-dashboard #promotion-tooltip {
    border-radius: 6px !important;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard {
    color: var(--designer-ink);
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard > .flex:first-child span {
    background: rgba(255,255,255,0.055) !important;
    border-color: var(--designer-line) !important;
    color: var(--designer-muted) !important;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .glass-card,
html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .glass-panel {
    background: linear-gradient(180deg, #0a0a0a 0%, #070707 100%) !important;
    border-color: rgba(246,245,241,0.14) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.025), 0 26px 80px rgba(0,0,0,0.48), 0 0 48px rgba(82,112,180,0.08) !important;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .glass-card::before,
html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .glass-panel::before {
    background: linear-gradient(145deg, rgba(255,255,255,0.055), transparent 42%);
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .glass-card:hover,
html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .glass-panel:hover {
    border-color: rgba(246,245,241,0.24) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.04), 0 30px 90px rgba(0,0,0,0.56), 0 0 58px rgba(82,112,180,0.12) !important;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .dashboard-select,
html.designer-dashboard-skin.theme-dark .author-settlement-dashboard input,
html.designer-dashboard-skin.theme-dark .author-settlement-dashboard select {
    background-color: rgba(255,255,255,0.04) !important;
    border-color: rgba(246,245,241,0.16) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .dashboard-select:focus,
html.designer-dashboard-skin.theme-dark .author-settlement-dashboard input:focus,
html.designer-dashboard-skin.theme-dark .author-settlement-dashboard select:focus {
    outline: 2px solid rgba(246,245,241,0.18) !important;
    outline-offset: 2px;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard thead,
html.designer-dashboard-skin.theme-dark .author-settlement-dashboard thead tr {
    background: #0c0c0c !important;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard tbody tr:hover {
    background: rgba(255,255,255,0.045) !important;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard .settlement-detail-btn {
    background: rgba(246,245,241,0.08) !important;
    border-color: rgba(246,245,241,0.16) !important;
    color: rgba(246,245,241,0.82) !important;
}

html.designer-dashboard-skin.theme-dark .author-settlement-dashboard #promotion-timeline-bar {
    background: rgba(255,255,255,0.10) !important;
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard {
    color: var(--designer-ink);
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard > .flex:first-child span {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    color: rgba(17,17,17,0.62) !important;
    box-shadow: 0 10px 30px rgba(17,17,17,0.045);
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard .glass-card,
html.designer-dashboard-skin.theme-light .author-settlement-dashboard .glass-panel {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.018), 0 22px 70px rgba(17,17,17,0.07) !important;
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard .glass-card::before,
html.designer-dashboard-skin.theme-light .author-settlement-dashboard .glass-panel::before {
    background: linear-gradient(145deg, rgba(17,17,17,0.035), transparent 40%);
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard .glass-card:hover,
html.designer-dashboard-skin.theme-light .author-settlement-dashboard .glass-panel:hover {
    border-color: rgba(17,17,17,0.2) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.025), 0 28px 82px rgba(17,17,17,0.09) !important;
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard .dashboard-select,
html.designer-dashboard-skin.theme-light .author-settlement-dashboard input,
html.designer-dashboard-skin.theme-light .author-settlement-dashboard select {
    background-color: #ffffff !important;
    border-color: rgba(17,17,17,0.14) !important;
    color: #111111 !important;
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard .dashboard-select:focus,
html.designer-dashboard-skin.theme-light .author-settlement-dashboard input:focus,
html.designer-dashboard-skin.theme-light .author-settlement-dashboard select:focus {
    outline: 2px solid rgba(17,17,17,0.13) !important;
    outline-offset: 2px;
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard thead,
html.designer-dashboard-skin.theme-light .author-settlement-dashboard thead tr {
    background: #fafafa !important;
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard tbody tr:hover {
    background: #f7f7f7 !important;
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard .settlement-detail-btn {
    background: rgba(17,17,17,0.045) !important;
    border-color: rgba(17,17,17,0.11) !important;
    color: rgba(17,17,17,0.72) !important;
}

html.designer-dashboard-skin.theme-light .author-settlement-dashboard #promotion-timeline-bar {
    background: rgba(17,17,17,0.08) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-dashboard .glass-card,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-dashboard .glass-panel {
    background: linear-gradient(180deg, #0a0a0a 0%, #070707 100%) !important;
    border-color: rgba(246,245,241,0.14) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.025), 0 26px 80px rgba(0,0,0,0.48), 0 0 48px rgba(82,112,180,0.08) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-dashboard .glass-card:hover,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-dashboard .glass-panel:hover {
    border-color: rgba(246,245,241,0.24) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.04), 0 30px 90px rgba(0,0,0,0.56), 0 0 58px rgba(82,112,180,0.12) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-dashboard .dashboard-select,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-dashboard input,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-dashboard select {
    background-color: rgba(255,255,255,0.04) !important;
    border-color: rgba(246,245,241,0.16) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-light #content-area .author-settlement-dashboard .glass-card,
html.designer-dashboard-skin.theme-light #content-area .author-settlement-dashboard .glass-panel {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.018), 0 22px 70px rgba(17,17,17,0.07) !important;
}

html.designer-dashboard-skin.theme-light #content-area .author-settlement-dashboard .glass-card:hover,
html.designer-dashboard-skin.theme-light #content-area .author-settlement-dashboard .glass-panel:hover {
    border-color: rgba(17,17,17,0.2) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.025), 0 28px 82px rgba(17,17,17,0.09) !important;
}

html.designer-dashboard-skin.theme-light #content-area .author-settlement-dashboard .dashboard-select,
html.designer-dashboard-skin.theme-light #content-area .author-settlement-dashboard input,
html.designer-dashboard-skin.theme-light #content-area .author-settlement-dashboard select {
    background-color: #ffffff !important;
    border-color: rgba(17,17,17,0.14) !important;
    color: #111111 !important;
}

html.designer-dashboard-skin .author-settlement-history {
    --settlement-history-radius: 7px;
    padding-bottom: 48px;
}

html.designer-dashboard-skin .author-settlement-history > .flex:first-child {
    align-items: flex-start !important;
    gap: 16px;
}

html.designer-dashboard-skin .author-settlement-history h1 {
    font-size: clamp(24px, 2.05vw, 30px) !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin .author-settlement-history h2,
html.designer-dashboard-skin .author-settlement-history h3 {
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin .author-settlement-history .glass-panel,
html.designer-dashboard-skin .author-settlement-history > section {
    border-radius: var(--settlement-history-radius) !important;
    border-width: 1px !important;
    overflow: hidden;
}

html.designer-dashboard-skin .author-settlement-history .author-settlement-command-btn,
html.designer-dashboard-skin .author-settlement-history .statement-card-btn,
html.designer-dashboard-skin .author-settlement-history button,
html.designer-dashboard-skin .author-settlement-history select,
html.designer-dashboard-skin .author-settlement-history input {
    border-radius: 6px !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin .author-settlement-history select,
html.designer-dashboard-skin .author-settlement-history .settlement-filter-select {
    min-height: 42px;
    padding-left: 14px !important;
    padding-right: 36px !important;
    font-size: 13px !important;
    font-weight: 560 !important;
}

html.designer-dashboard-skin .author-settlement-history table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html.designer-dashboard-skin .author-settlement-history th {
    font-size: 12.5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html.designer-dashboard-skin .author-settlement-history td {
    font-size: 13px !important;
    vertical-align: middle;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history {
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history > section,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .glass-panel {
    background: linear-gradient(180deg, #0a0a0a 0%, #070707 100%) !important;
    border-color: rgba(246,245,241,0.15) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.026), 0 24px 72px rgba(0,0,0,0.48), 0 0 42px rgba(82,112,180,0.08) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .glass-panel:hover,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history > section:hover {
    border-color: rgba(246,245,241,0.23) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.04), 0 28px 82px rgba(0,0,0,0.55), 0 0 56px rgba(82,112,180,0.12) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-gray-800,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-slate-900,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .font-mono {
    color: rgba(250,250,250,0.96) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-gray-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-gray-600,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-slate-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-slate-600,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history label,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history p {
    color: rgba(246,245,241,0.72) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-gray-500,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-slate-500,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-gray-400 {
    color: rgba(246,245,241,0.68) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-emerald-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-emerald-800 {
    color: rgba(187,247,208,0.9) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-blue-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-blue-800,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-sky-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-sky-800 {
    color: rgba(191,219,254,0.92) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-rose-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-amber-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .text-violet-700 {
    color: rgba(255,226,183,0.9) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .bg-blue-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .bg-sky-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .bg-emerald-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .bg-amber-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .bg-rose-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .bg-violet-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history [class*="bg-emerald-50/"],
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history [class*="bg-sky-50/"] {
    background-color: rgba(246,245,241,0.032) !important;
    border-color: rgba(246,245,241,0.095) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .author-settlement-command-btn,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .statement-card-btn:not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history select,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history input {
    background-color: rgba(246,245,241,0.035) !important;
    border-color: rgba(246,245,241,0.12) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .author-settlement-command-btn .text-slate-500,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .author-settlement-command-btn .text-gray-500 {
    color: rgba(246,245,241,0.74) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .author-settlement-command-btn:hover,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .statement-card-btn:not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history tbody tr:hover {
    background-color: rgba(246,245,241,0.052) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .statement-card-btn.bg-gray-900 {
    background: rgba(246,245,241,0.04) !important;
    border-color: rgba(246,245,241,0.12) !important;
    color: rgba(246,245,241,0.9) !important;
    box-shadow: inset 1px 0 0 rgba(246,245,241,0.2) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history #settlement-monthly-report-download {
    background: rgba(246,245,241,0.09) !important;
    border: 1px solid rgba(246,245,241,0.16) !important;
    color: rgba(246,245,241,0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(0,0,0,0.24) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history #settlement-monthly-report-download:hover {
    background: rgba(246,245,241,0.14) !important;
    color: var(--designer-ink) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .statement-card-btn.bg-gray-900 .text-gray-200 {
    color: rgba(246,245,241,0.62) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history thead,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history thead tr {
    background: #0f0f0f !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history th {
    color: rgba(246,245,241,0.68) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .border-b,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .divide-y > :not([hidden]) ~ :not([hidden]) {
    border-color: rgba(246,245,241,0.12) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history #statement-summary-panel,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history #statement-summary-panel .bg-white,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history #statement-summary-panel .bg-slate-50 {
    background-color: #0b0b0b !important;
    border-color: rgba(246,245,241,0.12) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history #statement-preview,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page {
    background: rgba(255,255,255,0.98) !important;
    color: #111111 !important;
    color-scheme: light;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page * {
    color: #111111 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-gray-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-gray-600,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-gray-500,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-slate-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-slate-600,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page p,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page label {
    color: #4b5563 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-blue-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-blue-800,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-sky-700 {
    color: #1d4ed8 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-emerald-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-emerald-800 {
    color: #047857 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-rose-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-amber-700,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .text-violet-700 {
    color: #9f1239 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .bg-blue-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .bg-sky-50 {
    background-color: #eff6ff !important;
    border-color: #bfdbfe !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .bg-emerald-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page [class*="bg-emerald-50/"] {
    background-color: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .bg-rose-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .bg-amber-50,
html.designer-dashboard-skin.theme-dark #content-area .author-settlement-history .uca-statement-page .bg-violet-50 {
    background-color: #fff7ed !important;
    border-color: #fed7aa !important;
}

html.designer-dashboard-skin.theme-light #content-area .author-settlement-history > section,
html.designer-dashboard-skin.theme-light #content-area .author-settlement-history .glass-panel {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17,0.018), 0 20px 62px rgba(17,17,17,0.065) !important;
}

html.designer-dashboard-skin.theme-light #content-area .author-settlement-history .author-settlement-command-btn,
html.designer-dashboard-skin.theme-light #content-area .author-settlement-history .statement-card-btn:not(.bg-gray-900),
html.designer-dashboard-skin.theme-light #content-area .author-settlement-history select,
html.designer-dashboard-skin.theme-light #content-area .author-settlement-history input {
    background-color: #ffffff !important;
    border-color: rgba(17,17,17,0.14) !important;
    color: #111111 !important;
}

html.designer-dashboard-skin.theme-light #content-area .author-settlement-history .statement-card-btn.bg-gray-900 {
    background: rgba(17,17,17,0.032) !important;
    border-color: rgba(17,17,17,0.1) !important;
    color: rgba(17,17,17,0.86) !important;
    box-shadow: inset 1px 0 0 rgba(17,17,17,0.16) !important;
}

html.designer-dashboard-skin.theme-light #content-area .author-settlement-history .statement-card-btn.bg-gray-900 * {
    color: inherit !important;
}

html.designer-dashboard-skin.theme-dark #nav-links .bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links .bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links .bg-blue-50,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .promotion-month-shortcut.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .hermes-agent-department-filter.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-month-today-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(246,245,241,0.038) !important;
    border-color: rgba(246,245,241,0.11) !important;
    color: rgba(246,245,241,0.9) !important;
    box-shadow: inset 1px 0 0 rgba(246,245,241,0.18) !important;
}

html.designer-dashboard-skin.theme-light #nav-links .bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links .bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links .bg-blue-50,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .promotion-month-shortcut.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .hermes-agent-department-filter.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-month-today-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(17,17,17,0.032) !important;
    border-color: rgba(17,17,17,0.095) !important;
    color: rgba(17,17,17,0.86) !important;
    box-shadow: inset 1px 0 0 rgba(17,17,17,0.16) !important;
}

html.designer-dashboard-skin.theme-dark #nav-links .bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #nav-links .bg-gray-100 *,
html.designer-dashboard-skin.theme-dark #nav-links .bg-blue-50 *,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950 *,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .work-log-filter-btn.bg-gray-950 *,
html.designer-dashboard-skin.theme-dark #content-area .work-log-category-filter-btn.bg-gray-950 *,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-filter-btn.bg-gray-950 *,
html.designer-dashboard-skin.theme-dark #content-area .market-tab-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .suggestion-filter-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .flowith-rewrite-style-tab.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .admin-promotion-month-shortcut.bg-gray-950 *,
html.designer-dashboard-skin.theme-dark #content-area .promotion-month-shortcut.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .admin-message-filter-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .settlement-view-tab.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .statement-card-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-950 *,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .hermes-agent-department-filter.bg-gray-950 *,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-month-today-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-filter-btn.bg-gray-900 * {
    color: inherit !important;
}

html.designer-dashboard-skin.theme-light #nav-links .bg-gray-900 *,
html.designer-dashboard-skin.theme-light #nav-links .bg-gray-100 *,
html.designer-dashboard-skin.theme-light #nav-links .bg-blue-50 *,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-slate-950 *,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .work-log-filter-btn.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area .work-log-category-filter-btn.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-filter-btn.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area .market-tab-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .suggestion-filter-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .flowith-rewrite-style-tab.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .admin-promotion-month-shortcut.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area .promotion-month-shortcut.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .admin-message-filter-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .settlement-view-tab.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .statement-card-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .hermes-agent-department-filter.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-month-today-btn.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-filter-btn.bg-gray-900 * {
    color: inherit !important;
}

html.designer-dashboard-skin.theme-dark #content-area button.page-focus-mode-btn:not(.bg-slate-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.work-log-filter-btn:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.work-log-category-filter-btn:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-filter-btn:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-route-filter-btn:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-stat-filter-btn:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.market-tab-btn:not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.suggestion-filter-btn:not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.flowith-rewrite-style-tab:not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.admin-promotion-month-shortcut:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.promotion-month-shortcut:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.admin-message-filter-btn:not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.settlement-view-tab:not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.statement-card-btn:not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.contract-type-tab:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.hermes-agent-department-filter:not(.bg-gray-950):not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.ops-schedule-month-today-btn:not(.bg-gray-900),
html.designer-dashboard-skin.theme-dark #content-area button.ops-schedule-filter-btn:not(.bg-gray-900) {
    background: rgba(255,255,255,0.026) !important;
    border-color: rgba(246,245,241,0.085) !important;
    color: rgba(246,245,241,0.62) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin.theme-dark #content-area button.page-focus-mode-btn:not(.bg-slate-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.work-log-filter-btn:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.work-log-category-filter-btn:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-filter-btn:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-route-filter-btn:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-stat-filter-btn:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.market-tab-btn:not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.suggestion-filter-btn:not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.flowith-rewrite-style-tab:not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.admin-promotion-month-shortcut:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.promotion-month-shortcut:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.admin-message-filter-btn:not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.settlement-view-tab:not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.statement-card-btn:not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.contract-type-tab:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.hermes-agent-department-filter:not(.bg-gray-950):not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.ops-schedule-month-today-btn:not(.bg-gray-900):hover,
html.designer-dashboard-skin.theme-dark #content-area button.ops-schedule-filter-btn:not(.bg-gray-900):hover {
    background: rgba(255,255,255,0.045) !important;
    border-color: rgba(246,245,241,0.13) !important;
    color: rgba(246,245,241,0.84) !important;
}

html.designer-dashboard-skin.theme-dark #content-area button.page-focus-mode-btn.page-focus-mode-btn:not(.bg-slate-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.work-log-filter-btn.work-log-filter-btn:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.work-log-category-filter-btn.work-log-category-filter-btn:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-filter-btn.ops-executive-checklist-filter-btn:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-route-filter-btn.ops-executive-checklist-route-filter-btn:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.ops-executive-checklist-stat-filter-btn.ops-executive-checklist-stat-filter-btn:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.market-tab-btn.market-tab-btn:not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.suggestion-filter-btn.suggestion-filter-btn:not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.flowith-rewrite-style-tab.flowith-rewrite-style-tab:not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.admin-promotion-month-shortcut.admin-promotion-month-shortcut:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.promotion-month-shortcut.promotion-month-shortcut:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.admin-message-filter-btn.admin-message-filter-btn:not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.settlement-view-tab.settlement-view-tab:not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.statement-card-btn.statement-card-btn:not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.contract-type-tab.contract-type-tab:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.hermes-agent-department-filter.hermes-agent-department-filter:not(.bg-gray-950):not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.ops-schedule-month-today-btn.ops-schedule-month-today-btn:not(.bg-gray-900):not(.bg-black):not(.bg-white),
html.designer-dashboard-skin.theme-dark #content-area button.ops-schedule-filter-btn.ops-schedule-filter-btn:not(.bg-gray-900):not(.bg-black):not(.bg-white) {
    background: rgba(255,255,255,0.026) !important;
    border-color: rgba(246,245,241,0.085) !important;
    color: rgba(246,245,241,0.62) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-slate-900\/90 {
    background: rgba(255,255,255,0.98) !important;
    border-color: rgba(17,17,17,0.12) !important;
    color: rgba(17,17,17,0.82) !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,0.05), 0 12px 28px rgba(17,17,17,0.045) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-slate-900\/90 * {
    color: rgba(17,17,17,0.72) !important;
}

html.designer-dashboard-skin.theme-light #content-area button:disabled,
html.designer-dashboard-skin.theme-light #content-area .cursor-not-allowed {
    background: rgba(17,17,17,0.045) !important;
    border-color: rgba(17,17,17,0.14) !important;
    color: rgba(17,17,17,0.54) !important;
    opacity: 1 !important;
}

html.designer-dashboard-skin #content-area > .page-focus-toolbar {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

html.designer-dashboard-skin #content-area > .page-focus-toolbar .page-focus-mode-switch {
    width: 100% !important;
}

html.designer-dashboard-skin #content-area .text-xs,
html.designer-dashboard-skin #content-area .text-\[11px\],
html.designer-dashboard-skin #content-area .text-\[10px\] {
    font-size: 12px !important;
    line-height: 1.48 !important;
}

html.designer-dashboard-skin #content-area .text-\[9px\] {
    font-size: 12px !important;
    line-height: 1.36 !important;
}

html.designer-dashboard-skin #content-area #platform-crm-form {
    flex: 1 1 520px !important;
    min-width: min(100%, 520px) !important;
    width: 100% !important;
}

html.designer-dashboard-skin #content-area #platform-crm-form select,
html.designer-dashboard-skin #content-area #platform-crm-form input,
html.designer-dashboard-skin #content-area #platform-crm-form button {
    min-width: 0 !important;
    width: 100% !important;
}

html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-dark #nav-links a.active,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active {
    background: rgba(246,245,241,0.024) !important;
    border-color: rgba(246,245,241,0.078) !important;
    color: rgba(246,245,241,0.8) !important;
    box-shadow: inset 2px 0 0 rgba(146,166,210,0.38) !important;
}

html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900 [class*="bg-"],
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100 [class*="bg-"],
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50 [class*="bg-"],
html.designer-dashboard-skin.theme-dark #nav-links a.active [class*="bg-"],
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active [class*="bg-"] {
    background: rgba(246,245,241,0.032) !important;
    color: rgba(246,245,241,0.78) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-light #nav-links a.active,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active {
    background: rgba(17,17,17,0.024) !important;
    border-color: rgba(17,17,17,0.076) !important;
    color: rgba(17,17,17,0.72) !important;
    box-shadow: inset 2px 0 0 rgba(17,17,17,0.24) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links a.active [class*="bg-"],
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active [class*="bg-"] {
    background: rgba(17,17,17,0.032) !important;
    color: rgba(17,17,17,0.7) !important;
}

/* Soft selected states: avoid dark/light full inversion on active menus. */
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-dark #nav-links a.active,
html.designer-dashboard-skin.theme-dark #nav-links button.active,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].active,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active {
    background: rgba(246,245,241,0.012) !important;
    border-color: rgba(246,245,241,0.052) !important;
    color: rgba(246,245,241,0.72) !important;
    box-shadow: inset 2px 0 0 rgba(146,166,210,0.22) !important;
}

html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900:hover,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100:hover,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50:hover,
html.designer-dashboard-skin.theme-dark #nav-links a.active:hover,
html.designer-dashboard-skin.theme-dark #nav-links button.active:hover,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].active:hover,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-900:hover,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-100:hover,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-blue-50:hover,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900:hover,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100:hover,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50:hover,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active:hover {
    background: rgba(246,245,241,0.032) !important;
    border-color: rgba(246,245,241,0.09) !important;
    color: rgba(246,245,241,0.88) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-light #nav-links a.active,
html.designer-dashboard-skin.theme-light #nav-links button.active,
html.designer-dashboard-skin.theme-light #nav-links [data-page].active,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active {
    background: rgba(17,17,17,0.012) !important;
    border-color: rgba(17,17,17,0.052) !important;
    color: rgba(17,17,17,0.64) !important;
    box-shadow: inset 2px 0 0 rgba(17,17,17,0.16) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900:hover,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100:hover,
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50:hover,
html.designer-dashboard-skin.theme-light #nav-links a.active:hover,
html.designer-dashboard-skin.theme-light #nav-links button.active:hover,
html.designer-dashboard-skin.theme-light #nav-links [data-page].active:hover,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-900:hover,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-100:hover,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-blue-50:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active:hover {
    background: rgba(17,17,17,0.032) !important;
    border-color: rgba(17,17,17,0.085) !important;
    color: rgba(17,17,17,0.82) !important;
}

html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900 [class*="bg-"],
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100 [class*="bg-"],
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50 [class*="bg-"],
html.designer-dashboard-skin.theme-dark #nav-links a.active [class*="bg-"],
html.designer-dashboard-skin.theme-dark #nav-links button.active [class*="bg-"],
html.designer-dashboard-skin.theme-dark #nav-links [data-page].active [class*="bg-"],
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active [class*="bg-"] {
    background: rgba(246,245,241,0.02) !important;
    color: rgba(246,245,241,0.7) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50 [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links a.active [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links button.active [class*="bg-"],
html.designer-dashboard-skin.theme-light #nav-links [data-page].active [class*="bg-"],
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active [class*="bg-"] {
    background: rgba(17,17,17,0.02) !important;
    color: rgba(17,17,17,0.62) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .promotion-month-shortcut.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .hermes-agent-department-filter.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-month-today-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(246,245,241,0.024) !important;
    border-color: rgba(246,245,241,0.08) !important;
    color: rgba(246,245,241,0.82) !important;
    box-shadow: inset 0 -1px 0 rgba(146,166,210,0.18) !important;
}

html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .promotion-month-shortcut.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .hermes-agent-department-filter.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-month-today-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(17,17,17,0.022) !important;
    border-color: rgba(17,17,17,0.075) !important;
    color: rgba(17,17,17,0.76) !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,0.12) !important;
}

/* v1159: unread alerts must not look like the current navigation item. */
html.designer-dashboard-skin.theme-dark #nav-links a.active,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].active {
    background: rgba(172,184,214,0.075) !important;
    border-color: rgba(172,184,214,0.22) !important;
    color: rgba(246,245,241,0.93) !important;
    box-shadow: inset 3px 0 0 rgba(172,184,214,0.52), 0 0 0 1px rgba(246,245,241,0.018) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.active,
html.designer-dashboard-skin.theme-light #nav-links [data-page].active {
    background: rgba(17,17,17,0.045) !important;
    border-color: rgba(17,17,17,0.12) !important;
    color: rgba(17,17,17,0.92) !important;
    box-shadow: inset 3px 0 0 rgba(17,17,17,0.45), 0 0 0 1px rgba(17,17,17,0.016) !important;
}

html.designer-dashboard-skin.theme-dark #nav-links a.uca-nav-alert:not(.active),
html.designer-dashboard-skin.theme-light #nav-links a.uca-nav-alert:not(.active) {
    box-shadow: none !important;
}

html.designer-dashboard-skin.theme-dark #nav-links a.uca-nav-alert:not(.active) {
    background: rgba(255,255,255,0.012) !important;
    border-color: rgba(248,113,113,0.16) !important;
    color: rgba(246,245,241,0.72) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.uca-nav-alert:not(.active) {
    background: rgba(255,255,255,0.78) !important;
    border-color: rgba(220,38,38,0.14) !important;
    color: rgba(17,17,17,0.72) !important;
}

html.designer-dashboard-skin #nav-links a.uca-nav-alert:not(.active) span[class*="bg-red-50"] {
    background: rgba(248,113,113,0.1) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-blue-600 *,
html.designer-dashboard-skin.theme-light #content-area .bg-blue-700 *,
html.designer-dashboard-skin.theme-light #content-area .bg-indigo-600 *,
html.designer-dashboard-skin.theme-light #content-area .bg-indigo-700 *,
html.designer-dashboard-skin.theme-light #content-area .bg-indigo-800 *,
html.designer-dashboard-skin.theme-light #content-area .bg-emerald-600 *,
html.designer-dashboard-skin.theme-light #content-area .bg-green-600 *,
html.designer-dashboard-skin.theme-light #content-area .bg-red-600 *,
html.designer-dashboard-skin.theme-light #content-area .bg-rose-600 *,
html.designer-dashboard-skin.theme-light #content-area .bg-purple-600 *,
html.designer-dashboard-skin.theme-light #content-area .bg-purple-700 *,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-600 *,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-700 *,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-800 *,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950 *,
html.designer-dashboard-skin.theme-light #content-area .bg-black * {
    color: inherit !important;
}

html.designer-dashboard-skin #content-area table th {
    font-size: 12px !important;
    line-height: 1.45 !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-indigo-700,
html.designer-dashboard-skin.theme-light #content-area .bg-indigo-800,
html.designer-dashboard-skin.theme-light #content-area .bg-purple-700,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-700,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-800 {
    background: rgba(17,17,17,0.052) !important;
    border: 1px solid rgba(17,17,17,0.14) !important;
    color: rgba(17,17,17,0.86) !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,0.08), 0 10px 24px rgba(17,17,17,0.035) !important;
}

/* Final selected-state pass: selected menus should read as emphasis, not theme inversion. */
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-dark #nav-links a.active,
html.designer-dashboard-skin.theme-dark #nav-links button.active,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].active,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50 {
    background: rgba(246,245,241,0.01) !important;
    border-color: rgba(246,245,241,0.045) !important;
    color: rgba(246,245,241,0.78) !important;
    box-shadow: inset 2px 0 0 rgba(146,166,210,0.2) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-light #nav-links a.active,
html.designer-dashboard-skin.theme-light #nav-links button.active,
html.designer-dashboard-skin.theme-light #nav-links [data-page].active,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50 {
    background: rgba(17,17,17,0.01) !important;
    border-color: rgba(17,17,17,0.045) !important;
    color: rgba(17,17,17,0.72) !important;
    box-shadow: inset 2px 0 0 rgba(17,17,17,0.16) !important;
}

html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900:hover,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100:hover,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50:hover,
html.designer-dashboard-skin.theme-dark #nav-links a.active:hover,
html.designer-dashboard-skin.theme-dark #nav-links button.active:hover,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].active:hover,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-900:hover,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-100:hover,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-blue-50:hover,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active:hover,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900:hover,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100:hover,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50:hover {
    background: rgba(246,245,241,0.02) !important;
    border-color: rgba(246,245,241,0.065) !important;
    color: rgba(246,245,241,0.76) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900:hover,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100:hover,
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50:hover,
html.designer-dashboard-skin.theme-light #nav-links a.active:hover,
html.designer-dashboard-skin.theme-light #nav-links button.active:hover,
html.designer-dashboard-skin.theme-light #nav-links [data-page].active:hover,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-900:hover,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-100:hover,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-blue-50:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100:hover,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50:hover {
    background: rgba(17,17,17,0.02) !important;
    border-color: rgba(17,17,17,0.065) !important;
    color: rgba(17,17,17,0.72) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(246,245,241,0.016) !important;
    border-color: rgba(246,245,241,0.07) !important;
    color: rgba(246,245,241,0.78) !important;
    box-shadow: inset 0 -1px 0 rgba(146,166,210,0.13) !important;
}

html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(17,17,17,0.014) !important;
    border-color: rgba(17,17,17,0.065) !important;
    color: rgba(17,17,17,0.74) !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,0.1) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-indigo-700:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-indigo-800:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-purple-700:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-700:hover,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-800:hover {
    background: rgba(17,17,17,0.082) !important;
    border-color: rgba(17,17,17,0.2) !important;
    color: #111111 !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-indigo-700 *,
html.designer-dashboard-skin.theme-light #content-area .bg-indigo-800 *,
html.designer-dashboard-skin.theme-light #content-area .bg-purple-700 *,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-700 *,
html.designer-dashboard-skin.theme-light #content-area .bg-violet-800 * {
    color: inherit !important;
}

@media (max-width: 768px) {
    body.admin-design-audit-shell #sidebar-nav {
        display: none !important;
    }

    body.admin-design-audit-shell main {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body.admin-design-audit-shell #content-area,
    body.admin-design-audit-shell #audit-summary {
        max-width: none !important;
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html.designer-dashboard-skin footer .text-\[10px\],
    html.designer-dashboard-skin footer .text-xs {
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    html.designer-dashboard-skin #content-area {
        max-width: 100% !important;
    }

    html.designer-dashboard-skin #content-area .flex {
        min-width: 0;
    }

    html.designer-dashboard-skin #content-area select,
    html.designer-dashboard-skin #content-area input,
    html.designer-dashboard-skin #content-area button,
    html.designer-dashboard-skin #content-area [role="button"] {
        max-width: 100%;
    }

    html.designer-dashboard-skin #content-area select,
    html.designer-dashboard-skin #content-area [class*="min-w-"] {
        min-width: 0 !important;
    }

    html.designer-dashboard-skin #content-area .admin-message-filter-btn {
        min-width: 0;
        flex: 1 1 112px;
        white-space: normal !important;
        line-height: 1.25 !important;
    }

    html.designer-dashboard-skin #content-area .admin-message-filter-btn + button,
    html.designer-dashboard-skin #content-area .admin-message-filter-btn ~ button {
        flex: 0 0 auto;
    }

    html.designer-dashboard-skin #content-area .overflow-x-auto,
    html.designer-dashboard-skin #content-area .overflow-auto {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    html.designer-dashboard-skin #content-area .overflow-x-auto table,
    html.designer-dashboard-skin #content-area .overflow-auto table {
        min-width: 720px !important;
        width: 100% !important;
        table-layout: auto !important;
    }

    html.designer-dashboard-skin #content-area .overflow-x-auto th,
    html.designer-dashboard-skin #content-area .overflow-x-auto td,
    html.designer-dashboard-skin #content-area .overflow-auto th,
    html.designer-dashboard-skin #content-area .overflow-auto td {
        white-space: nowrap !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    html.designer-dashboard-skin #content-area [id="admin-promotion-revenue-bar"] {
        overflow: hidden !important;
    }

    html.designer-dashboard-skin #content-area .admin-promotion-revenue-segment {
        min-width: 12px !important;
    }

    html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] {
        overflow: hidden;
    }

    html.designer-dashboard-skin #content-area .h-11.w-20.flex-none {
        flex: 1 1 76px !important;
        max-width: 104px;
    }

    html.designer-dashboard-skin #content-area .flex.justify-between.items-end:has(#author-filter-sales),
    html.designer-dashboard-skin #content-area .flex.justify-between.items-end:has(#author-filter-settlement),
    html.designer-dashboard-skin #content-area .flex.justify-between.items-end:has(#download-template-btn) {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    html.designer-dashboard-skin #content-area .flex:has(> #author-filter-sales),
    html.designer-dashboard-skin #content-area .flex:has(> #author-filter-settlement),
    html.designer-dashboard-skin #content-area .flex:has(> #download-template-btn) {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    html.designer-dashboard-skin #content-area #author-filter-sales,
    html.designer-dashboard-skin #content-area #author-filter-settlement {
        flex: 1 1 164px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    html.designer-dashboard-skin #content-area #download-template-btn {
        flex: 1 1 164px !important;
        justify-content: center !important;
        min-width: 0 !important;
        white-space: normal !important;
    }

    html.designer-dashboard-skin .author-settlement-dashboard > .flex:first-child,
    html.designer-dashboard-skin .author-settlement-history > .flex:first-child {
        flex-direction: column;
    }

    html.designer-dashboard-skin .author-settlement-dashboard > .flex:first-child .text-right,
    html.designer-dashboard-skin .author-settlement-history > .flex:first-child .text-right {
        text-align: left;
    }

    html.designer-dashboard-skin .author-settlement-dashboard .glass-card,
    html.designer-dashboard-skin .author-settlement-dashboard .glass-panel,
    html.designer-dashboard-skin .author-settlement-history .glass-panel {
        padding: 18px !important;
    }
}

/* Final dark-tone pass for pale informational panels and badges. */
html.designer-dashboard-skin.theme-dark #content-area .bg-blue-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-indigo-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-cyan-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-sky-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-violet-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-purple-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-emerald-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-amber-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-rose-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-red-50,
html.designer-dashboard-skin.theme-dark #content-area .bg-pink-50,
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-blue-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-indigo-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-cyan-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-sky-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-violet-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-purple-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-emerald-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-amber-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-rose-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-red-50/"],
html.designer-dashboard-skin.theme-dark #content-area [class*="bg-pink-50/"] {
    background-color: rgba(246,245,241,0.032) !important;
    border-color: rgba(246,245,241,0.095) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-blue-900,
html.designer-dashboard-skin.theme-dark #content-area .text-blue-800,
html.designer-dashboard-skin.theme-dark #content-area .text-blue-700,
html.designer-dashboard-skin.theme-dark #content-area .text-blue-600,
html.designer-dashboard-skin.theme-dark #content-area .text-indigo-900,
html.designer-dashboard-skin.theme-dark #content-area .text-indigo-800,
html.designer-dashboard-skin.theme-dark #content-area .text-indigo-700,
html.designer-dashboard-skin.theme-dark #content-area .text-cyan-900,
html.designer-dashboard-skin.theme-dark #content-area .text-cyan-800,
html.designer-dashboard-skin.theme-dark #content-area .text-cyan-700 {
    color: rgba(197,218,255,0.82) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-emerald-900,
html.designer-dashboard-skin.theme-dark #content-area .text-emerald-800,
html.designer-dashboard-skin.theme-dark #content-area .text-emerald-700,
html.designer-dashboard-skin.theme-dark #content-area .text-green-900,
html.designer-dashboard-skin.theme-dark #content-area .text-green-800,
html.designer-dashboard-skin.theme-dark #content-area .text-green-700 {
    color: rgba(191,232,207,0.82) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-amber-900,
html.designer-dashboard-skin.theme-dark #content-area .text-amber-800,
html.designer-dashboard-skin.theme-dark #content-area .text-amber-700,
html.designer-dashboard-skin.theme-dark #content-area .text-yellow-900,
html.designer-dashboard-skin.theme-dark #content-area .text-yellow-800,
html.designer-dashboard-skin.theme-dark #content-area .text-yellow-700 {
    color: rgba(237,219,174,0.84) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .text-red-900,
html.designer-dashboard-skin.theme-dark #content-area .text-red-800,
html.designer-dashboard-skin.theme-dark #content-area .text-red-700,
html.designer-dashboard-skin.theme-dark #content-area .text-rose-900,
html.designer-dashboard-skin.theme-dark #content-area .text-rose-800,
html.designer-dashboard-skin.theme-dark #content-area .text-rose-700 {
    color: rgba(244,190,190,0.84) !important;
}

/* v1148: selected controls are quiet emphasis, never full light/dark inversion. */
html.designer-dashboard-skin.theme-dark #nav-links a.active,
html.designer-dashboard-skin.theme-dark #nav-links button.active,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].active,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-950,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-slate-950,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-black,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-950,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-slate-950,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-black,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-950,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-slate-950,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-black,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50 {
    background: rgba(246,245,241,0.012) !important;
    border-color: rgba(246,245,241,0.052) !important;
    color: rgba(246,245,241,0.76) !important;
    box-shadow: inset 2px 0 0 rgba(146,166,210,0.18) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.active,
html.designer-dashboard-skin.theme-light #nav-links button.active,
html.designer-dashboard-skin.theme-light #nav-links [data-page].active,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-950,
html.designer-dashboard-skin.theme-light #nav-links a.bg-slate-950,
html.designer-dashboard-skin.theme-light #nav-links a.bg-black,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-950,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-slate-950,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-black,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-950,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-slate-950,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-black,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50 {
    background: rgba(17,17,17,0.012) !important;
    border-color: rgba(17,17,17,0.052) !important;
    color: rgba(17,17,17,0.72) !important;
    box-shadow: inset 2px 0 0 rgba(17,17,17,0.16) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .promotion-month-shortcut.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .hermes-agent-department-filter.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-month-today-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(246,245,241,0.016) !important;
    border-color: rgba(246,245,241,0.068) !important;
    color: rgba(246,245,241,0.78) !important;
    box-shadow: inset 0 -1px 0 rgba(146,166,210,0.12) !important;
}

html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .promotion-month-shortcut.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .hermes-agent-department-filter.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-month-today-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(17,17,17,0.014) !important;
    border-color: rgba(17,17,17,0.064) !important;
    color: rgba(17,17,17,0.74) !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,0.1) !important;
}

/* v1149: when formerly dark utility panels become paper panels in light mode,
   keep their nested copy readable instead of preserving white text. */
html.designer-dashboard-skin.theme-light #content-area .bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .bg-black {
    color: rgba(17,17,17,0.86) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-gray-900 .text-white,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950 .text-white,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950 .text-white,
html.designer-dashboard-skin.theme-light #content-area .bg-black .text-white,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-900 [class*="text-white/"],
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950 [class*="text-white/"],
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950 [class*="text-white/"],
html.designer-dashboard-skin.theme-light #content-area .bg-black [class*="text-white/"] {
    color: rgba(17,17,17,0.86) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-gray-900 .text-gray-300,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950 .text-gray-300,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950 .text-gray-300,
html.designer-dashboard-skin.theme-light #content-area .bg-black .text-gray-300,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-900 .text-gray-400,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950 .text-gray-400,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950 .text-gray-400,
html.designer-dashboard-skin.theme-light #content-area .bg-black .text-gray-400 {
    color: rgba(17,17,17,0.56) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-gray-950:has(#author-cover-toggle) > .mt-4,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950:has(#author-cover-toggle) > .mt-4 * {
    color: rgba(17,17,17,0.78) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-gray-950.p-5:has(#author-cover-toggle) {
    color: rgba(17,17,17,0.86) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-gray-950:has(#author-cover-toggle) > .mt-4 .text-gray-300,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-950:has(#author-cover-toggle) > .mt-4 [class*="text-white/"] {
    color: rgba(17,17,17,0.54) !important;
}

html.designer-dashboard-skin.theme-light #content-area #author-cover-toggle,
html.designer-dashboard-skin.theme-light #content-area #author-cover-toggle *,
html.designer-dashboard-skin.theme-light #content-area #author-cover-enlarged-toggle,
html.designer-dashboard-skin.theme-light #content-area #author-cover-enlarged-toggle * {
    color: #ffffff !important;
}

/* v1171: selected menus and segmented controls should be marked, not inverted. */
html.designer-dashboard-skin.theme-dark #nav-links a.active,
html.designer-dashboard-skin.theme-dark #nav-links button.active,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].active,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-950,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-slate-950,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-black,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-950,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-slate-950,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-black,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #nav-links [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-950,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-slate-950,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-black,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50 {
    background: rgba(246,245,241,0.014) !important;
    border-color: rgba(246,245,241,0.06) !important;
    color: rgba(246,245,241,0.82) !important;
    box-shadow: inset 2px 0 0 rgba(172,184,214,0.22) !important;
}

html.designer-dashboard-skin.theme-light #nav-links a.active,
html.designer-dashboard-skin.theme-light #nav-links button.active,
html.designer-dashboard-skin.theme-light #nav-links [data-page].active,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-950,
html.designer-dashboard-skin.theme-light #nav-links a.bg-slate-950,
html.designer-dashboard-skin.theme-light #nav-links a.bg-black,
html.designer-dashboard-skin.theme-light #nav-links a.bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links a.bg-blue-50,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-950,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-slate-950,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-black,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #nav-links [data-page].bg-blue-50,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-950,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-slate-950,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-black,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50 {
    background: rgba(17,17,17,0.016) !important;
    border-color: rgba(17,17,17,0.06) !important;
    color: rgba(17,17,17,0.78) !important;
    box-shadow: inset 2px 0 0 rgba(17,17,17,0.18) !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .promotion-month-shortcut.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .hermes-agent-department-filter.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-month-today-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(246,245,241,0.018) !important;
    border-color: rgba(246,245,241,0.07) !important;
    color: rgba(246,245,241,0.8) !important;
    box-shadow: inset 0 -1px 0 rgba(172,184,214,0.14) !important;
}

html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .work-log-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .work-log-category-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-route-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-executive-checklist-stat-filter-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .market-tab-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .suggestion-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .flowith-rewrite-style-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-promotion-month-shortcut.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .promotion-month-shortcut.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-message-filter-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .settlement-view-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .statement-card-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .contract-type-tab.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .hermes-agent-department-filter.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-month-today-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .ops-schedule-filter-btn.bg-gray-900 {
    background: rgba(17,17,17,0.018) !important;
    border-color: rgba(17,17,17,0.07) !important;
    color: rgba(17,17,17,0.78) !important;
    box-shadow: inset 0 -1px 0 rgba(17,17,17,0.11) !important;
}

html.designer-dashboard-skin.theme-dark #nav-links .active *,
html.designer-dashboard-skin.theme-dark #nav-links .bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #nav-links .bg-gray-950 *,
html.designer-dashboard-skin.theme-dark #nav-links .bg-slate-950 *,
html.designer-dashboard-skin.theme-dark #nav-links .bg-black *,
html.designer-dashboard-skin.theme-dark #nav-links .bg-gray-100 *,
html.designer-dashboard-skin.theme-dark #nav-links .bg-blue-50 *,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].active *,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-900 *,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-950 *,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-slate-950 *,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-black *,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-gray-100 *,
html.designer-dashboard-skin.theme-dark #sidebar-nav [data-page].bg-blue-50 * {
    color: inherit !important;
}

html.designer-dashboard-skin.theme-light #nav-links .active *,
html.designer-dashboard-skin.theme-light #nav-links .bg-gray-900 *,
html.designer-dashboard-skin.theme-light #nav-links .bg-gray-950 *,
html.designer-dashboard-skin.theme-light #nav-links .bg-slate-950 *,
html.designer-dashboard-skin.theme-light #nav-links .bg-black *,
html.designer-dashboard-skin.theme-light #nav-links .bg-gray-100 *,
html.designer-dashboard-skin.theme-light #nav-links .bg-blue-50 *,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].active *,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-900 *,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-950 *,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-slate-950 *,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-black *,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-gray-100 *,
html.designer-dashboard-skin.theme-light #sidebar-nav [data-page].bg-blue-50 * {
    color: inherit !important;
}

/* Designer QA finish layer
   Keeps the dashboard professional without changing page logic. */
html.designer-dashboard-skin #content-area {
    font-size: 14px;
}

html.designer-dashboard-skin #content-area .page-focus-toolbar,
html.designer-dashboard-skin #content-area .page-workflow-roadmap {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html.designer-dashboard-skin #content-area .page-focus-toolbar {
    padding: 10px !important;
}

html.designer-dashboard-skin #content-area .page-focus-toolbar > div,
html.designer-dashboard-skin #content-area .page-focus-mode-switch {
    width: 100% !important;
    max-width: none !important;
}

html.designer-dashboard-skin #content-area .page-focus-mode-switch {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    min-height: 42px !important;
    border-radius: 6px !important;
}

html.designer-dashboard-skin #content-area .page-focus-mode-btn {
    min-height: 34px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-950,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .page-focus-mode-btn.bg-black {
    background: rgba(246,245,241,0.055) !important;
    color: rgba(246,245,241,0.94) !important;
    border-color: rgba(246,245,241,0.14) !important;
    box-shadow: inset 0 0 0 1px rgba(246,245,241,0.035) !important;
}

html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .page-focus-mode-btn.bg-black {
    background: rgba(17,17,17,0.048) !important;
    color: rgba(17,17,17,0.9) !important;
    border-color: rgba(17,17,17,0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(17,17,17,0.025) !important;
}

html.designer-dashboard-skin #content-area table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-size: 13.5px !important;
}

html.designer-dashboard-skin #content-area th,
html.designer-dashboard-skin #content-area td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.55 !important;
    vertical-align: middle !important;
}

html.designer-dashboard-skin #content-area th:first-child,
html.designer-dashboard-skin #content-area td:first-child {
    padding-left: 16px !important;
}

html.designer-dashboard-skin #content-area th:last-child,
html.designer-dashboard-skin #content-area td:last-child {
    padding-right: 16px !important;
}

html.designer-dashboard-skin #content-area .overflow-x-auto {
    border-radius: 7px !important;
}

html.designer-dashboard-skin #content-area button,
html.designer-dashboard-skin #content-area [role="button"],
html.designer-dashboard-skin #content-area select,
html.designer-dashboard-skin #content-area input,
html.designer-dashboard-skin #content-area textarea {
    font-size: max(13px, 0.8125rem) !important;
}

html.designer-dashboard-skin #content-area button,
html.designer-dashboard-skin #content-area a[role="button"],
html.designer-dashboard-skin #content-area .action-btn,
html.designer-dashboard-skin #content-area [class*="command-btn"] {
    min-height: 36px !important;
}

html.designer-dashboard-skin #content-area .text-xs,
html.designer-dashboard-skin #content-area .text-\[11px\],
html.designer-dashboard-skin #content-area .text-\[10px\],
html.designer-dashboard-skin #content-area .text-\[9px\],
html.designer-dashboard-skin #content-area .text-\[8px\] {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

html.designer-dashboard-skin #content-area .author-settlement-dashboard th,
html.designer-dashboard-skin #content-area .author-settlement-history th,
html.designer-dashboard-skin #content-area .admin-author-settlement-summary-table th,
html.designer-dashboard-skin #content-area .admin-platform-payment-table th {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

html.designer-dashboard-skin #content-area table th,
html.designer-dashboard-skin #content-area table td,
html.designer-dashboard-skin #content-area table td .font-semibold,
html.designer-dashboard-skin #content-area table td .font-mono {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

html.designer-dashboard-skin #content-area .text-sm {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
}

html.designer-dashboard-skin #content-area .text-base {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

html.designer-dashboard-skin #content-area .grid,
html.designer-dashboard-skin #content-area .flex {
    min-width: 0;
}

html.designer-dashboard-skin #content-area .truncate {
    min-width: 0;
}

html.designer-dashboard-skin #content-area .badge,
html.designer-dashboard-skin #content-area [class*="badge"],
html.designer-dashboard-skin #content-area [class*="chip"],
html.designer-dashboard-skin #content-area [class*="pill"] {
    border-radius: 999px !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin.theme-dark #content-area .badge,
html.designer-dashboard-skin.theme-dark #content-area [class*="badge"],
html.designer-dashboard-skin.theme-dark #content-area [class*="chip"],
html.designer-dashboard-skin.theme-dark #content-area [class*="pill"] {
    background-color: rgba(255,255,255,0.055) !important;
    border-color: rgba(246,245,241,0.13) !important;
}

html.designer-dashboard-skin.theme-light #content-area .badge,
html.designer-dashboard-skin.theme-light #content-area [class*="badge"],
html.designer-dashboard-skin.theme-light #content-area [class*="chip"],
html.designer-dashboard-skin.theme-light #content-area [class*="pill"] {
    background-color: rgba(17,17,17,0.035) !important;
    border-color: rgba(17,17,17,0.1) !important;
}

html.designer-dashboard-skin #content-area .rounded-full {
    border-radius: 999px !important;
}

html.designer-dashboard-skin #content-area .rounded-\[2rem\],
html.designer-dashboard-skin #content-area .rounded-\[32px\],
html.designer-dashboard-skin #content-area .rounded-\[28px\],
html.designer-dashboard-skin #content-area .rounded-\[24px\] {
    border-radius: 8px !important;
}

html.designer-dashboard-skin.theme-dark #content-area .bg-white.text-black,
html.designer-dashboard-skin.theme-dark #content-area .bg-white.text-gray-900,
html.designer-dashboard-skin.theme-dark #content-area .bg-white.text-slate-900 {
    background: rgba(246,245,241,0.08) !important;
    color: rgba(246,245,241,0.94) !important;
}

html.designer-dashboard-skin.theme-light #content-area .bg-black.text-white,
html.designer-dashboard-skin.theme-light #content-area .bg-gray-900.text-white,
html.designer-dashboard-skin.theme-light #content-area .bg-slate-950.text-white {
    background: rgba(17,17,17,0.055) !important;
    color: rgba(17,17,17,0.9) !important;
}

html.designer-dashboard-skin #content-area .page-focus-mode-switch .page-focus-mode-btn,
html.designer-dashboard-skin #content-area button.page-focus-mode-btn.text-xs {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* v1159 panel polish: dark utility panels should become editorial panels in light mode. */
html.designer-dashboard-skin.theme-light #content-area section.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area section.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area section.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area article.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area article.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area article.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area details.bg-gray-950,
html.designer-dashboard-skin.theme-light #content-area details.bg-slate-950,
html.designer-dashboard-skin.theme-light #content-area details.bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.p-4:not([id*="tooltip"]):not([class*="modal"]):not([class*="backdrop"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.p-4:not([id*="tooltip"]):not([class*="modal"]):not([class*="backdrop"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-900.p-4:not([id*="tooltip"]):not([class*="modal"]):not([class*="backdrop"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.p-5:not([id*="tooltip"]):not([class*="modal"]):not([class*="backdrop"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.p-5:not([id*="tooltip"]):not([class*="modal"]):not([class*="backdrop"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-900.p-5:not([id*="tooltip"]):not([class*="modal"]):not([class*="backdrop"]) {
    background: rgba(255,255,255,0.98) !important;
    border: 1px solid rgba(17,17,17,0.11) !important;
    color: rgba(17,17,17,0.88) !important;
    box-shadow: 0 12px 30px rgba(17,17,17,0.045) !important;
}

html.designer-dashboard-skin.theme-light #content-area section.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area section.bg-slate-950 *,
html.designer-dashboard-skin.theme-light #content-area section.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area article.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area article.bg-slate-950 *,
html.designer-dashboard-skin.theme-light #content-area article.bg-gray-900 *,
html.designer-dashboard-skin.theme-light #content-area details.bg-gray-950 *,
html.designer-dashboard-skin.theme-light #content-area details.bg-slate-950 *,
html.designer-dashboard-skin.theme-light #content-area details.bg-gray-900 * {
    color: inherit !important;
}

html.designer-dashboard-skin.theme-dark #content-area section.bg-white,
html.designer-dashboard-skin.theme-dark #content-area article.bg-white,
html.designer-dashboard-skin.theme-dark #content-area details.bg-white {
    background: rgba(246,245,241,0.035) !important;
    border-color: rgba(246,245,241,0.09) !important;
    color: rgba(246,245,241,0.86) !important;
}

/* v1159 admin density polish: messages and report panels should feel editorial, not utility-dark. */
html.designer-dashboard-skin.theme-light #content-area #admin-message-chat-section .bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-message-thread-btn .bg-gray-900,
html.designer-dashboard-skin.theme-light #content-area .admin-message-thread-btn .bg-violet-700 {
    background: rgba(17,17,17,0.075) !important;
    border: 1px solid rgba(17,17,17,0.08) !important;
    color: rgba(17,17,17,0.86) !important;
}

html.designer-dashboard-skin.theme-light #content-area #admin-message-chat-section .rounded-2xl.bg-gray-900.text-white {
    background: #f5f5f2 !important;
    border: 1px solid rgba(17,17,17,0.1) !important;
    color: rgba(17,17,17,0.9) !important;
    box-shadow: 0 10px 24px rgba(17,17,17,0.04) !important;
}

html.designer-dashboard-skin.theme-dark #content-area #admin-message-chat-section .bg-gray-50,
html.designer-dashboard-skin.theme-dark #content-area #admin-message-chat-scroll.bg-gray-50 {
    background: rgba(255,255,255,0.018) !important;
}

html.designer-dashboard-skin.theme-dark #content-area #admin-message-chat-section .rounded-2xl.bg-white,
html.designer-dashboard-skin.theme-dark #content-area .admin-message-thread-btn.bg-white {
    background: rgba(246,245,241,0.035) !important;
    border-color: rgba(246,245,241,0.09) !important;
    color: rgba(246,245,241,0.86) !important;
}

html.designer-dashboard-skin.theme-light #content-area #novel-performance-report > .bg-gray-950 {
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,247,244,0.98) 100%) !important;
    border-bottom: 1px solid rgba(17,17,17,0.1) !important;
    color: rgba(17,17,17,0.92) !important;
}

html.designer-dashboard-skin.theme-light #content-area #novel-performance-report > .bg-gray-950 .text-indigo-200,
html.designer-dashboard-skin.theme-light #content-area #novel-performance-report > .bg-gray-950 .text-gray-200 {
    color: rgba(17,17,17,0.62) !important;
}

html.designer-dashboard-skin.theme-light #content-area #novel-performance-report > .bg-gray-950 .bg-white.text-gray-950 {
    background: rgba(17,17,17,0.045) !important;
    color: rgba(17,17,17,0.9) !important;
    border: 1px solid rgba(17,17,17,0.08) !important;
}

/* v1159: broad editorial normalization for legacy dark information panels.
   Command buttons and hover tooltips stay dark; content blocks become quiet paper panels. */
html.designer-dashboard-skin.theme-light #content-area section.bg-gray-950.text-white,
html.designer-dashboard-skin.theme-light #content-area section.bg-slate-950.text-white,
html.designer-dashboard-skin.theme-light #content-area article.bg-gray-950.text-white,
html.designer-dashboard-skin.theme-light #content-area article.bg-slate-950.text-white,
html.designer-dashboard-skin.theme-light #content-area details.bg-gray-950.text-white,
html.designer-dashboard-skin.theme-light #content-area details.bg-slate-950.text-white,
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.text-white.p-4:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.text-white.p-4:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.text-white.p-5:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.text-white.p-5:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.text-white.p-6:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]),
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.text-white.p-6:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]) {
    background: linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(247,247,244,0.98) 100%) !important;
    border-color: rgba(17,17,17,0.11) !important;
    color: rgba(17,17,17,0.9) !important;
    box-shadow: 0 14px 32px rgba(17,17,17,0.045) !important;
}

html.designer-dashboard-skin.theme-light #content-area section.bg-gray-950.text-white *,
html.designer-dashboard-skin.theme-light #content-area section.bg-slate-950.text-white *,
html.designer-dashboard-skin.theme-light #content-area article.bg-gray-950.text-white *,
html.designer-dashboard-skin.theme-light #content-area article.bg-slate-950.text-white *,
html.designer-dashboard-skin.theme-light #content-area details.bg-gray-950.text-white *,
html.designer-dashboard-skin.theme-light #content-area details.bg-slate-950.text-white *,
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.text-white.p-4:not([id*="tooltip"]) *,
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.text-white.p-4:not([id*="tooltip"]) *,
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.text-white.p-5:not([id*="tooltip"]) *,
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.text-white.p-5:not([id*="tooltip"]) *,
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.text-white.p-6:not([id*="tooltip"]) *,
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.text-white.p-6:not([id*="tooltip"]) * {
    color: inherit !important;
}

html.designer-dashboard-skin.theme-light #content-area section.bg-gray-950.text-white .bg-white,
html.designer-dashboard-skin.theme-light #content-area section.bg-slate-950.text-white .bg-white,
html.designer-dashboard-skin.theme-light #content-area article.bg-gray-950.text-white .bg-white,
html.designer-dashboard-skin.theme-light #content-area article.bg-slate-950.text-white .bg-white,
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.text-white.p-4:not([id*="tooltip"]) .bg-white,
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.text-white.p-4:not([id*="tooltip"]) .bg-white,
html.designer-dashboard-skin.theme-light #content-area div.bg-gray-950.text-white.p-5:not([id*="tooltip"]) .bg-white,
html.designer-dashboard-skin.theme-light #content-area div.bg-slate-950.text-white.p-5:not([id*="tooltip"]) .bg-white {
    background: rgba(17,17,17,0.045) !important;
    border-color: rgba(17,17,17,0.08) !important;
}

html.designer-dashboard-skin.theme-light #content-area .author-copy-five-minute-route-btn,
html.designer-dashboard-skin.theme-light #content-area #ops-copy-executive-checklist-route-btn,
html.designer-dashboard-skin.theme-light #content-area #ops-copy-executive-checklist-brief-btn {
    background: rgba(17,17,17,0.045) !important;
    border: 1px solid rgba(17,17,17,0.12) !important;
    color: rgba(17,17,17,0.86) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin.theme-dark #content-area section.bg-gray-950.text-white,
html.designer-dashboard-skin.theme-dark #content-area section.bg-slate-950.text-white,
html.designer-dashboard-skin.theme-dark #content-area article.bg-gray-950.text-white,
html.designer-dashboard-skin.theme-dark #content-area article.bg-slate-950.text-white,
html.designer-dashboard-skin.theme-dark #content-area details.bg-gray-950.text-white,
html.designer-dashboard-skin.theme-dark #content-area details.bg-slate-950.text-white,
html.designer-dashboard-skin.theme-dark #content-area div.bg-gray-950.text-white.p-4:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]),
html.designer-dashboard-skin.theme-dark #content-area div.bg-slate-950.text-white.p-4:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]),
html.designer-dashboard-skin.theme-dark #content-area div.bg-gray-950.text-white.p-5:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]),
html.designer-dashboard-skin.theme-dark #content-area div.bg-slate-950.text-white.p-5:not([id*="tooltip"]):not(.rounded-full):not([class*="modal"]) {
    background: rgba(246,245,241,0.035) !important;
    border-color: rgba(246,245,241,0.095) !important;
    color: rgba(246,245,241,0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035), 0 18px 40px rgba(0,0,0,0.18) !important;
}

/* v1169: render-audit fixes for compact CRM controls and author distribution chips. */
html.designer-dashboard-skin #content-area #platform-crm-section > .flex {
    align-items: stretch !important;
    flex-wrap: wrap !important;
    overflow: hidden !important;
}

html.designer-dashboard-skin #content-area #platform-crm-section > .flex > .flex.flex-col.sm\:flex-row {
    flex: 1 1 420px !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
}

html.designer-dashboard-skin #content-area #platform-crm-section > .flex > form#platform-crm-form {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html.designer-dashboard-skin #content-area #platform-crm-section > .flex > .min-w-0 {
    flex: 1 1 260px !important;
}

html.designer-dashboard-skin #content-area #platform-crm-section #platform-crm-gmail-range,
html.designer-dashboard-skin #content-area #platform-crm-section #sync-gmail-platform-crm-btn,
html.designer-dashboard-skin #content-area #platform-crm-section #sync-gmail-platform-crm-full-reset-btn {
    min-height: 42px !important;
    white-space: normal !important;
    line-height: 1.35 !important;
}

html.designer-dashboard-skin #content-area #platform-crm-section #platform-crm-gmail-range {
    flex: 0 0 auto !important;
}

html.designer-dashboard-skin #content-area #platform-crm-section #sync-gmail-platform-crm-btn,
html.designer-dashboard-skin #content-area #platform-crm-section #sync-gmail-platform-crm-full-reset-btn {
    flex: 1 1 190px !important;
}

html.designer-dashboard-skin #content-area #author-section-distribution .flex.flex-wrap.gap-2 {
    align-items: flex-start !important;
}

html.designer-dashboard-skin #content-area #author-section-distribution .relative.group {
    max-width: 100% !important;
}

html.designer-dashboard-skin #content-area #author-section-distribution .relative.group > span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-bar,
html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] {
    overflow: hidden !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-bar .absolute.inset-y-0.right-0.grid {
    overflow: hidden !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-bar .absolute.inset-y-0.right-0.grid > div {
    min-width: 0 !important;
    overflow: hidden !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-bar .absolute.inset-y-0.right-0.grid span {
    left: 3px !important;
    max-width: calc(100% - 6px) !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section .grid.lg\:grid-cols-\[220px_220px_1fr\] {
    align-items: start !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)) !important;
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section [class*="lg:grid-cols-[220px_220px_1fr]"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: start !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section [class*="lg:grid-cols-[220px_220px_1fr]"] > * {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section .rounded-xl.border.border-dashed {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section .flex.flex-col.gap-3.lg\:flex-row {
    align-items: stretch !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section .mb-4 .flex.flex-col.gap-2 {
    flex-direction: column !important;
    align-items: stretch !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section .mb-4 .grid.grid-cols-2 {
    min-width: 0 !important;
    max-width: 100% !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section button {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section .grid.grid-cols-2.gap-2.text-center {
    min-width: min(100%, 240px) !important;
}

html.designer-dashboard-skin #content-area #settlement-platform-raw-upload-section .grid.grid-cols-2.gap-2.text-center > div {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area table.min-w-\[820px\] {
    min-width: 100% !important;
    table-layout: auto !important;
}

html.designer-dashboard-skin #content-area table.min-w-\[820px\] th,
html.designer-dashboard-skin #content-area table.min-w-\[820px\] td {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area #author-section-history .relative.flex.gap-3 {
    min-height: 116px !important;
    height: auto !important;
    align-items: flex-start !important;
    overflow: visible !important;
}

html.designer-dashboard-skin #content-area #author-section-history .relative.flex.gap-3 > .absolute {
    bottom: 0 !important;
}

html.designer-dashboard-skin #content-area #author-section-history .relative.flex.gap-3 > .min-w-0 {
    min-height: 110px !important;
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area #author-section-history .relative.flex.gap-3 p,
html.designer-dashboard-skin #content-area #author-section-history .relative.flex.gap-3 div {
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area .promotion-calendar-chip .truncate {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

html.designer-dashboard-skin #content-area .promotion-calendar-chip > div:first-child {
    display: block !important;
    min-height: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.3 !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area .promotion-calendar-chip {
    min-height: 56px !important;
    height: auto !important;
    white-space: normal !important;
    overflow: visible !important;
}

html.designer-dashboard-skin #content-area .promotion-calendar-day,
html.designer-dashboard-skin #content-area .promotion-calendar-day > div {
    height: auto !important;
    min-height: 112px !important;
    overflow: visible !important;
}

html.designer-dashboard-skin #content-area .promotion-calendar-grid {
    align-items: start !important;
}

html.designer-dashboard-skin #content-area .promotion-calendar-day .space-y-1\.5,
html.designer-dashboard-skin #content-area .promotion-calendar-day [class*="max-h-[80px]"] {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

html.designer-dashboard-skin #content-area #author-promotion-calendar-section .max-h-32 {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

html.designer-dashboard-skin #content-area .line-clamp-3 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    overflow: visible !important;
}

html.designer-dashboard-skin #content-area .space-y-6.animate-enter,
html.designer-dashboard-skin #content-area .glass-panel,
html.designer-dashboard-skin #content-area .glass-card {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 640px) {
    html.designer-dashboard-skin #content-area .truncate {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    html.designer-dashboard-skin #content-area .glass-panel,
    html.designer-dashboard-skin #content-area .glass-card {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    html.designer-dashboard-skin #content-area .promotion-calendar-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.75rem !important;
        max-width: 100% !important;
    }

    html.designer-dashboard-skin #content-area .promotion-calendar-weekday,
    html.designer-dashboard-skin #content-area .promotion-calendar-empty {
        display: none !important;
    }

    html.designer-dashboard-skin #content-area .promotion-calendar-day {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 0.75rem !important;
        overflow: visible !important;
    }

    html.designer-dashboard-skin #content-area .promotion-calendar-day .promotion-calendar-date {
        margin-bottom: 0.5rem !important;
    }

    html.designer-dashboard-skin #content-area .promotion-calendar-day .space-y-1\.5 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.5rem !important;
    }

    html.designer-dashboard-skin #content-area .promotion-calendar-chip {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 0.625rem 0.75rem !important;
    }

    html.designer-dashboard-skin #content-area .flex.justify-between.items-center,
    html.designer-dashboard-skin #content-area .flex.items-center.gap-3 {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        min-width: 0 !important;
    }

    html.designer-dashboard-skin #content-area .flex.items-center.gap-3 > * {
        min-width: 0 !important;
    }
}

html.designer-dashboard-skin #content-area table th,
html.designer-dashboard-skin #content-area table td,
html.designer-dashboard-skin #content-area table td .font-semibold,
html.designer-dashboard-skin #content-area table td .font-mono,
html.designer-dashboard-skin #content-area .overflow-x-auto th,
html.designer-dashboard-skin #content-area .overflow-x-auto td,
html.designer-dashboard-skin #content-area .overflow-auto th,
html.designer-dashboard-skin #content-area .overflow-auto td,
html.designer-dashboard-skin #content-area .text-xs,
html.designer-dashboard-skin #content-area .text-\[11px\],
html.designer-dashboard-skin #content-area .text-\[10px\],
html.designer-dashboard-skin #content-area .text-\[9px\],
html.designer-dashboard-skin #content-area .text-\[8px\] {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

html.designer-dashboard-skin #content-area button,
html.designer-dashboard-skin #content-area a[role="button"],
html.designer-dashboard-skin #content-area input,
html.designer-dashboard-skin #content-area select,
html.designer-dashboard-skin #content-area textarea {
    min-height: 34px !important;
}

@keyframes designerFadeIn {
    from {
        opacity: 0.001;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* v1179: desktop/mobile overflow guards are now audit-enforced for settlement uploads, author history, and promotion calendars. */
/* v1180: commercial polish guards enforce readable small text, full-width focus bars, and restrained card radii. */
/* v1183: render audits now fail on cramped controls and over-rounded content panels. */
/* v1184: render audits now fail when data-connection placeholder screens replace real page content. */

/* v1402: Studio UCA Flowith policy and diagnostics control. */
html.designer-dashboard-skin {
    --uca-brand-bg: #000000;
    --uca-brand-surface: #080808;
    --uca-brand-raised: #0d0d0d;
    --uca-brand-ink: #f4f3ef;
    --uca-brand-muted: #aaa9a4;
    --uca-brand-subtle: #747570;
    --uca-brand-line: rgba(244, 243, 239, 0.13);
    --uca-brand-line-strong: rgba(244, 243, 239, 0.24);
    --uca-brand-accent: #7186ff;
    --uca-brand-accent-soft: rgba(113, 134, 255, 0.12);
    --uca-brand-radius: 8px;
    --uca-dashboard-max: 1480px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html.designer-dashboard-skin.theme-light {
    --uca-brand-bg: #ffffff;
    --uca-brand-surface: #ffffff;
    --uca-brand-raised: #f7f7f4;
    --uca-brand-ink: #171717;
    --uca-brand-muted: #60615e;
    --uca-brand-subtle: #8b8c87;
    --uca-brand-line: rgba(23, 23, 23, 0.12);
    --uca-brand-line-strong: rgba(23, 23, 23, 0.23);
    --uca-brand-accent: #5369e8;
    --uca-brand-accent-soft: rgba(83, 105, 232, 0.09);
    color-scheme: light;
}

html.designer-dashboard-skin,
html.designer-dashboard-skin body,
html.designer-dashboard-skin #app,
html.designer-dashboard-skin main,
html.designer-dashboard-skin #content-area-wrapper,
html.designer-dashboard-skin #content-area {
    background: var(--uca-brand-bg) !important;
    color: var(--uca-brand-ink) !important;
}

html.designer-dashboard-skin body::before,
html.designer-dashboard-skin #content-area-wrapper.bg-grid {
    background-image: none !important;
}

html.designer-dashboard-skin body,
html.designer-dashboard-skin button,
html.designer-dashboard-skin input,
html.designer-dashboard-skin select,
html.designer-dashboard-skin textarea {
    font-family: inherit !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin h1,
html.designer-dashboard-skin h2,
html.designer-dashboard-skin h3,
html.designer-dashboard-skin h4,
html.designer-dashboard-skin h5,
html.designer-dashboard-skin h6 {
    font-family: "Garet", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

html.designer-dashboard-skin #sidebar-nav {
    width: 264px !important;
    flex: 0 0 264px !important;
    padding: 18px !important;
    background: color-mix(in srgb, var(--uca-brand-bg) 96%, transparent) !important;
    border-right: 1px solid var(--uca-brand-line) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px);
}

html.designer-dashboard-skin #sidebar-nav .mb-10 {
    margin-bottom: 26px !important;
}

html.designer-dashboard-skin #sidebar-nav .sidebar-logo-shell {
    min-height: 102px !important;
    border: 0 !important;
    border-radius: var(--uca-brand-radius) !important;
    background: transparent !important;
    filter: none !important;
}

html.designer-dashboard-skin #sidebar-nav .sidebar-logo {
    width: min(78%, 168px) !important;
    max-height: 96px !important;
    border-radius: 0 !important;
}

html.designer-dashboard-skin #partner-dashboard-link {
    margin-top: 6px !important;
    color: var(--uca-brand-muted) !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    letter-spacing: 0.08em !important;
    text-shadow: none !important;
}

html.designer-dashboard-skin #nav-links {
    display: grid;
    gap: 4px !important;
}

html.designer-dashboard-skin #nav-links > div:not([data-page]),
html.designer-dashboard-skin #nav-links .text-\[10px\],
html.designer-dashboard-skin #nav-links .text-xs.text-gray-400 {
    margin: 14px 8px 5px !important;
    color: var(--uca-brand-subtle) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.04em !important;
}

html.designer-dashboard-skin #nav-links a,
html.designer-dashboard-skin #nav-links button,
html.designer-dashboard-skin #sidebar-nav [data-page] {
    min-height: 42px !important;
    padding: 9px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--uca-brand-muted) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin #nav-links a:hover,
html.designer-dashboard-skin #nav-links button:hover,
html.designer-dashboard-skin #sidebar-nav [data-page]:hover {
    border-color: var(--uca-brand-line) !important;
    background: color-mix(in srgb, var(--uca-brand-ink) 4%, transparent) !important;
    color: var(--uca-brand-ink) !important;
}

html.designer-dashboard-skin #nav-links [data-page].active,
html.designer-dashboard-skin #nav-links [data-page].bg-gray-900,
html.designer-dashboard-skin #nav-links [data-page].bg-gray-950,
html.designer-dashboard-skin #nav-links [data-page].bg-slate-950,
html.designer-dashboard-skin #nav-links [data-page].bg-black,
html.designer-dashboard-skin #nav-links [data-page].bg-gray-100,
html.designer-dashboard-skin #nav-links [data-page].bg-blue-50 {
    border-color: var(--uca-brand-line-strong) !important;
    background: color-mix(in srgb, var(--uca-brand-ink) 5%, transparent) !important;
    color: var(--uca-brand-ink) !important;
    box-shadow: inset 2px 0 0 var(--uca-brand-accent) !important;
}

html.designer-dashboard-skin #nav-links [data-page].active *,
html.designer-dashboard-skin #nav-links [data-page].bg-gray-900 *,
html.designer-dashboard-skin #nav-links [data-page].bg-gray-950 *,
html.designer-dashboard-skin #nav-links [data-page].bg-slate-950 *,
html.designer-dashboard-skin #nav-links [data-page].bg-black *,
html.designer-dashboard-skin #nav-links [data-page].bg-gray-100 *,
html.designer-dashboard-skin #nav-links [data-page].bg-blue-50 * {
    color: inherit !important;
}

html.designer-dashboard-skin #user-profile {
    min-height: 58px;
    padding: 10px !important;
    border: 1px solid var(--uca-brand-line) !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin #user-profile > .w-10.h-10,
html.designer-dashboard-skin #user-profile > div:first-child > .w-10.h-10 {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid var(--uca-brand-line-strong) !important;
    background: var(--uca-brand-accent) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin #user-profile > div:first-child:not(.w-10) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
}

html.designer-dashboard-skin main > header {
    min-height: 60px !important;
    height: 60px !important;
    padding-inline: 28px !important;
    border-bottom: 1px solid var(--uca-brand-line) !important;
    background: color-mix(in srgb, var(--uca-brand-bg) 94%, transparent) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px);
}

html.designer-dashboard-skin main > header button,
html.designer-dashboard-skin #mobile-menu-btn {
    min-height: 36px !important;
    border: 1px solid var(--uca-brand-line) !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--uca-brand-muted) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin main > header button:hover,
html.designer-dashboard-skin #mobile-menu-btn:hover {
    border-color: var(--uca-brand-line-strong) !important;
    background: color-mix(in srgb, var(--uca-brand-ink) 5%, transparent) !important;
    color: var(--uca-brand-ink) !important;
}

html.designer-dashboard-skin #page-breadcrumb {
    color: var(--uca-brand-ink) !important;
    font-size: 13px !important;
}

html.designer-dashboard-skin #content-area {
    padding: clamp(20px, 2.3vw, 34px) !important;
}

html.designer-dashboard-skin #content-area > * {
    width: 100% !important;
    max-width: var(--uca-dashboard-max) !important;
    margin-inline: auto !important;
}

html.designer-dashboard-skin #content-area h1 {
    color: var(--uca-brand-ink) !important;
    font-size: clamp(25px, 2.2vw, 34px) !important;
    font-weight: 680 !important;
    line-height: 1.2 !important;
}

html.designer-dashboard-skin #content-area h2 {
    color: var(--uca-brand-ink) !important;
    font-size: clamp(20px, 1.65vw, 27px) !important;
    font-weight: 670 !important;
}

html.designer-dashboard-skin #content-area h3,
html.designer-dashboard-skin #content-area h4 {
    color: var(--uca-brand-ink) !important;
    font-weight: 660 !important;
}

html.designer-dashboard-skin #content-area p,
html.designer-dashboard-skin #content-area .text-gray-500,
html.designer-dashboard-skin #content-area .text-gray-600,
html.designer-dashboard-skin #content-area .text-slate-500,
html.designer-dashboard-skin #content-area .text-slate-600 {
    color: var(--uca-brand-muted) !important;
}

html.designer-dashboard-skin #content-area .glass-card,
html.designer-dashboard-skin #content-area .glass-panel,
html.designer-dashboard-skin #content-area article,
html.designer-dashboard-skin #content-area section.border,
html.designer-dashboard-skin #content-area div.border.bg-white,
html.designer-dashboard-skin #content-area div.border.bg-gray-50,
html.designer-dashboard-skin #content-area div.border.bg-gray-950,
html.designer-dashboard-skin #content-area div.border.bg-slate-950 {
    border-color: var(--uca-brand-line) !important;
    border-radius: var(--uca-brand-radius) !important;
    background: var(--uca-brand-surface) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

html.designer-dashboard-skin #content-area .rounded-3xl,
html.designer-dashboard-skin #content-area .rounded-2xl,
html.designer-dashboard-skin #content-area .rounded-xl,
html.designer-dashboard-skin #content-area .rounded-lg,
html.designer-dashboard-skin #content-area .rounded-\[2rem\],
html.designer-dashboard-skin #content-area .rounded-\[32px\],
html.designer-dashboard-skin #content-area .rounded-\[28px\],
html.designer-dashboard-skin #content-area .rounded-\[24px\] {
    border-radius: var(--uca-brand-radius) !important;
}

html.designer-dashboard-skin #content-area .shadow,
html.designer-dashboard-skin #content-area .shadow-sm,
html.designer-dashboard-skin #content-area .shadow-md,
html.designer-dashboard-skin #content-area .shadow-lg,
html.designer-dashboard-skin #content-area .shadow-xl,
html.designer-dashboard-skin #content-area .shadow-2xl {
    box-shadow: none !important;
}

html.designer-dashboard-skin #content-area button,
html.designer-dashboard-skin #content-area a[role="button"],
html.designer-dashboard-skin #content-area input,
html.designer-dashboard-skin #content-area select,
html.designer-dashboard-skin #content-area textarea {
    min-height: 38px !important;
    border-radius: 6px !important;
    letter-spacing: 0 !important;
}

html.designer-dashboard-skin #content-area input,
html.designer-dashboard-skin #content-area select,
html.designer-dashboard-skin #content-area textarea {
    border: 1px solid var(--uca-brand-line) !important;
    background: var(--uca-brand-raised) !important;
    color: var(--uca-brand-ink) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin #content-area input:focus,
html.designer-dashboard-skin #content-area select:focus,
html.designer-dashboard-skin #content-area textarea:focus {
    border-color: var(--uca-brand-accent) !important;
    box-shadow: 0 0 0 3px var(--uca-brand-accent-soft) !important;
    outline: none !important;
}

html.designer-dashboard-skin #content-area table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: transparent !important;
    color: var(--uca-brand-ink) !important;
}

html.designer-dashboard-skin #content-area table thead,
html.designer-dashboard-skin #content-area table th {
    background: var(--uca-brand-raised) !important;
    color: var(--uca-brand-muted) !important;
}

html.designer-dashboard-skin #content-area table th,
html.designer-dashboard-skin #content-area table td {
    min-height: 44px;
    padding: 11px 12px !important;
    border-color: var(--uca-brand-line) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
}

html.designer-dashboard-skin #content-area table tbody tr:hover {
    background: color-mix(in srgb, var(--uca-brand-ink) 3.5%, transparent) !important;
}

html.designer-dashboard-skin #content-area .text-xs,
html.designer-dashboard-skin #content-area .text-\[11px\],
html.designer-dashboard-skin #content-area .text-\[10px\],
html.designer-dashboard-skin #content-area .text-\[9px\],
html.designer-dashboard-skin #content-area .text-\[8px\] {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

html.designer-dashboard-skin #content-area .page-focus-toolbar {
    padding: 4px !important;
    border: 1px solid var(--uca-brand-line) !important;
    border-radius: 6px !important;
    background: var(--uca-brand-raised) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin #content-area .page-focus-mode-switch {
    width: 100% !important;
    gap: 3px !important;
}

html.designer-dashboard-skin #content-area .page-focus-mode-btn {
    flex: 1 1 0 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--uca-brand-muted) !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin #content-area .page-focus-mode-btn.is-active,
html.designer-dashboard-skin #content-area .page-focus-mode-btn[aria-pressed="true"] {
    border-color: var(--uca-brand-line-strong) !important;
    background: color-mix(in srgb, var(--uca-brand-ink) 5%, transparent) !important;
    color: var(--uca-brand-ink) !important;
}

html.designer-dashboard-skin #content-area .line-clamp-2,
html.designer-dashboard-skin #content-area .line-clamp-3 {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

html.designer-dashboard-skin #content-area .grid:has(> .view-command-btn) {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 152px), 1fr)) !important;
}

html.designer-dashboard-skin #content-area .view-command-btn {
    min-height: 74px !important;
}

html.designer-dashboard-skin #content-area .view-command-btn .truncate {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

html.designer-dashboard-skin #content-area .uca-help-button {
    width: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    border-color: var(--uca-brand-line) !important;
    background: transparent !important;
    color: var(--uca-brand-muted) !important;
}

html.designer-dashboard-skin #content-area .uca-help-tooltip {
    max-width: min(360px, calc(100vw - 32px)) !important;
    padding: 13px 14px !important;
    border: 1px solid var(--uca-brand-line-strong) !important;
    border-radius: 6px !important;
    background: var(--uca-brand-raised) !important;
    color: var(--uca-brand-ink) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.24) !important;
}

html.designer-dashboard-skin footer {
    border-color: var(--uca-brand-line) !important;
    background: var(--uca-brand-bg) !important;
    color: var(--uca-brand-muted) !important;
}

html.designer-dashboard-skin :focus-visible {
    outline: 2px solid var(--uca-brand-accent) !important;
    outline-offset: 2px;
}

@media (max-width: 767px) {
    html.designer-dashboard-skin #sidebar-nav {
        width: min(86vw, 304px) !important;
        flex-basis: auto !important;
        padding: 16px !important;
    }

    html.designer-dashboard-skin main > header {
        min-height: 58px !important;
        height: 58px !important;
        padding-left: 58px !important;
        padding-right: 10px !important;
    }

    html.designer-dashboard-skin #content-area {
        padding: 14px !important;
    }

    html.designer-dashboard-skin #content-area h1 {
        font-size: 25px !important;
    }

    html.designer-dashboard-skin #content-area table th,
    html.designer-dashboard-skin #content-area table td {
        padding: 10px !important;
        font-size: 12.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.designer-dashboard-skin *,
    html.designer-dashboard-skin *::before,
    html.designer-dashboard-skin *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* v1460: final hierarchy, brand header, and promotion timeline repair. */
html.designer-dashboard-skin #sidebar-nav .sidebar-logo-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 148px !important;
    margin-inline: 0 !important;
    padding: 5px 0 3px !important;
}

html.designer-dashboard-skin #sidebar-nav .sidebar-logo-shell img {
    width: min(100%, 230px) !important;
    max-width: 100% !important;
    max-height: 138px !important;
    object-fit: contain !important;
}

html.designer-dashboard-skin #sidebar-nav {
    overflow-x: hidden !important;
}

html.designer-dashboard-skin #partner-dashboard-link {
    margin-top: 8px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.1em !important;
}

html.designer-dashboard-skin #content-area h1 {
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

html.designer-dashboard-skin #content-area h2 {
    font-size: 23px !important;
    font-weight: 690 !important;
    line-height: 1.3 !important;
}

html.designer-dashboard-skin #content-area h3 {
    font-size: 18px !important;
    font-weight: 680 !important;
    line-height: 1.4 !important;
}

html.designer-dashboard-skin #content-area h4 {
    font-size: 15px !important;
    font-weight: 670 !important;
    line-height: 1.45 !important;
}

html.designer-dashboard-skin #content-area .text-3xl {
    font-size: 32px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
}

html.designer-dashboard-skin #content-area .text-2xl {
    font-size: 24px !important;
    line-height: 1.2 !important;
}

html.designer-dashboard-skin #content-area .text-xl {
    font-size: 20px !important;
    line-height: 1.3 !important;
}

html.designer-dashboard-skin #content-area .text-lg {
    font-size: 17px !important;
    line-height: 1.4 !important;
}

html.designer-dashboard-skin #content-area .text-sm {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] {
    overflow: visible !important;
    border-color: var(--uca-brand-line-strong) !important;
    background: var(--uca-brand-surface) !important;
    color: var(--uca-brand-ink) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] .text-slate-100,
html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] .text-slate-200,
html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] .text-white {
    color: var(--uca-brand-ink) !important;
}

html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] .text-slate-300,
html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] .text-slate-400 {
    color: var(--uca-brand-muted) !important;
}

html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] .bg-white\/10 {
    background: color-mix(in srgb, var(--uca-brand-ink) 6%, transparent) !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-bar {
    overflow: hidden !important;
    border-color: var(--uca-brand-line) !important;
    background: var(--uca-brand-raised) !important;
    box-shadow: none !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-bar .border-slate-700\/80,
html.designer-dashboard-skin #content-area #admin-promotion-revenue-bar .border-slate-800\/80 {
    border-color: var(--uca-brand-line) !important;
}

html.designer-dashboard-skin #content-area .admin-promotion-revenue-segment {
    min-width: 18px !important;
    height: 14px !important;
    border: 2px solid color-mix(in srgb, var(--uca-brand-surface) 78%, transparent) !important;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--uca-brand-ink) 12%, transparent) !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-tooltip {
    border-color: var(--uca-brand-line-strong) !important;
    background: var(--uca-brand-raised) !important;
    color: var(--uca-brand-ink) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-tooltip .text-white,
html.designer-dashboard-skin #content-area #admin-promotion-revenue-tooltip .text-slate-200,
html.designer-dashboard-skin #content-area #admin-promotion-revenue-tooltip .text-slate-300 {
    color: var(--uca-brand-ink) !important;
}

html.designer-dashboard-skin #content-area #admin-promotion-revenue-tooltip .text-slate-400 {
    color: var(--uca-brand-muted) !important;
}

html.designer-dashboard-skin #content-area #platform-contact-form {
    min-width: 0 !important;
    flex: 1 1 620px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html.designer-dashboard-skin #content-area #platform-contact-form > * {
    min-width: 0 !important;
    max-width: 100% !important;
}

@media (max-width: 1279px) {
    html.designer-dashboard-skin #content-area #platform-contact-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    html.designer-dashboard-skin #sidebar-nav .sidebar-logo-shell {
        width: 100% !important;
        min-height: 132px !important;
        margin-inline: 0 !important;
    }

    html.designer-dashboard-skin #sidebar-nav .sidebar-logo-shell img {
        width: min(100%, 216px) !important;
        max-width: 100% !important;
        max-height: 124px !important;
    }

    html.designer-dashboard-skin #partner-dashboard-link {
        font-weight: 800 !important;
    }

    html.designer-dashboard-skin #content-area h1 {
        font-size: 26px !important;
    }

    html.designer-dashboard-skin #content-area h2 {
        font-size: 21px !important;
    }

    html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] {
        overflow: hidden !important;
    }

    html.designer-dashboard-skin #content-area [data-admin-promotion-timeline-shell] > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html.designer-dashboard-skin #content-area #platform-contact-form {
        grid-template-columns: 1fr !important;
    }
}