/* GENERATED by uniform.py from the classes the views use. Shared skins so every screen looks the same. */

.page-body .brand-left,
.page-body .brand-right,
.page-body .card-custom,
.page-body .category-left,
.page-body .category-right,
.page-body .content-panel,
.page-body .details-summary,
.page-body .employee-left,
.page-body .employee-right,
.page-body .expense-left,
.page-body .expense-right,
.page-body .filter-card,
.page-body .header-card,
.page-body .info-box,
.page-body .main-card,
.page-body .pa-card,
.page-body .panel,
.page-body .payment-box,
.page-body .payment-modern-card,
.page-body .po-card,
.page-body .pr-card,
.page-body .product-card,
.page-body .product-left,
.page-body .product-right,
.page-body .purchase-left,
.page-body .purchase-right,
.page-body .reason-section,
.page-body .role-left,
.page-body .role-right,
.page-body .sale-left,
.page-body .sale-right,
.page-body .search-card,
.page-body .setup-left,
.page-body .setup-right,
.page-body .stat-card,
.page-body .stats-card,
.page-body .subcategory-left,
.page-body .subcategory-right,
.page-body .summary-card,
.page-body .summary-panel,
.page-body .tax-left,
.page-body .tax-right,
.page-body .total-box,
.page-body .user-left,
.modal .brand-left,
.modal .brand-right,
.modal .card-custom,
.modal .category-left,
.modal .category-right,
.modal .content-panel,
.modal .details-summary,
.modal .employee-left,
.modal .employee-right,
.modal .expense-left,
.modal .expense-right,
.modal .filter-card,
.modal .header-card,
.modal .info-box,
.modal .main-card,
.modal .pa-card,
.modal .panel,
.modal .payment-box,
.modal .payment-modern-card,
.modal .po-card,
.modal .pr-card,
.modal .product-card,
.modal .product-left,
.modal .product-right,
.modal .purchase-left,
.modal .purchase-right,
.modal .reason-section,
.modal .role-left,
.modal .role-right,
.modal .sale-left,
.modal .sale-right,
.modal .search-card,
.modal .setup-left,
.modal .setup-right,
.modal .stat-card,
.modal .stats-card,
.modal .subcategory-left,
.modal .subcategory-right,
.modal .summary-card,
.modal .summary-panel,
.modal .tax-left,
.modal .tax-right,
.modal .total-box,
.modal .user-left {
    background: var(--sn-surface) !important; color: var(--sn-text);
    border: 1px solid var(--sn-border) !important; border-radius: var(--sn-radius) !important;
    box-shadow: var(--sn-shadow-sm) !important; padding: var(--sn-pad-card);
}
/* a card inside a card: quiet inner panel */
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .brand-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .brand-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .card-custom,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .category-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .category-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .content-panel,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .details-summary,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .employee-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .employee-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .expense-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .expense-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .filter-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .header-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .info-box,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .main-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .pa-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .panel,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .payment-box,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .payment-modern-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .po-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .pr-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .product-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .product-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .product-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .purchase-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .purchase-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .reason-section,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .role-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .role-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .sale-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .sale-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .search-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .setup-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .setup-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .stat-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .stats-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .subcategory-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .subcategory-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .summary-card,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .summary-panel,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .tax-left,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .tax-right,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .total-box,
.page-body :is(.brand-left, .brand-right, .card-custom, .category-left, .category-right, .content-panel, .details-summary, .employee-left, .employee-right, .expense-left, .expense-right, .filter-card, .header-card, .info-box, .main-card, .pa-card, .panel, .payment-box, .payment-modern-card, .po-card, .pr-card, .product-card, .product-left, .product-right, .purchase-left, .purchase-right, .reason-section, .role-left, .role-right, .sale-left, .sale-right, .search-card, .setup-left, .setup-right, .stat-card, .stats-card, .subcategory-left, .subcategory-right, .summary-card, .summary-panel, .tax-left, .tax-right, .total-box, .user-left) .user-left {
    background: var(--sn-surface-2) !important; box-shadow: none !important;
}

