/* Product surfaces and legacy family adapters. Behavior-specific layouts stay in their modules. */
html[data-rd-design] .rd-sidebar {
    width: var(--ui-sidebar);
    background: var(--ui-surface);
    border-inline-end: 1px solid var(--ui-border);
    padding: 0 10px 12px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
}
html[data-rd-design] .rd-sidebar-head {
    height: var(--ui-header);
    min-height: var(--ui-header);
    border-color: var(--ui-border);
    margin-bottom: 8px;
}
html[data-rd-design] .rd-brand {
    color: var(--ui-brand-hover);
}
html[data-rd-design] .rd-brand-caption {
    color: var(--ui-muted);
    font-size: 12px;
}
.rd-brand-name {
    font-size: 16px!important;
}
.rd-brand-logo {
    width: 30px!important;
    height: 30px!important;
}
html[data-rd-design] :is(.rd-side-link,.rd-nav-trigger) {
    min-height: 42px;
    color: var(--ui-text);
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
}
html[data-rd-design] :is(.rd-side-link i,.rd-nav-trigger i) {
    color: var(--ui-muted);
}
html[data-rd-design] :is(.rd-side-link:hover,.rd-nav-trigger:hover) {
    background: var(--ui-surface-muted);
    color: var(--ui-text);
}
html[data-rd-design] .rd-side-link.active {
    background: var(--ui-brand-soft);
    color: var(--ui-brand-hover);
    box-shadow: inset -3px 0 var(--ui-brand);
}
html[data-rd-design] .rd-nav-group.is-open>.rd-nav-trigger {
    color: var(--ui-brand-hover);
    font-weight: 700;
}
html[data-rd-design] .rd-nav-items .rd-side-link {
    font-size: 13px;
    min-height: 38px;
    padding-inline: 12px 4px;
}
.rd-nav-items {
    border-inline-start: 1px solid var(--ui-border);
    margin-inline-start: 17px;
    padding-inline: 4px!important;
}
html[data-rd-design] .rd-side-nav {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding-bottom: 16px;
    scrollbar-width: thin;
}
html[data-rd-design] .rd-mode {
    position: static;
    width: auto;
    background: var(--ui-surface-muted);
    border: 0;
    color: var(--ui-muted);
    margin-top: auto;
    padding: 10px;
    border-radius: 8px;
}
html[data-rd-design] .rd-mode :is(strong,span) {
    color: var(--ui-muted);
    font-size: 12px;
}
html[data-rd-design] .rd-sidebar-collapse {
    background: var(--ui-surface-muted);
    color: var(--ui-muted);
    min-width: 32px;
    min-height: 32px;
}
html[data-rd-design] .rd-advanced-navigation {
    border-color: var(--ui-border);
    margin: 8px 0;
    background: transparent;
}
.rd-sidebar .rd-advanced-navigation>summary {
    color: var(--ui-muted)!important;
    font-size: 12px;
}
html[data-rd-design] .rd-app-main {
    margin-right: var(--ui-sidebar);
}
html[data-rd-design] .rd-topbar {
    height: var(--ui-header);
    min-height: var(--ui-header);
    padding: 8px 24px!important;
    margin: 0!important;
    border-radius: 0!important;
    background: var(--ui-surface)!important;
    border-bottom: 1px solid var(--ui-border);
    box-shadow: none!important;
    backdrop-filter: none!important;
    gap: 16px;
    z-index: var(--ui-z-header);
}
html[data-rd-design] .rd-topbar-right {
    flex: 0 1 230px;
}
.rd-topbar-left {
    gap: 8px;
}
html[data-rd-design] .rd-business-identity strong {
    font-size: 14px;
    font-weight: 600;
}
.rd-business-identity span {
    font-size: 12px!important;
}
html[data-rd-design] .rd-global-search {
    border: 1px solid var(--ui-border);
    border-radius: 8px;
    min-width: 0;
    max-width: 560px;
    background: var(--ui-bg);
    height: 40px;
    box-shadow: none;
}
html[data-rd-design] .rd-global-search input {
    font-size: 14px;
    background: transparent;
}
.rd-search-results {
    box-shadow: var(--ui-shadow-float)!important;
    border-radius: 8px!important;
}
.rd-search-result {
    min-height: 44px!important;
    font-size: 14px!important;
}
.rd-search-result.is-keyboard-active {
    background: var(--ui-brand-soft);
    outline: 2px solid var(--ui-brand);
    outline-offset: -2px;
}
html[data-rd-design] .rd-create-button {
    background: var(--ui-brand);
    color: #fff;
    border: 1px solid var(--ui-brand);
    border-radius: 8px;
    min-height: 40px;
    box-shadow: none;
    font-size: 14px;
}
html[data-rd-design] :is(.rd-topbar-action,.rd-menu-toggle,.rd-user-menu>span) {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    color: var(--ui-muted);
    border-radius: 8px;
    box-shadow: none;
    width: 40px;
    height: 40px;
}
html[data-rd-design] .rd-page {
    padding: 24px;
    max-width: 1600px;
    margin-inline: auto;
    min-width: 0;
}
.rd-page>.container {
    padding-inline: 0;
}
html[data-rd-design] :is(.rd-page-heading,.rt-pro-page-head) {
    margin-bottom: 20px;
}
.rd-page-eyebrow {
    display: none!important;
}
html[data-rd-design] :is(.rd-page-heading h1,.rt-page-title,.rdr-hero h1,.tax-head h1) {
    font-size: var(--ui-title);
    font-weight: 700;
    letter-spacing: normal;
}
html[data-rd-design] .rd-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}
html[data-rd-design] .rd-quick-action {
    min-height: 42px;
    flex: 0 1 auto;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid var(--ui-border);
    border-radius: 8px;
    background: var(--ui-surface);
    color: var(--ui-text);
    box-shadow: none;
}
html[data-rd-design] .rd-quick-action.primary {
    background: var(--ui-brand);
    border-color: var(--ui-brand);
    color: #fff;
}
.rd-quick-action small {
    display: none!important;
}
.rd-quick-action .rd-action-icon {
    width: 22px!important;
    height: 22px!important;
    background: none!important;
    color: inherit!important;
    font-size: 18px;
}
.rd-quick-action strong {
    font-size: 14px!important;
}
html[data-rd-design] .rd-metrics {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 20px;
}
html[data-rd-design] .rd-metric {
    display: flex;
    align-items: flex-start;
    min-height: 112px;
    padding: 16px;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--ui-surface);
    box-shadow: none;
    gap: 12px;
}
.rd-metric-icon {
    background: none!important;
    color: var(--ui-brand)!important;
    width: 24px!important;
    height: 24px!important;
    font-size: 20px!important;
}
.rd-metric-label {
    font-size: 14px!important;
    color: var(--ui-muted)!important;
}
.rd-metric-number {
    font-size: clamp(20px,2vw,28px)!important;
    letter-spacing: 0!important;
    line-height: 1.8;
}
.rd-metric-value {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: baseline;
}
.rd-metric-unit {
    font-size: 12px!important;
}
html[data-rd-design] .rd-dashboard-grid {
    grid-template-columns: minmax(0,2fr) minmax(280px,1fr);
    gap: 16px;
    align-items: start;
}
.rd-dashboard-trend {
    grid-column: 1;
    grid-row: 1;
}
.rd-dashboard-attention {
    grid-column: 2;
    grid-row: 1;
}
.rd-dashboard-best {
    grid-column: 1;
    grid-row: 2;
}
.rd-side-stack {
    grid-column: 2;
    grid-row: 2;
}
html[data-rd-design] .rd-task-item {
    padding: 12px 16px;
    min-height: 58px;
    border-bottom: 1px solid var(--ui-border);
}
.rd-task-copy strong {
    font-size: 14px!important;
}
.rd-task-copy small {
    font-size: 12px!important;
}
.rd-task-icon {
    background: none!important;
    color: var(--ui-muted)!important;
}
.rd-panel-title {
    font-size: 16px!important;
}
.rd-bar-fill {
    background: var(--ui-brand)!important;
    border-radius: 4px 4px 0 0!important;
    box-shadow: none!important;
}
html[data-rd-design] :is(.rd-month-summary,.rd-form-details,.catalogue-summary) {
    border-radius: 8px;
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    box-shadow: none;
}
html[data-rd-design] :is(.rd-month-summary,.rd-form-details)>summary {
    min-height: 44px;
    font-size: 14px;
    padding: 12px 16px;
}
html[data-rd-design] :is(.rdr-hero-main,.products-hero,.tax-head,.qi-hero,.error-card) {
    background: var(--ui-surface)!important;
    color: var(--ui-text)!important;
    border: 1px solid var(--ui-border)!important;
    border-radius: 10px!important;
    box-shadow: none!important;
}
html[data-rd-design] :is(.rdr-hero-main,.products-hero,.qi-hero)::before,html[data-rd-design] :is(.rdr-hero-main,.products-hero,.qi-hero)::after {
    display: none!important;
}
html[data-rd-design] :is(.rdr-kpi,.tax-metric,.stat-card,.rt-stat,.ac-metric) {
    background: var(--ui-surface)!important;
    border: 1px solid var(--ui-border);
    border-radius: 10px!important;
    box-shadow: none!important;
    color: var(--ui-text);
}
html[data-rd-design] :is(.rdr-kpi)::before,html[data-rd-design] :is(.rdr-kpi)::after {
    display: none;
}
.rdr-kpi-value {
    font-size: 26px!important;
}
.rdr-kpi-label,.rdr-kpi-note {
    font-size: 12px!important;
}
html[data-rd-design] :is(.product-row,.product-card,.service-card,.customer-card,.rt-list-card) {
    background: var(--ui-surface);
    border-radius: 10px!important;
    border-color: var(--ui-border);
    box-shadow: none!important;
}
.products-page {
    max-width: none!important;
}
.products-hero {
    margin-bottom: 16px!important;
    padding: 16px!important;
}
.products-hero h1 {
    font-size: 24px!important;
}
.filters-card {
    border-radius: 10px!important;
    box-shadow: none!important;
}
html[data-rd-design] :is(.rt-menu-item,.rt-menu-icon,.rt-product-switch,.rt-icon-btn) {
    border-radius: 8px!important;
    box-shadow: none!important;
    background: var(--ui-surface);
    color: var(--ui-text);
}
.rt-menu-label {
    font-size: 14px!important;
}
.rt-menu-description {
    font-size: 12px!important;
    white-space: normal!important;
}
.rt-page-subtitle {
    font-size: 14px!important;
}
html[data-rd-design] :is(.ac-sidebar,.ac-topbar,.rt-header) {
    background: var(--ui-surface)!important;
    box-shadow: none!important;
    border-color: var(--ui-border);
    backdrop-filter: none!important;
}
.ac-shell {
    background: var(--ui-bg)!important;
}
.ac-form-section {
    border-radius: 10px!important;
    box-shadow: none!important;
}
.ac-form-section-title {
    font-size: 16px!important;
}
.ac-form-section-subtitle {
    font-size: 12px!important;
}
html[data-rd-design] :is(.pos-app-header,.pos-topbar) {
    background: var(--ui-surface)!important;
    box-shadow: none!important;
    backdrop-filter: none!important;
}
.pos-workspace-page {
    --pos-primary: var(--ui-brand);
    --pos-blue: var(--ui-brand);
    --pos-bg: var(--ui-bg);
    --pos-border: var(--ui-border);
    --pos-text: var(--ui-text);
}
html[data-rd-design] .error-shell {
    background: var(--ui-bg);
}
.error-mark {
    background: var(--ui-brand-soft)!important;
    box-shadow: none!important;
    border-radius: 10px!important;
}
.error-message {
    font-size: 14px!important;
}
.error-note {
    font-size: 12px!important;
}
@media(min-width:1024px) {
    html[data-rd-design] .rd-menu-toggle {
        display: none;
    }
    html[data-rd-design] body.rd-sidebar-collapsed .rd-sidebar {
        width: 64px;
    }
    html[data-rd-design] body.rd-sidebar-collapsed .rd-app-main {
        margin-right: 64px;
    }
    body.rd-sidebar-collapsed .rd-sidebar .rd-brand {
        display: none;
    }
    body.rd-sidebar-collapsed .rd-sidebar .rd-mode {
        display: none;
    }
    body.rd-sidebar-collapsed .rd-sidebar .rd-advanced-navigation>summary {
        font-size: 0;
    }
    body.rd-sidebar-collapsed .rd-sidebar .rd-advanced-navigation>summary::after {
        content: '…';
        font-size: 20px;
    }
}
@media(max-width:1023.98px) {
    html[data-rd-design] .rd-app-main {
        margin-right: 0!important;
    }
    html[data-rd-design] .rd-sidebar {
        position: fixed;
        inset: 0 0 0 auto;
        width: min(320px,calc(100vw - 40px))!important;
        height: 100dvh;
        z-index: 1045;
        transform: translateX(105%);
        transition: transform var(--ui-motion-base) var(--ui-ease);
    }
    html[data-rd-design] body.rd-menu-open .rd-sidebar {
        transform: translateX(0);
    }
    html[data-rd-design] .rd-menu-toggle {
        display: inline-grid!important;
        place-items: center;
        min-width: 44px;
        min-height: 44px;
    }
    html[data-rd-design] .rd-topbar {
        padding: 8px 12px!important;
        gap: 8px;
    }
    .rd-topbar-right {
        flex: 1!important;
    }
    .rd-business-identity {
        max-width: 200px;
    }
    .rd-business-identity span {
        display: none;
    }
    .rd-page {
        padding: 16px!important;
    }
    .rd-page .rd-dashboard-grid {
        grid-template-columns: minmax(0,1fr);
    }
    .rd-dashboard-grid>* {
        grid-column: auto!important;
        grid-row: auto!important;
    }
    .rd-dashboard-attention {
        order: -1;
    }
    .rd-metrics {
        grid-template-columns: repeat(2,minmax(0,1fr))!important;
    }
    .rd-backdrop {
        z-index: 1040;
    }
    .rd-mobile-nav {
        display: flex!important;
        position: fixed!important;
        inset: auto 0 0!important;
        width: 100%!important;
        border-radius: 0!important;
        padding: 6px 8px calc(6px + env(safe-area-inset-bottom))!important;
        box-shadow: none!important;
        border-top: 1px solid var(--ui-border);
        background: #fff!important;
        backdrop-filter: none!important;
    }
    .rd-app-main {
        padding-bottom: 84px;
    }
    .rd-mobile-link {
        min-height: 48px!important;
        flex: 1;
        font-size: 12px!important;
    }
    .rd-mobile-link.add {
        background: var(--ui-brand)!important;
        border-radius: 8px!important;
        transform: none!important;
        width: auto!important;
        margin-inline: 6px;
        color: #fff!important;
    }
    .rd-global-search {
        flex: none!important;
        width: 40px!important;
    }
    .rd-global-search:not(.is-mobile-open) input,.rd-global-search:not(.is-mobile-open)>i,.rd-global-search kbd {
        display: none!important;
    }
    .rd-global-search::after {
        content: '⌕';
        font-size: 24px;
        margin: auto;
    }
    .rd-global-search.is-mobile-open {
        position: absolute;
        inset: 8px 12px auto!important;
        width: auto!important;
        height: 44px!important;
        max-width: none;
        z-index: 1046;
    }
    .rd-global-search.is-mobile-open input {
        display: block!important;
    }
    .rd-global-search.is-mobile-open::after {
        display: none;
    }
    .rd-create-button {
        min-width: 40px;
        padding: 8px!important;
    }
    .rd-create-button span {
        display: none;
    }
    .rd-topbar-left {
        gap: 5px;
    }
    .rd-sidebar-collapse {
        display: none!important;
    }
}
@media(max-width:575.98px) {
    html[data-rd-design] .rd-topbar-action {
        display: inline-grid!important;
        place-items: center;
        width: 36px;
        height: 40px;
    }
    .rd-topbar-right {
        min-width: 0!important;
    }
    .rd-business-identity {
        max-width: 100px;
    }
    .rd-business-identity strong {
        font-size: 12px;
        white-space: normal;
    }
    .rd-metric {
        padding: 12px!important;
        gap: 6px!important;
    }
    .rd-metric-icon {
        display: none!important;
    }
    .rd-metric-label {
        font-size: 12px!important;
    }
    .rd-metric-number {
        font-size: 21px!important;
    }
    .rd-quick-action {
        flex: 1 1 calc(50% - 8px)!important;
    }
    .rd-page {
        padding: 12px!important;
    }
    .rd-metrics {
        gap: 8px!important;
    }
    .rdr-kpi-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))!important;
    }
    .rdr-kpi {
        padding: 12px!important;
    }
    .rdr-kpi-icon {
        display: none!important;
    }
    .rdr-kpi-value {
        font-size: 21px!important;
        overflow-wrap: anywhere;
    }
    .rdr-layout,.rdr-main,.rdr-side {
        min-width: 0!important;
    }
}
/* Shell geometry replaces the previous fixed 286px allocation. */
html[data-rd-design] .rd-app-main {
    width: calc(100% - var(--ui-sidebar));
    padding: 0 0 32px;
    flex: 1;
}
html[data-rd-design] .rd-brand {
    margin: 0;
    padding: 0;
    gap: 8px;
}
html[data-rd-design] .rd-sidebar-head {
    align-items: center;
    gap: 6px;
}
html[data-rd-design] .rd-panel {
    padding: 0;
    overflow: hidden;
}
html[data-rd-design] .rd-panel-header {
    min-height: 56px;
    margin: 0;
    border-bottom: 1px solid var(--ui-border);
}
html[data-rd-design] .rd-chart-summary {
    background: transparent;
    padding: 0;
    margin: 0 0 12px;
    border-radius: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}
