/*
  Quasar PWA mobile layer.
  Scope: mobile viewport only. Desktop keeps the existing web UI untouched.
*/

@media (max-width: 767px) {
    :root {
        --pwa-bg: #f7f9f6;
        --pwa-surface: #ffffff;
        --pwa-surface-soft: #f1f6f4;
        --pwa-text: #111827;
        --pwa-muted: #667085;
        --pwa-faint: #98a2b3;
        --pwa-line: #e4ebe7;
        --pwa-line-strong: #d0ddd8;
        --pwa-primary: #1e3a56;
        --pwa-primary-pressed: #101b2d;
        --pwa-primary-contrast: #ffffff;
        --pwa-primary-soft: #e8eef5;
        --pwa-primary-ring: rgba(30, 58, 86, 0.16);
        --pwa-hero-start: #1e3a56;
        --pwa-hero-mid: #213f5d;
        --pwa-hero-end: #101b2d;
        --pwa-hero-glow: rgba(125, 211, 252, 0.2);
        --pwa-hero-glow-soft: rgba(255, 255, 255, 0.08);
        --pwa-teal: #14b8a6;
        --pwa-teal-soft: #dcf7f2;
        --pwa-blue-soft: var(--pwa-primary-soft);
        --pwa-coral: #ef4444;
        --pwa-coral-soft: #fff0ee;
        --pwa-warning: #f59e0b;
        --pwa-success: #059669;
        --pwa-radius-sm: 12px;
        --pwa-radius-md: 16px;
        --pwa-radius-lg: 22px;
        --pwa-shadow: 0 14px 34px -28px rgba(15, 23, 42, 0.36);
        --pwa-shadow-floating: 0 20px 46px -30px rgba(15, 23, 42, 0.42);
        --pwa-button-shadow: 0 18px 34px -25px rgba(16, 27, 45, 0.55);
        --pwa-action-primary: #1e3a56;
        --pwa-action-primary-pressed: #101b2d;
        --pwa-action-neutral: #ffffff;
        --pwa-action-neutral-text: #344054;
        --pwa-action-success: #0f766e;
        --pwa-action-success-soft: #ecfdf5;
        --pwa-action-danger: #e11d48;
        --pwa-action-danger-soft: #fff1f2;
        --pwa-action-warning: #d97706;
        --pwa-action-warning-soft: #fff7ed;
        --pwa-mobile-header-height: calc(3.9rem + env(safe-area-inset-top));
        --pwa-hero-height: min(52svh, 25rem);
        --pwa-hero-wave-height: 5.75rem;
        --pwa-hero-content-top: calc(var(--pwa-mobile-header-height) + 1.25rem);
        --pwa-hero-content-bottom: calc(var(--pwa-hero-wave-height) + 0.45rem);
        --pwa-content-overlap: -1.7rem;
        --pwa-step-footer-height: 4rem;
        --pwa-step-dock-clearance: calc(var(--pwa-tabbar-height, 4rem) + var(--pwa-step-footer-height) + 1.25rem);
        --pwa-form-top-clearance: 1rem;
        --pwa-form-scroll-top: calc(var(--pwa-mobile-header-height) + var(--pwa-form-top-clearance));
        --pwa-ease-standard: cubic-bezier(0.22, 0.72, 0.22, 1);
        --pwa-ease-emphasized: cubic-bezier(0.18, 0.88, 0.24, 1);
        --pwa-motion-fast: 210ms;
        --pwa-motion-base: 360ms;
        --pwa-motion-slow: 620ms;
    }

    @keyframes pwa-sheet-in {
        from {
            opacity: 0;
            transform: translate3d(0, 1.2rem, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes pwa-enter-down {
        from {
            opacity: 0;
            transform: translate3d(0, -1.75rem, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes pwa-enter-up {
        from {
            opacity: 0;
            transform: translate3d(0, 1.35rem, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes pwa-row-in {
        from {
            opacity: 0;
            transform: translate3d(-1.25rem, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes pwa-form-in {
        from {
            opacity: 0;
            transform: translate3d(0, 1.45rem, 0) scale(0.988);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes pwa-shimmer {
        from {
            transform: translateX(-110%);
        }
        to {
            transform: translateX(110%);
        }
    }

    @keyframes pwa-wave-breathe {
        0%, 100% { transform: translate3d(0, 0, 0); }
        50% { transform: translate3d(-0.6rem, 0.12rem, 0); }
    }

    @keyframes pwa-snack-in {
        from {
            opacity: 0;
            transform: translate3d(0, -0.85rem, 0) scale(0.98);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes pwa-snack-out {
        from {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }
        to {
            opacity: 0;
            transform: translate3d(0, -0.55rem, 0) scale(0.985);
        }
    }

    html.pwa-mobile-viewport {
        background: var(--pwa-bg);
        overscroll-behavior-y: none;
        -webkit-text-size-adjust: 100%;
    }

    html.pwa-mobile-viewport body {
        background: var(--pwa-bg) !important;
        color: var(--pwa-text);
        min-height: 100svh;
        min-height: 100dvh;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    html.pwa-mobile-viewport .pwa-module-screen,
    html.pwa-mobile-viewport .pwa-sales-screen,
    html.pwa-mobile-viewport .pwa-sale-form-page,
    html.pwa-mobile-viewport .pwa-purchase-form-page,
    html.pwa-mobile-viewport .pwa-master-form-page {
        transform-origin: 50% 0%;
    }

    html.pwa-mobile-viewport .pwa-home-header,
    html.pwa-mobile-viewport .pwa-module-hero,
    html.pwa-mobile-viewport .pwa-screen-header,
    html.pwa-mobile-viewport .pwa-master-screen > .mb-5,
    html.pwa-mobile-viewport .pwa-master-screen .app-module-header,
    html.pwa-mobile-viewport .pwa-master-form-page > .mb-5 {
        animation: pwa-enter-down 680ms var(--pwa-ease-emphasized) both;
    }

    html.pwa-mobile-viewport .pwa-sales-actions,
    html.pwa-mobile-viewport .pwa-module-search,
    html.pwa-mobile-viewport .pwa-product-operations-menu,
    html.pwa-mobile-viewport .pwa-filter-form {
        animation: pwa-enter-up 540ms var(--pwa-ease-emphasized) 150ms both;
    }

    html.pwa-mobile-viewport .pwa-sale-form-page > .rounded-2xl,
    html.pwa-mobile-viewport .pwa-purchase-form-page > .rounded-2xl,
    html.pwa-mobile-viewport .pwa-purchase-form-page > .overflow-hidden,
    html.pwa-mobile-viewport .pwa-master-form-page > .rounded-2xl,
    html.pwa-mobile-viewport .pwa-form-stepper {
        animation: pwa-form-in 560ms var(--pwa-ease-emphasized) 90ms both;
    }

    html.pwa-mobile-viewport [data-pwa-step-panel].pwa-step-current {
        animation: pwa-enter-up 420ms var(--pwa-ease-emphasized) both;
    }

    html.pwa-mobile-viewport .pwa-sales-card,
    html.pwa-mobile-viewport .pwa-list-row,
    html.pwa-mobile-viewport .pwa-list-section-header,
    html.pwa-mobile-viewport .pwa-empty-state,
    html.pwa-mobile-viewport .pwa-review-item {
        animation: pwa-row-in 520ms var(--pwa-ease-emphasized) both;
    }

    html.pwa-mobile-viewport .pwa-sales-list > *:nth-child(1),
    html.pwa-mobile-viewport .pwa-list-rows > *:nth-child(1) { animation-delay: 120ms; }
    html.pwa-mobile-viewport .pwa-sales-list > *:nth-child(2),
    html.pwa-mobile-viewport .pwa-list-rows > *:nth-child(2) { animation-delay: 190ms; }
    html.pwa-mobile-viewport .pwa-sales-list > *:nth-child(3),
    html.pwa-mobile-viewport .pwa-list-rows > *:nth-child(3) { animation-delay: 260ms; }
    html.pwa-mobile-viewport .pwa-sales-list > *:nth-child(4),
    html.pwa-mobile-viewport .pwa-list-rows > *:nth-child(4) { animation-delay: 330ms; }
    html.pwa-mobile-viewport .pwa-sales-list > *:nth-child(n + 5),
    html.pwa-mobile-viewport .pwa-list-rows > *:nth-child(n + 5) { animation-delay: 400ms; }

    html.pwa-mobile-viewport .pwa-toast-stack {
        top: calc(env(safe-area-inset-top, 0px) + 5.8rem) !important;
        display: grid;
        gap: 0.55rem;
        pointer-events: none;
        transition: opacity 220ms ease, transform 220ms ease;
    }

    html.pwa-mobile-viewport #toast-messages {
        display: none !important;
    }

    html.pwa-mobile-viewport [data-pwa-server-message],
    html.pwa-mobile-viewport .pwa-sale-form-page form > [role="alert"],
    html.pwa-mobile-viewport .pwa-purchase-form-page form > [role="alert"],
    html.pwa-mobile-viewport .pwa-master-form-page form > [role="alert"],
    html.pwa-mobile-viewport .pwa-sale-form-page form > .bg-rose-50,
    html.pwa-mobile-viewport .pwa-sale-form-page form > .bg-red-50,
    html.pwa-mobile-viewport .pwa-sale-form-page form > .bg-amber-50,
    html.pwa-mobile-viewport .pwa-sale-form-page form > .bg-yellow-50,
    html.pwa-mobile-viewport .pwa-sale-form-page form > .bg-emerald-50,
    html.pwa-mobile-viewport .pwa-sale-form-page form > .bg-green-50,
    html.pwa-mobile-viewport .pwa-purchase-form-page form > .bg-rose-50,
    html.pwa-mobile-viewport .pwa-purchase-form-page form > .bg-red-50,
    html.pwa-mobile-viewport .pwa-purchase-form-page form > .bg-amber-50,
    html.pwa-mobile-viewport .pwa-purchase-form-page form > .bg-yellow-50,
    html.pwa-mobile-viewport .pwa-purchase-form-page form > .bg-emerald-50,
    html.pwa-mobile-viewport .pwa-purchase-form-page form > .bg-green-50,
    html.pwa-mobile-viewport .pwa-master-form-page form > .bg-rose-50,
    html.pwa-mobile-viewport .pwa-master-form-page form > .bg-red-50,
    html.pwa-mobile-viewport .pwa-master-form-page form > .bg-amber-50,
    html.pwa-mobile-viewport .pwa-master-form-page form > .bg-yellow-50,
    html.pwa-mobile-viewport .pwa-master-form-page form > .bg-emerald-50,
    html.pwa-mobile-viewport .pwa-master-form-page form > .bg-green-50 {
        display: none !important;
    }

    html.pwa-mobile-viewport .pwa-toast-stack--leaving {
        opacity: 0;
        transform: translateY(-0.5rem);
    }

    html.pwa-mobile-viewport .pwa-toast-message {
        width: 100%;
        max-width: none !important;
        border-radius: 1rem !important;
        padding: 0.9rem 1rem !important;
        box-shadow: 0 18px 36px -24px rgba(15, 23, 42, 0.38) !important;
        pointer-events: auto;
    }

    html.pwa-mobile-viewport .pwa-toast-message .flex {
        align-items: flex-start !important;
    }

    html.pwa-mobile-viewport .pwa-toast-message p {
        color: #334155 !important;
        font-size: 0.86rem !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    html.pwa-mobile-viewport .pwa-snack-stack {
        position: fixed;
        right: max(0.75rem, calc((100vw - var(--pwa-frame-width, 24rem)) / 2 + 0.75rem));
        top: calc(env(safe-area-inset-top, 0px) + 0.85rem);
        left: max(0.75rem, calc((100vw - var(--pwa-frame-width, 24rem)) / 2 + 0.75rem));
        z-index: 10050;
        display: grid;
        gap: 0.55rem;
        pointer-events: none;
    }

    html.pwa-mobile-viewport .pwa-snack {
        display: grid;
        grid-template-columns: 2.25rem minmax(0, 1fr);
        align-items: center;
        gap: 0.72rem;
        min-height: 4.1rem;
        border: 1px solid rgba(226, 232, 240, 0.86);
        border-radius: 1.15rem;
        background: rgba(255, 255, 255, 0.98);
        color: #172033;
        padding: 0.82rem 0.92rem;
        box-shadow: 0 22px 54px -30px rgba(15, 23, 42, 0.55);
        pointer-events: auto;
        transform-origin: 50% 0%;
        animation: pwa-snack-in 360ms var(--pwa-ease-emphasized) both;
        backdrop-filter: blur(14px) saturate(1.05);
    }

    html.pwa-mobile-viewport .pwa-snack.is-leaving {
        animation: pwa-snack-out 220ms var(--pwa-ease-standard) both;
    }

    html.pwa-mobile-viewport .pwa-snack > svg,
    html.pwa-mobile-viewport .pwa-snack > i {
        display: grid;
        width: 2.25rem !important;
        height: 2.25rem !important;
        place-items: center;
        border-radius: 999px;
        padding: 0.48rem;
        background: #fff7ed;
        color: #f97316;
    }

    html.pwa-mobile-viewport .pwa-snack-success > svg,
    html.pwa-mobile-viewport .pwa-snack-success > i {
        background: #ecfdf5;
        color: #10b981;
    }

    html.pwa-mobile-viewport .pwa-snack-info > svg,
    html.pwa-mobile-viewport .pwa-snack-info > i {
        background: #eff6ff;
        color: #2563eb;
    }

    html.pwa-mobile-viewport .pwa-snack-warning > svg,
    html.pwa-mobile-viewport .pwa-snack-warning > i {
        background: #fff7ed;
        color: #f97316;
    }

    html.pwa-mobile-viewport .pwa-snack-error > svg,
    html.pwa-mobile-viewport .pwa-snack-error > i {
        background: #fff1f2;
        color: #e11d48;
    }

    html.pwa-mobile-viewport .pwa-snack-body {
        display: grid;
        gap: 0.12rem;
        min-width: 0;
    }

    html.pwa-mobile-viewport .pwa-snack-body strong {
        color: #111827;
        font-size: 0.9rem;
        font-weight: 900;
        line-height: 1.15;
    }

    html.pwa-mobile-viewport .pwa-snack-body span {
        color: #64748b;
        font-size: 0.78rem;
        font-weight: 650;
        line-height: 1.25;
    }

    html.pwa-mobile-viewport body.app-shell {
        padding-top: 0 !important;
        padding-bottom: calc(4.6rem + env(safe-area-inset-bottom)) !important;
    }

    html.pwa-mobile-viewport #quasar-module-content {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        min-height: 100svh;
        padding-bottom: calc(4.6rem + env(safe-area-inset-bottom));
    }

    html.pwa-mobile-viewport body.app-shell #quasar-module-content::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: var(--pwa-hero-height);
        background:
            radial-gradient(18rem 10rem at 12% 7%, var(--pwa-hero-glow), transparent 64%),
            radial-gradient(20rem 12rem at 96% 0%, var(--pwa-hero-glow-soft), transparent 68%),
            linear-gradient(135deg, var(--pwa-hero-start) 0%, var(--pwa-hero-mid) 48%, var(--pwa-hero-end) 100%);
        pointer-events: none;
        z-index: 0;
    }

    html.pwa-mobile-viewport body.app-shell #quasar-module-content::after {
        content: "";
        position: absolute;
        top: calc(var(--pwa-hero-height) - var(--pwa-hero-wave-height));
        left: 0;
        width: 100%;
        height: var(--pwa-hero-wave-height);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 112' preserveAspectRatio='none'%3E%3Cpath fill='%23f7f9f6' d='M0 50 C70 22 130 22 200 50 C270 78 330 78 400 50 V112 H0 Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% 100%;
        pointer-events: none;
        z-index: 0;
        animation: none;
    }

    html.pwa-mobile-viewport body.app-shell #quasar-module-content > * {
        position: relative;
        z-index: 1;
    }

    html.pwa-mobile-viewport .app-mobile-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 80;
        min-height: var(--pwa-mobile-header-height);
        padding-top: env(safe-area-inset-top);
        border-bottom: 0;
        background:
            radial-gradient(18rem 10rem at 12% 7%, var(--pwa-hero-glow), transparent 64%),
            radial-gradient(20rem 12rem at 96% 0%, var(--pwa-hero-glow-soft), transparent 68%),
            linear-gradient(135deg, var(--pwa-hero-start) 0%, var(--pwa-hero-mid) 48%, var(--pwa-hero-end) 100%);
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        transition: background-color var(--pwa-motion-base) var(--pwa-ease-standard),
            box-shadow var(--pwa-motion-base) var(--pwa-ease-standard),
            border-color var(--pwa-motion-base) var(--pwa-ease-standard);
    }

    html.pwa-mobile-viewport .app-mobile-header > div {
        height: 3.9rem;
        padding-inline: 1rem;
    }

    html.pwa-mobile-viewport .app-mobile-header .app-title {
        color: #ffffff !important;
        font-size: 0.98rem;
        font-weight: 850;
        line-height: 1.05;
    }

    html.pwa-mobile-viewport .app-mobile-header .text-slate-500 {
        color: rgba(255, 255, 255, 0.78) !important;
        font-size: 0.72rem;
    }

    html.pwa-mobile-viewport .app-mobile-header-button {
        width: 2.55rem;
        height: 2.55rem;
        border: 1px solid rgba(255, 255, 255, 0.34);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        color: #2563eb;
        box-shadow: none;
    }

    html.pwa-mobile-viewport.pwa-header-on-surface .app-mobile-header {
        border-bottom: 1px solid var(--pwa-line);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 10px 28px -24px rgba(15, 23, 42, 0.35);
        backdrop-filter: blur(16px) saturate(1.05);
        -webkit-backdrop-filter: blur(16px) saturate(1.05);
    }

    html.pwa-mobile-viewport.pwa-header-on-surface .app-mobile-header .app-title {
        color: var(--pwa-text) !important;
    }

    html.pwa-mobile-viewport.pwa-header-on-surface .app-mobile-header .text-slate-500 {
        color: var(--pwa-muted) !important;
    }

    html.pwa-mobile-viewport.pwa-header-on-surface .app-mobile-header-button {
        border-color: var(--pwa-line);
        background: #ffffff;
        color: var(--pwa-primary);
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-shell {
        padding: 0 !important;
        background: transparent !important;
    }

    html.pwa-mobile-viewport .app-mobile-tabbar {
        min-height: calc(4rem + env(safe-area-inset-bottom));
        width: 100% !important;
        border: 0 !important;
        border-top: 1px solid rgba(208, 221, 216, 0.92) !important;
        border-radius: 0 !important;
        background: rgba(255, 255, 255, 0.97) !important;
        box-shadow: 0 -8px 24px -22px rgba(15, 23, 42, 0.36) !important;
        backdrop-filter: blur(16px) saturate(1.05);
        padding: 0.28rem 0.5rem calc(0.28rem + env(safe-area-inset-bottom)) !important;
        gap: 0 !important;
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-link {
        position: relative;
        min-height: 3.35rem !important;
        border-radius: 0.85rem !important;
        background: transparent !important;
        color: #667085 !important;
        box-shadow: none !important;
        font-size: 0.66rem !important;
        font-weight: 800 !important;
        transform: none !important;
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-link.is-active,
    html.pwa-mobile-viewport .app-mobile-tabbar-link.app-mobile-tabbar-menu.is-open {
        background: transparent !important;
        color: var(--pwa-primary) !important;
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-link.is-active svg,
    html.pwa-mobile-viewport .app-mobile-tabbar-link.app-mobile-tabbar-menu.is-open svg {
        stroke-width: 2.4;
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-link.is-active::after {
        content: "" !important;
        position: absolute;
        top: 0.28rem;
        left: 50%;
        width: 1.7rem;
        height: 0.18rem;
        border-radius: 999px;
        background: var(--pwa-primary);
        transform: translateX(-50%);
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer {
        width: min(88vw, 21rem) !important;
        max-width: 21rem !important;
        border-right: 1px solid var(--pwa-line) !important;
        border-radius: 0 1.1rem 1.1rem 0 !important;
        background: #fff !important;
        color: var(--pwa-text) !important;
        box-shadow: 16px 0 38px -30px rgba(15, 23, 42, 0.45) !important;
        overflow: hidden !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer::before,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer::after,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-header::before,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-header::after {
        content: none !important;
        display: none !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-header {
        height: auto !important;
        min-height: calc(env(safe-area-inset-top, 0px) + 4.55rem) !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 3 !important;
        align-items: center !important;
        border-bottom: 0 !important;
        background:
            radial-gradient(11rem 7rem at 12% -40%, rgba(74, 135, 176, 0.34), transparent 72%),
            linear-gradient(135deg, #24435f 0%, #1d3852 50%, #14263a 100%) !important;
        padding: calc(env(safe-area-inset-top, 0px) + 0.82rem) 1rem 0.82rem !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-brand-card .app-sidebar-brand {
        align-items: center !important;
        gap: 0.82rem !important;
        max-width: calc(100% - 3.1rem);
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-brand-card .app-brand-mark--sidebar {
        width: 2.45rem !important;
        height: 2.45rem !important;
        border-radius: 0.9rem !important;
        background: #0f1d2e !important;
        border-color: rgba(255, 255, 255, 0.14) !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-brand-card .app-title {
        color: #ffffff !important;
        font-size: 1rem !important;
        line-height: 1.05 !important;
        letter-spacing: -0.03em;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-brand-card .text-slate-500 {
        color: rgba(255, 255, 255, 0.76) !important;
        font-size: 0.72rem !important;
        line-height: 1.25 !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-mobile-header-button {
        width: 2.5rem !important;
        height: 2.5rem !important;
        border-color: rgba(255, 255, 255, 0.9) !important;
        background: #fff !important;
        color: var(--pwa-primary) !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-close {
        border-color: rgba(255, 255, 255, 0.9) !important;
        background: #ffffff !important;
        color: var(--pwa-primary) !important;
        flex-shrink: 0;
        box-shadow: 0 14px 28px -22px rgba(2, 6, 23, 0.5) !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-nav {
        position: relative !important;
        z-index: 2 !important;
        padding: 0.85rem 0.75rem 1.1rem !important;
        background: #ffffff !important;
        scrollbar-width: thin;
        scrollbar-color: #b8c9c3 transparent;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .text-slate-900,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-title,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-group-title,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-link-title {
        color: var(--pwa-text) !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .text-slate-500,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .text-slate-600,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-group-meta,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-link-meta,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-section-title {
        color: var(--pwa-muted) !important;
    }

    html.pwa-mobile-viewport .app-sidebar-company {
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #f8fbfa !important;
        color: var(--pwa-text) !important;
        box-shadow: none !important;
        margin: 0.9rem 0.75rem 0 !important;
        padding: 0.75rem 0.85rem !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-section-title {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        padding: 0.15rem 0.35rem !important;
        font-size: 0.68rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.18em !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-section-title::after {
        content: "";
        flex: 1;
        height: 1px;
        background: var(--pwa-line);
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-group {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-group-panel {
        margin: 0.28rem 0 0.65rem !important;
        padding: 0.58rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #f8fbfa !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-subsection {
        padding: 0 !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-subsection + .app-sidebar-mobile-subsection {
        margin-top: 0.5rem !important;
        padding-top: 0.5rem !important;
        border-top: 1px solid #edf2ef !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-subsection-title {
        margin: 0 0 0.35rem !important;
        padding: 0 0.25rem !important;
        color: var(--pwa-faint) !important;
        font-size: 0.64rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.14em !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-link,
    html.pwa-mobile-viewport .app-sidebar-mobile-home-link,
    html.pwa-mobile-viewport .app-sidebar-mobile-group-button {
        min-height: 3.28rem !important;
        border: 0 !important;
        border-radius: 0.9rem !important;
        background: transparent !important;
        color: var(--pwa-text) !important;
        box-shadow: none !important;
        padding: 0.48rem 0.55rem !important;
        transform: none !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-group-panel .app-sidebar-mobile-link {
        min-height: 3.4rem !important;
        border-radius: 0.85rem !important;
        background: #ffffff !important;
        padding: 0.5rem 0.58rem !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-group-panel .app-sidebar-mobile-link + .app-sidebar-mobile-link {
        margin-top: 0.32rem !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-link:hover,
    html.pwa-mobile-viewport .app-sidebar-mobile-home-link:hover,
    html.pwa-mobile-viewport .app-sidebar-mobile-group-button:hover {
        background: #f0f7f4 !important;
        color: var(--pwa-text) !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-link-active,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-home-link.is-active,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-link.is-active,
    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-mobile-group-button-active {
        background: var(--pwa-blue-soft) !important;
        color: var(--pwa-primary) !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-group-leading,
    html.pwa-mobile-viewport .app-sidebar-mobile-group-copy,
    html.pwa-mobile-viewport .app-sidebar-mobile-link-copy {
        min-width: 0 !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-group-title,
    html.pwa-mobile-viewport .app-sidebar-mobile-link-title {
        display: block;
        overflow: hidden;
        font-size: 0.92rem !important;
        font-weight: 850 !important;
        line-height: 1.18 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-group-meta,
    html.pwa-mobile-viewport .app-sidebar-mobile-link-meta {
        display: block;
        overflow: hidden;
        margin-top: 0.1rem !important;
        font-size: 0.72rem !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer .app-sidebar-module-icon {
        width: 2rem !important;
        height: 2rem !important;
        border-radius: 0.7rem !important;
        background: var(--pwa-blue-soft) !important;
        color: var(--pwa-primary) !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-group-panel .app-sidebar-module-icon {
        width: 2.18rem !important;
        height: 2.18rem !important;
        background: #eef7ff !important;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-chevron {
        width: 1.9rem !important;
        height: 1.9rem !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: var(--pwa-faint) !important;
    }

    .pwa-module-screen {
        display: grid;
        gap: 1rem;
        width: 100%;
        margin: 0;
        padding: 1rem 0.85rem 1.4rem;
    }

    .pwa-home-screen {
        display: grid;
        gap: 1.1rem;
        width: 100%;
        padding: 1rem 0.95rem 1.45rem;
    }

    .pwa-sales-screen {
        display: grid;
        gap: 1rem;
        width: 100%;
        padding: 1rem 0.9rem 1.35rem;
    }

    .pwa-screen-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.9rem;
        min-height: var(--pwa-hero-height);
        padding: var(--pwa-hero-content-top) 0.05rem var(--pwa-hero-content-bottom);
    }

    .pwa-screen-header h1 {
        margin-top: 0.24rem;
        color: #ffffff;
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: clamp(1.62rem, 8vw, 2rem);
        font-weight: 850;
        line-height: 1.04;
        letter-spacing: 0;
    }

    .pwa-screen-header p {
        margin-top: 0.28rem;
        max-width: 18.25rem;
        color: rgba(255, 255, 255, 0.84);
        font-size: 0.9rem;
        line-height: 1.35;
    }

    .pwa-home-header + *,
    .pwa-module-hero + *,
    .pwa-screen-header + *,
    .pwa-master-screen > .mb-5 + *,
    .pwa-master-screen .app-module-header + *,
    .pwa-master-form-page > .mb-5 + * {
        position: relative;
        z-index: 2;
        margin-top: var(--pwa-content-overlap) !important;
    }

    .pwa-count-pill {
        display: inline-flex;
        flex: 0 0 auto;
        min-height: 2rem;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.34);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.96);
        padding: 0.42rem 0.68rem;
        color: var(--pwa-primary);
        font-size: 0.74rem;
        font-weight: 850;
        white-space: nowrap;
    }

    .pwa-sales-actions {
        display: grid;
        gap: 0.65rem;
    }

    .pwa-purchase-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .pwa-purchase-tabs a {
        display: inline-flex;
        min-height: 2.85rem;
        align-items: center;
        justify-content: center;
        gap: 0.42rem;
        border: 1px solid var(--pwa-line);
        border-radius: 1rem;
        background: #fff;
        color: #475467;
        font-size: 0.78rem;
        font-weight: 850;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-purchase-tabs a svg {
        color: var(--pwa-primary);
        margin: 0 !important;
    }

    .pwa-search-form {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.5rem;
    }

    .pwa-search-input {
        width: 100%;
        min-height: 3.1rem;
        border: 1px solid var(--pwa-line);
        border-radius: 1rem;
        background: #fff;
        padding: 0 0.9rem;
        color: var(--pwa-text);
        font-size: 0.95rem;
        outline: 0;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-search-input:focus {
        border-color: #bcd0ff;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    }

    .pwa-search-input::placeholder {
        color: var(--pwa-faint);
    }

    .pwa-search-button {
        display: inline-flex;
        min-width: 3.1rem;
        min-height: 3.1rem;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--pwa-line);
        border-radius: 1rem;
        background: #fff;
        color: var(--pwa-primary);
        font-size: 0;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-search-button svg {
        margin: 0 !important;
    }

    .pwa-sales-list {
        display: grid;
        gap: 0.72rem;
    }

    .pwa-infinite-pagination-fallback {
        display: none !important;
    }

    html.pwa-mobile-viewport .app-table-pagination {
        display: none !important;
    }

    .pwa-infinite-status {
        padding: 0.85rem 0.5rem 0.3rem;
        color: var(--pwa-muted);
        font-size: 0.8rem;
        font-weight: 800;
        text-align: center;
    }

    .pwa-infinite-sentinel {
        min-height: 1px;
    }

    .pwa-sales-card {
        display: grid;
        gap: 0.85rem;
        border: 1px solid var(--pwa-line);
        border-radius: var(--pwa-radius-lg);
        background: #fff;
        padding: 0.9rem;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-sales-card-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.75rem;
    }

    .pwa-sales-title {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.68rem;
        min-width: 0;
    }

    .pwa-sales-title h2 {
        overflow: hidden;
        color: var(--pwa-text);
        font-size: 0.98rem;
        font-weight: 850;
        line-height: 1.18;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-sales-title p {
        overflow: hidden;
        margin-top: 0.12rem;
        color: var(--pwa-muted);
        font-size: 0.8rem;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-status-badge {
        display: inline-flex;
        flex: 0 0 auto;
        min-height: 1.75rem;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #f4f7f6;
        color: var(--pwa-muted);
        padding: 0.32rem 0.58rem;
        font-size: 0.68rem;
        font-weight: 900;
    }

    .pwa-status-warning {
        background: #fff7e6;
        color: #b45309;
    }

    .pwa-status-info {
        background: var(--pwa-blue-soft);
        color: var(--pwa-primary);
    }

    .pwa-status-success {
        background: #e9f8f1;
        color: var(--pwa-success);
    }

    .pwa-status-danger {
        background: #fff0ee;
        color: #dc2626;
    }

    .pwa-sales-facts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .pwa-sales-facts div {
        min-width: 0;
        border: 1px solid #edf2ef;
        border-radius: 0.9rem;
        background: #fbfcfb;
        padding: 0.58rem 0.62rem;
    }

    .pwa-sales-facts dt {
        color: var(--pwa-faint);
        font-size: 0.64rem;
        font-weight: 900;
        letter-spacing: 0.07em;
        text-transform: uppercase;
    }

    .pwa-sales-facts dd {
        overflow: hidden;
        margin-top: 0.16rem;
        color: var(--pwa-text);
        font-size: 0.8rem;
        font-weight: 850;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-cashflow-screen {
        overflow-x: hidden;
    }

    .pwa-cashflow-screen .pwa-screen-header {
        min-width: 0;
        min-height: min(39svh, 18.75rem);
        padding-top: calc(var(--pwa-mobile-header-height) + 1.15rem);
        padding-bottom: calc(var(--pwa-hero-wave-height) + 0.2rem);
    }

    .pwa-cashflow-screen .pwa-screen-header > div {
        min-width: 0;
    }

    .pwa-cashflow-screen .pwa-module-meta {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: 0.4rem;
        overflow: visible;
    }

    .pwa-cashflow-screen .pwa-module-meta span {
        min-width: 0;
        padding-inline: 0.42rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pwa-cashflow-screen .pwa-sales-actions,
    .pwa-cashflow-screen .pwa-sales-card,
    .pwa-cashflow-screen .pwa-search-form,
    .pwa-cashflow-screen .pwa-list-section {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .pwa-cashflow-screen .pwa-sales-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pwa-cashflow-screen .pwa-sales-facts div:first-child:nth-last-child(3),
    .pwa-cashflow-screen .pwa-sales-facts div:first-child:nth-last-child(3) ~ div {
        min-width: 0;
    }

    .pwa-cashflow-screen .pwa-sales-facts dd {
        min-width: 0;
        font-size: clamp(0.74rem, 3.4vw, 0.86rem);
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
        word-break: break-word;
    }

    .pwa-cashflow-screen .pwa-sales-title h2,
    .pwa-cashflow-screen .pwa-sales-title p {
        min-width: 0;
        max-width: 100%;
    }

    .pwa-cashflow-screen .pwa-money-hero {
        display: block;
        min-width: 0;
        max-width: 100%;
        overflow: visible;
        color: var(--pwa-text);
        font-size: clamp(0.96rem, 4.35vw, 1.22rem);
        font-variant-numeric: tabular-nums;
        font-weight: 950;
        letter-spacing: -0.045em;
        line-height: 1.08;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
        word-break: break-word;
    }

    .pwa-cashflow-screen .grid.grid-cols-2 > .pwa-sales-card .pwa-money-hero {
        font-size: clamp(0.88rem, 3.9vw, 1.05rem);
        letter-spacing: -0.052em;
    }

    @media (max-width: 380px) {
        .pwa-cashflow-screen .pwa-money-hero {
            font-size: clamp(0.9rem, 4.05vw, 1.05rem);
            letter-spacing: -0.068em;
        }

        .pwa-cashflow-screen .pwa-sales-card {
            padding-inline: 0.72rem;
        }
    }

    .pwa-cashflow-master-screen .app-module-header h1::before,
    .pwa-cashflow-master-screen > .mb-5 h1::before,
    .pwa-cashflow-form-page > .mb-5 h1::before {
        content: "Caja" !important;
    }

    .pwa-cashflow-master-screen .app-module-header > div:last-child:not(:first-child) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.55rem !important;
        width: 100% !important;
    }

    .pwa-cashflow-master-screen .app-module-header > div:last-child:not(:first-child) > a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.9rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.42) !important;
        border-radius: 1rem !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 1rem !important;
        color: var(--pwa-primary) !important;
        font-size: 0.86rem !important;
        font-weight: 900 !important;
        box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.45) !important;
    }

    .pwa-cashflow-master-screen .app-module-header > div:last-child:not(:first-child) > a:last-child {
        border-color: transparent !important;
        background: #ffffff !important;
        color: var(--pwa-primary) !important;
    }

    .pwa-cashflow-master-screen .app-module-header > div:last-child:not(:first-child) > a svg,
    .pwa-cashflow-master-screen .app-module-header > div:last-child:not(:first-child) > a .feather {
        width: 1rem !important;
        height: 1rem !important;
        margin-right: 0.5rem !important;
    }

    .pwa-cashflow-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.62rem !important;
        margin-bottom: 0.78rem !important;
    }

    .pwa-cashflow-kpi-grid > div {
        min-width: 0;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.12rem !important;
        background: #ffffff !important;
        padding: 0.82rem 0.9rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-cashflow-kpi-grid > div p:first-child {
        overflow: hidden;
        color: var(--pwa-faint) !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.12em !important;
        line-height: 1.1 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-cashflow-kpi-grid > div p:last-child {
        overflow: visible;
        color: var(--pwa-text) !important;
        font-size: clamp(0.88rem, 3.95vw, 1.08rem) !important;
        font-variant-numeric: tabular-nums;
        font-weight: 950 !important;
        letter-spacing: -0.045em;
        line-height: 1.08 !important;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
        word-break: break-word;
    }

    .pwa-cashflow-panel {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .pwa-cashflow-panel > .pwa-sales-list {
        padding: 0 !important;
    }

    .pwa-cashflow-filter-form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 0.52rem !important;
        align-items: end !important;
        border: 0 !important;
        border-radius: 1.18rem !important;
        background: rgba(255, 255, 255, 0.88) !important;
        padding: 0.72rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-cashflow-filter-form > div {
        min-width: 0;
    }

    .pwa-cashflow-filter-form > div:not(:last-child) {
        grid-column: 1 / -1;
    }

    .pwa-cashflow-filter-form label {
        margin-bottom: 0.38rem !important;
        color: var(--pwa-faint) !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.12em !important;
    }

    .pwa-cashflow-filter-form input,
    .pwa-cashflow-filter-form select {
        width: 100% !important;
        min-height: 3.05rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0 0.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .pwa-cashflow-filter-form > div:last-child {
        grid-column: 1 / -1;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.52rem !important;
    }

    .pwa-cashflow-filter-form button,
    .pwa-cashflow-filter-form a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.85rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 1rem !important;
        padding: 0 0.85rem !important;
        font-size: 0.84rem !important;
        font-weight: 900 !important;
    }

    .pwa-cashflow-filter-form button {
        border: 0 !important;
        background: var(--pwa-primary) !important;
        color: #ffffff !important;
    }

    .pwa-cashflow-filter-form a {
        border: 1px solid var(--pwa-line) !important;
        background: #ffffff !important;
        color: #475467 !important;
    }

    .pwa-cashflow-screen .pwa-sales-actions {
        display: grid !important;
        gap: 0.58rem !important;
        margin-top: -0.25rem !important;
    }

    .pwa-cashflow-screen .pwa-sales-actions .grid {
        gap: 0.55rem !important;
    }

    .pwa-cashflow-screen .pwa-search-form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 3.15rem !important;
        gap: 0.55rem !important;
    }

    .pwa-cashflow-screen .pwa-search-form select,
    .pwa-cashflow-screen .pwa-search-form .col-span-2 {
        grid-column: 1 / -1 !important;
    }

    .pwa-cashflow-screen .pwa-search-button {
        min-width: 3.15rem !important;
        padding-inline: 0 !important;
    }

    .pwa-cashflow-screen .pwa-search-button svg {
        margin: 0 !important;
    }

    .pwa-cashflow-screen .pwa-search-button {
        font-size: 0 !important;
    }

    .pwa-cashflow-screen .pwa-sales-card {
        padding: 0.92rem !important;
    }

    .pwa-cashflow-screen .grid.grid-cols-2 {
        gap: 0.55rem !important;
    }

    .pwa-cashflow-form-page > .mb-4 {
        border-radius: 1.18rem !important;
        background: #ffffff !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-accounting-screen .app-module-header h1::before,
    .pwa-accounting-form-page > .mb-5 h1::before,
    .pwa-accounting-form-page > .app-module-header h1::before {
        content: "Contabilidad" !important;
    }

    .pwa-accounting-screen .app-module-header {
        min-height: min(43svh, 20.5rem) !important;
        padding-bottom: calc(var(--pwa-hero-wave-height) + 0.35rem) !important;
    }

    .pwa-accounting-report-screen .app-module-header {
        min-height: min(39svh, 18.5rem) !important;
    }

    .pwa-accounting-fiscal-screen .app-module-header {
        min-height: min(42svh, 19.5rem) !important;
    }

    .pwa-accounting-screen .app-module-header h1 {
        max-width: 18rem !important;
        line-height: 0.98 !important;
    }

    .pwa-accounting-screen .app-module-header p {
        max-width: 18rem !important;
        color: rgba(255, 255, 255, 0.88) !important;
    }

    .pwa-accounting-screen .app-module-header > div:last-child:not(:first-child) {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.55rem !important;
        width: 100% !important;
    }

    .pwa-accounting-screen .app-module-header > div:last-child:not(:first-child) > a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.78rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.42) !important;
        border-radius: 1rem !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 0.72rem !important;
        color: var(--pwa-primary) !important;
        font-size: 0.78rem !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
        text-align: center !important;
        box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.45) !important;
    }

    .pwa-accounting-screen .app-module-header > div:last-child:not(:first-child) > a svg,
    .pwa-accounting-screen .app-module-header > div:last-child:not(:first-child) > a .feather {
        width: 0.95rem !important;
        height: 0.95rem !important;
        margin-right: 0.36rem !important;
    }

    .pwa-accounting-filter-panel {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pwa-accounting-filter-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.62rem !important;
        border-radius: 1.18rem !important;
        background: rgba(255, 255, 255, 0.9) !important;
        padding: 0.72rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-accounting-report-screen .pwa-accounting-filter-form {
        gap: 0.54rem !important;
        padding: 0.62rem !important;
    }

    .pwa-accounting-filter-form label {
        margin-bottom: 0.38rem !important;
        color: var(--pwa-faint) !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.12em !important;
    }

    .pwa-accounting-filter-form input,
    .pwa-accounting-filter-form select {
        width: 100% !important;
        min-height: 3.05rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0 0.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .pwa-accounting-filter-form input[type="checkbox"] {
        width: 1.1rem !important;
        min-width: 1.1rem !important;
        height: 1.1rem !important;
        min-height: 1.1rem !important;
        border-radius: 0.28rem !important;
        padding: 0 !important;
    }

    .pwa-accounting-filter-form label.inline-flex,
    .pwa-accounting-filter-form label[class*="inline-flex"] {
        display: flex !important;
        min-height: 3rem !important;
        align-items: center !important;
        gap: 0.68rem !important;
        margin: 0 !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0.7rem 0.82rem !important;
        color: #667085 !important;
        font-size: 0.78rem !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        line-height: 1.25 !important;
    }

    .pwa-accounting-filter-form > div:last-child {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.52rem !important;
    }

    .pwa-accounting-filter-form .pwa-filter-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.52rem !important;
        width: 100% !important;
    }

    .pwa-accounting-filter-form button,
    .pwa-accounting-filter-form a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.85rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 1rem !important;
        padding: 0 0.85rem !important;
        font-size: 0.84rem !important;
        font-weight: 900 !important;
    }

    .pwa-accounting-filter-form button {
        border: 0 !important;
        background: var(--pwa-primary) !important;
        color: #ffffff !important;
    }

    .pwa-accounting-filter-form a {
        border: 1px solid var(--pwa-line) !important;
        background: #ffffff !important;
        color: #475467 !important;
    }

    .pwa-accounting-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.62rem !important;
    }

    .pwa-accounting-kpi-grid > div {
        min-width: 0;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.12rem !important;
        background: #ffffff !important;
        padding: 0.76rem 0.82rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-accounting-kpi-grid p:first-child {
        overflow: hidden;
        color: var(--pwa-faint) !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.12em !important;
        line-height: 1.1 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-accounting-kpi-grid p:last-child {
        overflow: hidden;
        color: var(--pwa-text) !important;
        font-size: clamp(0.9rem, 3.8vw, 1.08rem) !important;
        font-variant-numeric: tabular-nums;
        font-weight: 950 !important;
        letter-spacing: -0.055em;
        line-height: 1.05 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-accounting-entry-list {
        display: grid;
        gap: 0.78rem !important;
    }

    .pwa-accounting-entry-card {
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: #ffffff !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-accounting-entry-head {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.72rem !important;
        border-color: var(--pwa-line) !important;
    }

    .pwa-accounting-entry-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100%;
        gap: 0.52rem !important;
    }

    .pwa-accounting-card-action {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.65rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.95rem !important;
        background: var(--pwa-blue-soft) !important;
        color: var(--pwa-primary) !important;
        font-size: 0.82rem !important;
        font-weight: 900 !important;
    }

    .pwa-accounting-card-action-danger {
        background: var(--pwa-coral-soft) !important;
        color: #e11d48 !important;
    }

    .pwa-accounting-lines-table {
        min-width: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 0.55rem !important;
    }

    .pwa-accounting-lines-table thead {
        display: none !important;
    }

    .pwa-accounting-lines-table,
    .pwa-accounting-lines-table tbody,
    .pwa-accounting-lines-table tr,
    .pwa-accounting-lines-table td {
        display: block !important;
        width: 100% !important;
    }

    .pwa-accounting-lines-table tr {
        border: 1px solid var(--pwa-line);
        border-radius: 1rem;
        background: #fbfcff;
        padding: 0.68rem;
    }

    .pwa-accounting-lines-table td {
        display: grid !important;
        grid-template-columns: minmax(5rem, 0.42fr) minmax(0, 1fr);
        gap: 0.65rem;
        align-items: start;
        border: 0 !important;
        padding: 0.34rem 0 !important;
        text-align: left !important;
        font-size: 0.82rem !important;
        line-height: 1.22 !important;
    }

    .pwa-accounting-lines-table td::before {
        content: attr(data-label);
        color: var(--pwa-faint);
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.09em;
        text-transform: uppercase;
    }

    .pwa-accounting-summary-panel,
    .pwa-accounting-table-card,
    .pwa-accounting-statement-card {
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: #ffffff !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-accounting-summary-panel > p:first-child,
    .pwa-accounting-statement-card h2 {
        color: var(--pwa-text) !important;
        font-weight: 900 !important;
        letter-spacing: -0.02em;
    }

    .pwa-accounting-table-card > .overflow-x-auto,
    .pwa-accounting-statement-card .overflow-x-auto {
        overflow: visible !important;
    }

    .pwa-accounting-responsive-table {
        min-width: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 0.55rem !important;
    }

    .pwa-accounting-responsive-table thead {
        display: none !important;
    }

    .pwa-accounting-responsive-table,
    .pwa-accounting-responsive-table tbody,
    .pwa-accounting-responsive-table tr,
    .pwa-accounting-responsive-table td {
        display: block !important;
        width: 100% !important;
    }

    .pwa-accounting-responsive-table tr {
        border: 1px solid var(--pwa-line);
        border-radius: 1rem;
        background: #fbfcff;
        padding: 0.68rem;
    }

    .pwa-accounting-responsive-table td {
        display: grid !important;
        grid-template-columns: minmax(6.25rem, 0.42fr) minmax(0, 1fr);
        gap: 0.58rem;
        align-items: start;
        border: 0 !important;
        padding: 0.3rem 0 !important;
        text-align: left !important;
        font-size: 0.8rem !important;
        line-height: 1.22 !important;
        overflow-wrap: anywhere;
    }

    .pwa-accounting-responsive-table td::before {
        content: attr(data-label);
        color: var(--pwa-faint);
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.09em;
        text-transform: uppercase;
    }

    .pwa-accounting-responsive-table tfoot {
        display: block !important;
        margin-top: 0.2rem;
    }

    .pwa-accounting-responsive-table tfoot tr {
        background: var(--pwa-blue-soft);
    }

    .pwa-accounting-responsive-table tfoot td {
        color: var(--pwa-text) !important;
        font-weight: 950 !important;
    }

    .pwa-accounting-fiscal-table tr {
        padding: 0.72rem 0.78rem !important;
    }

    .pwa-accounting-fiscal-table td {
        grid-template-columns: minmax(7rem, 0.46fr) minmax(0, 1fr) !important;
    }

    .pwa-accounting-fiscal-screen .pwa-accounting-table-card > .flex {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 0.65rem !important;
        align-items: center !important;
    }

    .pwa-accounting-fiscal-screen .pwa-accounting-table-card > .flex h2 {
        color: var(--pwa-text) !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
    }

    .pwa-accounting-fiscal-screen .pwa-accounting-table-card > .flex > div:last-child {
        min-width: 4.8rem !important;
        border-color: var(--pwa-line) !important;
        border-radius: 0.95rem !important;
        background: #ffffff !important;
    }

    .pwa-accounting-fiscal-screen .pwa-accounting-filter-panel > .mt-3 a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.85rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        color: #475467 !important;
        font-size: 0.84rem !important;
        font-weight: 900 !important;
    }

    .pwa-accounting-form-page > .app-module-header {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: start !important;
        gap: 0.7rem !important;
        min-height: min(42svh, 20rem) !important;
        margin: 0 0 0.86rem !important;
        padding: calc(var(--pwa-mobile-header-height) + 1rem) 0.04rem calc(var(--pwa-hero-wave-height) + 0.45rem) !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .pwa-accounting-form-page > .app-module-header > div:first-child {
        min-width: 0 !important;
    }

    .pwa-accounting-form-page > .app-module-header h1 {
        max-width: 18rem !important;
        color: #ffffff !important;
        font-size: clamp(1.9rem, 8vw, 2.22rem) !important;
        line-height: 0.98 !important;
        text-wrap: balance;
    }

    .pwa-accounting-form-page > .app-module-header p {
        max-width: 17rem !important;
        color: rgba(255, 255, 255, 0.9) !important;
        font-size: 0.88rem !important;
        line-height: 1.28 !important;
    }

    .pwa-accounting-form-page > .app-module-header > div:last-child {
        display: flex !important;
        width: auto !important;
        justify-content: flex-end !important;
    }

    .pwa-accounting-form-page > .app-module-header > div:last-child > a:first-child {
        display: none !important;
    }

    .pwa-accounting-form-page > .app-module-header > div:last-child > a:last-child {
        display: inline-flex !important;
        width: 2.72rem !important;
        min-width: 2.72rem !important;
        height: 2.72rem !important;
        min-height: 2.72rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.52) !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 !important;
        color: #475467 !important;
        font-size: 0 !important;
        box-shadow: 0 18px 34px -24px rgba(15, 23, 42, 0.42) !important;
    }

    .pwa-accounting-form-page > .app-module-header > div:last-child > a:last-child svg,
    .pwa-accounting-form-page > .app-module-header > div:last-child > a:last-child .feather {
        width: 1.04rem !important;
        height: 1.04rem !important;
        margin: 0 !important;
        stroke-width: 2.2 !important;
    }

    .pwa-accounting-form-page > .grid {
        display: block !important;
    }

    .pwa-accounting-form-page > .grid > aside {
        display: none !important;
    }

    .pwa-accounting-form-page form > .rounded-2xl:has(#journal-lines-table) {
        overflow: visible !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: #ffffff !important;
        padding: 0.86rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-accounting-form-page form > .rounded-2xl:has(#journal-lines-table) > .mb-3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.66rem !important;
        margin-bottom: 0.74rem !important;
    }

    .pwa-accounting-form-page form > .rounded-2xl:has(#journal-lines-table) h2 {
        color: var(--pwa-text) !important;
        font-size: 0.78rem !important;
        letter-spacing: 0.14em !important;
    }

    .pwa-accounting-form-page form > .rounded-2xl:has(#journal-lines-table) p {
        color: var(--pwa-muted) !important;
        font-size: 0.82rem !important;
        line-height: 1.28 !important;
    }

    .pwa-accounting-form-page #add-line-btn {
        width: 100% !important;
        min-height: 3rem !important;
        border: 0 !important;
        border-radius: 1rem !important;
        background: var(--pwa-primary) !important;
        color: #ffffff !important;
        font-weight: 900 !important;
        box-shadow: var(--pwa-button-shadow) !important;
    }

    .pwa-accounting-form-page form > .rounded-2xl:has(#journal-lines-table) .overflow-x-auto {
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .pwa-accounting-form-page #journal-lines-table {
        min-width: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 0.72rem !important;
    }

    .pwa-accounting-form-page #journal-lines-table thead {
        display: none !important;
    }

    .pwa-accounting-form-page #journal-lines-table,
    .pwa-accounting-form-page #journal-lines-table tbody,
    .pwa-accounting-form-page #journal-lines-table tr,
    .pwa-accounting-form-page #journal-lines-table td {
        display: block !important;
        width: 100% !important;
    }

    .pwa-accounting-form-page #journal-lines-table tr {
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.12rem !important;
        background: #fbfcff !important;
        padding: 0.74rem !important;
        box-shadow: 0 16px 36px -30px rgba(15, 23, 42, 0.42) !important;
    }

    .pwa-accounting-form-page #journal-lines-table td {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.34rem !important;
        border: 0 !important;
        padding: 0.4rem 0 !important;
        text-align: left !important;
    }

    .pwa-accounting-form-page #journal-lines-table td::before {
        content: attr(data-label);
        color: var(--pwa-faint);
        font-size: 0.66rem;
        font-weight: 900;
        letter-spacing: 0.11em;
        text-transform: uppercase;
    }

    .pwa-accounting-form-page #journal-lines-table select,
    .pwa-accounting-form-page #journal-lines-table input {
        width: 100% !important;
        min-height: 2.82rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 0.95rem !important;
        background: #ffffff !important;
        padding: 0 0.78rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        box-shadow: none !important;
    }

    .pwa-accounting-form-page #journal-lines-table .remove-line-btn {
        width: 100% !important;
        height: 2.72rem !important;
        border: 0 !important;
        border-radius: 0.95rem !important;
        background: var(--pwa-coral-soft) !important;
        color: #e11d48 !important;
    }

    .pwa-accounting-form-page #journal-lines-table .remove-line-btn svg,
    .pwa-accounting-form-page #journal-lines-table .remove-line-btn .feather {
        width: 1rem !important;
        height: 1rem !important;
    }

    .pwa-sales-note {
        border-radius: 0.85rem;
        background: #fff7e6;
        padding: 0.58rem 0.68rem;
        color: #92400e;
        font-size: 0.76rem;
        line-height: 1.3;
    }

    .pwa-card-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .pwa-card-actions form {
        min-width: 0;
    }

    .pwa-card-action {
        display: inline-flex;
        width: 100%;
        min-height: 2.65rem;
        align-items: center;
        justify-content: center;
        gap: 0.42rem;
        border: 1px solid var(--pwa-line);
        border-radius: 0.92rem;
        background: #fff;
        color: #475467;
        font-size: 0.78rem;
        font-weight: 850;
    }

    .pwa-card-action-accent {
        border-color: #dbeafe;
        background: var(--pwa-blue-soft);
        color: var(--pwa-primary);
    }

    .pwa-card-action-warn {
        border-color: #fde68a;
        background: #fff7e6;
        color: #b45309;
    }

    .pwa-card-action-danger {
        border-color: #fee2e2;
        background: #fff1f2;
        color: #dc2626;
    }

    .pwa-card-action-disabled {
        border-color: #edf2ef;
        background: #f4f7f6;
        color: var(--pwa-faint);
    }

    .pwa-master-screen {
        display: grid;
        gap: 1rem;
        width: 100%;
        padding: 1rem 0.9rem 1.35rem;
    }

    .pwa-master-screen .app-module-header,
    .pwa-master-screen > .mb-5 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 0.85rem !important;
        margin: 0 !important;
        min-height: var(--pwa-hero-height) !important;
        padding: var(--pwa-hero-content-top) 0.05rem var(--pwa-hero-content-bottom) !important;
    }

    .pwa-master-screen .app-module-header > div:first-child,
    .pwa-master-screen > .mb-5 > div:first-child {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        min-width: 0;
    }

    .pwa-master-screen .app-module-header > div:first-child:has(> a[href]),
    .pwa-master-screen > .mb-5 > div:first-child:has(> a[href]) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        column-gap: 0.85rem;
        row-gap: 0.28rem;
    }

    .pwa-master-screen .app-module-header > div:last-child:not(:first-child) {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
    }

    .pwa-master-screen .app-module-header a[href],
    .pwa-master-screen > .mb-5 a[href] {
        width: fit-content;
    }

    .pwa-master-screen .app-module-header > div:first-child > a[href],
    .pwa-master-screen > .mb-5 > div:first-child > a[href] {
        grid-column: 2;
        grid-row: 1 / span 2;
        display: inline-flex !important;
        width: 2.45rem !important;
        min-width: 2.45rem !important;
        height: 2.45rem !important;
        min-height: 2.45rem !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: end !important;
        margin-left: auto !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 999px !important;
        background: #fff !important;
        padding: 0 !important;
        color: var(--pwa-muted) !important;
        overflow: hidden !important;
        font-size: 0 !important;
        box-shadow: none !important;
    }

    .pwa-master-screen .app-module-header > div:first-child > a[href] svg,
    .pwa-master-screen .app-module-header > div:first-child > a[href] .feather,
    .pwa-master-screen > .mb-5 > div:first-child > a[href] svg,
    .pwa-master-screen > .mb-5 > div:first-child > a[href] .feather {
        display: block !important;
        width: 1rem !important;
        height: 1rem !important;
        margin: 0 !important;
    }

    .pwa-master-screen .app-module-header h1,
    .pwa-master-screen > .mb-5 h1 {
        grid-column: 1;
        grid-row: 1;
        margin-top: 0.72rem !important;
        color: #ffffff !important;
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: clamp(1.62rem, 8vw, 2rem) !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        line-height: 1.04 !important;
    }

    .pwa-master-screen .app-module-header .pwa-count-pill,
    .pwa-master-screen > .mb-5 .pwa-count-pill {
        border-color: rgba(255, 255, 255, 0.34) !important;
        background: rgba(255, 255, 255, 0.96) !important;
    }

    .pwa-master-screen .app-module-header h1::before,
    .pwa-master-screen > .mb-5 h1::before {
        content: "Inventario";
        display: block;
        margin-bottom: 0.38rem;
        color: rgba(255, 255, 255, 0.78) !important;
        font-family: 'Manrope', sans-serif;
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
    }

    .pwa-master-screen .app-module-header p,
    .pwa-master-screen > .mb-5 p {
        grid-column: 1;
        grid-row: 2;
        max-width: 16.75rem;
        color: rgba(255, 255, 255, 0.84) !important;
        font-size: 0.84rem !important;
        line-height: 1.28 !important;
    }

    .pwa-master-screen .app-module-header > div:last-child:not(:first-child) > p,
    .pwa-master-screen > .mb-5 > div:last-child:not(:first-child) > p {
        display: none !important;
    }

    .pwa-master-screen > .mb-5 .pwa-master-action-info {
        position: relative;
        display: inline-flex !important;
        flex: 0 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 2.85rem;
        max-height: none !important;
        align-items: center;
        justify-content: center;
        gap: 0;
        border: 0;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.96);
        padding: 0 3.4rem;
        color: var(--pwa-primary);
        overflow: hidden;
        font-size: 0.86rem !important;
        font-weight: 850;
        line-height: 1.12 !important;
        box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.45);
    }

    .pwa-master-screen > .mb-5 .pwa-master-action-info::before {
        content: "";
        position: absolute;
        left: 1rem;
        top: 50%;
        width: 2rem;
        height: 2rem;
        border-radius: 0.78rem;
        background: #eaf3ff;
        transform: translateY(-50%);
    }

    .pwa-master-screen > .mb-5 .pwa-master-action-info svg {
        position: absolute;
        left: 1.5rem;
        top: 50%;
        z-index: 1;
        margin: 0 !important;
        color: var(--pwa-primary) !important;
        transform: translateY(-50%);
    }

    .pwa-master-screen > .mb-5 .pwa-master-action-info + p {
        display: none !important;
    }

    .pwa-master-screen .app-module-create-button {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.85rem !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.72rem !important;
        border: 0 !important;
        border-radius: 1rem !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 1rem !important;
        color: var(--pwa-primary) !important;
        font-size: 0.86rem !important;
        font-weight: 850 !important;
        box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.45) !important;
    }

    .pwa-master-screen .app-module-header .pwa-master-create {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 2.85rem !important;
        max-height: none !important;
        padding: 0 1rem !important;
        font-size: 0.86rem !important;
        line-height: 1.12 !important;
    }

    .pwa-master-screen .app-module-create-button .app-module-create-button-label {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto !important;
        color: currentColor;
        font-size: 0.92rem !important;
        font-weight: 850;
        line-height: 1.12;
        white-space: nowrap;
    }

    .pwa-master-create::before {
        content: none !important;
    }

    .pwa-master-create .pwa-master-create-icon {
        display: inline-flex !important;
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.78rem;
        background: #eaf3ff;
    }

    .pwa-master-create .pwa-master-create-icon svg,
    .pwa-master-create .pwa-master-create-icon .feather {
        position: static !important;
        display: block !important;
        width: 1rem !important;
        height: 1rem !important;
        margin: 0 !important;
        color: var(--pwa-primary) !important;
        transform: none !important;
    }

    .pwa-master-screen .app-module-header .pwa-master-create .pwa-master-create-icon svg,
    .pwa-master-screen .app-module-header .pwa-master-create .pwa-master-create-icon .feather {
        display: block !important;
        position: static !important;
        margin: 0 !important;
        transform: none !important;
    }

    .pwa-master-panel {
        display: grid;
        gap: 0.72rem;
        overflow: visible;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .pwa-master-panel > .border-b {
        border: 0 !important;
        padding: 0 !important;
    }

    .pwa-master-panel .app-search-form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.5rem !important;
        align-items: center;
    }

    .pwa-master-panel .app-search-input {
        width: 100%;
        min-height: 3.1rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #fff !important;
        padding: 0 0.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        box-shadow: none !important;
    }

    .pwa-master-panel .app-search-submit {
        display: inline-flex !important;
        width: 3.1rem !important;
        min-width: 3.1rem !important;
        min-height: 3.1rem !important;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #fff !important;
        padding: 0 !important;
        color: var(--pwa-primary) !important;
        font-size: 0 !important;
        box-shadow: none !important;
    }

    .pwa-master-panel .app-search-submit svg,
    .pwa-master-panel .app-search-submit .feather {
        width: 1rem !important;
        height: 1rem !important;
        margin: 0 !important;
    }

    .pwa-master-list {
        display: grid;
        gap: 0.72rem;
        padding: 0;
    }

    .pwa-master-card {
        display: grid;
        gap: 0.72rem;
        border: 1px solid var(--pwa-line);
        border-radius: var(--pwa-radius-lg);
        background: var(--pwa-surface);
        padding: 0.9rem;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-master-screen .pwa-list-icon,
    .pwa-master-form-page .pwa-list-icon {
        background: var(--pwa-blue-soft) !important;
        color: var(--pwa-primary) !important;
    }

    .pwa-master-card > .flex > svg,
    .pwa-master-card > .flex > i,
    .pwa-master-card > .flex [data-feather] {
        color: var(--pwa-primary) !important;
    }

    .pwa-master-card > .flex .pwa-master-title {
        margin-top: 0;
        white-space: normal;
    }

    .pwa-master-card > .mt-3.text-xl {
        margin-top: 0.45rem !important;
        color: var(--pwa-text) !important;
        font-size: 1.35rem !important;
        font-weight: 850 !important;
        line-height: 1 !important;
    }

    .pwa-master-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }

    .pwa-master-identity {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.68rem;
        min-width: 0;
    }

    .pwa-master-kicker {
        overflow: visible;
        color: var(--pwa-faint);
        font-size: 0.64rem;
        font-weight: 900;
        letter-spacing: 0.07em;
        line-height: 1.15;
        text-overflow: clip;
        text-transform: uppercase;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .pwa-master-title {
        overflow: visible;
        margin-top: 0.12rem;
        color: var(--pwa-text);
        font-size: 0.98rem;
        font-weight: 850;
        line-height: 1.18;
        text-overflow: clip;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .pwa-master-description {
        margin-top: -0.3rem !important;
        margin-left: 3.18rem !important;
        color: var(--pwa-muted);
        font-size: 0.8rem;
        line-height: 1.35;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .pwa-master-facts {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.48rem;
    }

    .pwa-master-fact {
        min-width: 0;
        border: 1px solid #edf2ef;
        border-radius: 0.9rem;
        background: #fbfcfb;
        padding: 0.58rem 0.62rem;
    }

    .pwa-master-fact span {
        display: block;
        overflow: visible;
        color: var(--pwa-faint);
        font-size: 0.62rem;
        font-weight: 900;
        letter-spacing: 0.07em;
        line-height: 1.12;
        text-overflow: clip;
        text-transform: uppercase;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .pwa-master-fact strong {
        display: block;
        overflow: visible;
        margin-top: 0.16rem;
        color: var(--pwa-text);
        font-size: 0.8rem;
        font-weight: 850;
        line-height: 1.2;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .pwa-master-status {
        display: inline-flex;
        min-height: 1.75rem;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding: 0.32rem 0.58rem;
        font-size: 0.68rem;
        font-weight: 900;
        white-space: nowrap;
    }

    .pwa-master-status-active {
        background: #e9f8f1;
        color: var(--pwa-success);
    }

    .pwa-master-status-inactive {
        background: #f4f7f6;
        color: var(--pwa-muted);
    }

    .pwa-master-type-badge {
        background: var(--pwa-blue-soft);
        color: var(--pwa-primary);
    }

    .pwa-master-actions {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 0.62rem !important;
    }

    .pwa-master-actions.pwa-master-actions-three {
        justify-content: flex-end;
    }

    .pwa-master-actions form {
        flex: 0 0 auto;
        min-width: 0 !important;
        width: auto !important;
    }

    .pwa-master-action {
        display: inline-flex !important;
        flex: 0 0 3rem !important;
        width: 3rem !important;
        min-width: 3rem !important;
        max-width: 3rem !important;
        height: 3rem !important;
        min-height: 3rem !important;
        max-height: 3rem !important;
        align-items: center;
        justify-content: center;
        gap: 0 !important;
        border: 1px solid var(--pwa-line);
        border-radius: 1rem;
        background: #fff;
        color: #475467;
        padding: 0 !important;
        overflow: hidden;
        font-size: 0 !important;
        font-weight: 850;
        line-height: 1 !important;
        box-shadow: 0 12px 24px -22px rgba(15, 23, 42, 0.35);
    }

    .pwa-master-action svg,
    .pwa-master-action .feather {
        width: 1.05rem !important;
        height: 1.05rem !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        stroke-width: 2.25;
    }

    .pwa-master-action-primary {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: var(--pwa-primary);
    }

    .pwa-master-action-info {
        border-color: #dbeafe;
        background: var(--pwa-blue-soft);
        color: var(--pwa-primary);
    }

    .pwa-master-action-danger {
        border-color: #fee2e2;
        background: #fff1f2;
        color: #dc2626;
    }

    .pwa-inventory-screen .app-module-header > div:last-child {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem !important;
        width: 100%;
    }

    .pwa-inventory-screen .app-module-header > div:first-child > a[href] {
        display: inline-flex !important;
        width: 2.45rem !important;
        min-width: 2.45rem !important;
        height: 2.45rem !important;
        min-height: 2.45rem !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: end !important;
        margin-left: auto !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 999px !important;
        background: #fff !important;
        padding: 0 !important;
        color: var(--pwa-muted) !important;
        overflow: hidden !important;
        font-size: 0 !important;
        box-shadow: none !important;
    }

    .pwa-inventory-screen .app-module-header > div:first-child > a[href] svg,
    .pwa-inventory-screen .app-module-header > div:first-child > a[href] .feather {
        width: 1rem !important;
        height: 1rem !important;
        margin: 0 !important;
    }

    .pwa-inventory-screen .app-module-header > div:last-child > a,
    .pwa-inventory-screen .app-module-header > div:last-child > form,
    .pwa-inventory-screen .app-module-header > div:last-child > form > button {
        width: 100% !important;
        min-width: 0 !important;
    }

    .pwa-inventory-screen .app-module-header > div:last-child > a:not(.pwa-master-create),
    .pwa-inventory-screen .app-module-header > div:last-child > form > button {
        min-height: 2.85rem !important;
        justify-content: center !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #fff !important;
        padding: 0 0.78rem !important;
        color: var(--pwa-muted) !important;
        font-size: 0.75rem !important;
        font-weight: 850 !important;
        line-height: 1.05 !important;
        box-shadow: var(--pwa-shadow) !important;
        white-space: normal !important;
    }

    .pwa-inventory-screen .app-module-header > div:last-child > a:not(.pwa-master-create) svg,
    .pwa-inventory-screen .app-module-header > div:last-child > form > button svg {
        width: 0.98rem !important;
        height: 0.98rem !important;
        margin-right: 0.38rem !important;
        color: var(--pwa-primary) !important;
    }

    .pwa-inventory-screen .app-module-header .pwa-master-create {
        grid-column: 1 / -1;
    }

    .pwa-inventory-screen .pwa-master-create,
    .pwa-product-list-screen .pwa-master-create {
        background: rgba(255, 255, 255, 0.96) !important;
        border-color: rgba(255, 255, 255, 0.72) !important;
        color: var(--pwa-primary) !important;
        box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.45) !important;
    }

    .pwa-product-list-screen .app-module-header > div:last-child {
        display: block !important;
    }

    .pwa-product-list-screen .app-module-header > div:last-child > a:not(.pwa-master-create) {
        display: none !important;
    }

    .pwa-product-list-screen .pwa-inventory-kpis,
    .pwa-product-list-screen .pwa-industry-distribution {
        display: none !important;
    }

    .pwa-product-list-screen .pwa-filter-form > div:not(:first-child):not(.pwa-filter-actions) {
        display: none !important;
    }

    .pwa-product-list-screen .pwa-filter-actions {
        grid-template-columns: 1fr !important;
    }

    .pwa-product-list-screen .pwa-filter-actions a,
    .pwa-product-list-screen .pwa-filter-actions span {
        display: none !important;
    }

    .pwa-product-list-screen .pwa-filter-form {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 0.5rem !important;
        align-items: center !important;
    }

    .pwa-product-list-screen .pwa-filter-form > div:first-child {
        display: block !important;
        min-width: 0;
    }

    .pwa-product-list-screen .pwa-filter-form > div:first-child label {
        display: none !important;
    }

    .pwa-product-list-screen .pwa-filter-form input {
        min-height: 3.05rem !important;
        box-shadow: none !important;
    }

    .pwa-product-list-screen .pwa-filter-actions {
        display: block !important;
        width: auto !important;
    }

    .pwa-product-list-screen .pwa-filter-actions button[type="submit"] {
        width: 3.05rem !important;
        min-width: 3.05rem !important;
        max-width: 3.05rem !important;
        height: 3.05rem !important;
        min-height: 3.05rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #fff !important;
        color: var(--pwa-primary) !important;
        padding: 0 !important;
        font-size: 0 !important;
        box-shadow: none !important;
    }

    .pwa-product-list-screen .pwa-filter-actions button[type="submit"] svg {
        width: 1rem !important;
        height: 1rem !important;
    }

    .pwa-product-operations-menu {
        display: grid;
        gap: 0.55rem;
        margin: 0 !important;
    }

    .pwa-product-operations-title {
        margin: 0 !important;
        color: var(--pwa-faint) !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.12em !important;
        line-height: 1 !important;
        text-transform: uppercase;
    }

    .pwa-product-operations-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .pwa-product-operation-link {
        display: inline-flex;
        min-height: 3rem;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        border: 1px solid var(--pwa-line);
        border-radius: 1rem;
        background: #fff;
        padding: 0 0.7rem;
        color: var(--pwa-muted);
        font-size: 0.78rem;
        font-weight: 850;
        line-height: 1.08;
        text-align: center;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-product-operation-link svg,
    .pwa-product-operation-link .feather {
        width: 0.98rem !important;
        height: 0.98rem !important;
        color: var(--pwa-primary);
        stroke-width: 2.25;
    }

    .pwa-inventory-kpis {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.62rem !important;
        margin: 0 !important;
    }

    .pwa-inventory-kpis .pwa-master-card {
        min-height: 6.15rem;
        align-content: space-between;
        border-color: var(--pwa-line) !important;
        background: #fff !important;
        padding: 0.86rem !important;
    }

    .pwa-inventory-kpis .pwa-master-card p:first-child {
        color: var(--pwa-faint) !important;
        font-size: 0.62rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.08em !important;
        line-height: 1.15 !important;
        overflow-wrap: anywhere;
    }

    .pwa-inventory-kpis .pwa-master-card p:last-child {
        margin-top: 0.3rem !important;
        color: var(--pwa-text) !important;
        font-size: 1.42rem !important;
        font-weight: 850 !important;
        line-height: 1 !important;
    }

    .pwa-inventory-filter {
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pwa-filter-form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.72rem !important;
        padding: 0 !important;
    }

    .pwa-filter-form > div {
        min-width: 0;
    }

    .pwa-filter-form label {
        margin-bottom: 0.34rem !important;
        color: var(--pwa-faint) !important;
        font-size: 0.64rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.08em !important;
        line-height: 1.1 !important;
    }

    .pwa-filter-form input,
    .pwa-filter-form select {
        width: 100%;
        min-height: 3.1rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #fff !important;
        padding: 0 0.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
        line-height: 1.2 !important;
        box-shadow: none !important;
    }

    .pwa-filter-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.5rem !important;
        align-items: stretch !important;
        width: 100%;
    }

    .pwa-filter-actions .pwa-master-action {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 3rem !important;
        min-height: 3rem !important;
        max-height: none !important;
        gap: 0.42rem !important;
        border-radius: 1rem !important;
        font-size: 0.78rem !important;
        line-height: 1.08 !important;
        white-space: normal !important;
        box-shadow: none !important;
    }

    .pwa-filter-actions .pwa-master-action svg {
        width: 0.95rem !important;
        height: 0.95rem !important;
        margin: 0 !important;
    }

    .pwa-filter-actions span {
        grid-column: 1 / -1;
        white-space: normal !important;
    }

    .pwa-master-empty {
        border: 1px solid var(--pwa-line);
        border-radius: var(--pwa-radius-lg);
        background: var(--pwa-surface);
        padding: 1.25rem;
        color: var(--pwa-muted);
        font-size: 0.82rem;
        font-weight: 800;
        text-align: center;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-master-form-page {
        width: 100%;
        max-width: none !important;
        padding: 1rem 1rem 8rem !important;
    }

    .pwa-master-form-page > .mb-5 {
        position: relative;
        overflow: visible;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: flex-start;
        column-gap: 0.85rem;
        row-gap: 0.28rem;
        margin: 0 0 1rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        min-height: var(--pwa-hero-height) !important;
        padding: var(--pwa-hero-content-top) 0.05rem var(--pwa-hero-content-bottom) !important;
        box-shadow: none !important;
    }

    .pwa-master-form-page > .mb-5::before,
    .pwa-master-form-page > .mb-5::after {
        content: none !important;
        display: none !important;
    }

    .pwa-master-form-page > .mb-5 > * {
        position: relative;
        z-index: 1;
    }

    .pwa-master-form-page > .mb-5 > div:first-child {
        grid-column: 1;
        grid-row: 1 / span 2;
        min-width: 0;
    }

    .pwa-master-form-page > .mb-5 > a {
        grid-column: 2;
        grid-row: 1 / span 2;
        display: inline-flex !important;
        flex: 0 0 auto;
        width: 2.45rem !important;
        min-width: 2.45rem !important;
        height: 2.45rem !important;
        min-height: 2.45rem !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: end !important;
        margin-left: auto !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 999px !important;
        background: #fff !important;
        padding: 0 !important;
        color: #475467 !important;
        overflow: hidden;
        font-size: 0 !important;
        box-shadow: none !important;
    }

    .pwa-master-form-page > .mb-5 > a svg,
    .pwa-master-form-page > .mb-5 > a .feather {
        display: block !important;
        width: 1rem !important;
        height: 1rem !important;
        margin: 0 !important;
    }

    .pwa-master-form-page > .mb-5 h1 {
        grid-column: 1;
        grid-row: 1;
        margin-top: 0 !important;
        color: #ffffff !important;
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: clamp(1.62rem, 8vw, 2rem) !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        line-height: 1.04 !important;
    }

    .pwa-master-form-page > .mb-5 h1::before {
        content: "Inventario";
        display: block;
        margin-bottom: 0.38rem;
        color: rgba(255, 255, 255, 0.78) !important;
        font-family: 'Manrope', sans-serif;
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
    }

    .pwa-master-form-page > .mb-5 p {
        grid-column: 1;
        grid-row: 2;
        margin-top: 0.35rem !important;
        max-width: 18.5rem;
        color: rgba(255, 255, 255, 0.84) !important;
        font-size: 0.86rem !important;
        line-height: 1.32 !important;
    }

    .pwa-master-form-page > .rounded-2xl {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pwa-master-form-page form {
        display: grid;
        gap: 0.85rem !important;
        padding: 0 !important;
    }

    .pwa-master-form-page form > div,
    .pwa-master-form-page form > label {
        margin: 0 !important;
    }

    .pwa-master-form-page form > div:not(.grid),
    .pwa-master-form-page form > label {
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.12rem !important;
        background: #fff !important;
        padding: 0.82rem 0.9rem !important;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-master-form-page form > div.grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.85rem !important;
    }

    .pwa-master-form-page form > div.grid > div,
    .pwa-master-form-page form > div.grid > label {
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.12rem !important;
        background: #fff !important;
        padding: 0.82rem 0.9rem !important;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-master-form-page label,
    .pwa-master-form-page form label span {
        color: var(--pwa-muted) !important;
        font-size: 0.76rem !important;
        font-weight: 850 !important;
        letter-spacing: 0.01em;
    }

    .pwa-master-form-page input,
    .pwa-master-form-page select,
    .pwa-master-form-page textarea {
        width: 100% !important;
        min-height: 2.85rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0.32rem 0 0 !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        line-height: 1.25 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .pwa-master-form-page textarea {
        min-height: 4.8rem !important;
        overflow: hidden;
        white-space: pre-wrap !important;
        overflow-wrap: anywhere;
        word-break: normal;
        resize: vertical;
    }

    .pwa-master-form-page input[type="checkbox"] {
        width: 1rem !important;
        min-width: 1rem !important;
        height: 1rem !important;
        min-height: 1rem !important;
        margin: 0 !important;
        accent-color: var(--pwa-primary);
    }

    .pwa-master-form-page input[type="checkbox"] + span {
        margin-left: 0.62rem !important;
        color: var(--pwa-text) !important;
        font-size: 0.88rem !important;
        font-weight: 760 !important;
    }

    .pwa-master-form-page form > div:last-child {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.55rem !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0.35rem 0 0 !important;
        box-shadow: none !important;
    }

    .pwa-master-form-page button[type="submit"],
    .pwa-master-form-page form > div:last-child > a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 3rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.95rem !important;
        padding: 0 1rem !important;
        font-size: 0.88rem !important;
        font-weight: 850 !important;
        box-shadow: none !important;
    }

    .pwa-master-form-page button[type="submit"] {
        border: 0 !important;
        background: var(--pwa-primary) !important;
        color: #fff !important;
    }

    .pwa-master-form-page form > div:last-child > a {
        border: 1px solid var(--pwa-line) !important;
        background: #fff !important;
        color: #475467 !important;
    }

    .pwa-master-form-page button[type="submit"] svg,
    .pwa-master-form-page form > div:last-child > a svg {
        width: 1rem !important;
        height: 1rem !important;
        margin-right: 0.45rem !important;
    }

    .pwa-cashflow-form-page form {
        min-width: 0 !important;
    }

    .pwa-cashflow-form-page form > .rounded-2xl,
    .pwa-cashflow-form-page form > .overflow-hidden {
        min-width: 0 !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.28rem !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-cashflow-form-page form label {
        color: var(--pwa-muted) !important;
        font-size: 0.77rem !important;
        font-weight: 850 !important;
    }

    .pwa-cashflow-form-page form input:not([type="checkbox"]):not([type="radio"]),
    .pwa-cashflow-form-page form select,
    .pwa-cashflow-form-page form textarea {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 3.1rem !important;
        border: 1px solid var(--pwa-line-strong) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0.72rem 0.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
        line-height: 1.25 !important;
        box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.02), 0 12px 30px -28px rgba(15, 23, 42, 0.5) !important;
        outline: none !important;
    }

    .pwa-cashflow-form-page form textarea {
        min-height: 6.2rem !important;
        white-space: pre-wrap !important;
        resize: vertical !important;
    }

    .pwa-cashflow-form-page form input:not([type="checkbox"]):not([type="radio"]):focus,
    .pwa-cashflow-form-page form select:focus,
    .pwa-cashflow-form-page form textarea:focus {
        border-color: rgba(30, 58, 86, 0.62) !important;
        box-shadow: 0 0 0 3px rgba(30, 58, 86, 0.12), 0 16px 34px -30px rgba(30, 58, 86, 0.65) !important;
    }

    .pwa-cashflow-form-page form .grid {
        min-width: 0 !important;
    }

    .pwa-cashflow-form-page form .grid > div {
        min-width: 0 !important;
    }

    .pwa-cashflow-form-page form p,
    .pwa-cashflow-form-page form h2,
    .pwa-cashflow-form-page form dd {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .pwa-reconciliation-form-page form > div:first-of-type > .grid > div {
        display: grid;
        align-content: start;
        gap: 0.42rem;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.18rem !important;
        background: #ffffff !important;
        padding: 0.82rem 0.9rem !important;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-reconciliation-form-page form > div:first-of-type > .grid > div.sm\:col-span-2,
    .pwa-reconciliation-form-page form > div:first-of-type > .grid > div.xl\:col-span-4 {
        grid-column: 1 / -1 !important;
    }

    .pwa-reconciliation-form-page form > div:first-of-type label {
        margin: 0 !important;
        color: var(--pwa-muted) !important;
        font-size: 0.75rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.01em;
    }

    .pwa-reconciliation-form-page form > div:first-of-type input,
    .pwa-reconciliation-form-page form > div:first-of-type select,
    .pwa-reconciliation-form-page form > div:first-of-type textarea {
        width: 100% !important;
        min-height: 2.85rem !important;
        border: 1px solid var(--pwa-line-strong) !important;
        border-radius: 0.95rem !important;
        background: #ffffff !important;
        padding: 0.68rem 0.82rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
        line-height: 1.2 !important;
        box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.02), 0 10px 28px -26px rgba(15, 23, 42, 0.45) !important;
        outline: none !important;
    }

    .pwa-reconciliation-form-page form > div:first-of-type textarea {
        min-height: 5.8rem !important;
        resize: vertical;
    }

    .pwa-reconciliation-form-page form > div:first-of-type input:focus,
    .pwa-reconciliation-form-page form > div:first-of-type select:focus,
    .pwa-reconciliation-form-page form > div:first-of-type textarea:focus {
        border-color: rgba(37, 99, 235, 0.72) !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12), 0 16px 34px -30px rgba(37, 99, 235, 0.65) !important;
    }

    .pwa-product-form-page {
        gap: 0.9rem !important;
    }

    .pwa-product-form-page .product-form-shell {
        display: grid !important;
        gap: 0.9rem !important;
    }

    .pwa-product-form-page #pending-reference-images-inputs {
        display: none !important;
    }

    .pwa-product-form-page .pwa-product-submit-bar {
        position: static !important;
        display: block !important;
        order: 99;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    .pwa-product-form-page .pwa-product-submit-bar > div {
        display: block !important;
    }

    .pwa-product-form-page .pwa-product-submit-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 0.55rem !important;
    }

    .pwa-product-form-page .pwa-product-submit-actions button[type="submit"],
    .pwa-product-form-page .pwa-product-submit-actions > a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 3.15rem !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        border-radius: 1rem !important;
        padding: 0 1rem !important;
        font-size: 0.9rem !important;
        font-weight: 850 !important;
        line-height: 1.12 !important;
    }

    .pwa-product-form-page .pwa-product-submit-actions button[type="submit"] {
        border: 0 !important;
        background: var(--pwa-primary) !important;
        color: #fff !important;
        box-shadow: 0 18px 34px -26px rgba(37, 99, 235, 0.56) !important;
    }

    .pwa-product-form-page .pwa-product-submit-actions > a {
        border: 1px solid var(--pwa-line) !important;
        background: #fff !important;
        color: #475467 !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-product-form-page .pwa-product-operations-hint,
    .pwa-product-form-page .pwa-product-operational-field,
    .pwa-product-form-page .pwa-product-operational-section {
        display: none !important;
    }

    .pwa-product-form-page .product-form-section,
    .pwa-product-form-page #product-pricing-section {
        display: grid !important;
        gap: 0.9rem !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pwa-product-form-page .product-form-section h2,
    .pwa-product-form-page #product-pricing-section h2 {
        margin: 0 !important;
        color: var(--pwa-faint) !important;
        font-size: 0.68rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.08em !important;
        line-height: 1.2 !important;
    }

    .pwa-product-form-page .product-form-field-grid,
    .pwa-product-form-page .product-pricing-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.78rem !important;
        margin: 0 !important;
    }

    .pwa-product-form-page .product-form-field {
        min-width: 0;
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: #fff !important;
        padding: 1rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-product-form-page label {
        margin-bottom: 0.34rem !important;
        color: var(--pwa-muted) !important;
        font-size: 0.76rem !important;
        font-weight: 850 !important;
        line-height: 1.15 !important;
    }

    .pwa-product-form-page input,
    .pwa-product-form-page select,
    .pwa-product-form-page textarea,
    .pwa-product-form-page .choices__inner {
        width: 100% !important;
        min-height: 3.05rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        padding: 0.55rem 0 0 !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
        box-shadow: none !important;
    }

    .pwa-product-form-page textarea {
        min-height: 6.5rem !important;
        resize: vertical;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

    .pwa-product-form-page .choices {
        position: relative;
        z-index: 5;
        margin: 0 !important;
    }

    .pwa-product-form-page .choices__inner {
        display: flex !important;
        align-items: center !important;
        min-height: 3.05rem !important;
        background: transparent !important;
        padding-right: 1.45rem !important;
        overflow: visible !important;
    }

    .pwa-product-form-page .choices__list--single .choices__item {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    .pwa-product-form-page .choices[data-type*="select-one"]::after {
        right: 0 !important;
        margin-top: -0.2rem !important;
        border-color: var(--pwa-text) transparent transparent !important;
    }

    .pwa-product-form-page .choices.is-open[data-type*="select-one"]::after {
        margin-top: -0.45rem !important;
        border-color: transparent transparent var(--pwa-text) !important;
    }

    .pwa-product-form-page .choices__list--dropdown,
    .pwa-product-form-page .choices__list[aria-expanded] {
        position: static !important;
        width: 100% !important;
        margin-top: 0.55rem !important;
        border: 1px solid var(--pwa-line-strong) !important;
        border-radius: 1rem !important;
        background: #fff !important;
        overflow: hidden !important;
        box-shadow: var(--pwa-shadow-floating) !important;
    }

    .pwa-product-form-page .choices__list--dropdown .choices__input,
    .pwa-product-form-page .choices__list[aria-expanded] .choices__input {
        width: calc(100% - 1rem) !important;
        min-height: 2.65rem !important;
        margin: 0.5rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 0.85rem !important;
        background: #fff !important;
        padding: 0 0.75rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
    }

    .pwa-product-form-page .choices__list--dropdown .choices__list,
    .pwa-product-form-page .choices__list[aria-expanded] .choices__list {
        max-height: 14rem !important;
    }

    .pwa-product-form-page .choices__list--dropdown .choices__item,
    .pwa-product-form-page .choices__list[aria-expanded] .choices__item {
        padding: 0.82rem 0.92rem !important;
        color: var(--pwa-text) !important;
        font-size: 0.88rem !important;
        font-weight: 760 !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    .pwa-product-form-page .choices__list--dropdown .choices__item--selectable.is-highlighted,
    .pwa-product-form-page .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
        background: var(--pwa-blue-soft) !important;
        color: var(--pwa-primary) !important;
    }

    .pwa-product-form-page .choices__list--dropdown .choices__item.is-selected,
    .pwa-product-form-page .choices__list[aria-expanded] .choices__item.is-selected,
    .pwa-inventory-form-page .choices__list--dropdown .choices__item.is-selected,
    .pwa-inventory-form-page .choices__list[aria-expanded] .choices__item.is-selected {
        background: #fff !important;
        color: var(--pwa-text) !important;
    }

    .pwa-product-form-page .choices__placeholder {
        color: var(--pwa-faint) !important;
        opacity: 1 !important;
    }

    .pwa-product-form-page .product-active-field {
        display: flex !important;
        min-height: 3.05rem !important;
        align-items: center !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: #fff !important;
        padding: 1rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-product-form-page input[type="checkbox"] {
        width: 1.05rem !important;
        min-width: 1.05rem !important;
        height: 1.05rem !important;
        min-height: 1.05rem !important;
        border-radius: 0.28rem !important;
        padding: 0 !important;
        accent-color: var(--pwa-primary);
    }

    .pwa-product-form-page input:focus,
    .pwa-product-form-page select:focus,
    .pwa-product-form-page textarea:focus {
        border-color: #bfdbfe !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
    }

    .pwa-inventory-form-page > .rounded-2xl {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pwa-inventory-form-page form {
        display: grid !important;
        gap: 0.85rem !important;
        padding: 0 !important;
    }

    .pwa-inventory-form-page .pwa-inventory-submit-bar {
        position: static !important;
        order: 99;
        border: 0 !important;
        background: transparent !important;
        padding: 0.35rem 0 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    .pwa-inventory-form-page .pwa-inventory-submit-bar > div {
        display: block !important;
    }

    .pwa-inventory-form-page .pwa-inventory-submit-actions,
    .pwa-inventory-form-page form > div:last-child {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.55rem !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pwa-inventory-form-page .pwa-inventory-form-meta {
        display: none !important;
    }

    .pwa-inventory-form-page .pwa-inventory-submit-actions button[type="submit"],
    .pwa-inventory-form-page .pwa-inventory-submit-actions > a,
    .pwa-inventory-form-page form > div:last-child button[type="submit"],
    .pwa-inventory-form-page form > div:last-child > a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 3rem !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        border-radius: 0.95rem !important;
        padding: 0 1rem !important;
        font-size: 0.88rem !important;
        font-weight: 850 !important;
        line-height: 1.12 !important;
        box-shadow: none !important;
    }

    .pwa-inventory-form-page .pwa-inventory-submit-actions button[type="submit"],
    .pwa-inventory-form-page form > div:last-child button[type="submit"] {
        border: 0 !important;
        background: var(--pwa-primary) !important;
        color: #fff !important;
    }

    .pwa-inventory-form-page .pwa-inventory-submit-actions > a,
    .pwa-inventory-form-page form > div:last-child > a {
        border: 1px solid var(--pwa-line) !important;
        background: #fff !important;
        color: var(--pwa-muted) !important;
    }

    .pwa-inventory-form-page .pwa-inventory-fields,
    .pwa-inventory-form-page form > div.grid,
    .pwa-inventory-form-page form > div:not(.grid):not(:last-child):not(.pwa-inventory-submit-bar),
    .pwa-inventory-form-page form > label {
        display: grid !important;
        gap: 0.85rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pwa-inventory-form-page .pwa-inventory-fields > div,
    .pwa-inventory-form-page .pwa-inventory-fields > div > div,
    .pwa-inventory-form-page form > div.grid > div,
    .pwa-inventory-form-page form > div.grid > label,
    .pwa-inventory-form-page form > div:not(.grid):not(:last-child):not(.pwa-inventory-submit-bar) > label:not(:only-child),
    .pwa-inventory-form-page form > label {
        min-width: 0;
    }

    .pwa-inventory-form-page .pwa-inventory-fields > div > div,
    .pwa-inventory-form-page .pwa-inventory-fields > div:not(.grid),
    .pwa-inventory-form-page form > div.grid > div,
    .pwa-inventory-form-page form > div.grid > label,
    .pwa-inventory-form-page form > div:not(.grid):not(:last-child):not(.pwa-inventory-submit-bar),
    .pwa-inventory-form-page form > label {
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: #fff !important;
        padding: 1rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-inventory-form-page label {
        margin-bottom: 0.34rem !important;
        color: var(--pwa-muted) !important;
        font-size: 0.76rem !important;
        font-weight: 850 !important;
        line-height: 1.15 !important;
    }

    .pwa-inventory-form-page input,
    .pwa-inventory-form-page select,
    .pwa-inventory-form-page textarea,
    .pwa-inventory-form-page .choices__inner {
        width: 100% !important;
        min-height: 3.05rem !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0.55rem 0 0 !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .pwa-inventory-form-page textarea {
        min-height: 6.5rem !important;
        resize: vertical;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

    .pwa-inventory-form-page input[type="checkbox"] {
        width: 1.05rem !important;
        min-width: 1.05rem !important;
        height: 1.05rem !important;
        min-height: 1.05rem !important;
        padding: 0 !important;
        accent-color: var(--pwa-primary);
    }

    .pwa-inventory-form-page .choices {
        position: relative;
        z-index: 5;
        margin: 0 !important;
    }

    .pwa-inventory-form-page .choices__inner {
        display: flex !important;
        align-items: center !important;
        min-height: 3.05rem !important;
        overflow: visible !important;
        padding-right: 1.45rem !important;
    }

    .pwa-inventory-form-page .choices__list--single .choices__item {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    .pwa-inventory-form-page .choices[data-type*="select-one"]::after {
        right: 0 !important;
        margin-top: -0.2rem !important;
        border-color: var(--pwa-text) transparent transparent !important;
    }

    .pwa-inventory-form-page .choices.is-open[data-type*="select-one"]::after {
        margin-top: -0.45rem !important;
        border-color: transparent transparent var(--pwa-text) !important;
    }

    .pwa-inventory-form-page .choices__list--dropdown,
    .pwa-inventory-form-page .choices__list[aria-expanded] {
        position: static !important;
        width: 100% !important;
        margin-top: 0.55rem !important;
        border: 1px solid var(--pwa-line-strong) !important;
        border-radius: 1rem !important;
        background: #fff !important;
        overflow: hidden !important;
        box-shadow: var(--pwa-shadow-floating) !important;
    }

    .pwa-inventory-form-page .choices__list--dropdown .choices__input,
    .pwa-inventory-form-page .choices__list[aria-expanded] .choices__input {
        width: calc(100% - 1rem) !important;
        min-height: 2.65rem !important;
        margin: 0.5rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 0.85rem !important;
        background: #fff !important;
        padding: 0 0.75rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
    }

    .pwa-inventory-form-page .choices__list--dropdown .choices__item,
    .pwa-inventory-form-page .choices__list[aria-expanded] .choices__item {
        padding: 0.82rem 0.92rem !important;
        color: var(--pwa-text) !important;
        font-size: 0.88rem !important;
        font-weight: 760 !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    .pwa-inventory-form-page .choices__list--dropdown .choices__item--selectable.is-highlighted,
    .pwa-inventory-form-page .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
        background: var(--pwa-blue-soft) !important;
        color: var(--pwa-primary) !important;
    }

    .pwa-product-form-page .choices__list--dropdown .choices__item.is-selected.is-highlighted,
    .pwa-product-form-page .choices__list[aria-expanded] .choices__item.is-selected.is-highlighted,
    .pwa-inventory-form-page .choices__list--dropdown .choices__item.is-selected.is-highlighted,
    .pwa-inventory-form-page .choices__list[aria-expanded] .choices__item.is-selected.is-highlighted {
        background: #fff !important;
        color: var(--pwa-text) !important;
    }

    .pwa-sale-form-page > .rounded-2xl,
    .pwa-purchase-form-page > .rounded-2xl,
    .pwa-purchase-form-page > .overflow-hidden {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pwa-sale-form-page #sale-form {
        display: grid;
        gap: 0.85rem;
    }

    .pwa-form-stepper {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        position: sticky;
        top: calc(3.9rem + env(safe-area-inset-top));
        z-index: 20;
        margin: 0 -0.05rem 0.15rem;
        border: 1px solid var(--pwa-line);
        border-radius: 1.2rem;
        background: rgba(255, 255, 255, 0.98);
        padding: 0.72rem 0.55rem 0.62rem;
        box-shadow: 0 16px 36px -32px rgba(15, 23, 42, 0.45);
        backdrop-filter: blur(16px) saturate(1.05);
    }

    .pwa-form-stepper-four {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .pwa-purchase-form-page .pwa-form-stepper {
        position: relative;
        top: auto;
        z-index: 1;
        margin: 0 0 0.8rem;
        padding: 0.66rem 0.5rem 0.56rem;
    }

    .pwa-form-stepper button {
        position: relative;
        display: grid;
        min-width: 0;
        min-height: 2.75rem;
        place-items: center;
        align-content: start;
        gap: 0.32rem;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--pwa-muted);
        font-size: 0.62rem;
        font-weight: 850;
        line-height: 1.05;
    }

    .pwa-form-stepper button::before {
        content: "";
        position: absolute;
        top: 0.62rem;
        right: 50%;
        left: -50%;
        z-index: 0;
        height: 2px;
        background: var(--pwa-line);
    }

    .pwa-form-stepper button:first-child::before {
        display: none;
    }

    .pwa-form-stepper button.is-active::before,
    .pwa-form-stepper button.is-complete::before {
        background: #bcd0ff;
    }

    .pwa-form-stepper button span {
        display: inline-flex;
        position: relative;
        z-index: 1;
        width: 1.35rem;
        height: 1.35rem;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--pwa-line);
        border-radius: 999px;
        background: #fff;
        color: var(--pwa-muted);
        font-size: 0.68rem;
        font-weight: 900;
    }

    .pwa-form-stepper button.is-active {
        color: var(--pwa-primary);
    }

    .pwa-form-stepper button.is-active span {
        border-color: var(--pwa-primary);
        background: var(--pwa-primary);
        color: #fff;
    }

    .pwa-form-stepper button.is-complete span {
        border-color: #bbf7d0;
        background: #e9f8f1;
        color: var(--pwa-success);
    }

    .pwa-step-hidden {
        display: none !important;
    }

    .pwa-purchase-form-page form {
        display: grid;
        gap: 0.85rem;
        padding-bottom: calc(7.8rem + env(safe-area-inset-bottom)) !important;
    }

    .pwa-purchase-form-page .sticky-form-bar,
    .pwa-purchase-form-page form > section:not([data-pwa-step-panel]):not(.pwa-step-footer) {
        display: none;
    }

    html.pwa-mobile-viewport [data-pwa-steps] .sticky-form-bar,
    html.pwa-mobile-viewport [data-pwa-screen="sale-form"] .sticky-form-bar,
    html.pwa-mobile-viewport [data-pwa-steps] > form > section.sticky.bottom-4,
    html.pwa-mobile-viewport [data-pwa-screen="sale-form"] > form > section.sticky.bottom-4 {
        display: none !important;
    }

    .pwa-purchase-form-page [data-pwa-step-panel] {
        overflow: hidden;
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: #fff !important;
        padding: 0.9rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-purchase-form-page [data-pwa-step-panel="items"] {
        padding: 0 !important;
    }

    .pwa-purchase-form-page [data-pwa-step-panel] h2 {
        margin-top: 0.18rem !important;
        color: var(--pwa-text) !important;
        font-size: 1.22rem !important;
        line-height: 1.12 !important;
    }

    .pwa-purchase-form-page [data-pwa-step-panel] .text-slate-500 {
        color: var(--pwa-muted) !important;
    }

    .pwa-purchase-form-page [data-pwa-step-panel] .grid {
        gap: 0.72rem !important;
    }

    .pwa-purchase-form-page label,
    .pwa-purchase-form-page .sale-line-card p.mb-1 {
        color: #475467 !important;
        font-size: 0.74rem !important;
        font-weight: 850 !important;
        letter-spacing: 0.02em !important;
    }

    .pwa-purchase-form-page input,
    .pwa-purchase-form-page select,
    .pwa-purchase-form-page textarea,
    .pwa-purchase-form-page .select2-container--default .select2-selection--single,
    .pwa-purchase-form-page .js-product-picker-trigger {
        min-height: 2.72rem !important;
        border: 1px solid var(--pwa-line-strong) !important;
        border-radius: 0.82rem !important;
        background: #fff !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        box-shadow: none !important;
    }

    .pwa-purchase-form-page textarea {
        min-height: 6.5rem !important;
        resize: vertical;
    }

    .pwa-purchase-form-page input:focus,
    .pwa-purchase-form-page select:focus,
    .pwa-purchase-form-page textarea:focus {
        border-color: #bcd0ff !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
    }

    .pwa-purchase-form-page .select2-container {
        width: 100% !important;
    }

    .pwa-purchase-form-page .select2-container .select2-selection__rendered {
        display: flex !important;
        min-height: 2.72rem !important;
        align-items: center !important;
        padding-inline: 0.78rem 1.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
    }

    .pwa-purchase-form-page .select2-container .select2-selection__arrow {
        height: 2.72rem !important;
        right: 0.45rem !important;
    }

    .pwa-purchase-form-page .sticky-items-bar,
    .pwa-purchase-form-page [data-pwa-step-panel="items"] > .border-b {
        position: static !important;
        border-color: var(--pwa-line) !important;
        background: #fff !important;
        padding: 0.8rem 0.85rem !important;
    }

    .pwa-purchase-form-page #items-body,
    .pwa-purchase-form-page #purchase-items-body,
    .pwa-purchase-form-page #document-items-body {
        display: grid;
        gap: 0.75rem;
        padding: 0.75rem !important;
        background: #fff !important;
    }

    .pwa-purchase-form-page .sale-line-card {
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.1rem !important;
        background: #fff !important;
        padding: 0.9rem !important;
        box-shadow: none !important;
    }

    .pwa-purchase-form-page .sale-line-header {
        margin-bottom: 0.62rem !important;
        padding-bottom: 0.55rem !important;
        border-color: var(--pwa-line) !important;
    }

    .pwa-purchase-form-page .sale-line-header > span {
        display: none !important;
    }

    .pwa-purchase-form-page .sale-line-index {
        background: var(--pwa-primary) !important;
        border-radius: 999px !important;
    }

    .pwa-purchase-form-page .sale-line-state {
        border-color: var(--pwa-line) !important;
        color: var(--pwa-muted) !important;
        font-size: 0.62rem !important;
    }

    .pwa-purchase-form-page .js-product-picker-trigger {
        min-height: 2.8rem !important;
        align-items: center !important;
        padding: 0.54rem 0.64rem 0.54rem 0.74rem !important;
    }

    .pwa-purchase-form-page .js-product-picker-meta,
    .pwa-purchase-form-page .js-product-picker-trigger .ml-3 {
        display: none !important;
    }

    .pwa-purchase-form-page #add-item-row,
    .pwa-purchase-form-page #reload-document-items,
    .pwa-purchase-form-page #reload-order-items,
    .pwa-purchase-form-page button[type="submit"] {
        min-height: 2.9rem !important;
        border-radius: 0.95rem !important;
        font-size: 0.84rem !important;
        font-weight: 850 !important;
    }

    .pwa-purchase-form-page button[type="submit"] {
        border-color: var(--pwa-primary) !important;
        background: var(--pwa-primary) !important;
        color: #fff !important;
    }

    .pwa-purchase-form-page .js-remove-row {
        width: 2.72rem !important;
        min-width: 2.72rem !important;
        min-height: 2.72rem !important;
        border-color: #fee2e2 !important;
        background: #fff7f7 !important;
        color: #dc2626 !important;
        font-size: 0 !important;
    }

    .pwa-purchase-form-page .js-remove-row svg {
        margin: 0 !important;
    }

    .pwa-purchase-form-page .sale-line-total {
        border-color: #dbeafe !important;
        background: var(--pwa-blue-soft) !important;
    }

    .pwa-purchase-form-page .crm-summary-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding-block: 0.38rem;
    }

    .pwa-sale-form-page .sticky-form-bar {
        display: none;
    }

    .pwa-sale-form-page #sale-step-header,
    .pwa-sale-form-page #sale-step-items,
    .pwa-sale-form-page #sale-step-notes,
    .pwa-sale-form-page #order-step-header,
    .pwa-sale-form-page #order-step-items,
    .pwa-sale-form-page #order-step-notes,
    .pwa-sale-form-page #quote-step-header,
    .pwa-sale-form-page #quote-step-items,
    .pwa-sale-form-page #quote-step-notes {
        overflow: hidden;
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: #fff !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    .pwa-sale-form-page #sale-step-header > .border-b,
    .pwa-sale-form-page #order-step-header > .border-b,
    .pwa-sale-form-page #quote-step-header > .border-b {
        display: none !important;
    }

    .pwa-sale-form-page #sale-step-header h2,
    .pwa-sale-form-page #order-step-header h2,
    .pwa-sale-form-page #quote-step-header h2 {
        margin-top: 0.18rem !important;
        color: var(--pwa-text) !important;
        font-size: 1.2rem !important;
        line-height: 1.12 !important;
    }

    .pwa-sale-form-page #sale-step-header .text-cyan-700,
    .pwa-sale-form-page #sale-step-header .text-slate-500,
    .pwa-sale-form-page #sale-step-items .text-slate-500,
    .pwa-sale-form-page #sale-step-notes .text-slate-500,
    .pwa-sale-form-page #order-step-header .text-cyan-700,
    .pwa-sale-form-page #order-step-header .text-slate-500,
    .pwa-sale-form-page #order-step-items .text-slate-500,
    .pwa-sale-form-page #order-step-notes .text-slate-500,
    .pwa-sale-form-page #quote-step-header .text-cyan-700,
    .pwa-sale-form-page #quote-step-header .text-slate-500,
    .pwa-sale-form-page #quote-step-items .text-slate-500,
    .pwa-sale-form-page #quote-step-notes .text-slate-500 {
        color: var(--pwa-muted) !important;
    }

    .pwa-sale-form-page #sale-step-header .grid.grid-cols-2,
    .pwa-sale-form-page #order-step-header .grid.grid-cols-2,
    .pwa-sale-form-page #quote-step-header .grid.grid-cols-2 {
        display: none;
    }

    .pwa-sale-form-page #sale-step-header > .grid,
    .pwa-sale-form-page #order-step-header > .grid,
    .pwa-sale-form-page #quote-step-header > .grid {
        display: grid !important;
        gap: 0.75rem !important;
        padding: 0.78rem !important;
    }

    .pwa-sale-form-page #sale-step-header .rounded-2xl,
    .pwa-sale-form-page #sale-step-notes .rounded-lg,
    .pwa-sale-form-page #order-step-header .rounded-2xl,
    .pwa-sale-form-page #order-step-notes .rounded-lg,
    .pwa-sale-form-page #quote-step-header .rounded-2xl,
    .pwa-sale-form-page #quote-step-notes .rounded-lg,
    .pwa-sale-form-page .sale-line-card {
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.1rem !important;
        background: #fff !important;
        padding: 0.9rem !important;
        box-shadow: none !important;
    }

    .pwa-sale-form-page #sale-step-header .space-y-4,
    .pwa-sale-form-page #sale-step-header .grid,
    .pwa-sale-form-page #sale-step-notes .grid,
    .pwa-sale-form-page #order-step-header .space-y-4,
    .pwa-sale-form-page #order-step-header .grid,
    .pwa-sale-form-page #order-step-notes .grid,
    .pwa-sale-form-page #quote-step-header .space-y-4,
    .pwa-sale-form-page #quote-step-header .grid,
    .pwa-sale-form-page #quote-step-notes .grid {
        gap: 0.75rem !important;
    }

    .pwa-sale-form-page label,
    .pwa-sale-form-page .sale-line-card p.mb-1 {
        color: #475467 !important;
        font-size: 0.74rem !important;
        font-weight: 850 !important;
        letter-spacing: 0.02em !important;
    }

    .pwa-sale-form-page input,
    .pwa-sale-form-page select,
    .pwa-sale-form-page textarea,
    .pwa-sale-form-page .select2-container--default .select2-selection--single,
    .pwa-sale-form-page .js-product-picker-trigger {
        min-height: 2.72rem !important;
        border: 1px solid var(--pwa-line-strong) !important;
        border-radius: 0.82rem !important;
        background: #fff !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        box-shadow: none !important;
    }

    .pwa-sale-form-page textarea {
        min-height: 6.5rem !important;
    }

    .pwa-sale-form-page input:focus,
    .pwa-sale-form-page select:focus,
    .pwa-sale-form-page textarea:focus {
        border-color: #bcd0ff !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
    }

    .pwa-sale-form-page .select2-container {
        width: 100% !important;
    }

    .pwa-sale-form-page .select2-container .select2-selection__rendered {
        display: flex !important;
        min-height: 2.72rem !important;
        align-items: center !important;
        padding-inline: 0.78rem 1.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
    }

    .pwa-sale-form-page .select2-container .select2-selection__arrow {
        height: 2.72rem !important;
        right: 0.45rem !important;
    }

    .pwa-sale-form-page #customer-document-input + #customer-document-search-btn,
    .pwa-sale-form-page #customer-document-search-btn {
        width: 2.72rem !important;
        min-width: 2.72rem !important;
        min-height: 2.72rem !important;
        padding: 0 !important;
        border-radius: 0.82rem !important;
        font-size: 0 !important;
    }

    .pwa-sale-form-page #customer-document-search-btn svg {
        margin: 0 !important;
    }

    .pwa-sale-form-page #customer-document-input {
        min-width: 0;
    }

    .pwa-sale-form-page #customer-document-input:has(+ #customer-document-search-btn) {
        width: 100%;
    }

    .pwa-sale-form-page #customer-document-input + #customer-document-search-btn {
        justify-self: end;
    }

    .pwa-sale-form-page div:has(> #customer-document-input + #customer-document-search-btn) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 0.5rem !important;
    }

    .pwa-sale-form-page #customer-document-input,
    .pwa-sale-form-page #customer-document-search-btn {
        align-self: stretch;
    }

    .pwa-sale-form-page #customer-document-search-btn,
    .pwa-sale-form-page #add-item-row,
    .pwa-sale-form-page #add-item-row-bottom,
    .pwa-sale-form-page button[type="submit"] {
        min-height: 2.9rem !important;
        border-radius: 0.95rem !important;
        font-size: 0.84rem !important;
        font-weight: 850 !important;
    }

    .pwa-sale-form-page #customer-document-search-btn,
    .pwa-sale-form-page button[type="submit"] {
        border-color: var(--pwa-primary) !important;
        background: var(--pwa-primary) !important;
        color: #fff !important;
    }

    .pwa-sale-form-page .sticky-items-bar {
        position: static !important;
        border-color: var(--pwa-line) !important;
        background: #fff !important;
        padding: 0.8rem 0.85rem !important;
    }

    .pwa-sale-form-page .sticky-items-bar > div {
        gap: 0.75rem !important;
    }

    .pwa-sale-form-page #sale-items-body,
    .pwa-sale-form-page #order-items-body,
    .pwa-sale-form-page #quote-items-body {
        display: grid;
        gap: 0.75rem;
        padding: 0.75rem !important;
        background: #fff !important;
    }

    .pwa-sale-form-page .sale-line-header {
        margin-bottom: 0.62rem !important;
        padding-bottom: 0.55rem !important;
        border-color: var(--pwa-line) !important;
    }

    .pwa-sale-form-page .sale-line-header > span {
        display: none !important;
    }

    .pwa-sale-form-page .sale-line-index {
        background: var(--pwa-primary) !important;
        border-radius: 999px !important;
    }

    .pwa-sale-form-page .sale-line-state {
        border-color: var(--pwa-line) !important;
        color: var(--pwa-muted) !important;
        font-size: 0.62rem !important;
    }

    .pwa-sale-form-page .sale-line-card > .grid.grid-cols-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.58rem !important;
    }

    .pwa-sale-form-page .sale-line-card > .grid.grid-cols-1 > .pwa-item-product {
        grid-column: 1 / -1 !important;
    }

    .pwa-sale-form-page .sale-line-card > .grid.grid-cols-1 > .pwa-item-quantity,
    .pwa-sale-form-page .sale-line-card > .grid.grid-cols-1 > .pwa-item-price,
    .pwa-sale-form-page .sale-line-card > .grid.grid-cols-1 > .pwa-item-discount,
    .pwa-sale-form-page .sale-line-card > .grid.grid-cols-1 > .pwa-item-tax,
    .pwa-sale-form-page .sale-line-card > .grid.grid-cols-1 > .pwa-item-action {
        grid-column: auto !important;
        min-width: 0;
    }

    .pwa-sale-form-page .js-product-picker-trigger {
        min-height: 2.8rem !important;
        align-items: center !important;
        padding: 0.54rem 0.64rem 0.54rem 0.74rem !important;
    }

    .pwa-sale-form-page .js-product-picker-meta,
    .pwa-sale-form-page .js-product-picker-trigger .ml-3 {
        display: none !important;
    }

    .pwa-sale-form-page .pwa-product-trigger-icon {
        display: inline-flex !important;
        flex: 0 0 auto;
        width: 2rem;
        height: 2rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.72rem;
        background: var(--pwa-blue-soft);
        color: var(--pwa-primary);
    }

    .pwa-sale-form-page .js-remove-row {
        width: 2.72rem !important;
        min-width: 2.72rem !important;
        min-height: 2.72rem !important;
        border-color: #fee2e2 !important;
        background: #fff7f7 !important;
        color: #dc2626 !important;
        font-size: 0 !important;
    }

    .pwa-sale-form-page .js-remove-row svg {
        margin: 0 !important;
    }

    .pwa-sale-form-page .pwa-item-action {
        display: flex;
        align-items: end;
        justify-content: flex-start;
    }

    .pwa-sale-form-page .pwa-action-label {
        display: none !important;
    }

    .pwa-sale-form-page .sale-line-card .grid.grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.5rem !important;
    }

    .pwa-sale-form-page .sale-line-card .grid.grid-cols-2 > div {
        border-color: #edf2ef !important;
        border-radius: 0.82rem !important;
        background: #fff !important;
        padding: 0.48rem 0.55rem !important;
    }

    .pwa-sale-form-page .sale-line-card .grid.grid-cols-2 p:first-child {
        color: var(--pwa-faint) !important;
        font-size: 0.62rem !important;
        line-height: 1.1 !important;
    }

    .pwa-sale-form-page .sale-line-card .grid.grid-cols-2 p:last-child {
        margin-top: 0.12rem;
        color: var(--pwa-text) !important;
        font-size: 0.82rem !important;
        line-height: 1.18 !important;
    }

    .pwa-sale-form-page #sale-step-notes {
        padding: 0.85rem !important;
    }

    .pwa-sale-form-page .pwa-order-review,
    .pwa-purchase-form-page .pwa-order-review {
        display: grid;
        gap: 0.65rem;
        border-color: var(--pwa-line) !important;
        border-radius: 1.05rem !important;
        background: #fff !important;
        padding: 0.85rem !important;
    }

    .pwa-review-products {
        display: grid;
        gap: 0.48rem;
        padding-bottom: 0.65rem;
        border-bottom: 1px dashed var(--pwa-line-strong);
    }

    .pwa-review-products-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        color: #475467;
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .pwa-review-products-header strong {
        display: inline-flex;
        min-width: 1.45rem;
        height: 1.45rem;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: var(--pwa-blue-soft);
        color: var(--pwa-primary);
        font-size: 0.72rem;
    }

    .pwa-review-items {
        display: grid;
        gap: 0.42rem;
    }

    .pwa-review-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.2rem 0.65rem;
        border: 1px solid #edf2ef;
        border-radius: 0.85rem;
        background: #fbfcfb;
        padding: 0.58rem 0.65rem;
    }

    .pwa-review-item-name {
        overflow: hidden;
        color: var(--pwa-text);
        font-size: 0.82rem;
        font-weight: 850;
        line-height: 1.18;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-review-item-meta {
        color: var(--pwa-muted);
        font-size: 0.72rem;
        font-weight: 750;
    }

    .pwa-review-item strong {
        grid-row: span 2;
        align-self: center;
        color: var(--pwa-primary);
        font-size: 0.86rem;
        font-weight: 900;
    }

    .pwa-review-empty {
        border: 1px dashed var(--pwa-line-strong);
        border-radius: 0.85rem;
        padding: 0.7rem;
        color: var(--pwa-muted);
        font-size: 0.8rem;
        text-align: center;
    }

    .pwa-sale-form-page .crm-summary-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding-block: 0.38rem;
    }

    .pwa-sale-form-page #sale-total,
    .pwa-purchase-form-page #purchase-total,
    .pwa-purchase-form-page #document-total {
        color: var(--pwa-primary) !important;
        font-size: 1.35rem !important;
    }

    .pwa-step-footer {
        position: fixed !important;
        right: auto;
        bottom: var(--pwa-tabbar-height, 4rem);
        left: 50%;
        z-index: 35;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: center;
        gap: 0.5rem !important;
        width: min(100vw, var(--pwa-frame-width, 24rem));
        border: 0 !important;
        border-top: 1px solid var(--pwa-line) !important;
        border-radius: 0 !important;
        background: rgba(255, 255, 255, 0.98) !important;
        min-height: var(--pwa-step-footer-height);
        margin: 0 !important;
        padding: 0.58rem 0.7rem !important;
        box-shadow: 0 -14px 34px -28px rgba(15, 23, 42, 0.42) !important;
        backdrop-filter: blur(16px) saturate(1.05);
        transform: translateX(-50%);
        transition: transform var(--pwa-motion-base) var(--pwa-ease-emphasized),
            box-shadow var(--pwa-motion-base) var(--pwa-ease-standard),
            background-color var(--pwa-motion-base) var(--pwa-ease-standard);
    }

    .app-mobile-tabbar-shell > .pwa-step-footer.is-docked-to-tabbar {
        position: static !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: auto !important;
        width: 100% !important;
        transform: none !important;
        pointer-events: auto;
    }

    .pwa-step-footer-label {
        overflow: hidden;
        color: #475467;
        font-size: 0.76rem;
        font-weight: 850;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-step-footer .hidden {
        display: none !important;
    }

    .pwa-step-secondary,
    .pwa-step-primary {
        display: grid !important;
        place-items: center;
        width: 2.72rem;
        min-width: 2.72rem;
        height: 2.72rem;
        min-height: 2.72rem;
        gap: 0.45rem;
        border-radius: 0.88rem;
        padding: 0 !important;
        font-size: 0 !important;
        font-weight: 850;
        line-height: 1 !important;
    }

    .pwa-step-secondary i[data-feather],
    .pwa-step-primary i[data-feather],
    .pwa-step-secondary [data-pwa-step-svg-icon],
    .pwa-step-primary [data-pwa-step-svg-icon],
    .pwa-step-secondary .pwa-step-svg-icon,
    .pwa-step-primary .pwa-step-svg-icon,
    .pwa-step-secondary svg,
    .pwa-step-primary svg {
        display: block !important;
        width: 1rem !important;
        height: 1rem !important;
        flex: 0 0 auto;
        grid-area: 1 / 1;
        margin: 0 !important;
        place-self: center !important;
        transform: none !important;
        vertical-align: middle !important;
    }

    .pwa-step-secondary svg.feather,
    .pwa-step-primary svg.feather {
        stroke-width: 2.2;
    }

    .pwa-step-secondary .pwa-step-svg-icon {
        width: 1.05rem !important;
        height: 1.05rem !important;
    }

    .pwa-step-secondary [data-pwa-step-svg-icon="arrow-left"] {
        width: 1.05rem !important;
        height: 1.05rem !important;
    }

    .pwa-step-secondary,
    .pwa-step-primary[data-pwa-step-next] {
        justify-self: end;
    }

    .pwa-step-secondary {
        position: relative;
        width: 2.5rem !important;
        min-width: 2.5rem !important;
        height: 2.5rem !important;
        min-height: 2.5rem !important;
        max-width: 2.5rem !important;
        max-height: 2.5rem !important;
        aspect-ratio: 1 / 1;
        border: 1px solid var(--pwa-line-strong);
        border-radius: 999px;
        background: #ffffff;
        color: #475467;
        box-shadow: 0 8px 20px -18px rgba(15, 23, 42, 0.42);
    }

    .pwa-step-secondary [data-pwa-step-svg-icon],
    .pwa-step-secondary svg {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        translate: none !important;
        transform: translate(-50%, -50%) !important;
    }

    .pwa-step-secondary:disabled {
        color: var(--pwa-faint);
        opacity: 0.55;
    }

    .pwa-step-footer.is-first-step {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .pwa-step-footer.is-final-step {
        grid-template-columns: minmax(0, 1fr) 2.5rem minmax(9.35rem, auto);
        gap: 0.45rem !important;
    }

    .pwa-step-footer.is-final-step .pwa-step-footer-label {
        max-width: 7.2rem;
        font-size: 0.73rem;
        align-self: center;
        line-height: 1.15 !important;
    }

    .pwa-step-primary {
        border: 1px solid var(--pwa-primary);
        background: var(--pwa-primary);
        color: #fff;
        box-shadow: 0 14px 28px -24px rgba(37, 99, 235, 0.65);
        transition: transform var(--pwa-motion-fast) var(--pwa-ease-standard),
            box-shadow var(--pwa-motion-fast) var(--pwa-ease-standard),
            background-color var(--pwa-motion-fast) var(--pwa-ease-standard);
    }

    .pwa-step-footer.is-final-step .pwa-step-primary {
        display: flex !important;
        flex-direction: row !important;
        width: auto;
        height: 2.78rem;
        min-width: 9.35rem;
        max-width: 11.65rem;
        align-items: center !important;
        justify-content: center !important;
        place-items: unset !important;
        min-height: 2.78rem;
        padding-inline: 0.82rem !important;
        padding-block: 0 !important;
        justify-self: stretch;
        gap: 0.48rem;
        border-radius: 0.95rem;
        font-size: 0.78rem !important;
        line-height: 1 !important;
        text-align: center;
        white-space: nowrap;
    }

    .pwa-step-footer.is-final-step .pwa-step-primary-label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        margin: 0 !important;
        padding: 0 !important;
        color: inherit;
        font-size: inherit;
        font-weight: 850;
        line-height: 1 !important;
        transform: translateY(0) !important;
        white-space: nowrap;
    }

    .pwa-step-footer.is-final-step .pwa-step-primary [data-pwa-step-svg-icon],
    .pwa-step-footer.is-final-step .pwa-step-primary svg {
        position: static !important;
        display: block !important;
        flex: 0 0 auto;
        align-self: center !important;
        width: 0.95rem !important;
        height: 0.95rem !important;
        margin: 0 !important;
        grid-area: auto !important;
        translate: none !important;
        transform: none !important;
    }

    .pwa-step-footer .pwa-step-primary[hidden],
    .pwa-step-footer .pwa-step-secondary[hidden],
    .pwa-step-footer .pwa-step-primary.hidden,
    .pwa-step-footer .pwa-step-secondary.hidden,
    .pwa-step-footer.is-final-step .pwa-step-primary[hidden],
    .pwa-step-footer.is-final-step .pwa-step-secondary[hidden],
    .pwa-step-footer.is-final-step .pwa-step-primary.hidden,
    .pwa-step-footer.is-final-step .pwa-step-secondary.hidden {
        display: none !important;
    }

    .pwa-sale-form-page #sale-form > section.sticky.bottom-4,
    .pwa-sale-form-page #order-form > section.sticky.bottom-4,
    .pwa-sale-form-page #quote-form > section.sticky.bottom-4 {
        display: none !important;
    }

    .pwa-sale-form-page #sale-form > section.sticky.bottom-4 a,
    .pwa-sale-form-page #order-form > section.sticky.bottom-4 a,
    .pwa-sale-form-page #quote-form > section.sticky.bottom-4 a {
        display: none !important;
    }

    .pwa-sale-form-page #sale-form > section.sticky.bottom-4 button,
    .pwa-sale-form-page #order-form > section.sticky.bottom-4 button,
    .pwa-sale-form-page #quote-form > section.sticky.bottom-4 button {
        width: 100%;
        min-height: 3rem !important;
        justify-content: center;
    }

    html.pwa-mobile-viewport .shared-product-picker-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 140 !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 !important;
        background: rgba(15, 23, 42, 0.52) !important;
        backdrop-filter: blur(4px);
    }

    html.pwa-mobile-viewport .shared-product-picker-overlay.hidden {
        display: none !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-card {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: min(88dvh, 43rem) !important;
        max-height: calc(100dvh - env(safe-area-inset-top)) !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 1.35rem 1.35rem 0 0 !important;
        background: #ffffff !important;
        box-shadow: 0 -18px 44px -28px rgba(15, 23, 42, 0.55) !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-card > header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 0.75rem !important;
        padding: 1rem 1rem 0.8rem !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-card > header h2 {
        font-size: 1.18rem !important;
        line-height: 1.1 !important;
    }

    html.pwa-mobile-viewport #shared-product-picker-close {
        display: grid !important;
        place-items: center !important;
        width: 2.5rem !important;
        min-width: 2.5rem !important;
        height: 2.5rem !important;
        min-height: 2.5rem !important;
        border-radius: 999px !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    html.pwa-mobile-viewport #shared-product-picker-close svg {
        width: 1rem !important;
        height: 1rem !important;
        margin: 0 !important;
        stroke-width: 2.25;
    }

    html.pwa-mobile-viewport #shared-product-picker-close .shared-product-picker-close-label {
        display: none !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-card > .border-b {
        flex: 0 0 auto !important;
        padding: 0.85rem 1rem !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-card > .border-b .grid {
        grid-template-columns: minmax(0, 1fr) 5.8rem !important;
        gap: 0.55rem !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-input {
        min-height: 3.15rem !important;
        border-color: var(--pwa-line-strong) !important;
        border-radius: 1rem !important;
        font-size: 16px !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-card > .border-b p {
        display: none !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        padding: 0.75rem 0.85rem !important;
        background: #f8fbfa;
    }

    html.pwa-mobile-viewport .shared-product-picker-table,
    html.pwa-mobile-viewport .shared-product-picker-table tbody,
    html.pwa-mobile-viewport .shared-product-picker-table tr,
    html.pwa-mobile-viewport .shared-product-picker-table td {
        display: block !important;
        width: 100% !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-table thead {
        display: none !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-table tr {
        position: relative;
        margin-bottom: 0.62rem;
        border: 1px solid var(--pwa-line);
        border-radius: 1.05rem;
        background: #fff;
        min-height: 5.35rem;
        padding: 0.78rem 0.82rem 0.82rem;
        box-shadow: var(--pwa-shadow);
    }

    html.pwa-mobile-viewport .shared-product-picker-table td {
        border: 0 !important;
        padding: 0 !important;
        color: var(--pwa-text) !important;
        font-size: 0.86rem !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-table td:nth-child(1) {
        padding-right: 5.6rem !important;
        font-weight: 850;
        line-height: 1.25;
    }

    html.pwa-mobile-viewport .shared-product-picker-table td:nth-child(1) .text-slate-500 {
        margin-top: 0.2rem;
        color: var(--pwa-muted) !important;
        font-size: 0.72rem !important;
        line-height: 1.25 !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-table td:nth-child(2),
    html.pwa-mobile-viewport .shared-product-picker-table td:nth-child(4) {
        display: none !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-table td:nth-child(3) {
        position: absolute;
        top: 0.8rem;
        right: 0.82rem;
        width: auto !important;
        color: var(--pwa-primary) !important;
        font-size: 0.9rem !important;
        font-weight: 900;
        text-align: right;
    }

    html.pwa-mobile-viewport .shared-product-picker-table td:nth-child(5) {
        position: absolute;
        right: 0.82rem;
        bottom: 0.78rem;
        margin-top: 0;
        width: auto !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-table td:nth-child(5) > div {
        gap: 0.35rem !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-icon-btn {
        width: 2.35rem !important;
        min-width: 2.35rem !important;
        height: 2.35rem !important;
        min-height: 2.35rem !important;
        border-radius: 0.78rem !important;
        background: var(--pwa-primary) !important;
        border-color: var(--pwa-primary) !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-icon-btn svg {
        width: 1rem !important;
        height: 1rem !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-table td:nth-child(5) [data-product-image-index] {
        background: #fff !important;
        border-color: var(--pwa-line-strong) !important;
        color: #475467 !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-card > footer {
        padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom)) !important;
        background: #fff !important;
    }

    html.pwa-mobile-viewport #shared-product-picker-modal .shared-product-picker-card > footer {
        display: none !important;
    }

    html.pwa-mobile-viewport .shared-product-picker-card > footer .shared-product-picker-btn {
        min-height: 2.65rem !important;
        border-radius: 0.9rem !important;
    }

    .pwa-home-header {
        display: grid;
        gap: 0.38rem;
        min-height: var(--pwa-hero-height);
        padding: var(--pwa-hero-content-top) 0.05rem var(--pwa-hero-content-bottom);
    }

    .pwa-home-header h1 {
        color: #ffffff;
        font-family: 'Sora', 'Manrope', sans-serif;
        max-width: 18rem;
        font-size: clamp(1.42rem, 7vw, 1.82rem);
        font-weight: 850;
        line-height: 1.08;
        letter-spacing: 0;
    }

    .pwa-home-header p {
        max-width: 18.5rem;
        color: rgba(255, 255, 255, 0.84);
        font-size: 0.92rem;
        line-height: 1.35;
    }

    .pwa-home-section {
        display: grid;
        gap: 0.55rem;
        margin-top: 0.2rem;
    }

    .pwa-home-screen .pwa-list-rows {
        border-radius: 1.25rem;
        box-shadow: none;
    }

    .pwa-home-screen .pwa-list-row {
        min-height: 4.25rem;
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .pwa-home-screen .pwa-list-icon {
        width: 2.2rem;
        height: 2.2rem;
        background: #f5f7fa;
        color: var(--pwa-primary);
    }

    .pwa-home-screen .pwa-list-copy strong {
        font-size: 0.96rem;
    }

    .pwa-home-screen .pwa-list-copy small {
        font-size: 0.78rem;
        -webkit-line-clamp: 1;
    }

    .pwa-home-dashboard {
        display: grid;
        gap: 0.85rem;
        margin-top: -0.15rem;
        padding-bottom: 1rem;
    }

    .pwa-home-animate {
        transform-origin: center top;
        animation: pwaHomeCardEnter 680ms cubic-bezier(0.16, 1, 0.3, 1) both;
        animation-delay: var(--pwa-home-delay, 0ms);
        will-change: opacity, transform, filter;
    }

    .pwa-home-status-card,
    .pwa-home-admin-card,
    .pwa-home-tips-card,
    .pwa-home-flow-card {
        position: relative;
        overflow: hidden;
        border: 1px solid var(--pwa-line);
        border-radius: 1.35rem;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 22px 46px -38px rgba(15, 23, 42, 0.44);
    }

    .pwa-home-status-card {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.8rem;
        padding: 0.95rem;
    }

    .pwa-home-status-card::before {
        content: "";
        position: absolute;
        inset: -45% auto auto -16%;
        width: 8rem;
        height: 8rem;
        border-radius: 999px;
        background: rgba(31, 74, 112, 0.08);
        pointer-events: none;
    }

    .pwa-home-status-icon,
    .pwa-home-tip-slide > span,
    .pwa-home-flow span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        border-radius: 1rem;
    }

    .pwa-home-status-icon {
        width: 2.75rem;
        height: 2.75rem;
        background: rgba(31, 74, 112, 0.1);
        color: var(--pwa-primary);
    }

    .pwa-home-status-card span,
    .pwa-home-section-title span {
        color: var(--pwa-faint);
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.16em;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .pwa-home-status-card strong {
        display: block;
        margin-top: 0.16rem;
        color: var(--pwa-text);
        font-size: 0.98rem;
        font-weight: 950;
        line-height: 1.1;
    }

    .pwa-home-status-card small,
    .pwa-home-tip-slide p,
    .pwa-home-flow small {
        color: var(--pwa-muted);
        font-size: 0.76rem;
        line-height: 1.35;
    }

    .pwa-home-live-dot {
        width: 0.72rem;
        height: 0.72rem;
        border-radius: 999px;
        background: #18c08f;
        box-shadow: 0 0 0 0 rgba(24, 192, 143, 0.38);
        animation: pwaHomePulse 1.9s ease-out infinite;
    }

    .pwa-home-admin-card {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.78rem;
        padding: 0.92rem 0.95rem;
        color: inherit;
        text-decoration: none;
    }

    .pwa-home-admin-card:active {
        transform: scale(0.985);
    }

    .pwa-home-admin-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 1rem;
        background: rgba(31, 74, 112, 0.1);
        color: var(--pwa-primary);
        flex: 0 0 auto;
    }

    .pwa-home-admin-card small {
        display: block;
        color: var(--pwa-faint);
        font-size: 0.66rem;
        font-weight: 950;
        letter-spacing: 0.14em;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .pwa-home-admin-card strong {
        display: block;
        margin-top: 0.14rem;
        color: var(--pwa-text);
        font-size: 0.98rem;
        font-weight: 950;
        line-height: 1.1;
    }

    .pwa-home-admin-card em {
        display: block;
        margin-top: 0.12rem;
        color: var(--pwa-muted);
        font-size: 0.75rem;
        font-style: normal;
        line-height: 1.28;
    }

    .pwa-home-admin-card > .feather {
        color: var(--pwa-faint);
    }

    .pwa-home-tips-card,
    .pwa-home-flow-card {
        display: grid;
        gap: 0.78rem;
        padding: 1rem;
    }

    .pwa-home-section-title {
        display: grid;
        gap: 0.24rem;
    }

    .pwa-home-section-title h2 {
        color: var(--pwa-text);
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: 1.05rem;
        font-weight: 950;
        line-height: 1.1;
    }

    .pwa-home-tip-carousel {
        position: relative;
        overflow: hidden;
        border-radius: 1.1rem;
        background:
            radial-gradient(11rem 7rem at 10% 0%, rgba(31, 74, 112, 0.14), transparent 68%),
            linear-gradient(135deg, rgba(248, 250, 252, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
    }

    .pwa-home-tip-carousel::after {
        content: "";
        position: absolute;
        inset: 0;
        border: 1px solid rgba(31, 74, 112, 0.1);
        border-radius: inherit;
        pointer-events: none;
    }

    .pwa-home-tip-track {
        display: flex;
        width: 400%;
        transform: translate3d(0, 0, 0);
        animation: pwaHomeTipSlide 16s cubic-bezier(0.72, 0, 0.28, 1) infinite;
        will-change: transform;
    }

    .pwa-home-tip-carousel:hover .pwa-home-tip-track,
    .pwa-home-tip-carousel:focus-within .pwa-home-tip-track {
        animation-play-state: paused;
    }

    .pwa-home-tip-slide {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "icon title"
            "icon copy";
        width: 25%;
        min-height: 8.35rem;
        align-content: center;
        gap: 0.28rem 0.72rem;
        padding: 1rem;
    }

    .pwa-home-tip-slide > span {
        grid-area: icon;
        width: 2.45rem;
        height: 2.45rem;
        background: rgba(31, 74, 112, 0.09);
        color: var(--pwa-primary);
    }

    .pwa-home-tip-slide strong {
        grid-area: title;
        color: var(--pwa-text);
        font-size: 0.98rem;
        font-weight: 950;
        line-height: 1.12;
    }

    .pwa-home-tip-slide p {
        grid-area: copy;
        margin: 0;
        max-width: 15.5rem;
    }

    .pwa-home-tip-dots {
        position: absolute;
        right: 1rem;
        bottom: 0.84rem;
        display: inline-flex;
        gap: 0.32rem;
        z-index: 1;
    }

    .pwa-home-tip-dots span {
        width: 0.38rem;
        height: 0.38rem;
        border-radius: 999px;
        background: rgba(31, 74, 112, 0.25);
        animation: pwaHomeTipDot 16s linear infinite;
    }

    .pwa-home-tip-dots span:nth-child(2) { animation-delay: 4s; }
    .pwa-home-tip-dots span:nth-child(3) { animation-delay: 8s; }
    .pwa-home-tip-dots span:nth-child(4) { animation-delay: 12s; }

    .pwa-home-flow {
        display: grid;
        gap: 0.55rem;
    }

    .pwa-home-flow > div {
        display: grid;
        grid-template-columns: auto minmax(0, 5.6rem) minmax(0, 1fr);
        align-items: center;
        gap: 0.62rem;
        border: 1px solid rgba(226, 232, 240, 0.92);
        border-radius: 1rem;
        background: #f8fafc;
        padding: 0.68rem 0.72rem;
    }

    .pwa-home-flow span {
        width: 2rem;
        height: 2rem;
        background: rgba(31, 74, 112, 0.08);
        color: var(--pwa-primary);
    }

    .pwa-home-flow strong {
        color: var(--pwa-text);
        font-size: 0.82rem;
        font-weight: 950;
    }

    @keyframes pwaHomeCardEnter {
        from {
            opacity: 0;
            filter: blur(8px);
            transform: translate3d(0, 24px, 0) scale(0.965);
        }
        58% {
            opacity: 1;
            filter: blur(0);
            transform: translate3d(0, -2px, 0) scale(1.008);
        }
        to {
            opacity: 1;
            filter: blur(0);
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @keyframes pwaHomePulse {
        0% { box-shadow: 0 0 0 0 rgba(24, 192, 143, 0.38); }
        70% { box-shadow: 0 0 0 0.65rem rgba(24, 192, 143, 0); }
        100% { box-shadow: 0 0 0 0 rgba(24, 192, 143, 0); }
    }

    @keyframes pwaHomeTipSlide {
        0%, 19% { transform: translate3d(0, 0, 0); }
        25%, 44% { transform: translate3d(-25%, 0, 0); }
        50%, 69% { transform: translate3d(-50%, 0, 0); }
        75%, 94% { transform: translate3d(-75%, 0, 0); }
        100% { transform: translate3d(0, 0, 0); }
    }

    @keyframes pwaHomeTipDot {
        0%, 24.9% {
            width: 1.05rem;
            background: var(--pwa-primary);
        }
        25%, 100% {
            width: 0.38rem;
            background: rgba(31, 74, 112, 0.25);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .pwa-home-animate,
        .pwa-home-live-dot,
        .pwa-home-tip-track,
        .pwa-home-tip-dots span {
            animation: none !important;
        }

        .pwa-home-tip-track {
            width: 100%;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
        }

        .pwa-home-tip-slide {
            min-width: 100%;
            scroll-snap-align: start;
        }
    }

    .pwa-dashboard-screen {
        display: grid;
        min-height: calc(100vh - var(--pwa-bottom-nav-height, 4.25rem));
        background: var(--pwa-bg);
        padding-bottom: calc(var(--pwa-bottom-nav-height, 4.25rem) + 1rem);
    }

    .pwa-dashboard-hero {
        position: relative;
        overflow: hidden;
        min-height: 19.25rem;
        padding: 4.7rem 1rem 6.35rem;
        background:
            radial-gradient(17rem 15rem at 18% -12%, rgba(74, 135, 176, 0.28), transparent 72%),
            linear-gradient(135deg, #24435f 0%, #1d3852 48%, #14263a 100%);
        color: #ffffff;
        isolation: isolate;
    }

    .pwa-dashboard-hero::after {
        content: "";
        position: absolute;
        left: -8%;
        right: -8%;
        bottom: -3.55rem;
        height: 8.8rem;
        border-radius: 50% 50% 0 0 / 66% 66% 0 0;
        background: var(--pwa-bg);
        z-index: -1;
    }

    .pwa-dashboard-hero-copy {
        display: grid;
        gap: 0.48rem;
        max-width: 19rem;
    }

    .pwa-dashboard-hero-copy > span,
    .pwa-dashboard-section-title > span,
    .pwa-dashboard-metric > span {
        color: rgba(255, 255, 255, 0.78);
        font-size: 0.68rem;
        font-weight: 950;
        letter-spacing: 0.18em;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .pwa-dashboard-hero-copy h1 {
        color: #ffffff;
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: clamp(1.8rem, 8vw, 2.25rem);
        font-weight: 950;
        line-height: 1;
        letter-spacing: -0.04em;
    }

    .pwa-dashboard-hero-copy p {
        max-width: 18rem;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.92rem;
        line-height: 1.35;
    }

    .pwa-dashboard-period {
        position: absolute;
        right: 1rem;
        bottom: 6.1rem;
        display: inline-flex;
        align-items: center;
        gap: 0.42rem;
        min-height: 2.25rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.96);
        color: var(--pwa-primary);
        padding: 0 0.78rem;
        font-size: 0.72rem;
        font-weight: 950;
        box-shadow: 0 18px 36px -30px rgba(15, 23, 42, 0.5);
    }

    .pwa-dashboard-stack {
        display: grid;
        gap: 0.82rem;
        margin-top: -4.1rem;
        padding: 0 1rem 1rem;
        position: relative;
        z-index: 2;
    }

    .pwa-dashboard-animate {
        transform-origin: center top;
        animation: pwaDashboardCardEnter 700ms cubic-bezier(0.16, 1, 0.3, 1) both;
        animation-delay: var(--pwa-dashboard-delay, 0ms);
        will-change: opacity, transform, filter;
    }

    .pwa-dashboard-pulse,
    .pwa-dashboard-metric,
    .pwa-dashboard-health-card,
    .pwa-dashboard-chart-card,
    .pwa-dashboard-mini-chart-card,
    .pwa-dashboard-insights,
    .pwa-dashboard-ranking-card,
    .pwa-dashboard-empty {
        border: 1px solid rgba(202, 213, 226, 0.9);
        border-radius: 1.35rem;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 24px 48px -40px rgba(15, 23, 42, 0.52);
    }

    .pwa-dashboard-pulse {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 1rem;
        overflow: hidden;
        padding: 1rem;
        position: relative;
    }

    .pwa-dashboard-pulse::before {
        content: "";
        position: absolute;
        inset: -70% auto auto -16%;
        width: 10rem;
        height: 10rem;
        border-radius: 999px;
        background: rgba(31, 74, 112, 0.08);
        pointer-events: none;
    }

    .pwa-dashboard-pulse span,
    .pwa-dashboard-section-title > span,
    .pwa-dashboard-metric > span {
        color: var(--pwa-faint);
    }

    .pwa-dashboard-pulse strong {
        display: block;
        margin-top: 0.22rem;
        color: var(--pwa-text);
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: clamp(1.55rem, 8vw, 2.15rem);
        font-weight: 950;
        line-height: 1;
        letter-spacing: -0.05em;
        overflow-wrap: anywhere;
    }

    .pwa-dashboard-pulse small,
    .pwa-dashboard-metric small,
    .pwa-dashboard-slide p,
    .pwa-dashboard-ranking-list p {
        color: var(--pwa-muted);
        font-size: 0.75rem;
        line-height: 1.35;
    }

    .pwa-dashboard-pulse-ring {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 1.1rem;
        background: rgba(31, 74, 112, 0.1);
        color: var(--pwa-primary);
        box-shadow: inset 0 0 0 1px rgba(31, 74, 112, 0.08);
    }

    .pwa-dashboard-metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.72rem;
    }

    .pwa-dashboard-metric {
        display: grid;
        align-content: start;
        min-height: 7.9rem;
        gap: 0.34rem;
        padding: 0.9rem;
    }

    .pwa-dashboard-metric strong {
        color: var(--pwa-text);
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: clamp(1.02rem, 5vw, 1.34rem);
        font-weight: 950;
        line-height: 1.05;
        letter-spacing: -0.04em;
        overflow-wrap: anywhere;
    }

    .pwa-dashboard-health-grid {
        display: grid;
        gap: 0.62rem;
    }

    .pwa-dashboard-health-card {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.72rem;
        padding: 0.72rem 0.78rem;
    }

    .pwa-dashboard-health-card > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 0.86rem;
        color: var(--pwa-primary);
        background: rgba(31, 74, 112, 0.1);
        box-shadow: inset 0 0 0 1px rgba(31, 74, 112, 0.08);
    }

    .pwa-dashboard-health-card small {
        display: block;
        color: var(--pwa-faint);
        font-size: 0.62rem;
        font-weight: 950;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
    }

    .pwa-dashboard-health-card strong {
        display: block;
        margin-top: 0.15rem;
        color: var(--pwa-text);
        font-size: 0.9rem;
        font-weight: 950;
        line-height: 1.12;
    }

    .pwa-dashboard-health-card em {
        display: block;
        margin-top: 0.16rem;
        color: var(--pwa-muted);
        font-size: 0.71rem;
        font-style: normal;
        line-height: 1.28;
    }

    .pwa-dashboard-health-card.is-positive > span {
        background: rgba(16, 185, 129, 0.11);
        color: #047857;
    }

    .pwa-dashboard-health-card.is-warning > span {
        background: rgba(245, 158, 11, 0.13);
        color: #b45309;
    }

    .pwa-dashboard-chart-card,
    .pwa-dashboard-mini-chart-card,
    .pwa-dashboard-insights,
    .pwa-dashboard-ranking-card {
        display: grid;
        gap: 0.68rem;
        padding: 0.92rem;
    }

    .pwa-dashboard-section-title {
        display: grid;
        gap: 0.22rem;
    }

    .pwa-dashboard-section-title h2 {
        color: var(--pwa-text);
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: 1.03rem;
        font-weight: 950;
        line-height: 1.1;
    }

    .pwa-dashboard-section-title p,
    .pwa-dashboard-mini-chart-card > p {
        color: var(--pwa-muted);
        font-size: 0.72rem;
        line-height: 1.28;
        margin: 0;
    }

    .pwa-dashboard-chart {
        position: relative;
        height: 11.8rem;
        overflow: hidden;
        border: 1px solid rgba(226, 232, 240, 0.94);
        border-radius: 1.1rem;
        background:
            radial-gradient(12rem 7rem at 10% 0%, rgba(31, 74, 112, 0.1), transparent 70%),
            #f8fafc;
        padding: 0.75rem;
    }

    .pwa-dashboard-chart-fallback {
        position: absolute;
        inset: 0.75rem;
        display: grid;
        place-items: center;
        gap: 0.45rem;
        border-radius: 0.82rem;
        color: var(--pwa-muted);
        font-size: 0.74rem;
        font-weight: 850;
        text-align: center;
        pointer-events: none;
        transition: opacity 220ms ease, transform 220ms ease;
    }

    .pwa-dashboard-chart-fallback .feather {
        color: var(--pwa-primary);
    }

    .pwa-dashboard-chart-fallback.is-mini {
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--pwa-primary);
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: 1.05rem;
        font-weight: 950;
    }

    .pwa-chart-ready .pwa-dashboard-chart-fallback {
        opacity: 0;
        transform: scale(0.98);
    }

    .pwa-dashboard-chart canvas,
    .pwa-dashboard-mini-chart canvas {
        position: relative;
        z-index: 1;
        width: 100% !important;
        height: 100% !important;
    }

    .pwa-dashboard-analytics-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.72rem;
    }

    .pwa-dashboard-mini-chart-card {
        min-width: 0;
    }

    .pwa-dashboard-mini-chart-card .pwa-dashboard-section-title h2 {
        font-size: 0.82rem;
        line-height: 1.12;
    }

    .pwa-dashboard-mini-chart {
        position: relative;
        height: 6.9rem;
        min-width: 0;
    }

    .pwa-dashboard-insight-list {
        display: grid;
        gap: 0.55rem;
    }

    .pwa-dashboard-insight-list > div {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.24rem 0.72rem;
        border: 1px solid rgba(226, 232, 240, 0.94);
        border-radius: 1rem;
        background: #f8fafc;
        padding: 0.72rem;
    }

    .pwa-dashboard-insight-list span {
        display: inline-flex;
        grid-row: span 2;
        align-items: center;
        justify-content: center;
        width: 2.15rem;
        height: 2.15rem;
        border-radius: 0.85rem;
        background: rgba(31, 74, 112, 0.09);
        color: var(--pwa-primary);
    }

    .pwa-dashboard-insight-list strong {
        color: var(--pwa-text);
        font-size: 0.86rem;
        font-weight: 950;
        line-height: 1.15;
    }

    .pwa-dashboard-insight-list small {
        color: var(--pwa-muted);
        font-size: 0.74rem;
        line-height: 1.32;
    }

    .pwa-dashboard-rankings {
        display: grid;
        gap: 0.82rem;
    }

    .pwa-dashboard-ranking-list {
        display: grid;
        gap: 0.5rem;
    }

    .pwa-dashboard-ranking-list > div {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.62rem;
        min-height: 3.35rem;
        border: 1px solid rgba(226, 232, 240, 0.94);
        border-radius: 1rem;
        background: #f8fafc;
        padding: 0.58rem 0.66rem;
    }

    .pwa-dashboard-ranking-list small {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 0.74rem;
        background: rgba(31, 74, 112, 0.09);
        color: var(--pwa-primary);
        font-size: 0.78rem;
        font-weight: 950;
    }

    .pwa-dashboard-ranking-list strong {
        color: var(--pwa-text);
        font-size: 0.82rem;
        font-weight: 950;
        line-height: 1.18;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-dashboard-ranking-list span {
        color: var(--pwa-primary);
        font-size: 0.78rem;
        font-weight: 950;
        line-height: 1.1;
        max-width: 5.4rem;
        overflow-wrap: anywhere;
        text-align: right;
    }

    .pwa-dashboard-empty {
        display: grid;
        justify-items: center;
        gap: 0.6rem;
        margin: 5rem 1rem 0;
        padding: 1.5rem;
        text-align: center;
    }

    .pwa-dashboard-empty i {
        color: var(--pwa-primary);
    }

    .pwa-dashboard-empty strong {
        color: var(--pwa-text);
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: 1.1rem;
        font-weight: 950;
    }

    .pwa-dashboard-empty p {
        color: var(--pwa-muted);
        font-size: 0.84rem;
        line-height: 1.4;
    }

    @keyframes pwaDashboardCardEnter {
        from {
            opacity: 0;
            filter: blur(8px);
            transform: translate3d(0, 26px, 0) scale(0.965);
        }
        60% {
            opacity: 1;
            filter: blur(0);
            transform: translate3d(0, -2px, 0) scale(1.006);
        }
        to {
            opacity: 1;
            filter: blur(0);
            transform: translate3d(0, 0, 0) scale(1);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .pwa-dashboard-animate {
            animation: none !important;
        }
    }

    .pwa-secondary-link {
        display: inline-flex;
        min-height: 3rem;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        border: 1px solid var(--pwa-line);
        border-radius: 999px;
        background: #fff;
        color: var(--pwa-primary);
        font-size: 0.88rem;
        font-weight: 850;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-module-hero {
        display: grid;
        gap: 0.8rem;
        min-height: var(--pwa-hero-height);
        align-content: center;
        padding: var(--pwa-hero-content-top) 0.05rem var(--pwa-hero-content-bottom);
    }

    .pwa-module-kicker {
        display: inline-flex;
        color: rgba(255, 255, 255, 0.78);
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    .pwa-module-hero h1 {
        margin-top: 0.22rem;
        color: #ffffff;
        font-family: 'Sora', 'Manrope', sans-serif;
        font-size: clamp(1.72rem, 9vw, 2.25rem);
        font-weight: 850;
        line-height: 1.02;
        letter-spacing: 0;
    }

    .pwa-module-hero p {
        margin-top: 0.42rem;
        max-width: 18.75rem;
        color: rgba(255, 255, 255, 0.84);
        font-size: 0.92rem;
        line-height: 1.45;
    }

    .pwa-module-meta {
        display: flex;
        gap: 0.45rem;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .pwa-module-meta::-webkit-scrollbar,
    .pwa-category-strip::-webkit-scrollbar {
        display: none;
    }

    .pwa-module-meta span,
    .pwa-category-chip {
        display: inline-flex;
        min-height: 2.25rem;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--pwa-line);
        border-radius: 999px;
        background: #fff;
        padding: 0.5rem 0.78rem;
        color: #475467;
        font-size: 0.78rem;
        font-weight: 820;
        white-space: nowrap;
    }

    .pwa-module-search {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.65rem;
        min-height: 3.15rem;
        border: 1px solid var(--pwa-line);
        border-radius: 1.05rem;
        background: #fff;
        padding: 0 0.9rem;
        color: var(--pwa-muted);
        box-shadow: var(--pwa-shadow);
    }

    .pwa-module-search-input {
        width: 100%;
        min-height: 3rem;
        border: 0;
        background: transparent;
        color: var(--pwa-text);
        font-size: 1rem;
        outline: 0;
    }

    .pwa-module-search-input::placeholder {
        color: var(--pwa-faint);
    }

    .pwa-category-strip {
        display: flex;
        gap: 0.5rem;
        margin-inline: -0.85rem;
        overflow-x: auto;
        padding: 0 0.85rem;
        scroll-padding-inline: 0.85rem;
        scrollbar-width: none;
    }

    .pwa-module-screen .pwa-category-strip,
    .pwa-module-screen .pwa-quick-action {
        display: none !important;
    }

    .pwa-category-chip {
        min-height: 2.4rem;
        cursor: pointer;
    }

    .pwa-category-chip span {
        margin-left: 0.42rem;
        color: var(--pwa-faint);
    }

    .pwa-category-chip.is-active {
        border-color: #c7d7fe;
        background: var(--pwa-blue-soft);
        color: var(--pwa-primary);
    }

    .pwa-primary-action {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.65rem;
        width: 100%;
        min-height: 3rem;
        border: 1px solid rgba(255, 255, 255, 0.72);
        border-radius: 1.05rem;
        background: rgba(255, 255, 255, 0.96);
        padding: 0 1rem;
        color: var(--pwa-primary);
        font-size: 0.92rem;
        font-weight: 850;
        text-align: left;
        box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.45);
    }

    .pwa-primary-action span {
        display: inline-flex;
        width: 2rem;
        height: 2rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.78rem;
        background: #eaf3ff;
    }

    .pwa-module-list {
        display: grid;
        gap: 0.78rem;
        margin-top: -0.15rem;
    }

    .pwa-list-section {
        display: grid;
        gap: 0.55rem;
    }

    .pwa-list-section-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding-inline: 0.15rem;
    }

    .pwa-list-section-header h2 {
        color: var(--pwa-text);
        font-size: 0.82rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .pwa-list-section-header span {
        color: var(--pwa-faint);
        font-size: 0.78rem;
        font-weight: 800;
    }

    .pwa-list-rows {
        overflow: hidden;
        border: 1px solid var(--pwa-line);
        border-radius: var(--pwa-radius-lg);
        background: var(--pwa-surface);
        box-shadow: var(--pwa-shadow);
    }

    .pwa-list-row {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        align-items: center;
        gap: 0.75rem;
        width: 100%;
        min-height: 4.6rem;
        border: 0;
        border-bottom: 1px solid var(--pwa-line);
        background: #fff;
        padding: 0.78rem 0.85rem;
        text-align: left;
        transition: background-color var(--pwa-motion-fast) var(--pwa-ease-standard),
            transform var(--pwa-motion-fast) var(--pwa-ease-standard),
            box-shadow var(--pwa-motion-fast) var(--pwa-ease-standard);
    }

    .pwa-list-row:last-child {
        border-bottom: 0;
    }

    .pwa-list-row.pwa-pressed,
    .pwa-list-row:active,
    .pwa-sales-card.pwa-pressed,
    .pwa-card-action.pwa-pressed,
    .pwa-step-primary.pwa-pressed,
    .pwa-step-secondary.pwa-pressed,
    .pwa-primary-action.pwa-pressed,
    .pwa-category-chip.pwa-pressed {
        transform: scale(0.982);
    }

    .pwa-skeleton {
        position: relative;
        overflow: hidden;
        border-radius: var(--pwa-radius-lg);
        background: #eef3f1;
    }

    .pwa-skeleton::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.72) 46%, transparent 100%);
        animation: pwa-shimmer 1.15s linear infinite;
    }

    html.pwa-mobile-viewport .app-sidebar-mobile-drawer,
    html.pwa-mobile-viewport .shared-product-picker-overlay > *,
    html.pwa-mobile-viewport .swal2-popup {
        animation: pwa-sheet-in var(--pwa-motion-base) var(--pwa-ease-emphasized) both;
    }

    html.pwa-mobile-viewport .swal2-container,
    html.pwa-mobile-viewport .pwa-swal-container,
    html.pwa-mobile-viewport .pwa-swal-confirm-container {
        z-index: 10000 !important;
        pointer-events: auto !important;
    }

    html.pwa-mobile-viewport .swal2-container.swal2-backdrop-show {
        background: rgba(15, 23, 42, 0.42) !important;
        backdrop-filter: blur(10px);
    }

    html.pwa-mobile-viewport .pwa-native-confirm-container {
        position: fixed;
        inset: 0;
        z-index: 10020 !important;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 1rem;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
        background: rgba(15, 23, 42, 0.42);
        opacity: 0;
        pointer-events: auto;
        backdrop-filter: blur(10px);
        transition: opacity 180ms var(--pwa-ease-standard);
    }

    html.pwa-mobile-viewport .pwa-native-confirm-container.is-visible {
        opacity: 1;
    }

    html.pwa-mobile-viewport .pwa-native-confirm-container.is-leaving {
        opacity: 0;
    }

    html.pwa-mobile-viewport .pwa-native-confirm-popup {
        transform: translateY(1rem) scale(0.98);
        transition: transform 220ms var(--pwa-ease-emphasized);
    }

    html.pwa-mobile-viewport .pwa-native-confirm-container.is-visible .pwa-native-confirm-popup {
        transform: translateY(0) scale(1);
    }

    html.pwa-mobile-viewport .pwa-native-confirm-container.is-leaving .pwa-native-confirm-popup {
        transform: translateY(0.75rem) scale(0.985);
    }

    html.pwa-mobile-viewport .pwa-swal-popup,
    html.pwa-mobile-viewport .pwa-swal-confirm-popup {
        width: min(19.5rem, calc(100vw - 2.5rem)) !important;
        border: 1px solid rgba(226, 232, 240, 0.9) !important;
        border-radius: 1.65rem !important;
        background: rgba(255, 255, 255, 0.98) !important;
        padding: 1rem !important;
        box-shadow: 0 30px 80px -42px rgba(15, 23, 42, 0.72) !important;
        backdrop-filter: blur(16px) saturate(1.08);
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-popup {
        align-self: flex-end !important;
        margin: 0 auto calc(env(safe-area-inset-bottom, 0px) + 1rem) !important;
        animation-name: pwa-sheet-in !important;
    }

    html.pwa-mobile-viewport .pwa-native-confirm-popup.pwa-swal-confirm-popup {
        margin: 0 !important;
        text-align: center;
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-icon.swal2-icon {
        width: 3.2rem !important;
        height: 3.2rem !important;
        margin: 0.25rem auto 0.85rem !important;
        border-width: 0.18rem !important;
    }

    html.pwa-mobile-viewport .pwa-native-confirm-icon {
        width: 3.2rem;
        height: 3.2rem;
        margin: 0.25rem auto 0.85rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0.18rem solid rgba(245, 158, 11, 0.38);
        border-radius: 999px;
        color: #f59e0b;
        font-size: 2.15rem;
        font-weight: 400;
        line-height: 1;
    }

    html.pwa-mobile-viewport .pwa-native-confirm-icon-success {
        border-color: rgba(16, 185, 129, 0.32);
        color: #10b981;
    }

    html.pwa-mobile-viewport .pwa-native-confirm-icon-error {
        border-color: rgba(225, 29, 72, 0.36);
        color: #e11d48;
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-title {
        margin: 0 !important;
        padding: 0 !important;
        color: #111827 !important;
        font-size: 1.18rem !important;
        font-weight: 900 !important;
        letter-spacing: -0.03em;
        line-height: 1.15 !important;
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-text,
    html.pwa-mobile-viewport .pwa-swal-confirm-popup .swal2-html-container {
        margin: 0.55rem 0 0 !important;
        color: #64748b !important;
        font-size: 0.9rem !important;
        font-weight: 650;
        line-height: 1.35 !important;
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.6rem !important;
        width: 100% !important;
        margin: 1.05rem 0 0 !important;
    }

    html.pwa-mobile-viewport .pwa-swal-confirm,
    html.pwa-mobile-viewport .pwa-swal-confirm-primary,
    html.pwa-mobile-viewport .pwa-swal-confirm-secondary,
    html.pwa-mobile-viewport .pwa-swal-confirm-danger {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 3.05rem;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 1rem;
        margin: 0 !important;
        padding: 0 1rem !important;
        font-size: 0.92rem;
        font-weight: 900;
        line-height: 1;
        pointer-events: auto !important;
        touch-action: manipulation;
    }

    html.pwa-mobile-viewport .pwa-swal-confirm,
    html.pwa-mobile-viewport .pwa-swal-confirm-primary {
        background: var(--pwa-primary);
        color: #ffffff;
        box-shadow: 0 16px 32px -24px rgba(37, 99, 235, 0.75);
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-secondary {
        border: 1px solid var(--pwa-line-strong);
        background: #ffffff;
        color: #475467;
        box-shadow: 0 10px 22px -20px rgba(15, 23, 42, 0.38);
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-danger {
        background: #e11d48;
        color: #ffffff;
        box-shadow: 0 16px 32px -24px rgba(225, 29, 72, 0.75);
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-warning {
        background: #f59e0b;
        color: #ffffff;
        box-shadow: 0 16px 32px -24px rgba(245, 158, 11, 0.75);
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-danger-popup .pwa-swal-confirm-icon.swal2-icon.swal2-warning,
    html.pwa-mobile-viewport .pwa-swal-confirm-danger-popup .pwa-swal-confirm-icon.swal2-icon.swal2-question {
        border-color: rgba(225, 29, 72, 0.36) !important;
        color: #e11d48 !important;
    }

    html.pwa-mobile-viewport .pwa-swal-confirm-warning-popup .pwa-swal-confirm-icon.swal2-icon.swal2-warning,
    html.pwa-mobile-viewport .pwa-swal-confirm-warning-popup .pwa-swal-confirm-icon.swal2-icon.swal2-question {
        border-color: rgba(245, 158, 11, 0.38) !important;
        color: #f59e0b !important;
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-link,
    html.pwa-mobile-viewport .pwa-primary-action,
    html.pwa-mobile-viewport .pwa-card-action,
    html.pwa-mobile-viewport .pwa-category-chip {
        transition: transform var(--pwa-motion-fast) var(--pwa-ease-standard),
            background-color var(--pwa-motion-fast) var(--pwa-ease-standard),
            color var(--pwa-motion-fast) var(--pwa-ease-standard),
            box-shadow var(--pwa-motion-fast) var(--pwa-ease-standard),
            border-color var(--pwa-motion-fast) var(--pwa-ease-standard);
        will-change: transform;
    }

    .pwa-list-icon {
        display: inline-flex;
        width: 2.35rem;
        height: 2.35rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.85rem;
        background: var(--pwa-coral-soft);
        color: var(--pwa-coral);
    }

    .pwa-list-copy {
        min-width: 0;
    }

    .pwa-list-copy strong {
        display: block;
        overflow: hidden;
        color: var(--pwa-text);
        font-size: 0.98rem;
        font-weight: 850;
        line-height: 1.18;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pwa-list-copy small {
        display: -webkit-box;
        margin-top: 0.16rem;
        overflow: hidden;
        color: var(--pwa-muted);
        font-size: 0.8rem;
        line-height: 1.32;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .pwa-list-badge {
        display: none;
    }

    .pwa-list-chevron {
        display: inline-flex;
        color: var(--pwa-faint);
    }

    .pwa-empty-state {
        display: grid;
        justify-items: center;
        gap: 0.45rem;
        border: 1px solid var(--pwa-line);
        border-radius: var(--pwa-radius-lg);
        background: #fff;
        padding: 2rem 1rem;
        text-align: center;
        box-shadow: var(--pwa-shadow);
    }

    .pwa-empty-state span {
        display: inline-flex;
        width: 2.8rem;
        height: 2.8rem;
        align-items: center;
        justify-content: center;
        border-radius: 1rem;
        background: var(--pwa-blue-soft);
        color: var(--pwa-primary);
    }

    .pwa-empty-state h2 {
        color: var(--pwa-text);
        font-size: 1rem;
        font-weight: 850;
    }

    .pwa-empty-state p {
        color: var(--pwa-muted);
        font-size: 0.86rem;
    }

    .pwa-hidden-by-filter {
        display: none !important;
    }

    html.pwa-keyboard-open .app-mobile-tabbar-shell {
        display: none;
    }

    html.pwa-mobile-viewport.shared-product-picker-open,
    html.pwa-mobile-viewport body.shared-product-picker-open {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    html.pwa-mobile-viewport body.app-shell:has(.pwa-sale-form-page) #quasar-module-content::before,
    html.pwa-mobile-viewport body.app-shell:has(.pwa-sale-form-page) #quasar-module-content::after,
    html.pwa-mobile-viewport body.app-shell:has(.pwa-purchase-form-page) #quasar-module-content::before,
    html.pwa-mobile-viewport body.app-shell:has(.pwa-purchase-form-page) #quasar-module-content::after {
        content: none !important;
        display: none !important;
    }

    body.app-shell:has(.pwa-sale-form-page) #quasar-module-content,
    body.app-shell:has(.pwa-purchase-form-page) #quasar-module-content,
    html.pwa-mobile-viewport body.app-shell:has(.pwa-sale-form-page) #quasar-module-content,
    html.pwa-mobile-viewport body.app-shell:has(.pwa-purchase-form-page) #quasar-module-content {
        padding-top: var(--pwa-mobile-header-height) !important;
    }

    .pwa-sale-form-page,
    .pwa-purchase-form-page,
    html.pwa-mobile-viewport .pwa-sale-form-page,
    html.pwa-mobile-viewport .pwa-purchase-form-page {
        padding-top: var(--pwa-form-top-clearance) !important;
        padding-right: 1rem !important;
        padding-left: 1rem !important;
        padding-bottom: var(--pwa-step-dock-clearance) !important;
        scroll-padding-top: var(--pwa-form-scroll-top);
        scroll-padding-bottom: var(--pwa-step-dock-clearance);
    }

    .pwa-sale-form-page form,
    .pwa-purchase-form-page form,
    html.pwa-mobile-viewport .pwa-sale-form-page form,
    html.pwa-mobile-viewport .pwa-purchase-form-page form {
        padding-bottom: var(--pwa-step-dock-clearance) !important;
    }

    .pwa-sale-form-page > .app-module-header,
    .pwa-purchase-form-page > .app-module-header,
    html.pwa-mobile-viewport .pwa-sale-form-page > .app-module-header,
    html.pwa-mobile-viewport .pwa-purchase-form-page > .app-module-header {
        display: none !important;
    }

    .pwa-sale-form-page > .app-module-header + *,
    .pwa-purchase-form-page > .app-module-header + *,
    html.pwa-mobile-viewport .pwa-sale-form-page > .app-module-header + *,
    html.pwa-mobile-viewport .pwa-purchase-form-page > .app-module-header + * {
        margin-top: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .app-module-header {
        display: grid !important;
        min-height: min(41svh, 19.25rem) !important;
        gap: 0.68rem !important;
        padding-top: calc(var(--pwa-mobile-header-height) + 1.05rem) !important;
        padding-bottom: calc(var(--pwa-hero-wave-height) + 0.45rem) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .app-module-header h1 {
        max-width: 18.5rem !important;
        margin-top: 0.35rem !important;
        color: #ffffff !important;
        font-size: clamp(1.78rem, 7.6vw, 2.1rem) !important;
        line-height: 1 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .app-module-header h1::before {
        content: "Contabilidad" !important;
        color: rgba(255, 255, 255, 0.76) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .app-module-header p {
        max-width: 17.5rem !important;
        color: rgba(255, 255, 255, 0.88) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .app-module-header p.inline-flex {
        display: none !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .app-module-header > div:last-child:not(:first-child) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.52rem !important;
        width: 100% !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .app-module-header > div:last-child:not(:first-child) > a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.65rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.44) !important;
        border-radius: 1rem !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 0.65rem !important;
        color: var(--pwa-primary) !important;
        font-size: 0.76rem !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
        text-align: center !important;
        box-shadow: 0 16px 32px -26px rgba(15, 23, 42, 0.45) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .pwa-accounting-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.62rem !important;
        margin-bottom: 0.9rem !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .pwa-accounting-kpi-grid > div {
        min-height: 5.15rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.12rem !important;
        background: #ffffff !important;
        padding: 0.78rem 0.86rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .pwa-accounting-kpi-grid p {
        display: block !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .pwa-accounting-kpi-grid p:first-child {
        color: var(--pwa-faint) !important;
        font-size: 0.64rem !important;
        font-weight: 950 !important;
        letter-spacing: 0.12em !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important;
        white-space: normal !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-fiscal-screen .pwa-accounting-kpi-grid p:last-child {
        margin-top: 0.58rem !important;
        color: var(--pwa-text) !important;
        font-size: clamp(1rem, 4.5vw, 1.24rem) !important;
        font-variant-numeric: tabular-nums !important;
        font-weight: 950 !important;
        letter-spacing: -0.055em !important;
        line-height: 1.05 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    html.pwa-mobile-viewport .pwa-desktop-table-footer {
        display: none !important;
    }

    html.pwa-mobile-viewport .pwa-fiscal-totals-card {
        display: block !important;
        margin: 0.86rem 0 0 !important;
        border: 1px solid rgba(37, 99, 235, 0.18) !important;
        border-radius: 1.18rem !important;
        background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%) !important;
        padding: 0.9rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-fiscal-totals-title {
        margin: 0 0 0.76rem !important;
        color: var(--pwa-text) !important;
        font-size: 0.86rem !important;
        font-weight: 950 !important;
        letter-spacing: 0.01em !important;
    }

    html.pwa-mobile-viewport .pwa-fiscal-totals-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.58rem !important;
    }

    html.pwa-mobile-viewport .pwa-fiscal-totals-grid > div {
        min-width: 0 !important;
        border: 1px solid rgba(148, 163, 184, 0.18) !important;
        border-radius: 0.95rem !important;
        background: rgba(255, 255, 255, 0.84) !important;
        padding: 0.68rem !important;
    }

    html.pwa-mobile-viewport .pwa-fiscal-totals-grid span {
        display: block !important;
        color: var(--pwa-faint) !important;
        font-size: 0.62rem !important;
        font-weight: 950 !important;
        letter-spacing: 0.1em !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important;
    }

    html.pwa-mobile-viewport .pwa-fiscal-totals-grid strong {
        display: block !important;
        margin-top: 0.45rem !important;
        color: var(--pwa-text) !important;
        font-size: clamp(0.94rem, 4.2vw, 1.12rem) !important;
        font-variant-numeric: tabular-nums !important;
        font-weight: 950 !important;
        letter-spacing: -0.05em !important;
        line-height: 1.05 !important;
        overflow-wrap: anywhere !important;
    }

    html.pwa-mobile-viewport .pwa-fiscal-totals-grid .pwa-fiscal-total-main {
        grid-column: 1 / -1 !important;
        border-color: rgba(37, 99, 235, 0.22) !important;
        background: var(--pwa-primary) !important;
    }

    html.pwa-mobile-viewport .pwa-fiscal-totals-grid .pwa-fiscal-total-main span,
    html.pwa-mobile-viewport .pwa-fiscal-totals-grid .pwa-fiscal-total-main strong {
        color: #ffffff !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-config-screen .app-module-header,
    html.pwa-mobile-viewport .pwa-accounting-closure-screen .app-module-header {
        min-height: min(42svh, 19.75rem) !important;
        padding-top: calc(var(--pwa-mobile-header-height) + 1.05rem) !important;
        padding-bottom: calc(var(--pwa-hero-wave-height) + 0.45rem) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-closure-screen .app-module-header + *,
    html.pwa-mobile-viewport .pwa-accounting-config-screen .app-module-header + * {
        margin-top: -0.35rem !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-config-screen > .grid,
    html.pwa-mobile-viewport .pwa-accounting-annual-screen > .mb-5 {
        display: block !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-config-screen aside,
    html.pwa-mobile-viewport .pwa-accounting-annual-screen aside {
        display: none !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card,
    html.pwa-mobile-viewport .pwa-accounting-config-card {
        border: 1px solid var(--pwa-line) !important;
        border-radius: var(--pwa-radius-lg) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0.88rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card *,
    html.pwa-mobile-viewport .pwa-accounting-config-card *,
    html.pwa-mobile-viewport .pwa-accounting-table-card * {
        text-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card h2,
    html.pwa-mobile-viewport .pwa-accounting-form-card h3,
    html.pwa-mobile-viewport .pwa-accounting-config-card h2,
    html.pwa-mobile-viewport .pwa-accounting-table-card h2 {
        color: var(--pwa-text) !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card p,
    html.pwa-mobile-viewport .pwa-accounting-form-card span,
    html.pwa-mobile-viewport .pwa-accounting-form-card li,
    html.pwa-mobile-viewport .pwa-accounting-config-card p,
    html.pwa-mobile-viewport .pwa-accounting-config-card span,
    html.pwa-mobile-viewport .pwa-accounting-table-card p,
    html.pwa-mobile-viewport .pwa-accounting-table-card span {
        color: #475467 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card .text-slate-900,
    html.pwa-mobile-viewport .pwa-accounting-form-card .text-slate-800,
    html.pwa-mobile-viewport .pwa-accounting-form-card .font-semibold,
    html.pwa-mobile-viewport .pwa-accounting-table-card .text-slate-900,
    html.pwa-mobile-viewport .pwa-accounting-table-card .font-semibold {
        color: var(--pwa-text) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card .text-rose-700,
    html.pwa-mobile-viewport .pwa-accounting-form-card .text-rose-600,
    html.pwa-mobile-viewport .pwa-accounting-table-card .text-rose-700 {
        color: #be123c !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card .text-amber-700,
    html.pwa-mobile-viewport .pwa-accounting-table-card .text-amber-700 {
        color: #b45309 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card .text-emerald-700,
    html.pwa-mobile-viewport .pwa-accounting-table-card .text-emerald-700 {
        color: #047857 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-form-card .rounded-xl[class*="bg-slate-50"],
    html.pwa-mobile-viewport .pwa-accounting-form-card .rounded-xl[class*="bg-rose-50"],
    html.pwa-mobile-viewport .pwa-accounting-form-card .rounded-xl[class*="bg-amber-50"] {
        background-color: #ffffff !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-action-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.72rem !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-action-form input,
    html.pwa-mobile-viewport .pwa-accounting-action-form select,
    html.pwa-mobile-viewport .pwa-accounting-action-form textarea,
    html.pwa-mobile-viewport .pwa-accounting-export-form input {
        width: 100% !important;
        min-height: 3rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0 0.88rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-action-form textarea {
        min-height: 6.5rem !important;
        padding-top: 0.82rem !important;
        resize: vertical !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-action-form label.inline-flex input[type="checkbox"] {
        width: 1.12rem !important;
        min-width: 1.12rem !important;
        height: 1.12rem !important;
        min-height: 1.12rem !important;
        padding: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-action-form button,
    html.pwa-mobile-viewport .pwa-accounting-export-form button,
    html.pwa-mobile-viewport .pwa-accounting-config-card button[type="submit"] {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 3rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 1rem !important;
        background: var(--pwa-primary) !important;
        color: #ffffff !important;
        padding: 0 0.9rem !important;
        font-size: 0.88rem !important;
        font-weight: 900 !important;
        box-shadow: var(--pwa-button-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-action-form button:disabled {
        background: #e5e7eb !important;
        color: #94a3b8 !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-export-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.58rem !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-config-section {
        margin-bottom: 0.82rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.12rem !important;
        background: #ffffff !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-config-section header {
        border-bottom: 1px solid var(--pwa-line) !important;
        background: #fbfcff !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-config-section .overflow-x-auto,
    html.pwa-mobile-viewport .pwa-accounting-table-card .overflow-x-auto {
        overflow: visible !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-config-table select,
    html.pwa-mobile-viewport .pwa-accounting-config-table input {
        width: 100% !important;
        min-height: 2.85rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 0.95rem !important;
        background: #ffffff !important;
        padding: 0 0.78rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-closure-table td {
        grid-template-columns: minmax(7rem, 0.44fr) minmax(0, 1fr) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-closure-table button,
    html.pwa-mobile-viewport .pwa-accounting-closure-table a {
        display: inline-flex !important;
        min-height: 2.35rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.82rem !important;
        padding: 0 0.72rem !important;
        font-size: 0.78rem !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .app-module-header {
        min-height: min(40svh, 18.75rem) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .app-module-header > a[href] {
        position: absolute !important;
        right: 0.05rem !important;
        top: calc(var(--pwa-mobile-header-height) + 1.1rem) !important;
        display: inline-flex !important;
        width: 2.62rem !important;
        min-width: 2.62rem !important;
        height: 2.62rem !important;
        min-height: 2.62rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.52) !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 !important;
        color: #475467 !important;
        font-size: 0 !important;
        box-shadow: 0 18px 34px -24px rgba(15, 23, 42, 0.42) !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .app-module-header > a[href] svg,
    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .app-module-header > a[href] .feather {
        width: 1.05rem !important;
        height: 1.05rem !important;
        margin: 0 !important;
        stroke-width: 2.2 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .pwa-accounting-kpi-grid {
        margin-top: -0.45rem !important;
        margin-bottom: 0.8rem !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .pwa-accounting-action-form > .grid,
    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .pwa-accounting-action-form .grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.72rem !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .pwa-accounting-action-form label {
        margin-bottom: 0.38rem !important;
        color: #667085 !important;
        font-size: 0.78rem !important;
        font-weight: 850 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .pwa-accounting-action-form a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 3rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        color: #475467 !important;
        padding: 0 0.9rem !important;
        font-size: 0.88rem !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-accounting-compact-form-screen .pwa-accounting-action-form .flex {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.58rem !important;
    }

    .pwa-sale-form-page .pwa-form-stepper,
    .pwa-purchase-form-page .pwa-form-stepper,
    html.pwa-mobile-viewport .pwa-sale-form-page .pwa-form-stepper,
    html.pwa-mobile-viewport .pwa-purchase-form-page .pwa-form-stepper {
        position: relative !important;
        top: auto !important;
        z-index: 1 !important;
        margin-top: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-step-footer {
        bottom: var(--pwa-tabbar-height, 4rem) !important;
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-shell {
        display: flex !important;
        width: min(100vw, var(--pwa-frame-width, 24rem));
        left: 50% !important;
        right: auto !important;
        flex-direction: column;
        align-items: stretch;
        padding-bottom: 0 !important;
        transform: translateX(-50%);
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-shell > .pwa-step-footer.is-docked-to-tabbar {
        bottom: auto !important;
        flex: 0 0 auto;
        order: 1;
    }

    html.pwa-mobile-viewport .app-mobile-tabbar-shell > .app-mobile-tabbar {
        flex: 0 0 auto;
        order: 2;
        width: 100% !important;
    }

    /*
      PWA foundation overrides.
      These rules are intentionally scoped to the mobile viewport and act as the
      shared visual contract for legacy templates that still ship desktop/Tailwind
      utility classes.
    */

    html.pwa-mobile-viewport .table_pagination,
    html.pwa-mobile-viewport .pagination,
    html.pwa-mobile-viewport .app-table-pagination,
    html.pwa-mobile-viewport nav[aria-label*="pagination" i],
    html.pwa-mobile-viewport nav[aria-label*="pagin" i],
    html.pwa-mobile-viewport div:has(> .app-table-pagination),
    html.pwa-mobile-viewport div:has(> nav[aria-label*="pagination" i]),
    html.pwa-mobile-viewport div:has(> nav[aria-label*="pagin" i]) {
        display: none !important;
    }

    html.pwa-mobile-viewport a[class*="bg-cyan-"],
    html.pwa-mobile-viewport button[class*="bg-cyan-"],
    html.pwa-mobile-viewport a[class*="border-cyan-"],
    html.pwa-mobile-viewport button[class*="border-cyan-"] {
        border-color: #dbeafe !important;
        background: var(--pwa-blue-soft) !important;
        color: var(--pwa-action-primary) !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport a[class*="bg-cyan-"]:hover,
    html.pwa-mobile-viewport button[class*="bg-cyan-"]:hover,
    html.pwa-mobile-viewport a[class*="border-cyan-"]:hover,
    html.pwa-mobile-viewport button[class*="border-cyan-"]:hover {
        background: #dfeeff !important;
        color: var(--pwa-action-primary-pressed) !important;
    }

    html.pwa-mobile-viewport .text-cyan-700,
    html.pwa-mobile-viewport .text-cyan-800,
    html.pwa-mobile-viewport .text-cyan-900 {
        color: var(--pwa-action-primary) !important;
    }

    html.pwa-mobile-viewport .bg-cyan-50,
    html.pwa-mobile-viewport .bg-cyan-100 {
        background-color: var(--pwa-blue-soft) !important;
    }

    html.pwa-mobile-viewport input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
    html.pwa-mobile-viewport select,
    html.pwa-mobile-viewport textarea {
        max-width: 100% !important;
        border-color: var(--pwa-line-strong) !important;
        border-radius: 1rem !important;
        background-color: #ffffff !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        box-shadow: 0 10px 26px -24px rgba(15, 23, 42, 0.32) !important;
    }

    html.pwa-mobile-viewport input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):focus,
    html.pwa-mobile-viewport select:focus,
    html.pwa-mobile-viewport textarea:focus {
        border-color: #bcd0ff !important;
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
        outline: none !important;
    }

    html.pwa-mobile-viewport textarea {
        min-height: 6rem !important;
        resize: vertical;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

    html.pwa-mobile-viewport .pwa-primary-action,
    html.pwa-mobile-viewport .pwa-step-primary,
    html.pwa-mobile-viewport button[type="submit"]:not(.pwa-step-secondary):not(.swal2-confirm),
    html.pwa-mobile-viewport a[class*="bg-blue-"],
    html.pwa-mobile-viewport button[class*="bg-blue-"] {
        background: var(--pwa-action-primary) !important;
        border-color: var(--pwa-action-primary) !important;
        color: #ffffff !important;
        box-shadow: var(--pwa-button-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-primary-action:active,
    html.pwa-mobile-viewport .pwa-step-primary:active,
    html.pwa-mobile-viewport button[type="submit"]:not(.pwa-step-secondary):not(.swal2-confirm):active {
        background: var(--pwa-action-primary-pressed) !important;
        transform: scale(0.985);
    }

    html.pwa-mobile-viewport .pwa-card-action-danger,
    html.pwa-mobile-viewport a[class*="bg-rose-"],
    html.pwa-mobile-viewport button[class*="bg-rose-"],
    html.pwa-mobile-viewport a[class*="bg-red-"],
    html.pwa-mobile-viewport button[class*="bg-red-"] {
        border-color: #fecdd3 !important;
        background: var(--pwa-action-danger-soft) !important;
        color: var(--pwa-action-danger) !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-card-action-warn,
    html.pwa-mobile-viewport a[class*="bg-amber-"],
    html.pwa-mobile-viewport button[class*="bg-amber-"],
    html.pwa-mobile-viewport a[class*="bg-yellow-"],
    html.pwa-mobile-viewport button[class*="bg-yellow-"] {
        border-color: #fed7aa !important;
        background: var(--pwa-action-warning-soft) !important;
        color: var(--pwa-action-warning) !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-card-action-accent,
    html.pwa-mobile-viewport .pwa-card-action-info {
        border-color: #dbeafe !important;
        background: var(--pwa-blue-soft) !important;
        color: var(--pwa-action-primary) !important;
    }

    html.pwa-mobile-viewport .pwa-primary-action .pwa-action-icon,
    html.pwa-mobile-viewport .pwa-primary-action .pwa-primary-action-icon,
    html.pwa-mobile-viewport .pwa-primary-action > span:first-child,
    html.pwa-mobile-viewport a[class*="bg-blue-"] > span:first-child,
    html.pwa-mobile-viewport button[class*="bg-blue-"] > span:first-child {
        background: rgba(255, 255, 255, 0.18) !important;
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.28) !important;
    }

    html.pwa-mobile-viewport .pwa-primary-action svg,
    html.pwa-mobile-viewport .pwa-primary-action .feather,
    html.pwa-mobile-viewport a[class*="bg-blue-"] svg,
    html.pwa-mobile-viewport button[class*="bg-blue-"] svg {
        color: #ffffff !important;
        stroke: currentColor !important;
        opacity: 1 !important;
    }

    /*
      Caja PWA final layer.
      Keep this after the legacy utility normalizer so cashflow screens do not
      regress when templates still contain old Tailwind color/layout classes.
    */
    html.pwa-mobile-viewport .pwa-cashflow-screen {
        gap: 0.74rem !important;
        padding-inline: 0.82rem !important;
        padding-bottom: calc(var(--pwa-tabbar-height, 4rem) + 0.85rem) !important;
        overflow-x: hidden !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-screen-header {
        min-height: min(38svh, 18.25rem) !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-sales-actions {
        margin-top: -0.35rem !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-primary-action {
        background: #ffffff !important;
        color: var(--pwa-action-primary) !important;
        box-shadow: 0 16px 36px -28px rgba(16, 27, 45, 0.55) !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-primary-action > span:first-child {
        background: var(--pwa-primary-soft) !important;
        color: var(--pwa-action-primary) !important;
        border-color: #dbe6f2 !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-primary-action svg {
        color: var(--pwa-action-primary) !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-card-action {
        min-width: 0 !important;
        min-height: 2.72rem !important;
        border-color: var(--pwa-line) !important;
        background: #ffffff !important;
        color: #475467 !important;
        box-shadow: 0 14px 28px -27px rgba(15, 23, 42, 0.45) !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-card-action-accent {
        border-color: #dbe6f2 !important;
        background: var(--pwa-primary-soft) !important;
        color: var(--pwa-action-primary) !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-money-hero,
    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-sales-facts dd,
    html.pwa-mobile-viewport .pwa-cashflow-master-screen .pwa-cashflow-kpi-grid p:last-child,
    html.pwa-mobile-viewport .pwa-cashflow-form-page .pwa-sales-facts dd {
        max-width: 100% !important;
        overflow: visible !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-screen .pwa-sales-card,
    html.pwa-mobile-viewport .pwa-cashflow-master-screen .pwa-sales-card,
    html.pwa-mobile-viewport .pwa-cashflow-form-page .pwa-sales-card {
        min-width: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-master-screen,
    html.pwa-mobile-viewport .pwa-cashflow-form-page {
        overflow-x: hidden !important;
        padding-bottom: calc(var(--pwa-tabbar-height, 4rem) + 1rem) !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-master-screen .pwa-cashflow-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.62rem !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-master-screen .pwa-cashflow-panel {
        overflow: visible !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-master-screen .pwa-cashflow-filter-form {
        margin-bottom: 0.72rem !important;
    }

    html.pwa-mobile-viewport .pwa-cashflow-form-page form > .rounded-2xl:first-of-type {
        padding: 0.88rem !important;
    }

    html.pwa-mobile-viewport .pwa-reconciliation-form-page form > div:first-of-type > .grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.74rem !important;
    }

    html.pwa-mobile-viewport .pwa-reconciliation-form-page form > div:first-of-type > .grid > div {
        min-width: 0 !important;
        border-radius: 1.12rem !important;
        padding: 0.78rem 0.84rem !important;
    }

    html.pwa-mobile-viewport .pwa-reconciliation-form-page form > div:first-of-type .mt-4.grid {
        grid-template-columns: 1fr !important;
    }

    html.pwa-mobile-viewport .pwa-reconciliation-form-page form > div:last-child {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.55rem !important;
    }

    /*
      Informes PWA.
      Report tables are desktop-first in templates; in mobile they become native
      cards with explicit field labels so the user never sees a wide web table.
    */
    html.pwa-mobile-viewport .pwa-report-screen {
        overflow-x: hidden !important;
        padding-inline: 0.82rem !important;
        padding-bottom: calc(var(--pwa-tabbar-height, 4rem) + 1rem) !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen .app-module-header h1::before {
        content: "Informes" !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen .app-module-header > div:last-child:not(:first-child) {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.55rem !important;
        width: 100% !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen .app-module-header > div:last-child:not(:first-child) > a {
        display: inline-flex !important;
        min-width: 0 !important;
        min-height: 2.86rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.42) !important;
        border-radius: 1rem !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 0.8rem !important;
        color: var(--pwa-action-primary) !important;
        font-size: 0.82rem !important;
        font-weight: 900 !important;
        box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.45) !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen .app-module-header > div:last-child:not(:first-child) > a svg,
    html.pwa-mobile-viewport .pwa-report-screen .app-module-header > div:last-child:not(:first-child) > a .feather {
        width: 1rem !important;
        height: 1rem !important;
        margin-right: 0.42rem !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen > .grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.62rem !important;
        margin-bottom: 0.82rem !important;
    }

    html.pwa-mobile-viewport .pwa-report-home-screen > .grid {
        grid-template-columns: 1fr !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen > .grid article {
        min-width: 0 !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.18rem !important;
        background: #ffffff !important;
        padding: 0.9rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen > .grid article p:last-child {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        color: var(--pwa-text) !important;
        font-size: clamp(1rem, 4.35vw, 1.22rem) !important;
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.045em;
        line-height: 1.08 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    html.pwa-mobile-viewport .pwa-report-home-screen article h2 {
        color: var(--pwa-text) !important;
        font-size: 1rem !important;
        line-height: 1.18 !important;
    }

    html.pwa-mobile-viewport .pwa-report-home-screen article p {
        color: var(--pwa-muted) !important;
        font-size: 0.82rem !important;
        line-height: 1.3 !important;
    }

    html.pwa-mobile-viewport .pwa-report-home-screen article > div:last-child {
        display: grid !important;
        grid-template-columns: 1fr 0.42fr !important;
        gap: 0.5rem !important;
    }

    html.pwa-mobile-viewport .pwa-report-home-screen article a {
        display: inline-flex !important;
        min-height: 2.76rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.95rem !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.68rem !important;
        min-width: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen form > div {
        min-width: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen form label {
        color: var(--pwa-faint) !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.12em !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen form input,
    html.pwa-mobile-viewport .pwa-report-screen form select {
        width: 100% !important;
        min-height: 3.05rem !important;
        border: 1px solid var(--pwa-line-strong) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0 0.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
        outline: none !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen form button,
    html.pwa-mobile-viewport .pwa-report-screen form a {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 2.9rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 1rem !important;
        font-size: 0.86rem !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen .overflow-hidden.rounded-2xl {
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen .overflow-hidden.rounded-2xl > .border-b,
    html.pwa-mobile-viewport .pwa-report-screen .overflow-hidden.rounded-2xl > .overflow-x-auto,
    html.pwa-mobile-viewport .pwa-report-screen > .mb-4.rounded-2xl {
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.2rem !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0.82rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen .overflow-x-auto {
        overflow: visible !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen table,
    html.pwa-mobile-viewport .pwa-report-screen thead,
    html.pwa-mobile-viewport .pwa-report-screen tbody,
    html.pwa-mobile-viewport .pwa-report-screen tr,
    html.pwa-mobile-viewport .pwa-report-screen td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen thead {
        display: none !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen tbody {
        display: grid !important;
        gap: 0.72rem !important;
        background: transparent !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen tr {
        display: grid !important;
        gap: 0.42rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.12rem !important;
        background: #ffffff !important;
        padding: 0.86rem !important;
        box-shadow: 0 18px 34px -30px rgba(15, 23, 42, 0.42) !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen td {
        display: grid !important;
        grid-template-columns: minmax(5.8rem, 36%) minmax(0, 1fr) !important;
        gap: 0.55rem !important;
        align-items: start !important;
        border: 0 !important;
        padding: 0 !important;
        color: var(--pwa-text) !important;
        font-size: 0.82rem !important;
        font-weight: 760 !important;
        line-height: 1.25 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen td::before {
        content: "";
        color: var(--pwa-faint);
        font-size: 0.64rem;
        font-weight: 950;
        letter-spacing: 0.08em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    html.pwa-mobile-viewport .pwa-report-screen td:first-child {
        grid-template-columns: 1fr !important;
        padding-bottom: 0.38rem !important;
        color: var(--pwa-text) !important;
        font-size: 0.98rem !important;
        font-weight: 950 !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen td:first-child::before {
        margin-bottom: 0.12rem;
    }

    html.pwa-mobile-viewport .pwa-report-screen td[colspan] {
        display: block !important;
        padding: 1rem 0.4rem !important;
        color: var(--pwa-muted) !important;
        text-align: center !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen td[colspan]::before {
        content: none !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="clientes"] td:nth-child(1)::before { content: "Cliente"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="clientes"] td:nth-child(2)::before { content: "RUC"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="clientes"] td:nth-child(3)::before { content: "Contacto"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="clientes"] td:nth-child(4)::before { content: "Estado"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="clientes"] td:nth-child(5)::before { content: "Ventas"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="clientes"] td:nth-child(6)::before { content: "Total vendido"; }

    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="proveedores"] td:nth-child(1)::before { content: "Proveedor"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="proveedores"] td:nth-child(2)::before { content: "RUC"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="proveedores"] td:nth-child(3)::before { content: "Contacto"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="proveedores"] td:nth-child(4)::before { content: "Estado"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="proveedores"] td:nth-child(5)::before { content: "Compras"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="proveedores"] td:nth-child(6)::before { content: "Total comprado"; }

    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(1)::before { content: "Producto"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(2)::before { content: "SKU"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(3)::before { content: "Categoría"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(4)::before { content: "Marca"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(5)::before { content: "Proveedor"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(6)::before { content: "Stock"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(7)::before { content: "Stock mín."; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(8)::before { content: "Comprado"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(9)::before { content: "Vendido"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(10)::before { content: "Costo"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="productos"] td:nth-child(11)::before { content: "Precio"; }

    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(1)::before { content: "Fecha"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(2)::before { content: "Compra"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(3)::before { content: "Proveedor"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(4)::before { content: "Factura"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(5)::before { content: "Depósito"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(6)::before { content: "Producto"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(7)::before { content: "Cantidad"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(8)::before { content: "Costo unit."; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(9)::before { content: "Subtotal"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(10)::before { content: "IVA"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="compras"] td:nth-child(11)::before { content: "Total"; }

    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(1)::before { content: "Fecha"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(2)::before { content: "Venta"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(3)::before { content: "Cliente"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(4)::before { content: "Comprobante"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(5)::before { content: "Condición"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(6)::before { content: "Depósito"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(7)::before { content: "Producto"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(8)::before { content: "Cantidad"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(9)::before { content: "Precio unit."; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(10)::before { content: "Subtotal"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(11)::before { content: "IVA"; }
    html.pwa-mobile-viewport .pwa-report-screen[data-pwa-report="ventas"] td:nth-child(12)::before { content: "Total"; }

    html.pwa-mobile-viewport .report-sheet {
        width: 100% !important;
        max-width: min(100%, 29rem) !important;
        padding: 0.85rem 0.82rem calc(5.6rem + env(safe-area-inset-bottom)) !important;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) {
        position: sticky !important;
        top: calc(var(--pwa-mobile-topbar-height, 4.35rem) + env(safe-area-inset-top)) !important;
        z-index: 34 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 0.52rem !important;
        width: 100% !important;
        margin: 0 0 0.9rem !important;
        border: 1px solid rgba(203, 213, 225, 0.82) !important;
        border-radius: 1.18rem !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
        padding: 0.58rem !important;
        box-shadow: 0 20px 42px -32px rgba(15, 23, 42, 0.46) !important;
        backdrop-filter: blur(16px) !important;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print a,
    html.pwa-mobile-viewport .report-sheet > .no-print button,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden a,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden button,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) a,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 2.85rem !important;
        min-height: 2.85rem !important;
        border-radius: 1rem !important;
        border: 1px solid rgba(203, 213, 225, 0.88) !important;
        background: #ffffff !important;
        color: var(--pwa-text) !important;
        font-size: 0 !important;
        font-weight: 900 !important;
        box-shadow: 0 12px 26px -24px rgba(15, 23, 42, 0.45) !important;
        text-decoration: none !important;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print a:first-child,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden a:first-child,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) a:first-child {
        grid-column: 1 !important;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print button,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden button,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) button {
        grid-column: 3 !important;
        background: var(--pwa-primary) !important;
        border-color: var(--pwa-primary) !important;
        color: #ffffff !important;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print a[href*="/pdf"],
    html.pwa-mobile-viewport .report-sheet > .print\:hidden a[href*="/pdf"],
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) a[href*="/pdf"] {
        grid-column: 2 !important;
        justify-self: stretch !important;
        gap: 0.45rem !important;
        background: var(--pwa-primary) !important;
        border-color: var(--pwa-primary) !important;
        color: #ffffff !important;
        font-size: 0.82rem !important;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print a:not([href*="/pdf"]):not(:has(i))::before,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden a:not([href*="/pdf"]):not(:has(i))::before,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) a:not([href*="/pdf"]):not(:has(i))::before {
        content: "←";
        display: grid;
        place-items: center;
        font-size: 1.1rem;
        line-height: 1;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print button:not(:has(i))::before,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden button:not(:has(i))::before,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) button:not(:has(i))::before {
        content: "⎙";
        display: grid;
        place-items: center;
        font-size: 1rem;
        line-height: 1;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print i,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden i,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) i {
        width: 1.05rem !important;
        height: 1.05rem !important;
        margin: 0 !important;
    }

    html.pwa-mobile-viewport a[href*="/reporte/"],
    html.pwa-mobile-viewport a[href*="/reporte/pdf/"],
    html.pwa-mobile-viewport a[href*="/pdf/"],
    html.pwa-mobile-viewport a[href*="/imprimir/"],
    html.pwa-mobile-viewport a[href*="export/pdf"],
    html.pwa-mobile-viewport button[onclick*="print"] {
        border-color: rgba(31, 74, 112, 0.22) !important;
        background: #ffffff !important;
        color: #1f4a70 !important;
        box-shadow: 0 16px 32px -28px rgba(15, 23, 42, 0.5) !important;
    }

    html.pwa-mobile-viewport a[href*="/reporte/pdf/"],
    html.pwa-mobile-viewport a[href*="/pdf/"],
    html.pwa-mobile-viewport a[href*="export/pdf"],
    html.pwa-mobile-viewport .report-sheet a[href*="/pdf"],
    html.pwa-mobile-viewport .pwa-card-action-accent[href*="/pdf/"],
    html.pwa-mobile-viewport button[onclick*="print"] {
        border-color: #1f4a70 !important;
        background: #1f4a70 !important;
        color: #ffffff !important;
        box-shadow: 0 20px 38px -28px rgba(31, 74, 112, 0.82) !important;
    }

    html.pwa-mobile-viewport a[href*="export/excel"],
    html.pwa-mobile-viewport a[href*="/excel/"],
    html.pwa-mobile-viewport button[name="export"][value="excel"],
    html.pwa-mobile-viewport button[formaction*="excel"] {
        border-color: rgba(15, 118, 110, 0.22) !important;
        background: #f0fdfa !important;
        color: #0f766e !important;
        box-shadow: 0 16px 32px -28px rgba(15, 118, 110, 0.45) !important;
    }

    html.pwa-mobile-viewport a[href*="/reporte/"]:not([href*="/pdf/"]),
    html.pwa-mobile-viewport a[title*="Reporte HTML"],
    html.pwa-mobile-viewport a[aria-label*="Reporte HTML"] {
        border-color: rgba(31, 74, 112, 0.18) !important;
        background: #f8fafc !important;
        color: #1f4a70 !important;
        box-shadow: 0 14px 28px -26px rgba(15, 23, 42, 0.48) !important;
    }

    html.pwa-mobile-viewport .pwa-card-actions a[href*="/reporte/"],
    html.pwa-mobile-viewport .pwa-card-actions a[href*="/pdf/"],
    html.pwa-mobile-viewport .pwa-card-actions a[href*="/imprimir/"],
    html.pwa-mobile-viewport .pwa-card-actions button[onclick*="print"],
    html.pwa-mobile-viewport a[title*="Reporte HTML"],
    html.pwa-mobile-viewport a[title*="Reporte PDF"],
    html.pwa-mobile-viewport a[title*="Reimprimir"] {
        min-width: 2.75rem !important;
        min-height: 2.75rem !important;
        border-radius: 0.95rem !important;
    }

    html.pwa-mobile-viewport .pwa-report-screen .app-module-header > div:last-child:not(:first-child) > a[href*="/pdf/"],
    html.pwa-mobile-viewport .pwa-report-screen .app-module-header > div:last-child:not(:first-child) > a[href*="export/pdf"] {
        border-color: #1f4a70 !important;
        background: #1f4a70 !important;
        color: #ffffff !important;
    }

    html.pwa-mobile-viewport .report-sheet > .no-print button,
    html.pwa-mobile-viewport .report-sheet > .print\:hidden button,
    html.pwa-mobile-viewport .report-sheet > div:first-child:has(button[onclick*="print"]) button {
        border-color: #1f4a70 !important;
        background: #1f4a70 !important;
        color: #ffffff !important;
    }

    html.pwa-mobile-viewport a[href*="/reporte/"] svg,
    html.pwa-mobile-viewport a[href*="/pdf/"] svg,
    html.pwa-mobile-viewport a[href*="/imprimir/"] svg,
    html.pwa-mobile-viewport a[href*="export/pdf"] svg,
    html.pwa-mobile-viewport a[href*="export/excel"] svg,
    html.pwa-mobile-viewport button[onclick*="print"] svg {
        stroke: currentColor !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        padding: 0 0 calc(var(--pwa-tabbar-height, 4rem) + 1rem) !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen > .no-print {
        position: sticky !important;
        top: var(--pwa-mobile-header-offset, 0px) !important;
        z-index: 42 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 0.5rem !important;
        width: 100% !important;
        margin: 0 !important;
        border-bottom: 1px solid var(--pwa-line) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: calc(0.55rem + env(safe-area-inset-top)) 0.7rem 0.62rem !important;
        box-shadow: 0 18px 34px -30px rgba(15, 23, 42, 0.42) !important;
        backdrop-filter: blur(16px) !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen > .no-print a,
    html.pwa-mobile-viewport .pwa-document-report-screen > .no-print button {
        display: inline-flex !important;
        min-width: 0 !important;
        min-height: 2.75rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.95rem !important;
        padding: 0 0.75rem !important;
        font-size: 0.78rem !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen > .no-print a:first-child {
        width: 2.75rem !important;
        min-width: 2.75rem !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: var(--pwa-primary) !important;
        font-size: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen > .no-print a:first-child svg,
    html.pwa-mobile-viewport .pwa-document-report-screen > .no-print a:first-child .feather {
        width: 1.1rem !important;
        height: 1.1rem !important;
        margin: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen > .no-print button {
        border-color: var(--pwa-primary) !important;
        background: var(--pwa-primary) !important;
        color: #ffffff !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen > .no-print a[href*="pdf"] {
        border-color: var(--pwa-line-strong) !important;
        background: #ffffff !important;
        color: var(--pwa-primary) !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen > .rounded-2xl {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 0.9rem !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen .grid {
        min-width: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen .rounded-xl {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen .text-right {
        text-align: left !important;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen .overflow-x-auto {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    html.pwa-mobile-viewport .pwa-document-report-screen table {
        min-width: 42rem !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen,
    html.pwa-mobile-viewport .pwa-settings-form-page {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        padding-top: 0 !important;
        padding-inline: 0.9rem !important;
        padding-bottom: calc(var(--pwa-tabbar-height, 4rem) + 1.35rem) !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header {
        position: relative;
        display: flex !important;
        min-height: min(43svh, 20.5rem) !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 0.85rem !important;
        margin-inline: -0.9rem !important;
        margin-bottom: 0 !important;
        overflow: hidden;
        border: 0 !important;
        border-radius: 0 !important;
        background:
            radial-gradient(circle at 12% 8%, rgba(125, 211, 252, 0.18), transparent 34%),
            linear-gradient(135deg, var(--pwa-hero-start) 0%, var(--pwa-hero-mid) 48%, var(--pwa-hero-end) 100%) !important;
        padding: calc(var(--pwa-mobile-header-height) + 1.45rem) 1.05rem calc(var(--pwa-hero-wave-height) + 1.1rem) !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header::after,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header::after {
        content: "";
        position: absolute;
        right: -8%;
        bottom: -1px;
        left: -8%;
        z-index: 0;
        height: var(--pwa-hero-wave-height);
        background: var(--pwa-bg);
        clip-path: ellipse(62% 47% at 50% 100%);
        transform: translateY(31%);
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header > *,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header > * {
        position: relative;
        z-index: 1;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header h1,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header h1 {
        max-width: 18.5rem !important;
        margin: 0 !important;
        color: #ffffff !important;
        font-family: 'Sora', 'Manrope', sans-serif !important;
        font-size: clamp(1.65rem, 8vw, 2.05rem) !important;
        font-weight: 900 !important;
        line-height: 0.98 !important;
        letter-spacing: -0.04em !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header h1::before,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header h1::before {
        content: "Ventas";
        display: block;
        margin-bottom: 0.35rem;
        color: rgba(255, 255, 255, 0.78);
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.22em;
        line-height: 1;
        text-transform: uppercase;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page .app-module-header h1::before {
        content: "Sistema fiscal";
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page .app-module-header {
        min-height: min(40svh, 18.5rem) !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page .app-module-header h1 {
        max-width: 16.5rem !important;
        font-size: clamp(1.5rem, 7.4vw, 1.9rem) !important;
        line-height: 1.02 !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page .app-module-header p {
        max-width: 16.8rem !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .app-module-header {
        min-height: min(34svh, 16.5rem) !important;
        padding-bottom: calc(var(--pwa-hero-wave-height) + 0.25rem) !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .app-module-header h1 {
        max-width: 17.5rem !important;
        font-size: clamp(1.45rem, 7.2vw, 1.82rem) !important;
        line-height: 1.02 !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .app-module-header p {
        max-width: 17.2rem !important;
        font-size: 0.86rem !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header p,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header p {
        max-width: 18rem !important;
        margin-top: 0.42rem !important;
        color: rgba(255, 255, 255, 0.86) !important;
        font-size: 0.92rem !important;
        line-height: 1.34 !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header > div:last-child:not(:first-child),
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header > div:last-child:not(:first-child) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.58rem !important;
        width: 100% !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header > div:last-child:not(:first-child) > a,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header > div:last-child:not(:first-child) > a {
        display: inline-flex !important;
        min-height: 2.8rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.42) !important;
        border-radius: 1rem !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 0.8rem !important;
        color: var(--pwa-primary) !important;
        font-size: 0.78rem !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
        text-align: center !important;
        box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.45) !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header .app-module-create-button {
        grid-column: 1 / -1;
        width: 100% !important;
        min-height: 3.05rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.62rem !important;
        border-color: rgba(255, 255, 255, 0.18) !important;
        background: rgba(255, 255, 255, 0.98) !important;
        color: var(--pwa-primary) !important;
        font-size: 0.88rem !important;
        font-weight: 950 !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header .app-module-create-button > .sr-only {
        display: none !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header .app-module-create-button::after {
        content: none !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header .app-module-create-button svg,
    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header .app-module-create-button .feather {
        position: static !important;
        display: block !important;
        width: 1.08rem !important;
        height: 1.08rem !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        color: currentColor !important;
        transform: none !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header .app-module-create-button .app-module-create-button-label {
        display: inline-flex !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: min(14rem, calc(100vw - 8rem)) !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        color: currentColor !important;
        font-size: 0.88rem !important;
        font-weight: 950 !important;
        line-height: 1.08 !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header .pwa-form-back-button {
        position: absolute !important;
        top: calc(var(--pwa-mobile-header-height) + 5.35rem) !important;
        right: 1rem !important;
        display: inline-flex !important;
        width: 2.85rem !important;
        min-width: 2.85rem !important;
        height: 2.85rem !important;
        min-height: 2.85rem !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, 0.56) !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        padding: 0 !important;
        color: var(--pwa-primary) !important;
        box-shadow: 0 18px 32px -24px rgba(15, 23, 42, 0.45) !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header .pwa-form-back-label {
        display: none !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header .pwa-form-back-icon,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header .pwa-form-back-button svg {
        width: 1.15rem !important;
        height: 1.15rem !important;
        margin: 0 !important;
        stroke-width: 2.25 !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .app-module-header + *,
    html.pwa-mobile-viewport .pwa-settings-form-page .app-module-header + *,
    html.pwa-mobile-viewport .pwa-settings-form-page .mb-4 {
        position: relative;
        z-index: 2;
        margin-top: var(--pwa-content-overlap) !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen > .overflow-hidden.rounded-2xl,
    html.pwa-mobile-viewport .pwa-settings-form-page > .rounded-2xl {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-settings-screen > .overflow-hidden.rounded-2xl > .border-b {
        margin-bottom: 0.76rem !important;
        border: 0 !important;
        border-radius: 1.18rem !important;
        background: rgba(255, 255, 255, 0.92) !important;
        padding: 0.72rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-inline-filter-form {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 0.5rem !important;
        align-items: end !important;
    }

    html.pwa-mobile-viewport .pwa-inline-filter-form label {
        grid-column: 1 / -1;
        margin: 0 !important;
        color: var(--pwa-faint) !important;
        font-size: 0.66rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.14em !important;
    }

    html.pwa-mobile-viewport .pwa-inline-filter-form select {
        width: 100% !important;
        min-height: 3rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0 0.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 780 !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-inline-filter-form button {
        min-height: 3rem !important;
        border: 0 !important;
        border-radius: 1rem !important;
        background: var(--pwa-action-primary) !important;
        padding: 0 0.95rem !important;
        color: #ffffff !important;
        font-size: 0.78rem !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-config-card {
        display: grid !important;
        gap: 0.9rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.2rem !important;
        background: #ffffff !important;
        padding: 0.9rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-config-card-head {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: start;
        gap: 0.68rem;
        min-width: 0;
    }

    html.pwa-mobile-viewport .pwa-card-icon {
        display: inline-flex;
        width: 2.45rem;
        height: 2.45rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.95rem;
        background: var(--pwa-primary-soft);
        color: var(--pwa-primary);
    }

    html.pwa-mobile-viewport .pwa-card-eyebrow {
        margin: 0 0 0.1rem !important;
        color: var(--pwa-faint) !important;
        font-size: 0.65rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.1em !important;
        line-height: 1.12 !important;
        text-transform: uppercase;
    }

    html.pwa-mobile-viewport .pwa-config-card h3 {
        overflow-wrap: anywhere;
        color: var(--pwa-text) !important;
        font-size: 0.98rem !important;
        font-weight: 900 !important;
        line-height: 1.18 !important;
    }

    html.pwa-mobile-viewport .pwa-config-facts {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    html.pwa-mobile-viewport .pwa-config-facts p {
        min-width: 0;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 0.95rem;
        background: #fbfdfc;
        padding: 0.66rem 0.72rem;
    }

    html.pwa-mobile-viewport .pwa-config-facts span {
        display: block;
        color: var(--pwa-faint);
        font-size: 0.62rem;
        font-weight: 900;
        letter-spacing: 0.11em;
        line-height: 1.1;
        text-transform: uppercase;
    }

    html.pwa-mobile-viewport .pwa-config-facts strong {
        display: block;
        overflow: hidden;
        margin-top: 0.18rem;
        color: var(--pwa-text);
        font-size: 0.8rem;
        font-weight: 900;
        line-height: 1.2;
        overflow-wrap: anywhere;
        text-overflow: ellipsis;
    }

    html.pwa-mobile-viewport .pwa-settings-screen .pwa-card-actions a,
    html.pwa-mobile-viewport .pwa-settings-screen .pwa-card-actions button,
    html.pwa-mobile-viewport .pwa-settings-screen .pwa-card-actions span {
        min-height: 2.85rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.98rem !important;
        font-size: 0.74rem !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 0.82rem !important;
        padding-bottom: calc(var(--pwa-tabbar-height, 4rem) + 1rem) !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form > *,
    html.pwa-mobile-viewport .pwa-settings-form-page form > * > *,
    html.pwa-mobile-viewport .pwa-settings-form-page form > * > * > * {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form > .grid,
    html.pwa-mobile-viewport .pwa-settings-form-page form > section,
    html.pwa-mobile-viewport .pwa-settings-form-page form > .rounded-xl {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.2rem !important;
        background: #ffffff !important;
        padding: 0.9rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form > section {
        display: grid !important;
        gap: 0.84rem !important;
        padding: 1rem !important;
    }

    html.pwa-mobile-viewport .pwa-collapsible-section {
        overflow: hidden !important;
        transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
    }

    html.pwa-mobile-viewport .pwa-collapsible-section-title {
        margin: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-collapsible-section-toggle {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 0.7rem !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        color: var(--pwa-text) !important;
        text-align: left !important;
    }

    html.pwa-mobile-viewport .pwa-collapsible-section-label {
        overflow: hidden !important;
        color: var(--pwa-text) !important;
        font-size: 0.78rem !important;
        font-weight: 950 !important;
        letter-spacing: 0.14em !important;
        line-height: 1.16 !important;
        text-overflow: ellipsis !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    html.pwa-mobile-viewport .pwa-collapsible-section-icon {
        display: inline-flex !important;
        width: 2rem !important;
        height: 2rem !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: var(--pwa-primary-soft) !important;
        color: var(--pwa-primary) !important;
        padding: 0.48rem !important;
        transition: transform 220ms ease;
    }

    html.pwa-mobile-viewport .pwa-collapsible-section:not(.is-collapsed) .pwa-collapsible-section-icon {
        transform: rotate(180deg);
    }

    html.pwa-mobile-viewport .pwa-collapsible-section-body {
        display: grid !important;
        gap: 0.78rem !important;
        padding-top: 0.85rem !important;
        animation: pwa-enter-up 260ms ease both;
    }

    html.pwa-mobile-viewport .pwa-collapsible-section.is-collapsed {
        box-shadow: 0 14px 28px -28px rgba(15, 23, 42, 0.28) !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form > section > p:first-child {
        margin: 0 !important;
        color: var(--pwa-faint) !important;
        font-size: 0.68rem !important;
        font-weight: 950 !important;
        letter-spacing: 0.16em !important;
        line-height: 1.14 !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form > section > .grid,
    html.pwa-mobile-viewport .pwa-sifen-form-page form > section .grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.78rem !important;
        min-width: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form > section > .flex.items-center,
    html.pwa-mobile-viewport .pwa-sifen-form-page form .space-y-3 > .flex.items-center,
    html.pwa-mobile-viewport .pwa-sifen-form-page form label.flex.items-center {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 0.72rem !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0.78rem 0.86rem !important;
        color: var(--pwa-text) !important;
        box-shadow: 0 14px 26px -24px rgba(15, 23, 42, 0.28) !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form > section > .flex.items-center label,
    html.pwa-mobile-viewport .pwa-sifen-form-page form .space-y-3 > .flex.items-center label,
    html.pwa-mobile-viewport .pwa-sifen-form-page form label.flex.items-center {
        min-width: 0 !important;
        margin: 0 !important;
        color: var(--pwa-text) !important;
        font-size: 0.82rem !important;
        font-weight: 850 !important;
        line-height: 1.18 !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form > section > .flex.items-center + p,
    html.pwa-mobile-viewport .pwa-sifen-form-page form .space-y-3 > .flex.items-center + p {
        margin: -0.42rem 0 0 !important;
        color: var(--pwa-muted) !important;
        font-size: 0.72rem !important;
        line-height: 1.32 !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form input[type="file"] {
        height: auto !important;
        min-height: 3.35rem !important;
        padding: 0.78rem !important;
        font-size: 0.82rem !important;
        font-weight: 760 !important;
        line-height: 1.25 !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form input[type="file"]::file-selector-button {
        min-height: 2.35rem;
        margin-right: 0.72rem;
        border: 0;
        border-radius: 0.76rem;
        background: var(--pwa-primary);
        padding: 0 0.82rem;
        color: #ffffff;
        font-size: 0.78rem;
        font-weight: 900;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form code {
        max-width: 100%;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form .rounded-xl.border-amber-200,
    html.pwa-mobile-viewport .pwa-sifen-form-page form .rounded-xl.border-emerald-200,
    html.pwa-mobile-viewport .pwa-sifen-form-page form .rounded-xl.border-rose-200,
    html.pwa-mobile-viewport .pwa-sifen-form-page > .mb-4 {
        border-radius: 1rem !important;
        padding: 0.86rem !important;
        font-size: 0.8rem !important;
        line-height: 1.32 !important;
        box-shadow: 0 16px 30px -28px rgba(15, 23, 42, 0.25) !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form > .grid:last-child {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.64rem !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0.2rem 0 0 !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page form > .grid:last-child button {
        width: 100% !important;
        min-height: 3.25rem !important;
        border-radius: 1rem !important;
        font-size: 0.88rem !important;
        font-weight: 950 !important;
    }

    html.pwa-mobile-viewport .pwa-sifen-form-page #test-sifen-connection {
        border: 1px solid var(--pwa-line-strong) !important;
        background: #ffffff !important;
        color: var(--pwa-primary) !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form > .grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.78rem !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form label {
        color: #667085 !important;
        font-size: 0.74rem !important;
        font-weight: 850 !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form input:not([type="checkbox"]):not([type="radio"]),
    html.pwa-mobile-viewport .pwa-settings-form-page form select,
    html.pwa-mobile-viewport .pwa-settings-form-page form textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        min-height: 3.15rem !important;
        border: 1px solid var(--pwa-line-strong) !important;
        border-radius: 1rem !important;
        background: #ffffff !important;
        padding: 0 0.9rem !important;
        color: var(--pwa-text) !important;
        font-size: 16px !important;
        font-weight: 760 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form textarea {
        min-height: 7.5rem !important;
        padding-block: 0.85rem !important;
        line-height: 1.35 !important;
        resize: vertical;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #id_description {
        min-height: 6.25rem !important;
        overflow-wrap: anywhere !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form input[type="checkbox"],
    html.pwa-mobile-viewport .pwa-settings-form-page form input[type="radio"] {
        width: 1.12rem !important;
        min-width: 1.12rem !important;
        height: 1.12rem !important;
        min-height: 1.12rem !important;
        border-color: var(--pwa-line-strong) !important;
        border-radius: 0.32rem !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form button[type="submit"],
    html.pwa-mobile-viewport .pwa-settings-form-page form button#test-sifen-connection,
    html.pwa-mobile-viewport .pwa-settings-form-page form a[href] {
        min-height: 3.15rem !important;
        border-radius: 1rem !important;
        font-size: 0.86rem !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-settings-form-page form button[type="submit"] {
        border: 0 !important;
        background: var(--pwa-action-primary) !important;
        color: #ffffff !important;
        box-shadow: var(--pwa-button-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #preview-ticket-editor-panel,
    html.pwa-mobile-viewport .pwa-report-layout-form-page #preview-invoice-editor-panel {
        overflow: hidden !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .pwa-report-layout-designer {
        position: relative !important;
        display: grid !important;
        gap: 0.78rem !important;
        overflow: hidden !important;
        border: 1px solid var(--pwa-line) !important;
        border-radius: 1.2rem !important;
        background: #ffffff !important;
        padding: 0.92rem !important;
        box-shadow: var(--pwa-shadow) !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .pwa-report-layout-designer > .flex:first-child {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.64rem !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .pwa-report-layout-designer #preview-editor-title {
        color: var(--pwa-text) !important;
        font-size: 0.78rem !important;
        font-weight: 950 !important;
        letter-spacing: 0.14em !important;
        line-height: 1.12 !important;
        text-transform: uppercase !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .pwa-report-layout-designer #preview-size-label {
        width: 100% !important;
        justify-content: center !important;
        border-radius: 0.86rem !important;
        background: var(--pwa-primary-soft) !important;
        color: var(--pwa-primary) !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .pwa-report-layout-designer #preview-reset-layout,
    html.pwa-mobile-viewport .pwa-report-layout-form-page .pwa-report-layout-designer #preview-apply-standard-factura {
        min-height: 2.72rem !important;
        border-radius: 0.92rem !important;
        font-size: 0.76rem !important;
        font-weight: 900 !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .pwa-report-layout-designer #preview-editor-help {
        color: var(--pwa-muted) !important;
        font-size: 0.74rem !important;
        line-height: 1.36 !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page .pwa-report-layout-designer #preview-editor-tip {
        border-color: var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #f8fafc !important;
        color: var(--pwa-muted) !important;
        font-size: 0.74rem !important;
        line-height: 1.36 !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #report-layout-form > .rounded-xl,
    html.pwa-mobile-viewport .pwa-report-layout-form-page #report-layout-form > .grid {
        padding: 0.82rem !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #report-layout-form h2,
    html.pwa-mobile-viewport .pwa-report-layout-form-page #report-layout-form h3,
    html.pwa-mobile-viewport .pwa-report-layout-form-page #report-layout-form p[class*="uppercase"] {
        color: var(--pwa-text) !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #report-layout-form .flex.flex-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.5rem !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #report-layout-form .flex.flex-wrap > * {
        width: 100% !important;
        justify-content: center !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #preview-editor-tip,
    html.pwa-mobile-viewport .pwa-report-layout-form-page #preview-editor-help {
        color: #475467 !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page [data-preview-sheet] {
        max-width: 100% !important;
        transform-origin: top left;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #layout-preview-invoice-sheet {
        transform: scale(0.34);
        margin-bottom: -68%;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #preview-ticket-editor-panel,
    html.pwa-mobile-viewport .pwa-report-layout-form-page #preview-invoice-editor-panel {
        border-color: var(--pwa-line) !important;
        border-radius: 1rem !important;
        background: #f8fafc !important;
        padding: 0.78rem !important;
        box-shadow: none !important;
    }

    html.pwa-mobile-viewport .pwa-report-layout-form-page #preview-ticket-editor-panel .overflow-auto,
    html.pwa-mobile-viewport .pwa-report-layout-form-page #preview-invoice-editor-panel .overflow-auto {
        max-height: 22rem !important;
        border-radius: 0.9rem !important;
        -webkit-overflow-scrolling: touch;
    }

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

@media (min-width: 768px) {
    .pwa-module-screen,
    .pwa-sales-screen {
        display: none !important;
    }
}