.page-body .card-header-custom,
.page-body .guidelines-header,
.page-body .panel-head,
.page-body .payment-header,
.modal .card-header-custom,
.modal .guidelines-header,
.modal .panel-head,
.modal .payment-header {
    background: transparent !important; color: var(--sn-text) !important; border: 0 !important; border-bottom: 1px solid var(--sn-border) !important;
    border-radius: 0 !important; box-shadow: none !important; padding: 0 0 12px 0; margin-bottom: 14px;
}
:is(.page-body .card-header-custom,
.page-body .guidelines-header,
.page-body .panel-head,
.page-body .payment-header) :is(h1, h2, h3, h4, h5, h6, span, i, div) { color: var(--sn-text) !important; }
:is(.page-body .card-header-custom,
.page-body .guidelines-header,
.page-body .panel-head,
.page-body .payment-header) i, :is(.page-body .card-header-custom,
.page-body .guidelines-header,
.page-body .panel-head,
.page-body .payment-header) svg { color: var(--sn-accent-text) !important; }
.page-body .header-title,
.page-body .section-title { color: var(--sn-text) !important; font-size: 1.05rem; font-weight: 700; margin: 0 0 12px; }

.page-body .cart-edit,
.page-body .date-picker,
.page-body .page-size-select,
.page-body .payment-input,
.page-body .payment-select,
.page-body .reason-input,
.page-body .return-input,
.page-body .search-input,
.modal .cart-edit,
.modal .date-picker,
.modal .page-size-select,
.modal .payment-input,
.modal .payment-select,
.modal .reason-input,
.modal .return-input,
.modal .search-input {
    background-color: var(--sn-surface) !important; color: var(--sn-text) !important;
    border: 1px solid var(--sn-border-strong) !important; border-radius: 10px !important;
    padding: var(--sn-pad-input-y) var(--sn-pad-input-x); min-height: calc(1.35em + var(--sn-pad-input-y) * 2 + 2px);
    font-size: .92rem; font-weight: 500; box-shadow: none !important;
}
:is(.page-body .cart-edit,
.page-body .date-picker,
.page-body .page-size-select,
.page-body .payment-input,
.page-body .payment-select,
.page-body .reason-input,
.page-body .return-input,
.page-body .search-input):focus { border-color: var(--sn-accent) !important; box-shadow: 0 0 0 3px var(--sn-accent-ring) !important; outline: none; }
:is(.page-body .cart-edit,
.page-body .date-picker,
.page-body .page-size-select,
.page-body .payment-input,
.page-body .payment-select,
.page-body .reason-input,
.page-body .return-input,
.page-body .search-input)[readonly], :is(.page-body .cart-edit,
.page-body .date-picker,
.page-body .page-size-select,
.page-body .payment-input,
.page-body .payment-select,
.page-body .reason-input,
.page-body .return-input,
.page-body .search-input):disabled { background-color: var(--sn-surface-2) !important; color: var(--sn-text-2) !important; }

.page-body .detail-label,
.page-body .payment-label,
.page-body .price-qty-label,
.page-body .remaining-label,
.page-body .role-label,
.page-body .total-label,
.modal .detail-label,
.modal .payment-label,
.modal .price-qty-label,
.modal .remaining-label,
.modal .role-label,
.modal .total-label { color: var(--sn-text-2) !important; font-weight: 600 !important; font-size: .86rem !important; text-transform: none !important; letter-spacing: 0 !important; }