html[data-rd-design] .rd-chart-summary strong {
    font-size: 24px;
}
.rd-chart-summary span {
    font-size: 12px!important;
}
html[data-rd-design] .rd-chart-wrap {
    padding: 16px;
}
html[data-rd-design] .rd-bar-track {
    background: var(--ui-surface-muted);
    border-radius: 4px;
    width: 32px;
    height: 140px;
}
html[data-rd-design] .rd-bar-chart {
    height: 180px;
    border-bottom: 1px solid var(--ui-border);
}
html[data-rd-design] .rd-alert-list {
    padding: 0;
    margin: 0;
}
.rd-alert-item {
    background: transparent!important;
    border-radius: 0!important;
    padding: 16px!important;
}
.rd-alert-icon {
    border-radius: 8px!important;
}
.ui-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(100%,210px),1fr));
    gap: 12px;
    margin-block: 16px 20px;
}
.ui-metric {
    border: 1px solid var(--ui-border);
    background: var(--ui-surface);
    border-radius: 10px;
    padding: 16px;
    min-width: 0;
}
.ui-metric__label {
    display: flex;
    gap: 8px;
    color: var(--ui-muted);
    font-size: 14px;
    margin-block-end: 8px;
}
.ui-metric>.ui-money {
    font-size: 26px;
}
.ui-metric--warning .ui-metric__label i {
    color: var(--ui-warning);
}
html[data-rd-design] :is(.ac-card,.ac-summary>div,.ac-journal-line,.loc-card,.rt-pro-section,.rt-section,.tax-section) {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    box-shadow: none;
}
html[data-rd-design] .ac-page {
    padding: 0;
    max-width: none;
}
.ac-nav {
    gap: 4px!important;
}
.ac-nav a {
    font-size: 14px;
    background: transparent!important;
    border-radius: 6px!important;
    color: var(--ui-muted)!important;
}
.ac-nav a.active {
    background: var(--ui-brand-soft)!important;
    color: var(--ui-brand-hover)!important;
}
html[data-rd-design] .ac-heading {
    margin: 16px 0;
    flex-wrap: wrap;
}
.ac-heading h1 {
    font-size: 26px!important;
}
.ac-summary>div {
    padding: 16px!important;
}
.ac-summary strong {
    font-size: 22px!important;
    overflow-wrap: anywhere;
}
html[data-rd-design] :is(.ac-card,.loc-card) {
    padding: 16px;
}
.ac-filter {
    gap: 12px!important;
}
.ac-filter label {
    max-width: none!important;
}
html[data-rd-design] .modal-header.bg-primary {
    background: var(--ui-surface)!important;
    color: var(--ui-text)!important;
}
.modal-header.bg-primary .btn-close-white {
    filter: none;
}
html[data-rd-design] :is(.rd-page,.rt-page) .card[style*="gradient"] {
    background: var(--ui-surface)!important;
    border: 1px solid var(--ui-border)!important;
}
html[data-rd-design] :is(.rd-page,.rt-page) .rounded-circle.bg-white.shadow {
    background: none!important;
    box-shadow: none!important;
    width: 32px!important;
    height: 32px!important;
    margin-bottom: 8px!important;
}
@media(min-width:1024px) {
    html[data-rd-design] body.rd-sidebar-collapsed .rd-app-main {
        width: calc(100% - 64px);
    }
    html[data-rd-design] body.rd-sidebar-collapsed .rd-sidebar-collapse {
        display: inline-grid!important;
    }
}
@media(max-width:1023.98px) {
    html[data-rd-design] .rd-app-main {
        width: 100%;
        padding-bottom: 84px;
    }
    html[data-rd-design] body.rd-menu-open .rd-backdrop {
        display: block;
    }
    html[data-rd-design] body.rd-sidebar-collapsed .rd-sidebar :is(.rd-brand-copy,.rd-nav-trigger-copy span,.rd-side-link span,.rd-mode span,.rd-nav-chevron) {
        display: revert;
    }
    html[data-rd-design] body.rd-sidebar-collapsed .rd-nav-items {
        display: revert;
    }
    html[data-rd-design] .rd-sidebar-head {
        justify-content: space-between;
    }
}
@media(max-width:575.98px) {
    .ui-summary-grid {
        grid-template-columns: 1fr;
    }
    .ui-metric {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
    }
    .ui-metric>.ui-money {
        font-size: 20px;
    }
    .ui-metric__label {
        margin: 0;
    }
    .ac-summary strong {
        font-size: 18px!important;
    }
    .rd-chart-summary strong {
        font-size: 22px!important;
    }
}
/* Full-screen POS keeps its workstation geometry and native bridge hooks. */
html[data-rd-design] body.pos-workspace-page {
    --pos-primary: var(--ui-brand);
    --pos-primary-dark: var(--ui-brand-hover);
    --pos-selected: var(--ui-brand-soft);
    --pos-dark: var(--ui-text);
    --pos-muted: var(--ui-muted);
    --pos-line: var(--ui-border);
    --pos-radius: var(--ui-radius-panel);
    --pos-surface: var(--ui-surface);
    background: var(--ui-bg);
    font-family: var(--ui-font);
}
html[data-rd-design] .pos-brand-text b {
    color: var(--ui-text);
}
html[data-rd-design] .pos-brand-text b span {
    color: var(--ui-brand);
}
html[data-rd-design] .pos-workspace-page :is(.search-box,.order-types,.cart-panel,.pos-dialog,.product-card) {
    border-color: var(--ui-border);
    box-shadow: none;
}
html[data-rd-design] .pos-workspace-page :is(.mobile-cart-button,.checkout-btn,.primary-btn) {
    background: var(--ui-brand);
    border-color: var(--ui-brand);
    box-shadow: none;
    border-radius: 8px;
}
html[data-rd-design] .pos-workspace-page .pos-topbar {
    border-color: var(--ui-border);
}
html[data-rd-design] .pos-workspace-page .pos-heading-row h1 {
    font-size: 26px;
}
/* Professional module family: clear forms, quiet headers, consistent readable density. */
html[data-rd-design] :is(.rt-pro-hero,.rt-pro-toolbar,.rt-pro-form,.rt-pro-stat,.rt-pro-row,.rt-pro-form-section,.rt-pro-summary,.rt-pro-download,.rt-pro-installment) {
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: var(--ui-surface);
    box-shadow: none;
    backdrop-filter: none;
}
html[data-rd-design] .rt-pro-hero {
    color: var(--ui-text);
    padding: 16px;
}
.rt-pro-hero::after {
    display: none!important;
}
.rt-pro-hero p {
    color: var(--ui-muted)!important;
    font-size: 14px!important;
}
.rt-pro-hero h1 {
    font-size: 26px!important;
}
.rt-pro-hero-icon {
    display: none!important;
}
html[data-rd-design] :is(.rt-pro-row-title,.rt-pro-account-name,.rt-pro-form-section-title,.rt-pro-download strong,.rt-pro-installment-title,.rt-pro-empty strong) {
    font-size: 14px;
    line-height: 1.8;
}
html[data-rd-design] :is(.rt-pro-card-title) {
    font-size: 16px;
    flex-wrap: wrap;
}
.rt-pro-stat-value {
    font-size: 24px!important;
}
.rt-pro-row-value,.rt-pro-installment-amount,.rt-pro-summary-value {
    font-size: 18px!important;
    white-space: normal!important;
    overflow-wrap: anywhere;
}
.rt-pro-meta strong {
    font-size: 14px!important;
}
html[data-rd-design] :is(.rt-pro-tabs,.rt-pro-tab) {
    border-radius: 8px;
}
.rt-pro-tab {
    font-size: 14px!important;
    min-height: 44px!important;
}
.rt-pro-tab.active {
    background: var(--ui-brand)!important;
    color: #fff!important;
}
html[data-rd-design] .rt-pro-btn-primary {
    background: var(--ui-brand);
    color: #fff;
    border-color: var(--ui-brand);
}
.rt-pro-summary {
    border-top: 2px solid var(--ui-border)!important;
}
.rt-pro-progress>span {
    background: var(--ui-brand)!important;
}
.rt-pro-badge {
    font-size: 12px!important;
    border-radius: 6px!important;
}
html[data-rd-design] .rd-pro-mobile .rt-pro-field label {
    font-size: 14px;
    color: var(--ui-text);
}
html[data-rd-design] .rd-document-filters>.ui-field {
    flex: 2;
    min-width: min(100%,210px);
}
html[data-rd-design] .rd-jalali-picker {
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.9fr);
    min-width: 0;
    gap: 6px;
}
html[data-rd-design] .rd-jalali-select {
    padding-inline: 8px 22px!important;
    font-size: 14px!important;
    min-width: 0!important;
}
html[data-rd-design] :is(.rt-pro-row-head,.rt-pro-account-row,.rt-pro-installment) {
    min-width: 0;
}
.rt-pro-row-head>* {
    min-width: 0;
}
html[data-rd-design] .account-center {
    --ac-primary: var(--ui-brand);
    --ac-primary-strong: var(--ui-brand-hover);
    --ac-primary-soft: var(--ui-brand-soft);
    --ac-radius: 10px;
    --ac-radius-lg: 12px;
    --ac-shadow: none;
    --ac-sidebar-width: 232px;
}
html[data-rd-design] .ac-nav-link {
    font-size: 14px;
    min-height: 44px;
}
.ac-nav-link.active {
    border-color: var(--ui-brand-soft)!important;
    background: var(--ui-brand-soft)!important;
    color: var(--ui-brand-hover)!important;
}
.ac-page-description {
    font-size: 14px!important;
}
.ac-panel-subtitle,.ac-brand-caption,.ac-nav-label {
    font-size: 12px!important;
}
html[data-rd-design] .ac-side-panel {
    border-radius: 10px;
    box-shadow: none;
}
.ac-badge {
    font-size: 12px!important;
    border-radius: 6px!important;
    white-space: normal!important;
}
.ac-brand-mark {
    background: var(--ui-brand)!important;
    border-radius: 8px!important;
}
html[data-rd-design] :is(.rp-shell,.rp-main,.rp-content) {
    background: var(--ui-bg);
    box-shadow: none;
}
.rp-header,.rp-sidebar {
    background: var(--ui-surface)!important;
    box-shadow: none!important;
    border-color: var(--ui-border)!important;
}
.rp-link {
    color: var(--ui-text)!important;
    border-radius: 8px!important;
}
.rp-link.active {
    background: var(--ui-brand-soft)!important;
    color: var(--ui-brand-hover)!important;
}
.rp-nav-label {
    color: var(--ui-muted)!important;
}
.rp-link i {
    color: var(--ui-muted)!important;
}
.rp-brand,.rp-brand small {
    color: var(--ui-text)!important;
}
html[data-rd-design] .ui-visible-label {
    display: block;
    margin-block-end: 6px;
    color: var(--ui-text);
    font-size: 14px;
    font-weight: 600;
}
@media(max-width:767.98px) {
    html[data-rd-design] .rt-pro-hero h1 {
        font-size: 22px!important;
    }
    html[data-rd-design] .rt-pro-summary {
        bottom: 76px;
    }
    .rd-jalali-picker {
        width: 100%;
    }
    .ui-summary-grid {
        gap: 8px;
    }
    .ac-nav {
        max-width: 100%;
    }
    .rt-pro-card .d-flex:has(>.rd-jalali-picker) {
        flex-wrap: wrap;
    }
}
/* Reports prioritize the figures and filters, not a marketing hero. */
html[data-rd-design] .rdr-wrap {
    --rdr-text: var(--ui-text);
    --rdr-muted: var(--ui-muted);
    --rdr-card: var(--ui-surface);
    --rdr-border: var(--ui-border);
    --rdr-radius: 10px;
    --rdr-shadow: none;
    gap: 16px;
}
html[data-rd-design] .rdr-wrap::before {
    display: none;
}
html[data-rd-design] .rdr-hero {
    grid-template-columns: minmax(0,1fr);
    gap: 16px;
}
html[data-rd-design] .rdr-hero-main {
    border: 0!important;
    background: transparent!important;
    min-height: 0;
    padding: 0;
    border-radius: 0!important;
}
html[data-rd-design] .rdr-hero h1 {
    margin: 0 0 6px;
    font-size: 26px;
}
html[data-rd-design] .rdr-hero p {
    color: var(--ui-muted);
    font-size: 14px;
    max-width: 75ch;
}
html[data-rd-design] .rdr-hero-pills {
    margin-top: 12px;
    gap: 8px;
}
.rdr-pill {
    background: var(--ui-surface-muted)!important;
    color: var(--ui-muted)!important;
    border-radius: 6px!important;
    padding: 4px 8px!important;
}
html[data-rd-design] .rdr-filter-card {
    border-radius: 10px;
    padding: 16px;
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    box-shadow: none;
    backdrop-filter: none;
}
html[data-rd-design] .rdr-filter-title {
    margin-bottom: 12px;
    font-size: 14px;
}
.rdr-filter-title>span {
    background: none!important;
    color: var(--ui-brand)!important;
    width: 24px!important;
    height: 24px!important;
}
html[data-rd-design] .rdr-kpi {
    min-height: 128px;
    padding: 16px;
}
.rdr-kpi-value {
    font-size: 26px!important;
    margin-top: 8px!important;
}
.rdr-kpi-icon {
    background: none!important;
    color: var(--ui-muted)!important;
    border-radius: 0!important;
    box-shadow: none!important;
    width: 26px!important;
    height: 26px!important;
}
html[data-rd-design] :is(.rdr-panel,.rdr-mini,.rdr-empty,.rdr-list-item) {
    border-radius: 10px!important;
    background: var(--ui-surface)!important;
    box-shadow: none!important;
    border-color: var(--ui-border);
}
html[data-rd-design] .ex-balance {
    flex-wrap: wrap;
    box-shadow: none;
    background: var(--ui-surface);
    border-color: var(--ui-border);
    border-radius: 8px;
}
.ex-balance .v {
    white-space: normal!important;
    overflow-wrap: anywhere;
    text-align: start;
    direction: rtl;
}
.ex-balance .k {
    white-space: normal!important;
}
html[data-rd-design] :is(.ex-card,.ex-hero,.ex-form-card) {
    box-shadow: none!important;
    border-radius: 10px!important;
    background: var(--ui-surface)!important;
    color: var(--ui-text)!important;
}
html[data-rd-design] :is(.ex-input,.ex-select,.ex-textarea) {
    border-radius: 8px!important;
    border-color: var(--ui-border)!important;
    box-shadow: none!important;
    transform: none!important;
}
@media(max-width:575.98px) {
    .rdr-kpi {
        min-height: 116px!important;
    }
    .rdr-kpi-value {
        font-size: 21px!important;
    }
    .rdr-hero h1 {
        font-size: 22px!important;
    }
}
html[data-rd-design] .rd-app-main {
    transition: none;
}
.ui-search-toggle,.ui-nav-close {
    display: none;
    border: 0;
    background: transparent;
    color: var(--ui-muted);
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
}
@media(max-width:1023.98px) {
    html[data-rd-design] .rd-page .rd-dashboard-grid {
        grid-template-columns: minmax(0,1fr);
    }
    html[data-rd-design] .rd-dashboard-attention {
        order: -1;
    }
    html[data-rd-design] .rd-global-search::after,html[data-rd-design] .rd-global-search::before {
        display: none!important;
    }
    html[data-rd-design] .rd-global-search {
        border: 0;
        background: transparent;
        width: 44px!important;
        min-width: 44px;
    }
    html[data-rd-design] .rd-global-search.is-mobile-open {
        background: var(--ui-surface);
        width: auto!important;
        border: 1px solid var(--ui-border);
    }
    .ui-search-toggle,.ui-nav-close {
        display: inline-flex;
    }
    .rd-global-search.is-mobile-open .ui-search-toggle {
        display: none;
    }
}
html[data-rd-design] :is(.rd-metric-number,.ui-money__value) {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}
html[data-rd-design] .pos-report .report-grid {
    grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr));
}
html[data-rd-design] .pos-report :is(.cards>div,.report-grid>section) {
    border-radius: 10px;
    border-color: var(--ui-border);
    box-shadow: none;
    min-width: 0;
}
html[data-rd-design] .pos-report .cards b {
    overflow-wrap: anywhere;
}
@media(min-width:1024px) and (max-width:1279.98px) {
    html[data-rd-design] .rd-metrics {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
@media(max-width:575.98px) {
    html[data-rd-design] .rd-metrics {
        grid-template-columns: 1fr!important;
    }
    html[data-rd-design] .rd-metric {
        min-height: 76px!important;
        align-items: center;
        padding: 12px 16px!important;
    }
    html[data-rd-design] .rd-metric>div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        width: 100%;
    }
    .rd-metric-label {
        max-width: 44%;
        flex-shrink: 0;
    }
    .rd-metric-value {
        justify-content: flex-end;
        text-align: end;
        min-width: 0;
    }
    .rd-metric-number {
        font-size: 18px!important;
    }
    .rd-metric-unit {
        font-size: 12px!important;
    }
    .rdr-kpi-grid {
        grid-template-columns: 1fr!important;
    }
    .rdr-kpi {
        min-height: 104px!important;
    }
    .rdr-kpi-value {
        font-size: 23px!important;
    }
    .rdr-kpi-number {
        white-space: nowrap!important;
    }
    .rd-topbar .rd-topbar-action,.rd-topbar .rd-create-button {
        width: 44px!important;
        height: 44px!important;
        min-width: 44px!important;
    }
    .rd-topbar-left {
        gap: 4px;
    }
}
@media(max-width:430px) {
    html[data-rd-design] .rd-business-identity {
        display: none;
    }
    .rd-topbar-right {
        flex: none!important;
    }
    .rd-topbar {
        justify-content: space-between!important;
    }
    .rd-topbar-left {
        flex: 1;
        justify-content: flex-end;
    }
    .rd-metric-label {
        font-size: 12px!important;
    }
}
/* Native-web retail workflow: same anatomy, touch-sized actions. */
html[data-rd-design] body[data-runitro-surface="retail-business"] {
    --pos-green: var(--ui-brand);
    --pos-green-dark: var(--ui-brand-hover);
}
html[data-rd-design] :is(.pos-card,.pos-customer,.pos-cart-row,.pos-product,.stock-card,.expense-card,.rt-menu-section,.rt-menu-hero) {
    border-radius: 10px!important;
    box-shadow: none!important;
    border-color: var(--ui-border);
}
html[data-rd-design] .pos-action {
    border-radius: 8px;
    box-shadow: none;
    min-height: 104px;
}
.pos-action-products {
    background: var(--ui-brand)!important;
    box-shadow: none!important;
}
.pos-action-scan {
    background: var(--ui-surface)!important;
    color: var(--ui-text)!important;
    border-color: var(--ui-border)!important;
}
.pos-action-voice {
    background: var(--ui-surface)!important;
    color: var(--ui-text)!important;
    border-color: var(--ui-border)!important;
}
html[data-rd-design] .pos-card .pos-search input {
    border-radius: 8px;
    font-size: 16px;
    padding-inline: 42px 12px;
}
html[data-rd-design] .pos-card :is(.pos-method,.pos-payment-amount) {
    font-size: 16px;
}
html[data-rd-design] .rt-pro-row-head {
    flex-wrap: wrap;
}
.rt-pro-row-head .rt-pro-badge {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}
.rt-pro-note {
    overflow-wrap: anywhere;
}
.rt-pro-meta {
    min-width: 0;
}
html[data-rd-design] .rt-header {
    border-radius: 0!important;
}
.rt-menu-item {
    min-height: 60px;
}
.rt-bottom-nav {
    background: var(--ui-surface)!important;
    border-color: var(--ui-border)!important;
    backdrop-filter: none!important;
    box-shadow: none!important;
}
.rt-bottom-nav a.active {
    color: var(--ui-brand)!important;
}
html[data-rd-design] .pos-heading-icon {
    display: none;
}
.pos-card .pos-empty {
    padding-block: 28px;
}
.pos-title {
    font-size: 16px!important;
}
html[data-rd-design] .ac-android-topbar {
    background: var(--ui-surface);
    color: var(--ui-text);
    box-shadow: none;
    border-bottom: 1px solid var(--ui-border);
}
html[data-rd-design] .ac-android-brand {
    color: var(--ui-text);
}
html[data-rd-design] .ac-android-brand small {
    color: var(--ui-muted);
    font-size: 12px;
}
html[data-rd-design] .ac-android-action {
    background: var(--ui-surface);
    color: var(--ui-muted);
    border: 1px solid var(--ui-border);
    border-radius: 8px;
}
html[data-rd-design] :is(.ac-android-section,.ac-sticky-actions,.ac-form-actions,.ac-more-sheet) {
    border-radius: 10px;
    box-shadow: none;
    backdrop-filter: none;
    background: var(--ui-surface);
}
html[data-rd-design] .ac-bottom-nav {
    background: var(--ui-surface);
    border-color: var(--ui-border);
    box-shadow: none;
    backdrop-filter: none;
}
/* Administrative workspace shares tokens, including its existing dark preference. */
html[data-rd-design] .admin-sidebar {
    padding: 16px 12px;
    width: min(88vw,var(--admin-sidebar-width));
    height: 100dvh;
}
html[data-rd-design] .admin-topbar {
    background: var(--ui-surface);
    backdrop-filter: none;
    box-shadow: none;
    border-radius: 10px;
    gap: 12px;
}
html[data-rd-design] :is(.admin-brand-mark,.admin-avatar,.admin-progress span) {
    background: var(--ui-brand);
    color: var(--ui-on-brand);
    box-shadow: none;
    border-radius: 8px;
}
html[data-rd-design] .admin-hero {
    background: var(--ui-surface);
    color: var(--ui-text);
    padding: 24px;
    border: 1px solid var(--ui-border);
    min-height: 0;
}
html[data-rd-design] .admin-hero::after {
    display: none;
}
html[data-rd-design] .admin-hero p {
    color: var(--ui-muted);
}
html[data-rd-design] .admin-hero h2 {
    font-size: 24px;
}
html[data-rd-design] :is(.admin-service-card,.admin-product-card) {
    background: var(--ui-surface);
}
html[data-rd-design] .admin-icon-btn {
    min-width: 44px;
    min-height: 44px;
}
html[data-rd-design] .admin-nav-link {
    min-height: 44px;
}
html[data-rd-design] .admin-nav-icon {
    background: transparent;
}
html[data-rd-design] .admin-page-title {
    white-space: normal;
    overflow-wrap: anywhere;
}
html[data-rd-design][data-admin-theme="dark"] :is(.bg-white,.bg-light) {
    background: var(--ui-surface)!important;
    color: var(--ui-text);
}
html[data-rd-design][data-admin-theme="dark"] .btn-primary {
    color: var(--ui-on-brand)!important;
}
@media(max-width:575.98px) {
    html[data-rd-design] .admin-topbar {
        flex-wrap: wrap;
        padding: 12px;
    }
    html[data-rd-design] .admin-topbar-actions {
        margin-inline-start: auto;
    }
    html[data-rd-design] .admin-stat-value {
        font-size: 20px;
    }
}
/* Security and legacy authentication documents use the same readable form surface. */
html[data-rd-design] .ui-security-page main {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    max-width: 620px;
}
html[data-rd-design] .ui-security-page :is(button,.button) {
    background: var(--ui-brand);
    color: var(--ui-on-brand);
    border-radius: 8px;
    min-height: 44px;
}
html[data-rd-design] .ui-security-page .danger {
    background: var(--ui-danger);
}
html[data-rd-design] .ui-auth-page {
    min-height: 100dvh;
    background: var(--ui-bg);
    color: var(--ui-text);
}
html[data-rd-design] .ui-auth-page :is(label,h4) {
    color: var(--ui-text);
}
html[data-rd-design] .ui-auth-page .card {
    backdrop-filter: none;
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
}
html[data-rd-design] .ui-auth-page .container {
    max-width: 960px;
    padding-block: 24px;
}
html[data-rd-design] .ui-auth-page .card.mt-5 {
    margin-top: 0!important;
}
/* Personal finance: keep quick entry, balance and planning, remove the promotional hero. */
html[data-rd-design] :is(.pf-command,.pf-balance,.pf-onboard,.pf-metric,.pf-card,.pf-wallet,.pf-ai-state) {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    box-shadow: none;
    color: var(--ui-text);
}
html[data-rd-design] :is(.pf-command,.pf-balance) {
    padding: 20px;
    min-height: 0;
}
html[data-rd-design] :is(.pf-command,.pf-balance)::after {
    display: none;
}
html[data-rd-design] .pf-command h2 {
    font-size: 22px;
    text-align: start;
    letter-spacing: 0;
    line-height: 1.7;
    margin: 12px 0 8px;
}
html[data-rd-design] .pf-command p {
    color: var(--ui-muted);
    text-align: start;
    font-size: 14px;
}
html[data-rd-design] .pf-command-brand {
    color: var(--ui-muted);
}
html[data-rd-design] .pf-command-brand i {
    background: var(--ui-brand-soft);
    color: var(--ui-brand);
}
html[data-rd-design] .pf-command-form {
    grid-template-columns: minmax(0,1fr);
    margin-top: 16px;
}
html[data-rd-design] .pf-command-form>.ui-visible-label {
    margin-bottom: -4px;
}
html[data-rd-design] :is(.pf-command-input,.pf-command-btn) {
    min-height: 44px;
    height: 44px;
    border-radius: 8px;
    font-size: 14px;
}
html[data-rd-design] :is(.pf-command-btn,.px-confirm) {
    background: var(--ui-brand);
    color: var(--ui-on-brand);
    box-shadow: none;
    border-radius: 8px;
}
html[data-rd-design] .pf-example {
    background: var(--ui-surface-muted);
    color: var(--ui-muted);
    border: 1px solid var(--ui-border);
    border-radius: 8px;
    min-height: 36px;
}
html[data-rd-design] .pf-balance-value {
    font-size: 26px;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}
html[data-rd-design] :is(.px-understood,.px-effect,.px-parse-status,.px-summary-meta span) {
    background: var(--ui-brand-soft);
    color: var(--ui-text);
    border-color: var(--ui-border);
    border-radius: 8px;
}
html[data-rd-design] .px-option[aria-pressed="true"] {
    background: var(--ui-brand-soft);
    border-color: var(--ui-brand);
    box-shadow: none;
}
html[data-rd-design] .px-option:hover {
    background: var(--ui-surface-muted);
    border-color: var(--ui-brand);
}
html[data-rd-design] .px-modal .modal-body {
    scrollbar-width: thin;
}
html[data-rd-design] .pf-head {
    flex-wrap: wrap;
}
html[data-rd-design] .pf-head h1 {
    font-size: 24px;
    line-height: 1.8;
}
@media(max-width:575.98px) {
    html[data-rd-design] .pf-head h1 {
        font-size: 20px;
    }
    html[data-rd-design] .pf-command {
        padding: 16px;
    }
    html[data-rd-design] .pf-command h2 {
        font-size: 20px;
    }
    html[data-rd-design] .pf-balance-value {
        font-size: 22px;
    }
    html[data-rd-design] .pf-onboard {
        flex-wrap: wrap;
    }
}
html[data-rd-design] .pf-command-input {
    border: 1px solid var(--ui-border);
    background: var(--ui-surface);
    font-weight: 400;
}
html[data-rd-design] .rp-mobile-nav {
    background: var(--ui-surface);
    border-radius: 0;
    border: 0;
    border-top: 1px solid var(--ui-border);
    box-shadow: none;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom);
}
html[data-rd-design] .rp-mobile-nav a.rp-mobile-primary {
    background: var(--ui-brand);
    color: var(--ui-on-brand);
    box-shadow: none;
    border-radius: 8px;
}
html[data-rd-design] .rp-mobile-nav :is(a,button) {
    min-height: 44px;
}
html[data-rd-design] .pf-quick a {
    border-radius: 10px;
    box-shadow: none;
    border-color: var(--ui-border);
}
html[data-rd-design] .pf-quick i {
    background: var(--ui-brand-soft);
    color: var(--ui-brand);
    border-radius: 8px;
}
html[data-rd-design] :is(.pf-good) {
    color: var(--ui-success);
}
html[data-rd-design] .pf-bad {
    color: var(--ui-danger);
}
html[data-rd-design] :is(.pf-panel,.pf-flow-item,.pf-option,.px-option) {
    border-radius: 10px;
    border-color: var(--ui-border);
    box-shadow: none;
}
html[data-rd-design] .rp-mobile-nav a.active {
    background: var(--ui-brand-soft);
    color: var(--ui-brand-hover);
}
.ui-personal-menu-close {
    display: none;
}
html[data-rd-design] .rp-link {
    background: transparent;
    border-color: transparent;
}
html[data-rd-design] .rp-brand-title {
    color: var(--ui-text);
}
html[data-rd-design] .rp-brand-sub {
    color: var(--ui-muted);
}
@media(max-width:991.98px) {
    html[data-rd-design] .rp-sidebar {
        inset: 0 0 0 auto;
        width: min(88vw,320px);
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
        padding: 16px;
        z-index: 1045;
        transform: translateX(105%);
        overflow-y: auto;
        transition: transform var(--ui-motion-base);
    }
    html[data-rd-design] .rp-sidebar::before {
        display: none;
    }
    html[data-rd-design] .rp-menu-open .rp-sidebar {
        transform: none;
    }
    html[data-rd-design] .rp-backdrop {
        z-index: 1040;
        backdrop-filter: none;
        background: #172b3a66;
    }
    html[data-rd-design] .rp-nav {
        grid-template-columns: minmax(0,1fr);
        gap: 4px;
    }
    html[data-rd-design] .rp-link {
        min-height: 44px;
    }
    html[data-rd-design] .ui-personal-menu-close {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 44px;
        width: 100%;
        border: 1px solid var(--ui-border);
        background: var(--ui-surface);
        color: var(--ui-muted);
        border-radius: 8px;
        margin-bottom: 12px;
    }
    html[data-rd-design] .rp-link.rp-account-switch {
        background: var(--ui-brand-soft);
        border-color: var(--ui-border);
    }
    html[data-rd-design] .rp-link.rp-account-switch::after {
        display: none;
    }
}
html[data-rd-design] :is(.subscription-console,.subscription-console>*,.runtime-grid>*,.product-panel,.console-card) {
    min-width: 0;
    max-width: 100%;
}
html[data-rd-design] :is(.subscription-hero,.status-card,.console-card,.product-tabs,.plan-contract,.save-strip) {
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    box-shadow: none;
    backdrop-filter: none;
}
html[data-rd-design] .subscription-hero p {
    color: var(--ui-muted);
}
html[data-rd-design] .subscription-hero::after {
    display: none;
}
html[data-rd-design] .subscription-hero .btn-outline-light {
    color: var(--ui-brand-hover);
    border-color: var(--ui-border);
}
html[data-rd-design] .subscription-console .card-heading {
    flex-wrap: wrap;
}
html[data-rd-design] .subscription-console .save-strip {
    position: static;
}
@media(max-width:767.98px) {
    html[data-rd-design] .subscription-console :is(.subscription-hero,.runtime-grid,.plan-contracts,.status-grid,.save-strip) {
        grid-template-columns: minmax(0,1fr);
    }
    html[data-rd-design] .subscription-hero {
        padding: 16px;
    }
    html[data-rd-design] .subscription-console .console-card {
        padding: 12px;
    }
}
@media(max-width:767.98px) {
    html[data-rd-design] .pos-workspace-page :is(.qty-btn,.remove-item,.cart-remove,.cart-row button[aria-label^="حذف"]) {
        min-width: 44px;
        min-height: 44px;
    }
}
/* Final module pass: invoice, catalogue, team, imports, subscription and POS settings. */
html[data-rd-design] :is(.qi-stat,.qi-month-header,.pos-panel,.ledger-wrap .head,.tw-hero,.rt-team-intro,.rt-pro-empty,.rdx-hero,.rp-hero,.rp-current,.rd-learning-critical,.ex-head,.settings-hero,.preview-header) {
    background: var(--ui-surface)!important;
    color: var(--ui-text);
    border-color: var(--ui-border);
    border-radius: 10px;
    box-shadow: none;
    backdrop-filter: none;
}
html[data-rd-design] :is(.tw-stat,.tw-card,.tw-user,.rdx-panel,.settings-section) {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    box-shadow: none;
}
html[data-rd-design] :is(.tw-hero,.rdx-hero,.rp-hero,.settings-hero) :is(h1,h2,strong) {
    color: var(--ui-text);
}
html[data-rd-design] :is(.tw-hero,.rdx-hero,.rp-hero,.settings-hero) p {
    color: var(--ui-muted);
    font-size: 14px;
}
html[data-rd-design] :is(.rdx-hero-icon,.settings-hero-icon) {
    background: var(--ui-brand-soft);
    color: var(--ui-brand);
    border-radius: 8px;
}
html[data-rd-design] :is(.settings-hero,.tw-hero,.rdx-hero)::after {
    display: none;
}
html[data-rd-design] .settings-hero :is(.hero-badge,.hero-mini) {
    color: var(--ui-muted);
    background: var(--ui-surface-muted);
    border-color: var(--ui-border);
}
html[data-rd-design] .order-type-card.active {
    background: var(--ui-brand-soft);
    border-color: var(--ui-brand);
    color: var(--ui-brand-hover);
}
html[data-rd-design] .ledger-wrap .chip {
    background: var(--ui-surface-muted);
    color: var(--ui-muted);
    border-color: var(--ui-border);
}
html[data-rd-design] .ledger-wrap .head .t {
    font-size: 24px;
    margin: 0;
}
html[data-rd-design] :is(.rt-debt-hero,.rt-report-hero) {
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    box-shadow: none;
}
html[data-rd-design] :is(.rt-debt-hero,.rt-report-hero) :is(h1,h2,strong) {
    color: var(--ui-text);
}
html[data-rd-design] :is(.rt-debt-hero,.rt-report-hero) :is(p,small) {
    color: var(--ui-muted);
}
html[data-rd-design] .ui-auth-form {
    max-width: 480px;
    margin: 24px auto;
    padding: 24px;
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
}
.ui-form-stack {
    display: grid;
    gap: 16px;
}
@media(max-width:575.98px) {
    html[data-rd-design] .ui-auth-form {
        padding: 16px;
        margin: 12px auto;
    }
}
html[data-rd-design] .rd-dashboard-best .table-responsive {
    overflow-y: hidden;
    padding-bottom: 1px;
}
html[data-rd-design] .rd-global-search kbd {
    color: var(--ui-muted);
}
html[data-rd-design] .pos-workspace-page .mini-btn.danger {
    color: var(--ui-danger);
    background: var(--ui-danger-soft);
}
html[data-rd-design] .rt-pro-hero .rdm-page-title {
    color: var(--ui-text)!important;
}
html[data-rd-design] .store-easy-mark {
    color: var(--ui-brand-hover);
    background: var(--ui-brand-soft);
}
html[data-rd-design] .ledger-wrap .pill {
    background: var(--ui-brand-soft);
    color: var(--ui-brand-hover);
}
html[data-rd-design] .ac-badge.is-active {
    color: var(--ui-success);
    background: var(--ui-success-soft);
}
/* Personal secondary workflows share the same quiet surfaces as the home page. */
html[data-rd-design] :is(.personal-action-btn,.rp-content .btn-primary,.pa-submit) {
    background: var(--ui-brand)!important;
    color: var(--ui-on-brand)!important;
    border-radius: 8px!important;
    box-shadow: none!important;
    min-height: 44px;
    white-space: normal;
}
html[data-rd-design] :is(.pf-wallet-top small,.pf-wallet-type,.pw-mask,.pw-meta span,.pa-brand,.pa-ask p,.reminder-hero p) {
    color: var(--ui-muted);
}
html[data-rd-design] :is(.pw-card,.pa-ask,.pa-answer,.reminder-hero,.reminder-card,.reminder-empty,.pw-empty) {
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    box-shadow: none;
}
html[data-rd-design] .pw-card::before,html[data-rd-design] .pa-ask::after {
    display: none;
}
html[data-rd-design] :is(.pw-icon,.pw-status,.pw-edit,.pa-example,.pa-brand i,.reminder-count) {
    background: var(--ui-surface-muted);
    color: var(--ui-muted);
    border-radius: 8px;
}
html[data-rd-design] .pw-edit {
    min-width: 44px;
    min-height: 44px;
    color: var(--ui-brand);
}
html[data-rd-design] .pw-bottom {
    border-color: var(--ui-border);
}
html[data-rd-design] .pg-status.active {
    color: var(--ui-success);
    background: var(--ui-success-soft);
}
html[data-rd-design] .pa-ask h2 {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1.7;
}
html[data-rd-design] .pa-example {
    min-height: 44px;
    border: 1px solid var(--ui-border);
}
html[data-rd-design] .pa-input {
    border: 1px solid var(--ui-control-border);
    border-radius: 8px;
    font-size: 16px;
}
html[data-rd-design] :is(.pf-wallets,.pa-examples,.pf-examples,.reminder-tabs) {
    scrollbar-width: thin;
    scrollbar-color: var(--ui-control-border) transparent;
}
html[data-rd-design] :is(.pf-examples,.pa-examples)::-webkit-scrollbar {
    display: block;
    height: 4px;
}
html[data-rd-design] .pf-example {
    min-height: 44px;
}
html[data-rd-design] .reminder-tabs a.active {
    background: var(--ui-brand);
    border-color: var(--ui-brand);
    color: var(--ui-on-brand);
}
/* Admin uses soft, text-labelled statuses rather than colored financial panels. */
html[data-rd-design] .admin-body :is(.badge,.admin-subscription-eyebrow,.admin-user-avatar) {
    color: var(--ui-brand-hover)!important;
    background: var(--ui-brand-soft)!important;
}
html[data-rd-design] .admin-body :is(.badge.bg-success,.admin-status-pill.is-active) {
    color: var(--ui-success)!important;
    background: var(--ui-success-soft)!important;
}
html[data-rd-design] .admin-body :is(.badge.bg-warning,.admin-subscription-state.is-free) {
    color: var(--ui-warning)!important;
    background: var(--ui-warning-soft)!important;
}
html[data-rd-design] .admin-body :is(.badge.bg-danger,.admin-status-pill.is-disabled) {
    color: var(--ui-danger)!important;
    background: var(--ui-danger-soft)!important;
}
html[data-rd-design] .admin-body .badge.bg-info {
    color: var(--ui-info)!important;
    background: var(--ui-info-soft)!important;
}
html[data-rd-design] .admin-body .btn-outline-light {
    color: var(--ui-brand-hover);
    border-color: var(--ui-control-border);
    background: var(--ui-surface);
}
html[data-rd-design] .admin-body code {
    color: var(--ui-text);
}
html[data-rd-design] .admin-body .card:is(.bg-primary,.bg-success,.bg-info) {
    background: var(--ui-surface)!important;
    color: var(--ui-text)!important;
    border: 1px solid var(--ui-border);
}
html[data-rd-design] .admin-body .card-header.text-white,html[data-rd-design] .admin-body .card-header.text-white>* {
    color: var(--ui-text)!important;
}
html[data-rd-design] .ai-control-tabs .nav-link.active {
    background: var(--ui-brand)!important;
    color: var(--ui-on-brand)!important;
}
html[data-rd-design] .ai-control-tabs .nav-link.active span {
    color: var(--ui-on-brand);
}
html[data-rd-design] .ai-status-hero {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    color: var(--ui-text);
    border-radius: 10px;
    box-shadow: none;
}
html[data-rd-design] .ai-status-hero :is(h3,strong) {
    color: var(--ui-text);
}
html[data-rd-design] .ai-status-hero :is(p,small,.mt-2,.ai-readiness-value span) {
    color: var(--ui-muted)!important;
}
html[data-rd-design] .ai-strategy-badge {
    background: var(--ui-brand-soft);
    color: var(--ui-brand-hover);
    border-color: var(--ui-border);
}
html[data-rd-design] .ai-readiness-track {
    background: var(--ui-border);
}
html[data-rd-design] .ai-readiness-track span {
    background: var(--ui-brand);
    box-shadow: none;
}
html[data-rd-design] .admin-body .card-header.text-white .text-white-50 {
    color: var(--ui-muted)!important;
}
html[data-rd-design] .rt-pro-hero h1 {
    color: var(--ui-text)!important;
}
html[data-rd-design] .purchase-summary strong {
    color: var(--ui-brand-hover);
}
html[data-rd-design] .rt-report-range {
    color: var(--ui-muted);
}