.page-body .btn-gradient,
.page-body .btn-search,
.page-body .search-btn,
.page-body .sidebar-btn,
.page-body .square-btn,
.modal .btn-gradient,
.modal .btn-search,
.modal .search-btn,
.modal .sidebar-btn,
.modal .square-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem; cursor: pointer;
    border-radius: 10px !important; font-weight: 600 !important; padding: var(--sn-pad-input-y) 1rem; line-height: 1.35;
    box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; transition: background .15s, border-color .15s, color .15s;
    background: var(--sn-accent) !important; border: 1px solid var(--sn-accent) !important; color: #fff !important;
}
:is(.page-body .btn-gradient,
.page-body .btn-search,
.page-body .search-btn,
.page-body .sidebar-btn,
.page-body .square-btn):hover { background: var(--sn-accent-strong) !important; border-color: var(--sn-accent-strong) !important; color: #fff !important; }

.page-body .btn-gradient-success,
.page-body .btn-return,
.page-body .btn-upload,
.modal .btn-gradient-success,
.modal .btn-return,
.modal .btn-upload {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem; cursor: pointer;
    border-radius: 10px !important; font-weight: 600 !important; padding: var(--sn-pad-input-y) 1rem; line-height: 1.35;
    box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; transition: background .15s, border-color .15s, color .15s;
    background: #12804a !important; border: 1px solid #12804a !important; color: #fff !important;
}
:is(.page-body .btn-gradient-success,
.page-body .btn-return,
.page-body .btn-upload):hover { background: #0d673b !important; border-color: #0d673b !important; color: #fff !important; }

.page-body .btn-danger-sm,
.page-body .btn-gradient-danger,
.page-body .remove-btn,
.modal .btn-danger-sm,
.modal .btn-gradient-danger,
.modal .remove-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem; cursor: pointer;
    border-radius: 10px !important; font-weight: 600 !important; padding: var(--sn-pad-input-y) 1rem; line-height: 1.35;
    box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; transition: background .15s, border-color .15s, color .15s;
    background: transparent !important; border: 1px solid var(--sn-danger) !important; color: var(--sn-danger) !important;
}
:is(.page-body .btn-danger-sm,
.page-body .btn-gradient-danger,
.page-body .remove-btn):hover { background: var(--sn-danger) !important; color: #fff !important; }

.page-body .btn-edit-sm,
.page-body .btn-outline,
.page-body .btn-reset,
.page-body .quick-actions-btn,
.modal .btn-edit-sm,
.modal .btn-outline,
.modal .btn-reset,
.modal .quick-actions-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem; cursor: pointer;
    border-radius: 10px !important; font-weight: 600 !important; padding: var(--sn-pad-input-y) 1rem; line-height: 1.35;
    box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; transition: background .15s, border-color .15s, color .15s;
    background: var(--sn-surface) !important; border: 1px solid var(--sn-border-strong) !important; color: var(--sn-text-2) !important;
}
:is(.page-body .btn-edit-sm,
.page-body .btn-outline,
.page-body .btn-reset,
.page-body .quick-actions-btn):hover { background: var(--sn-surface-3) !important; color: var(--sn-text) !important; }

/* former coloured panels are plain cards now: white utility text inside them follows the theme */
.page-body :is(.card, .card-custom, .summary-card, .stat-card, .sale-right, .sale-left, .purchase-right, .purchase-left, .info-box, .total-box, .payment-box, .payment-modern-card, .summary-panel, .main-card, .filter-card, .search-card, .header-card, .stats-card, .pa-card, .po-card, .pr-card, .product-right, .product-left)
    :is(.text-white, .text-white-50, .text-light):not(.btn):not(.badge):not([class*="bg-"]) { color: var(--sn-text) !important; }

/* one style for icon tiles in cards and page headers (stat / summary / section icons) */
.page-body :is(div, span)[class*="-icon"]:not([class*="bi-"]):not([class*="fa-"]):not(.btn):not([class*="success"]):not([class*="danger"]):not([class*="warning"]):not([class*="info"]):not(.feather) {
    background: var(--sn-accent-soft) !important; color: var(--sn-accent-text) !important; box-shadow: none !important; border: 0 !important;
}
.page-body :is(div, span)[class*="-icon"]:not([class*="bi-"]):not([class*="fa-"]):not(.btn) :is(i, svg) { color: inherit !important; stroke: currentColor; }

/* "click to pick" fields (product / supplier / customer pickers) look like every other textbox */
.page-body .form-control.bg-light-yellow, .page-body .bg-light-yellow.form-control { background-color: var(--sn-surface) !important; cursor: pointer; }

/* every page / card title uses the same ink; their icons use the accent */
.page-body :is(h1, h2, h3, h4, h5, h6):not([class*="text-"]):not(.swal2-title) { color: var(--sn-text) !important; }
.page-body :is(h1, h2, h3, h4, h5, h6) > :is(i, svg):not([class*="text-"]) { color: var(--sn-accent-text) !important; }

/* text boxes written without a Bootstrap class still look like every other text box */
.page-body :is(input:not([type]), input[type="text"], input[type="search"], input[type="number"], input[type="email"], input[type="tel"], input[type="date"], input[type="password"]):not([class]),
.page-body select:not([class]), .page-body textarea:not([class]) {
    background-color: var(--sn-surface); color: var(--sn-text); border: 1px solid var(--sn-border-strong); border-radius: 10px;
    padding: var(--sn-pad-input-y) var(--sn-pad-input-x); min-height: calc(1.35em + var(--sn-pad-input-y) * 2 + 2px); font-size: .92rem; width: 100%;
}
.page-body :is(input, select, textarea):not([class]):focus { border-color: var(--sn-accent); box-shadow: 0 0 0 3px var(--sn-accent-ring); outline: none; }
.page-body :is(h1, h2, h3, h4, h5, h6).text-primary { color: var(--sn-text) !important; }
.page-body .text-white-50:not(.btn):not(.badge):not([class*="bg-"]) { color: var(--sn-muted) !important; }