/* Premier Accounting: the single maintained application stylesheet.
   Shared foundations, isolated page layouts, expense workspace, login, navigation and date controls.
   Zero-specificity roots retain each page cascade. */
/* ==============================
   GLOBAL RESET
============================== */
:where(html[data-system-base="true"]):is(*),
:where(html[data-system-base="true"]) :is(*){
    box-sizing: border-box;
}

:where(html[data-system-base="true"]):is(body),
:where(html[data-system-base="true"]) :is(body){
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #f4f6f8;
    color: #111827;
}

/* ==============================
   TOP BAR
============================== */
:where(html[data-system-base="true"]):is(.topbar),
:where(html[data-system-base="true"]) :is(.topbar){
    height: 60px;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

:where(html[data-system-base="true"]):is(.topbar-left),
:where(html[data-system-base="true"]) :is(.topbar-left),
:where(html[data-system-base="true"]):is(.topbar-center),
:where(html[data-system-base="true"]) :is(.topbar-center),
:where(html[data-system-base="true"]):is(.topbar-right),
:where(html[data-system-base="true"]) :is(.topbar-right){
    display: flex;
    align-items: center;
    gap: 14px;
}

:where(html[data-system-base="true"]):is(.topbar a),
:where(html[data-system-base="true"]) :is(.topbar a){
    text-decoration: none;
    font-weight: 600;
}

/* Logo + name */
:where(html[data-system-base="true"]):is(.logo),
:where(html[data-system-base="true"]) :is(.logo){
    height: 34px;
    width: auto;
}

:where(html[data-system-base="true"]):is(.system-name),
:where(html[data-system-base="true"]) :is(.system-name){
    font-weight: 700;
    font-size: 16px;
    color: #0f172a;
}

/* ==============================
   TOP BAR RIGHT (LANG + LOGOUT)
============================== */
:where(html[data-system-base="true"]):is(.topbar-right),
:where(html[data-system-base="true"]) :is(.topbar-right){
    min-width: max-content;
}

:where(html[data-system-base="true"]):is(.topbar-right a),
:where(html[data-system-base="true"]) :is(.topbar-right a){
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
}

/* Language buttons */
:where(html[data-system-base="true"]):is(.topbar-right a.lang-switch),
:where(html[data-system-base="true"]) :is(.topbar-right a.lang-switch){
    background: #e5e7eb;
    color: #111827;
}

:where(html[data-system-base="true"]):is(.topbar-right a.lang-switch:hover),
:where(html[data-system-base="true"]) :is(.topbar-right a.lang-switch:hover){
    background: #d1d5db;
}

/* Logout */
:where(html[data-system-base="true"]):is(.topbar-right a.logout),
:where(html[data-system-base="true"]) :is(.topbar-right a.logout){
    background: #2563eb;
    color: #ffffff;
}

:where(html[data-system-base="true"]):is(.topbar-right a.logout:hover),
:where(html[data-system-base="true"]) :is(.topbar-right a.logout:hover){
    background: #1d4ed8;
}

:where(html[data-system-base="true"]):is(.topbar-right a.active-lang),
:where(html[data-system-base="true"]) :is(.topbar-right a.active-lang){
    background: #2563eb;
    color: #ffffff;
}


/* ==============================
   SIDEBAR (DARK BLUE)
============================== */
:where(html[data-system-base="true"]):is(.sidebar),
:where(html[data-system-base="true"]) :is(.sidebar){
    width: 240px;
    background: #0f172a;
    position: fixed;
    top: 60px;
    bottom: 0;
    overflow-y: auto;
}

:where(html[data-system-base="true"]):is(.sidebar-header),
:where(html[data-system-base="true"]) :is(.sidebar-header){
    padding: 20px;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* ==============================
   MENU
============================== */
:where(html[data-system-base="true"]):is(.menu),
:where(html[data-system-base="true"]) :is(.menu){
    list-style: none;
    padding: 12px 0;
    margin: 0;
}

:where(html[data-system-base="true"]):is(.menu-item a),
:where(html[data-system-base="true"]) :is(.menu-item a),
:where(html[data-system-base="true"]):is(.menu-group > span),
:where(html[data-system-base="true"]) :is(.menu-group > span){
    display: block;
    padding: 12px 18px;
}

:where(html[data-system-base="true"]):is(.menu-item a),
:where(html[data-system-base="true"]) :is(.menu-item a){
    text-decoration: none;
    color: #cbd5f5;
    border-radius: 6px;
    margin: 4px 10px;
    transition: background 0.2s ease;
}

:where(html[data-system-base="true"]):is(.menu-group > span),
:where(html[data-system-base="true"]) :is(.menu-group > span){
    font-size: 12px;
    text-transform: uppercase;
    color: #94a3b8;
    margin-top: 16px;
}

/* Sub menu */
:where(html[data-system-base="true"]):is(.menu-group ul),
:where(html[data-system-base="true"]) :is(.menu-group ul){
    list-style: none;
    padding: 0;
}

:where(html[data-system-base="true"]):is(.menu-group ul li a),
:where(html[data-system-base="true"]) :is(.menu-group ul li a){
    display: block;
    padding: 10px 34px;
    margin: 4px 10px;
    text-decoration: none;
    color: #cbd5f5;
    font-size: 14px;
    border-radius: 6px;
}

/* Hover */
:where(html[data-system-base="true"]):is(.menu a:hover),
:where(html[data-system-base="true"]) :is(.menu a:hover){
    background: rgba(255,255,255,0.08);
}

/* Active */
:where(html[data-system-base="true"]):is(.menu a.active),
:where(html[data-system-base="true"]) :is(.menu a.active){
    background: #2563eb;
    color: #ffffff;
}

/* ==============================
   CONTENT AREA
============================== */
:where(html[data-system-base="true"]):is(.content),
:where(html[data-system-base="true"]) :is(.content){
    margin-top: 60px;
    margin-left: 240px;
    padding: 30px;
    background: #f4f6f8;
    min-height: calc(100vh - 60px);
}

:where(html[data-system-base="true"]):is(.content h1),
:where(html[data-system-base="true"]) :is(.content h1),
:where(html[data-system-base="true"]):is(.content h2),
:where(html[data-system-base="true"]) :is(.content h2){
    margin-bottom: 12px;
}

:where(html[data-system-base="true"]):is(.content p),
:where(html[data-system-base="true"]) :is(.content p){
    color: #6b7280;
}

/* ==============================
   CARDS
============================== */
:where(html[data-system-base="true"]):is(.card),
:where(html[data-system-base="true"]) :is(.card){
    background: #ffffff;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

:where(html[data-system-base="true"]):is(.card + .card),
:where(html[data-system-base="true"]) :is(.card + .card){
    margin-top: 20px;
}

/* ==============================
   BUTTONS
============================== */
:where(html[data-system-base="true"]):is(.btn),
:where(html[data-system-base="true"]) :is(.btn){
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
    text-decoration: none;
}

/* Primary */
:where(html[data-system-base="true"]):is(.btn-primary),
:where(html[data-system-base="true"]) :is(.btn-primary){
    background: #2563eb;
    color: #ffffff;
}

:where(html[data-system-base="true"]):is(.btn-primary:hover),
:where(html[data-system-base="true"]) :is(.btn-primary:hover){
    background: #1d4ed8;
}

/* Secondary */
:where(html[data-system-base="true"]):is(.btn-secondary),
:where(html[data-system-base="true"]) :is(.btn-secondary){
    background: #e5e7eb;
    color: #111827;
}

:where(html[data-system-base="true"]):is(.btn-secondary:hover),
:where(html[data-system-base="true"]) :is(.btn-secondary:hover){
    background: #d1d5db;
}

/* Danger */
:where(html[data-system-base="true"]):is(.btn-danger),
:where(html[data-system-base="true"]) :is(.btn-danger){
    background: #dc2626;
    color: #ffffff;
}

:where(html[data-system-base="true"]):is(.btn-danger:hover),
:where(html[data-system-base="true"]) :is(.btn-danger:hover){
    background: #b91c1c;
}

/* Disabled */
:where(html[data-system-base="true"]):is(.btn:disabled),
:where(html[data-system-base="true"]) :is(.btn:disabled),
:where(html[data-system-base="true"]):is(.btn.disabled),
:where(html[data-system-base="true"]) :is(.btn.disabled){
    opacity: 0.5;
    cursor: not-allowed;
}

/* ==============================
   FORMS
============================== */
:where(html[data-system-base="true"]):is(label),
:where(html[data-system-base="true"]) :is(label){
    display: block;
    margin-top: 14px;
    font-weight: 600;
}

:where(html[data-system-base="true"]):is(input),
:where(html[data-system-base="true"]) :is(input),
:where(html[data-system-base="true"]):is(select),
:where(html[data-system-base="true"]) :is(select){
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    font-size: 14px;
}

:where(html[data-system-base="true"]):is(input:focus),
:where(html[data-system-base="true"]) :is(input:focus),
:where(html[data-system-base="true"]):is(select:focus),
:where(html[data-system-base="true"]) :is(select:focus){
    outline: none;
    border-color: #2563eb;
}

/* ==============================
   TABLE SYSTEM (ACCOUNTING)
============================== */
:where(html[data-system-base="true"]):is(.table-wrap),
:where(html[data-system-base="true"]) :is(.table-wrap){
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
}

:where(html[data-system-base="true"]):is(table),
:where(html[data-system-base="true"]) :is(table){
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

:where(html[data-system-base="true"]):is(thead),
:where(html[data-system-base="true"]) :is(thead){
    background: #f1f5f9;
}

:where(html[data-system-base="true"]):is(thead th),
:where(html[data-system-base="true"]) :is(thead th){
    padding: 14px 12px;
    text-align: left;
    font-weight: 700;
    color: #0f172a;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

:where(html[data-system-base="true"]):is(tbody td),
:where(html[data-system-base="true"]) :is(tbody td){
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
    color: #111827;
}

:where(html[data-system-base="true"]):is(tbody tr:nth-child(even)),
:where(html[data-system-base="true"]) :is(tbody tr:nth-child(even)){
    background: #fafafa;
}

:where(html[data-system-base="true"]):is(tbody tr:hover),
:where(html[data-system-base="true"]) :is(tbody tr:hover){
    background: #eef2ff;
}

/* Numbers */
:where(html[data-system-base="true"]):is(td.num),
:where(html[data-system-base="true"]) :is(td.num),
:where(html[data-system-base="true"]):is(th.num),
:where(html[data-system-base="true"]) :is(th.num){
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Badges */
:where(html[data-system-base="true"]):is(.badge),
:where(html[data-system-base="true"]) :is(.badge){
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 999px;
}

:where(html[data-system-base="true"]):is(.badge-success),
:where(html[data-system-base="true"]) :is(.badge-success){
    background: #dcfce7;
    color: #166534;
}

:where(html[data-system-base="true"]):is(.badge-warning),
:where(html[data-system-base="true"]) :is(.badge-warning){
    background: #fef9c3;
    color: #854d0e;
}

:where(html[data-system-base="true"]):is(.badge-danger),
:where(html[data-system-base="true"]) :is(.badge-danger){
    background: #fee2e2;
    color: #991b1b;
}

/* Table actions */
:where(html[data-system-base="true"]):is(.table-actions),
:where(html[data-system-base="true"]) :is(.table-actions){
    display: flex;
    gap: 8px;
}

/* ==============================
   RTL SUPPORT
============================== */
:where(html[data-system-base="true"]):is(html[dir="rtl"] body),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] body){
    direction: rtl;
}

:where(html[data-system-base="true"]):is(html[dir="rtl"] .sidebar),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .sidebar){
    right: 0;
    left: auto;
}

:where(html[data-system-base="true"]):is(html[dir="rtl"] .content),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .content){
    margin-right: 240px;
    margin-left: 0;
}

:where(html[data-system-base="true"]):is(html[dir="rtl"] .menu-group ul li a),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .menu-group ul li a){
    padding-right: 34px;
    padding-left: 18px;
}

:where(html[data-system-base="true"]):is(html[dir="rtl"] .topbar),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .topbar){
    flex-direction: row-reverse;
}

:where(html[data-system-base="true"]):is(html[dir="rtl"] .topbar-right),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .topbar-right){
    flex-direction: row-reverse;
}

/* ==============================
   COLLAPSIBLE SIDEBAR MENUS
============================== */

/* Hidden by default */
:where(html[data-system-base="true"]):is(.menu-group .submenu),
:where(html[data-system-base="true"]) :is(.menu-group .submenu){
    display: none;
}

/* Show when parent is open */
:where(html[data-system-base="true"]):is(.menu-group.open .submenu),
:where(html[data-system-base="true"]) :is(.menu-group.open .submenu){
    display: block;
}

/* Toggle cursor */
:where(html[data-system-base="true"]):is(.menu-toggle),
:where(html[data-system-base="true"]) :is(.menu-toggle){
    cursor: pointer;
    position: relative;
}

/* Arrow */
:where(html[data-system-base="true"]):is(.menu-toggle)::after,
:where(html[data-system-base="true"]) :is(.menu-toggle)::after{
    content: "▸";
    position: absolute;
    right: 18px;
    font-size: 12px;
    transition: transform 0.2s ease;
}

/* Rotate arrow when open */
:where(html[data-system-base="true"]):is(.menu-group.open .menu-toggle)::after,
:where(html[data-system-base="true"]) :is(.menu-group.open .menu-toggle)::after{
    transform: rotate(90deg);
}

/* RTL */
:where(html[data-system-base="true"]):is(html[dir="rtl"] .menu-toggle)::after,
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .menu-toggle)::after{
    right: auto;
    left: 18px;
}

/* ===============================
   TOPBAR LOGO FIX
================================ */
:where(html[data-system-base="true"]):is(.topbar .logo img),
:where(html[data-system-base="true"]) :is(.topbar .logo img){
    max-height: 38px;     /* fits inside 60px topbar */
    width: auto;
    display: block;
    object-fit: contain;
}

/* === DASHBOARD LOGO SIZE FIX (ONLY) === */
:where(html[data-system-base="true"]):is(.topbar .logo img),
:where(html[data-system-base="true"]) :is(.topbar .logo img){
    max-height: 36px;   /* fits perfectly inside 60px topbar */
    width: auto;
    display: block;
}
/* === FORCE LOGO TO LEFT (LTR & RTL) === */
:where(html[data-system-base="true"]):is(.topbar),
:where(html[data-system-base="true"]) :is(.topbar){
    flex-direction: row;
}

:where(html[data-system-base="true"]):is(html[dir="rtl"] .topbar),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .topbar){
    flex-direction: row;
}

:where(html[data-system-base="true"]):is(.topbar-left),
:where(html[data-system-base="true"]) :is(.topbar-left){
    order: 1;
}

:where(html[data-system-base="true"]):is(.topbar-center),
:where(html[data-system-base="true"]) :is(.topbar-center){
    order: 2;
    margin-right: auto; /* pushes logo to the left */
}

:where(html[data-system-base="true"]):is(.topbar-right),
:where(html[data-system-base="true"]) :is(.topbar-right){
    order: 3;
}

/* ===============================
   BUTTON ENHANCEMENTS
================================ */

/* Base button */
:where(html[data-system-base="true"]):is(button),
:where(html[data-system-base="true"]) :is(button),
:where(html[data-system-base="true"]):is(.btn),
:where(html[data-system-base="true"]) :is(.btn){
    padding: 10px 16px;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

/* Primary (Add / Create) */
:where(html[data-system-base="true"]):is(button[name^="add"]),
:where(html[data-system-base="true"]) :is(button[name^="add"]),
:where(html[data-system-base="true"]):is(.btn-primary),
:where(html[data-system-base="true"]) :is(.btn-primary){
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #fff;
}

:where(html[data-system-base="true"]):is(button[name^="add"]:hover),
:where(html[data-system-base="true"]) :is(button[name^="add"]:hover),
:where(html[data-system-base="true"]):is(.btn-primary:hover),
:where(html[data-system-base="true"]) :is(.btn-primary:hover){
    background: linear-gradient(135deg, #4338ca, #4f46e5);
}

/* Success (Save / Update) */
:where(html[data-system-base="true"]):is(button[name^="update"]),
:where(html[data-system-base="true"]) :is(button[name^="update"]),
:where(html[data-system-base="true"]):is(.btn-success),
:where(html[data-system-base="true"]) :is(.btn-success){
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #fff;
}

:where(html[data-system-base="true"]):is(button[name^="update"]:hover),
:where(html[data-system-base="true"]) :is(button[name^="update"]:hover),
:where(html[data-system-base="true"]):is(.btn-success:hover),
:where(html[data-system-base="true"]) :is(.btn-success:hover){
    background: linear-gradient(135deg, #15803d, #16a34a);
}

/* Secondary / Neutral */
:where(html[data-system-base="true"]):is(.btn-secondary),
:where(html[data-system-base="true"]) :is(.btn-secondary){
    background: #64748b;
    color: #fff;
}

:where(html[data-system-base="true"]):is(.btn-secondary:hover),
:where(html[data-system-base="true"]) :is(.btn-secondary:hover){
    background: #475569;
}

/* Disabled */
:where(html[data-system-base="true"]):is(button:disabled),
:where(html[data-system-base="true"]) :is(button:disabled){
    background: #cbd5e1;
    cursor: not-allowed;
}

/* Small buttons (tables) */
:where(html[data-system-base="true"]):is(button.btn-sm),
:where(html[data-system-base="true"]) :is(button.btn-sm){
    padding: 6px 12px;
    font-size: 0.85rem;
}

/* ===============================
   TABLE ENHANCEMENTS
================================ */

:where(html[data-system-base="true"]):is(.table),
:where(html[data-system-base="true"]) :is(.table){
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

:where(html[data-system-base="true"]):is(.table thead),
:where(html[data-system-base="true"]) :is(.table thead){
    background: linear-gradient(135deg, #1e293b, #334155);
    color: #ffffff;
}

:where(html[data-system-base="true"]):is(.table thead th),
:where(html[data-system-base="true"]) :is(.table thead th){
    padding: 14px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
}

:where(html[data-system-base="true"]):is(.table tbody td),
:where(html[data-system-base="true"]) :is(.table tbody td){
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.9rem;
}

:where(html[data-system-base="true"]):is(.table tbody tr:nth-child(even)),
:where(html[data-system-base="true"]) :is(.table tbody tr:nth-child(even)){
    background: #f8fafc;
}

:where(html[data-system-base="true"]):is(.table tbody tr:hover),
:where(html[data-system-base="true"]) :is(.table tbody tr:hover){
    background: #eef2ff;
    transition: background 0.15s ease-in-out;
}

/* Inputs inside tables */
:where(html[data-system-base="true"]):is(.table input),
:where(html[data-system-base="true"]) :is(.table input),
:where(html[data-system-base="true"]):is(.table select),
:where(html[data-system-base="true"]) :is(.table select){
    width: 100%;
    padding: 6px 8px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    font-size: 0.85rem;
}

/* RTL alignment */
:where(html[data-system-base="true"]):is([dir="rtl"] .table thead th),
:where(html[data-system-base="true"]) :is([dir="rtl"] .table thead th),
:where(html[data-system-base="true"]):is([dir="rtl"] .table tbody td),
:where(html[data-system-base="true"]) :is([dir="rtl"] .table tbody td){
    text-align: right;
}
/* ===============================
   TABLE ENHANCEMENTS
================================ */

:where(html[data-system-base="true"]):is(.table),
:where(html[data-system-base="true"]) :is(.table){
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

:where(html[data-system-base="true"]):is(.table thead),
:where(html[data-system-base="true"]) :is(.table thead){
    background: linear-gradient(135deg, #1e293b, #334155);
    color: #ffffff;
}

:where(html[data-system-base="true"]):is(.table thead th),
:where(html[data-system-base="true"]) :is(.table thead th){
    padding: 14px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
}

:where(html[data-system-base="true"]):is(.table tbody td),
:where(html[data-system-base="true"]) :is(.table tbody td){
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.9rem;
}

:where(html[data-system-base="true"]):is(.table tbody tr:nth-child(even)),
:where(html[data-system-base="true"]) :is(.table tbody tr:nth-child(even)){
    background: #f8fafc;
}

:where(html[data-system-base="true"]):is(.table tbody tr:hover),
:where(html[data-system-base="true"]) :is(.table tbody tr:hover){
    background: #eef2ff;
    transition: background 0.15s ease-in-out;
}

/* Inputs inside tables */
:where(html[data-system-base="true"]):is(.table input),
:where(html[data-system-base="true"]) :is(.table input),
:where(html[data-system-base="true"]):is(.table select),
:where(html[data-system-base="true"]) :is(.table select){
    width: 100%;
    padding: 6px 8px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    font-size: 0.85rem;
}

/* RTL alignment */
:where(html[data-system-base="true"]):is([dir="rtl"] .table thead th),
:where(html[data-system-base="true"]) :is([dir="rtl"] .table thead th),
:where(html[data-system-base="true"]):is([dir="rtl"] .table tbody td),
:where(html[data-system-base="true"]) :is([dir="rtl"] .table tbody td){
    text-align: right;
}


/* ===============================
   CARD POLISH (PREMIUM FEEL)
================================ */

:where(html[data-system-base="true"]):is(.card),
:where(html[data-system-base="true"]) :is(.card){
    background: #ffffff;
    border-radius: 14px;
    padding: 20px 22px;
    margin-bottom: 20px;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.04),
        0 6px 18px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

/* Subtle lift on hover (desktop only) */
@media (hover: hover) {
    :where(html[data-system-base="true"]):is(.card:hover),
:where(html[data-system-base="true"]) :is(.card:hover){
        transform: translateY(-2px);
        box-shadow:
            0 4px 12px rgba(0, 0, 0, 0.08),
            0 12px 28px rgba(0, 0, 0, 0.10);
    }
}

/* Card titles */
:where(html[data-system-base="true"]):is(.card h1),
:where(html[data-system-base="true"]) :is(.card h1),
:where(html[data-system-base="true"]):is(.card h2),
:where(html[data-system-base="true"]) :is(.card h2),
:where(html[data-system-base="true"]):is(.card h3),
:where(html[data-system-base="true"]) :is(.card h3){
    margin-top: 0;
    margin-bottom: 14px;
    font-weight: 600;
    color: #0f172a;
}

/* Card separation when stacked */
:where(html[data-system-base="true"]):is(.card + .card),
:where(html[data-system-base="true"]) :is(.card + .card){
    margin-top: 16px;
}

/* RTL safety */
:where(html[data-system-base="true"]):is([dir="rtl"] .card),
:where(html[data-system-base="true"]) :is([dir="rtl"] .card){
    text-align: right;
}
/* ===============================
   TABLE HEADER COLOR FIX
================================ */

:where(html[data-system-base="true"]):is(.table thead th),
:where(html[data-system-base="true"]) :is(.table thead th){
    color: #ffffff !important;
}

/* ===============================
   STATUS BADGES
================================ */

:where(html[data-system-base="true"]):is(.status-badge),
:where(html[data-system-base="true"]) :is(.status-badge){
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

/* Active */
:where(html[data-system-base="true"]):is(.status-active),
:where(html[data-system-base="true"]) :is(.status-active){
    background: #dcfce7;
    color: #166534;
}

/* Disabled */
:where(html[data-system-base="true"]):is(.status-disabled),
:where(html[data-system-base="true"]) :is(.status-disabled){
    background: #fee2e2;
    color: #991b1b;
}

/* RTL spacing */
:where(html[data-system-base="true"]):is([dir="rtl"] .status-badge),
:where(html[data-system-base="true"]) :is([dir="rtl"] .status-badge){
    direction: rtl;
}

:where(html[data-system-base="true"]):is(body.rtl .actions),
:where(html[data-system-base="true"]) :is(body.rtl .actions){
    flex-direction: row-reverse;
}

:where(html[data-system-base="true"]):is(body.rtl table th),
:where(html[data-system-base="true"]) :is(body.rtl table th),
:where(html[data-system-base="true"]):is(body.rtl table td),
:where(html[data-system-base="true"]) :is(body.rtl table td){
    text-align: right;
}

:where(html[data-system-base="true"]):is(body.rtl .actions),
:where(html[data-system-base="true"]) :is(body.rtl .actions){
    flex-direction: row-reverse;
}

:where(html[data-system-base="true"]):is(body.rtl table th),
:where(html[data-system-base="true"]) :is(body.rtl table th),
:where(html[data-system-base="true"]):is(body.rtl table td),
:where(html[data-system-base="true"]) :is(body.rtl table td){
    text-align: right;
}

/* ACTION BUTTON GROUP */
:where(html[data-system-base="true"]):is(.actions),
:where(html[data-system-base="true"]) :is(.actions){
    display: flex;
    gap: 6px;
    align-items: center;
}

/* LTR default */
:where(html[data-system-base="true"]):is(body.ltr .actions),
:where(html[data-system-base="true"]) :is(body.ltr .actions){
    flex-direction: row;
    justify-content: flex-start;
}

/* RTL fix */
:where(html[data-system-base="true"]):is(body.rtl .actions),
:where(html[data-system-base="true"]) :is(body.rtl .actions){
    flex-direction: row-reverse;
    justify-content: flex-end;
}

/* Keep buttons same size */
:where(html[data-system-base="true"]):is(.actions form),
:where(html[data-system-base="true"]) :is(.actions form){
    margin: 0;
}

/* Prevent wrapping */
:where(html[data-system-base="true"]):is(.actions button),
:where(html[data-system-base="true"]) :is(.actions button){
    white-space: nowrap;
}

/* ===============================
   INVENTORY TOP MENU (TABS)
================================ */

:where(html[data-system-base="true"]):is(.inventory-tabs),
:where(html[data-system-base="true"]) :is(.inventory-tabs){
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Button look */
:where(html[data-system-base="true"]):is(.inventory-tabs .tab-btn),
:where(html[data-system-base="true"]) :is(.inventory-tabs .tab-btn){
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 16px;
    min-height: 36px;

    background: #f4f6f8;
    border: 1px solid #d0d7de;
    border-radius: 6px;

    font-weight: 600;
    text-decoration: none;
    color: #333;

    transition: all 0.15s ease-in-out;
}

/* Hover */
:where(html[data-system-base="true"]):is(.inventory-tabs .tab-btn:hover),
:where(html[data-system-base="true"]) :is(.inventory-tabs .tab-btn:hover){
    background: #e9eef3;
}

/* Active = SAME AS SYSTEM BUTTONS */
:where(html[data-system-base="true"]):is(.inventory-tabs .tab-btn.active),
:where(html[data-system-base="true"]) :is(.inventory-tabs .tab-btn.active){
    background: #2563eb;      /* same primary */
    border-color: #2563eb;
    color: #fff;
}

/* RTL handling */
:where(html[data-system-base="true"]):is(body.rtl .inventory-tabs),
:where(html[data-system-base="true"]) :is(body.rtl .inventory-tabs){
    flex-direction: row-reverse;
}


/* ===============================
   TABLE ALIGNMENT FIX
================================ */

:where(html[data-system-base="true"]):is(table),
:where(html[data-system-base="true"]) :is(table){
    width: 100%;
    border-collapse: collapse;
}

:where(html[data-system-base="true"]):is(table th),
:where(html[data-system-base="true"]) :is(table th),
:where(html[data-system-base="true"]):is(table td),
:where(html[data-system-base="true"]) :is(table td){
    padding: 8px 10px;
    vertical-align: middle;
}

/* LTR alignment */
:where(html[data-system-base="true"]):is(body.ltr table th),
:where(html[data-system-base="true"]) :is(body.ltr table th),
:where(html[data-system-base="true"]):is(body.ltr table td),
:where(html[data-system-base="true"]) :is(body.ltr table td){
    text-align: left;
}

/* RTL alignment */
:where(html[data-system-base="true"]):is(body.rtl table th),
:where(html[data-system-base="true"]) :is(body.rtl table th),
:where(html[data-system-base="true"]):is(body.rtl table td),
:where(html[data-system-base="true"]) :is(body.rtl table td){
    text-align: right;
}

/* Keep status centered */
:where(html[data-system-base="true"]):is(table td .status),
:where(html[data-system-base="true"]) :is(table td .status){
    display: inline-block;
}

:where(html[data-system-base="true"]):is(.card.success),
:where(html[data-system-base="true"]) :is(.card.success){
    background: #dcfce7;
    border: 1px solid #22c55e;
    color: #166534;
}

/* ==============================
   MOBILE RESPONSIVE (≤ 768px)
   Sidebar = hidden off-canvas drawer.
   Hamburger button injected by mobile_nav.js
============================== */

/* ── Hamburger button — hidden on desktop, shown on mobile ── */
:where(html[data-system-base="true"]):is(.sidebar-toggle),
:where(html[data-system-base="true"]) :is(.sidebar-toggle){
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px 8px;
    margin-inline-end: 4px;
    border-radius: 6px;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
}
:where(html[data-system-base="true"]):is(.sidebar-toggle span),
:where(html[data-system-base="true"]) :is(.sidebar-toggle span){
    display: block;
    width: 22px;
    height: 2px;
    background: #0f172a;
    border-radius: 2px;
}

/* ── Overlay that dims the content when sidebar is open ── */
:where(html[data-system-base="true"]):is(.sidebar-overlay),
:where(html[data-system-base="true"]) :is(.sidebar-overlay){
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;   /* above content, below sidebar */
    top: 60px;       /* start below topbar */
}
:where(html[data-system-base="true"]):is(.sidebar-overlay.show),
:where(html[data-system-base="true"]) :is(.sidebar-overlay.show){ display: block; }

@media (max-width: 768px) {

    /* Show hamburger */
    :where(html[data-system-base="true"]):is(.sidebar-toggle),
:where(html[data-system-base="true"]) :is(.sidebar-toggle){
        display: inline-flex;
    }

    /* ── Sidebar: hidden off-canvas by default ── */
    /* Use transform instead of left/right — avoids RTL conflicts */
    :where(html[data-system-base="true"]):is(.sidebar),
:where(html[data-system-base="true"]) :is(.sidebar){
        position: fixed;
        top: 60px;
        bottom: 0;
        left: 0;                            /* anchored to left edge */
        width: 240px;
        z-index: 1002;                      /* above overlay */
        transform: translateX(-100%);       /* hidden: shifted left by its own width */
        transition: transform 0.25s ease;
        overflow-y: auto;
    }

    /* RTL: anchor to right, flip direction */
    :where(html[data-system-base="true"]):is(html[dir="rtl"] .sidebar),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .sidebar){
        left: auto;
        right: 0;
        transform: translateX(100%);        /* hidden: shifted right */
    }

    /* Open state: slide into view */
    :where(html[data-system-base="true"]):is(.sidebar.open),
:where(html[data-system-base="true"]) :is(.sidebar.open){
        transform: translateX(0);
    }
    :where(html[data-system-base="true"]):is(html[dir="rtl"] .sidebar.open),
:where(html[data-system-base="true"]) :is(html[dir="rtl"] .sidebar.open){
        transform: translateX(0);
    }

    /* ── Content: full width, no sidebar margin ── */
    :where(html[data-system-base="true"]):is(.content),
:where(html[data-system-base="true"]) :is(.content){
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 14px 12px !important;
    }

    /* ── Topbar ── */
    :where(html[data-system-base="true"]):is(.topbar),
:where(html[data-system-base="true"]) :is(.topbar){
        padding: 0 10px;
    }

    /* ── Tables: scroll horizontally ── */
    :where(html[data-system-base="true"]):is(.table-wrap),
:where(html[data-system-base="true"]) :is(.table-wrap),
:where(html[data-system-base="true"]):is(.tbl-wrap),
:where(html[data-system-base="true"]) :is(.tbl-wrap),
:where(html[data-system-base="true"]):is(.sx-table),
:where(html[data-system-base="true"]) :is(.sx-table),
:where(html[data-system-base="true"]):is(table.data),
:where(html[data-system-base="true"]) :is(table.data){
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: block;
        width: 100%;
    }

    /* ── Cards: compact ── */
    :where(html[data-system-base="true"]):is(.card),
:where(html[data-system-base="true"]) :is(.card){
        padding: 12px 12px;
        border-radius: 10px;
    }

    /* ── Hover lift off on mobile (no hover on touch) ── */
    :where(html[data-system-base="true"]):is(.card:hover),
:where(html[data-system-base="true"]) :is(.card:hover){
        transform: none;
        box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06);
    }
}

@media (max-width: 480px) {
    :where(html[data-system-base="true"]):is(.system-name),
:where(html[data-system-base="true"]) :is(.system-name){
        display: none;
    }
    :where(html[data-system-base="true"]):is(.content),
:where(html[data-system-base="true"]) :is(.content){
        padding: 8px 8px !important;
    }
}

/* ════════════════════════════════════════════
   MOBILE ENHANCEMENT LAYER — v4.1
   Appended to system.css so every page gets it
   Loaded automatically — no per-page link needed
════════════════════════════════════════════ */

/* ─── Tablet (≤1024px): table scroll + KPI wrapping ─── */
@media (max-width: 1024px) {

    /* Unblock horizontal scroll on all table wrappers */
    :where(html[data-system-base="true"]):is(.table-wrap),
:where(html[data-system-base="true"]) :is(.table-wrap),
:where(html[data-system-base="true"]):is(.tbl-wrap),
:where(html[data-system-base="true"]) :is(.tbl-wrap),
:where(html[data-system-base="true"]):is(.sx-table),
:where(html[data-system-base="true"]) :is(.sx-table),
:where(html[data-system-base="true"]):is(.month-table-wrap),
:where(html[data-system-base="true"]) :is(.month-table-wrap),
:where(html[data-system-base="true"]):is(.report-table-wrap),
:where(html[data-system-base="true"]) :is(.report-table-wrap),
:where(html[data-system-base="true"]):is([class*="table-wrap"]),
:where(html[data-system-base="true"]) :is([class*="table-wrap"]){
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Tables use auto layout and force min-width so columns don't squeeze */
    :where(html[data-system-base="true"]):is(.table-wrap table),
:where(html[data-system-base="true"]) :is(.table-wrap table),
:where(html[data-system-base="true"]):is(.tbl-wrap table),
:where(html[data-system-base="true"]) :is(.tbl-wrap table),
:where(html[data-system-base="true"]):is(.month-table-wrap table),
:where(html[data-system-base="true"]) :is(.month-table-wrap table),
:where(html[data-system-base="true"]):is(table.entry),
:where(html[data-system-base="true"]) :is(table.entry),
:where(html[data-system-base="true"]):is(table.data),
:where(html[data-system-base="true"]) :is(table.data),
:where(html[data-system-base="true"]):is(table.report),
:where(html[data-system-base="true"]) :is(table.report),
:where(html[data-system-base="true"]):is(table.log-table),
:where(html[data-system-base="true"]) :is(table.log-table){
        table-layout: auto !important;
        min-width: 720px !important;
    }

    /* Stop vertical character stacking — the "V i e w" / "Deta ils" bug */
    :where(html[data-system-base="true"]):is(table.entry th),
:where(html[data-system-base="true"]) :is(table.entry th),
:where(html[data-system-base="true"]):is(table.entry td),
:where(html[data-system-base="true"]) :is(table.entry td),
:where(html[data-system-base="true"]):is(table.data th),
:where(html[data-system-base="true"]) :is(table.data th),
:where(html[data-system-base="true"]):is(table.data td),
:where(html[data-system-base="true"]) :is(table.data td),
:where(html[data-system-base="true"]):is(.table-wrap th),
:where(html[data-system-base="true"]) :is(.table-wrap th),
:where(html[data-system-base="true"]):is(.table-wrap td),
:where(html[data-system-base="true"]) :is(.table-wrap td){
        word-break: normal !important;
        white-space: nowrap !important;
    }

    /* Exception: let designated wrap columns wrap naturally */
    :where(html[data-system-base="true"]):is(table td.wrap),
:where(html[data-system-base="true"]) :is(table td.wrap),
:where(html[data-system-base="true"]):is(table td.notes),
:where(html[data-system-base="true"]) :is(table td.notes),
:where(html[data-system-base="true"]):is(table td[class*="long-text"]),
:where(html[data-system-base="true"]) :is(table td[class*="long-text"]){
        white-space: normal !important;
        min-width: 180px !important;
    }

    /* KPI grid responsive */
    :where(html[data-system-base="true"]):is(.kpi-grid),
:where(html[data-system-base="true"]) :is(.kpi-grid),
:where(html[data-system-base="true"]):is(.kpi-row),
:where(html[data-system-base="true"]) :is(.kpi-row),
:where(html[data-system-base="true"]):is(.cards-grid),
:where(html[data-system-base="true"]) :is(.cards-grid),
:where(html[data-system-base="true"]):is(.stats-grid),
:where(html[data-system-base="true"]) :is(.stats-grid),
:where(html[data-system-base="true"]):is(.summary-cards),
:where(html[data-system-base="true"]) :is(.summary-cards){
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
        gap: 10px !important;
    }
}

/* ─── Phone (≤768px): compact layout ─── */
@media (max-width: 768px) {

    /* KPI cards: 2 columns max */
    :where(html[data-system-base="true"]):is(.kpi-grid),
:where(html[data-system-base="true"]) :is(.kpi-grid),
:where(html[data-system-base="true"]):is(.kpi-row),
:where(html[data-system-base="true"]) :is(.kpi-row),
:where(html[data-system-base="true"]):is(.cards-grid),
:where(html[data-system-base="true"]) :is(.cards-grid),
:where(html[data-system-base="true"]):is(.stats-grid),
:where(html[data-system-base="true"]) :is(.stats-grid),
:where(html[data-system-base="true"]):is(.summary-cards),
:where(html[data-system-base="true"]) :is(.summary-cards){
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    :where(html[data-system-base="true"]):is(.kpi-card),
:where(html[data-system-base="true"]) :is(.kpi-card),
:where(html[data-system-base="true"]):is([class*="kpi-card"]),
:where(html[data-system-base="true"]) :is([class*="kpi-card"]),
:where(html[data-system-base="true"]):is(.summary-card),
:where(html[data-system-base="true"]) :is(.summary-card){
        padding: 10px 12px !important;
    }
    :where(html[data-system-base="true"]):is(.kpi-card .num),
:where(html[data-system-base="true"]) :is(.kpi-card .num),
:where(html[data-system-base="true"]):is(.kpi-card .value),
:where(html[data-system-base="true"]) :is(.kpi-card .value),
:where(html[data-system-base="true"]):is([class*="kpi-card"] > .num),
:where(html[data-system-base="true"]) :is([class*="kpi-card"] > .num){
        font-size: 18px !important;
    }

    /* Toolbar / filter bars stack */
    :where(html[data-system-base="true"]):is(.toolbar),
:where(html[data-system-base="true"]) :is(.toolbar),
:where(html[data-system-base="true"]):is(.filter-bar),
:where(html[data-system-base="true"]) :is(.filter-bar),
:where(html[data-system-base="true"]):is(.filter-row),
:where(html[data-system-base="true"]) :is(.filter-row){
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    /* Period tabs (Today/Week/Month/Annual) — don't squish; wrap to 2 lines */
    :where(html[data-system-base="true"]):is(.period-tabs),
:where(html[data-system-base="true"]) :is(.period-tabs),
:where(html[data-system-base="true"]):is(.tabs-bar),
:where(html[data-system-base="true"]) :is(.tabs-bar),
:where(html[data-system-base="true"]):is([class*="period-tab"]),
:where(html[data-system-base="true"]) :is([class*="period-tab"]){
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
    :where(html[data-system-base="true"]):is(.period-tabs button),
:where(html[data-system-base="true"]) :is(.period-tabs button),
:where(html[data-system-base="true"]):is(.period-tabs .tab),
:where(html[data-system-base="true"]) :is(.period-tabs .tab),
:where(html[data-system-base="true"]):is(.tabs-bar button),
:where(html[data-system-base="true"]) :is(.tabs-bar button){
        flex: 1 1 calc(50% - 3px);
        min-width: 0 !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
    }

    /* Prevent iOS zoom on input focus */
    :where(html[data-system-base="true"]):is(input:not([type="checkbox"]):not([type="radio"])),
:where(html[data-system-base="true"]) :is(input:not([type="checkbox"]):not([type="radio"])),
:where(html[data-system-base="true"]):is(select),
:where(html[data-system-base="true"]) :is(select),
:where(html[data-system-base="true"]):is(textarea),
:where(html[data-system-base="true"]) :is(textarea){
        font-size: 16px !important;
    }

    /* Modals near-fullscreen */
    :where(html[data-system-base="true"]):is(.modal),
:where(html[data-system-base="true"]) :is(.modal),
:where(html[data-system-base="true"]):is(.modal-box),
:where(html[data-system-base="true"]) :is(.modal-box),
:where(html[data-system-base="true"]):is(#filterModal .mbox),
:where(html[data-system-base="true"]) :is(#filterModal .mbox),
:where(html[data-system-base="true"]):is([class*="modal-content"]),
:where(html[data-system-base="true"]) :is([class*="modal-content"]){
        width: 95% !important;
        max-width: 95% !important;
        max-height: 90vh !important;
    }

    /* Form grids single column */
    :where(html[data-system-base="true"]):is(.form-grid),
:where(html[data-system-base="true"]) :is(.form-grid),
:where(html[data-system-base="true"]):is(.form-row),
:where(html[data-system-base="true"]) :is(.form-row),
:where(html[data-system-base="true"]):is(.settings-grid),
:where(html[data-system-base="true"]) :is(.settings-grid){
        grid-template-columns: 1fr !important;
    }

    /* ─── SIDEBAR MENU — clean organized look ─── */
    :where(html[data-system-base="true"]):is(.sidebar),
:where(html[data-system-base="true"]) :is(.sidebar){
        background: #0f172a !important;
    }

    :where(html[data-system-base="true"]):is(.sidebar-header),
:where(html[data-system-base="true"]) :is(.sidebar-header){
        padding: 16px 18px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #fff !important;
        background: linear-gradient(135deg, #4338ca, #6366f1) !important;
        letter-spacing: 0.5px !important;
    }

    :where(html[data-system-base="true"]):is(.sidebar .menu),
:where(html[data-system-base="true"]) :is(.sidebar .menu){
        padding: 8px 0 60px 0 !important;
    }

    :where(html[data-system-base="true"]):is(.sidebar .menu > .menu-item > a),
:where(html[data-system-base="true"]) :is(.sidebar .menu > .menu-item > a){
        padding: 13px 20px !important;
        color: #e2e8f0 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        border-left: 3px solid transparent !important;
    }
    :where(html[data-system-base="true"]):is(.sidebar .menu > .menu-item > a:hover),
:where(html[data-system-base="true"]) :is(.sidebar .menu > .menu-item > a:hover),
:where(html[data-system-base="true"]):is(.sidebar .menu > .menu-item > a.active),
:where(html[data-system-base="true"]) :is(.sidebar .menu > .menu-item > a.active){
        background: rgba(99,102,241,0.15) !important;
        border-left-color: #6366f1 !important;
        color: #fff !important;
    }

    :where(html[data-system-base="true"]):is(.sidebar .menu-group > .menu-title),
:where(html[data-system-base="true"]) :is(.sidebar .menu-group > .menu-title){
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 13px 20px !important;
        color: #94a3b8 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        cursor: pointer !important;
    }
    :where(html[data-system-base="true"]):is(.sidebar .menu-group > .menu-title)::after,
:where(html[data-system-base="true"]) :is(.sidebar .menu-group > .menu-title)::after{
        content: "▸" !important;
        font-size: 10px !important;
        transition: transform 0.2s !important;
        color: #64748b !important;
    }
    :where(html[data-system-base="true"]):is(.sidebar .menu-group.open > .menu-title)::after,
:where(html[data-system-base="true"]) :is(.sidebar .menu-group.open > .menu-title)::after{
        transform: rotate(90deg) !important;
        color: #6366f1 !important;
    }

    :where(html[data-system-base="true"]):is(.sidebar .submenu),
:where(html[data-system-base="true"]) :is(.sidebar .submenu){
        background: rgba(0,0,0,0.15) !important;
        padding: 0 !important;
    }
    :where(html[data-system-base="true"]):is(.sidebar .submenu li a),
:where(html[data-system-base="true"]) :is(.sidebar .submenu li a){
        display: block !important;
        padding: 11px 20px 11px 36px !important;
        color: #cbd5e1 !important;
        font-size: 13px !important;
        border-left: 3px solid transparent !important;
    }
    :where(html[data-system-base="true"]):is([dir="rtl"] .sidebar .submenu li a),
:where(html[data-system-base="true"]) :is([dir="rtl"] .sidebar .submenu li a){
        padding: 11px 36px 11px 20px !important;
        border-left: 0 !important;
        border-right: 3px solid transparent !important;
    }
    :where(html[data-system-base="true"]):is(.sidebar .submenu li a:hover),
:where(html[data-system-base="true"]) :is(.sidebar .submenu li a:hover),
:where(html[data-system-base="true"]):is(.sidebar .submenu li a.active),
:where(html[data-system-base="true"]) :is(.sidebar .submenu li a.active){
        background: rgba(99,102,241,0.12) !important;
        border-left-color: #6366f1 !important;
        color: #fff !important;
    }
    :where(html[data-system-base="true"]):is([dir="rtl"] .sidebar .submenu li a:hover),
:where(html[data-system-base="true"]) :is([dir="rtl"] .sidebar .submenu li a:hover),
:where(html[data-system-base="true"]):is([dir="rtl"] .sidebar .submenu li a.active),
:where(html[data-system-base="true"]) :is([dir="rtl"] .sidebar .submenu li a.active){
        border-right-color: #6366f1 !important;
    }
}

/* ─── Small phone (≤480px) ─── */
@media (max-width: 480px) {
    :where(html[data-system-base="true"]):is(h1),
:where(html[data-system-base="true"]) :is(h1),
:where(html[data-system-base="true"]):is(.page-title),
:where(html[data-system-base="true"]) :is(.page-title){ font-size: 18px !important; }
    :where(html[data-system-base="true"]):is(h2),
:where(html[data-system-base="true"]) :is(h2),
:where(html[data-system-base="true"]):is(.section-title),
:where(html[data-system-base="true"]) :is(.section-title){ font-size: 14px !important; }
    :where(html[data-system-base="true"]):is(.card),
:where(html[data-system-base="true"]) :is(.card){ border-radius: 10px !important; padding: 12px !important; }

    :where(html[data-system-base="true"]):is(table th),
:where(html[data-system-base="true"]) :is(table th),
:where(html[data-system-base="true"]):is(table td),
:where(html[data-system-base="true"]) :is(table td){
        font-size: 11px !important;
        padding: 6px 8px !important;
    }
}

/* ─── Remove any legacy injected floating mobile button ─── */
:where(html[data-system-base="true"]):is(.mobile-menu-btn),
:where(html[data-system-base="true"]) :is(.mobile-menu-btn){ display: none !important; }

/* ─── Safe area for notched phones ─── */
@supports (padding: env(safe-area-inset-bottom)) {
    :where(html[data-system-base="true"]):is(body),
:where(html[data-system-base="true"]) :is(body){ padding-bottom: env(safe-area-inset-bottom); }
}

/* ─── Print ─── */
@media print {
    :where(html[data-system-base="true"]):is(.sidebar),
:where(html[data-system-base="true"]) :is(.sidebar),
:where(html[data-system-base="true"]):is(.topbar),
:where(html[data-system-base="true"]) :is(.topbar),
:where(html[data-system-base="true"]):is(.sidebar-overlay),
:where(html[data-system-base="true"]) :is(.sidebar-overlay),
:where(html[data-system-base="true"]):is(.sidebar-toggle),
:where(html[data-system-base="true"]) :is(.sidebar-toggle),
:where(html[data-system-base="true"]):is(.filter-bar),
:where(html[data-system-base="true"]) :is(.filter-bar),
:where(html[data-system-base="true"]):is(.filter-row),
:where(html[data-system-base="true"]) :is(.filter-row),
:where(html[data-system-base="true"]):is(.no-print),
:where(html[data-system-base="true"]) :is(.no-print),
:where(html[data-system-base="true"]):is(button:not(.print-keep)),
:where(html[data-system-base="true"]) :is(button:not(.print-keep)){
        display: none !important;
    }
    :where(html[data-system-base="true"]):is(.content),
:where(html[data-system-base="true"]) :is(.content),
:where(html[data-system-base="true"]):is(.main-content),
:where(html[data-system-base="true"]) :is(.main-content){
        margin: 0 !important;
        width: 100% !important;
    }
}

/* Page: admin/banks.php */

:where(html[data-style-page="admin-banks"]):is(.card),
:where(html[data-style-page="admin-banks"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:none;}
:where(html[data-style-page="admin-banks"]):is(body),
:where(html[data-style-page="admin-banks"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}

:where(html[data-style-page="admin-banks"]):is(.page-hd),
:where(html[data-style-page="admin-banks"]) :is(.page-hd){display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="admin-banks"]):is(.page-hd h2),
:where(html[data-style-page="admin-banks"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-banks"]):is(.page-hd .badge),
:where(html[data-style-page="admin-banks"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}

:where(html[data-style-page="admin-banks"]):is(.sec-header),
:where(html[data-style-page="admin-banks"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
:where(html[data-style-page="admin-banks"]):is(.sec-header h3),
:where(html[data-style-page="admin-banks"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-banks"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-banks"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}

:where(html[data-style-page="admin-banks"]):is(.add-form),
:where(html[data-style-page="admin-banks"]) :is(.add-form){display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:18px;}
:where(html[data-style-page="admin-banks"]):is(.add-form input),
:where(html[data-style-page="admin-banks"]) :is(.add-form input),
:where(html[data-style-page="admin-banks"]):is(.add-form select),
:where(html[data-style-page="admin-banks"]) :is(.add-form select){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;min-width:180px;}
:where(html[data-style-page="admin-banks"]):is(.add-form input:focus),
:where(html[data-style-page="admin-banks"]) :is(.add-form input:focus),
:where(html[data-style-page="admin-banks"]):is(.add-form select:focus),
:where(html[data-style-page="admin-banks"]) :is(.add-form select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}
:where(html[data-style-page="admin-banks"]):is(.add-form .field-grow),
:where(html[data-style-page="admin-banks"]) :is(.add-form .field-grow){flex:1 1 260px;min-width:220px;}
:where(html[data-style-page="admin-banks"]):is(.add-form .field-sm),
:where(html[data-style-page="admin-banks"]) :is(.add-form .field-sm){flex:0 0 120px;min-width:120px;max-width:120px;}

:where(html[data-style-page="admin-banks"]):is(.btn),
:where(html[data-style-page="admin-banks"]) :is(.btn){display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;}
:where(html[data-style-page="admin-banks"]):is(.btn:hover),
:where(html[data-style-page="admin-banks"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="admin-banks"]):is(.btn-primary),
:where(html[data-style-page="admin-banks"]) :is(.btn-primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="admin-banks"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-banks"]) :is(.btn-primary:hover){background:#dbeafe;}
:where(html[data-style-page="admin-banks"]):is(.btn-success),
:where(html[data-style-page="admin-banks"]) :is(.btn-success){border-color:#86efac;color:#166534;background:#f0fdf4;}
:where(html[data-style-page="admin-banks"]):is(.btn-success:hover),
:where(html[data-style-page="admin-banks"]) :is(.btn-success:hover){background:#dcfce7;}
:where(html[data-style-page="admin-banks"]):is(.btn-warning),
:where(html[data-style-page="admin-banks"]) :is(.btn-warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}
:where(html[data-style-page="admin-banks"]):is(.btn-warning:hover),
:where(html[data-style-page="admin-banks"]) :is(.btn-warning:hover){background:#fef9c3;}
:where(html[data-style-page="admin-banks"]):is(.btn-danger),
:where(html[data-style-page="admin-banks"]) :is(.btn-danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}
:where(html[data-style-page="admin-banks"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-banks"]) :is(.btn-danger:hover){background:#ffe4e6;}
:where(html[data-style-page="admin-banks"]):is(.btn-sm),
:where(html[data-style-page="admin-banks"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}

:where(html[data-style-page="admin-banks"]):is(.tbl-wrap),
:where(html[data-style-page="admin-banks"]) :is(.tbl-wrap){width:100%;overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}
:where(html[data-style-page="admin-banks"]):is(table.data),
:where(html[data-style-page="admin-banks"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;}
:where(html[data-style-page="admin-banks"]):is(table.data thead th),
:where(html[data-style-page="admin-banks"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="admin-banks"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-banks"]) :is(table.data tbody tr:hover td){background:#f8fbff;}
:where(html[data-style-page="admin-banks"]):is(table.data tbody td),
:where(html[data-style-page="admin-banks"]) :is(table.data tbody td){padding:18px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="admin-banks"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-banks"]) :is(table.data tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="admin-banks"]):is(table.data .actions),
:where(html[data-style-page="admin-banks"]) :is(table.data .actions){display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

:where(html[data-style-page="admin-banks"]):is(table.data input[type=text]),
:where(html[data-style-page="admin-banks"]) :is(table.data input[type=text]),
:where(html[data-style-page="admin-banks"]):is(table.data input[type=number]),
:where(html[data-style-page="admin-banks"]) :is(table.data input[type=number]),
:where(html[data-style-page="admin-banks"]):is(table.data select),
:where(html[data-style-page="admin-banks"]) :is(table.data select){
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding:10px 12px;
    border-radius:6px;
    border:1px solid #e2e8f0;
    font-size:12px;
    font-weight:700;
    background:#fff;
    color:#1e293b;
}
:where(html[data-style-page="admin-banks"]):is(table.data input:focus),
:where(html[data-style-page="admin-banks"]) :is(table.data input:focus),
:where(html[data-style-page="admin-banks"]):is(table.data select:focus),
:where(html[data-style-page="admin-banks"]) :is(table.data select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(147,197,253,.15);}
:where(html[data-style-page="admin-banks"]):is(table.data tbody tr.row-inactive td),
:where(html[data-style-page="admin-banks"]) :is(table.data tbody tr.row-inactive td){opacity:.55;}

:where(html[data-style-page="admin-banks"]):is(table.data th:nth-child(1)),
:where(html[data-style-page="admin-banks"]) :is(table.data th:nth-child(1)),
:where(html[data-style-page="admin-banks"]):is(table.data td:nth-child(1)),
:where(html[data-style-page="admin-banks"]) :is(table.data td:nth-child(1)){width:1%;}

:where(html[data-style-page="admin-banks"]):is(table.data th:nth-child(2)),
:where(html[data-style-page="admin-banks"]) :is(table.data th:nth-child(2)),
:where(html[data-style-page="admin-banks"]):is(table.data td:nth-child(2)),
:where(html[data-style-page="admin-banks"]) :is(table.data td:nth-child(2)){width:22%;}

:where(html[data-style-page="admin-banks"]):is(table.data th:nth-child(3)),
:where(html[data-style-page="admin-banks"]) :is(table.data th:nth-child(3)),
:where(html[data-style-page="admin-banks"]):is(table.data td:nth-child(3)),
:where(html[data-style-page="admin-banks"]) :is(table.data td:nth-child(3)){width:22%;}

:where(html[data-style-page="admin-banks"]):is(table.data th:nth-child(4)),
:where(html[data-style-page="admin-banks"]) :is(table.data th:nth-child(4)),
:where(html[data-style-page="admin-banks"]):is(table.data td:nth-child(4)),
:where(html[data-style-page="admin-banks"]) :is(table.data td:nth-child(4)){width:10%;}

:where(html[data-style-page="admin-banks"]):is(table.data th:nth-child(5)),
:where(html[data-style-page="admin-banks"]) :is(table.data th:nth-child(5)),
:where(html[data-style-page="admin-banks"]):is(table.data td:nth-child(5)),
:where(html[data-style-page="admin-banks"]) :is(table.data td:nth-child(5)){width:10%;}

:where(html[data-style-page="admin-banks"]):is(table.data th:nth-child(6)),
:where(html[data-style-page="admin-banks"]) :is(table.data th:nth-child(6)),
:where(html[data-style-page="admin-banks"]):is(table.data td:nth-child(6)),
:where(html[data-style-page="admin-banks"]) :is(table.data td:nth-child(6)){width:31%;}

:where(html[data-style-page="admin-banks"]):is(.flash-error),
:where(html[data-style-page="admin-banks"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-banks"]):is(.flash-success),
:where(html[data-style-page="admin-banks"]) :is(.flash-success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-banks"]):is(.note-box),
:where(html[data-style-page="admin-banks"]) :is(.note-box){background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:10px 14px;font-size:12px;color:#92400e;font-weight:600;margin-bottom:14px;}

@media (max-width: 1200px){
  :where(html[data-style-page="admin-banks"]):is(table.data),
:where(html[data-style-page="admin-banks"]) :is(table.data){table-layout:auto;min-width:1100px;}
}

/* Page: admin/branches.php */

:where(html[data-style-page="admin-branches"]):is(.card),
:where(html[data-style-page="admin-branches"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:none;}
:where(html[data-style-page="admin-branches"]):is(body),
:where(html[data-style-page="admin-branches"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}

:where(html[data-style-page="admin-branches"]):is(.page-hd),
:where(html[data-style-page="admin-branches"]) :is(.page-hd){display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="admin-branches"]):is(.page-hd h2),
:where(html[data-style-page="admin-branches"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-branches"]):is(.page-hd .badge),
:where(html[data-style-page="admin-branches"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}

:where(html[data-style-page="admin-branches"]):is(.sec-header),
:where(html[data-style-page="admin-branches"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;}
:where(html[data-style-page="admin-branches"]):is(.sec-header h3),
:where(html[data-style-page="admin-branches"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-branches"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-branches"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}

:where(html[data-style-page="admin-branches"]):is(.add-form),
:where(html[data-style-page="admin-branches"]) :is(.add-form){display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:18px;}
:where(html[data-style-page="admin-branches"]):is(.add-form input),
:where(html[data-style-page="admin-branches"]) :is(.add-form input){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;min-width:170px;flex:1 1 180px;}
:where(html[data-style-page="admin-branches"]):is(.add-form input:focus),
:where(html[data-style-page="admin-branches"]) :is(.add-form input:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}

:where(html[data-style-page="admin-branches"]):is(.btn),
:where(html[data-style-page="admin-branches"]) :is(.btn){display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;text-decoration:none;}
:where(html[data-style-page="admin-branches"]):is(.btn:hover),
:where(html[data-style-page="admin-branches"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="admin-branches"]):is(.btn-primary),
:where(html[data-style-page="admin-branches"]) :is(.btn-primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="admin-branches"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-branches"]) :is(.btn-primary:hover){background:#dbeafe;}
:where(html[data-style-page="admin-branches"]):is(.btn-success),
:where(html[data-style-page="admin-branches"]) :is(.btn-success){border-color:#86efac;color:#166534;background:#f0fdf4;}
:where(html[data-style-page="admin-branches"]):is(.btn-success:hover),
:where(html[data-style-page="admin-branches"]) :is(.btn-success:hover){background:#dcfce7;}
:where(html[data-style-page="admin-branches"]):is(.btn-warning),
:where(html[data-style-page="admin-branches"]) :is(.btn-warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}
:where(html[data-style-page="admin-branches"]):is(.btn-warning:hover),
:where(html[data-style-page="admin-branches"]) :is(.btn-warning:hover){background:#fef9c3;}
:where(html[data-style-page="admin-branches"]):is(.btn-danger),
:where(html[data-style-page="admin-branches"]) :is(.btn-danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}
:where(html[data-style-page="admin-branches"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-branches"]) :is(.btn-danger:hover){background:#ffe4e6;}
:where(html[data-style-page="admin-branches"]):is(.btn-sm),
:where(html[data-style-page="admin-branches"]) :is(.btn-sm){padding:4px 10px;font-size:11px;border-radius:6px;}

:where(html[data-style-page="admin-branches"]):is(.tbl-wrap),
:where(html[data-style-page="admin-branches"]) :is(.tbl-wrap){overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}
:where(html[data-style-page="admin-branches"]):is(table.data),
:where(html[data-style-page="admin-branches"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;}
:where(html[data-style-page="admin-branches"]):is(table.data thead th),
:where(html[data-style-page="admin-branches"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="admin-branches"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-branches"]) :is(table.data tbody tr:hover td){background:#f8fbff;}
:where(html[data-style-page="admin-branches"]):is(table.data tbody td),
:where(html[data-style-page="admin-branches"]) :is(table.data tbody td){padding:9px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="admin-branches"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-branches"]) :is(table.data tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="admin-branches"]):is(table.data tbody tr.row-inactive td),
:where(html[data-style-page="admin-branches"]) :is(table.data tbody tr.row-inactive td){opacity:.6;}

:where(html[data-style-page="admin-branches"]):is(table.data td.actions-cell),
:where(html[data-style-page="admin-branches"]) :is(table.data td.actions-cell),
:where(html[data-style-page="admin-branches"]):is(table.data th.actions-cell),
:where(html[data-style-page="admin-branches"]) :is(table.data th.actions-cell){white-space:nowrap;width:1%;}
:where(html[data-style-page="admin-branches"]):is(.actions),
:where(html[data-style-page="admin-branches"]) :is(.actions){display:flex;gap:6px;align-items:center;flex-wrap:nowrap;white-space:nowrap;}
:where(html[data-style-page="admin-branches"]):is(.actions form),
:where(html[data-style-page="admin-branches"]) :is(.actions form){margin:0;}
:where(html[data-style-page="admin-branches"]):is(.actions .btn),
:where(html[data-style-page="admin-branches"]) :is(.actions .btn){min-width:auto;}

:where(html[data-style-page="admin-branches"]):is(.flash-error),
:where(html[data-style-page="admin-branches"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-branches"]):is(.flash-success),
:where(html[data-style-page="admin-branches"]) :is(.flash-success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-branches"]):is(.note-box),
:where(html[data-style-page="admin-branches"]) :is(.note-box){background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:10px 14px;font-size:12px;color:#92400e;font-weight:600;margin-bottom:14px;}

@media (max-width: 900px){
    :where(html[data-style-page="admin-branches"]):is(.add-form input),
:where(html[data-style-page="admin-branches"]) :is(.add-form input){min-width:100%;}
}

/* Page: admin/date_format_status.php */

:where(html[data-style-page="admin-date-format-status"]):is(.status-wrap),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-wrap){max-width:850px;margin:30px auto;padding:0 18px}
:where(html[data-style-page="admin-date-format-status"]):is(.status-card),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-card){background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.08);margin-bottom:16px}
:where(html[data-style-page="admin-date-format-status"]):is(.status-grid),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
:where(html[data-style-page="admin-date-format-status"]):is(.status-item),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-item){background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}
:where(html[data-style-page="admin-date-format-status"]):is(.status-item span),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-item span){display:block;color:#64748b;font-size:12px;font-weight:700;margin-bottom:5px}
:where(html[data-style-page="admin-date-format-status"]):is(.status-item strong),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-item strong){overflow-wrap:anywhere}
:where(html[data-style-page="admin-date-format-status"]):is(.status-message),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-message){padding:12px 14px;border-radius:10px;margin-bottom:16px;font-weight:700}
:where(html[data-style-page="admin-date-format-status"]):is(.status-message.ok),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-message.ok){background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}
:where(html[data-style-page="admin-date-format-status"]):is(.status-message.error),
:where(html[data-style-page="admin-date-format-status"]) :is(.status-message.error){background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
:where(html[data-style-page="admin-date-format-status"]):is(.test-field),
:where(html[data-style-page="admin-date-format-status"]) :is(.test-field){max-width:420px}
:where(html[data-style-page="admin-date-format-status"]):is(.test-field input),
:where(html[data-style-page="admin-date-format-status"]) :is(.test-field input){width:100%;height:48px;border:1px solid #cbd5e1;border-radius:9px;padding:0 14px;font-size:17px}
:where(html[data-style-page="admin-date-format-status"]):is(.refresh-btn),
:where(html[data-style-page="admin-date-format-status"]) :is(.refresh-btn){border:0;border-radius:9px;background:#2563eb;color:#fff;padding:11px 17px;font-weight:800;cursor:pointer}

/* Page: admin/discount_types.php */

:where(html[data-style-page="admin-discount-types"]):is(.card),
:where(html[data-style-page="admin-discount-types"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:none;}:where(html[data-style-page="admin-discount-types"]):is(body),
:where(html[data-style-page="admin-discount-types"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}:where(html[data-style-page="admin-discount-types"]):is(.page-hd),
:where(html[data-style-page="admin-discount-types"]) :is(.page-hd){display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}:where(html[data-style-page="admin-discount-types"]):is(.page-hd h2),
:where(html[data-style-page="admin-discount-types"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}:where(html[data-style-page="admin-discount-types"]):is(.page-hd .badge),
:where(html[data-style-page="admin-discount-types"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}:where(html[data-style-page="admin-discount-types"]):is(.sec-header),
:where(html[data-style-page="admin-discount-types"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}:where(html[data-style-page="admin-discount-types"]):is(.sec-header h3),
:where(html[data-style-page="admin-discount-types"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}:where(html[data-style-page="admin-discount-types"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-discount-types"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}:where(html[data-style-page="admin-discount-types"]):is(.add-form),
:where(html[data-style-page="admin-discount-types"]) :is(.add-form){display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:18px;}:where(html[data-style-page="admin-discount-types"]):is(.add-form input),
:where(html[data-style-page="admin-discount-types"]) :is(.add-form input),
:where(html[data-style-page="admin-discount-types"]):is(.add-form select),
:where(html[data-style-page="admin-discount-types"]) :is(.add-form select){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;min-width:180px;}:where(html[data-style-page="admin-discount-types"]):is(.add-form input:focus),
:where(html[data-style-page="admin-discount-types"]) :is(.add-form input:focus),
:where(html[data-style-page="admin-discount-types"]):is(.add-form select:focus),
:where(html[data-style-page="admin-discount-types"]) :is(.add-form select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}:where(html[data-style-page="admin-discount-types"]):is(.add-form label),
:where(html[data-style-page="admin-discount-types"]) :is(.add-form label){display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#374151;cursor:pointer;}:where(html[data-style-page="admin-discount-types"]):is(.add-form label input[type=checkbox]),
:where(html[data-style-page="admin-discount-types"]) :is(.add-form label input[type=checkbox]){width:15px;height:15px;accent-color:#2563eb;}:where(html[data-style-page="admin-discount-types"]):is(.btn),
:where(html[data-style-page="admin-discount-types"]) :is(.btn){display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;}:where(html[data-style-page="admin-discount-types"]):is(.btn:hover),
:where(html[data-style-page="admin-discount-types"]) :is(.btn:hover){background:#f8fafc;}:where(html[data-style-page="admin-discount-types"]):is(.btn-primary),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}:where(html[data-style-page="admin-discount-types"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-primary:hover){background:#dbeafe;}:where(html[data-style-page="admin-discount-types"]):is(.btn-success),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-success){border-color:#86efac;color:#166534;background:#f0fdf4;}:where(html[data-style-page="admin-discount-types"]):is(.btn-success:hover),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-success:hover){background:#dcfce7;}:where(html[data-style-page="admin-discount-types"]):is(.btn-warning),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}:where(html[data-style-page="admin-discount-types"]):is(.btn-warning:hover),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-warning:hover){background:#fef9c3;}:where(html[data-style-page="admin-discount-types"]):is(.btn-danger),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}:where(html[data-style-page="admin-discount-types"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-danger:hover){background:#ffe4e6;}:where(html[data-style-page="admin-discount-types"]):is(.btn-sm),
:where(html[data-style-page="admin-discount-types"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}:where(html[data-style-page="admin-discount-types"]):is(.tbl-wrap),
:where(html[data-style-page="admin-discount-types"]) :is(.tbl-wrap){overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}:where(html[data-style-page="admin-discount-types"]):is(table.data),
:where(html[data-style-page="admin-discount-types"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;}:where(html[data-style-page="admin-discount-types"]):is(table.data thead th),
:where(html[data-style-page="admin-discount-types"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}:where(html[data-style-page="admin-discount-types"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-discount-types"]) :is(table.data tbody tr:hover td){background:#f8fbff;}:where(html[data-style-page="admin-discount-types"]):is(table.data tbody td),
:where(html[data-style-page="admin-discount-types"]) :is(table.data tbody td){padding:9px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}:where(html[data-style-page="admin-discount-types"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-discount-types"]) :is(table.data tbody tr:last-child td){border-bottom:none;}:where(html[data-style-page="admin-discount-types"]):is(table.data .actions),
:where(html[data-style-page="admin-discount-types"]) :is(table.data .actions){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}:where(html[data-style-page="admin-discount-types"]):is(table.data input[type=text]),
:where(html[data-style-page="admin-discount-types"]) :is(table.data input[type=text]),
:where(html[data-style-page="admin-discount-types"]):is(table.data select),
:where(html[data-style-page="admin-discount-types"]) :is(table.data select){padding:5px 9px;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;font-weight:600;background:#fff;color:#1e293b;max-width:300px;width:100%;}:where(html[data-style-page="admin-discount-types"]):is(table.data input[type=checkbox]),
:where(html[data-style-page="admin-discount-types"]) :is(table.data input[type=checkbox]){width:16px;height:16px;accent-color:#2563eb;}:where(html[data-style-page="admin-discount-types"]):is(table.data input:focus),
:where(html[data-style-page="admin-discount-types"]) :is(table.data input:focus),
:where(html[data-style-page="admin-discount-types"]):is(table.data select:focus),
:where(html[data-style-page="admin-discount-types"]) :is(table.data select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(147,197,253,.15);}:where(html[data-style-page="admin-discount-types"]):is(table.data tbody tr.row-inactive td),
:where(html[data-style-page="admin-discount-types"]) :is(table.data tbody tr.row-inactive td){opacity:.55;}:where(html[data-style-page="admin-discount-types"]):is(.flash-error),
:where(html[data-style-page="admin-discount-types"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}:where(html[data-style-page="admin-discount-types"]):is(.flash-success),
:where(html[data-style-page="admin-discount-types"]) :is(.flash-success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}:where(html[data-style-page="admin-discount-types"]):is(.note-box),
:where(html[data-style-page="admin-discount-types"]) :is(.note-box){background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:10px 14px;font-size:12px;color:#92400e;font-weight:600;margin-bottom:14px;}

/* Page: admin/expense_categories.php */

:where(html[data-style-page="admin-expense-categories"]):is(.card),
:where(html[data-style-page="admin-expense-categories"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:none;}
:where(html[data-style-page="admin-expense-categories"]):is(body),
:where(html[data-style-page="admin-expense-categories"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}

:where(html[data-style-page="admin-expense-categories"]):is(.page-hd),
:where(html[data-style-page="admin-expense-categories"]) :is(.page-hd){display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="admin-expense-categories"]):is(.page-hd h2),
:where(html[data-style-page="admin-expense-categories"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-expense-categories"]):is(.page-hd .badge),
:where(html[data-style-page="admin-expense-categories"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}

:where(html[data-style-page="admin-expense-categories"]):is(.sec-header),
:where(html[data-style-page="admin-expense-categories"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
:where(html[data-style-page="admin-expense-categories"]):is(.sec-header h3),
:where(html[data-style-page="admin-expense-categories"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-expense-categories"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-expense-categories"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}

:where(html[data-style-page="admin-expense-categories"]):is(.add-form),
:where(html[data-style-page="admin-expense-categories"]) :is(.add-form){display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:18px;}
:where(html[data-style-page="admin-expense-categories"]):is(.add-form input),
:where(html[data-style-page="admin-expense-categories"]) :is(.add-form input),
:where(html[data-style-page="admin-expense-categories"]):is(.add-form select),
:where(html[data-style-page="admin-expense-categories"]) :is(.add-form select){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;min-width:180px;}
:where(html[data-style-page="admin-expense-categories"]):is(.add-form input:focus),
:where(html[data-style-page="admin-expense-categories"]) :is(.add-form input:focus),
:where(html[data-style-page="admin-expense-categories"]):is(.add-form select:focus),
:where(html[data-style-page="admin-expense-categories"]) :is(.add-form select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}

:where(html[data-style-page="admin-expense-categories"]):is(.btn),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn){display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn:hover),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-primary),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-primary:hover){background:#dbeafe;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-success),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-success){border-color:#86efac;color:#166534;background:#f0fdf4;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-success:hover),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-success:hover){background:#dcfce7;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-warning),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-warning:hover),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-warning:hover){background:#fef9c3;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-danger),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-danger:hover){background:#ffe4e6;}
:where(html[data-style-page="admin-expense-categories"]):is(.btn-sm),
:where(html[data-style-page="admin-expense-categories"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}

:where(html[data-style-page="admin-expense-categories"]):is(.tbl-wrap),
:where(html[data-style-page="admin-expense-categories"]) :is(.tbl-wrap){overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}
:where(html[data-style-page="admin-expense-categories"]):is(table.data),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;}
:where(html[data-style-page="admin-expense-categories"]):is(table.data thead th),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="admin-expense-categories"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data tbody tr:hover td){background:#f8fbff;}
:where(html[data-style-page="admin-expense-categories"]):is(table.data tbody td),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data tbody td){padding:9px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="admin-expense-categories"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="admin-expense-categories"]):is(table.data .actions),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data .actions){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}

:where(html[data-style-page="admin-expense-categories"]):is(table.data input[type=text]),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data input[type=text]),
:where(html[data-style-page="admin-expense-categories"]):is(table.data select),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data select){
    padding:5px 9px;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;font-weight:600;
    background:#fff;color:#1e293b;max-width:220px;width:100%;
}
:where(html[data-style-page="admin-expense-categories"]):is(table.data input:focus),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data input:focus),
:where(html[data-style-page="admin-expense-categories"]):is(table.data select:focus),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(147,197,253,.15);}

:where(html[data-style-page="admin-expense-categories"]):is(table.data tbody tr.row-inactive td),
:where(html[data-style-page="admin-expense-categories"]) :is(table.data tbody tr.row-inactive td){opacity:.55;}

:where(html[data-style-page="admin-expense-categories"]):is(.flash-error),
:where(html[data-style-page="admin-expense-categories"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-expense-categories"]):is(.flash-success),
:where(html[data-style-page="admin-expense-categories"]) :is(.flash-success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}

:where(html[data-style-page="admin-expense-categories"]):is(.note-box),
:where(html[data-style-page="admin-expense-categories"]) :is(.note-box){background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:10px 14px;font-size:12px;color:#92400e;font-weight:600;margin-bottom:14px;}

/* Page: admin/fund_settlement.php */

  :where(html[data-style-page="admin-fund-settlement"]):is(.grid-2),
:where(html[data-style-page="admin-fund-settlement"]) :is(.grid-2){ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  :where(html[data-style-page="admin-fund-settlement"]):is(.grid-3),
:where(html[data-style-page="admin-fund-settlement"]) :is(.grid-3){ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  :where(html[data-style-page="admin-fund-settlement"]):is(.muted),
:where(html[data-style-page="admin-fund-settlement"]) :is(.muted){ opacity:.7; }
  :where(html[data-style-page="admin-fund-settlement"]):is(.btn-mini),
:where(html[data-style-page="admin-fund-settlement"]) :is(.btn-mini){ padding:8px 10px; border-radius:10px; border:1px solid #ddd; background:#fff; cursor:pointer; }

/* Page: admin/inventory.php */

:where(html[data-style-page="admin-inventory"]):is(body),
:where(html[data-style-page="admin-inventory"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}
:where(html[data-style-page="admin-inventory"]):is(.card),
:where(html[data-style-page="admin-inventory"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:none;}
:where(html[data-style-page="admin-inventory"]):is(.page-hd),
:where(html[data-style-page="admin-inventory"]) :is(.page-hd){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="admin-inventory"]):is(.page-hd h2),
:where(html[data-style-page="admin-inventory"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-inventory"]):is(.page-hd .badge),
:where(html[data-style-page="admin-inventory"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}
:where(html[data-style-page="admin-inventory"]):is(.tabs),
:where(html[data-style-page="admin-inventory"]) :is(.tabs){display:flex;gap:10px;flex-wrap:wrap;}
:where(html[data-style-page="admin-inventory"]):is(.tab-btn),
:where(html[data-style-page="admin-inventory"]) :is(.tab-btn){display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;text-decoration:none;color:#475569;font-weight:800;font-size:13px;}
:where(html[data-style-page="admin-inventory"]):is(.tab-btn.active),
:where(html[data-style-page="admin-inventory"]) :is(.tab-btn.active){border-color:#93c5fd;background:#eff6ff;color:#1d4ed8;}
:where(html[data-style-page="admin-inventory"]):is(.sec-header),
:where(html[data-style-page="admin-inventory"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
:where(html[data-style-page="admin-inventory"]):is(.sec-header h3),
:where(html[data-style-page="admin-inventory"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-inventory"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-inventory"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}
:where(html[data-style-page="admin-inventory"]):is(.add-form),
:where(html[data-style-page="admin-inventory"]) :is(.add-form){display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:18px;}
:where(html[data-style-page="admin-inventory"]):is(.grid-2),
:where(html[data-style-page="admin-inventory"]) :is(.grid-2),
:where(html[data-style-page="admin-inventory"]):is(.grid-3),
:where(html[data-style-page="admin-inventory"]) :is(.grid-3){display:grid;gap:12px;}
:where(html[data-style-page="admin-inventory"]):is(.grid-2),
:where(html[data-style-page="admin-inventory"]) :is(.grid-2){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
:where(html[data-style-page="admin-inventory"]):is(.grid-3),
:where(html[data-style-page="admin-inventory"]) :is(.grid-3){grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
:where(html[data-style-page="admin-inventory"]):is(.label),
:where(html[data-style-page="admin-inventory"]) :is(.label){display:block;margin-bottom:6px;font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.3px;}
:where(html[data-style-page="admin-inventory"]):is(input),
:where(html[data-style-page="admin-inventory"]) :is(input),
:where(html[data-style-page="admin-inventory"]):is(select),
:where(html[data-style-page="admin-inventory"]) :is(select){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;width:100%;box-sizing:border-box;}
:where(html[data-style-page="admin-inventory"]):is(input:focus),
:where(html[data-style-page="admin-inventory"]) :is(input:focus),
:where(html[data-style-page="admin-inventory"]):is(select:focus),
:where(html[data-style-page="admin-inventory"]) :is(select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}
:where(html[data-style-page="admin-inventory"]):is(.btn),
:where(html[data-style-page="admin-inventory"]) :is(.btn){display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;}
:where(html[data-style-page="admin-inventory"]):is(.btn:hover),
:where(html[data-style-page="admin-inventory"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="admin-inventory"]):is(.btn.primary),
:where(html[data-style-page="admin-inventory"]) :is(.btn.primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="admin-inventory"]):is(.btn.primary:hover),
:where(html[data-style-page="admin-inventory"]) :is(.btn.primary:hover){background:#dbeafe;}
:where(html[data-style-page="admin-inventory"]):is(.btn.success),
:where(html[data-style-page="admin-inventory"]) :is(.btn.success){border-color:#86efac;color:#166534;background:#f0fdf4;}
:where(html[data-style-page="admin-inventory"]):is(.btn.success:hover),
:where(html[data-style-page="admin-inventory"]) :is(.btn.success:hover){background:#dcfce7;}
:where(html[data-style-page="admin-inventory"]):is(.btn.warning),
:where(html[data-style-page="admin-inventory"]) :is(.btn.warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}
:where(html[data-style-page="admin-inventory"]):is(.btn.warning:hover),
:where(html[data-style-page="admin-inventory"]) :is(.btn.warning:hover){background:#fef9c3;}
:where(html[data-style-page="admin-inventory"]):is(.btn.danger),
:where(html[data-style-page="admin-inventory"]) :is(.btn.danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}
:where(html[data-style-page="admin-inventory"]):is(.btn.danger:hover),
:where(html[data-style-page="admin-inventory"]) :is(.btn.danger:hover){background:#ffe4e6;}
:where(html[data-style-page="admin-inventory"]):is(.tbl-wrap),
:where(html[data-style-page="admin-inventory"]) :is(.tbl-wrap){width:100%;overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}
:where(html[data-style-page="admin-inventory"]):is(table.data),
:where(html[data-style-page="admin-inventory"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;table-layout:auto;}
:where(html[data-style-page="admin-inventory"]):is(table.data thead th),
:where(html[data-style-page="admin-inventory"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="admin-inventory"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-inventory"]) :is(table.data tbody tr:hover td){background:#f8fbff;}
:where(html[data-style-page="admin-inventory"]):is(table.data tbody td),
:where(html[data-style-page="admin-inventory"]) :is(table.data tbody td){padding:10px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="admin-inventory"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-inventory"]) :is(table.data tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="admin-inventory"]):is(.actions),
:where(html[data-style-page="admin-inventory"]) :is(.actions){display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap;}
:where(html[data-style-page="admin-inventory"]):is(.actions .btn),
:where(html[data-style-page="admin-inventory"]) :is(.actions .btn){padding:4px 10px;font-size:11px;border-radius:6px;}
:where(html[data-style-page="admin-inventory"]):is(.status),
:where(html[data-style-page="admin-inventory"]) :is(.status){padding:3px 10px;border-radius:999px;font-weight:900;font-size:11px;display:inline-block;}
:where(html[data-style-page="admin-inventory"]):is(.status.enabled),
:where(html[data-style-page="admin-inventory"]) :is(.status.enabled){color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;}
:where(html[data-style-page="admin-inventory"]):is(.status.disabled),
:where(html[data-style-page="admin-inventory"]) :is(.status.disabled){color:#92400e;background:#fff7ed;border:1px solid #fed7aa;}
:where(html[data-style-page="admin-inventory"]):is(.flash-error),
:where(html[data-style-page="admin-inventory"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-inventory"]):is(.flash-dup),
:where(html[data-style-page="admin-inventory"]) :is(.flash-dup){background:#fffbeb;color:#92400e;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;display:flex;align-items:flex-start;gap:10px;}
:where(html[data-style-page="admin-inventory"]):is(.flash-dup)::before,
:where(html[data-style-page="admin-inventory"]) :is(.flash-dup)::before{content:'⚠';font-size:16px;flex-shrink:0;}
:where(html[data-style-page="admin-inventory"]):is(.flash-note),
:where(html[data-style-page="admin-inventory"]) :is(.flash-note){background:#fff7ed;color:#92400e;border:1px solid #fed7aa;border-radius:8px;padding:12px 16px;margin-top:12px;font-weight:700;font-size:12px;}
/* Real-time dup warning inline */
:where(html[data-style-page="admin-inventory"]):is(.dup-inline),
:where(html[data-style-page="admin-inventory"]) :is(.dup-inline){display:none;margin-top:5px;padding:6px 10px;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;font-size:11px;font-weight:700;color:#92400e;}
:where(html[data-style-page="admin-inventory"]):is(.dup-inline.show),
:where(html[data-style-page="admin-inventory"]) :is(.dup-inline.show){display:block;}
/* KPI row */
:where(html[data-style-page="admin-inventory"]):is(.kpi-row),
:where(html[data-style-page="admin-inventory"]) :is(.kpi-row){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;}
:where(html[data-style-page="admin-inventory"]):is(.kpi-card),
:where(html[data-style-page="admin-inventory"]) :is(.kpi-card){background:var(--kc,#f8fafc);border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px;position:relative;overflow:hidden;}
:where(html[data-style-page="admin-inventory"]):is(.kpi-card)::before,
:where(html[data-style-page="admin-inventory"]) :is(.kpi-card)::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--kb,#94a3b8);border-radius:12px 12px 0 0;}
:where(html[data-style-page="admin-inventory"]):is(.kpi-icon),
:where(html[data-style-page="admin-inventory"]) :is(.kpi-icon){font-size:22px;margin-bottom:6px;}
:where(html[data-style-page="admin-inventory"]):is(.kpi-num),
:where(html[data-style-page="admin-inventory"]) :is(.kpi-num){font-size:30px;font-weight:900;color:#0f172a;line-height:1;}
:where(html[data-style-page="admin-inventory"]):is(.kpi-lbl),
:where(html[data-style-page="admin-inventory"]) :is(.kpi-lbl){font-size:12px;font-weight:800;color:#475569;margin-top:4px;}
:where(html[data-style-page="admin-inventory"]):is(.kpi-sub),
:where(html[data-style-page="admin-inventory"]) :is(.kpi-sub){font-size:11px;color:#94a3b8;margin-top:2px;}
/* Report category blocks */
:where(html[data-style-page="admin-inventory"]):is(.rpt-cat-block),
:where(html[data-style-page="admin-inventory"]) :is(.rpt-cat-block){border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;overflow:hidden;}
:where(html[data-style-page="admin-inventory"]):is(.rpt-cat-hd),
:where(html[data-style-page="admin-inventory"]) :is(.rpt-cat-hd){display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:#f8fafc;gap:10px;user-select:none;transition:background .12s;}
:where(html[data-style-page="admin-inventory"]):is(.rpt-cat-hd:hover),
:where(html[data-style-page="admin-inventory"]) :is(.rpt-cat-hd:hover){background:#f1f5f9;}
:where(html[data-style-page="admin-inventory"]):is(.rpt-cat-hd .rpt-arrow),
:where(html[data-style-page="admin-inventory"]) :is(.rpt-cat-hd .rpt-arrow){font-size:10px;color:#94a3b8;transition:transform .15s;display:inline-block;}
:where(html[data-style-page="admin-inventory"]):is(.rpt-cat-hd.open .rpt-arrow),
:where(html[data-style-page="admin-inventory"]) :is(.rpt-cat-hd.open .rpt-arrow){transform:rotate(90deg);}
:where(html[data-style-page="admin-inventory"]):is(.rpt-cat-body table),
:where(html[data-style-page="admin-inventory"]) :is(.rpt-cat-body table){border-radius:0;border:none;}
:where(html[data-style-page="admin-inventory"]):is(.rpt-cat-body table thead th),
:where(html[data-style-page="admin-inventory"]) :is(.rpt-cat-body table thead th){border-radius:0;}
/* Category chips in suppliers report */
:where(html[data-style-page="admin-inventory"]):is(.cat-chip),
:where(html[data-style-page="admin-inventory"]) :is(.cat-chip){display:inline-block;padding:2px 8px;background:#eff6ff;color:#1d4ed8;border-radius:999px;font-size:11px;font-weight:700;margin:1px 2px;}
/* Dup warning tooltip on name inputs */
:where(html[data-style-page="admin-inventory"]):is(.name-wrap),
:where(html[data-style-page="admin-inventory"]) :is(.name-wrap){position:relative;}
:where(html[data-style-page="admin-inventory"]):is(.muted),
:where(html[data-style-page="admin-inventory"]) :is(.muted){color:#64748b;font-size:12px;}
:where(html[data-style-page="admin-inventory"]):is(.summary-row),
:where(html[data-style-page="admin-inventory"]) :is(.summary-row){display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
:where(html[data-style-page="admin-inventory"]):is(.form-inline),
:where(html[data-style-page="admin-inventory"]) :is(.form-inline){display:contents;}
:where(html[data-style-page="admin-inventory"]):is(#catsModalBackdrop),
:where(html[data-style-page="admin-inventory"]) :is(#catsModalBackdrop){display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998;}
:where(html[data-style-page="admin-inventory"]):is(#catsModal),
:where(html[data-style-page="admin-inventory"]) :is(#catsModal){display:none;position:fixed;z-index:9999;top:8%;left:50%;transform:translateX(-50%);width:min(720px,92vw);max-height:80vh;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.15);padding:14px;}
:where(html[data-style-page="admin-inventory"]):is(.modal-grid),
:where(html[data-style-page="admin-inventory"]) :is(.modal-grid){margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;}
:where(html[data-style-page="admin-inventory"]):is(.modal-opt),
:where(html[data-style-page="admin-inventory"]) :is(.modal-opt){display:flex;gap:10px;align-items:center;border:1px solid #eee;border-radius:12px;padding:10px;background:#fff;cursor:pointer;}
@media (max-width: 900px){
  :where(html[data-style-page="admin-inventory"]):is(.actions),
:where(html[data-style-page="admin-inventory"]) :is(.actions){flex-wrap:wrap;justify-content:flex-start;white-space:normal;}
  :where(html[data-style-page="admin-inventory"]):is(table.data thead th),
:where(html[data-style-page="admin-inventory"]) :is(table.data thead th),
:where(html[data-style-page="admin-inventory"]):is(table.data tbody td),
:where(html[data-style-page="admin-inventory"]) :is(table.data tbody td){padding:9px 10px;}
}

/* Page: admin/menu_setup.php */

:where(html[data-style-page="admin-menu-setup"]):is(*),
:where(html[data-style-page="admin-menu-setup"]) :is(*){box-sizing:border-box;margin:0;padding:0;}
:where(html[data-style-page="admin-menu-setup"]):is(body),
:where(html[data-style-page="admin-menu-setup"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;color:#1e293b;padding:32px 16px;}
:where(html[data-style-page="admin-menu-setup"]):is(.wrap),
:where(html[data-style-page="admin-menu-setup"]) :is(.wrap){max-width:720px;margin:0 auto;}

:where(html[data-style-page="admin-menu-setup"]):is(.page-hd),
:where(html[data-style-page="admin-menu-setup"]) :is(.page-hd){margin-bottom:24px;}
:where(html[data-style-page="admin-menu-setup"]):is(.page-hd h1),
:where(html[data-style-page="admin-menu-setup"]) :is(.page-hd h1){font-size:22px;font-weight:900;display:flex;align-items:center;gap:10px;color:#0f172a;}
:where(html[data-style-page="admin-menu-setup"]):is(.page-hd p),
:where(html[data-style-page="admin-menu-setup"]) :is(.page-hd p){margin-top:6px;color:#64748b;font-size:13px;line-height:1.6;}

:where(html[data-style-page="admin-menu-setup"]):is(.warning-box),
:where(html[data-style-page="admin-menu-setup"]) :is(.warning-box){
  background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;
  padding:14px 16px;margin-bottom:24px;
  display:flex;gap:12px;align-items:flex-start;
}
:where(html[data-style-page="admin-menu-setup"]):is(.warning-box .ico),
:where(html[data-style-page="admin-menu-setup"]) :is(.warning-box .ico){color:#f59e0b;font-size:18px;flex-shrink:0;margin-top:1px;}
:where(html[data-style-page="admin-menu-setup"]):is(.warning-box p),
:where(html[data-style-page="admin-menu-setup"]) :is(.warning-box p){font-size:13px;font-weight:700;color:#92400e;line-height:1.6;}

:where(html[data-style-page="admin-menu-setup"]):is(.success-box),
:where(html[data-style-page="admin-menu-setup"]) :is(.success-box){
  background:#f0fdf4;border:1px solid #86efac;border-radius:10px;
  padding:14px 16px;margin-bottom:24px;
  display:flex;gap:12px;align-items:flex-start;
}
:where(html[data-style-page="admin-menu-setup"]):is(.success-box .ico),
:where(html[data-style-page="admin-menu-setup"]) :is(.success-box .ico){color:#16a34a;font-size:18px;flex-shrink:0;margin-top:1px;}
:where(html[data-style-page="admin-menu-setup"]):is(.success-box p),
:where(html[data-style-page="admin-menu-setup"]) :is(.success-box p){font-size:13px;font-weight:700;color:#166534;line-height:1.6;}

:where(html[data-style-page="admin-menu-setup"]):is(.card),
:where(html[data-style-page="admin-menu-setup"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;overflow:hidden;}
:where(html[data-style-page="admin-menu-setup"]):is(.card-hd),
:where(html[data-style-page="admin-menu-setup"]) :is(.card-hd){display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f5f9;}
:where(html[data-style-page="admin-menu-setup"]):is(.card-hd .left),
:where(html[data-style-page="admin-menu-setup"]) :is(.card-hd .left){display:flex;align-items:center;gap:10px;}
:where(html[data-style-page="admin-menu-setup"]):is(.table-icon),
:where(html[data-style-page="admin-menu-setup"]) :is(.table-icon){width:32px;height:32px;border-radius:8px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:14px;}
:where(html[data-style-page="admin-menu-setup"]):is(.tname),
:where(html[data-style-page="admin-menu-setup"]) :is(.tname){font-size:14px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-menu-setup"]):is(.tdesc),
:where(html[data-style-page="admin-menu-setup"]) :is(.tdesc){font-size:11px;color:#64748b;margin-top:1px;}
:where(html[data-style-page="admin-menu-setup"]):is(.badge),
:where(html[data-style-page="admin-menu-setup"]) :is(.badge){display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;}
:where(html[data-style-page="admin-menu-setup"]):is(.badge-exists),
:where(html[data-style-page="admin-menu-setup"]) :is(.badge-exists){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
:where(html[data-style-page="admin-menu-setup"]):is(.badge-missing),
:where(html[data-style-page="admin-menu-setup"]) :is(.badge-missing){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;}
:where(html[data-style-page="admin-menu-setup"]):is(.badge-ok),
:where(html[data-style-page="admin-menu-setup"]) :is(.badge-ok){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
:where(html[data-style-page="admin-menu-setup"]):is(.badge-skip),
:where(html[data-style-page="admin-menu-setup"]) :is(.badge-skip){background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;}
:where(html[data-style-page="admin-menu-setup"]):is(.badge-error),
:where(html[data-style-page="admin-menu-setup"]) :is(.badge-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;}

:where(html[data-style-page="admin-menu-setup"]):is(.card-body),
:where(html[data-style-page="admin-menu-setup"]) :is(.card-body){padding:10px 16px;background:#fafafa;}
:where(html[data-style-page="admin-menu-setup"]):is(.result-msg),
:where(html[data-style-page="admin-menu-setup"]) :is(.result-msg){font-size:12px;font-weight:700;}
:where(html[data-style-page="admin-menu-setup"]):is(.result-msg.ok),
:where(html[data-style-page="admin-menu-setup"]) :is(.result-msg.ok){color:#166534;}
:where(html[data-style-page="admin-menu-setup"]):is(.result-msg.skip),
:where(html[data-style-page="admin-menu-setup"]) :is(.result-msg.skip){color:#64748b;}
:where(html[data-style-page="admin-menu-setup"]):is(.result-msg.error),
:where(html[data-style-page="admin-menu-setup"]) :is(.result-msg.error){color:#dc2626;}

:where(html[data-style-page="admin-menu-setup"]):is(.sql-block),
:where(html[data-style-page="admin-menu-setup"]) :is(.sql-block){
  font-family:'Courier New',monospace;font-size:11px;color:#334155;
  background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;
  padding:10px;margin-top:8px;white-space:pre-wrap;word-break:break-all;
  max-height:120px;overflow-y:auto;
}
:where(html[data-style-page="admin-menu-setup"]):is(details summary),
:where(html[data-style-page="admin-menu-setup"]) :is(details summary){cursor:pointer;font-size:11px;color:#94a3b8;font-weight:700;margin-top:6px;user-select:none;}
:where(html[data-style-page="admin-menu-setup"]):is(details summary:hover),
:where(html[data-style-page="admin-menu-setup"]) :is(details summary:hover){color:#64748b;}

:where(html[data-style-page="admin-menu-setup"]):is(.actions),
:where(html[data-style-page="admin-menu-setup"]) :is(.actions){display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
:where(html[data-style-page="admin-menu-setup"]):is(.btn),
:where(html[data-style-page="admin-menu-setup"]) :is(.btn){display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:9px;border:none;cursor:pointer;font-weight:800;font-size:13px;text-decoration:none;}
:where(html[data-style-page="admin-menu-setup"]):is(.btn-primary),
:where(html[data-style-page="admin-menu-setup"]) :is(.btn-primary){background:#1d4ed8;color:#fff;}
:where(html[data-style-page="admin-menu-setup"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-menu-setup"]) :is(.btn-primary:hover){background:#1e40af;}
:where(html[data-style-page="admin-menu-setup"]):is(.btn-secondary),
:where(html[data-style-page="admin-menu-setup"]) :is(.btn-secondary){background:#fff;color:#374151;border:1px solid #d1d5db;}
:where(html[data-style-page="admin-menu-setup"]):is(.btn-secondary:hover),
:where(html[data-style-page="admin-menu-setup"]) :is(.btn-secondary:hover){background:#f8fafc;}
:where(html[data-style-page="admin-menu-setup"]):is(.btn-danger),
:where(html[data-style-page="admin-menu-setup"]) :is(.btn-danger){background:#fff1f2;color:#991b1b;border:1px solid #fca5a5;}
:where(html[data-style-page="admin-menu-setup"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-menu-setup"]) :is(.btn-danger:hover){background:#ffe4e6;}

:where(html[data-style-page="admin-menu-setup"]):is(.rows-badge),
:where(html[data-style-page="admin-menu-setup"]) :is(.rows-badge){font-size:10px;color:#94a3b8;margin-inline-start:6px;}

/* Page: admin/purchasing_units.php */

:where(html[data-style-page="admin-purchasing-units"]):is(.card),
:where(html[data-style-page="admin-purchasing-units"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:none;}
:where(html[data-style-page="admin-purchasing-units"]):is(body),
:where(html[data-style-page="admin-purchasing-units"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}

:where(html[data-style-page="admin-purchasing-units"]):is(.page-hd),
:where(html[data-style-page="admin-purchasing-units"]) :is(.page-hd){display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="admin-purchasing-units"]):is(.page-hd h2),
:where(html[data-style-page="admin-purchasing-units"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-purchasing-units"]):is(.page-hd .badge),
:where(html[data-style-page="admin-purchasing-units"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}

:where(html[data-style-page="admin-purchasing-units"]):is(.sec-header),
:where(html[data-style-page="admin-purchasing-units"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
:where(html[data-style-page="admin-purchasing-units"]):is(.sec-header h3),
:where(html[data-style-page="admin-purchasing-units"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-purchasing-units"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-purchasing-units"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}

:where(html[data-style-page="admin-purchasing-units"]):is(.add-form),
:where(html[data-style-page="admin-purchasing-units"]) :is(.add-form){display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:18px;}
:where(html[data-style-page="admin-purchasing-units"]):is(.add-form input),
:where(html[data-style-page="admin-purchasing-units"]) :is(.add-form input),
:where(html[data-style-page="admin-purchasing-units"]):is(.add-form select),
:where(html[data-style-page="admin-purchasing-units"]) :is(.add-form select){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;min-width:180px;}
:where(html[data-style-page="admin-purchasing-units"]):is(.add-form input:focus),
:where(html[data-style-page="admin-purchasing-units"]) :is(.add-form input:focus),
:where(html[data-style-page="admin-purchasing-units"]):is(.add-form select:focus),
:where(html[data-style-page="admin-purchasing-units"]) :is(.add-form select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}

:where(html[data-style-page="admin-purchasing-units"]):is(.btn),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn){display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn:hover),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-primary),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-primary:hover){background:#dbeafe;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-success),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-success){border-color:#86efac;color:#166534;background:#f0fdf4;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-success:hover),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-success:hover){background:#dcfce7;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-warning),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-warning:hover),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-warning:hover){background:#fef9c3;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-danger),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-danger:hover){background:#ffe4e6;}
:where(html[data-style-page="admin-purchasing-units"]):is(.btn-sm),
:where(html[data-style-page="admin-purchasing-units"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}

:where(html[data-style-page="admin-purchasing-units"]):is(.tbl-wrap),
:where(html[data-style-page="admin-purchasing-units"]) :is(.tbl-wrap){overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}
:where(html[data-style-page="admin-purchasing-units"]):is(table.data),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;}
:where(html[data-style-page="admin-purchasing-units"]):is(table.data thead th),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="admin-purchasing-units"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data tbody tr:hover td){background:#f8fbff;}
:where(html[data-style-page="admin-purchasing-units"]):is(table.data tbody td),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data tbody td){padding:9px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="admin-purchasing-units"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="admin-purchasing-units"]):is(table.data .actions),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data .actions){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}

:where(html[data-style-page="admin-purchasing-units"]):is(table.data input[type=text]),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data input[type=text]){padding:5px 9px;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;font-weight:600;background:#fff;color:#1e293b;max-width:220px;width:100%;}
:where(html[data-style-page="admin-purchasing-units"]):is(table.data input:focus),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data input:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(147,197,253,.15);}

:where(html[data-style-page="admin-purchasing-units"]):is(table.data tbody tr.row-inactive td),
:where(html[data-style-page="admin-purchasing-units"]) :is(table.data tbody tr.row-inactive td){opacity:.55;}

:where(html[data-style-page="admin-purchasing-units"]):is(.flash-error),
:where(html[data-style-page="admin-purchasing-units"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-purchasing-units"]):is(.flash-success),
:where(html[data-style-page="admin-purchasing-units"]) :is(.flash-success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}

:where(html[data-style-page="admin-purchasing-units"]):is(.note-box),
:where(html[data-style-page="admin-purchasing-units"]) :is(.note-box){background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:10px 14px;font-size:12px;color:#92400e;font-weight:600;margin-bottom:14px;}

/* Page: admin/sales_channels.php */

/* ── flat card reset ── */
:where(html[data-style-page="admin-sales-channels"]):is(.card),
:where(html[data-style-page="admin-sales-channels"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:none;}
:where(html[data-style-page="admin-sales-channels"]):is(body),
:where(html[data-style-page="admin-sales-channels"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}

/* ── page header ── */
:where(html[data-style-page="admin-sales-channels"]):is(.page-hd),
:where(html[data-style-page="admin-sales-channels"]) :is(.page-hd){display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="admin-sales-channels"]):is(.page-hd h2),
:where(html[data-style-page="admin-sales-channels"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-sales-channels"]):is(.page-hd .badge),
:where(html[data-style-page="admin-sales-channels"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}

/* ── section card header ── */
:where(html[data-style-page="admin-sales-channels"]):is(.sec-header),
:where(html[data-style-page="admin-sales-channels"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
:where(html[data-style-page="admin-sales-channels"]):is(.sec-header h3),
:where(html[data-style-page="admin-sales-channels"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-sales-channels"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-sales-channels"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}

/* ── add form row ── */
:where(html[data-style-page="admin-sales-channels"]):is(.add-form),
:where(html[data-style-page="admin-sales-channels"]) :is(.add-form){display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:18px;}
:where(html[data-style-page="admin-sales-channels"]):is(.add-form input),
:where(html[data-style-page="admin-sales-channels"]) :is(.add-form input),
:where(html[data-style-page="admin-sales-channels"]):is(.add-form select),
:where(html[data-style-page="admin-sales-channels"]) :is(.add-form select){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;min-width:160px;}
:where(html[data-style-page="admin-sales-channels"]):is(.add-form input:focus),
:where(html[data-style-page="admin-sales-channels"]) :is(.add-form input:focus),
:where(html[data-style-page="admin-sales-channels"]):is(.add-form select:focus),
:where(html[data-style-page="admin-sales-channels"]) :is(.add-form select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}
:where(html[data-style-page="admin-sales-channels"]):is(.add-form label),
:where(html[data-style-page="admin-sales-channels"]) :is(.add-form label){display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#374151;cursor:pointer;}
:where(html[data-style-page="admin-sales-channels"]):is(.add-form label input[type=checkbox]),
:where(html[data-style-page="admin-sales-channels"]) :is(.add-form label input[type=checkbox]){width:15px;height:15px;accent-color:#2563eb;}

/* ── buttons ── */
:where(html[data-style-page="admin-sales-channels"]):is(.btn),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn){display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn:hover),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-primary),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-primary:hover){background:#dbeafe;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-success),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-success){border-color:#86efac;color:#166534;background:#f0fdf4;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-success:hover),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-success:hover){background:#dcfce7;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-warning),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-warning:hover),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-warning:hover){background:#fef9c3;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-danger),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-danger:hover){background:#ffe4e6;}
:where(html[data-style-page="admin-sales-channels"]):is(.btn-sm),
:where(html[data-style-page="admin-sales-channels"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}

/* ── table ── */
:where(html[data-style-page="admin-sales-channels"]):is(.tbl-wrap),
:where(html[data-style-page="admin-sales-channels"]) :is(.tbl-wrap){overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}
:where(html[data-style-page="admin-sales-channels"]):is(table.data),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;}
:where(html[data-style-page="admin-sales-channels"]):is(table.data thead th),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="admin-sales-channels"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data tbody tr:hover td){background:#f8fbff;}
:where(html[data-style-page="admin-sales-channels"]):is(table.data tbody td),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data tbody td){padding:9px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="admin-sales-channels"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="admin-sales-channels"]):is(table.data .actions),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data .actions){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}

/* inline edit inputs in table */
:where(html[data-style-page="admin-sales-channels"]):is(table.data input[type=text]),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data input[type=text]),
:where(html[data-style-page="admin-sales-channels"]):is(table.data input:not([type=checkbox]):not([type=hidden])),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data input:not([type=checkbox]):not([type=hidden])),
:where(html[data-style-page="admin-sales-channels"]):is(table.data select),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data select){
    padding:5px 9px;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;font-weight:600;
    background:#fff;color:#1e293b;max-width:180px;width:100%;
    transition:border-color .12s;
}
:where(html[data-style-page="admin-sales-channels"]):is(table.data input:focus),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data input:focus),
:where(html[data-style-page="admin-sales-channels"]):is(table.data select:focus),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(147,197,253,.15);}
:where(html[data-style-page="admin-sales-channels"]):is(table.data input[type=checkbox]),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data input[type=checkbox]){width:15px;height:15px;accent-color:#2563eb;}

/* row dimmed when inactive */
:where(html[data-style-page="admin-sales-channels"]):is(table.data tbody tr.row-inactive td),
:where(html[data-style-page="admin-sales-channels"]) :is(table.data tbody tr.row-inactive td){opacity:.55;}

/* flash messages */
:where(html[data-style-page="admin-sales-channels"]):is(.flash-error),
:where(html[data-style-page="admin-sales-channels"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-sales-channels"]):is(.flash-success),
:where(html[data-style-page="admin-sales-channels"]) :is(.flash-success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}

/* note box */
:where(html[data-style-page="admin-sales-channels"]):is(.note-box),
:where(html[data-style-page="admin-sales-channels"]) :is(.note-box){background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:10px 14px;font-size:12px;color:#92400e;font-weight:600;margin-bottom:14px;}

/* Page: admin/tax_settings.php */

:where(html[data-style-page="admin-tax-settings"]):is(.card),
:where(html[data-style-page="admin-tax-settings"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px 22px;margin-bottom:18px;box-shadow:none;}:where(html[data-style-page="admin-tax-settings"]):is(body),
:where(html[data-style-page="admin-tax-settings"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}:where(html[data-style-page="admin-tax-settings"]):is(.page-hd),
:where(html[data-style-page="admin-tax-settings"]) :is(.page-hd){display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}:where(html[data-style-page="admin-tax-settings"]):is(.page-hd h2),
:where(html[data-style-page="admin-tax-settings"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}:where(html[data-style-page="admin-tax-settings"]):is(.page-hd .badge),
:where(html[data-style-page="admin-tax-settings"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}:where(html[data-style-page="admin-tax-settings"]):is(.sec-header),
:where(html[data-style-page="admin-tax-settings"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}:where(html[data-style-page="admin-tax-settings"]):is(.sec-header h3),
:where(html[data-style-page="admin-tax-settings"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}:where(html[data-style-page="admin-tax-settings"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-tax-settings"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}:where(html[data-style-page="admin-tax-settings"]):is(.add-form),
:where(html[data-style-page="admin-tax-settings"]) :is(.add-form){display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:18px;}:where(html[data-style-page="admin-tax-settings"]):is(.add-form input),
:where(html[data-style-page="admin-tax-settings"]) :is(.add-form input){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;min-width:180px;}:where(html[data-style-page="admin-tax-settings"]):is(.add-form input:focus),
:where(html[data-style-page="admin-tax-settings"]) :is(.add-form input:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}:where(html[data-style-page="admin-tax-settings"]):is(.btn),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn){display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;}:where(html[data-style-page="admin-tax-settings"]):is(.btn:hover),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn:hover){background:#f8fafc;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-primary),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-primary:hover){background:#dbeafe;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-success),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-success){border-color:#86efac;color:#166534;background:#f0fdf4;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-success:hover),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-success:hover){background:#dcfce7;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-warning),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-warning:hover),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-warning:hover){background:#fef9c3;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-danger),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-danger:hover){background:#ffe4e6;}:where(html[data-style-page="admin-tax-settings"]):is(.btn-sm),
:where(html[data-style-page="admin-tax-settings"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}:where(html[data-style-page="admin-tax-settings"]):is(.tbl-wrap),
:where(html[data-style-page="admin-tax-settings"]) :is(.tbl-wrap){overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}:where(html[data-style-page="admin-tax-settings"]):is(table.data),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;}:where(html[data-style-page="admin-tax-settings"]):is(table.data thead th),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}:where(html[data-style-page="admin-tax-settings"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data tbody tr:hover td){background:#f8fbff;}:where(html[data-style-page="admin-tax-settings"]):is(table.data tbody td),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data tbody td){padding:9px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}:where(html[data-style-page="admin-tax-settings"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data tbody tr:last-child td){border-bottom:none;}:where(html[data-style-page="admin-tax-settings"]):is(table.data .actions),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data .actions){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}:where(html[data-style-page="admin-tax-settings"]):is(table.data input[type=number]),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data input[type=number]){padding:5px 9px;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;font-weight:600;background:#fff;color:#1e293b;max-width:140px;width:100%;}:where(html[data-style-page="admin-tax-settings"]):is(table.data input:focus),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data input:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px rgba(147,197,253,.15);}:where(html[data-style-page="admin-tax-settings"]):is(table.data tbody tr.row-inactive td),
:where(html[data-style-page="admin-tax-settings"]) :is(table.data tbody tr.row-inactive td){opacity:.55;}:where(html[data-style-page="admin-tax-settings"]):is(.flash-error),
:where(html[data-style-page="admin-tax-settings"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}:where(html[data-style-page="admin-tax-settings"]):is(.flash-success),
:where(html[data-style-page="admin-tax-settings"]) :is(.flash-success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}:where(html[data-style-page="admin-tax-settings"]):is(.note-box),
:where(html[data-style-page="admin-tax-settings"]) :is(.note-box){background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:10px 14px;font-size:12px;color:#92400e;font-weight:600;margin-bottom:14px;}

/* Page: admin/users.php */

/* ── base ── */
:where(html[data-style-page="admin-users"]):is(body),
:where(html[data-style-page="admin-users"]) :is(body){font-family:'Inter','Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}
:where(html[data-style-page="admin-users"]):is(body.rtl),
:where(html[data-style-page="admin-users"]) :is(body.rtl){font-family:'Cairo','Inter',-apple-system,sans-serif;}
:where(html[data-style-page="admin-users"]):is(.card),
:where(html[data-style-page="admin-users"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 22px;margin-bottom:18px;}
:where(html[data-style-page="admin-users"]):is(.page-hd),
:where(html[data-style-page="admin-users"]) :is(.page-hd){display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="admin-users"]):is(.page-hd h2),
:where(html[data-style-page="admin-users"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-users"]):is(.page-hd .badge),
:where(html[data-style-page="admin-users"]) :is(.page-hd .badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 10px;}
:where(html[data-style-page="admin-users"]):is(.sec-header),
:where(html[data-style-page="admin-users"]) :is(.sec-header){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
:where(html[data-style-page="admin-users"]):is(.sec-header h3),
:where(html[data-style-page="admin-users"]) :is(.sec-header h3){margin:0;font-size:15px;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-users"]):is(.sec-header h3 .icon),
:where(html[data-style-page="admin-users"]) :is(.sec-header h3 .icon){width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}
/* ── add form ── */
:where(html[data-style-page="admin-users"]):is(.add-form),
:where(html[data-style-page="admin-users"]) :is(.add-form){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;padding:14px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;}
@media(max-width:980px){:where(html[data-style-page="admin-users"]):is(.add-form),
:where(html[data-style-page="admin-users"]) :is(.add-form){grid-template-columns:1fr;}}
:where(html[data-style-page="admin-users"]):is(.add-form input),
:where(html[data-style-page="admin-users"]) :is(.add-form input),
:where(html[data-style-page="admin-users"]):is(.add-form select),
:where(html[data-style-page="admin-users"]) :is(.add-form select),
:where(html[data-style-page="admin-users"]):is(.field input),
:where(html[data-style-page="admin-users"]) :is(.field input),
:where(html[data-style-page="admin-users"]):is(.field select),
:where(html[data-style-page="admin-users"]) :is(.field select){padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;width:100%;}
:where(html[data-style-page="admin-users"]):is(.add-form input:focus),
:where(html[data-style-page="admin-users"]) :is(.add-form input:focus),
:where(html[data-style-page="admin-users"]):is(.add-form select:focus),
:where(html[data-style-page="admin-users"]) :is(.add-form select:focus),
:where(html[data-style-page="admin-users"]):is(.field input:focus),
:where(html[data-style-page="admin-users"]) :is(.field input:focus),
:where(html[data-style-page="admin-users"]):is(.field select:focus),
:where(html[data-style-page="admin-users"]) :is(.field select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}
:where(html[data-style-page="admin-users"]):is(.field label),
:where(html[data-style-page="admin-users"]) :is(.field label){display:block;margin-bottom:6px;font-size:12px;font-weight:800;color:#334155;}
:where(html[data-style-page="admin-users"]):is(.checkline),
:where(html[data-style-page="admin-users"]) :is(.checkline){display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#1e293b;}
:where(html[data-style-page="admin-users"]):is(.checkline input[type=checkbox]),
:where(html[data-style-page="admin-users"]) :is(.checkline input[type=checkbox]){width:16px;height:16px;accent-color:#2563eb;}
/* ── buttons ── */
:where(html[data-style-page="admin-users"]):is(.btn),
:where(html[data-style-page="admin-users"]) :is(.btn){display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;white-space:nowrap;transition:background .12s,border-color .12s;text-decoration:none;}
:where(html[data-style-page="admin-users"]):is(.btn:hover),
:where(html[data-style-page="admin-users"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="admin-users"]):is(.btn-primary),
:where(html[data-style-page="admin-users"]) :is(.btn-primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}:where(html[data-style-page="admin-users"]):is(.btn-primary:hover),
:where(html[data-style-page="admin-users"]) :is(.btn-primary:hover){background:#dbeafe;}
:where(html[data-style-page="admin-users"]):is(.btn-success),
:where(html[data-style-page="admin-users"]) :is(.btn-success){border-color:#86efac;color:#166534;background:#f0fdf4;}:where(html[data-style-page="admin-users"]):is(.btn-success:hover),
:where(html[data-style-page="admin-users"]) :is(.btn-success:hover){background:#dcfce7;}
:where(html[data-style-page="admin-users"]):is(.btn-warning),
:where(html[data-style-page="admin-users"]) :is(.btn-warning){border-color:#fcd34d;color:#92400e;background:#fffbeb;}:where(html[data-style-page="admin-users"]):is(.btn-warning:hover),
:where(html[data-style-page="admin-users"]) :is(.btn-warning:hover){background:#fef9c3;}
:where(html[data-style-page="admin-users"]):is(.btn-danger),
:where(html[data-style-page="admin-users"]) :is(.btn-danger){border-color:#fca5a5;color:#991b1b;background:#fff1f2;}:where(html[data-style-page="admin-users"]):is(.btn-danger:hover),
:where(html[data-style-page="admin-users"]) :is(.btn-danger:hover){background:#ffe4e6;}
:where(html[data-style-page="admin-users"]):is(.btn-purple),
:where(html[data-style-page="admin-users"]) :is(.btn-purple){border-color:#e9d5ff;color:#7c3aed;background:#fdf4ff;}:where(html[data-style-page="admin-users"]):is(.btn-purple:hover),
:where(html[data-style-page="admin-users"]) :is(.btn-purple:hover){background:#ede9fe;}
:where(html[data-style-page="admin-users"]):is(.btn-sm),
:where(html[data-style-page="admin-users"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}
/* ── table ── */
:where(html[data-style-page="admin-users"]):is(.tbl-wrap),
:where(html[data-style-page="admin-users"]) :is(.tbl-wrap){overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;}
:where(html[data-style-page="admin-users"]):is(table.data),
:where(html[data-style-page="admin-users"]) :is(table.data){width:100%;border-collapse:collapse;font-size:13px;min-width:900px;}
:where(html[data-style-page="admin-users"]):is(table.data thead th),
:where(html[data-style-page="admin-users"]) :is(table.data thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="admin-users"]):is(table.data tbody tr:hover td),
:where(html[data-style-page="admin-users"]) :is(table.data tbody tr:hover td){background:#f8fbff;}
:where(html[data-style-page="admin-users"]):is(table.data tbody td),
:where(html[data-style-page="admin-users"]) :is(table.data tbody td){padding:9px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="admin-users"]):is(table.data tbody tr:last-child td),
:where(html[data-style-page="admin-users"]) :is(table.data tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="admin-users"]):is(.actions),
:where(html[data-style-page="admin-users"]) :is(.actions){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
:where(html[data-style-page="admin-users"]):is(.users-shell),
:where(html[data-style-page="admin-users"]) :is(.users-shell){display:grid;gap:14px;}
:where(html[data-style-page="admin-users"]):is(.users-summary),
:where(html[data-style-page="admin-users"]) :is(.users-summary){display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;}
:where(html[data-style-page="admin-users"]):is(.user-stat),
:where(html[data-style-page="admin-users"]) :is(.user-stat){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;}
:where(html[data-style-page="admin-users"]):is(.user-stat .k),
:where(html[data-style-page="admin-users"]) :is(.user-stat .k){font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.35px;}
:where(html[data-style-page="admin-users"]):is(.user-stat .v),
:where(html[data-style-page="admin-users"]) :is(.user-stat .v){font-size:24px;font-weight:900;color:#0f172a;margin-top:3px;}
:where(html[data-style-page="admin-users"]):is(.user-stat .s),
:where(html[data-style-page="admin-users"]) :is(.user-stat .s){font-size:11px;font-weight:700;color:#94a3b8;}
:where(html[data-style-page="admin-users"]):is(.user-create-card),
:where(html[data-style-page="admin-users"]) :is(.user-create-card),
:where(html[data-style-page="admin-users"]):is(.users-card),
:where(html[data-style-page="admin-users"]) :is(.users-card){background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;}
:where(html[data-style-page="admin-users"]):is(.user-create-card),
:where(html[data-style-page="admin-users"]) :is(.user-create-card){border-color:#dbeafe;}
:where(html[data-style-page="admin-users"]):is(.user-create-head),
:where(html[data-style-page="admin-users"]) :is(.user-create-head),
:where(html[data-style-page="admin-users"]):is(.users-card-head),
:where(html[data-style-page="admin-users"]) :is(.users-card-head){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#fff;}
:where(html[data-style-page="admin-users"]):is(.user-create-head),
:where(html[data-style-page="admin-users"]) :is(.user-create-head){background:#eff6ff;border-bottom-color:#dbeafe;}
:where(html[data-style-page="admin-users"]):is(.user-create-head h3),
:where(html[data-style-page="admin-users"]) :is(.user-create-head h3),
:where(html[data-style-page="admin-users"]):is(.users-card-head h3),
:where(html[data-style-page="admin-users"]) :is(.users-card-head h3){margin:0;font-size:14px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-users"]):is(.user-create-head h3),
:where(html[data-style-page="admin-users"]) :is(.user-create-head h3){color:#1e3a8a;}
:where(html[data-style-page="admin-users"]):is(.user-create-head span),
:where(html[data-style-page="admin-users"]) :is(.user-create-head span),
:where(html[data-style-page="admin-users"]):is(.users-card-head span),
:where(html[data-style-page="admin-users"]) :is(.users-card-head span){font-size:11px;font-weight:800;color:#64748b;}
:where(html[data-style-page="admin-users"]):is(.user-create-form),
:where(html[data-style-page="admin-users"]) :is(.user-create-form){display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:10px;align-items:end;padding:12px 14px;}
:where(html[data-style-page="admin-users"]):is(.user-table),
:where(html[data-style-page="admin-users"]) :is(.user-table){min-width:1160px;}
:where(html[data-style-page="admin-users"]):is(.user-cell),
:where(html[data-style-page="admin-users"]) :is(.user-cell){display:flex;align-items:center;gap:10px;min-width:220px;}
:where(html[data-style-page="admin-users"]):is(.user-avatar),
:where(html[data-style-page="admin-users"]) :is(.user-avatar){width:34px;height:34px;border-radius:9px;background:#eff6ff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0;}
:where(html[data-style-page="admin-users"]):is(.user-title),
:where(html[data-style-page="admin-users"]) :is(.user-title){display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:900;color:#0f172a;}
:where(html[data-style-page="admin-users"]):is(.user-sub),
:where(html[data-style-page="admin-users"]) :is(.user-sub){font-size:11px;color:#64748b;font-weight:700;margin-top:2px;}
:where(html[data-style-page="admin-users"]):is(.self-badge),
:where(html[data-style-page="admin-users"]) :is(.self-badge){font-size:10px;background:#eff6ff;color:#2563eb;border-radius:999px;padding:1px 7px;font-weight:900;}
:where(html[data-style-page="admin-users"]):is(.id-pill),
:where(html[data-style-page="admin-users"]) :is(.id-pill){font-family:monospace;font-size:10px;color:#94a3b8;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:1px 7px;}
:where(html[data-style-page="admin-users"]):is(.control-form),
:where(html[data-style-page="admin-users"]) :is(.control-form){display:inline-flex;align-items:center;gap:5px;}
:where(html[data-style-page="admin-users"]):is(.branch-access-form),
:where(html[data-style-page="admin-users"]) :is(.branch-access-form){display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:6px;align-items:center;min-width:270px;}
:where(html[data-style-page="admin-users"]):is(.branch-access-form .btn),
:where(html[data-style-page="admin-users"]) :is(.branch-access-form .btn){min-height:30px;justify-content:center;}
:where(html[data-style-page="admin-users"]):is(.scope-note),
:where(html[data-style-page="admin-users"]) :is(.scope-note){display:block;margin-top:4px;font-size:10px;font-weight:800;color:#94a3b8;}
:where(html[data-style-page="admin-users"]):is(.user-actions),
:where(html[data-style-page="admin-users"]) :is(.user-actions){display:grid;grid-template-columns:repeat(3,minmax(68px,auto));gap:6px;align-items:center;min-width:270px;}
:where(html[data-style-page="admin-users"]):is(.user-actions .btn),
:where(html[data-style-page="admin-users"]) :is(.user-actions .btn){min-height:30px;justify-content:center;}
:where(html[data-style-page="admin-users"]):is(.reset-form),
:where(html[data-style-page="admin-users"]) :is(.reset-form){grid-column:1 / -1;display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:6px;align-items:center;margin:0;}
:where(html[data-style-page="admin-users"]):is(.reset-form input),
:where(html[data-style-page="admin-users"]) :is(.reset-form input){padding:6px 9px;border-radius:7px;border:1px solid #e2e8f0;font-size:12px;min-width:0;}
:where(html[data-style-page="admin-users"]):is(.last-login),
:where(html[data-style-page="admin-users"]) :is(.last-login){font-size:11px;color:#64748b;font-weight:700;white-space:nowrap;}
@media(max-width:1100px){:where(html[data-style-page="admin-users"]):is(.users-summary),
:where(html[data-style-page="admin-users"]) :is(.users-summary){grid-template-columns:repeat(2,1fr)}:where(html[data-style-page="admin-users"]):is(.user-create-form),
:where(html[data-style-page="admin-users"]) :is(.user-create-form){grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-style-page="admin-users"]):is(.user-create-form .field:last-child),
:where(html[data-style-page="admin-users"]) :is(.user-create-form .field:last-child){grid-column:1 / -1}:where(html[data-style-page="admin-users"]):is(.branch-access-form),
:where(html[data-style-page="admin-users"]) :is(.branch-access-form){min-width:240px}:where(html[data-style-page="admin-users"]):is(.user-actions),
:where(html[data-style-page="admin-users"]) :is(.user-actions){min-width:240px}}
@media(max-width:680px){:where(html[data-style-page="admin-users"]):is(.users-summary),
:where(html[data-style-page="admin-users"]) :is(.users-summary){grid-template-columns:1fr}:where(html[data-style-page="admin-users"]):is(.user-create-form),
:where(html[data-style-page="admin-users"]) :is(.user-create-form){grid-template-columns:1fr}:where(html[data-style-page="admin-users"]):is(.branch-access-form),
:where(html[data-style-page="admin-users"]) :is(.branch-access-form),
:where(html[data-style-page="admin-users"]):is(.user-actions),
:where(html[data-style-page="admin-users"]) :is(.user-actions){grid-template-columns:1fr;min-width:0}:where(html[data-style-page="admin-users"]):is(.reset-form),
:where(html[data-style-page="admin-users"]) :is(.reset-form){grid-template-columns:1fr}}
/* ── badges ── */
:where(html[data-style-page="admin-users"]):is(.badge-active),
:where(html[data-style-page="admin-users"]) :is(.badge-active){display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
:where(html[data-style-page="admin-users"]):is(.badge-inactive),
:where(html[data-style-page="admin-users"]) :is(.badge-inactive){display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:900;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;}
/* ── flash ── */
:where(html[data-style-page="admin-users"]):is(.flash-error),
:where(html[data-style-page="admin-users"]) :is(.flash-error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-users"]):is(.flash-success),
:where(html[data-style-page="admin-users"]) :is(.flash-success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-weight:700;font-size:13px;}
:where(html[data-style-page="admin-users"]):is(.note-box),
:where(html[data-style-page="admin-users"]) :is(.note-box){background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:10px 14px;font-size:12px;color:#92400e;font-weight:600;margin-bottom:14px;}
/* ── inline role change ── */
:where(html[data-style-page="admin-users"]):is(.role-form),
:where(html[data-style-page="admin-users"]) :is(.role-form){display:inline-flex;align-items:center;gap:5px;}
:where(html[data-style-page="admin-users"]):is(.role-sel),
:where(html[data-style-page="admin-users"]) :is(.role-sel){padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0;font-size:11px;font-weight:700;background:#f8fafc;color:#374151;cursor:pointer;}
:where(html[data-style-page="admin-users"]):is(.role-sel:focus),
:where(html[data-style-page="admin-users"]) :is(.role-sel:focus){outline:none;border-color:#a5b4fc;}
/* ── log panel ── */
:where(html[data-style-page="admin-users"]):is(.log-filters),
:where(html[data-style-page="admin-users"]) :is(.log-filters){display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px;padding:12px 14px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;}
:where(html[data-style-page="admin-users"]):is(.log-filters label),
:where(html[data-style-page="admin-users"]) :is(.log-filters label){font-size:11px;font-weight:800;color:#334155;display:block;margin-bottom:4px;}
:where(html[data-style-page="admin-users"]):is(.log-filters input),
:where(html[data-style-page="admin-users"]) :is(.log-filters input),
:where(html[data-style-page="admin-users"]):is(.log-filters select),
:where(html[data-style-page="admin-users"]) :is(.log-filters select){padding:6px 10px;border-radius:7px;border:1px solid #d1d5db;font-size:12px;font-weight:600;background:#fff;color:#1e293b;}
:where(html[data-style-page="admin-users"]):is(.log-filters input:focus),
:where(html[data-style-page="admin-users"]) :is(.log-filters input:focus),
:where(html[data-style-page="admin-users"]):is(.log-filters select:focus),
:where(html[data-style-page="admin-users"]) :is(.log-filters select:focus){outline:none;border-color:#93c5fd;}
/* session summary */
:where(html[data-style-page="admin-users"]):is(.session-grid),
:where(html[data-style-page="admin-users"]) :is(.session-grid){display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:18px;}
:where(html[data-style-page="admin-users"]):is(.session-card),
:where(html[data-style-page="admin-users"]) :is(.session-card){background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;padding:12px 14px;}
:where(html[data-style-page="admin-users"]):is(.session-card .sc-user),
:where(html[data-style-page="admin-users"]) :is(.session-card .sc-user){font-weight:900;font-size:13px;color:#1e293b;margin-bottom:6px;display:flex;align-items:center;gap:6px;}
:where(html[data-style-page="admin-users"]):is(.session-card .sc-row),
:where(html[data-style-page="admin-users"]) :is(.session-card .sc-row){font-size:11px;color:#64748b;display:flex;gap:6px;margin-bottom:3px;align-items:center;}
:where(html[data-style-page="admin-users"]):is(.session-card .sc-row strong),
:where(html[data-style-page="admin-users"]) :is(.session-card .sc-row strong){color:#374151;}
/* log table */
:where(html[data-style-page="admin-users"]):is(table.log-tbl),
:where(html[data-style-page="admin-users"]) :is(table.log-tbl){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="admin-users"]):is(table.log-tbl thead th),
:where(html[data-style-page="admin-users"]) :is(table.log-tbl thead th){background:#f1f5f9;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:7px 12px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="admin-users"]):is(table.log-tbl tbody td),
:where(html[data-style-page="admin-users"]) :is(table.log-tbl tbody td){padding:7px 12px;border-bottom:1px solid #f8fafc;vertical-align:middle;}
:where(html[data-style-page="admin-users"]):is(table.log-tbl tbody tr:hover td),
:where(html[data-style-page="admin-users"]) :is(table.log-tbl tbody tr:hover td){background:#f8fafc;}
:where(html[data-style-page="admin-users"]):is(table.log-tbl tbody tr:last-child td),
:where(html[data-style-page="admin-users"]) :is(table.log-tbl tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="admin-users"]):is(.log-url),
:where(html[data-style-page="admin-users"]) :is(.log-url){font-size:10px;color:#94a3b8;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
:where(html[data-style-page="admin-users"]):is(.log-detail),
:where(html[data-style-page="admin-users"]) :is(.log-detail){max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#475569;}
/* tabs */
:where(html[data-style-page="admin-users"]):is(.tab-bar),
:where(html[data-style-page="admin-users"]) :is(.tab-bar){display:flex;gap:2px;border-bottom:2px solid #e5e7eb;margin-bottom:20px;}
:where(html[data-style-page="admin-users"]):is(.tab-btn),
:where(html[data-style-page="admin-users"]) :is(.tab-btn){padding:9px 18px;font-size:13px;font-weight:800;color:#64748b;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .12s,border-color .12s;}
:where(html[data-style-page="admin-users"]):is(.tab-btn.active),
:where(html[data-style-page="admin-users"]) :is(.tab-btn.active){color:#2563eb;border-bottom-color:#2563eb;}
:where(html[data-style-page="admin-users"]):is(.tab-btn:hover:not(.active)),
:where(html[data-style-page="admin-users"]) :is(.tab-btn:hover:not(.active)){color:#1e293b;}
:where(html[data-style-page="admin-users"]):is(.tab-pane),
:where(html[data-style-page="admin-users"]) :is(.tab-pane){display:none;}:where(html[data-style-page="admin-users"]):is(.tab-pane.active),
:where(html[data-style-page="admin-users"]) :is(.tab-pane.active){display:block;}
:where(html[data-style-page="admin-users"]):is(.roles-shell),
:where(html[data-style-page="admin-users"]) :is(.roles-shell){display:grid;gap:14px;}
:where(html[data-style-page="admin-users"]):is(.roles-summary),
:where(html[data-style-page="admin-users"]) :is(.roles-summary){display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;}
:where(html[data-style-page="admin-users"]):is(.role-stat),
:where(html[data-style-page="admin-users"]) :is(.role-stat){background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;}
:where(html[data-style-page="admin-users"]):is(.role-stat .k),
:where(html[data-style-page="admin-users"]) :is(.role-stat .k){font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.35px;}
:where(html[data-style-page="admin-users"]):is(.role-stat .v),
:where(html[data-style-page="admin-users"]) :is(.role-stat .v){font-size:24px;font-weight:900;color:#0f172a;margin-top:3px;}
:where(html[data-style-page="admin-users"]):is(.role-stat .s),
:where(html[data-style-page="admin-users"]) :is(.role-stat .s){font-size:11px;font-weight:700;color:#94a3b8;}
:where(html[data-style-page="admin-users"]):is(.role-note),
:where(html[data-style-page="admin-users"]) :is(.role-note){display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-size:12px;color:#475569;font-weight:700;}
:where(html[data-style-page="admin-users"]):is(.role-note i),
:where(html[data-style-page="admin-users"]) :is(.role-note i){color:#2563eb;}
:where(html[data-style-page="admin-users"]):is(.role-create-card),
:where(html[data-style-page="admin-users"]) :is(.role-create-card){background:#fff;border:1px solid #dbeafe;border-radius:12px;overflow:hidden;}
:where(html[data-style-page="admin-users"]):is(.role-create-head),
:where(html[data-style-page="admin-users"]) :is(.role-create-head){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#eff6ff;border-bottom:1px solid #dbeafe;}
:where(html[data-style-page="admin-users"]):is(.role-create-head h3),
:where(html[data-style-page="admin-users"]) :is(.role-create-head h3){margin:0;font-size:14px;font-weight:900;color:#1e3a8a;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="admin-users"]):is(.role-create-head span),
:where(html[data-style-page="admin-users"]) :is(.role-create-head span){font-size:11px;font-weight:800;color:#64748b;}
:where(html[data-style-page="admin-users"]):is(.role-create-form),
:where(html[data-style-page="admin-users"]) :is(.role-create-form){display:grid;grid-template-columns:180px 220px 1fr auto;gap:10px;align-items:end;padding:12px 14px;}
:where(html[data-style-page="admin-users"]):is(.role-create-form .field.wide),
:where(html[data-style-page="admin-users"]) :is(.role-create-form .field.wide){grid-column:1 / -1;}
:where(html[data-style-page="admin-users"]):is(.perm-grid),
:where(html[data-style-page="admin-users"]) :is(.perm-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:8px;}
:where(html[data-style-page="admin-users"]):is(.perm-group),
:where(html[data-style-page="admin-users"]) :is(.perm-group){border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:8px;}
:where(html[data-style-page="admin-users"]):is(.perm-group h4),
:where(html[data-style-page="admin-users"]) :is(.perm-group h4){margin:0 0 6px;font-size:11px;color:#334155;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:8px;}
:where(html[data-style-page="admin-users"]):is(.perm-group h4)::after,
:where(html[data-style-page="admin-users"]) :is(.perm-group h4)::after{content:'';height:1px;background:#e2e8f0;flex:1;}
:where(html[data-style-page="admin-users"]):is(.perm-check),
:where(html[data-style-page="admin-users"]) :is(.perm-check){display:grid;grid-template-columns:16px 1fr;gap:6px;margin:4px 0;padding:4px 5px;border-radius:6px;font-size:11.5px;color:#475569;font-weight:700;line-height:1.25;}
:where(html[data-style-page="admin-users"]):is(.perm-check:hover),
:where(html[data-style-page="admin-users"]) :is(.perm-check:hover){background:#fff;}
:where(html[data-style-page="admin-users"]):is(.perm-check input),
:where(html[data-style-page="admin-users"]) :is(.perm-check input){margin-top:1px;accent-color:#2563eb;}
:where(html[data-style-page="admin-users"]):is(.perm-check small),
:where(html[data-style-page="admin-users"]) :is(.perm-check small){display:block;color:#94a3b8;font-size:10px;font-weight:800;margin-top:1px;}
:where(html[data-style-page="admin-users"]):is(.roles-list),
:where(html[data-style-page="admin-users"]) :is(.roles-list){display:grid;gap:10px;}
:where(html[data-style-page="admin-users"]):is(.role-card),
:where(html[data-style-page="admin-users"]) :is(.role-card){border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:12px 14px;}
:where(html[data-style-page="admin-users"]):is(.role-card.off),
:where(html[data-style-page="admin-users"]) :is(.role-card.off){opacity:.7;background:#f8fafc;}
:where(html[data-style-page="admin-users"]):is(.role-card.admin-card),
:where(html[data-style-page="admin-users"]) :is(.role-card.admin-card){border-color:#e9d5ff;background:#fdfbff;}
:where(html[data-style-page="admin-users"]):is(.role-head),
:where(html[data-style-page="admin-users"]) :is(.role-head){display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:start;margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid #f1f5f9;}
:where(html[data-style-page="admin-users"]):is(.role-title),
:where(html[data-style-page="admin-users"]) :is(.role-title){display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
:where(html[data-style-page="admin-users"]):is(.role-title strong),
:where(html[data-style-page="admin-users"]) :is(.role-title strong){font-size:15px;color:#0f172a;}
:where(html[data-style-page="admin-users"]):is(.role-meta),
:where(html[data-style-page="admin-users"]) :is(.role-meta){display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;}
:where(html[data-style-page="admin-users"]):is(.role-tools),
:where(html[data-style-page="admin-users"]) :is(.role-tools){display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
:where(html[data-style-page="admin-users"]):is(.role-count),
:where(html[data-style-page="admin-users"]) :is(.role-count){display:inline-flex;align-items:center;gap:5px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900;}
:where(html[data-style-page="admin-users"]):is(.role-edit-grid),
:where(html[data-style-page="admin-users"]) :is(.role-edit-grid){display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px;margin-top:10px;}
:where(html[data-style-page="admin-users"]):is(.role-key),
:where(html[data-style-page="admin-users"]) :is(.role-key){font-family:monospace;font-size:10.5px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-weight:900;}
:where(html[data-style-page="admin-users"]):is(.role-key.locked),
:where(html[data-style-page="admin-users"]) :is(.role-key.locked){background:#ede9fe;color:#6d28d9;}
@media(max-width:1100px){:where(html[data-style-page="admin-users"]):is(.roles-summary),
:where(html[data-style-page="admin-users"]) :is(.roles-summary){grid-template-columns:repeat(2,1fr)}:where(html[data-style-page="admin-users"]):is(.role-create-form),
:where(html[data-style-page="admin-users"]) :is(.role-create-form){grid-template-columns:1fr 1fr}:where(html[data-style-page="admin-users"]):is(.role-create-form .field.wide),
:where(html[data-style-page="admin-users"]) :is(.role-create-form .field.wide){grid-column:1 / -1}:where(html[data-style-page="admin-users"]):is(.role-create-form .field:last-child),
:where(html[data-style-page="admin-users"]) :is(.role-create-form .field:last-child){grid-column:1 / -1}:where(html[data-style-page="admin-users"]):is(.role-head),
:where(html[data-style-page="admin-users"]) :is(.role-head){grid-template-columns:1fr}:where(html[data-style-page="admin-users"]):is(.role-tools),
:where(html[data-style-page="admin-users"]) :is(.role-tools){justify-content:flex-start}:where(html[data-style-page="admin-users"]):is(.role-edit-grid),
:where(html[data-style-page="admin-users"]) :is(.role-edit-grid){grid-template-columns:1fr}}
@media(max-width:680px){:where(html[data-style-page="admin-users"]):is(.roles-summary),
:where(html[data-style-page="admin-users"]) :is(.roles-summary){grid-template-columns:1fr}:where(html[data-style-page="admin-users"]):is(.role-create-form),
:where(html[data-style-page="admin-users"]) :is(.role-create-form){grid-template-columns:1fr}:where(html[data-style-page="admin-users"]):is(.perm-grid),
:where(html[data-style-page="admin-users"]) :is(.perm-grid){grid-template-columns:1fr}}

/* Page: ai_analysis/index.php */

:where(html[data-style-page="ai-analysis-index"]):is(:root),
:where(html[data-style-page="ai-analysis-index"]) :is(:root){
    --primary:#4f46e5;--primary-light:#eef2ff;--success:#10b981;--success-light:#ecfdf5;
    --warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;
    --gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;
    --gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;
    --radius:14px;--shadow:0 1px 4px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.1);
    --ai-gradient:linear-gradient(135deg,#4f46e5,#7c3aed,#2563eb);
}
:where(html[data-style-page="ai-analysis-index"]):is(*),
:where(html[data-style-page="ai-analysis-index"]) :is(*){box-sizing:border-box;margin:0;padding:0}
:where(html[data-style-page="ai-analysis-index"]):is(body),
:where(html[data-style-page="ai-analysis-index"]) :is(body){font-family:'Inter','Cairo',sans-serif;background:var(--gray-50);color:var(--gray-900)}
:where(html[data-style-page="ai-analysis-index"]):is(body.rtl),
:where(html[data-style-page="ai-analysis-index"]) :is(body.rtl){font-family:'Cairo','Inter',sans-serif}
:where(html[data-style-page="ai-analysis-index"]):is(.sx-wrap),
:where(html[data-style-page="ai-analysis-index"]) :is(.sx-wrap){max-width:1200px;margin:0 auto;padding:24px 16px}

/* Header */
:where(html[data-style-page="ai-analysis-index"]):is(.ai-header),
:where(html[data-style-page="ai-analysis-index"]) :is(.ai-header){display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}
:where(html[data-style-page="ai-analysis-index"]):is(.ai-header-icon),
:where(html[data-style-page="ai-analysis-index"]) :is(.ai-header-icon){width:48px;height:48px;background:var(--ai-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
:where(html[data-style-page="ai-analysis-index"]):is(.ai-header h1),
:where(html[data-style-page="ai-analysis-index"]) :is(.ai-header h1){font-size:22px;font-weight:700;background:var(--ai-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
:where(html[data-style-page="ai-analysis-index"]):is(.ai-header p),
:where(html[data-style-page="ai-analysis-index"]) :is(.ai-header p){font-size:13px;color:var(--gray-500);margin-top:2px}
:where(html[data-style-page="ai-analysis-index"]):is(.back-link),
:where(html[data-style-page="ai-analysis-index"]) :is(.back-link){color:var(--primary);text-decoration:none;font-size:13px;font-weight:600;margin-inline-end:auto}

/* Layout */
:where(html[data-style-page="ai-analysis-index"]):is(.ai-layout),
:where(html[data-style-page="ai-analysis-index"]) :is(.ai-layout){display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}
@media(max-width:900px){:where(html[data-style-page="ai-analysis-index"]):is(.ai-layout),
:where(html[data-style-page="ai-analysis-index"]) :is(.ai-layout){grid-template-columns:1fr}}

/* Form card */
:where(html[data-style-page="ai-analysis-index"]):is(.form-card),
:where(html[data-style-page="ai-analysis-index"]) :is(.form-card){background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:sticky;top:20px}
:where(html[data-style-page="ai-analysis-index"]):is(.form-card-head),
:where(html[data-style-page="ai-analysis-index"]) :is(.form-card-head){padding:16px 20px;background:var(--ai-gradient);color:#fff}
:where(html[data-style-page="ai-analysis-index"]):is(.form-card-head h2),
:where(html[data-style-page="ai-analysis-index"]) :is(.form-card-head h2){font-size:15px;font-weight:700}
:where(html[data-style-page="ai-analysis-index"]):is(.form-card-head p),
:where(html[data-style-page="ai-analysis-index"]) :is(.form-card-head p){font-size:12px;opacity:.85;margin-top:2px}
:where(html[data-style-page="ai-analysis-index"]):is(.form-card-body),
:where(html[data-style-page="ai-analysis-index"]) :is(.form-card-body){padding:20px;display:flex;flex-direction:column;gap:14px}
:where(html[data-style-page="ai-analysis-index"]):is(.fg),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg){display:flex;flex-direction:column;gap:5px}
:where(html[data-style-page="ai-analysis-index"]):is(.fg label),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg label){font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px}
:where(html[data-style-page="ai-analysis-index"]):is(.fg input),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg input),
:where(html[data-style-page="ai-analysis-index"]):is(.fg select),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg select),
:where(html[data-style-page="ai-analysis-index"]):is(.fg textarea),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg textarea){padding:9px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:13px;background:#fff;font-family:inherit;transition:border .15s}
:where(html[data-style-page="ai-analysis-index"]):is(.fg input:focus),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg input:focus),
:where(html[data-style-page="ai-analysis-index"]):is(.fg select:focus),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg select:focus),
:where(html[data-style-page="ai-analysis-index"]):is(.fg textarea:focus),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg textarea:focus){outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}
:where(html[data-style-page="ai-analysis-index"]):is(.fg textarea),
:where(html[data-style-page="ai-analysis-index"]) :is(.fg textarea){min-height:70px;resize:vertical}

/* Module checkboxes */
:where(html[data-style-page="ai-analysis-index"]):is(.module-grid),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-grid){display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
:where(html[data-style-page="ai-analysis-index"]):is(.module-cb),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-cb){display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:2px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .15s;background:#fff}
:where(html[data-style-page="ai-analysis-index"]):is(.module-cb:hover),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-cb:hover){border-color:var(--primary);background:var(--primary-light)}
:where(html[data-style-page="ai-analysis-index"]):is(.module-cb input),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-cb input){display:none}
:where(html[data-style-page="ai-analysis-index"]):is(.module-cb .cb-icon),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-cb .cb-icon){font-size:20px}
:where(html[data-style-page="ai-analysis-index"]):is(.module-cb .cb-label),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-cb .cb-label){font-size:11px;font-weight:600;color:var(--gray-700);text-align:center}
:where(html[data-style-page="ai-analysis-index"]):is(.module-cb.checked),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-cb.checked){border-color:var(--primary);background:var(--primary-light)}
:where(html[data-style-page="ai-analysis-index"]):is(.module-cb.checked .cb-label),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-cb.checked .cb-label){color:var(--primary)}

/* Generate button */
:where(html[data-style-page="ai-analysis-index"]):is(.btn-generate),
:where(html[data-style-page="ai-analysis-index"]) :is(.btn-generate){width:100%;padding:13px;border:none;border-radius:10px;background:var(--ai-gradient);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s;font-family:inherit}
:where(html[data-style-page="ai-analysis-index"]):is(.btn-generate:hover),
:where(html[data-style-page="ai-analysis-index"]) :is(.btn-generate:hover){opacity:.9}
:where(html[data-style-page="ai-analysis-index"]):is(.btn-generate:disabled),
:where(html[data-style-page="ai-analysis-index"]) :is(.btn-generate:disabled){opacity:.6;cursor:not-allowed}

/* Right panel */
:where(html[data-style-page="ai-analysis-index"]):is(.right-panel),
:where(html[data-style-page="ai-analysis-index"]) :is(.right-panel){display:flex;flex-direction:column;gap:20px}

/* Report display */
:where(html[data-style-page="ai-analysis-index"]):is(.report-card),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-card){background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}
:where(html[data-style-page="ai-analysis-index"]):is(.report-card-head),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-card-head){padding:16px 20px;background:var(--ai-gradient);color:#fff;display:flex;align-items:center;justify-content:space-between}
:where(html[data-style-page="ai-analysis-index"]):is(.report-card-head h3),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-card-head h3){font-size:14px;font-weight:700}
:where(html[data-style-page="ai-analysis-index"]):is(.report-card-head .head-meta),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-card-head .head-meta){font-size:11px;opacity:.8;margin-top:3px}
:where(html[data-style-page="ai-analysis-index"]):is(.report-card-actions),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-card-actions){display:flex;gap:8px}
:where(html[data-style-page="ai-analysis-index"]):is(.btn-sm),
:where(html[data-style-page="ai-analysis-index"]) :is(.btn-sm){padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:all .15s}
:where(html[data-style-page="ai-analysis-index"]):is(.btn-white),
:where(html[data-style-page="ai-analysis-index"]) :is(.btn-white){background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}
:where(html[data-style-page="ai-analysis-index"]):is(.btn-white:hover),
:where(html[data-style-page="ai-analysis-index"]) :is(.btn-white:hover){background:rgba(255,255,255,.35)}
:where(html[data-style-page="ai-analysis-index"]):is(.btn-danger-sm),
:where(html[data-style-page="ai-analysis-index"]) :is(.btn-danger-sm){background:var(--danger-light);color:var(--danger)}
:where(html[data-style-page="ai-analysis-index"]):is(.btn-primary-sm),
:where(html[data-style-page="ai-analysis-index"]) :is(.btn-primary-sm){background:var(--primary-light);color:var(--primary)}

/* Markdown report content */
:where(html[data-style-page="ai-analysis-index"]):is(.report-content),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content){padding:24px;line-height:1.8;font-size:14px}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content h1),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content h1),
:where(html[data-style-page="ai-analysis-index"]):is(.report-content h2),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content h2),
:where(html[data-style-page="ai-analysis-index"]):is(.report-content h3),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content h3){color:var(--primary);margin:20px 0 8px;font-weight:700}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content h1),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content h1){font-size:20px;border-bottom:2px solid var(--primary-light);padding-bottom:8px}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content h2),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content h2){font-size:17px}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content h3),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content h3){font-size:15px;color:var(--gray-700)}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content p),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content p){margin-bottom:10px;color:var(--gray-700)}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content ul),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content ul),
:where(html[data-style-page="ai-analysis-index"]):is(.report-content ol),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content ol){margin:8px 0 12px 20px;color:var(--gray-700)}
:where(html[data-style-page="ai-analysis-index"]):is(body.rtl .report-content ul),
:where(html[data-style-page="ai-analysis-index"]) :is(body.rtl .report-content ul),
:where(html[data-style-page="ai-analysis-index"]):is(body.rtl .report-content ol),
:where(html[data-style-page="ai-analysis-index"]) :is(body.rtl .report-content ol){margin:8px 20px 12px 0}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content li),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content li){margin-bottom:4px}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content strong),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content strong){color:var(--gray-900)}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content table),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content table){width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content table th),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content table th){background:var(--primary-light);color:var(--primary);padding:8px 12px;text-align:start;font-weight:600}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content table td),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content table td){padding:7px 12px;border-bottom:1px solid var(--gray-100)}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content table tr:hover td),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content table tr:hover td){background:var(--gray-50)}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content blockquote),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content blockquote){border-inline-start:3px solid var(--primary);padding:8px 14px;background:var(--primary-light);border-radius:0 8px 8px 0;margin:10px 0;color:var(--gray-700)}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content code),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content code){background:var(--gray-100);padding:2px 6px;border-radius:4px;font-size:12px}
:where(html[data-style-page="ai-analysis-index"]):is(.report-content hr),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-content hr){border:none;border-top:1px solid var(--gray-200);margin:16px 0}

/* Loading state */
:where(html[data-style-page="ai-analysis-index"]):is(.loading-box),
:where(html[data-style-page="ai-analysis-index"]) :is(.loading-box){padding:48px 24px;text-align:center}
:where(html[data-style-page="ai-analysis-index"]):is(.loading-spinner),
:where(html[data-style-page="ai-analysis-index"]) :is(.loading-spinner){width:48px;height:48px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:acct-ai-analysis-index-spin 1s linear infinite;margin:0 auto 16px}
@keyframes acct-ai-analysis-index-spin{to{transform:rotate(360deg)}}
:where(html[data-style-page="ai-analysis-index"]):is(.loading-box p),
:where(html[data-style-page="ai-analysis-index"]) :is(.loading-box p){color:var(--gray-500);font-size:14px}
:where(html[data-style-page="ai-analysis-index"]):is(.loading-steps),
:where(html[data-style-page="ai-analysis-index"]) :is(.loading-steps){margin-top:16px;display:flex;flex-direction:column;gap:6px;max-width:280px;margin-inline:auto}
:where(html[data-style-page="ai-analysis-index"]):is(.loading-step),
:where(html[data-style-page="ai-analysis-index"]) :is(.loading-step){font-size:12px;color:var(--gray-400);display:flex;align-items:center;gap:8px}
:where(html[data-style-page="ai-analysis-index"]):is(.loading-step.active),
:where(html[data-style-page="ai-analysis-index"]) :is(.loading-step.active){color:var(--primary);font-weight:600}
:where(html[data-style-page="ai-analysis-index"]):is(.loading-step.done),
:where(html[data-style-page="ai-analysis-index"]) :is(.loading-step.done){color:var(--success)}

/* Saved reports list */
:where(html[data-style-page="ai-analysis-index"]):is(.saved-card),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-card){background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-card-head),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-card-head){padding:14px 18px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-card-head h3),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-card-head h3){font-size:14px;font-weight:700;color:var(--gray-700)}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-list),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-list){padding:8px 0}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-item),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-item){display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--gray-50);transition:background .1s;cursor:pointer}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-item:last-child),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-item:last-child){border-bottom:none}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-item:hover),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-item:hover){background:var(--gray-50)}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-item-icon),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-item-icon){width:36px;height:36px;background:var(--ai-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-item-info),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-item-info){flex:1;min-width:0}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-item-title),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-item-title){font-size:13px;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-item-meta),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-item-meta){font-size:11px;color:var(--gray-500);margin-top:2px}
:where(html[data-style-page="ai-analysis-index"]):is(.saved-item-actions),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-item-actions){display:flex;gap:6px;flex-shrink:0}
:where(html[data-style-page="ai-analysis-index"]):is(.module-tag),
:where(html[data-style-page="ai-analysis-index"]) :is(.module-tag){display:inline-block;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:600;background:var(--primary-light);color:var(--primary)}

:where(html[data-style-page="ai-analysis-index"]):is(.empty-state),
:where(html[data-style-page="ai-analysis-index"]) :is(.empty-state){text-align:center;padding:40px 20px;color:var(--gray-500)}
:where(html[data-style-page="ai-analysis-index"]):is(.empty-state .icon),
:where(html[data-style-page="ai-analysis-index"]) :is(.empty-state .icon){font-size:40px;opacity:.3;margin-bottom:10px}

@media print{
    :where(html[data-style-page="ai-analysis-index"]):is(.form-card),
:where(html[data-style-page="ai-analysis-index"]) :is(.form-card),
:where(html[data-style-page="ai-analysis-index"]):is(.saved-card),
:where(html[data-style-page="ai-analysis-index"]) :is(.saved-card),
:where(html[data-style-page="ai-analysis-index"]):is(.ai-header),
:where(html[data-style-page="ai-analysis-index"]) :is(.ai-header),
:where(html[data-style-page="ai-analysis-index"]):is(.back-link),
:where(html[data-style-page="ai-analysis-index"]) :is(.back-link){display:none}
    :where(html[data-style-page="ai-analysis-index"]):is(.report-card),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-card){box-shadow:none}
    :where(html[data-style-page="ai-analysis-index"]):is(.report-card-actions),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-card-actions){display:none}
    :where(html[data-style-page="ai-analysis-index"]):is(.report-card-head),
:where(html[data-style-page="ai-analysis-index"]) :is(.report-card-head){background:#4f46e5;-webkit-print-color-adjust:exact}
}

/* Page: ai_analysis/settings.php */

:where(html[data-style-page="ai-analysis-settings"]):is(:root),
:where(html[data-style-page="ai-analysis-settings"]) :is(:root){--primary:#4f46e5;--success:#10b981;--danger:#ef4444;--gray-50:#f9fafb;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-900:#111827;--radius:12px;--shadow:0 1px 4px rgba(0,0,0,.08)}
:where(html[data-style-page="ai-analysis-settings"]):is(*),
:where(html[data-style-page="ai-analysis-settings"]) :is(*){box-sizing:border-box;margin:0;padding:0}
:where(html[data-style-page="ai-analysis-settings"]):is(body),
:where(html[data-style-page="ai-analysis-settings"]) :is(body){font-family:'Inter','Cairo',sans-serif;background:var(--gray-50);color:var(--gray-900)}
:where(html[data-style-page="ai-analysis-settings"]):is(body.rtl),
:where(html[data-style-page="ai-analysis-settings"]) :is(body.rtl){font-family:'Cairo','Inter',sans-serif}
:where(html[data-style-page="ai-analysis-settings"]):is(.sx-wrap),
:where(html[data-style-page="ai-analysis-settings"]) :is(.sx-wrap){max-width:600px;margin:40px auto;padding:0 16px}
:where(html[data-style-page="ai-analysis-settings"]):is(.card),
:where(html[data-style-page="ai-analysis-settings"]) :is(.card){background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
:where(html[data-style-page="ai-analysis-settings"]):is(.card-head),
:where(html[data-style-page="ai-analysis-settings"]) :is(.card-head){padding:20px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}
:where(html[data-style-page="ai-analysis-settings"]):is(.card-head h1),
:where(html[data-style-page="ai-analysis-settings"]) :is(.card-head h1){font-size:18px;font-weight:700}
:where(html[data-style-page="ai-analysis-settings"]):is(.card-head p),
:where(html[data-style-page="ai-analysis-settings"]) :is(.card-head p){font-size:13px;opacity:.85;margin-top:4px}
:where(html[data-style-page="ai-analysis-settings"]):is(.card-body),
:where(html[data-style-page="ai-analysis-settings"]) :is(.card-body){padding:24px;display:flex;flex-direction:column;gap:16px}
:where(html[data-style-page="ai-analysis-settings"]):is(.fg),
:where(html[data-style-page="ai-analysis-settings"]) :is(.fg){display:flex;flex-direction:column;gap:6px}
:where(html[data-style-page="ai-analysis-settings"]):is(.fg label),
:where(html[data-style-page="ai-analysis-settings"]) :is(.fg label){font-size:12px;font-weight:700;color:var(--gray-500);text-transform:uppercase}
:where(html[data-style-page="ai-analysis-settings"]):is(.fg input),
:where(html[data-style-page="ai-analysis-settings"]) :is(.fg input){padding:10px 14px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px;font-family:monospace}
:where(html[data-style-page="ai-analysis-settings"]):is(.fg input:focus),
:where(html[data-style-page="ai-analysis-settings"]) :is(.fg input:focus){outline:none;border-color:var(--primary)}
:where(html[data-style-page="ai-analysis-settings"]):is(.btn),
:where(html[data-style-page="ai-analysis-settings"]) :is(.btn){padding:11px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
:where(html[data-style-page="ai-analysis-settings"]):is(.btn-primary),
:where(html[data-style-page="ai-analysis-settings"]) :is(.btn-primary){background:var(--primary);color:#fff}
:where(html[data-style-page="ai-analysis-settings"]):is(.btn-outline),
:where(html[data-style-page="ai-analysis-settings"]) :is(.btn-outline){background:#fff;color:var(--gray-500);border:1px solid var(--gray-300);text-decoration:none}
:where(html[data-style-page="ai-analysis-settings"]):is(.alert),
:where(html[data-style-page="ai-analysis-settings"]) :is(.alert){padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600}
:where(html[data-style-page="ai-analysis-settings"]):is(.alert-success),
:where(html[data-style-page="ai-analysis-settings"]) :is(.alert-success){background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
:where(html[data-style-page="ai-analysis-settings"]):is(.alert-error),
:where(html[data-style-page="ai-analysis-settings"]) :is(.alert-error){background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
:where(html[data-style-page="ai-analysis-settings"]):is(.hint),
:where(html[data-style-page="ai-analysis-settings"]) :is(.hint){font-size:12px;color:var(--gray-500);line-height:1.5}
:where(html[data-style-page="ai-analysis-settings"]):is(.back-link),
:where(html[data-style-page="ai-analysis-settings"]) :is(.back-link){display:inline-flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none;font-size:13px;font-weight:600;margin-bottom:16px}

/* Page: api/api_manager.php */

:where(html[data-style-page="api-api-manager"]):is(:root),
:where(html[data-style-page="api-api-manager"]) :is(:root){--primary:#6366f1;--primary-light:#eef2ff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--radius:12px}
:where(html[data-style-page="api-api-manager"]):is(*),
:where(html[data-style-page="api-api-manager"]) :is(*){box-sizing:border-box}
:where(html[data-style-page="api-api-manager"]):is(.api-wrap),
:where(html[data-style-page="api-api-manager"]) :is(.api-wrap){max-width:1400px;margin:0 auto;padding:20px 16px}
:where(html[data-style-page="api-api-manager"]):is(.api-hero),
:where(html[data-style-page="api-api-manager"]) :is(.api-hero){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}
:where(html[data-style-page="api-api-manager"]):is(.api-card),
:where(html[data-style-page="api-api-manager"]) :is(.api-card){background:linear-gradient(135deg,var(--primary-light),#fff);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;text-align:center}
:where(html[data-style-page="api-api-manager"]):is(.api-card .num),
:where(html[data-style-page="api-api-manager"]) :is(.api-card .num){font-size:26px;font-weight:700;color:var(--gray-800)}
:where(html[data-style-page="api-api-manager"]):is(.api-card .lbl),
:where(html[data-style-page="api-api-manager"]) :is(.api-card .lbl){font-size:12px;color:var(--gray-500);margin-top:4px}
:where(html[data-style-page="api-api-manager"]):is(.sec),
:where(html[data-style-page="api-api-manager"]) :is(.sec){background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;margin-bottom:20px}
:where(html[data-style-page="api-api-manager"]):is(.sec h2),
:where(html[data-style-page="api-api-manager"]) :is(.sec h2){font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:14px;display:flex;align-items:center;gap:8px}
:where(html[data-style-page="api-api-manager"]):is(.btn),
:where(html[data-style-page="api-api-manager"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}
:where(html[data-style-page="api-api-manager"]):is(.btn-p),
:where(html[data-style-page="api-api-manager"]) :is(.btn-p){background:var(--primary);color:#fff}:where(html[data-style-page="api-api-manager"]):is(.btn-p:hover),
:where(html[data-style-page="api-api-manager"]) :is(.btn-p:hover){background:#4f46e5}
:where(html[data-style-page="api-api-manager"]):is(.btn-d),
:where(html[data-style-page="api-api-manager"]) :is(.btn-d){background:var(--danger);color:#fff}:where(html[data-style-page="api-api-manager"]):is(.btn-d:hover),
:where(html[data-style-page="api-api-manager"]) :is(.btn-d:hover){background:#dc2626}
:where(html[data-style-page="api-api-manager"]):is(.btn-o),
:where(html[data-style-page="api-api-manager"]) :is(.btn-o){background:#fff;color:var(--gray-600);border:1px solid var(--gray-200)}:where(html[data-style-page="api-api-manager"]):is(.btn-o:hover),
:where(html[data-style-page="api-api-manager"]) :is(.btn-o:hover){border-color:var(--gray-400)}
:where(html[data-style-page="api-api-manager"]):is(.tbl),
:where(html[data-style-page="api-api-manager"]) :is(.tbl){width:100%;border-collapse:collapse;font-size:13px}
:where(html[data-style-page="api-api-manager"]):is(.tbl th),
:where(html[data-style-page="api-api-manager"]) :is(.tbl th){background:var(--gray-50);padding:10px 12px;text-align:start;font-weight:600;color:var(--gray-600);border-bottom:2px solid var(--gray-200)}
:where(html[data-style-page="api-api-manager"]):is(.tbl td),
:where(html[data-style-page="api-api-manager"]) :is(.tbl td){padding:10px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}
:where(html[data-style-page="api-api-manager"]):is(.tbl tr:hover td),
:where(html[data-style-page="api-api-manager"]) :is(.tbl tr:hover td){background:var(--gray-50)}
:where(html[data-style-page="api-api-manager"]):is(.badge),
:where(html[data-style-page="api-api-manager"]) :is(.badge){display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}
:where(html[data-style-page="api-api-manager"]):is(.badge-on),
:where(html[data-style-page="api-api-manager"]) :is(.badge-on){background:#d1fae5;color:#065f46}:where(html[data-style-page="api-api-manager"]):is(.badge-off),
:where(html[data-style-page="api-api-manager"]) :is(.badge-off){background:#fee2e2;color:#991b1b}
:where(html[data-style-page="api-api-manager"]):is(.cred-box),
:where(html[data-style-page="api-api-manager"]) :is(.cred-box){background:var(--gray-800);color:#a5f3fc;padding:16px;border-radius:8px;font-family:monospace;font-size:13px;margin:12px 0;word-break:break-all;line-height:1.8}
:where(html[data-style-page="api-api-manager"]):is(.cred-box strong),
:where(html[data-style-page="api-api-manager"]) :is(.cred-box strong){color:#fbbf24}
:where(html[data-style-page="api-api-manager"]):is(.form-group),
:where(html[data-style-page="api-api-manager"]) :is(.form-group){margin-bottom:12px}
:where(html[data-style-page="api-api-manager"]):is(.form-group label),
:where(html[data-style-page="api-api-manager"]) :is(.form-group label){display:block;font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:4px}
:where(html[data-style-page="api-api-manager"]):is(.form-group input),
:where(html[data-style-page="api-api-manager"]) :is(.form-group input),
:where(html[data-style-page="api-api-manager"]):is(.form-group select),
:where(html[data-style-page="api-api-manager"]) :is(.form-group select),
:where(html[data-style-page="api-api-manager"]):is(.form-group textarea),
:where(html[data-style-page="api-api-manager"]) :is(.form-group textarea){width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:8px;font-size:13px}
:where(html[data-style-page="api-api-manager"]):is(.perm-grid),
:where(html[data-style-page="api-api-manager"]) :is(.perm-grid){display:flex;flex-wrap:wrap;gap:8px}
:where(html[data-style-page="api-api-manager"]):is(.perm-chip),
:where(html[data-style-page="api-api-manager"]) :is(.perm-chip){padding:4px 10px;border-radius:6px;font-size:12px;border:1px solid var(--gray-200);cursor:pointer;user-select:none;transition:all .2s}
:where(html[data-style-page="api-api-manager"]):is(.perm-chip.on),
:where(html[data-style-page="api-api-manager"]) :is(.perm-chip.on){background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}
:where(html[data-style-page="api-api-manager"]):is(.modal-overlay),
:where(html[data-style-page="api-api-manager"]) :is(.modal-overlay){display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;align-items:center;justify-content:center}
:where(html[data-style-page="api-api-manager"]):is(.modal-overlay.open),
:where(html[data-style-page="api-api-manager"]) :is(.modal-overlay.open){display:flex}
:where(html[data-style-page="api-api-manager"]):is(.modal-box),
:where(html[data-style-page="api-api-manager"]) :is(.modal-box){background:#fff;border-radius:var(--radius);padding:24px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto}
:where(html[data-style-page="api-api-manager"]):is(.tabs),
:where(html[data-style-page="api-api-manager"]) :is(.tabs){display:flex;gap:2px;margin-bottom:16px;border-bottom:2px solid var(--gray-200)}
:where(html[data-style-page="api-api-manager"]):is(.tab),
:where(html[data-style-page="api-api-manager"]) :is(.tab){padding:8px 16px;font-size:13px;font-weight:500;border:none;background:none;cursor:pointer;color:var(--gray-500);border-bottom:2px solid transparent;margin-bottom:-2px}
:where(html[data-style-page="api-api-manager"]):is(.tab.active),
:where(html[data-style-page="api-api-manager"]) :is(.tab.active){color:var(--primary);border-bottom-color:var(--primary)}
:where(html[data-style-page="api-api-manager"]):is(.tab-panel),
:where(html[data-style-page="api-api-manager"]) :is(.tab-panel){display:none}:where(html[data-style-page="api-api-manager"]):is(.tab-panel.active),
:where(html[data-style-page="api-api-manager"]) :is(.tab-panel.active){display:block}
:where(html[data-style-page="api-api-manager"]):is(.toast),
:where(html[data-style-page="api-api-manager"]) :is(.toast){position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:8px;color:#fff;font-size:13px;font-weight:500;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none}
:where(html[data-style-page="api-api-manager"]):is(.toast.show),
:where(html[data-style-page="api-api-manager"]) :is(.toast.show){opacity:1}:where(html[data-style-page="api-api-manager"]):is(.toast-ok),
:where(html[data-style-page="api-api-manager"]) :is(.toast-ok){background:var(--success)}:where(html[data-style-page="api-api-manager"]):is(.toast-err),
:where(html[data-style-page="api-api-manager"]) :is(.toast-err){background:var(--danger)}
@media(max-width:600px){:where(html[data-style-page="api-api-manager"]):is(.api-hero),
:where(html[data-style-page="api-api-manager"]) :is(.api-hero){grid-template-columns:1fr 1fr}}

/* Page: config/backup/index.php */

:where(html[data-style-page="config-backup-index"]):is(:root),
:where(html[data-style-page="config-backup-index"]) :is(:root){--primary:#6366f1;--primary-light:#eef2ff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--radius:12px}
:where(html[data-style-page="config-backup-index"]):is(*),
:where(html[data-style-page="config-backup-index"]) :is(*){box-sizing:border-box;margin:0;padding:0}
:where(html[data-style-page="config-backup-index"]):is(.bk-wrap),
:where(html[data-style-page="config-backup-index"]) :is(.bk-wrap){max-width:1100px;margin:0 auto;padding:20px 16px}
:where(html[data-style-page="config-backup-index"]):is(.bk-hero),
:where(html[data-style-page="config-backup-index"]) :is(.bk-hero){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}
:where(html[data-style-page="config-backup-index"]):is(.bk-card),
:where(html[data-style-page="config-backup-index"]) :is(.bk-card){background:linear-gradient(135deg,var(--primary-light),#fff);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;text-align:center}
:where(html[data-style-page="config-backup-index"]):is(.bk-card .num),
:where(html[data-style-page="config-backup-index"]) :is(.bk-card .num){font-size:28px;font-weight:700;color:var(--gray-800)}
:where(html[data-style-page="config-backup-index"]):is(.bk-card .lbl),
:where(html[data-style-page="config-backup-index"]) :is(.bk-card .lbl){font-size:12px;color:var(--gray-500);margin-top:4px}
:where(html[data-style-page="config-backup-index"]):is(.bk-section),
:where(html[data-style-page="config-backup-index"]) :is(.bk-section){background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;margin-bottom:20px}
:where(html[data-style-page="config-backup-index"]):is(.bk-section h2),
:where(html[data-style-page="config-backup-index"]) :is(.bk-section h2){font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:14px;display:flex;align-items:center;gap:8px}
:where(html[data-style-page="config-backup-index"]):is(.bk-btn),
:where(html[data-style-page="config-backup-index"]) :is(.bk-btn){display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}
:where(html[data-style-page="config-backup-index"]):is(.bk-btn-primary),
:where(html[data-style-page="config-backup-index"]) :is(.bk-btn-primary){background:var(--primary);color:#fff}:where(html[data-style-page="config-backup-index"]):is(.bk-btn-primary:hover),
:where(html[data-style-page="config-backup-index"]) :is(.bk-btn-primary:hover){background:#4f46e5}
:where(html[data-style-page="config-backup-index"]):is(.bk-btn-danger),
:where(html[data-style-page="config-backup-index"]) :is(.bk-btn-danger){background:var(--danger);color:#fff}:where(html[data-style-page="config-backup-index"]):is(.bk-btn-danger:hover),
:where(html[data-style-page="config-backup-index"]) :is(.bk-btn-danger:hover){background:#dc2626}
:where(html[data-style-page="config-backup-index"]):is(.bk-btn-outline),
:where(html[data-style-page="config-backup-index"]) :is(.bk-btn-outline){background:#fff;color:var(--gray-600);border:1px solid var(--gray-200)}:where(html[data-style-page="config-backup-index"]):is(.bk-btn-outline:hover),
:where(html[data-style-page="config-backup-index"]) :is(.bk-btn-outline:hover){border-color:var(--gray-400)}
:where(html[data-style-page="config-backup-index"]):is(.bk-btn:disabled),
:where(html[data-style-page="config-backup-index"]) :is(.bk-btn:disabled){opacity:.5;cursor:not-allowed}
:where(html[data-style-page="config-backup-index"]):is(.bk-table),
:where(html[data-style-page="config-backup-index"]) :is(.bk-table){width:100%;border-collapse:collapse;font-size:13px}
:where(html[data-style-page="config-backup-index"]):is(.bk-table th),
:where(html[data-style-page="config-backup-index"]) :is(.bk-table th){background:var(--gray-50);padding:10px 12px;text-align:start;font-weight:600;color:var(--gray-600);border-bottom:2px solid var(--gray-200)}
:where(html[data-style-page="config-backup-index"]):is(.bk-table td),
:where(html[data-style-page="config-backup-index"]) :is(.bk-table td){padding:10px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}
:where(html[data-style-page="config-backup-index"]):is(.bk-table tr:hover td),
:where(html[data-style-page="config-backup-index"]) :is(.bk-table tr:hover td){background:var(--gray-50)}
:where(html[data-style-page="config-backup-index"]):is(.badge),
:where(html[data-style-page="config-backup-index"]) :is(.badge){display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}
:where(html[data-style-page="config-backup-index"]):is(.badge-ok),
:where(html[data-style-page="config-backup-index"]) :is(.badge-ok){background:#d1fae5;color:#065f46}
:where(html[data-style-page="config-backup-index"]):is(.badge-fail),
:where(html[data-style-page="config-backup-index"]) :is(.badge-fail){background:#fee2e2;color:#991b1b}
:where(html[data-style-page="config-backup-index"]):is(.badge-run),
:where(html[data-style-page="config-backup-index"]) :is(.badge-run){background:#fef3c7;color:#92400e}
:where(html[data-style-page="config-backup-index"]):is(.badge-manual),
:where(html[data-style-page="config-backup-index"]) :is(.badge-manual){background:#e0e7ff;color:#3730a3}
:where(html[data-style-page="config-backup-index"]):is(.badge-sched),
:where(html[data-style-page="config-backup-index"]) :is(.badge-sched){background:#dbeafe;color:#1e40af}
:where(html[data-style-page="config-backup-index"]):is(.settings-grid),
:where(html[data-style-page="config-backup-index"]) :is(.settings-grid){display:grid;grid-template-columns:1fr 1fr;gap:14px}
:where(html[data-style-page="config-backup-index"]):is(.form-group),
:where(html[data-style-page="config-backup-index"]) :is(.form-group){margin-bottom:12px}
:where(html[data-style-page="config-backup-index"]):is(.form-group label),
:where(html[data-style-page="config-backup-index"]) :is(.form-group label){display:block;font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:4px}
:where(html[data-style-page="config-backup-index"]):is(.form-group input),
:where(html[data-style-page="config-backup-index"]) :is(.form-group input),
:where(html[data-style-page="config-backup-index"]):is(.form-group select),
:where(html[data-style-page="config-backup-index"]) :is(.form-group select){width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:8px;font-size:13px}
:where(html[data-style-page="config-backup-index"]):is(.form-group .check-row),
:where(html[data-style-page="config-backup-index"]) :is(.form-group .check-row){display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-600)}
:where(html[data-style-page="config-backup-index"]):is(.form-group .check-row input[type=checkbox]),
:where(html[data-style-page="config-backup-index"]) :is(.form-group .check-row input[type=checkbox]){width:16px;height:16px}
:where(html[data-style-page="config-backup-index"]):is(.toast),
:where(html[data-style-page="config-backup-index"]) :is(.toast){position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:8px;color:#fff;font-size:13px;font-weight:500;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none}
:where(html[data-style-page="config-backup-index"]):is(.toast.show),
:where(html[data-style-page="config-backup-index"]) :is(.toast.show){opacity:1}
:where(html[data-style-page="config-backup-index"]):is(.toast-ok),
:where(html[data-style-page="config-backup-index"]) :is(.toast-ok){background:var(--success)}:where(html[data-style-page="config-backup-index"]):is(.toast-err),
:where(html[data-style-page="config-backup-index"]) :is(.toast-err){background:var(--danger)}
:where(html[data-style-page="config-backup-index"]):is(.modal-overlay),
:where(html[data-style-page="config-backup-index"]) :is(.modal-overlay){display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;align-items:center;justify-content:center}
:where(html[data-style-page="config-backup-index"]):is(.modal-overlay.open),
:where(html[data-style-page="config-backup-index"]) :is(.modal-overlay.open){display:flex}
:where(html[data-style-page="config-backup-index"]):is(.modal-box),
:where(html[data-style-page="config-backup-index"]) :is(.modal-box){background:#fff;border-radius:var(--radius);padding:24px;max-width:480px;width:90%}
:where(html[data-style-page="config-backup-index"]):is(.modal-box h3),
:where(html[data-style-page="config-backup-index"]) :is(.modal-box h3){font-size:16px;font-weight:600;margin-bottom:12px;color:var(--gray-800)}
:where(html[data-style-page="config-backup-index"]):is(.spinner),
:where(html[data-style-page="config-backup-index"]) :is(.spinner){display:inline-block;width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:acct-config-backup-index-spin .6s linear infinite}
@keyframes acct-config-backup-index-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){:where(html[data-style-page="config-backup-index"]):is(.settings-grid),
:where(html[data-style-page="config-backup-index"]) :is(.settings-grid){grid-template-columns:1fr}:where(html[data-style-page="config-backup-index"]):is(.bk-hero),
:where(html[data-style-page="config-backup-index"]) :is(.bk-hero){grid-template-columns:1fr 1fr}}

/* Page: dashboard.php — financial overview and chart workspace */
:where(html[data-style-page="dashboard"]){--fd-ink:#172a43;--fd-muted:#607286;--fd-line:#dfe6ee;--fd-blue:#315bd6;--fd-teal:#0c998a;--fd-amber:#ba8a2f;--fd-paper:#fff}
:where(html[data-style-page="dashboard"]) body{background:#f4f7fa;color:var(--fd-ink)}
:where(html[data-style-page="dashboard"]) main.content{padding:28px;max-width:100%;background:#f4f7fa}
:where(html[data-style-page="dashboard"]) [hidden]{display:none!important}
:where(html[data-style-page="dashboard"]) .fd-dashboard{max-width:1680px;margin:0 auto;min-width:0}
:where(html[data-style-page="dashboard"]) .fd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 0 24px;margin-bottom:24px;border-bottom:1px solid var(--fd-line)}
:where(html[data-style-page="dashboard"]) .fd-heading{min-width:0}
:where(html[data-style-page="dashboard"]) .fd-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#5f7086;margin-bottom:8px}
:where(html[data-style-page="dashboard"][dir="rtl"]) .fd-eyebrow{letter-spacing:0}
:where(html[data-style-page="dashboard"]) .fd-heading h1{font-size:31px;line-height:1.2;letter-spacing:-.8px;margin:0 0 8px;font-weight:750;color:var(--fd-ink)}
:where(html[data-style-page="dashboard"]) .fd-heading p{margin:0;font-size:13px;line-height:1.65;color:var(--fd-muted)}
:where(html[data-style-page="dashboard"]) .fd-scope{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;color:#5c7087;font-size:11px;font-weight:600}
:where(html[data-style-page="dashboard"]) .fd-scope span{display:flex;gap:7px;align-items:center;min-width:0;max-width:100%;overflow-wrap:anywhere}
:where(html[data-style-page="dashboard"]) .fd-scope i{flex-shrink:0}
:where(html[data-style-page="dashboard"]) .fd-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;flex-shrink:0}
:where(html[data-style-page="dashboard"]) .fd-periods{display:flex;border:1px solid var(--fd-line);padding:4px;border-radius:9px;background:#edf1f6;gap:3px}
:where(html[data-style-page="dashboard"]) .fd-period{padding:8px 12px;font-size:11px;font-weight:650;color:#65788e;border-radius:6px;text-decoration:none;white-space:nowrap}
:where(html[data-style-page="dashboard"]) .fd-period.is-active{color:var(--fd-ink);background:#fff;box-shadow:0 1px 4px #14253c12}
:where(html[data-style-page="dashboard"]) .fd-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;min-height:37px;font-size:12px;font-weight:650;border:1px solid var(--fd-line);border-radius:7px;background:#fff;color:var(--fd-ink);box-shadow:none;white-space:nowrap}
:where(html[data-style-page="dashboard"]) .fd-button-primary{background:var(--fd-blue);color:#fff;border-color:var(--fd-blue)}
:where(html[data-style-page="dashboard"]) .fd-button-quiet{background:transparent;color:var(--fd-muted);border-color:transparent}
:where(html[data-style-page="dashboard"]) :is(button,a,input,select,summary):focus-visible{outline:3px solid #315bd64d;outline-offset:3px}
:where(html[data-style-page="dashboard"]) .fd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
:where(html[data-style-page="dashboard"]) .fd-kpi{min-width:0;padding:21px 22px 18px;border:1px solid var(--fd-line);border-radius:12px;background:#fff;position:relative;overflow:hidden}
:where(html[data-style-page="dashboard"]) .fd-kpi-sales{border-top:3px solid var(--fd-blue);padding-top:19px}
:where(html[data-style-page="dashboard"]) .fd-kpi-pending{border-top:3px solid #ceb074;padding-top:19px}
:where(html[data-style-page="dashboard"]) .fd-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:650;color:#63768d;line-height:1.5}
:where(html[data-style-page="dashboard"]) .fd-kpi-top i{font-size:15px;color:#9bb0c7}
:where(html[data-style-page="dashboard"]) .fd-kpi-value{display:block;font-size:clamp(23px,2.3vw,36px);line-height:1.3;font-weight:750;letter-spacing:-.7px;margin:12px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:where(html[data-style-page="dashboard"]) .fd-basis{font-size:10px;line-height:1.7;color:#637389}
:where(html[data-style-page="dashboard"]) .fd-last-date{display:block}
:where(html[data-style-page="dashboard"]) .fd-kpi-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #edf1f5;margin-top:18px;padding-top:14px}
:where(html[data-style-page="dashboard"]) .fd-kpi-split>div{min-width:0}
:where(html[data-style-page="dashboard"]) .fd-kpi-split :is(span,small){display:block;font-size:10px;line-height:1.6;color:#63758b}
:where(html[data-style-page="dashboard"]) .fd-kpi-split b{display:block;margin:4px 0;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:where(html[data-style-page="dashboard"]) .fd-pending-note{font-size:11px;line-height:1.6;color:#967334;display:flex;align-items:flex-start;gap:8px;margin-top:24px}
:where(html[data-style-page="dashboard"]) .fd-status-dot{width:6px;height:6px;border-radius:50%;background:#bc9447;flex:0 0 6px;margin-top:6px}
:where(html[data-style-page="dashboard"]) .fd-outflows{display:grid;grid-template-columns:1fr 1fr auto;border:1px solid var(--fd-line);border-radius:10px;background:#fff;margin-bottom:30px}
:where(html[data-style-page="dashboard"]) .fd-outflow{display:flex;gap:13px;align-items:center;padding:17px 21px;min-width:0}
:where(html[data-style-page="dashboard"]) .fd-outflow+div{border-inline-start:1px solid #edf1f5}
:where(html[data-style-page="dashboard"]) .fd-outflow-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;flex:0 0 38px}
:where(html[data-style-page="dashboard"]) .fd-teal{color:#0e9689;background:#edf8f5}
:where(html[data-style-page="dashboard"]) .fd-blue{color:#315bd6;background:#edf2fe}
:where(html[data-style-page="dashboard"]) .fd-outflow>div{min-width:0}
:where(html[data-style-page="dashboard"]) .fd-outflow :is(span:not(.fd-outflow-icon),small){display:block;font-size:10px;color:#63758b;line-height:1.5}
:where(html[data-style-page="dashboard"]) .fd-outflow strong{display:block;font-size:20px;font-weight:700;margin:3px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:where(html[data-style-page="dashboard"]) .fd-outflow-range{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:8px}
:where(html[data-style-page="dashboard"]) .fd-outflow-range span{font-size:10px;color:var(--fd-muted)}
:where(html[data-style-page="dashboard"]) .fd-outflow-range b{font-size:11px;font-weight:600;white-space:nowrap}
:where(html[data-style-page="dashboard"]) .fd-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 15px}
:where(html[data-style-page="dashboard"]) .fd-section-head h2{font-size:17px;font-weight:750;margin:0 0 4px;color:var(--fd-ink)}
:where(html[data-style-page="dashboard"]) .fd-section-head p{margin:0;color:var(--fd-muted);font-size:12px;line-height:1.6}
:where(html[data-style-page="dashboard"]) .fd-trends{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
:where(html[data-style-page="dashboard"]) .fd-mixes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(html[data-style-page="dashboard"]) .fd-panel{min-width:0;background:#fff;border:1px solid var(--fd-line);border-radius:12px;overflow:hidden}
:where(html[data-style-page="dashboard"]) .fd-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:19px 20px 10px}
:where(html[data-style-page="dashboard"]) .fd-panel-head>div{min-width:0}
:where(html[data-style-page="dashboard"]) .fd-panel-head h3{font-size:14px;font-weight:700;line-height:1.4;margin:0 0 5px}
:where(html[data-style-page="dashboard"]) .fd-panel-head p{font-size:10px;color:#63758b;line-height:1.7;margin:0}
:where(html[data-style-page="dashboard"]) .fd-view-label{display:block;margin:0;flex:0 0 auto}
:where(html[data-style-page="dashboard"]) .fd-view-label select{width:auto;max-width:125px;margin:0;min-height:33px;border:1px solid var(--fd-line);border-radius:6px;padding:6px 22px 6px 9px;background:#fff;color:#526882;font-size:11px;font-weight:600}
:where(html[data-style-page="dashboard"]) .fd-chart-plot{height:290px;position:relative;margin:10px 16px 12px;min-width:0}
:where(html[data-style-page="dashboard"]) .fd-chart-plot canvas{display:block;max-width:100%;max-height:100%}
:where(html[data-style-page="dashboard"]) .fd-chart-round{height:240px;max-width:100%;margin:5px 26px 20px}
:where(html[data-style-page="dashboard"]) .fd-chart-empty{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;padding:25px;color:#63758b;font-size:12px;line-height:1.8;background:#f8fafc;border-radius:8px}
:where(html[data-style-page="dashboard"]) .fd-branch-legend{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 17px}
:where(html[data-style-page="dashboard"]) .fd-legend-toggle{display:flex;gap:6px;align-items:center;max-width:100%;padding:5px 8px;border:1px solid #e6ecf3;border-radius:5px;background:#fff;color:#566b84;font-size:10px;font-weight:600;text-align:start}
:where(html[data-style-page="dashboard"]) .fd-legend-toggle[aria-pressed="false"]{opacity:.45}
:where(html[data-style-page="dashboard"]) .fd-legend-toggle span:last-child{min-width:0;overflow-wrap:anywhere}
:where(html[data-style-page="dashboard"]) .fd-swatch{display:inline-block;width:7px;height:7px;background:var(--series-color);border-radius:2px;flex:0 0 7px}
:where(html[data-style-page="dashboard"]) .fd-average-control{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:0 20px 16px;color:#63758b}
:where(html[data-style-page="dashboard"]) .fd-average-control label{display:flex;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:600;color:#63758b}
:where(html[data-style-page="dashboard"]) .fd-average-control input{width:13px;height:13px;min-height:0;margin:0;accent-color:var(--fd-blue)}
:where(html[data-style-page="dashboard"]) .fd-average-control b{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
:where(html[data-style-page="dashboard"]) .fd-data{border-top:1px solid #edf1f5}
:where(html[data-style-page="dashboard"]) .fd-data summary{padding:12px 20px;cursor:pointer;font-size:11px;font-weight:650;color:#58769d;list-style:inside}
:where(html[data-style-page="dashboard"]) .fd-data-wrap{width:100%;overflow:auto;max-height:340px}
:where(html[data-style-page="dashboard"]) .fd-data-wrap table{font-size:11px;min-width:400px}
:where(html[data-style-page="dashboard"]) .fd-data-wrap :is(th,td){padding:10px 14px;white-space:nowrap;border-bottom:1px solid #edf1f5;text-align:start!important;word-break:normal}
:where(html[data-style-page="dashboard"]) .fd-data-wrap th{font-size:10px;background:#f8fafc;color:#637389;font-weight:650;position:sticky;top:0;z-index:1}
:where(html[data-style-page="dashboard"]) .fd-data-wrap tbody td:not(:first-child){font-variant-numeric:tabular-nums}
:where(html[data-style-page="dashboard"]) .fd-mix-legend{padding:0 20px 18px;max-height:240px;overflow:auto}
:where(html[data-style-page="dashboard"]) .fd-mix-row{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #edf1f5}
:where(html[data-style-page="dashboard"]) .fd-mix-label{font-size:11px;line-height:1.5;color:#5e728a;overflow-wrap:anywhere}
:where(html[data-style-page="dashboard"]) .fd-mix-value{font-size:12px;font-weight:650;text-align:end;font-variant-numeric:tabular-nums}
:where(html[data-style-page="dashboard"]) .fd-mix-value small{font-size:10px;font-weight:500;color:#5f7186;margin-inline-start:8px}
:where(html[data-style-page="dashboard"]) .fd-chart-note{font-size:11px;line-height:1.6;color:#957033;margin:0 20px 15px}
:where(html[data-style-page="dashboard"]) .fd-category-details{border:1px solid var(--fd-line);border-radius:10px;background:#fff;margin-top:16px}
:where(html[data-style-page="dashboard"]) .debugBox{padding:16px;background:#fff;white-space:pre-wrap;font-size:12px;margin-top:16px;overflow:auto}
:where(html[data-style-page="dashboard"]) .fd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:where(html[data-style-page="dashboard"]) .modal{position:fixed;inset:0;width:100%!important;max-width:100%!important;max-height:100%!important;background:#14253c80;display:none;align-items:center;justify-content:center;padding:20px;z-index:2200;overflow:auto}
:where(html[data-style-page="dashboard"]) .modal.show{display:flex}
:where(html[data-style-page="dashboard"]) .modalCard{width:min(680px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border:1px solid var(--fd-line);border-radius:12px}
:where(html[data-style-page="dashboard"]) .modalHd{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--fd-line)}
:where(html[data-style-page="dashboard"]) .modalBd{padding:20px}
:where(html[data-style-page="dashboard"]) .fieldRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(html[data-style-page="dashboard"]) .fieldRow :is(input,select){max-width:100%;min-width:0}
:where(html[data-style-page="dashboard"]) .helperNote{font-size:11px;color:var(--fd-muted);line-height:1.7;margin-top:6px}
:where(html[data-style-page="dashboard"]) .btn-lite{padding:9px 12px;border:1px solid var(--fd-line);border-radius:7px;background:#fff;color:var(--fd-ink);font-size:12px;font-weight:650;box-shadow:none;display:inline-flex;gap:6px;align-items:center}
@media(max-width:1200px){:where(html[data-style-page="dashboard"]) .fd-head{align-items:flex-start;flex-direction:column;gap:18px}:where(html[data-style-page="dashboard"]) .fd-outflows{grid-template-columns:1fr 1fr}:where(html[data-style-page="dashboard"]) .fd-outflow-range{grid-column:1/-1;border-top:1px solid #edf1f5;border-inline-start:0;padding:12px 20px;flex-direction:row;justify-content:space-between}:where(html[data-style-page="dashboard"]) .fd-trends{grid-template-columns:1fr}}
@media(max-width:900px){:where(html[data-style-page="dashboard"]) .fd-kpis{gap:10px}:where(html[data-style-page="dashboard"]) .fd-kpi{padding:17px 15px}:where(html[data-style-page="dashboard"]) .fd-kpi-value{font-size:25px}:where(html[data-style-page="dashboard"]) .fd-kpi-split{grid-template-columns:1fr;gap:8px}}
@media(max-width:600px){:where(html[data-style-page="dashboard"]) main.content{padding:16px!important}:where(html[data-style-page="dashboard"]) .fd-head{margin-bottom:18px;padding-bottom:18px}:where(html[data-style-page="dashboard"]) .fd-heading h1{font-size:27px!important}:where(html[data-style-page="dashboard"]) .fd-kpis{grid-template-columns:1fr}:where(html[data-style-page="dashboard"]) .fd-kpi-split{grid-template-columns:1fr 1fr}:where(html[data-style-page="dashboard"]) .fd-kpi-value{font-size:32px}:where(html[data-style-page="dashboard"]) .fd-pending-note{margin-top:16px}:where(html[data-style-page="dashboard"]) .fd-tools{width:100%;gap:8px;flex-wrap:nowrap}:where(html[data-style-page="dashboard"]) .fd-periods{flex:1;justify-content:space-between;min-width:0}:where(html[data-style-page="dashboard"]) .fd-period{padding:7px 8px;font-size:10px}:where(html[data-style-page="dashboard"]) .fd-button-primary{padding:10px;font-size:11px}:where(html[data-style-page="dashboard"]) .fd-outflows{grid-template-columns:1fr}:where(html[data-style-page="dashboard"]) .fd-outflow+div{border-inline-start:0;border-top:1px solid #edf1f5}:where(html[data-style-page="dashboard"]) .fd-outflow-range{flex-direction:column;gap:5px}:where(html[data-style-page="dashboard"]) .fd-mixes{grid-template-columns:1fr}:where(html[data-style-page="dashboard"]) .fd-panel-head{padding:17px 16px 9px;gap:10px}:where(html[data-style-page="dashboard"]) .fd-panel-head h3{font-size:13px}:where(html[data-style-page="dashboard"]) .fd-view-label select{max-width:110px;font-size:11px}:where(html[data-style-page="dashboard"]) .fd-section-head{align-items:flex-start}:where(html[data-style-page="dashboard"]) .fd-section-head .fd-button{font-size:10px;padding:8px 0}:where(html[data-style-page="dashboard"]) .fd-chart-plot{height:260px;margin-inline:12px}:where(html[data-style-page="dashboard"]) .fd-chart-round{height:240px}:where(html[data-style-page="dashboard"]) .modal{padding:12px}:where(html[data-style-page="dashboard"]) .fieldRow{grid-template-columns:1fr}}
@media(max-width:768px){:where(html[data-style-page="dashboard"]) body:is(.rtl,.ltr) .sidebar.sidebar-v5:not(.open){box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){:where(html[data-style-page="dashboard"]) *{scroll-behavior:auto!important;transition:none!important}}
@media print{:where(html[data-style-page="dashboard"]) :is(.fd-tools,.fd-view-label,.fd-section-head>button,.fd-branch-legend){display:none!important}:where(html[data-style-page="dashboard"]) main.content{margin:0!important;padding:0!important}:where(html[data-style-page="dashboard"]) .fd-panel{break-inside:avoid}:where(html[data-style-page="dashboard"]) .fd-trends{grid-template-columns:1fr}}

/* Page: dashboard_operations.php */

:where(html[data-style-page="dashboard-operations"]):is(:root),
:where(html[data-style-page="dashboard-operations"]) :is(:root){--role-accent:var(--ord-role-accent);--ink:#111827;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--canvas:#f4f6f8;--primary:#2563eb;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#0f766e}
:where(html[data-style-page="dashboard-operations"]):is(*),
:where(html[data-style-page="dashboard-operations"]) :is(*){box-sizing:border-box}
:where(html[data-style-page="dashboard-operations"]):is(body),
:where(html[data-style-page="dashboard-operations"]) :is(body){margin:0;background:var(--canvas);color:var(--ink);font-family:'Inter','Cairo',sans-serif}
:where(html[data-style-page="dashboard-operations"]):is(body.rtl),
:where(html[data-style-page="dashboard-operations"]) :is(body.rtl){font-family:'Cairo','Inter',sans-serif}
:where(html[data-style-page="dashboard-operations"]):is(.ord-shell),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-shell){max-width:1480px;margin:0 auto;padding:22px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-head),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-head){display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--role-accent);border-radius:8px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-head-main),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-head-main){display:flex;align-items:center;gap:13px;min-width:0}
:where(html[data-style-page="dashboard-operations"]):is(.ord-role-mark),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-role-mark){width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:var(--role-accent);color:#fff;font-size:14px;font-weight:800}
:where(html[data-style-page="dashboard-operations"]):is(.ord-head h1),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-head h1){margin:0;font-size:23px;line-height:1.25;letter-spacing:0}
:where(html[data-style-page="dashboard-operations"]):is(.ord-subtitle),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-subtitle){margin:4px 0 0;color:var(--muted);font-size:13px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-context),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-context){display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
:where(html[data-style-page="dashboard-operations"]):is(.ord-chip),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-chip){display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;color:#475569;font-size:12px;font-weight:700}
:where(html[data-style-page="dashboard-operations"]):is(.ord-chip.role),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-chip.role){border-color:var(--role-accent);background:#f8fafc;color:var(--role-accent)}
:where(html[data-style-page="dashboard-operations"]):is(.ord-preview),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-preview){display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-preview-label),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-preview-label){padding-inline:5px;color:var(--muted);font-size:12px;font-weight:700}
:where(html[data-style-page="dashboard-operations"]):is(.ord-preview a),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-preview a){text-decoration:none}
:where(html[data-style-page="dashboard-operations"]):is(.ord-preview a.active),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-preview a.active){border-color:var(--role-accent);background:var(--role-accent);color:#fff}
:where(html[data-style-page="dashboard-operations"]):is(.ord-summary),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-summary){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-summary-item),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-summary-item){padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:8px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-summary-label),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-summary-label){display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}
:where(html[data-style-page="dashboard-operations"]):is(.ord-summary-value),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-summary-value){display:block;margin-top:5px;font-size:24px;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums}
:where(html[data-style-page="dashboard-operations"]):is(.ord-summary-item.pending .ord-summary-value),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-summary-item.pending .ord-summary-value){color:var(--ord-pending-color)}
:where(html[data-style-page="dashboard-operations"]):is(.ord-section),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-section){margin-bottom:24px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-section-head),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-section-head){display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-section h2),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-section h2){margin:0;font-size:17px;letter-spacing:0}
:where(html[data-style-page="dashboard-operations"]):is(.ord-section-note),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-section-note){color:var(--muted);font-size:12px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-grid),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-grid.actions),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-grid.actions){grid-template-columns:repeat(3,minmax(0,1fr))}
:where(html[data-style-page="dashboard-operations"]):is(.ord-tile),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-tile){min-width:0;min-height:128px;display:flex;flex-direction:column;padding:15px;background:#fff;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-top:3px solid var(--tone);border-radius:8px;box-shadow:0 1px 3px rgba(15,23,42,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
:where(html[data-style-page="dashboard-operations"]):is(.ord-tile:hover),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-tile:hover),
:where(html[data-style-page="dashboard-operations"]):is(.ord-tile:focus-visible),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-tile:focus-visible){transform:translateY(-2px);border-color:var(--tone);box-shadow:0 8px 20px rgba(15,23,42,.10);outline:none}
:where(html[data-style-page="dashboard-operations"]):is(.ord-tile-top),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-tile-top){display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
:where(html[data-style-page="dashboard-operations"]):is(.ord-tile-code),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-tile-code){width:42px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:6px;background:var(--tone-soft);color:var(--tone);font-size:10px;font-weight:800}
:where(html[data-style-page="dashboard-operations"]):is(.ord-count),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-count){min-width:38px;height:34px;display:grid;place-items:center;padding:0 9px;border-radius:6px;background:#f1f5f9;color:#334155;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
:where(html[data-style-page="dashboard-operations"]):is(.ord-count.has-work),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-count.has-work){background:#fef2f2;color:#b91c1c}
:where(html[data-style-page="dashboard-operations"]):is(.ord-tile-title),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-tile-title){margin-top:13px;font-size:14px;font-weight:800;line-height:1.35}
:where(html[data-style-page="dashboard-operations"]):is(.ord-tile-desc),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-tile-desc){margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}
:where(html[data-style-page="dashboard-operations"]):is(.ord-open),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-open){margin-top:auto;padding-top:11px;color:var(--tone);font-size:11px;font-weight:800}
:where(html[data-style-page="dashboard-operations"]):is(.tone-primary),
:where(html[data-style-page="dashboard-operations"]) :is(.tone-primary){--tone:#2563eb;--tone-soft:#eff6ff}:where(html[data-style-page="dashboard-operations"]):is(.tone-success),
:where(html[data-style-page="dashboard-operations"]) :is(.tone-success){--tone:#059669;--tone-soft:#ecfdf5}:where(html[data-style-page="dashboard-operations"]):is(.tone-warning),
:where(html[data-style-page="dashboard-operations"]) :is(.tone-warning){--tone:#d97706;--tone-soft:#fffbeb}:where(html[data-style-page="dashboard-operations"]):is(.tone-danger),
:where(html[data-style-page="dashboard-operations"]) :is(.tone-danger){--tone:#dc2626;--tone-soft:#fef2f2}:where(html[data-style-page="dashboard-operations"]):is(.tone-info),
:where(html[data-style-page="dashboard-operations"]) :is(.tone-info){--tone:#0f766e;--tone-soft:#f0fdfa}
:where(html[data-style-page="dashboard-operations"]):is(.ord-empty),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-empty){padding:22px;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;color:var(--muted);font-size:13px;text-align:center}
@media(max-width:1100px){:where(html[data-style-page="dashboard-operations"]):is(.ord-grid),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-grid),
:where(html[data-style-page="dashboard-operations"]):is(.ord-grid.actions),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-grid.actions){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){:where(html[data-style-page="dashboard-operations"]):is(.ord-shell),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-shell){padding:14px}:where(html[data-style-page="dashboard-operations"]):is(.ord-head),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-head){align-items:flex-start;flex-direction:column}:where(html[data-style-page="dashboard-operations"]):is(.ord-context),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-context){justify-content:flex-start}:where(html[data-style-page="dashboard-operations"]):is(.ord-summary),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-summary){grid-template-columns:1fr}:where(html[data-style-page="dashboard-operations"]):is(.ord-grid),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-grid),
:where(html[data-style-page="dashboard-operations"]):is(.ord-grid.actions),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-grid.actions){grid-template-columns:1fr}:where(html[data-style-page="dashboard-operations"]):is(.ord-tile),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-tile){min-height:116px}:where(html[data-style-page="dashboard-operations"]):is(.ord-section-head),
:where(html[data-style-page="dashboard-operations"]) :is(.ord-section-head){align-items:flex-start;flex-direction:column}}

:where(html[data-style-page="dashboard-operations"]):is(:root){--ord-role-accent:#2563eb;--ord-pending-color:#059669}
:where(html[data-style-page="dashboard-operations"]):is([data-ord-mode="bm"]){--ord-role-accent:#059669}
:where(html[data-style-page="dashboard-operations"]):is([data-ord-mode="sk"]){--ord-role-accent:#d97706}
:where(html[data-style-page="dashboard-operations"]):is([data-ord-pending="true"]){--ord-pending-color:#dc2626}
/* Page: default.php */

            :where(html[data-style-page="default"]):is(body),
:where(html[data-style-page="default"]) :is(body){
                margin: 0px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100vw;
                height: 100vh;
                min-height: 675px;
                background-color: #F4F5FF;
            }
            :where(html[data-style-page="default"]):is(p),
:where(html[data-style-page="default"]) :is(p){
                width: 100%;
                left: 0px;
                font-size: 16px;
                font-family: 'DM Sans', sans-serif;
                font-weight: 400;
                letter-spacing: 0px;
                text-align: center;
                vertical-align: top;
                max-width: 550px;
                color: #727586;
                margin: 0px;
            }
            :where(html[data-style-page="default"]):is(a:hover),
:where(html[data-style-page="default"]) :is(a:hover){
                cursor: pointer;
                color: #673DE6;
                text-decoration: underline;
            }
            :where(html[data-style-page="default"]):is(h1),
:where(html[data-style-page="default"]) :is(h1){
                font-family: 'DM Sans', sans-serif;
                font-size: 24px;
                font-weight: 700;
                letter-spacing: 0px;
                text-align: center;
                margin: 8px;
            }
            :where(html[data-style-page="default"]):is(.content),
:where(html[data-style-page="default"]) :is(.content){
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
            }
            :where(html[data-style-page="default"]):is(.ic-launch),
:where(html[data-style-page="default"]) :is(.ic-launch){
                margin-left: 10.5px;
                width: 21px !important;
                height: 20px !important;
            }
            :where(html[data-style-page="default"]):is(.link-container),
:where(html[data-style-page="default"]) :is(.link-container){
                margin-top: 32px;
                margin-bottom: 32px;
            }
            :where(html[data-style-page="default"]):is(.link),
:where(html[data-style-page="default"]) :is(.link){
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                font-family: 'DM Sans', sans-serif;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                color: #673DE6;
                margin-top: 8px;
                text-decoration: none;
            }
            :where(html[data-style-page="default"]):is(.main-image),
:where(html[data-style-page="default"]) :is(.main-image){
                width: 100%;
                max-width: 650px;
                max-height: 406px;
                height: auto;
            }
            :where(html[data-style-page="default"]):is(.navigation),
:where(html[data-style-page="default"]) :is(.navigation){
                width: 100%;
                height: 72px;
                display: flex;
                margin: 0;
                padding: 0;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                background-color: #36344D;
            }
            @media screen and (max-width: 580px) and (min-width: 0px) {
                :where(html[data-style-page="default"]):is(h1),
:where(html[data-style-page="default"]) :is(h1),
:where(html[data-style-page="default"]):is(p),
:where(html[data-style-page="default"]) :is(p),
:where(html[data-style-page="default"]):is(.link-container),
:where(html[data-style-page="default"]) :is(.link-container){
                    width: 80%;
                }
            }
            @media screen and (min-width: 650px) and (min-height: 0px) and (max-height: 750px) {
                :where(html[data-style-page="default"]):is(.link-container),
:where(html[data-style-page="default"]) :is(.link-container){
                    margin-top: 12px;
                }
                :where(html[data-style-page="default"]):is(h1),
:where(html[data-style-page="default"]) :is(h1){
                    margin-top: 0px;
                    margin-bottom: 0px;
                }
            }
        
/* Page: default.php.old.php */

            :where(html[data-style-page="default-php-old"]):is(body),
:where(html[data-style-page="default-php-old"]) :is(body){
                margin: 0px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100vw;
                height: 100vh;
                min-height: 675px;
                background-color: #F4F5FF;
            }
            :where(html[data-style-page="default-php-old"]):is(p),
:where(html[data-style-page="default-php-old"]) :is(p){
                width: 100%;
                left: 0px;
                font-size: 16px;
                font-family: 'DM Sans', sans-serif;
                font-weight: 400;
                letter-spacing: 0px;
                text-align: center;
                vertical-align: top;
                max-width: 550px;
                color: #727586;
                margin: 0px;
            }
            :where(html[data-style-page="default-php-old"]):is(a:hover),
:where(html[data-style-page="default-php-old"]) :is(a:hover){
                cursor: pointer;
                color: #673DE6;
                text-decoration: underline;
            }
            :where(html[data-style-page="default-php-old"]):is(h1),
:where(html[data-style-page="default-php-old"]) :is(h1){
                font-family: 'DM Sans', sans-serif;
                font-size: 24px;
                font-weight: 700;
                letter-spacing: 0px;
                text-align: center;
                margin: 8px;
            }
            :where(html[data-style-page="default-php-old"]):is(.content),
:where(html[data-style-page="default-php-old"]) :is(.content){
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
            }
            :where(html[data-style-page="default-php-old"]):is(.ic-launch),
:where(html[data-style-page="default-php-old"]) :is(.ic-launch){
                margin-left: 10.5px;
                width: 21px !important;
                height: 20px !important;
            }
            :where(html[data-style-page="default-php-old"]):is(.link-container),
:where(html[data-style-page="default-php-old"]) :is(.link-container){
                margin-top: 32px;
                margin-bottom: 32px;
            }
            :where(html[data-style-page="default-php-old"]):is(.link),
:where(html[data-style-page="default-php-old"]) :is(.link){
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                font-family: 'DM Sans', sans-serif;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                color: #673DE6;
                margin-top: 8px;
                text-decoration: none;
            }
            :where(html[data-style-page="default-php-old"]):is(.main-image),
:where(html[data-style-page="default-php-old"]) :is(.main-image){
                width: 100%;
                max-width: 650px;
                max-height: 406px;
                height: auto;
            }
            :where(html[data-style-page="default-php-old"]):is(.navigation),
:where(html[data-style-page="default-php-old"]) :is(.navigation){
                width: 100%;
                height: 72px;
                display: flex;
                margin: 0;
                padding: 0;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                background-color: #36344D;
            }
            @media screen and (max-width: 580px) and (min-width: 0px) {
                :where(html[data-style-page="default-php-old"]):is(h1),
:where(html[data-style-page="default-php-old"]) :is(h1),
:where(html[data-style-page="default-php-old"]):is(p),
:where(html[data-style-page="default-php-old"]) :is(p),
:where(html[data-style-page="default-php-old"]):is(.link-container),
:where(html[data-style-page="default-php-old"]) :is(.link-container){
                    width: 80%;
                }
            }
            @media screen and (min-width: 650px) and (min-height: 0px) and (max-height: 750px) {
                :where(html[data-style-page="default-php-old"]):is(.link-container),
:where(html[data-style-page="default-php-old"]) :is(.link-container){
                    margin-top: 12px;
                }
                :where(html[data-style-page="default-php-old"]):is(h1),
:where(html[data-style-page="default-php-old"]) :is(h1){
                    margin-top: 0px;
                    margin-bottom: 0px;
                }
            }
        
/* Page: finance/settlement_history.php */

  :where(html[data-style-page="finance-settlement-history"]):is(main.content),
:where(html[data-style-page="finance-settlement-history"]) :is(main.content){max-width:100% !important;}
  :where(html[data-style-page="finance-settlement-history"]):is(main.content .card),
:where(html[data-style-page="finance-settlement-history"]) :is(main.content .card){max-width:100% !important;border-radius:16px !important;padding: clamp(12px,2vw,18px) !important;}

  :where(html[data-style-page="finance-settlement-history"]):is(.grid-3),
:where(html[data-style-page="finance-settlement-history"]) :is(.grid-3){ display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
  :where(html[data-style-page="finance-settlement-history"]):is(.btn-row),
:where(html[data-style-page="finance-settlement-history"]) :is(.btn-row){ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:10px; }

  :where(html[data-style-page="finance-settlement-history"]):is(.btn-mini),
:where(html[data-style-page="finance-settlement-history"]) :is(.btn-mini){
    padding:10px 14px; border-radius:14px;
    border:1px solid #d8dee6; background:#fff; cursor:pointer; white-space:nowrap; font-weight:900;
  }
  :where(html[data-style-page="finance-settlement-history"]):is(.btn-mini.primary),
:where(html[data-style-page="finance-settlement-history"]) :is(.btn-mini.primary){ border-color:#2563eb; color:#2563eb; background:#f5f8ff; }
  :where(html[data-style-page="finance-settlement-history"]):is(.btn-mini.primary:hover),
:where(html[data-style-page="finance-settlement-history"]) :is(.btn-mini.primary:hover){ background:#eef3ff; }

  :where(html[data-style-page="finance-settlement-history"]):is(.muted),
:where(html[data-style-page="finance-settlement-history"]) :is(.muted){ color:#64748b; font-weight:700; font-size:12.5px; }

  :where(html[data-style-page="finance-settlement-history"]):is(.totals-grid),
:where(html[data-style-page="finance-settlement-history"]) :is(.totals-grid){ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; margin-top:12px; }
  :where(html[data-style-page="finance-settlement-history"]):is(.totals-cell),
:where(html[data-style-page="finance-settlement-history"]) :is(.totals-cell){ border:1px solid #eef2f7; border-radius:16px; padding:12px 14px; background:#fff; box-shadow:0 10px 26px rgba(0,0,0,.05); }
  :where(html[data-style-page="finance-settlement-history"]):is(.totals-cell .label),
:where(html[data-style-page="finance-settlement-history"]) :is(.totals-cell .label){font-size:13px; color:#64748b; font-weight:900;}
  :where(html[data-style-page="finance-settlement-history"]):is(.totals-cell .value),
:where(html[data-style-page="finance-settlement-history"]) :is(.totals-cell .value){font-size:22px; font-weight:950; margin-top:6px; line-height:1.2;}
  :where(html[data-style-page="finance-settlement-history"]):is(.totals-cell .sub),
:where(html[data-style-page="finance-settlement-history"]) :is(.totals-cell .sub){font-size:12px; color:#64748b; margin-top:4px; font-weight:800;}

  :where(html[data-style-page="finance-settlement-history"]):is(.table-wrap),
:where(html[data-style-page="finance-settlement-history"]) :is(.table-wrap){
    width:100%; overflow-x:auto; overflow-y:hidden;
    border-radius:16px; border:1px solid #eef2f7; background:#fff;
    box-shadow:0 10px 26px rgba(0,0,0,.05);
    margin-top:12px;
  }
  :where(html[data-style-page="finance-settlement-history"]):is(table.entry),
:where(html[data-style-page="finance-settlement-history"]) :is(table.entry){
    width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed;
    min-width: 1180px;
  }
  :where(html[data-style-page="finance-settlement-history"]):is(table.entry th),
:where(html[data-style-page="finance-settlement-history"]) :is(table.entry th),
:where(html[data-style-page="finance-settlement-history"]):is(table.entry td),
:where(html[data-style-page="finance-settlement-history"]) :is(table.entry td){
    padding:10px 8px; border-bottom:1px solid #f1f5f9; vertical-align:middle; font-size:14px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  :where(html[data-style-page="finance-settlement-history"]):is(table.entry th),
:where(html[data-style-page="finance-settlement-history"]) :is(table.entry th){
    text-align:start; background:#f8fafc; font-weight:950; position:sticky; top:0; z-index:2;
  }
  :where(html[data-style-page="finance-settlement-history"]):is(.text-end),
:where(html[data-style-page="finance-settlement-history"]) :is(.text-end){ text-align:end; }

  :where(html[data-style-page="finance-settlement-history"]):is(.pill),
:where(html[data-style-page="finance-settlement-history"]) :is(.pill){ padding:5px 12px; border-radius:999px; font-size:11.5px; border:1px solid transparent; display:inline-flex; align-items:center; font-weight:950; }
  :where(html[data-style-page="finance-settlement-history"]):is(.pill.p),
:where(html[data-style-page="finance-settlement-history"]) :is(.pill.p){ border-color:#bfdbfe; color:#2563eb; background:#eff6ff; }
  :where(html[data-style-page="finance-settlement-history"]):is(.pill.e),
:where(html[data-style-page="finance-settlement-history"]) :is(.pill.e){ border-color:#fecaca; color:#dc2626; background:#fef2f2; }

  :where(html[data-style-page="finance-settlement-history"]):is(.kv),
:where(html[data-style-page="finance-settlement-history"]) :is(.kv){ display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }
  :where(html[data-style-page="finance-settlement-history"]):is(.kv .item),
:where(html[data-style-page="finance-settlement-history"]) :is(.kv .item){ border:1px solid #eef2f7; border-radius:14px; padding:10px 12px; background:#fff; }
  :where(html[data-style-page="finance-settlement-history"]):is(.kv .k),
:where(html[data-style-page="finance-settlement-history"]) :is(.kv .k){ font-size:12px; color:#64748b; font-weight:900; }
  :where(html[data-style-page="finance-settlement-history"]):is(.kv .v),
:where(html[data-style-page="finance-settlement-history"]) :is(.kv .v){ font-size:14px; font-weight:950; margin-top:4px; }

  :where(html[data-style-page="finance-settlement-history"]):is(.warn),
:where(html[data-style-page="finance-settlement-history"]) :is(.warn){ background:#fff7ed; color:#9a3412; margin-top:12px; border-radius:16px; padding:12px; font-weight:900; }

/* Page: modules/api/api_manager.php */

:where(html[data-style-page="modules-api-api-manager"]):is(:root),
:where(html[data-style-page="modules-api-api-manager"]) :is(:root){--primary:#6366f1;--primary-light:#eef2ff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--radius:12px}
:where(html[data-style-page="modules-api-api-manager"]):is(*),
:where(html[data-style-page="modules-api-api-manager"]) :is(*){box-sizing:border-box}
:where(html[data-style-page="modules-api-api-manager"]):is(.api-wrap),
:where(html[data-style-page="modules-api-api-manager"]) :is(.api-wrap){max-width:1400px;margin:0 auto;padding:20px 16px}
:where(html[data-style-page="modules-api-api-manager"]):is(.api-hero),
:where(html[data-style-page="modules-api-api-manager"]) :is(.api-hero){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}
:where(html[data-style-page="modules-api-api-manager"]):is(.api-card),
:where(html[data-style-page="modules-api-api-manager"]) :is(.api-card){background:linear-gradient(135deg,var(--primary-light),#fff);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;text-align:center}
:where(html[data-style-page="modules-api-api-manager"]):is(.api-card .num),
:where(html[data-style-page="modules-api-api-manager"]) :is(.api-card .num){font-size:26px;font-weight:700;color:var(--gray-800)}
:where(html[data-style-page="modules-api-api-manager"]):is(.api-card .lbl),
:where(html[data-style-page="modules-api-api-manager"]) :is(.api-card .lbl){font-size:12px;color:var(--gray-500);margin-top:4px}
:where(html[data-style-page="modules-api-api-manager"]):is(.sec),
:where(html[data-style-page="modules-api-api-manager"]) :is(.sec){background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;margin-bottom:20px}
:where(html[data-style-page="modules-api-api-manager"]):is(.sec h2),
:where(html[data-style-page="modules-api-api-manager"]) :is(.sec h2){font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:14px;display:flex;align-items:center;gap:8px}
:where(html[data-style-page="modules-api-api-manager"]):is(.btn),
:where(html[data-style-page="modules-api-api-manager"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}
:where(html[data-style-page="modules-api-api-manager"]):is(.btn-p),
:where(html[data-style-page="modules-api-api-manager"]) :is(.btn-p){background:var(--primary);color:#fff}:where(html[data-style-page="modules-api-api-manager"]):is(.btn-p:hover),
:where(html[data-style-page="modules-api-api-manager"]) :is(.btn-p:hover){background:#4f46e5}
:where(html[data-style-page="modules-api-api-manager"]):is(.btn-d),
:where(html[data-style-page="modules-api-api-manager"]) :is(.btn-d){background:var(--danger);color:#fff}:where(html[data-style-page="modules-api-api-manager"]):is(.btn-d:hover),
:where(html[data-style-page="modules-api-api-manager"]) :is(.btn-d:hover){background:#dc2626}
:where(html[data-style-page="modules-api-api-manager"]):is(.btn-o),
:where(html[data-style-page="modules-api-api-manager"]) :is(.btn-o){background:#fff;color:var(--gray-600);border:1px solid var(--gray-200)}:where(html[data-style-page="modules-api-api-manager"]):is(.btn-o:hover),
:where(html[data-style-page="modules-api-api-manager"]) :is(.btn-o:hover){border-color:var(--gray-400)}
:where(html[data-style-page="modules-api-api-manager"]):is(.tbl),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tbl){width:100%;border-collapse:collapse;font-size:13px}
:where(html[data-style-page="modules-api-api-manager"]):is(.tbl th),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tbl th){background:var(--gray-50);padding:10px 12px;text-align:start;font-weight:600;color:var(--gray-600);border-bottom:2px solid var(--gray-200)}
:where(html[data-style-page="modules-api-api-manager"]):is(.tbl td),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tbl td){padding:10px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}
:where(html[data-style-page="modules-api-api-manager"]):is(.tbl tr:hover td),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tbl tr:hover td){background:var(--gray-50)}
:where(html[data-style-page="modules-api-api-manager"]):is(.badge),
:where(html[data-style-page="modules-api-api-manager"]) :is(.badge){display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}
:where(html[data-style-page="modules-api-api-manager"]):is(.badge-on),
:where(html[data-style-page="modules-api-api-manager"]) :is(.badge-on){background:#d1fae5;color:#065f46}:where(html[data-style-page="modules-api-api-manager"]):is(.badge-off),
:where(html[data-style-page="modules-api-api-manager"]) :is(.badge-off){background:#fee2e2;color:#991b1b}
:where(html[data-style-page="modules-api-api-manager"]):is(.cred-box),
:where(html[data-style-page="modules-api-api-manager"]) :is(.cred-box){background:var(--gray-800);color:#a5f3fc;padding:16px;border-radius:8px;font-family:monospace;font-size:13px;margin:12px 0;word-break:break-all;line-height:1.8}
:where(html[data-style-page="modules-api-api-manager"]):is(.cred-box strong),
:where(html[data-style-page="modules-api-api-manager"]) :is(.cred-box strong){color:#fbbf24}
:where(html[data-style-page="modules-api-api-manager"]):is(.form-group),
:where(html[data-style-page="modules-api-api-manager"]) :is(.form-group){margin-bottom:12px}
:where(html[data-style-page="modules-api-api-manager"]):is(.form-group label),
:where(html[data-style-page="modules-api-api-manager"]) :is(.form-group label){display:block;font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:4px}
:where(html[data-style-page="modules-api-api-manager"]):is(.form-group input),
:where(html[data-style-page="modules-api-api-manager"]) :is(.form-group input),
:where(html[data-style-page="modules-api-api-manager"]):is(.form-group select),
:where(html[data-style-page="modules-api-api-manager"]) :is(.form-group select),
:where(html[data-style-page="modules-api-api-manager"]):is(.form-group textarea),
:where(html[data-style-page="modules-api-api-manager"]) :is(.form-group textarea){width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:8px;font-size:13px}
:where(html[data-style-page="modules-api-api-manager"]):is(.perm-grid),
:where(html[data-style-page="modules-api-api-manager"]) :is(.perm-grid){display:flex;flex-wrap:wrap;gap:8px}
:where(html[data-style-page="modules-api-api-manager"]):is(.perm-chip),
:where(html[data-style-page="modules-api-api-manager"]) :is(.perm-chip){padding:4px 10px;border-radius:6px;font-size:12px;border:1px solid var(--gray-200);cursor:pointer;user-select:none;transition:all .2s}
:where(html[data-style-page="modules-api-api-manager"]):is(.perm-chip.on),
:where(html[data-style-page="modules-api-api-manager"]) :is(.perm-chip.on){background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}
:where(html[data-style-page="modules-api-api-manager"]):is(.modal-overlay),
:where(html[data-style-page="modules-api-api-manager"]) :is(.modal-overlay){display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;align-items:center;justify-content:center}
:where(html[data-style-page="modules-api-api-manager"]):is(.modal-overlay.open),
:where(html[data-style-page="modules-api-api-manager"]) :is(.modal-overlay.open){display:flex}
:where(html[data-style-page="modules-api-api-manager"]):is(.modal-box),
:where(html[data-style-page="modules-api-api-manager"]) :is(.modal-box){background:#fff;border-radius:var(--radius);padding:24px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto}
:where(html[data-style-page="modules-api-api-manager"]):is(.tabs),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tabs){display:flex;gap:2px;margin-bottom:16px;border-bottom:2px solid var(--gray-200)}
:where(html[data-style-page="modules-api-api-manager"]):is(.tab),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tab){padding:8px 16px;font-size:13px;font-weight:500;border:none;background:none;cursor:pointer;color:var(--gray-500);border-bottom:2px solid transparent;margin-bottom:-2px}
:where(html[data-style-page="modules-api-api-manager"]):is(.tab.active),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tab.active){color:var(--primary);border-bottom-color:var(--primary)}
:where(html[data-style-page="modules-api-api-manager"]):is(.tab-panel),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tab-panel){display:none}:where(html[data-style-page="modules-api-api-manager"]):is(.tab-panel.active),
:where(html[data-style-page="modules-api-api-manager"]) :is(.tab-panel.active){display:block}
:where(html[data-style-page="modules-api-api-manager"]):is(.toast),
:where(html[data-style-page="modules-api-api-manager"]) :is(.toast){position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:8px;color:#fff;font-size:13px;font-weight:500;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none}
:where(html[data-style-page="modules-api-api-manager"]):is(.toast.show),
:where(html[data-style-page="modules-api-api-manager"]) :is(.toast.show){opacity:1}:where(html[data-style-page="modules-api-api-manager"]):is(.toast-ok),
:where(html[data-style-page="modules-api-api-manager"]) :is(.toast-ok){background:var(--success)}:where(html[data-style-page="modules-api-api-manager"]):is(.toast-err),
:where(html[data-style-page="modules-api-api-manager"]) :is(.toast-err){background:var(--danger)}
@media(max-width:600px){:where(html[data-style-page="modules-api-api-manager"]):is(.api-hero),
:where(html[data-style-page="modules-api-api-manager"]) :is(.api-hero){grid-template-columns:1fr 1fr}}

/* Page: modules/backup/index.php */

:where(html[data-style-page="modules-backup-index"]):is(:root),
:where(html[data-style-page="modules-backup-index"]) :is(:root){--primary:#6366f1;--primary-light:#eef2ff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--radius:12px}
:where(html[data-style-page="modules-backup-index"]):is(*),
:where(html[data-style-page="modules-backup-index"]) :is(*){box-sizing:border-box;margin:0;padding:0}
:where(html[data-style-page="modules-backup-index"]):is(.bk-wrap),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-wrap){max-width:1100px;margin:0 auto;padding:20px 16px}
:where(html[data-style-page="modules-backup-index"]):is(.bk-hero),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-hero){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}
:where(html[data-style-page="modules-backup-index"]):is(.bk-card),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-card){background:linear-gradient(135deg,var(--primary-light),#fff);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;text-align:center}
:where(html[data-style-page="modules-backup-index"]):is(.bk-card .num),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-card .num){font-size:28px;font-weight:700;color:var(--gray-800)}
:where(html[data-style-page="modules-backup-index"]):is(.bk-card .lbl),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-card .lbl){font-size:12px;color:var(--gray-500);margin-top:4px}
:where(html[data-style-page="modules-backup-index"]):is(.bk-section),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-section){background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;margin-bottom:20px}
:where(html[data-style-page="modules-backup-index"]):is(.bk-section h2),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-section h2){font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:14px;display:flex;align-items:center;gap:8px}
:where(html[data-style-page="modules-backup-index"]):is(.bk-btn),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-btn){display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}
:where(html[data-style-page="modules-backup-index"]):is(.bk-btn-primary),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-btn-primary){background:var(--primary);color:#fff}:where(html[data-style-page="modules-backup-index"]):is(.bk-btn-primary:hover),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-btn-primary:hover){background:#4f46e5}
:where(html[data-style-page="modules-backup-index"]):is(.bk-btn-danger),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-btn-danger){background:var(--danger);color:#fff}:where(html[data-style-page="modules-backup-index"]):is(.bk-btn-danger:hover),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-btn-danger:hover){background:#dc2626}
:where(html[data-style-page="modules-backup-index"]):is(.bk-btn-outline),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-btn-outline){background:#fff;color:var(--gray-600);border:1px solid var(--gray-200)}:where(html[data-style-page="modules-backup-index"]):is(.bk-btn-outline:hover),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-btn-outline:hover){border-color:var(--gray-400)}
:where(html[data-style-page="modules-backup-index"]):is(.bk-btn:disabled),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-btn:disabled){opacity:.5;cursor:not-allowed}
:where(html[data-style-page="modules-backup-index"]):is(.bk-table),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-table){width:100%;border-collapse:collapse;font-size:13px}
:where(html[data-style-page="modules-backup-index"]):is(.bk-table th),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-table th){background:var(--gray-50);padding:10px 12px;text-align:start;font-weight:600;color:var(--gray-600);border-bottom:2px solid var(--gray-200)}
:where(html[data-style-page="modules-backup-index"]):is(.bk-table td),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-table td){padding:10px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}
:where(html[data-style-page="modules-backup-index"]):is(.bk-table tr:hover td),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-table tr:hover td){background:var(--gray-50)}
:where(html[data-style-page="modules-backup-index"]):is(.badge),
:where(html[data-style-page="modules-backup-index"]) :is(.badge){display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}
:where(html[data-style-page="modules-backup-index"]):is(.badge-ok),
:where(html[data-style-page="modules-backup-index"]) :is(.badge-ok){background:#d1fae5;color:#065f46}
:where(html[data-style-page="modules-backup-index"]):is(.badge-fail),
:where(html[data-style-page="modules-backup-index"]) :is(.badge-fail){background:#fee2e2;color:#991b1b}
:where(html[data-style-page="modules-backup-index"]):is(.badge-run),
:where(html[data-style-page="modules-backup-index"]) :is(.badge-run){background:#fef3c7;color:#92400e}
:where(html[data-style-page="modules-backup-index"]):is(.badge-manual),
:where(html[data-style-page="modules-backup-index"]) :is(.badge-manual){background:#e0e7ff;color:#3730a3}
:where(html[data-style-page="modules-backup-index"]):is(.badge-sched),
:where(html[data-style-page="modules-backup-index"]) :is(.badge-sched){background:#dbeafe;color:#1e40af}
:where(html[data-style-page="modules-backup-index"]):is(.settings-grid),
:where(html[data-style-page="modules-backup-index"]) :is(.settings-grid){display:grid;grid-template-columns:1fr 1fr;gap:14px}
:where(html[data-style-page="modules-backup-index"]):is(.form-group),
:where(html[data-style-page="modules-backup-index"]) :is(.form-group){margin-bottom:12px}
:where(html[data-style-page="modules-backup-index"]):is(.form-group label),
:where(html[data-style-page="modules-backup-index"]) :is(.form-group label){display:block;font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:4px}
:where(html[data-style-page="modules-backup-index"]):is(.form-group input),
:where(html[data-style-page="modules-backup-index"]) :is(.form-group input),
:where(html[data-style-page="modules-backup-index"]):is(.form-group select),
:where(html[data-style-page="modules-backup-index"]) :is(.form-group select){width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:8px;font-size:13px}
:where(html[data-style-page="modules-backup-index"]):is(.form-group .check-row),
:where(html[data-style-page="modules-backup-index"]) :is(.form-group .check-row){display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-600)}
:where(html[data-style-page="modules-backup-index"]):is(.form-group .check-row input[type=checkbox]),
:where(html[data-style-page="modules-backup-index"]) :is(.form-group .check-row input[type=checkbox]){width:16px;height:16px}
:where(html[data-style-page="modules-backup-index"]):is(.toast),
:where(html[data-style-page="modules-backup-index"]) :is(.toast){position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:8px;color:#fff;font-size:13px;font-weight:500;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none}
:where(html[data-style-page="modules-backup-index"]):is(.toast.show),
:where(html[data-style-page="modules-backup-index"]) :is(.toast.show){opacity:1}
:where(html[data-style-page="modules-backup-index"]):is(.toast-ok),
:where(html[data-style-page="modules-backup-index"]) :is(.toast-ok){background:var(--success)}:where(html[data-style-page="modules-backup-index"]):is(.toast-err),
:where(html[data-style-page="modules-backup-index"]) :is(.toast-err){background:var(--danger)}
:where(html[data-style-page="modules-backup-index"]):is(.modal-overlay),
:where(html[data-style-page="modules-backup-index"]) :is(.modal-overlay){display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;align-items:center;justify-content:center}
:where(html[data-style-page="modules-backup-index"]):is(.modal-overlay.open),
:where(html[data-style-page="modules-backup-index"]) :is(.modal-overlay.open){display:flex}
:where(html[data-style-page="modules-backup-index"]):is(.modal-box),
:where(html[data-style-page="modules-backup-index"]) :is(.modal-box){background:#fff;border-radius:var(--radius);padding:24px;max-width:480px;width:90%}
:where(html[data-style-page="modules-backup-index"]):is(.modal-box h3),
:where(html[data-style-page="modules-backup-index"]) :is(.modal-box h3){font-size:16px;font-weight:600;margin-bottom:12px;color:var(--gray-800)}
:where(html[data-style-page="modules-backup-index"]):is(.spinner),
:where(html[data-style-page="modules-backup-index"]) :is(.spinner){display:inline-block;width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:acct-modules-backup-index-spin .6s linear infinite}
@keyframes acct-modules-backup-index-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){:where(html[data-style-page="modules-backup-index"]):is(.settings-grid),
:where(html[data-style-page="modules-backup-index"]) :is(.settings-grid){grid-template-columns:1fr}:where(html[data-style-page="modules-backup-index"]):is(.bk-hero),
:where(html[data-style-page="modules-backup-index"]) :is(.bk-hero){grid-template-columns:1fr 1fr}}

/* Page: modules/email_settings.php */

:where(html[data-style-page="modules-email-settings"]):is(.email-wrap),
:where(html[data-style-page="modules-email-settings"]) :is(.email-wrap){max-width:1180px;margin:0 auto;padding:4px 0 24px}
:where(html[data-style-page="modules-email-settings"]):is(.sidebar),
:where(html[data-style-page="modules-email-settings"]) :is(.sidebar){z-index:1002}
:where(html[data-style-page="modules-email-settings"]):is(.content),
:where(html[data-style-page="modules-email-settings"]) :is(.content){position:relative;z-index:1}
:where(html[data-style-page="modules-email-settings"]):is(.sidebar-overlay:not(.show)),
:where(html[data-style-page="modules-email-settings"]) :is(.sidebar-overlay:not(.show)){pointer-events:none}
:where(html[data-style-page="modules-email-settings"]):is(.page-head),
:where(html[data-style-page="modules-email-settings"]) :is(.page-head){display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
:where(html[data-style-page="modules-email-settings"]):is(.page-head h1),
:where(html[data-style-page="modules-email-settings"]) :is(.page-head h1){margin:0;color:#0f172a;font-size:26px}
:where(html[data-style-page="modules-email-settings"]):is(.page-head p),
:where(html[data-style-page="modules-email-settings"]) :is(.page-head p){margin:5px 0 0;color:#64748b}
:where(html[data-style-page="modules-email-settings"]):is(.tabs),
:where(html[data-style-page="modules-email-settings"]) :is(.tabs){display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
:where(html[data-style-page="modules-email-settings"]):is(.tab-btn),
:where(html[data-style-page="modules-email-settings"]) :is(.tab-btn){border:1px solid #dbe3ee;background:#fff;color:#334155;border-radius:8px;padding:9px 14px;font-weight:800;cursor:pointer}
:where(html[data-style-page="modules-email-settings"]):is(.tab-btn.active),
:where(html[data-style-page="modules-email-settings"]) :is(.tab-btn.active){background:#2563eb;color:#fff;border-color:#2563eb}
:where(html[data-style-page="modules-email-settings"]):is(.tab-panel),
:where(html[data-style-page="modules-email-settings"]) :is(.tab-panel){display:none}:where(html[data-style-page="modules-email-settings"]):is(.tab-panel.active),
:where(html[data-style-page="modules-email-settings"]) :is(.tab-panel.active){display:block}
:where(html[data-style-page="modules-email-settings"]):is(.settings-grid),
:where(html[data-style-page="modules-email-settings"]) :is(.settings-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:where(html[data-style-page="modules-email-settings"]):is(.field label),
:where(html[data-style-page="modules-email-settings"]) :is(.field label){font-size:12px;color:#475569;font-weight:800;margin:0 0 5px}
:where(html[data-style-page="modules-email-settings"]):is(.field small),
:where(html[data-style-page="modules-email-settings"]) :is(.field small){display:block;color:#94a3b8;font-weight:600;margin-top:4px}
:where(html[data-style-page="modules-email-settings"]):is(.actions-row),
:where(html[data-style-page="modules-email-settings"]) :is(.actions-row){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
:where(html[data-style-page="modules-email-settings"]):is(.alert),
:where(html[data-style-page="modules-email-settings"]) :is(.alert){padding:12px 14px;border-radius:10px;margin-bottom:16px;font-weight:700}
:where(html[data-style-page="modules-email-settings"]):is(.alert.success),
:where(html[data-style-page="modules-email-settings"]) :is(.alert.success){background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
:where(html[data-style-page="modules-email-settings"]):is(.alert.error),
:where(html[data-style-page="modules-email-settings"]) :is(.alert.error){background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
:where(html[data-style-page="modules-email-settings"]):is(.switch),
:where(html[data-style-page="modules-email-settings"]) :is(.switch){position:relative;display:inline-flex;width:42px;height:24px;vertical-align:middle}
:where(html[data-style-page="modules-email-settings"]):is(.switch input),
:where(html[data-style-page="modules-email-settings"]) :is(.switch input){opacity:0;width:0;height:0}
:where(html[data-style-page="modules-email-settings"]):is(.slider),
:where(html[data-style-page="modules-email-settings"]) :is(.slider){position:absolute;inset:0;background:#cbd5e1;border-radius:999px;cursor:pointer;transition:.18s}
:where(html[data-style-page="modules-email-settings"]):is(.slider):before,
:where(html[data-style-page="modules-email-settings"]) :is(.slider):before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
:where(html[data-style-page="modules-email-settings"]):is(.switch input:checked+.slider),
:where(html[data-style-page="modules-email-settings"]) :is(.switch input:checked+.slider){background:#2563eb}
:where(html[data-style-page="modules-email-settings"]):is(.switch input:checked+.slider):before,
:where(html[data-style-page="modules-email-settings"]) :is(.switch input:checked+.slider):before{transform:translateX(18px)}
:where(html[data-style-page="modules-email-settings"]):is(.table-card),
:where(html[data-style-page="modules-email-settings"]) :is(.table-card){overflow:auto}
:where(html[data-style-page="modules-email-settings"]):is(table.email-table),
:where(html[data-style-page="modules-email-settings"]) :is(table.email-table){min-width:820px;width:100%;border-collapse:collapse}
:where(html[data-style-page="modules-email-settings"]):is(table.email-table th),
:where(html[data-style-page="modules-email-settings"]) :is(table.email-table th),
:where(html[data-style-page="modules-email-settings"]):is(table.email-table td),
:where(html[data-style-page="modules-email-settings"]) :is(table.email-table td){padding:11px 12px;border-bottom:1px solid #e5e7eb;text-align:start;vertical-align:top}
:where(html[data-style-page="modules-email-settings"]):is(table.email-table th),
:where(html[data-style-page="modules-email-settings"]) :is(table.email-table th){background:#f8fafc;color:#475569;font-size:12px}
:where(html[data-style-page="modules-email-settings"]):is(.user-name),
:where(html[data-style-page="modules-email-settings"]) :is(.user-name){font-weight:900;color:#0f172a}
:where(html[data-style-page="modules-email-settings"]):is(.role-pill),
:where(html[data-style-page="modules-email-settings"]) :is(.role-pill),
:where(html[data-style-page="modules-email-settings"]):is(.event-pill),
:where(html[data-style-page="modules-email-settings"]) :is(.event-pill),
:where(html[data-style-page="modules-email-settings"]):is(.status-pill),
:where(html[data-style-page="modules-email-settings"]) :is(.status-pill){display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}
:where(html[data-style-page="modules-email-settings"]):is(.role-pill),
:where(html[data-style-page="modules-email-settings"]) :is(.role-pill){background:#eff6ff;color:#1e40af}
:where(html[data-style-page="modules-email-settings"]):is(.event-pill),
:where(html[data-style-page="modules-email-settings"]) :is(.event-pill){background:#eef2ff;color:#3730a3;margin:5px 5px 0 0}
:where(html[data-style-page="modules-email-settings"]):is(.event-pill.off),
:where(html[data-style-page="modules-email-settings"]) :is(.event-pill.off){background:#f1f5f9;color:#94a3b8}
:where(html[data-style-page="modules-email-settings"]):is(.status-pill.sent),
:where(html[data-style-page="modules-email-settings"]) :is(.status-pill.sent){background:#dcfce7;color:#166534}:where(html[data-style-page="modules-email-settings"]):is(.status-pill.failed),
:where(html[data-style-page="modules-email-settings"]) :is(.status-pill.failed){background:#fee2e2;color:#991b1b}
:where(html[data-style-page="modules-email-settings"]):is(.type-pill),
:where(html[data-style-page="modules-email-settings"]) :is(.type-pill){background:#fef3c7;color:#92400e}:where(html[data-style-page="modules-email-settings"]):is(.type-pill.digest),
:where(html[data-style-page="modules-email-settings"]) :is(.type-pill.digest){background:#dcfce7;color:#166534}:where(html[data-style-page="modules-email-settings"]):is(.type-pill.test),
:where(html[data-style-page="modules-email-settings"]) :is(.type-pill.test){background:#dbeafe;color:#1e40af}
:where(html[data-style-page="modules-email-settings"]):is(.event-notes),
:where(html[data-style-page="modules-email-settings"]) :is(.event-notes){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
:where(html[data-style-page="modules-email-settings"]):is(.event-note),
:where(html[data-style-page="modules-email-settings"]) :is(.event-note){border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:11px}
:where(html[data-style-page="modules-email-settings"]):is(.event-note b),
:where(html[data-style-page="modules-email-settings"]) :is(.event-note b){display:block;color:#0f172a}:where(html[data-style-page="modules-email-settings"]):is(.event-note span),
:where(html[data-style-page="modules-email-settings"]) :is(.event-note span){font-size:12px;color:#64748b}
:where(html[data-style-page="modules-email-settings"]):is(.spinner),
:where(html[data-style-page="modules-email-settings"]) :is(.spinner){display:none;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:acct-modules-email-settings-spin .7s linear infinite}
@keyframes acct-modules-email-settings-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){:where(html[data-style-page="modules-email-settings"]):is(.settings-grid),
:where(html[data-style-page="modules-email-settings"]) :is(.settings-grid),
:where(html[data-style-page="modules-email-settings"]):is(.event-notes),
:where(html[data-style-page="modules-email-settings"]) :is(.event-notes){grid-template-columns:1fr}:where(html[data-style-page="modules-email-settings"]):is(.page-head h1),
:where(html[data-style-page="modules-email-settings"]) :is(.page-head h1){font-size:21px}:where(html[data-style-page="modules-email-settings"]):is(.email-wrap),
:where(html[data-style-page="modules-email-settings"]) :is(.email-wrap){padding:0}}

/* Page: operations/menu_cost.php */

:where(html[data-style-page="operations-menu-cost"]):is(body),
:where(html[data-style-page="operations-menu-cost"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}
:where(html[data-style-page="operations-menu-cost"]):is(.page-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="operations-menu-cost"]):is(.page-hd h2),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:10px;}

:where(html[data-style-page="operations-menu-cost"]):is(.flash),
:where(html[data-style-page="operations-menu-cost"]) :is(.flash){padding:12px 16px;border-radius:10px;font-weight:700;font-size:13px;margin-bottom:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.flash.success),
:where(html[data-style-page="operations-menu-cost"]) :is(.flash.success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
:where(html[data-style-page="operations-menu-cost"]):is(.flash.error),
:where(html[data-style-page="operations-menu-cost"]) :is(.flash.error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;}

:where(html[data-style-page="operations-menu-cost"]):is(.btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;text-decoration:none;white-space:nowrap;transition:background .12s,transform .12s;}
:where(html[data-style-page="operations-menu-cost"]):is(.btn:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn:hover){background:#f8fafc;transform:translateY(-1px);}
:where(html[data-style-page="operations-menu-cost"]):is(.btn-primary),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn-primary){background:#1d4ed8;border-color:#1d4ed8;color:#fff;}
:where(html[data-style-page="operations-menu-cost"]):is(.btn-primary:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn-primary:hover){background:#1e40af;}
:where(html[data-style-page="operations-menu-cost"]):is(.btn-success),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn-success){background:#166534;border-color:#166534;color:#fff;}
:where(html[data-style-page="operations-menu-cost"]):is(.btn-success:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn-success:hover){background:#15803d;}
:where(html[data-style-page="operations-menu-cost"]):is(.btn-danger),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn-danger){background:#fff1f2;border-color:#fca5a5;color:#991b1b;}
:where(html[data-style-page="operations-menu-cost"]):is(.btn-danger:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn-danger:hover){background:#ffe4e6;}
:where(html[data-style-page="operations-menu-cost"]):is(.btn-sm),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}
:where(html[data-style-page="operations-menu-cost"]):is(.btn-icon),
:where(html[data-style-page="operations-menu-cost"]) :is(.btn-icon){padding:6px 8px;border-radius:7px;}

:where(html[data-style-page="operations-menu-cost"]):is(.dashboard),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard){display:grid;gap:14px;margin-bottom:18px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar .scope-title),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar .scope-title){font-size:12px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar .scope-title span),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar .scope-title span){font-size:11px;color:#64748b;font-weight:800;}
:where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar form),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar form){display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar label),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar label){font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;}
:where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar select),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar select){min-width:210px;border:1px solid #d1d5db;border-radius:9px;padding:8px 10px;background:#fff;font-size:12px;font-weight:800;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-row){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-row.two),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-row.two){grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:900px){:where(html[data-style-page="operations-menu-cost"]):is(.kpi-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-row){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){:where(html[data-style-page="operations-menu-cost"]):is(.kpi-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-row),
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-row.two),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-row.two){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card){background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;box-shadow:0 10px 24px rgba(15,23,42,.04);}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card .kk),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card .kk){font-size:10px;color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card .kv),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card .kv){font-size:22px;font-weight:900;color:#0f172a;margin-top:5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card .ks),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card .ks){font-size:11px;color:#64748b;margin-top:4px;font-weight:700;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.blue),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.blue){background:linear-gradient(180deg,#eff6ff,#fff);}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.green),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.green){background:linear-gradient(180deg,#f0fdf4,#fff);}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.purple),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.purple){background:linear-gradient(180deg,#faf5ff,#fff);}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.orange),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.orange){background:linear-gradient(180deg,#fff7ed,#fff);}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-link-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-link-card){text-decoration:none;display:block;transition:transform .12s ease, box-shadow .12s ease;color:inherit;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-link-card:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-link-card:hover){transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08);}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.red),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.red){background:linear-gradient(180deg,#fef2f2,#fff);border-color:#fecaca;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.red .kv),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.red .kv){color:#b91c1c;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.red .ks),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.red .ks){color:#991b1b;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.soft-green),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.soft-green){background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#bbf7d0;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.soft-green .kv),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.soft-green .kv){color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.kpi-card.soft-green .ks),
:where(html[data-style-page="operations-menu-cost"]) :is(.kpi-card.soft-green .ks){color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.main-chart-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.main-chart-card){background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.main-chart-head),
:where(html[data-style-page="operations-menu-cost"]) :is(.main-chart-head){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.main-chart-head h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.main-chart-head h3){margin:0;font-size:14px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.main-chart-sub),
:where(html[data-style-page="operations-menu-cost"]) :is(.main-chart-sub){font-size:11px;color:#64748b;font-weight:700;}
:where(html[data-style-page="operations-menu-cost"]):is(.main-chart-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.main-chart-wrap){height:260px;}
:where(html[data-style-page="operations-menu-cost"]):is(.main-chart-empty),
:where(html[data-style-page="operations-menu-cost"]) :is(.main-chart-empty){text-align:center;color:#94a3b8;padding:48px 10px;font-size:13px;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-section),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-section){margin-top:14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;display:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-section.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-section.open){display:block;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-section-head),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-section-head){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-tabs),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-tabs){display:flex;gap:8px;flex-wrap:wrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-tab),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-tab){border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;color:#334155;cursor:pointer;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-tab.active.up),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-tab.active.up){background:#fee2e2;border-color:#fecaca;color:#b91c1c;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-tab.active.down),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-tab.active.down){background:#dcfce7;border-color:#bbf7d0;color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-table-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-table-wrap){overflow:auto;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-table){width:100%;border-collapse:collapse;font-size:12px;min-width:720px;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-table th),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-table th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border-bottom:2px solid #e2e8f0;text-align:start;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-table td),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-table td){padding:8px 10px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-table .num),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-table .num){text-align:end;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-table .delta-up),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-table .delta-up){color:#b91c1c;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-table .delta-down),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-table .delta-down){color:#166534;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.delta-up),
:where(html[data-style-page="operations-menu-cost"]) :is(.delta-up){color:#b91c1c;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.delta-down),
:where(html[data-style-page="operations-menu-cost"]) :is(.delta-down){color:#166534;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.trend-empty),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-empty){text-align:center;color:#94a3b8;padding:20px 10px;font-size:13px;}
:where(html[data-style-page="operations-menu-cost"]):is(.decision-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.decision-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;}
@media(max-width:1000px){:where(html[data-style-page="operations-menu-cost"]):is(.decision-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.decision-grid){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){:where(html[data-style-page="operations-menu-cost"]):is(.decision-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.decision-grid){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.decision-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.decision-card){border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:10px 12px;min-height:76px;}
:where(html[data-style-page="operations-menu-cost"]):is(.decision-card .dc-k),
:where(html[data-style-page="operations-menu-cost"]) :is(.decision-card .dc-k){font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.decision-card .dc-v),
:where(html[data-style-page="operations-menu-cost"]) :is(.decision-card .dc-v){font-size:19px;font-weight:900;color:#0f172a;margin-top:4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.decision-card .dc-s),
:where(html[data-style-page="operations-menu-cost"]) :is(.decision-card .dc-s){font-size:11px;font-weight:700;color:#64748b;margin-top:3px;}
:where(html[data-style-page="operations-menu-cost"]):is(.mini-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.mini-table){width:100%;border-collapse:collapse;font-size:12px;margin-top:10px;}
:where(html[data-style-page="operations-menu-cost"]):is(.mini-table th),
:where(html[data-style-page="operations-menu-cost"]) :is(.mini-table th){background:#f8fafc;color:#64748b;font-size:10px;text-transform:uppercase;text-align:start;padding:7px 8px;border-bottom:1px solid #e2e8f0;}
:where(html[data-style-page="operations-menu-cost"]):is(.mini-table td),
:where(html[data-style-page="operations-menu-cost"]) :is(.mini-table td){padding:7px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.mini-table .num),
:where(html[data-style-page="operations-menu-cost"]) :is(.mini-table .num){text-align:end;}
:where(html[data-style-page="operations-menu-cost"]):is(.risk-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.risk-badge){display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.risk-badge.healthy),
:where(html[data-style-page="operations-menu-cost"]) :is(.risk-badge.healthy){background:#dcfce7;color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.risk-badge.watch),
:where(html[data-style-page="operations-menu-cost"]) :is(.risk-badge.watch){background:#fef3c7;color:#92400e;}
:where(html[data-style-page="operations-menu-cost"]):is(.risk-badge.critical),
:where(html[data-style-page="operations-menu-cost"]) :is(.risk-badge.critical){background:#fee2e2;color:#991b1b;}
:where(html[data-style-page="operations-menu-cost"]):is(.risk-badge.data),
:where(html[data-style-page="operations-menu-cost"]) :is(.risk-badge.data){background:#e2e8f0;color:#475569;}
:where(html[data-style-page="operations-menu-cost"]):is(.matrix-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.matrix-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;}
@media(max-width:860px){:where(html[data-style-page="operations-menu-cost"]):is(.matrix-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.matrix-grid){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){:where(html[data-style-page="operations-menu-cost"]):is(.matrix-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.matrix-grid){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.matrix-box),
:where(html[data-style-page="operations-menu-cost"]) :is(.matrix-box){border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:9px;}
:where(html[data-style-page="operations-menu-cost"]):is(.matrix-box h4),
:where(html[data-style-page="operations-menu-cost"]) :is(.matrix-box h4){margin:0 0 4px;font-size:12px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.matrix-box .mx-count),
:where(html[data-style-page="operations-menu-cost"]) :is(.matrix-box .mx-count){font-size:18px;font-weight:900;color:#1d4ed8;}
:where(html[data-style-page="operations-menu-cost"]):is(.tool-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.tool-row){display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}

:where(html[data-style-page="operations-menu-cost"]):is(.toolbar),
:where(html[data-style-page="operations-menu-cost"]) :is(.toolbar){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.search-box),
:where(html[data-style-page="operations-menu-cost"]) :is(.search-box),
:where(html[data-style-page="operations-menu-cost"]):is(.cat-filter),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-filter),
:where(html[data-style-page="operations-menu-cost"]):is(.clone-select),
:where(html[data-style-page="operations-menu-cost"]) :is(.clone-select){
  padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;min-width:180px;background:#fff;
}
:where(html[data-style-page="operations-menu-cost"]):is(.search-box),
:where(html[data-style-page="operations-menu-cost"]) :is(.search-box){min-width:220px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-workspace),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-workspace){margin:0 0 16px;padding:14px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #dbeafe;border-radius:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-manager),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-manager){display:none;margin:0 0 16px;padding:14px;background:#f8fafc;border:1px solid #ccfbf1;border-radius:14px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-manager-head),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-manager-head){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-manager-head h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-manager-head h3){margin:0;color:#0f172a;font-size:14px;font-weight:900;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-manager-head p),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-manager-head p){margin:2px 0 0;color:#64748b;font-size:11px;font-weight:750;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-manager-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-manager-body){display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-manager.collapsed .menu-group-manager-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-manager.collapsed .menu-group-manager-body){display:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:end;background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:10px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form-title),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form-title){grid-column:1/-1;font-size:11px;font-weight:900;color:#0f766e;text-transform:uppercase;display:flex;align-items:center;gap:6px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form label),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form label){display:flex;flex-direction:column;gap:4px;min-width:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form label span),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form label span){font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form input),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form input),
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form select),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form select){width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:12px;font-weight:800;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form button[type=submit]),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form button[type=submit]){min-height:34px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-selection),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-selection){grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #eef2f7;padding-top:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-selection strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-selection strong){font-size:11px;color:#334155;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-move-check),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-move-check){width:16px;height:16px;accent-color:#0f766e;cursor:pointer;}
@media(max-width:1100px){:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-manager-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-manager-body){grid-template-columns:1fr;}:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-form),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-form){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-workspace-head),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-workspace-head){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;flex-wrap:wrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-workspace-head h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-workspace-head h3){margin:0;color:#0f172a;font-size:14px;font-weight:900;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-workspace-head p),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-workspace-head p){margin:0;color:#64748b;font-size:11px;font-weight:700;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tabs),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tabs){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab){appearance:none;text-align:start;border:1px solid #dbe3ee;background:#fff;border-radius:12px;padding:11px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab:hover){border-color:#93c5fd;box-shadow:0 7px 20px rgba(30,64,175,.08);transform:translateY(-1px);}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab.active),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab.active){border-color:#2563eb;background:linear-gradient(145deg,#eff6ff,#fff);box-shadow:0 0 0 2px rgba(37,99,235,.12);}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab-top),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab-top){display:flex;align-items:center;gap:8px;margin-bottom:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab-name),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab-name){font-size:13px;font-weight:900;min-width:0;overflow-wrap:anywhere;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-code),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-code){margin-inline-start:auto;font-family:'Courier New',monospace;font-size:10px;font-weight:900;color:#1d4ed8;background:#dbeafe;border-radius:6px;padding:3px 7px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab-stats),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab-stats){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab-stat),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab-stat){background:#f8fafc;border:1px solid #eef2f7;border-radius:7px;padding:6px 7px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab-stat span),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab-stat span){display:block;color:#94a3b8;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.25px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab-stat strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab-stat strong){display:block;color:#334155;font-size:11px;font-weight:900;margin-top:2px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab-stat.dine strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab-stat.dine strong){color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-tab-stat.delivery strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tab-stat.delivery strong){color:#c2410c;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-collapsed-note),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-collapsed-note){display:flex;align-items:center;justify-content:center;gap:9px;padding:28px 14px;color:#64748b;background:#fff;border:1px dashed #bfdbfe;border-radius:13px;font-size:12px;font-weight:800;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-content-collapsed #cardsView),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-content-collapsed #cardsView),
:where(html[data-style-page="operations-menu-cost"]):is(.brand-content-collapsed #listView),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-content-collapsed #listView),
:where(html[data-style-page="operations-menu-cost"]):is(.brand-content-collapsed #categoryView),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-content-collapsed #categoryView){display:none!important;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-cost-pair),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-cost-pair){display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-cost-chip),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-cost-chip){border-radius:8px;padding:6px 8px;background:#f0fdf4;border:1px solid #bbf7d0;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-cost-chip.delivery),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-cost-chip.delivery){background:#fff7ed;border-color:#fed7aa;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-cost-chip small),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-cost-chip small){display:block;font-size:8px;font-weight:900;text-transform:uppercase;color:#64748b;letter-spacing:.25px;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-cost-chip strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-cost-chip strong){font-size:12px;color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-cost-chip.delivery strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-cost-chip.delivery strong){color:#c2410c;}
:where(html[data-style-page="operations-menu-cost"]):is(.focus-item),
:where(html[data-style-page="operations-menu-cost"]) :is(.focus-item){animation:acct-operations-menu-cost-menuFocusPulse 2.4s ease-out;outline:3px solid rgba(37,99,235,.35);outline-offset:2px;}
@keyframes acct-operations-menu-cost-menuFocusPulse{0%,35%{background:#dbeafe;box-shadow:0 0 0 8px rgba(37,99,235,.14)}100%{background:inherit;box-shadow:none}}

:where(html[data-style-page="operations-menu-cost"]):is(.menu-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-grid){display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card){background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .1s,border-color .15s,background .15s;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card:hover){box-shadow:0 8px 28px rgba(0,0,0,.08);transform:translateY(-1px);}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.inactive),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.inactive){opacity:.58;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.trend-up),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.trend-up){border-color:#fecaca;background:linear-gradient(180deg,#fff5f5,#fff);}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.trend-down),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.trend-down){border-color:#bbf7d0;background:linear-gradient(180deg,#f3fff6,#fff);}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card .trend-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card .trend-badge){display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:900;line-height:1;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card .trend-badge.up),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card .trend-badge.up){background:#fee2e2;color:#b91c1c;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card .trend-badge.down),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card .trend-badge.down){background:#dcfce7;color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card .trend-delta),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card .trend-delta){font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-img),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-img){width:100%;height:170px;object-fit:cover;background:#f1f5f9;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-img-placeholder),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-img-placeholder){width:100%;height:170px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:38px;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-img-click),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-img-click){cursor:pointer;transition:opacity .15s;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-img-click:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-img-click:hover){opacity:.9;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-body){padding:14px;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-name),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-name){font-size:15px;font-weight:900;color:#0f172a;margin-bottom:2px;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-name-ar),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-name-ar){font-size:13px;color:#64748b;margin-bottom:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-tags),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-tags){display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-tag),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-tag){display:inline-block;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.tag-brand),
:where(html[data-style-page="operations-menu-cost"]) :is(.tag-brand){background:#eff6ff;color:#1d4ed8;}
:where(html[data-style-page="operations-menu-cost"]):is(.tag-sub),
:where(html[data-style-page="operations-menu-cost"]) :is(.tag-sub){background:#f0fdf4;color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.tag-cat),
:where(html[data-style-page="operations-menu-cost"]) :is(.tag-cat){background:#faf5ff;color:#7c3aed;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-row){display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-row:last-of-type),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-row:last-of-type){border-bottom:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-lbl),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-lbl){font-size:11px;color:#64748b;font-weight:700;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-val),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-val){font-size:14px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-green),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-green){color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-blue),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-blue){color:#1d4ed8;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-red),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-red){color:#dc2626;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-margin),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-margin){font-size:12px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.mc-footer),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-footer){display:flex;gap:6px;padding:10px 14px;border-top:1px solid #f1f5f9;background:#fafafa;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.collapsed .mc-img),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.collapsed .mc-img),
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.collapsed .mc-img-placeholder),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.collapsed .mc-img-placeholder),
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.collapsed .mc-tags),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.collapsed .mc-tags),
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.collapsed .cost-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.collapsed .cost-row),
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.collapsed .mc-footer),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.collapsed .mc-footer){display:none!important;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card.collapsed .mc-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card.collapsed .mc-body){padding:12px 14px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card-toggle),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card-toggle){margin-inline-start:auto;border:0;background:#eff6ff;color:#1d4ed8;width:28px;height:28px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card-toggle i),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card-toggle i){transition:transform .18s ease;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-card:not(.collapsed) .menu-card-toggle i),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card:not(.collapsed) .menu-card-toggle i){transform:rotate(180deg);}

:where(html[data-style-page="operations-menu-cost"]):is(.edit-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.edit-overlay),
:where(html[data-style-page="operations-menu-cost"]):is(.dv-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-overlay){display:none;position:fixed;inset:0;background:rgba(15,23,42,.6);z-index:1000;overflow-y:auto;padding:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.edit-overlay.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.edit-overlay.open),
:where(html[data-style-page="operations-menu-cost"]):is(.dv-overlay.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-overlay.open){display:flex;align-items:flex-start;justify-content:center;}
:where(html[data-style-page="operations-menu-cost"]):is(.edit-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.edit-panel),
:where(html[data-style-page="operations-menu-cost"]):is(.dv-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-panel){width:min(980px,100%);background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 24px 60px rgba(0,0,0,.2);margin:auto;overflow:hidden;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-panel){width:min(980px,100%);}
:where(html[data-style-page="operations-menu-cost"]):is(.ep-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-hd){display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(90deg,#eff6ff,#fff);}
:where(html[data-style-page="operations-menu-cost"]):is(.ep-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-hd h3){margin:0;font-size:17px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.ep-tabs),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-tabs){display:flex;border-bottom:2px solid #e5e7eb;padding:0 20px;gap:4px;flex-wrap:wrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.ep-tab),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-tab){padding:10px 18px;font-size:12px;font-weight:900;cursor:pointer;border:none;background:none;color:#94a3b8;border-bottom:2px solid transparent;margin-bottom:-2px;}
:where(html[data-style-page="operations-menu-cost"]):is(.ep-tab.active),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-tab.active){color:#1d4ed8;border-bottom-color:#1d4ed8;}
:where(html[data-style-page="operations-menu-cost"]):is(.ep-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-body){padding:20px;}
:where(html[data-style-page="operations-menu-cost"]):is(.ep-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-panel){display:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.ep-panel.active),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-panel.active){display:block;}

:where(html[data-style-page="operations-menu-cost"]):is(.form-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-grid){display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(max-width:680px){:where(html[data-style-page="operations-menu-cost"]):is(.form-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-grid){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.form-group),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group){display:flex;flex-direction:column;gap:5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.form-group label),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group label){font-size:12px;font-weight:800;color:#374151;}
:where(html[data-style-page="operations-menu-cost"]):is(.form-group input),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group input),
:where(html[data-style-page="operations-menu-cost"]):is(.form-group select),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group select),
:where(html[data-style-page="operations-menu-cost"]):is(.form-group textarea),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group textarea){
  padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;width:100%;box-sizing:border-box;
}
:where(html[data-style-page="operations-menu-cost"]):is(.form-group input:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group input:focus),
:where(html[data-style-page="operations-menu-cost"]):is(.form-group select:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group select:focus),
:where(html[data-style-page="operations-menu-cost"]):is(.form-group textarea:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group textarea:focus){
  outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);
}
:where(html[data-style-page="operations-menu-cost"]):is(.form-group textarea),
:where(html[data-style-page="operations-menu-cost"]) :is(.form-group textarea){min-height:84px;resize:vertical;}
:where(html[data-style-page="operations-menu-cost"]):is(.full),
:where(html[data-style-page="operations-menu-cost"]) :is(.full){grid-column:1/-1;}
@media(max-width:680px){:where(html[data-style-page="operations-menu-cost"]):is(.full),
:where(html[data-style-page="operations-menu-cost"]) :is(.full){grid-column:auto;}}

:where(html[data-style-page="operations-menu-cost"]):is(.ing-tools),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-tools){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.clone-box),
:where(html[data-style-page="operations-menu-cost"]) :is(.clone-box){display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.clone-label),
:where(html[data-style-page="operations-menu-cost"]) :is(.clone-label){font-size:11px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.ing-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-table){width:100%;border-collapse:collapse;font-size:12px;min-width:840px;}
:where(html[data-style-page="operations-menu-cost"]):is(.ing-table th),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-table th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border-bottom:2px solid #e2e8f0;text-align:start;}
:where(html[data-style-page="operations-menu-cost"]):is(.ing-table td),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-table td){padding:7px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.ing-table tr:last-child td),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-table tr:last-child td){border-bottom:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.ing-table input),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-table input),
:where(html[data-style-page="operations-menu-cost"]):is(.ing-table select),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-table select){padding:6px 8px;border-radius:7px;border:1px solid #e2e8f0;font-size:12px;font-weight:600;width:100%;box-sizing:border-box;}
:where(html[data-style-page="operations-menu-cost"]):is(.ing-table input:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-table input:focus),
:where(html[data-style-page="operations-menu-cost"]):is(.ing-table select:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-table select:focus){outline:none;border-color:#93c5fd;}
:where(html[data-style-page="operations-menu-cost"]):is(.cost-hint),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-hint){font-size:11px;font-weight:900;color:#1d4ed8;}
:where(html[data-style-page="operations-menu-cost"]):is(.price-hint),
:where(html[data-style-page="operations-menu-cost"]) :is(.price-hint){font-size:10px;color:#94a3b8;margin-top:2px;}
:where(html[data-style-page="operations-menu-cost"]):is(.ing-wrapper),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-wrapper){overflow-x:auto;border:1px solid #eef2f7;border-radius:12px;}

:where(html[data-style-page="operations-menu-cost"]):is(.step-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.step-row){display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f1f5f9;}
:where(html[data-style-page="operations-menu-cost"]):is(.step-num),
:where(html[data-style-page="operations-menu-cost"]) :is(.step-num){width:28px;height:28px;border-radius:50%;background:#1d4ed8;color:#fff;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:6px;}
:where(html[data-style-page="operations-menu-cost"]):is(.step-inputs),
:where(html[data-style-page="operations-menu-cost"]) :is(.step-inputs){flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
@media(max-width:560px){:where(html[data-style-page="operations-menu-cost"]):is(.step-inputs),
:where(html[data-style-page="operations-menu-cost"]) :is(.step-inputs){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.step-inputs textarea),
:where(html[data-style-page="operations-menu-cost"]) :is(.step-inputs textarea){padding:6px 10px;border-radius:7px;border:1px solid #e2e8f0;font-size:12px;font-weight:600;resize:vertical;min-height:60px;width:100%;box-sizing:border-box;}

:where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table th),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;padding:7px 12px;border-bottom:2px solid #e2e8f0;text-align:start;}
:where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table td),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table td){padding:8px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table tfoot td),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table tfoot td){background:#f0fdf4;font-weight:900;border-top:2px solid #e2e8f0;}
:where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table .num),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table .num){text-align:end;}
:where(html[data-style-page="operations-menu-cost"]):is(.waste-share-cell),
:where(html[data-style-page="operations-menu-cost"]) :is(.waste-share-cell){font-weight:900;color:#b91c1c;white-space:nowrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.waste-share-cell.empty),
:where(html[data-style-page="operations-menu-cost"]) :is(.waste-share-cell.empty){color:#94a3b8;font-weight:800;}
:where(html[data-style-page="operations-menu-cost"]):is(.waste-alloc-pill),
:where(html[data-style-page="operations-menu-cost"]) :is(.waste-alloc-pill){display:inline-flex;align-items:center;gap:4px;margin-inline-start:6px;padding:2px 7px;border-radius:999px;background:#fff1f2;color:#b91c1c;font-size:9px;font-weight:900;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.source-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.source-badge){display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:900;background:#ecfdf5;color:#047857;white-space:nowrap;margin-inline-end:4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-breakdown-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-breakdown-row){cursor:pointer;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-breakdown-row:hover td),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-breakdown-row:hover td){background:#faf5ff;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-breakdown-row:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-breakdown-row:focus){outline:2px solid #c4b5fd;outline-offset:-2px;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-breakdown-link),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-breakdown-link){display:inline-flex;align-items:center;gap:6px;color:#7c3aed;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-backdrop),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-backdrop){position:fixed;inset:0;background:rgba(15,23,42,.32);display:none;align-items:center;justify-content:center;z-index:1400;padding:18px;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-backdrop.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-backdrop.open){display:flex;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card){width:min(680px,100%);max-height:84vh;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 24px 70px rgba(15,23,42,.26);}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-hd){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#faf5ff;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-hd h4),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-hd h4){margin:0;font-size:15px;font-weight:900;color:#3b0764;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-body){padding:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-summary),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-summary){display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-bottom:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-stat),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-stat){border:1px solid #e9d5ff;background:#fbf7ff;border-radius:9px;padding:9px 10px;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-stat .k),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-stat .k){font-size:10px;text-transform:uppercase;font-weight:900;color:#7e22ce;margin-bottom:3px;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-stat .v),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-stat .v){font-size:13px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-empty),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-empty){padding:20px;text-align:center;color:#94a3b8;font-size:12px;font-weight:800;border:1px dashed #e2e8f0;border-radius:10px;}
@media(max-width:640px){:where(html[data-style-page="operations-menu-cost"]):is(.prep-card-summary),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-summary){grid-template-columns:1fr;}:where(html[data-style-page="operations-menu-cost"]):is(.prep-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card){max-height:90vh;}}
:where(html[data-style-page="operations-menu-cost"]):is(.chart-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.chart-wrap){height:220px;margin-top:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.no-history),
:where(html[data-style-page="operations-menu-cost"]) :is(.no-history){text-align:center;padding:40px;color:#94a3b8;font-size:13px;}

:where(html[data-style-page="operations-menu-cost"]):is(.img-preview-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.img-preview-wrap){margin-top:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.img-preview),
:where(html[data-style-page="operations-menu-cost"]) :is(.img-preview){max-width:140px;max-height:100px;border-radius:8px;border:1px solid #e2e8f0;object-fit:cover;}

:where(html[data-style-page="operations-menu-cost"]):is(.dv-hero),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-hero){position:relative;width:100%;background:#0f172a;display:flex;align-items:center;justify-content:center;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-hero img),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-hero img){width:100%;max-height:560px;object-fit:contain;display:block;background:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-hero-placeholder),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-hero-placeholder){width:100%;height:220px;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;color:#475569;font-size:60px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-hero-close),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-hero-close){position:absolute;top:12px;inset-inline-end:12px;background:rgba(0,0,0,.55);border:none;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-hero-close:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-hero-close:hover){background:rgba(0,0,0,.8);}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-body){padding:22px 24px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-name),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-name){font-size:22px;font-weight:900;color:#0f172a;margin-bottom:2px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-name-ar),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-name-ar){font-size:16px;color:#64748b;margin-bottom:10px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-meta),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-meta){display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;align-items:center;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-pill),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-pill){display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-brand),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-brand){background:#eff6ff;color:#1d4ed8;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-sub),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-sub){background:#f0fdf4;color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-cat),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-cat){background:#faf5ff;color:#7c3aed;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-kpis),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpis){display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;}
@media(max-width:660px){:where(html[data-style-page="operations-menu-cost"]):is(.dv-kpis),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpis){grid-template-columns:repeat(2,1fr);}}
@media(max-width:420px){:where(html[data-style-page="operations-menu-cost"]):is(.dv-kpis),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpis){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-kpi),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpi){background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;text-align:center;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-kpi .kk),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpi .kk){font-size:10px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-kpi .kv),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpi .kv){font-size:17px;font-weight:900;margin-top:4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-section-title),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-section-title){font-size:13px;font-weight:900;color:#374151;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:7px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-notes),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-notes){font-size:13px;color:#64748b;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;margin-bottom:18px;line-height:1.6;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-step-list),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-step-list){list-style:none;padding:0;margin:0 0 18px;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-step-list li),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-step-list li){display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px;color:#1e293b;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-step-list li:last-child),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-step-list li:last-child){border-bottom:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-step-num),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-step-num){width:26px;height:26px;min-width:26px;border-radius:50%;background:#1d4ed8;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;}

:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .ing-table th),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .ing-table th),
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .ing-table td),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .ing-table td),
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .breakdown-table th),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .breakdown-table th),
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .breakdown-table td),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .breakdown-table td){text-align:right;}
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .breakdown-table .num),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .breakdown-table .num){text-align:left;}

:where(html[data-style-page="operations-menu-cost"]):is(.export-dropdown),
:where(html[data-style-page="operations-menu-cost"]) :is(.export-dropdown){display:none;position:absolute;top:100%;inset-inline-end:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.12);z-index:100;min-width:220px;overflow:hidden;}
:where(html[data-style-page="operations-menu-cost"]):is(.export-dropdown.show),
:where(html[data-style-page="operations-menu-cost"]) :is(.export-dropdown.show){display:block;}
:where(html[data-style-page="operations-menu-cost"]):is(.export-link),
:where(html[data-style-page="operations-menu-cost"]) :is(.export-link){display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:800;color:#166534;cursor:pointer;transition:background .1s;text-decoration:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.export-link:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.export-link:hover){background:#f0fdf4;}

:where(html[data-style-page="operations-menu-cost"]):is(.sku-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.sku-badge){display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:900;font-family:'Courier New',monospace;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;letter-spacing:.5px;white-space:nowrap;}

/* ── View Toggle ── */
:where(html[data-style-page="operations-menu-cost"]):is(.view-toggle),
:where(html[data-style-page="operations-menu-cost"]) :is(.view-toggle){display:flex;gap:3px;background:#f1f5f9;border-radius:10px;padding:3px;}
:where(html[data-style-page="operations-menu-cost"]):is(.vbtn),
:where(html[data-style-page="operations-menu-cost"]) :is(.vbtn){padding:5px 13px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:11px;font-weight:800;color:#64748b;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.vbtn.active),
:where(html[data-style-page="operations-menu-cost"]) :is(.vbtn.active){background:#fff;color:#1d4ed8;box-shadow:0 1px 4px rgba(0,0,0,.08);}
:where(html[data-style-page="operations-menu-cost"]):is(.vbtn:hover:not(.active)),
:where(html[data-style-page="operations-menu-cost"]) :is(.vbtn:hover:not(.active)){color:#374151;}

/* ── List View ── */
:where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap){background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap table),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap table){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap table),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap table),
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table){min-width:1080px;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap th),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:10px 12px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap td),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap td){padding:8px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap tr:last-child td),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap tr:last-child td){border-bottom:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap tr:hover td),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap tr:hover td){background:#fafbfc;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap .num),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap .num){text-align:end;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-thumb),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-thumb){width:36px;height:36px;border-radius:7px;object-fit:cover;border:1px solid #e2e8f0;flex-shrink:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.list-thumb-placeholder),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-thumb-placeholder){width:36px;height:36px;border-radius:7px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:15px;flex-shrink:0;}
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .list-view-wrap th),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .list-view-wrap th),
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .list-view-wrap td),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .list-view-wrap td){text-align:right;}
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .list-view-wrap .num),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .list-view-wrap .num){text-align:left;}

/* ── Category Grouped View ── */
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section){margin-bottom:22px;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-hd){display:flex;align-items:center;gap:10px;padding:11px 16px;background:linear-gradient(90deg,#eff6ff 0%,#fff 100%);border:1px solid #bfdbfe;border-radius:12px 12px 0 0;flex-wrap:wrap;position:relative;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-hd){cursor:pointer;user-select:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-hd h3){margin:0;font-size:13px;font-weight:900;color:#1d4ed8;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-hd .cat-count),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-hd .cat-count){font-size:10px;background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:999px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-hd .cat-sku-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-hd .cat-sku-badge){font-size:10px;font-family:'Courier New',monospace;background:#eff6ff;color:#1d4ed8;padding:2px 8px;border-radius:4px;font-weight:900;border:1px solid #bfdbfe;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-menu-btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-menu-btn){border:1px solid #dbeafe;background:#fff;color:#1d4ed8;width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-menu-btn:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-menu-btn:hover){background:#eff6ff;border-color:#93c5fd;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-action-menu),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-action-menu){display:none;position:absolute;background:#fff;border:1px solid #dbeafe;border-radius:10px;box-shadow:0 14px 32px rgba(15,23,42,.16);z-index:30;min-width:170px;overflow:hidden;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-action-menu.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-action-menu.open){display:block;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-action-menu button),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-action-menu button){width:100%;border:0;background:#fff;color:#0f172a;display:flex;align-items:center;gap:8px;padding:9px 11px;font-size:12px;font-weight:850;cursor:pointer;text-align:start;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-action-menu button:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-action-menu button:hover){background:#eff6ff;color:#1d4ed8;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section.collapsed .cat-section-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section.collapsed .cat-section-table){display:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-chevron),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-chevron){color:#1d4ed8;font-size:11px;transition:transform .18s ease;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section:not(.collapsed) .cat-section-chevron),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section:not(.collapsed) .cat-section-chevron){transform:rotate(180deg);}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-overlay){position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1300;display:none;align-items:center;justify-content:center;padding:18px;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-overlay.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-overlay.open){display:flex;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-panel){width:min(460px,100%);background:#fff;border:1px solid #ccfbf1;border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.24);overflow:hidden;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-bulk-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-bulk-panel){width:min(560px,100%);}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-body){padding:16px;display:grid;gap:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-body label),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-body label){display:grid;gap:5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-body label span),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-body label span){font-size:11px;font-weight:900;color:#475569;text-transform:uppercase;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-body input),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-body input){width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;padding:9px 11px;font-size:13px;font-weight:800;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-body input:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-body input:focus){outline:none;border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12);}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-meta),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-meta){display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:10px;padding:8px 10px;font-size:11px;color:#0f766e;font-weight:850;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-edit-actions),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-edit-actions){display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-bulk-fields),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-bulk-fields){display:grid;grid-template-columns:1fr 1fr;gap:10px;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-bulk-fields .full),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-bulk-fields .full){grid-column:1/-1;}
@media(max-width:560px){:where(html[data-style-page="operations-menu-cost"]):is(.cat-bulk-fields),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-bulk-fields){grid-template-columns:1fr;}:where(html[data-style-page="operations-menu-cost"]):is(.cat-bulk-fields .full),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-bulk-fields .full){grid-column:auto;}}

:where(html[data-style-page="operations-menu-cost"]):is(.channel-setup-list),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-setup-list){display:grid;gap:8px;max-height:55vh;overflow:auto;padding-inline-end:3px;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-setup-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-setup-row){display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;background:#fff;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-setup-row strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-setup-row strong){display:block;font-size:12px;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-setup-row small),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-setup-row small){display:block;margin-top:2px;color:#64748b;font-size:10px;font-weight:700;}
:where(html[data-style-page="operations-menu-cost"]):is(.channel-setup-row select),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-setup-row select){width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:11px;font-weight:800;}
@media(max-width:680px){:where(html[data-style-page="operations-menu-cost"]):is(.brand-tabs),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-tabs){grid-template-columns:1fr;}:where(html[data-style-page="operations-menu-cost"]):is(.channel-setup-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.channel-setup-row){grid-template-columns:1fr;}}

/* ── Brand section header ── */
:where(html[data-style-page="operations-menu-cost"]):is(.brand-section),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section){margin-bottom:28px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-section-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section-hd){display:flex;align-items:center;gap:10px;padding:13px 18px;background:linear-gradient(90deg,#1e40af 0%,#1d4ed8 60%,#3b82f6 100%);border-radius:12px;margin-bottom:6px;flex-wrap:wrap;cursor:pointer;user-select:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-section-hd h2),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section-hd h2){margin:0;font-size:15px;font-weight:900;color:#fff;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-section-hd .cat-count),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section-hd .cat-count){font-size:10px;background:rgba(255,255,255,.2);color:#fff;padding:2px 8px;border-radius:999px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-section-hd .cat-sku-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section-hd .cat-sku-badge){font-size:10px;background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.3);font-family:'Courier New',monospace;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-section-hd .brand-chevron),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section-hd .brand-chevron){margin-inline-start:auto;font-size:13px;color:rgba(255,255,255,.8);transition:transform .25s ease;flex-shrink:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-section.collapsed .brand-chevron),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section.collapsed .brand-chevron){transform:rotate(-90deg);}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-body){overflow:hidden;transition:max-height .3s ease, opacity .25s ease;max-height:9999px;opacity:1;}
:where(html[data-style-page="operations-menu-cost"]):is(.brand-section.collapsed .brand-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section.collapsed .brand-body){max-height:0!important;opacity:0;pointer-events:none;}

/* ── Ingredient price-change row highlighting ── */
:where(html[data-style-page="operations-menu-cost"]):is(.ing-price-up td),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-price-up td){background:#fff5f5!important;}
:where(html[data-style-page="operations-menu-cost"]):is(.ing-price-down td),
:where(html[data-style-page="operations-menu-cost"]) :is(.ing-price-down td){background:#f0fff4!important;}
:where(html[data-style-page="operations-menu-cost"]):is(.price-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.price-badge){display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;margin-inline-start:5px;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.price-badge.up),
:where(html[data-style-page="operations-menu-cost"]) :is(.price-badge.up){background:#fee2e2;color:#991b1b;}
:where(html[data-style-page="operations-menu-cost"]):is(.price-badge.down),
:where(html[data-style-page="operations-menu-cost"]) :is(.price-badge.down){background:#dcfce7;color:#166534;}

/* ── Image download button overlay ── */
:where(html[data-style-page="operations-menu-cost"]):is(.dv-dl-btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-dl-btn){position:absolute;bottom:12px;inset-inline-end:12px;background:rgba(0,0,0,.55)!important;color:#fff!important;border-color:transparent!important;backdrop-filter:blur(4px);border-radius:8px!important;padding:7px 12px!important;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-print-btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-btn){position:absolute;top:12px;inset-inline-start:12px;background:rgba(0,0,0,.55);border:none;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);z-index:2;}
:where(html[data-style-page="operations-menu-cost"]):is(.dv-print-btn:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-btn:hover){background:rgba(0,0,0,.8);}
@media print{
    /* ── A4 page ── */
    @page{size:A4 portrait;margin:12mm 14mm 12mm 14mm;}
    :where(html[data-style-page="operations-menu-cost"]):is(*),
:where(html[data-style-page="operations-menu-cost"]) :is(*){-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    /* Hide everything except the cloned print wrapper */
    :where(html[data-style-page="operations-menu-cost"]):is(body>*),
:where(html[data-style-page="operations-menu-cost"]) :is(body>*){display:none!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(body>.dv-print-source),
:where(html[data-style-page="operations-menu-cost"]) :is(body>.dv-print-source){display:block!important;}
    /* Panel reset */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-panel){width:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;}
    /* ── HERO IMAGE — full width, tall ── */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-hero),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-hero){
        max-height:none!important;height:auto!important;
        background:#f8fafc!important;border-radius:10px!important;
        margin-bottom:14px;overflow:hidden!important;
        display:flex!important;align-items:center!important;justify-content:center!important;
    }
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-hero img),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-hero img){
        width:100%!important;max-width:100%!important;
        height:auto!important;max-height:340px!important;
        object-fit:contain!important;display:block!important;margin:0 auto!important;
    }
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-hero-placeholder),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-hero-placeholder){height:180px!important;font-size:60px!important;background:#f1f5f9!important;border-radius:10px!important;}
    /* Hide all control buttons on print */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-hero-close),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-hero-close),
:where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-print-btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-print-btn),
:where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-dl-btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-dl-btn){display:none!important;}
    /* Body */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-body){padding:0!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-name),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-name){font-size:22px!important;margin-bottom:2px!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-name-ar),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-name-ar){font-size:15px!important;margin-bottom:8px!important;}
    /* KPI cards — 4 across */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-kpis),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-kpis){grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-bottom:14px!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-kpi),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-kpi){border:1px solid #e2e8f0!important;background:#f8fafc!important;border-radius:8px!important;padding:9px!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-kpi .kk),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-kpi .kk){font-size:9px!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-kpi .kv),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-kpi .kv){font-size:16px!important;}
    /* Ingredient table — show only Ingredient / Qty / Unit (hide cost cols) */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .breakdown-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .breakdown-table){font-size:12px!important;width:100%!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .breakdown-table th),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .breakdown-table th){font-size:10px!important;background:#f8fafc!important;padding:6px 10px!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .breakdown-table td),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .breakdown-table td){padding:7px 10px!important;border-bottom:1px solid #f1f5f9!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .breakdown-table tfoot td),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .breakdown-table tfoot td){background:#f0fdf4!important;font-weight:900!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .no-print),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .no-print){display:none!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .no-print-hide-cell),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .no-print-hide-cell){font-weight:900!important;}
    /* Section titles */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-section-title),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-section-title){margin-top:10px!important;font-size:12px!important;}
    /* Steps */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-step-list li),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-step-list li){font-size:12px!important;}
    /* Notes */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-source .dv-notes),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-source .dv-notes){font-size:11px!important;}
    /* Print footer */
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-print-footer),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-print-footer){display:flex!important;justify-content:space-between;font-size:9px;color:#94a3b8;border-top:1px solid #e2e8f0;padding-top:5px;margin-top:14px;}
}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table){width:100%;border-collapse:collapse;font-size:12px;border:1px solid #bfdbfe;border-top:none;border-radius:0 0 12px 12px;overflow:hidden;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table th),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:8px 12px;border-bottom:2px solid #e2e8f0;text-align:start;white-space:nowrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table td),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table td){padding:8px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table tr:last-child td),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table tr:last-child td){border-bottom:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table tr:hover td),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table tr:hover td){background:#fafbfc;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table .num),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table .num){text-align:end;}
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .cat-section-table th),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .cat-section-table th),
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .cat-section-table td),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .cat-section-table td){text-align:right;}
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .cat-section-table .num),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .cat-section-table .num){text-align:left;}

/* ── Category combo-box ── */
:where(html[data-style-page="operations-menu-cost"]):is(.cat-combo),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-combo){position:relative;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-combo-select),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-combo-select){width:100%;padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;cursor:pointer;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-combo-select:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-combo-select:focus){outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.15);}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-new-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-new-wrap){margin-top:6px;display:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-new-wrap.visible),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-new-wrap.visible){display:block;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-new-input),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-new-input){width:100%;padding:8px 12px;border-radius:8px;border:2px dashed #93c5fd;font-size:13px;font-weight:600;background:#eff6ff;color:#1e293b;box-sizing:border-box;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-new-input:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-new-input:focus){outline:none;border-color:#1d4ed8;background:#dbeafe20;}
:where(html[data-style-page="operations-menu-cost"]):is(.cat-new-hint),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-new-hint){font-size:10px;color:#94a3b8;font-weight:700;margin-top:4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.rename-field-btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.rename-field-btn){margin-top:6px;padding:5px 9px;border-radius:7px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:900;cursor:pointer;width:max-content;}
:where(html[data-style-page="operations-menu-cost"]):is(.rename-field-btn:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.rename-field-btn:hover){background:#dbeafe;}

/* ── SKU preview bars ── */
:where(html[data-style-page="operations-menu-cost"]):is(.sku-bar-flex),
:where(html[data-style-page="operations-menu-cost"]) :is(.sku-bar-flex){display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.sku-preview-arrow),
:where(html[data-style-page="operations-menu-cost"]) :is(.sku-preview-arrow){color:#f59e0b;font-size:11px;}
:where(html[data-style-page="operations-menu-cost"]):is(.sku-preview-new),
:where(html[data-style-page="operations-menu-cost"]) :is(.sku-preview-new){font-family:'Courier New',monospace;font-size:14px;font-weight:900;color:#d97706;letter-spacing:1px;}
:where(html[data-style-page="operations-menu-cost"]):is(.sku-new-bar),
:where(html[data-style-page="operations-menu-cost"]) :is(.sku-new-bar){background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 14px;margin-bottom:14px;}
:where(html[data-style-page="operations-menu-cost"]):is(.sku-new-bar .lbl),
:where(html[data-style-page="operations-menu-cost"]) :is(.sku-new-bar .lbl){font-size:11px;font-weight:900;color:#166534;text-transform:uppercase;letter-spacing:.4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.sku-new-bar .val),
:where(html[data-style-page="operations-menu-cost"]) :is(.sku-new-bar .val){font-family:'Courier New',monospace;font-size:14px;font-weight:900;color:#15803d;margin-inline-start:8px;letter-spacing:1px;}

/* ── Delete overlay ── */
:where(html[data-style-page="operations-menu-cost"]):is(.del-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-overlay){position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1200;display:none;overflow:auto;padding:20px;box-sizing:border-box;align-items:center;justify-content:center;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-overlay.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-overlay.open){display:flex;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-panel){width:min(480px,100%);background:#fff;border-radius:18px;border:2px solid #fca5a5;box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:hidden;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-hd){display:flex;align-items:center;gap:12px;padding:18px 22px;background:linear-gradient(90deg,#fff1f2,#fff);border-bottom:1px solid #fecaca;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-icon),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-icon){width:40px;height:40px;border-radius:10px;background:#fee2e2;display:flex;align-items:center;justify-content:center;font-size:18px;color:#dc2626;flex-shrink:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-hd h3){margin:0;font-size:16px;font-weight:900;color:#7f1d1d;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-body){padding:22px;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-confirm-box),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-confirm-box){background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-confirm-box label),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-confirm-box label){font-size:11px;font-weight:900;color:#374151;display:block;margin-bottom:6px;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-confirm-box input),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-confirm-box input){width:100%;padding:9px 12px;border-radius:8px;border:1.5px solid #e2e8f0;font-size:13px;font-weight:700;color:#1e293b;box-sizing:border-box;font-family:inherit;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-confirm-box input:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-confirm-box input:focus){outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1);}
:where(html[data-style-page="operations-menu-cost"]):is(.del-hint),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-hint){font-size:10px;color:#94a3b8;font-weight:700;margin-top:5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.del-actions),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-actions){display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #f1f5f9;}
:where(html[data-style-page="operations-menu-cost"]):is(#delConfirmBtn),
:where(html[data-style-page="operations-menu-cost"]) :is(#delConfirmBtn){background:#dc2626;border-color:#dc2626;color:#fff;}
:where(html[data-style-page="operations-menu-cost"]):is(#delConfirmBtn:disabled),
:where(html[data-style-page="operations-menu-cost"]) :is(#delConfirmBtn:disabled){background:#e5e7eb;border-color:#e5e7eb;color:#94a3b8;cursor:not-allowed;transform:none;}

:where(html[data-style-page="operations-menu-cost"]):is(.paste-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-overlay){position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:1100;display:none;overflow:auto;padding:20px;box-sizing:border-box;align-items:flex-start;justify-content:center;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-overlay.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-overlay.open){display:flex;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-panel){width:min(640px,100%);background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 24px 60px rgba(0,0,0,.2);margin:auto;overflow:hidden;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-hd){display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(90deg,#eff6ff,#fff);}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-hd h3){margin:0;font-size:15px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-body){padding:20px;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-textarea),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-textarea){width:100%;min-height:160px;border:2px dashed #d1d5db;border-radius:10px;padding:14px;font-size:13px;font-weight:600;font-family:inherit;color:#1e293b;resize:vertical;direction:rtl;line-height:1.7;box-sizing:border-box;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-textarea:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-textarea:focus){outline:none;border-color:#7c3aed;background:#faf5ff;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-hint),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-hint){font-size:11px;color:#94a3b8;font-weight:700;margin-top:8px;line-height:1.6;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-hint code),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-hint code){background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:11px;direction:ltr;display:inline-block;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results){margin-top:14px;max-height:260px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:10px;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results table),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results table){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results th),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:7px 10px;border-bottom:2px solid #e2e8f0;text-align:start;position:sticky;top:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results td),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results td){padding:6px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results tr.matched),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results tr.matched){background:#f0fdf4;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results tr.unmatched),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results tr.unmatched){background:#fff7ed;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results .match-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results .match-badge){display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results .match-ok),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results .match-ok){background:#dcfce7;color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results .match-warn),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results .match-warn){background:#fef3c7;color:#92400e;}
:where(html[data-style-page="operations-menu-cost"]):is(.paste-results .match-miss),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-results .match-miss){background:#fee2e2;color:#991b1b;}
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .paste-results th),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .paste-results th),
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .paste-results td),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .paste-results td){text-align:right;}
:where(html[data-style-page="operations-menu-cost"]):is(.import-summary),
:where(html[data-style-page="operations-menu-cost"]) :is(.import-summary){display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;}
:where(html[data-style-page="operations-menu-cost"]):is(.import-stat),
:where(html[data-style-page="operations-menu-cost"]) :is(.import-stat){border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;background:#f8fafc;}
:where(html[data-style-page="operations-menu-cost"]):is(.import-stat .k),
:where(html[data-style-page="operations-menu-cost"]) :is(.import-stat .k){font-size:10px;font-weight:900;text-transform:uppercase;color:#64748b;}
:where(html[data-style-page="operations-menu-cost"]):is(.import-stat .v),
:where(html[data-style-page="operations-menu-cost"]) :is(.import-stat .v){font-size:16px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.import-row-changed td),
:where(html[data-style-page="operations-menu-cost"]) :is(.import-row-changed td){background:#fffbeb;}
:where(html[data-style-page="operations-menu-cost"]):is(.import-row-unchanged td),
:where(html[data-style-page="operations-menu-cost"]) :is(.import-row-unchanged td){background:#eff6ff;}
:where(html[data-style-page="operations-menu-cost"]):is(.import-row-skipped td),
:where(html[data-style-page="operations-menu-cost"]) :is(.import-row-skipped td){background:#fff1f2;}
@media(max-width:560px){:where(html[data-style-page="operations-menu-cost"]):is(.import-summary),
:where(html[data-style-page="operations-menu-cost"]) :is(.import-summary){grid-template-columns:1fr;}}

/* ══════════════════════════ BULK INGREDIENT UPDATE ══════════════════════════ */
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-fab),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-fab){position:fixed;bottom:28px;inset-inline-end:28px;width:62px;height:62px;border-radius:50%;
    background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);color:#fff;border:none;cursor:pointer;
    box-shadow:0 10px 28px rgba(124,58,237,.45),0 2px 6px rgba(0,0,0,.12);
    display:flex;align-items:center;justify-content:center;font-size:22px;z-index:60;
    transition:transform .18s ease, box-shadow .18s ease;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-fab:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-fab:hover){transform:scale(1.06);box-shadow:0 14px 32px rgba(124,58,237,.55),0 4px 10px rgba(0,0,0,.18);}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-fab:active),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-fab:active){transform:scale(.96);}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-fab .fab-tip),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-fab .fab-tip){position:absolute;inset-inline-end:72px;background:#0f172a;color:#fff;font-size:11px;font-weight:800;
    padding:7px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-fab:hover .fab-tip),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-fab:hover .fab-tip){opacity:1;}

:where(html[data-style-page="operations-menu-cost"]):is(.bulk-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-overlay){position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);display:none;
    align-items:flex-start;justify-content:center;z-index:9999;padding:24px 16px;overflow-y:auto;
    box-sizing:border-box;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-overlay.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-overlay.open){display:flex;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-panel){background:#fff;border-radius:16px;width:100%;max-width:960px;box-shadow:0 26px 60px rgba(0,0,0,.28);
    display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;margin:auto;box-sizing:border-box;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-panel form),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-panel form){display:flex;flex-direction:column;min-height:0;flex:1;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-hd){display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #e5e7eb;
    background:linear-gradient(90deg,#ede9fe,#eef2ff);flex-shrink:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-hd h3){margin:0;font-size:15px;font-weight:900;color:#4c1d95;display:flex;align-items:center;gap:8px;flex:1;min-width:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-hd .close-x),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-hd .close-x){background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:34px;height:34px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;color:#475569;font-size:14px;flex-shrink:0;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-body){padding:18px 20px;overflow-y:auto;display:grid;gap:14px;flex:1;min-height:0;}
@media(max-width:640px){
    :where(html[data-style-page="operations-menu-cost"]):is(.bulk-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-overlay){padding:10px 8px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.bulk-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-panel){max-height:calc(100vh - 20px);border-radius:12px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.bulk-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-hd){padding:10px 14px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.bulk-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-hd h3){font-size:13px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.bulk-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-body){padding:12px 14px;}
}

:where(html[data-style-page="operations-menu-cost"]):is(.bulk-ctl),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-ctl){display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;}
@media(max-width:1100px){:where(html[data-style-page="operations-menu-cost"]):is(.bulk-ctl),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-ctl){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){:where(html[data-style-page="operations-menu-cost"]):is(.bulk-ctl),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-ctl){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-ctl label),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-ctl label){font-size:11px;font-weight:900;color:#374151;text-transform:uppercase;letter-spacing:.35px;
    display:block;margin-bottom:5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-ctl select),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-ctl select),
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-ctl input),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-ctl input){width:100%;padding:9px 11px;border:1px solid #d1d5db;border-radius:9px;font-size:13px;
    font-weight:700;background:#fff;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-ctl select:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-ctl select:focus),
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-ctl input:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-ctl input:focus){outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.15);}

/* Searchable combobox for the target ingredient */
:where(html[data-style-page="operations-menu-cost"]):is(.combo-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-wrap){position:relative;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-input),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-input){width:100%;padding:9px 34px 9px 11px;border:1px solid #d1d5db;border-radius:9px;font-size:13px;
    font-weight:700;background:#fff;box-sizing:border-box;}
:where(html[data-style-page="operations-menu-cost"]):is([dir=rtl] .combo-input),
:where(html[data-style-page="operations-menu-cost"]) :is([dir=rtl] .combo-input){padding:9px 11px 9px 34px;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-input:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-input:focus){outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.15);}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-caret),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-caret){position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:11px;pointer-events:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-clear),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-clear){position:absolute;inset-inline-end:28px;top:50%;transform:translateY(-50%);background:transparent;border:none;
    color:#94a3b8;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-clear:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-clear:hover){color:#dc2626;background:#fef2f2;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-drop),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-drop){position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;background:#fff;border:1px solid #d1d5db;
    border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.14);max-height:280px;overflow-y:auto;z-index:50;display:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-drop.open),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-drop.open){display:block;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-group-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-group-hd){padding:6px 12px;background:#faf5ff;font-size:10px;font-weight:900;color:#7c3aed;text-transform:uppercase;
    letter-spacing:.4px;border-bottom:1px solid #ede9fe;position:sticky;top:0;z-index:1;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-opt),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-opt){padding:8px 12px;font-size:12px;font-weight:700;color:#0f172a;cursor:pointer;border-bottom:1px solid #f1f5f9;
    display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-opt:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-opt:hover),
:where(html[data-style-page="operations-menu-cost"]):is(.combo-opt.active),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-opt.active){background:#faf5ff;color:#5b21b6;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-opt .opt-sub),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-opt .opt-sub){font-size:10px;font-weight:700;color:#94a3b8;margin-inline-start:auto;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-opt mark),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-opt mark){background:#fef3c7;color:#92400e;padding:0 2px;border-radius:2px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.combo-empty),
:where(html[data-style-page="operations-menu-cost"]) :is(.combo-empty){padding:18px 14px;text-align:center;color:#94a3b8;font-size:12px;font-weight:700;}

:where(html[data-style-page="operations-menu-cost"]):is(.op-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.op-panel){background:#faf5ff;border:1px dashed #d8b4fe;border-radius:12px;padding:12px 14px;display:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.op-panel.show),
:where(html[data-style-page="operations-menu-cost"]) :is(.op-panel.show){display:block;}
:where(html[data-style-page="operations-menu-cost"]):is(.op-panel .op-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.op-panel .op-grid){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media(max-width:700px){:where(html[data-style-page="operations-menu-cost"]):is(.op-panel .op-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.op-panel .op-grid){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-menu-cost"]):is(.op-panel label),
:where(html[data-style-page="operations-menu-cost"]) :is(.op-panel label){font-size:11px;font-weight:900;color:#5b21b6;text-transform:uppercase;letter-spacing:.35px;display:block;margin-bottom:5px;}
:where(html[data-style-page="operations-menu-cost"]):is(.op-panel input),
:where(html[data-style-page="operations-menu-cost"]) :is(.op-panel input),
:where(html[data-style-page="operations-menu-cost"]):is(.op-panel select),
:where(html[data-style-page="operations-menu-cost"]) :is(.op-panel select){width:100%;padding:9px 11px;border:1px solid #ddd6fe;border-radius:9px;font-size:13px;font-weight:700;background:#fff;}

:where(html[data-style-page="operations-menu-cost"]):is(.bulk-matches),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-matches){border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;max-height:340px;overflow-y:auto;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-matches-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-matches-hd){display:flex;align-items:center;gap:10px;padding:9px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;
    position:sticky;top:0;z-index:2;flex-wrap:wrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-matches-hd .hd-lbl),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-matches-hd .hd-lbl){font-size:11px;font-weight:900;color:#374151;text-transform:uppercase;letter-spacing:.35px;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-matches-hd .match-count),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-matches-hd .match-count){font-size:10px;background:#ede9fe;color:#5b21b6;padding:2px 9px;border-radius:999px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-matches-hd .spacer),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-matches-hd .spacer){flex:1;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-matches-hd label),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-matches-hd label){font-size:11px;font-weight:800;color:#475569;display:inline-flex;align-items:center;gap:6px;cursor:pointer;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-matches-hd input[type=checkbox]),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-matches-hd input[type=checkbox]){width:14px;height:14px;accent-color:#7c3aed;}

:where(html[data-style-page="operations-menu-cost"]):is(.bulk-cat-header),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-cat-header){background:linear-gradient(90deg,#eef2ff,#fff);padding:7px 14px;font-size:11px;font-weight:900;
    color:#4338ca;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;position:sticky;top:38px;z-index:1;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-cat-header:first-child),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-cat-header:first-child){border-top:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-cat-header label),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-cat-header label){margin-inline-start:auto;font-size:10px;color:#6366f1;cursor:pointer;display:inline-flex;gap:5px;align-items:center;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-cat-header input[type=checkbox]),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-cat-header input[type=checkbox]){width:13px;height:13px;accent-color:#4338ca;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row){display:grid;grid-template-columns:32px 1fr 90px 80px 70px;gap:10px;padding:9px 14px;border-top:1px solid #f1f5f9;
    align-items:center;font-size:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row:hover){background:#fafbfc;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row input[type=checkbox]),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row input[type=checkbox]){width:15px;height:15px;accent-color:#7c3aed;cursor:pointer;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row .bmr-name),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row .bmr-name){font-weight:800;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row .bmr-sku),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row .bmr-sku){font-size:10px;font-family:'Courier New',monospace;color:#64748b;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row .bmr-qty),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row .bmr-qty){text-align:end;font-weight:800;color:#4c1d95;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row .bmr-unit),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row .bmr-unit){color:#64748b;font-size:11px;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row .bmr-brand),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row .bmr-brand){font-size:10px;background:#f1f5f9;color:#475569;padding:2px 7px;border-radius:6px;font-weight:800;display:inline-block;}
@media(max-width:700px){:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row){grid-template-columns:28px 1fr;gap:6px;}:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row .bmr-qty),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row .bmr-qty),
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row .bmr-unit),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row .bmr-unit),
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-match-row .bmr-brand),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-match-row .bmr-brand){grid-column:2;font-size:10px;}}

:where(html[data-style-page="operations-menu-cost"]):is(.bulk-empty),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-empty){padding:34px 20px;text-align:center;color:#94a3b8;font-size:12px;font-weight:700;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-foot),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-foot){border-top:1px solid #e5e7eb;padding:12px 20px;display:flex;gap:10px;justify-content:flex-end;
    background:#f8fafc;flex-shrink:0;flex-wrap:wrap;align-items:center;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-foot .hint),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-foot .hint){margin-inline-end:auto;font-size:11px;color:#64748b;font-weight:700;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-foot .btn-confirm),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-foot .btn-confirm){background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-foot .btn-confirm:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-foot .btn-confirm:hover){filter:brightness(1.05);}
:where(html[data-style-page="operations-menu-cost"]):is(.bulk-foot .btn-confirm:disabled),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-foot .btn-confirm:disabled){opacity:.45;cursor:not-allowed;filter:grayscale(.2);}

:where(html[data-style-page="operations-menu-cost"]):is(.recipe-upload-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-upload-panel){width:min(1180px,100%);max-height:94vh;display:flex;flex-direction:column;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-upload-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-upload-body){padding:18px 20px;overflow:auto;background:#f8fafc;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-upload-guide),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-upload-guide){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:14px;margin-bottom:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-guide-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-guide-card){background:#fff;border:1px solid #bae6fd;border-radius:12px;padding:14px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-guide-card h4),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-guide-card h4){margin:0 0 8px;color:#0e7490;font-size:13px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-guide-card p),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-guide-card p),
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-guide-card li),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-guide-card li){font-size:12px;line-height:1.55;color:#475569;font-weight:650;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-guide-card ol),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-guide-card ol){margin:0;padding-inline-start:20px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-target-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-target-grid){display:grid;grid-template-columns:1fr 1fr;gap:10px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-target-grid label),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-target-grid label){font-size:10px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.35px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-target-grid input),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-target-grid input){width:100%;box-sizing:border-box;margin-top:5px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;font-weight:800;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-upload-file),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-upload-file){border:1px dashed #67e8f9;background:#ecfeff;border-radius:12px;padding:14px;margin-bottom:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-upload-file input[type=file]),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-upload-file input[type=file]){width:100%;box-sizing:border-box;background:#fff;border:1px solid #a5f3fc;border-radius:9px;padding:11px;font-weight:750;color:#155e75;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-form),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-form){display:flex;flex-direction:column;gap:16px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-card){background:#fff;border:1px solid #dbeafe;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(15,23,42,.05);}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-head),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-head){padding:14px;background:linear-gradient(135deg,#eff6ff,#ecfeff);border-bottom:1px solid #dbeafe;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-title),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-title){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-title strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-title strong){font-size:15px;color:#0f172a;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-title .source),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-title .source){font-size:11px;color:#64748b;font-weight:750;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-enable),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-enable){margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:#0f766e;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-enable input),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-enable input){width:16px;height:16px;accent-color:#0891b2;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-fields),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-fields){display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1fr 1fr .8fr;gap:9px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-field label),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-field label){display:block;font-size:9px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.35px;margin-bottom:4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-field input),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-field input),
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-field select),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-field select){width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:8px 9px;font-size:11px;font-weight:750;color:#0f172a;min-height:34px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-field input:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-field input:focus),
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-field select:focus),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-field select:focus){outline:none;border-color:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,.12);}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-duplicate-confirm),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-duplicate-confirm){display:flex;align-items:center;gap:6px;margin-top:9px;font-size:10px;font-weight:800;color:#9a3412;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-duplicate-confirm input),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-duplicate-confirm input){width:14px;height:14px;accent-color:#ea580c;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-table-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-table-wrap){overflow:auto;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-table){width:100%;border-collapse:collapse;min-width:1060px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-table th),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-table th){padding:8px 9px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.25px;text-align:start;white-space:nowrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-table td),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-table td){padding:8px 9px;border-bottom:1px solid #f1f5f9;font-size:11px;color:#334155;vertical-align:middle;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-table select),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-table select),
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-table input[type=number]),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-table input[type=number]){width:100%;min-width:100px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:7px;background:#fff;padding:7px;font-size:11px;font-weight:700;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-uploaded-name),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-uploaded-name){font-weight:850;color:#0f172a;min-width:150px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-uploaded-meta),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-uploaded-meta){font-size:10px;color:#64748b;margin-top:2px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-suggestion),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-suggestion){font-size:10px;color:#475569;min-width:150px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-status),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-status){display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-status.matched),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-status.matched){background:#dcfce7;color:#166534;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-status.needs_review),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-status.needs_review){background:#fef3c7;color:#92400e;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-status.missing_unit),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-status.missing_unit),
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-status.missing_quantity),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-status.missing_quantity){background:#ffedd5;color:#9a3412;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-status.not_found),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-status.not_found){background:#fee2e2;color:#991b1b;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-match-badge),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-match-badge){display:inline-block;border-radius:999px;padding:3px 7px;background:#e0f2fe;color:#075985;font-size:10px;font-weight:900;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-converted),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-converted){display:block;margin-top:3px;color:#0369a1;font-size:9px;font-weight:800;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-foot),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-foot){display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;padding:11px 14px;background:#f8fafc;border-top:1px solid #e2e8f0;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-kpi),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-kpi){font-size:11px;color:#64748b;font-weight:750;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-kpi strong),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-kpi strong){color:#0f172a;font-size:13px;margin-inline-start:4px;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-cost-pct),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-cost-pct){font-size:11px;font-weight:900;color:#0e7490;}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-actions),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-actions){position:sticky;bottom:-18px;z-index:6;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 14px;margin:0 -20px -18px;background:rgba(255,255,255,.96);border-top:1px solid #cbd5e1;box-shadow:0 -8px 18px rgba(15,23,42,.08);}
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-actions .hint),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-actions .hint){margin-inline-end:auto;color:#64748b;font-size:10px;font-weight:750;}
@media(max-width:1000px){
    :where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-fields),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-fields){grid-template-columns:repeat(3,1fr);}
}
@media(max-width:700px){
    :where(html[data-style-page="operations-menu-cost"]):is(.recipe-upload-guide),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-upload-guide){grid-template-columns:1fr;}
    :where(html[data-style-page="operations-menu-cost"]):is(.recipe-target-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-target-grid),
:where(html[data-style-page="operations-menu-cost"]):is(.recipe-item-fields),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-item-fields){grid-template-columns:1fr 1fr;}
    :where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-actions),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-actions){align-items:stretch;flex-direction:column;}
    :where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-actions .hint),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-actions .hint){margin-inline-end:0;}
    :where(html[data-style-page="operations-menu-cost"]):is(.recipe-review-actions .btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.recipe-review-actions .btn){width:100%;justify-content:center;}
}

:where(html[data-style-page="operations-menu-cost"]):is(.menu-cost-tabs),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-cost-tabs){display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 16px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-cost-tab),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-cost-tab){appearance:none;border:0;background:transparent;color:#64748b;font-size:13px;font-weight:900;padding:11px 14px;
    border-bottom:3px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:42px;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-cost-tab:hover),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-cost-tab:hover){color:#1d4ed8;background:#f8fafc;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-cost-tab.active),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-cost-tab.active){color:#1d4ed8;border-bottom-color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-tab-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-tab-panel){display:none;}
:where(html[data-style-page="operations-menu-cost"]):is(.menu-tab-panel.active),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-tab-panel.active){display:block;}
@media(max-width:640px){
    :where(html[data-style-page="operations-menu-cost"]):is(.menu-cost-tabs),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-cost-tabs){gap:4px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.menu-cost-tab),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-cost-tab){flex:1;justify-content:center;padding:10px 8px;font-size:11px;}
}
@media(max-width:768px){
    :where(html[data-style-page="operations-menu-cost"]):is(html),
:where(html[data-style-page="operations-menu-cost"]) :is(html),
:where(html[data-style-page="operations-menu-cost"]):is(body),
:where(html[data-style-page="operations-menu-cost"]) :is(body){max-width:100%;overflow-x:hidden;}
    :where(html[data-style-page="operations-menu-cost"]):is(.content),
:where(html[data-style-page="operations-menu-cost"]) :is(.content){overflow-x:hidden;}
    :where(html[data-style-page="operations-menu-cost"]):is(.page-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd){align-items:stretch;gap:12px;margin-bottom:14px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.page-hd h2),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd h2){font-size:18px;line-height:1.25;}
    :where(html[data-style-page="operations-menu-cost"]):is(.page-hd > div),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd > div){width:100%;align-items:stretch!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.page-hd .btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd .btn),
:where(html[data-style-page="operations-menu-cost"]):is(.page-hd a.btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd a.btn){flex:1 1 calc(50% - 4px);justify-content:center;min-width:0;}
    :where(html[data-style-page="operations-menu-cost"]):is(#exportWrap),
:where(html[data-style-page="operations-menu-cost"]) :is(#exportWrap){flex:1 1 calc(50% - 4px);}
    :where(html[data-style-page="operations-menu-cost"]):is(#exportWrap > .btn),
:where(html[data-style-page="operations-menu-cost"]) :is(#exportWrap > .btn){width:100%;}
    :where(html[data-style-page="operations-menu-cost"]):is(.export-dropdown),
:where(html[data-style-page="operations-menu-cost"]) :is(.export-dropdown){inset-inline-start:0;inset-inline-end:auto;min-width:min(280px,calc(100vw - 24px));}
    :where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar){align-items:stretch;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar form),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar form),
:where(html[data-style-page="operations-menu-cost"]):is(.dashboard-filter-bar select),
:where(html[data-style-page="operations-menu-cost"]) :is(.dashboard-filter-bar select){width:100%;}
    :where(html[data-style-page="operations-menu-cost"]):is(.main-chart-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.main-chart-card),
:where(html[data-style-page="operations-menu-cost"]):is(.trend-section),
:where(html[data-style-page="operations-menu-cost"]) :is(.trend-section){padding:12px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.main-chart-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.main-chart-wrap){height:220px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.toolbar),
:where(html[data-style-page="operations-menu-cost"]) :is(.toolbar){align-items:stretch;}
    :where(html[data-style-page="operations-menu-cost"]):is(.toolbar .search-box),
:where(html[data-style-page="operations-menu-cost"]) :is(.toolbar .search-box),
:where(html[data-style-page="operations-menu-cost"]):is(.toolbar .cat-filter),
:where(html[data-style-page="operations-menu-cost"]) :is(.toolbar .cat-filter),
:where(html[data-style-page="operations-menu-cost"]):is(.toolbar .btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.toolbar .btn),
:where(html[data-style-page="operations-menu-cost"]):is(.toolbar .view-toggle),
:where(html[data-style-page="operations-menu-cost"]) :is(.toolbar .view-toggle){width:100%;min-width:0;}
    :where(html[data-style-page="operations-menu-cost"]):is(.view-toggle),
:where(html[data-style-page="operations-menu-cost"]) :is(.view-toggle){margin-inline-start:0!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.vbtn),
:where(html[data-style-page="operations-menu-cost"]) :is(.vbtn){flex:1;justify-content:center;min-width:0;padding:7px 8px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.menu-grid),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-grid){grid-template-columns:minmax(0,1fr);gap:12px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.menu-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-card){min-width:0;border-radius:12px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.mc-img),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-img),
:where(html[data-style-page="operations-menu-cost"]):is(.mc-img-placeholder),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-img-placeholder){height:150px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.mc-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-body){padding:12px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.mc-body > div:first-child),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-body > div:first-child){flex-wrap:wrap;align-items:flex-start!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.mc-name),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-name){font-size:14px;line-height:1.3;min-width:0;overflow-wrap:anywhere;}
    :where(html[data-style-page="operations-menu-cost"]):is(.mc-name-ar),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-name-ar){font-size:12px;line-height:1.45;overflow-wrap:anywhere;}
    :where(html[data-style-page="operations-menu-cost"]):is(.cost-row),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-row){gap:10px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.cost-lbl),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-lbl){min-width:0;line-height:1.3;}
    :where(html[data-style-page="operations-menu-cost"]):is(.cost-val),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-val),
:where(html[data-style-page="operations-menu-cost"]):is(.cost-margin),
:where(html[data-style-page="operations-menu-cost"]) :is(.cost-margin){white-space:nowrap;}
    :where(html[data-style-page="operations-menu-cost"]):is(.mc-footer),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-footer){padding:10px 12px;flex-wrap:wrap;}
    :where(html[data-style-page="operations-menu-cost"]):is(.mc-footer .btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-footer .btn){flex:1 1 auto;justify-content:center;min-width:44px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.mc-footer form),
:where(html[data-style-page="operations-menu-cost"]) :is(.mc-footer form){margin-inline-start:0!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap),
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section){overflow-x:auto;-webkit-overflow-scrolling:touch;}
    :where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap table),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap table),
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table){min-width:1080px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.brand-section),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section){margin-bottom:18px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.brand-section-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section-hd),
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-hd){padding:10px 12px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.brand-section-hd h2),
:where(html[data-style-page="operations-menu-cost"]) :is(.brand-section-hd h2),
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-hd h3){min-width:0;overflow-wrap:anywhere;}
    :where(html[data-style-page="operations-menu-cost"]):is(.cat-section),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section){margin-inline-start:0!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.cat-section-hd .cat-avg-pct),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-hd .cat-avg-pct){margin-inline-start:0!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.edit-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.edit-overlay),
:where(html[data-style-page="operations-menu-cost"]):is(.dv-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-overlay),
:where(html[data-style-page="operations-menu-cost"]):is(.paste-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-overlay),
:where(html[data-style-page="operations-menu-cost"]):is(.del-overlay),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-overlay){padding:8px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.edit-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.edit-panel),
:where(html[data-style-page="operations-menu-cost"]):is(.dv-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-panel),
:where(html[data-style-page="operations-menu-cost"]):is(.paste-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-panel),
:where(html[data-style-page="operations-menu-cost"]):is(.del-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-panel){width:100%!important;max-width:100%!important;max-height:calc(100vh - 16px);margin:0;border-radius:12px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.edit-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.edit-panel),
:where(html[data-style-page="operations-menu-cost"]):is(.paste-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-panel),
:where(html[data-style-page="operations-menu-cost"]):is(.del-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-panel){overflow:auto;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-panel),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-panel){overflow:auto;}
    :where(html[data-style-page="operations-menu-cost"]):is(.ep-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-hd),
:where(html[data-style-page="operations-menu-cost"]):is(.paste-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-hd),
:where(html[data-style-page="operations-menu-cost"]):is(.del-hd),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-hd){padding:12px 14px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.ep-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-hd h3),
:where(html[data-style-page="operations-menu-cost"]):is(.paste-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-hd h3),
:where(html[data-style-page="operations-menu-cost"]):is(.del-hd h3),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-hd h3){font-size:14px;line-height:1.35;min-width:0;}
    :where(html[data-style-page="operations-menu-cost"]):is(.ep-tabs),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-tabs){padding:0 10px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}
    :where(html[data-style-page="operations-menu-cost"]):is(.ep-tab),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-tab){flex:0 0 auto;padding:10px 12px;white-space:nowrap;}
    :where(html[data-style-page="operations-menu-cost"]):is(.ep-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.ep-body),
:where(html[data-style-page="operations-menu-cost"]):is(.paste-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.paste-body),
:where(html[data-style-page="operations-menu-cost"]):is(.del-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.del-body){padding:14px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-hero img),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-hero img){max-height:260px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-hero-placeholder),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-hero-placeholder){height:160px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-body),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-body){padding:16px 14px;overflow-x:hidden;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-name),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-name){font-size:18px;line-height:1.25;overflow-wrap:anywhere;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-name-ar),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-name-ar){font-size:14px;line-height:1.45;overflow-wrap:anywhere;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-kpis),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpis){gap:8px;margin-bottom:16px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-kpi),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpi){padding:9px 8px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-kpi .kk),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpi .kk){font-size:9px;line-height:1.25;letter-spacing:0;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-kpi .kv),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpi .kv){font-size:15px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.breakdown-scroll),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-scroll){overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-bottom:16px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.breakdown-scroll .breakdown-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-scroll .breakdown-table){min-width:760px;margin-bottom:0!important;}
    :where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table th),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table th),
:where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table td),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table td){white-space:nowrap;}
    :where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table th:first-child),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table th:first-child),
:where(html[data-style-page="operations-menu-cost"]):is(.breakdown-table td:first-child),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-table td:first-child){white-space:normal;min-width:150px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.prep-card-backdrop),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card-backdrop){padding:8px;align-items:flex-start;}
    :where(html[data-style-page="operations-menu-cost"]):is(.prep-card),
:where(html[data-style-page="operations-menu-cost"]) :is(.prep-card){max-height:calc(100vh - 16px);border-radius:12px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.bulk-fab),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-fab){width:52px;height:52px;bottom:16px;inset-inline-end:16px;font-size:18px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.bulk-fab .fab-tip),
:where(html[data-style-page="operations-menu-cost"]) :is(.bulk-fab .fab-tip){display:none;}
}
@media(max-width:420px){
    :where(html[data-style-page="operations-menu-cost"]):is(.page-hd .btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd .btn),
:where(html[data-style-page="operations-menu-cost"]):is(.page-hd a.btn),
:where(html[data-style-page="operations-menu-cost"]) :is(.page-hd a.btn),
:where(html[data-style-page="operations-menu-cost"]):is(#exportWrap),
:where(html[data-style-page="operations-menu-cost"]) :is(#exportWrap){flex-basis:100%;}
    :where(html[data-style-page="operations-menu-cost"]):is(.menu-cost-tabs),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-cost-tabs){overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}
    :where(html[data-style-page="operations-menu-cost"]):is(.menu-cost-tab),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-cost-tab){flex:0 0 auto;min-width:max-content;}
    :where(html[data-style-page="operations-menu-cost"]):is(.dv-kpis),
:where(html[data-style-page="operations-menu-cost"]) :is(.dv-kpis){grid-template-columns:1fr 1fr;}
    :where(html[data-style-page="operations-menu-cost"]):is(.list-view-wrap table),
:where(html[data-style-page="operations-menu-cost"]) :is(.list-view-wrap table),
:where(html[data-style-page="operations-menu-cost"]):is(.cat-section-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.cat-section-table){min-width:1000px;}
    :where(html[data-style-page="operations-menu-cost"]):is(.breakdown-scroll .breakdown-table),
:where(html[data-style-page="operations-menu-cost"]) :is(.breakdown-scroll .breakdown-table){min-width:700px;}
}

/* Page: operations/menu_cost.php */
:where(html[data-style-page="operations-menu-cost"]):is(.menu-group-manager-body > form[onsubmit*="confirmMenuGroupRename"]),
:where(html[data-style-page="operations-menu-cost"]) :is(.menu-group-manager-body > form[onsubmit*="confirmMenuGroupRename"]){display:none!important;}
/* Page: operations/prep_recipes.php */

:where(html[data-style-page="operations-prep-recipes"]):is(body),
:where(html[data-style-page="operations-prep-recipes"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f8fafc;}
:where(html[data-style-page="operations-prep-recipes"]):is(.page-hd),
:where(html[data-style-page="operations-prep-recipes"]) :is(.page-hd){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="operations-prep-recipes"]):is(.page-hd h2),
:where(html[data-style-page="operations-prep-recipes"]) :is(.page-hd h2){margin:0;font-size:20px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:10px;}

:where(html[data-style-page="operations-prep-recipes"]):is(.flash),
:where(html[data-style-page="operations-prep-recipes"]) :is(.flash){padding:12px 16px;border-radius:10px;font-weight:700;font-size:13px;margin-bottom:16px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.flash.success),
:where(html[data-style-page="operations-prep-recipes"]) :is(.flash.success){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
:where(html[data-style-page="operations-prep-recipes"]):is(.flash.error),
:where(html[data-style-page="operations-prep-recipes"]) :is(.flash.error){background:#fff1f2;color:#991b1b;border:1px solid #fecaca;}
:where(html[data-style-page="operations-prep-recipes"]):is(.flash.warning),
:where(html[data-style-page="operations-prep-recipes"]) :is(.flash.warning){background:#fffbeb;color:#92400e;border:1px solid #fcd34d;}

:where(html[data-style-page="operations-prep-recipes"]):is(.btn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;text-decoration:none;white-space:nowrap;transition:background .12s,transform .12s;}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn:hover){background:#f8fafc;transform:translateY(-1px);}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn-primary),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn-primary){background:#1d4ed8;border-color:#1d4ed8;color:#fff;}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn-primary:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn-primary:hover){background:#1e40af;}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn-success),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn-success){background:#166534;border-color:#166534;color:#fff;}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn-success:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn-success:hover){background:#15803d;}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn-danger),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn-danger){background:#fff1f2;border-color:#fca5a5;color:#991b1b;}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn-danger:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn-danger:hover){background:#ffe4e6;}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn-sm),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn-sm){padding:5px 10px;font-size:11px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.btn-icon),
:where(html[data-style-page="operations-prep-recipes"]) :is(.btn-icon){padding:6px 8px;border-radius:7px;}

:where(html[data-style-page="operations-prep-recipes"]):is(.dashboard),
:where(html[data-style-page="operations-prep-recipes"]) :is(.dashboard){display:grid;gap:14px;margin-bottom:18px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-row),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-row){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media(max-width:700px){:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-row),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-row){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-card),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-card){background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;box-shadow:0 10px 24px rgba(15,23,42,.04);}
:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-card .kk),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-card .kk){font-size:10px;color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.5px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-card .kv),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-card .kv){font-size:22px;font-weight:900;color:#0f172a;margin-top:5px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-card .ks),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-card .ks){font-size:11px;color:#64748b;margin-top:4px;font-weight:700;}
:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-card.blue),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-card.blue){background:linear-gradient(180deg,#eff6ff,#fff);}
:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-card.green),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-card.green){background:linear-gradient(180deg,#f0fdf4,#fff);}
:where(html[data-style-page="operations-prep-recipes"]):is(.kpi-card.purple),
:where(html[data-style-page="operations-prep-recipes"]) :is(.kpi-card.purple){background:linear-gradient(180deg,#faf5ff,#fff);}

:where(html[data-style-page="operations-prep-recipes"]):is(.toolbar),
:where(html[data-style-page="operations-prep-recipes"]) :is(.toolbar){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.search-box),
:where(html[data-style-page="operations-prep-recipes"]) :is(.search-box),
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-filter),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-filter),
:where(html[data-style-page="operations-prep-recipes"]):is(.clone-select),
:where(html[data-style-page="operations-prep-recipes"]) :is(.clone-select){padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;min-width:180px;background:#fff;}
:where(html[data-style-page="operations-prep-recipes"]):is(.search-box),
:where(html[data-style-page="operations-prep-recipes"]) :is(.search-box){min-width:220px;}

/* ── View Toggle ── */
:where(html[data-style-page="operations-prep-recipes"]):is(.view-toggle),
:where(html[data-style-page="operations-prep-recipes"]) :is(.view-toggle){display:flex;gap:3px;background:#f1f5f9;border-radius:10px;padding:3px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.vbtn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.vbtn){padding:5px 13px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:11px;font-weight:800;color:#64748b;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:5px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.vbtn.active),
:where(html[data-style-page="operations-prep-recipes"]) :is(.vbtn.active){background:#fff;color:#7c3aed;box-shadow:0 1px 4px rgba(0,0,0,.08);}
:where(html[data-style-page="operations-prep-recipes"]):is(.vbtn:hover:not(.active)),
:where(html[data-style-page="operations-prep-recipes"]) :is(.vbtn:hover:not(.active)){color:#374151;}

/* ── Cost Alarm Badges ── */
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-alarm),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-alarm){display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-up),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-up){background:#fee2e2;color:#991b1b;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-down),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-down){background:#dcfce7;color:#166534;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-same),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-same){background:#f1f5f9;color:#94a3b8;}

/* ── Cards view (existing) ── */
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-grid),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-grid){display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card){background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .1s;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card:hover){box-shadow:0 8px 28px rgba(0,0,0,.08);transform:translateY(-1px);}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.inactive),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.inactive){opacity:.58;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card-body),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card-body){padding:18px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-img),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-img){width:100%;height:170px;object-fit:cover;background:#f1f5f9;display:block;cursor:pointer;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-img-placeholder),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-img-placeholder){width:100%;height:170px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:38px;cursor:pointer;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.collapsed .prep-card-name-ar),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.collapsed .prep-card-name-ar),
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.collapsed .prep-img),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.collapsed .prep-img),
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.collapsed .prep-img-placeholder),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.collapsed .prep-img-placeholder),
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.collapsed .prep-tags),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.collapsed .prep-tags),
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.collapsed .cost-row),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.collapsed .cost-row),
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.collapsed .prep-manual-preview),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.collapsed .prep-manual-preview),
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.collapsed .prep-ingredient-preview),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.collapsed .prep-ingredient-preview),
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card.collapsed .prep-footer),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card.collapsed .prep-footer){display:none!important;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card-toggle),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card-toggle){margin-inline-start:auto;width:30px;height:30px;padding:0;justify-content:center;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card-toggle i),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card-toggle i){transition:transform .18s ease;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card:not(.collapsed) .prep-card-toggle i),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card:not(.collapsed) .prep-card-toggle i){transform:rotate(180deg);}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card-name),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card-name){font-size:15px;font-weight:900;color:#0f172a;margin-bottom:2px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-card-name-ar),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-card-name-ar){font-size:13px;color:#64748b;margin-bottom:8px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-tags),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-tags){display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-tag),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-tag){display:inline-block;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:900;}
:where(html[data-style-page="operations-prep-recipes"]):is(.tag-cat),
:where(html[data-style-page="operations-prep-recipes"]) :is(.tag-cat){background:#faf5ff;color:#7c3aed;}
:where(html[data-style-page="operations-prep-recipes"]):is(.tag-usage),
:where(html[data-style-page="operations-prep-recipes"]) :is(.tag-usage){background:#eff6ff;color:#1d4ed8;}
:where(html[data-style-page="operations-prep-recipes"]):is(.tag-subrecipe),
:where(html[data-style-page="operations-prep-recipes"]) :is(.tag-subrecipe){background:#ecfdf5;color:#047857;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-manual-preview),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-manual-preview){margin:10px 0 12px;padding:10px 12px;border:1px solid #e0f2fe;background:#f8fafc;border-radius:10px;color:#334155;font-size:12px;line-height:1.5;white-space:pre-line;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-manual-preview strong),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-manual-preview strong){display:block;color:#0369a1;font-size:11px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.list-thumb),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-thumb){width:36px;height:36px;border-radius:7px;object-fit:cover;border:1px solid #e2e8f0;flex-shrink:0;}
:where(html[data-style-page="operations-prep-recipes"]):is(.list-thumb-placeholder),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-thumb-placeholder){width:36px;height:36px;border-radius:7px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:15px;flex-shrink:0;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-row),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-row){display:flex;justify-content:space-between;align-items:center;padding:4px 0;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-lbl),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-lbl){font-size:12px;color:#64748b;font-weight:700;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-val),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-val){font-size:13px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-blue),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-blue){color:#1d4ed8;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-green),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-green){color:#166534;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-purple),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-purple){color:#7c3aed;}
:where(html[data-style-page="operations-prep-recipes"]):is(.prep-footer),
:where(html[data-style-page="operations-prep-recipes"]) :is(.prep-footer){display:flex;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #f1f5f9;align-items:center;flex-wrap:wrap;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-chip),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-chip){display:inline-flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;color:#475569;}

/* ── List View ── */
:where(html[data-style-page="operations-prep-recipes"]):is(.list-view-wrap),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-view-wrap){background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;}
:where(html[data-style-page="operations-prep-recipes"]):is(.list-view-wrap table),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-view-wrap table){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.list-view-wrap th),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-view-wrap th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:10px 13px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="operations-prep-recipes"]):is(.list-view-wrap td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-view-wrap td){padding:9px 13px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-prep-recipes"]):is(.list-view-wrap tr:last-child td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-view-wrap tr:last-child td){border-bottom:none;}
:where(html[data-style-page="operations-prep-recipes"]):is(.list-view-wrap tr:hover td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-view-wrap tr:hover td){background:#fafbfc;}
:where(html[data-style-page="operations-prep-recipes"]):is(.list-view-wrap .num),
:where(html[data-style-page="operations-prep-recipes"]) :is(.list-view-wrap .num){text-align:end;}
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .list-view-wrap th),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .list-view-wrap th),
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .list-view-wrap td),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .list-view-wrap td){text-align:right;}
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .list-view-wrap .num),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .list-view-wrap .num){text-align:left;}

/* ── Category Grouped View ── */
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section){margin-bottom:22px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-hd),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-hd){display:flex;align-items:center;gap:10px;padding:11px 16px;background:linear-gradient(90deg,#faf5ff 0%,#fff 100%);border:1px solid #e9d5ff;border-radius:12px 12px 0 0;cursor:pointer;user-select:none;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-hd h3),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-hd h3){margin:0;font-size:13px;font-weight:900;color:#7c3aed;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-hd .cat-count),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-hd .cat-count){font-size:10px;background:#ede9fe;color:#7c3aed;padding:2px 8px;border-radius:999px;font-weight:900;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-hd .cat-sku-badge),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-hd .cat-sku-badge){font-size:10px;font-family:'Courier New',monospace;background:#f3e8ff;color:#7c3aed;padding:2px 8px;border-radius:4px;font-weight:900;border:1px solid #e9d5ff;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-table),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-table){width:100%;border-collapse:collapse;font-size:12px;border:1px solid #e9d5ff;border-top:none;border-radius:0 0 12px 12px;overflow:hidden;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-table th),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-table th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:8px 13px;border-bottom:2px solid #e2e8f0;text-align:start;white-space:nowrap;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-table td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-table td){padding:9px 13px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-table tr:last-child td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-table tr:last-child td){border-bottom:none;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-table tr:hover td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-table tr:hover td){background:#fafbfc;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-table .num),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-table .num){text-align:end;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section.collapsed .cat-section-table),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section.collapsed .cat-section-table){display:none;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section-chevron),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section-chevron){margin-inline-start:auto;color:#7c3aed;font-size:11px;transition:transform .18s ease;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-section:not(.collapsed) .cat-section-chevron),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-section:not(.collapsed) .cat-section-chevron){transform:rotate(180deg);}
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .cat-section-table th),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .cat-section-table th),
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .cat-section-table td),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .cat-section-table td){text-align:right;}
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .cat-section-table .num),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .cat-section-table .num){text-align:left;}

:where(html[data-style-page="operations-prep-recipes"]):is(.edit-overlay),
:where(html[data-style-page="operations-prep-recipes"]) :is(.edit-overlay),
:where(html[data-style-page="operations-prep-recipes"]):is(.detail-overlay),
:where(html[data-style-page="operations-prep-recipes"]) :is(.detail-overlay),
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-overlay),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-overlay){position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:none;overflow:auto;padding:20px;box-sizing:border-box;align-items:flex-start;justify-content:center;}
:where(html[data-style-page="operations-prep-recipes"]):is(.edit-overlay.open),
:where(html[data-style-page="operations-prep-recipes"]) :is(.edit-overlay.open),
:where(html[data-style-page="operations-prep-recipes"]):is(.detail-overlay.open),
:where(html[data-style-page="operations-prep-recipes"]) :is(.detail-overlay.open),
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-overlay.open),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-overlay.open){display:flex;}
:where(html[data-style-page="operations-prep-recipes"]):is(.edit-panel),
:where(html[data-style-page="operations-prep-recipes"]) :is(.edit-panel),
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-panel),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-panel){width:min(920px,100%);background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 24px 60px rgba(0,0,0,.2);margin:auto;overflow:hidden;}
:where(html[data-style-page="operations-prep-recipes"]):is(.img-preview-wrap),
:where(html[data-style-page="operations-prep-recipes"]) :is(.img-preview-wrap){margin-top:8px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.img-preview),
:where(html[data-style-page="operations-prep-recipes"]) :is(.img-preview){max-width:140px;max-height:100px;border-radius:8px;border:1px solid #e2e8f0;object-fit:cover;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-panel),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-panel){width:min(980px,100%);}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-hero),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-hero){position:relative;width:100%;background:#0f172a;display:flex;align-items:center;justify-content:center;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-hero img),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-hero img){width:100%;max-height:520px;object-fit:contain;display:block;background:#0f172a;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-hero-placeholder),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-hero-placeholder){width:100%;height:220px;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;color:#475569;font-size:60px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-close),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-close),
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-btn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-btn){position:absolute;top:12px;border:none;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);z-index:2;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-close),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-close){inset-inline-end:12px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-btn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-btn){inset-inline-start:12px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-close:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-close:hover),
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-btn:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-btn:hover){background:rgba(0,0,0,.8);}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-dl-btn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-dl-btn){position:absolute;bottom:12px;inset-inline-end:12px;background:rgba(0,0,0,.55)!important;color:#fff!important;border-color:transparent!important;backdrop-filter:blur(4px);border-radius:8px!important;padding:7px 12px!important;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-body),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-body){padding:22px 24px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-name),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-name){font-size:22px;font-weight:900;color:#0f172a;margin-bottom:2px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-name-ar),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-name-ar){font-size:16px;color:#64748b;margin-bottom:10px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-meta),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-meta){display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;align-items:center;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-pill),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-pill){display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:900;background:#faf5ff;color:#7c3aed;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-kpis),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-kpis){display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;}
@media(max-width:660px){:where(html[data-style-page="operations-prep-recipes"]):is(.pv-kpis),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-kpis){grid-template-columns:repeat(2,1fr);}}
@media(max-width:420px){:where(html[data-style-page="operations-prep-recipes"]):is(.pv-kpis),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-kpis){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-kpi),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-kpi){background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;text-align:center;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-kpi .kk),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-kpi .kk){font-size:10px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-kpi .kv),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-kpi .kv){font-size:17px;font-weight:900;margin-top:4px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-section-title),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-section-title){font-size:13px;font-weight:900;color:#374151;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:7px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-manual),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-manual){font-size:13px;color:#334155;background:#f8fafc;border:1px solid #e0f2fe;border-radius:8px;padding:12px 14px;margin-bottom:18px;line-height:1.65;white-space:pre-line;}
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-footer),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-footer){display:none;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ep-hd),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ep-hd){display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(90deg,#faf5ff,#fff);}
:where(html[data-style-page="operations-prep-recipes"]):is(.ep-hd h3),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ep-hd h3){margin:0;font-size:17px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ep-tabs),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ep-tabs){display:flex;border-bottom:2px solid #e5e7eb;padding:0 20px;gap:4px;flex-wrap:wrap;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ep-tab),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ep-tab){padding:10px 18px;font-size:12px;font-weight:900;cursor:pointer;border:none;background:none;color:#94a3b8;border-bottom:2px solid transparent;margin-bottom:-2px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ep-tab.active),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ep-tab.active){color:#7c3aed;border-bottom-color:#7c3aed;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ep-body),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ep-body){padding:20px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ep-panel),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ep-panel){display:none;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ep-panel.active),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ep-panel.active){display:block;}

:where(html[data-style-page="operations-prep-recipes"]):is(.form-grid),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-grid){display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(max-width:680px){:where(html[data-style-page="operations-prep-recipes"]):is(.form-grid),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-grid){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group){display:flex;flex-direction:column;gap:5px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group label),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group label){font-size:12px;font-weight:800;color:#374151;}
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group input),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group input),
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group select),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group select),
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group textarea),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group textarea){
  padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;width:100%;box-sizing:border-box;
}
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group input:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group input:focus),
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group select:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group select:focus),
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group textarea:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group textarea:focus){
  outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.15);
}
:where(html[data-style-page="operations-prep-recipes"]):is(.form-group textarea),
:where(html[data-style-page="operations-prep-recipes"]) :is(.form-group textarea){min-height:84px;resize:vertical;}
:where(html[data-style-page="operations-prep-recipes"]):is(.dup-inline),
:where(html[data-style-page="operations-prep-recipes"]) :is(.dup-inline){display:none;margin-top:4px;padding:9px 10px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:11px;font-weight:800;line-height:1.45;}
:where(html[data-style-page="operations-prep-recipes"]):is(.dup-inline.show),
:where(html[data-style-page="operations-prep-recipes"]) :is(.dup-inline.show){display:block;}
:where(html[data-style-page="operations-prep-recipes"]):is(.dup-inline-actions),
:where(html[data-style-page="operations-prep-recipes"]) :is(.dup-inline-actions){display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.dup-inline .dup-confirm-btn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.dup-inline .dup-confirm-btn){border:1px solid #f59e0b;background:#f59e0b;color:#fff;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:900;cursor:pointer;}
:where(html[data-style-page="operations-prep-recipes"]):is(.dup-inline .dup-confirm-btn:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.dup-inline .dup-confirm-btn:hover){background:#d97706;border-color:#d97706;}
:where(html[data-style-page="operations-prep-recipes"]):is(.dup-inline .dup-edit-btn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.dup-inline .dup-edit-btn){border:1px solid #fcd34d;background:#fff7ed;color:#92400e;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:900;cursor:pointer;}
:where(html[data-style-page="operations-prep-recipes"]):is(.dup-inline .dup-edit-btn:hover),
:where(html[data-style-page="operations-prep-recipes"]) :is(.dup-inline .dup-edit-btn:hover){background:#ffedd5;}
:where(html[data-style-page="operations-prep-recipes"]):is(.full),
:where(html[data-style-page="operations-prep-recipes"]) :is(.full){grid-column:1/-1;}
@media(max-width:680px){:where(html[data-style-page="operations-prep-recipes"]):is(.full),
:where(html[data-style-page="operations-prep-recipes"]) :is(.full){grid-column:auto;}}

:where(html[data-style-page="operations-prep-recipes"]):is(.ing-table),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-table){width:100%;border-collapse:collapse;font-size:12px;min-width:760px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-table th),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-table th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border-bottom:2px solid #e2e8f0;text-align:start;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-table td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-table td){padding:7px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-table input),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-table input),
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-table select),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-table select){padding:6px 8px;border-radius:7px;border:1px solid #e2e8f0;font-size:12px;font-weight:600;width:100%;box-sizing:border-box;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-table input:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-table input:focus),
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-table select:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-table select:focus){outline:none;border-color:#a78bfa;}
:where(html[data-style-page="operations-prep-recipes"]):is(.source-choice),
:where(html[data-style-page="operations-prep-recipes"]) :is(.source-choice){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.source-choice select),
:where(html[data-style-page="operations-prep-recipes"]) :is(.source-choice select){min-width:115px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.subrecipe-select),
:where(html[data-style-page="operations-prep-recipes"]) :is(.subrecipe-select){background:#f0fdf4!important;border-color:#a7f3d0!important;}
:where(html[data-style-page="operations-prep-recipes"]):is(.source-badge),
:where(html[data-style-page="operations-prep-recipes"]) :is(.source-badge){display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:900;background:#ecfdf5;color:#047857;white-space:nowrap;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cost-hint),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cost-hint){font-size:11px;font-weight:900;color:#7c3aed;}
:where(html[data-style-page="operations-prep-recipes"]):is(.waste-share-cell),
:where(html[data-style-page="operations-prep-recipes"]) :is(.waste-share-cell){font-weight:900;color:#b91c1c;white-space:nowrap;}
:where(html[data-style-page="operations-prep-recipes"]):is(.waste-share-cell.empty),
:where(html[data-style-page="operations-prep-recipes"]) :is(.waste-share-cell.empty){color:#94a3b8;font-weight:800;}
:where(html[data-style-page="operations-prep-recipes"]):is(.waste-alloc-pill),
:where(html[data-style-page="operations-prep-recipes"]) :is(.waste-alloc-pill){display:inline-flex;align-items:center;gap:4px;margin-inline-start:6px;padding:2px 7px;border-radius:999px;background:#fff1f2;color:#b91c1c;font-size:9px;font-weight:900;vertical-align:middle;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-wrapper),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-wrapper){overflow-x:auto;border:1px solid #eef2f7;border-radius:12px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.ing-tools),
:where(html[data-style-page="operations-prep-recipes"]) :is(.ing-tools){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;}
:where(html[data-style-page="operations-prep-recipes"]):is(.clone-box),
:where(html[data-style-page="operations-prep-recipes"]) :is(.clone-box){display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.clone-label),
:where(html[data-style-page="operations-prep-recipes"]) :is(.clone-label){font-size:11px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.4px;}

:where(html[data-style-page="operations-prep-recipes"]):is(.yield-box),
:where(html[data-style-page="operations-prep-recipes"]) :is(.yield-box){background:linear-gradient(135deg,#faf5ff,#eff6ff);border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.yield-box h4),
:where(html[data-style-page="operations-prep-recipes"]) :is(.yield-box h4){margin:0 0 12px;font-size:13px;font-weight:900;color:#374151;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.yield-grid),
:where(html[data-style-page="operations-prep-recipes"]) :is(.yield-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
@media(max-width:560px){:where(html[data-style-page="operations-prep-recipes"]):is(.yield-grid),
:where(html[data-style-page="operations-prep-recipes"]) :is(.yield-grid){grid-template-columns:1fr;}}
:where(html[data-style-page="operations-prep-recipes"]):is(.yield-stat),
:where(html[data-style-page="operations-prep-recipes"]) :is(.yield-stat){background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;text-align:center;}
:where(html[data-style-page="operations-prep-recipes"]):is(.yield-stat .yl),
:where(html[data-style-page="operations-prep-recipes"]) :is(.yield-stat .yl){font-size:10px;font-weight:900;color:#94a3b8;text-transform:uppercase;}
:where(html[data-style-page="operations-prep-recipes"]):is(.yield-stat .yv),
:where(html[data-style-page="operations-prep-recipes"]) :is(.yield-stat .yv){font-size:18px;font-weight:900;margin-top:3px;}

:where(html[data-style-page="operations-prep-recipes"]):is(.breakdown-table),
:where(html[data-style-page="operations-prep-recipes"]) :is(.breakdown-table){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.breakdown-table th),
:where(html[data-style-page="operations-prep-recipes"]) :is(.breakdown-table th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;padding:7px 12px;border-bottom:2px solid #e2e8f0;text-align:start;}
:where(html[data-style-page="operations-prep-recipes"]):is(.breakdown-table td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.breakdown-table td){padding:8px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;}
:where(html[data-style-page="operations-prep-recipes"]):is(.breakdown-table tfoot td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.breakdown-table tfoot td){background:#faf5ff;font-weight:900;border-top:2px solid #e2e8f0;}
:where(html[data-style-page="operations-prep-recipes"]):is(.breakdown-table .num),
:where(html[data-style-page="operations-prep-recipes"]) :is(.breakdown-table .num){text-align:end;}

:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .ing-table th),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .ing-table th),
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .ing-table td),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .ing-table td),
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .breakdown-table th),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .breakdown-table th),
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .breakdown-table td),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .breakdown-table td){text-align:right;}
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .breakdown-table .num),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .breakdown-table .num){text-align:left;}

:where(html[data-style-page="operations-prep-recipes"]):is(.sku-badge),
:where(html[data-style-page="operations-prep-recipes"]) :is(.sku-badge){display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:900;font-family:'Courier New',monospace;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;letter-spacing:.5px;white-space:nowrap;}

/* ── Category combo-box ── */
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-combo),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-combo){position:relative;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-combo-select),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-combo-select){width:100%;padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;font-weight:600;background:#fff;color:#1e293b;cursor:pointer;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-combo-select:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-combo-select:focus){outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.15);}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-new-wrap),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-new-wrap){margin-top:6px;display:none;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-new-wrap.visible),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-new-wrap.visible){display:block;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-new-input),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-new-input){width:100%;padding:8px 12px;border-radius:8px;border:2px dashed #a78bfa;font-size:13px;font-weight:600;background:#faf5ff;color:#1e293b;box-sizing:border-box;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-new-input:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-new-input:focus){outline:none;border-color:#7c3aed;background:#f5f0ff;}
:where(html[data-style-page="operations-prep-recipes"]):is(.cat-new-hint),
:where(html[data-style-page="operations-prep-recipes"]) :is(.cat-new-hint){font-size:10px;color:#94a3b8;font-weight:700;margin-top:4px;}

/* ── Delete confirm overlay ── */
:where(html[data-style-page="operations-prep-recipes"]):is(.del-overlay),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-overlay){position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1200;display:none;overflow:auto;padding:20px;box-sizing:border-box;align-items:center;justify-content:center;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-overlay.open),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-overlay.open){display:flex;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-panel),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-panel){width:min(480px,100%);background:#fff;border-radius:18px;border:2px solid #fca5a5;box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:hidden;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-hd),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-hd){display:flex;align-items:center;gap:12px;padding:18px 22px;background:linear-gradient(90deg,#fff1f2,#fff);border-bottom:1px solid #fecaca;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-hd .del-icon),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-hd .del-icon){width:40px;height:40px;border-radius:10px;background:#fee2e2;display:flex;align-items:center;justify-content:center;font-size:18px;color:#dc2626;flex-shrink:0;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-hd h3),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-hd h3){margin:0;font-size:16px;font-weight:900;color:#7f1d1d;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-body),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-body){padding:22px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-warning),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-warning){background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:12px 14px;font-size:12px;font-weight:700;color:#78350f;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-confirm-box),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-confirm-box){background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-confirm-box label),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-confirm-box label){font-size:11px;font-weight:900;color:#374151;display:block;margin-bottom:6px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-confirm-box input),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-confirm-box input){width:100%;padding:9px 12px;border-radius:8px;border:1.5px solid #e2e8f0;font-size:13px;font-weight:700;color:#1e293b;box-sizing:border-box;font-family:inherit;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-confirm-box input:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-confirm-box input:focus){outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1);}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-confirm-box .del-hint),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-confirm-box .del-hint){font-size:10px;color:#94a3b8;font-weight:700;margin-top:5px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.del-actions),
:where(html[data-style-page="operations-prep-recipes"]) :is(.del-actions){display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #f1f5f9;}
:where(html[data-style-page="operations-prep-recipes"]):is(#delConfirmBtn),
:where(html[data-style-page="operations-prep-recipes"]) :is(#delConfirmBtn){background:#dc2626;border-color:#dc2626;color:#fff;}
:where(html[data-style-page="operations-prep-recipes"]):is(#delConfirmBtn:disabled),
:where(html[data-style-page="operations-prep-recipes"]) :is(#delConfirmBtn:disabled){background:#e5e7eb;border-color:#e5e7eb;color:#94a3b8;cursor:not-allowed;transform:none;}

:where(html[data-style-page="operations-prep-recipes"]):is(.paste-overlay),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-overlay){position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:1100;display:none;overflow:auto;padding:20px;box-sizing:border-box;align-items:flex-start;justify-content:center;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-overlay.open),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-overlay.open){display:flex;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-panel),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-panel){width:min(640px,100%);background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 24px 60px rgba(0,0,0,.2);margin:auto;overflow:hidden;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-hd),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-hd){display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(90deg,#eff6ff,#fff);}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-hd h3),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-hd h3){margin:0;font-size:15px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-body),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-body){padding:20px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-textarea),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-textarea){width:100%;min-height:160px;border:2px dashed #d1d5db;border-radius:10px;padding:14px;font-size:13px;font-weight:600;font-family:inherit;color:#1e293b;resize:vertical;direction:rtl;line-height:1.7;box-sizing:border-box;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-textarea:focus),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-textarea:focus){outline:none;border-color:#7c3aed;background:#faf5ff;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-hint),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-hint){font-size:11px;color:#94a3b8;font-weight:700;margin-top:8px;line-height:1.6;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-hint code),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-hint code){background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:11px;direction:ltr;display:inline-block;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results){margin-top:14px;max-height:260px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:10px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results table),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results table){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results th),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:7px 10px;border-bottom:2px solid #e2e8f0;text-align:start;position:sticky;top:0;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results td){padding:6px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results tr.matched),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results tr.matched){background:#f0fdf4;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results tr.unmatched),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results tr.unmatched){background:#fff7ed;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results .match-badge),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results .match-badge){display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:900;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results .match-ok),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results .match-ok){background:#dcfce7;color:#166534;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results .match-warn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results .match-warn){background:#fef3c7;color:#92400e;}
:where(html[data-style-page="operations-prep-recipes"]):is(.paste-results .match-miss),
:where(html[data-style-page="operations-prep-recipes"]) :is(.paste-results .match-miss){background:#fee2e2;color:#991b1b;}
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .paste-results th),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .paste-results th),
:where(html[data-style-page="operations-prep-recipes"]):is([dir=rtl] .paste-results td),
:where(html[data-style-page="operations-prep-recipes"]) :is([dir=rtl] .paste-results td){text-align:right;}
@media print{
    @page{size:A4 portrait;margin:12mm 14mm 12mm 14mm;}
    :where(html[data-style-page="operations-prep-recipes"]):is(*),
:where(html[data-style-page="operations-prep-recipes"]) :is(*){-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    :where(html[data-style-page="operations-prep-recipes"]):is(body>*),
:where(html[data-style-page="operations-prep-recipes"]) :is(body>*){display:none!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(body>.pv-print-source),
:where(html[data-style-page="operations-prep-recipes"]) :is(body>.pv-print-source){display:block!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-panel),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-panel){width:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-hero),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-hero){max-height:none!important;height:auto!important;background:#f8fafc!important;border-radius:10px!important;margin-bottom:14px;overflow:hidden!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-hero img),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-hero img){width:100%!important;max-width:100%!important;height:auto!important;max-height:340px!important;object-fit:contain!important;display:block!important;margin:0 auto!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-hero-placeholder),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-hero-placeholder){height:180px!important;font-size:60px!important;background:#f1f5f9!important;border-radius:10px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-close),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-close),
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-print-btn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-print-btn),
:where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-dl-btn),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-dl-btn){display:none!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-body),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-body){padding:0!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-name),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-name){font-size:22px!important;margin-bottom:2px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-name-ar),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-name-ar){font-size:15px!important;margin-bottom:8px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-kpis),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-kpis){grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-bottom:14px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-kpi),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-kpi){border:1px solid #e2e8f0!important;background:#f8fafc!important;border-radius:8px!important;padding:9px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-kpi .kk),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-kpi .kk){font-size:9px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-kpi .kv),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-kpi .kv){font-size:16px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .breakdown-table),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .breakdown-table){font-size:12px!important;width:100%!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .breakdown-table th),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .breakdown-table th){font-size:10px!important;background:#f8fafc!important;padding:6px 10px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .breakdown-table td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .breakdown-table td){padding:7px 10px!important;border-bottom:1px solid #f1f5f9!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .breakdown-table tfoot td),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .breakdown-table tfoot td){background:#f0fdf4!important;font-weight:900!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .no-print),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .no-print){display:none!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-section-title),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-section-title){margin-top:10px!important;font-size:12px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-source .pv-manual),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-source .pv-manual){font-size:12px!important;}
    :where(html[data-style-page="operations-prep-recipes"]):is(.pv-print-footer),
:where(html[data-style-page="operations-prep-recipes"]) :is(.pv-print-footer){display:flex!important;justify-content:space-between;font-size:9px;color:#94a3b8;border-top:1px solid #e2e8f0;padding-top:5px;margin-top:14px;}
}

/* Page: purchasing/expenses_input.php */

  /* Sherif UX */
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-wrap),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-wrap){max-width:1200px;margin:0 auto;padding:12px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-hero),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-hero){background:linear-gradient(135deg, rgba(162,132,86,.16), rgba(224,201,166,.10));border:1px solid rgba(162,132,86,.22);border-radius:18px;padding:14px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-title),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-title){margin:0;font-size:18px;font-weight:800}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-sub),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-sub){opacity:.75;margin-top:6px;font-size:13px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-row),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-row){display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-pill),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-pill){display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:12px;font-weight:800}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-pill.green),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-pill.green){background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-pill.orange),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-pill.orange){background:#fff7ed;color:#9a3412;border-color:#fed7aa}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-pill.neutral),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-pill.neutral){background:#fff;color:#111;border-color:rgba(0,0,0,.12)}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.sx-card),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.sx-card){background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:12px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.grid-2),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.grid-2){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.grid-3),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.grid-3){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

  :where(html[data-style-page="purchasing-expenses-input"]):is(.pm-wrap),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-wrap){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.pm-btn),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-btn){border-radius:16px;border:1px solid rgba(0,0,0,.10);background:#fff;padding:14px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;min-height:58px;transition:transform .08s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease;user-select:none;width:100%}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.pm-btn:active),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-btn:active){transform:scale(.99)}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.pm-btn .pm-title),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-btn .pm-title){font-size:14px;font-weight:800}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.pm-btn .pm-check),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-btn .pm-check){width:22px;height:22px;border-radius:999px;border:2px solid rgba(0,0,0,.18);display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;opacity:.35}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.pm-btn.is-active),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-btn.is-active){border-color:rgba(162,132,86,.65);background:linear-gradient(135deg, rgba(162,132,86,.22), rgba(224,201,166,.14));box-shadow:0 10px 22px rgba(162,132,86,.12)}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.pm-btn.is-active .pm-check),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-btn.is-active .pm-check){border-color:rgba(162,132,86,.75);opacity:1}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.pm-btn.is-active .pm-check)::before,
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-btn.is-active .pm-check)::before{content:"✓";transform:translateY(-1px)}
  @media (max-width:900px){:where(html[data-style-page="purchasing-expenses-input"]):is(.pm-wrap),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-wrap){grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:520px){:where(html[data-style-page="purchasing-expenses-input"]):is(.pm-wrap),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.pm-wrap){grid-template-columns:1fr}}

  :where(html[data-style-page="purchasing-expenses-input"]):is(.table-wrap),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.table-wrap){width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff}
  :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry){width:100%;border-collapse:collapse;table-layout:auto}
  :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry th),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry th),
:where(html[data-style-page="purchasing-expenses-input"]):is(table.entry td),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry td){padding:10px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle;white-space:normal;word-break:break-word}
  :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry th),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry th){text-align:start;font-size:12px;opacity:.8}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.text-end),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.text-end){text-align:end}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.cell-control select),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.cell-control select),
:where(html[data-style-page="purchasing-expenses-input"]):is(.cell-control input),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.cell-control input),
:where(html[data-style-page="purchasing-expenses-input"]):is(.cell-control textarea),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.cell-control textarea){width:100%;max-width:100%;box-sizing:border-box}

  :where(html[data-style-page="purchasing-expenses-input"]):is(.btn-row),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.btn-row){display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.btn-mini),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.btn-mini){padding:9px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-weight:800}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.btn-mini.primary),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.btn-mini.primary){border-color:rgba(37,99,235,.35);color:#2563eb}

  :where(html[data-style-page="purchasing-expenses-input"]):is(td.rm-cell),
:where(html[data-style-page="purchasing-expenses-input"]) :is(td.rm-cell){text-align:center}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.rm-btn),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.rm-btn){width:44px;height:44px;border-radius:14px;border:1px solid rgba(239,68,68,.35);background:#fff;color:#ef4444;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:800}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.rm-btn)::before,
:where(html[data-style-page="purchasing-expenses-input"]) :is(.rm-btn)::before{content:"×";font-size:22px;line-height:1}

  /* Summary: ONLY totals (SubTotal / VAT Total / Total) */
  :where(html[data-style-page="purchasing-expenses-input"]):is(.totals-grid),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.totals-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.kpi),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.kpi){border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px;background:linear-gradient(135deg, rgba(0,0,0,.01), rgba(0,0,0,.00))}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.kpi .k-label),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.kpi .k-label){font-size:12px;opacity:.75;font-weight:800}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.kpi .k-val),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.kpi .k-val){margin-top:8px;display:flex;gap:10px;align-items:center;justify-content:space-between}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.kpi .k-big),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.kpi .k-big){font-size:20px;font-weight:800}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.kpi input),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.kpi input){text-align:end;font-weight:800;border-radius:12px}
  @media (max-width:900px){:where(html[data-style-page="purchasing-expenses-input"]):is(.totals-grid),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.totals-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:520px){:where(html[data-style-page="purchasing-expenses-input"]):is(.totals-grid),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.totals-grid){grid-template-columns:1fr}}

  :where(html[data-style-page="purchasing-expenses-input"]):is(.bank-row),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.bank-row){margin-top:10px;display:none}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.muted),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.muted){opacity:.7}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.future-date-warning),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.future-date-warning){display:none;margin-top:7px;padding:8px 10px;border:1px solid #fca5a5;border-radius:10px;background:#fef2f2;color:#991b1b;font-size:12px;font-weight:800;line-height:1.5}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.future-date-warning.show),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.future-date-warning.show){display:block}

  :where(html[data-style-page="purchasing-expenses-input"]):is(.note-box),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.note-box){margin-top:12px}
  :where(html[data-style-page="purchasing-expenses-input"]):is(.note-box textarea),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.note-box textarea){min-height:84px;resize:vertical}

  @media (max-width:760px){
    :where(html[data-style-page="purchasing-expenses-input"]):is(.table-wrap),
:where(html[data-style-page="purchasing-expenses-input"]) :is(.table-wrap){overflow:visible}
    :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry thead),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry thead){display:none}
    :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry),
:where(html[data-style-page="purchasing-expenses-input"]):is(table.entry tbody),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry tbody),
:where(html[data-style-page="purchasing-expenses-input"]):is(table.entry tr),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry tr),
:where(html[data-style-page="purchasing-expenses-input"]):is(table.entry td),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry td){display:block;width:100%}
    :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry tr),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry tr){border-bottom:1px solid #f0f0f0;padding:10px 0}
    :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry td),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry td){border-bottom:none;padding:8px 10px}
    :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry td[data-label]),
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry td[data-label]){display:flex;gap:10px;align-items:center;justify-content:space-between}
    :where(html[data-style-page="purchasing-expenses-input"]):is(table.entry td[data-label])::before,
:where(html[data-style-page="purchasing-expenses-input"]) :is(table.entry td[data-label])::before{content:attr(data-label);font-size:12px;font-weight:800;opacity:.75;flex:0 0 40%;text-align:start}
    :where(html[data-style-page="purchasing-expenses-input"]):is(td.rm-cell),
:where(html[data-style-page="purchasing-expenses-input"]) :is(td.rm-cell){text-align:end}
  }

/* Page: purchasing/expenses_view.php */

  /* Sherif UX (calmer typography) */
  :where(html[data-style-page="purchasing-expenses-view"]):is(body),
:where(html[data-style-page="purchasing-expenses-view"]) :is(body){font-weight:400}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-wrap),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-wrap){max-width:1400px;margin:0 auto;padding:12px;width:100%}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-hero),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-hero){background:linear-gradient(135deg, rgba(162,132,86,.16), rgba(224,201,166,.10));border:1px solid rgba(162,132,86,.22);border-radius:18px;padding:14px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-title),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-title){margin:0;font-size:18px;font-weight:700}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-sub),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-sub){opacity:.75;margin-top:6px;font-size:13px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-row),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-row){display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-pill),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-pill){display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:12px;font-weight:700}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-pill.green),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-pill.green){background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-pill.orange),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-pill.orange){background:#fff7ed;color:#9a3412;border-color:#fed7aa}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-pill.neutral),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-pill.neutral){background:#fff;color:#111;border-color:rgba(0,0,0,.12)}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-card),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-card){background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:12px;margin-top:12px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.grid-3),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.grid-3){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.muted),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.muted){opacity:.7}

  :where(html[data-style-page="purchasing-expenses-view"]):is(.table-wrap),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.table-wrap){width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff;margin-top:10px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(table),
:where(html[data-style-page="purchasing-expenses-view"]) :is(table){width:100%;border-collapse:collapse;table-layout:auto}
  :where(html[data-style-page="purchasing-expenses-view"]):is(th),
:where(html[data-style-page="purchasing-expenses-view"]) :is(th),
:where(html[data-style-page="purchasing-expenses-view"]):is(td),
:where(html[data-style-page="purchasing-expenses-view"]) :is(td){padding:10px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle;white-space:normal;word-break:break-word;font-weight:400}
  :where(html[data-style-page="purchasing-expenses-view"]):is(th),
:where(html[data-style-page="purchasing-expenses-view"]) :is(th){text-align:start;font-size:12px;opacity:.8;font-weight:600}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.text-end),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.text-end){text-align:end}

  :where(html[data-style-page="purchasing-expenses-view"]):is(.totals),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.totals){display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.kpi),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.kpi){border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px;background:linear-gradient(135deg, rgba(0,0,0,.01), rgba(0,0,0,.00))}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.k-label),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.k-label){font-size:12px;opacity:.75;font-weight:600}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.k-val),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.k-val){margin-top:8px;display:flex;gap:10px;align-items:center;justify-content:space-between}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.k-big),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.k-big){font-size:20px;font-weight:700}
  @media (max-width:900px){:where(html[data-style-page="purchasing-expenses-view"]):is(.totals),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.totals){grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:520px){:where(html[data-style-page="purchasing-expenses-view"]):is(.totals),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.totals){grid-template-columns:1fr}}

  :where(html[data-style-page="purchasing-expenses-view"]):is(.att-grid),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.att-grid){display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:10px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.att-card),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.att-card){border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px;background:#fff}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.att-title),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.att-title){font-weight:700;font-size:13px;margin:0}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.att-path),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.att-path){margin-top:6px;font-size:12px;opacity:.7;word-break:break-all}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.att-actions),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.att-actions){display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.btn),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff;padding:8px 12px;font-weight:700;cursor:pointer;text-decoration:none;color:inherit}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.btn.primary),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.btn.primary){border-color:rgba(162,132,86,.45);background:linear-gradient(135deg, rgba(162,132,86,.18), rgba(224,201,166,.12))}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.btn.danger),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.btn.danger){border-color:rgba(239,68,68,.35);color:#b91c1c;cursor:default}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.btn.danger-action),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.btn.danger-action){border-color:#fecaca;background:#fef2f2;color:#991b1b}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.admin-action-menu),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.admin-action-menu){position:relative;display:inline-block}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.admin-action-menu summary),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.admin-action-menu summary){list-style:none;cursor:pointer}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.admin-action-menu summary)::-webkit-details-marker,
:where(html[data-style-page="purchasing-expenses-view"]) :is(.admin-action-menu summary)::-webkit-details-marker{display:none}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.admin-action-list),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.admin-action-list){margin-top:6px;padding:8px;border:1px solid rgba(0,0,0,.10);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16);display:grid;gap:8px;min-width:220px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.popup-close-btn),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.popup-close-btn){border-color:#cbd5e1;background:#f8fafc;color:#0f172a}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.attachment-preview-modal),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.attachment-preview-modal){position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.70);padding:18px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.attachment-preview-modal.is-open),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.attachment-preview-modal.is-open){display:flex}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.attachment-preview-panel),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.attachment-preview-panel){width:min(1180px,96vw);height:min(860px,94vh);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.35);display:flex;flex-direction:column}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.attachment-preview-head),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.attachment-preview-head){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #e2e8f0;font-weight:800}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.attachment-preview-close),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.attachment-preview-close){border:0;background:#f1f5f9;color:#334155;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:20px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.attachment-preview-frame),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.attachment-preview-frame){border:0;width:100%;flex:1;background:#f8fafc}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-pill.correction),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-pill.correction){background:#fff7ed;color:#9a3412;border-color:#fdba74;text-decoration:none}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.future-date-alert),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.future-date-alert){margin-top:12px;border:1px solid #fca5a5;border-radius:16px;padding:12px;background:#fef2f2;color:#991b1b;font-weight:700;line-height:1.6}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction){border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction summary),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction summary){cursor:pointer;color:#9a3412;font-weight:800;user-select:none}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction-form),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction-form){display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;align-items:end;margin-top:12px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction-form label),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction-form label){display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#475569}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction-form input),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction-form input),
:where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction-form select),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction-form select),
:where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction-form textarea),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction-form textarea){width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:9px;background:#fff}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction-form textarea),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction-form textarea){min-height:70px;resize:vertical}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.date-correction-note),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.date-correction-note){grid-column:1/-1;padding:9px 10px;border-radius:12px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.55}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.entry-adjust-panel),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.entry-adjust-panel){border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.entry-adjust-panel summary),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.entry-adjust-panel summary){cursor:pointer;color:#9a3412;font-weight:800;user-select:none}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-btn),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-btn){border:1px solid #fdba74;background:#fff7ed;color:#9a3412;border-radius:10px;padding:6px 9px;font-weight:800;cursor:pointer;white-space:nowrap}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-modal),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-modal){position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.62)}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-modal.is-open),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-modal.is-open){display:flex}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-panel),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-panel){width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(15,23,42,.35);padding:18px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-head),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-head){display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-title),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-title){font-size:18px;font-weight:900;color:#0f172a}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-close),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-close){border:0;background:#f1f5f9;color:#334155;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-grid),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-grid label),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-grid label){display:block;margin-bottom:6px;font-size:12px;font-weight:800;color:#475569}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-grid input),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-grid input),
:where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-grid select),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-grid select),
:where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-grid textarea),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-grid textarea){width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-grid textarea),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-grid textarea){min-height:78px;resize:vertical}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-wide),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-wide){grid-column:1/-1}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-warning),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-warning){padding:10px;border-radius:12px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.55}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-delete),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-delete){display:flex!important;align-items:center;gap:9px;padding:10px;border:1px solid #fecaca;border-radius:12px;background:#fef2f2;color:#991b1b}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-actions),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-actions){display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-submit),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-submit){border:0;border-radius:12px;padding:10px 15px;background:#9a3412;color:#fff;font-weight:900;cursor:pointer}

  :where(html[data-style-page="purchasing-expenses-view"]):is(.debug),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.debug){margin-top:10px;border:1px dashed rgba(0,0,0,.18);border-radius:14px;padding:10px;background:rgba(0,0,0,.02);font-size:12px}
  :where(html[data-style-page="purchasing-expenses-view"]):is(.debug code),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.debug code){font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}

  @media (max-width:620px){
    :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-grid),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-grid){grid-template-columns:1fr}
    :where(html[data-style-page="purchasing-expenses-view"]):is(.line-correction-wide),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.line-correction-wide){grid-column:auto}
  }

  /* Print (A4) */
  @media print{
    @page{size:A4; margin:10mm;}
    :where(html[data-style-page="purchasing-expenses-view"]):is(body),
:where(html[data-style-page="purchasing-expenses-view"]) :is(body){background:#fff !important;}
    :where(html[data-style-page="purchasing-expenses-view"]):is(.sidebar),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sidebar),
:where(html[data-style-page="purchasing-expenses-view"]):is(.topbar),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.topbar),
:where(html[data-style-page="purchasing-expenses-view"]):is(.navbar),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.navbar),
:where(html[data-style-page="purchasing-expenses-view"]):is(.no-print),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.no-print),
:where(html[data-style-page="purchasing-expenses-view"]):is(.sx-row a.no-print),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-row a.no-print),
:where(html[data-style-page="purchasing-expenses-view"]):is(.sx-row button.no-print),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-row button.no-print){display:none !important;}
    :where(html[data-style-page="purchasing-expenses-view"]):is(main.content),
:where(html[data-style-page="purchasing-expenses-view"]) :is(main.content){margin:0 !important; padding:0 !important;}
    :where(html[data-style-page="purchasing-expenses-view"]):is(#printArea),
:where(html[data-style-page="purchasing-expenses-view"]) :is(#printArea){max-width:none !important; width:100% !important; padding:0 !important;}
    :where(html[data-style-page="purchasing-expenses-view"]):is(.sx-hero),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-hero),
:where(html[data-style-page="purchasing-expenses-view"]):is(.sx-card),
:where(html[data-style-page="purchasing-expenses-view"]) :is(.sx-card){box-shadow:none !important; border-color:#ddd !important;}
    :where(html[data-style-page="purchasing-expenses-view"]):is(a[href]):after,
:where(html[data-style-page="purchasing-expenses-view"]) :is(a[href]):after{content:'';}
  }

/* Page: purchasing/expenses_view.php (popup) */

  :where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]):is(body),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]) :is(body){background:#f8fafc !important;}
  :where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]):is(.sidebar),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]) :is(.sidebar),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]):is(.topbar),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]) :is(.topbar),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]):is(.navbar),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]) :is(.navbar){display:none !important;}
  :where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]):is(main.content),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]) :is(main.content){margin:0 !important;padding:0 !important;}
  :where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]):is(.sx-wrap),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]) :is(.sx-wrap){padding:16px !important;max-width:100% !important;}
  :where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]):is(.sx-hero),
:where(html[data-style-page="purchasing-expenses-view"][data-style-popup="true"]) :is(.sx-hero){border-radius:8px !important;}

/* Page: purchasing/pending_payments_log.php */

  :where(html[data-style-page="purchasing-pending-payments-log"]):is(main.content),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(main.content){max-width:100%!important}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(main.content>.card.pm-workspace),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(main.content>.card.pm-workspace){padding:24px!important;border:0;background:#f5f7fa;border-radius:0;box-shadow:none}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace){--pm-ink:#14253c;--pm-muted:#66768a;--pm-border:#dde4ed;--pm-blue:#235ccb;color:var(--pm-ink);display:flex;flex-direction:column;gap:20px;min-width:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace *),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace *){box-sizing:border-box}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace [hidden]),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace [hidden]){display:none!important}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-header),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-header){display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-eyebrow),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-eyebrow){font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--pm-muted);margin-bottom:7px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-header h1),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-header h1){font-size:25px;line-height:1.25;margin:0;font-weight:750;letter-spacing:-.5px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-header p),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-header p){font-size:13px;color:var(--pm-muted);margin:7px 0 0;line-height:1.6}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.btn-row),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.btn-row){display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .btn-mini),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .btn-mini){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid var(--pm-border);border-radius:7px;background:#fff;color:var(--pm-ink);font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1.2}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .btn-mini:hover),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .btn-mini:hover){border-color:#9baec7;background:#f1f5fb}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .btn-mini:focus-visible),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .btn-mini:focus-visible),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace input:focus-visible),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace input:focus-visible),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace select:focus-visible),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace select:focus-visible){outline:3px solid #235ccb40;outline-offset:2px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .btn-mini.primary),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .btn-mini.primary){background:var(--pm-blue);border-color:var(--pm-blue);color:#fff}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .btn-mini.primary:hover),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .btn-mini.primary:hover){background:#174ba9}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .btn-mini.quiet),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .btn-mini.quiet){background:transparent;color:var(--pm-muted);border-color:transparent}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stats),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stats){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid var(--pm-border);border-radius:10px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stat),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stat){padding:17px 20px;min-width:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stat+.pm-stat),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stat+.pm-stat){border-inline-start:1px solid var(--pm-border)}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stat-label),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stat-label){font-size:12px;color:var(--pm-muted);margin-bottom:7px;font-weight:600}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stat-value),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stat-value){font-size:27px;line-height:1.2;font-weight:730;font-variant-numeric:tabular-nums;display:inline-block;max-width:100%;overflow-wrap:anywhere}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stat:last-child .pm-stat-value),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stat:last-child .pm-stat-value){color:var(--pm-blue)}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-alert),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-alert){padding:12px 15px;border:1px solid #b4ddce;border-radius:8px;background:#edf8f2;color:#236346;font-size:13px;line-height:1.6}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-alert.error),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-alert.error){border-color:#ecc1bb;background:#fff2ef;color:#a43b2a}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-alert.warning),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-alert.warning){border-color:#ead5ae;background:#fff9eb;color:#896525}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-finder),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-finder){background:white;border:1px solid var(--pm-border);border-radius:10px;padding:15px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-finder-grid),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-finder-grid){display:grid;grid-template-columns:minmax(240px,2.3fr) repeat(3,minmax(120px,1fr));gap:12px;align-items:end}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-field),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-field){display:flex;flex-direction:column;gap:6px;min-width:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-field>label),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-field>label),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-field>span),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-field>span){font-size:11px;font-weight:700;color:#617186}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-field input),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-field input),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-field select),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-field select){width:100%;height:40px;border:1px solid var(--pm-border);border-radius:7px;padding:8px 11px;color:var(--pm-ink);background:white;font-size:13px;font-weight:500;min-width:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-search),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-search){position:relative}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-search svg),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-search svg){position:absolute;inset-inline-start:12px;top:11px;width:18px;height:18px;color:#8a99ae;pointer-events:none}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-search input),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-search input){padding-inline-start:38px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-finder-bottom),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-finder-bottom){display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f5}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-result-count),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-result-count){font-size:12px;color:var(--pm-muted);line-height:1.5}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-sort),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-sort){display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pm-muted);flex-wrap:wrap}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-sort select),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-sort select){border:0;background:transparent;color:var(--pm-ink);font-size:12px;font-weight:650;padding:5px;max-width:180px;width:auto;margin:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-sort label),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-sort label),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-field label),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-field label){margin:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-field input),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-field input),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-field select),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-field select){margin:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is([dir="rtl"] .pm-eyebrow),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is([dir="rtl"] .pm-eyebrow){letter-spacing:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch){background:white;border:1px solid var(--pm-border);border-radius:10px;overflow:hidden}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-head),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-head){padding:17px 19px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--pm-border);background:#fff}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-title),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-title){display:flex;align-items:center;gap:11px;min-width:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-symbol),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-symbol){width:36px;height:36px;border-radius:8px;background:#edf2fa;color:#536c90;display:grid;place-items:center;flex-shrink:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-symbol svg),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-symbol svg){width:18px;height:18px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch h2),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch h2){font-size:15px;margin:0 0 4px;font-weight:750}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-count),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-count){font-size:11px;color:var(--pm-muted)}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-amount),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-amount){font-size:18px;font-weight:730;font-variant-numeric:tabular-nums}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-total),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-total){display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;justify-content:flex-end}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-total>span:first-child),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-total>span:first-child){font-size:11px;color:var(--pm-muted)}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table-wrap),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table-wrap){overflow-x:auto;width:100%}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table){border-collapse:collapse;width:100%;table-layout:fixed;min-width:930px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table col.pm-col-entry),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table col.pm-col-entry){width:17%}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table col.pm-col-party),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table col.pm-col-party){width:29%}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table col.pm-col-date),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table col.pm-col-date){width:16%}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table col.pm-col-total),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table col.pm-col-total){width:13%}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table col.pm-col-pending),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table col.pm-col-pending){width:12%}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table col.pm-col-action),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table col.pm-col-action){width:13%}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table th),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table th){background:#f8fafc;color:#738198;font-size:10px;font-weight:750;letter-spacing:.5px;padding:11px 16px;text-align:start;white-space:nowrap;border-bottom:1px solid #e7edf4}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table td),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table td){padding:15px 16px;vertical-align:top;border-bottom:1px solid #e9eef4;white-space:normal;overflow-wrap:anywhere;font-size:12px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry:last-child .pm-entry-main td),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry:last-child .pm-entry-main td){border-bottom:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-main:hover),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-main:hover){background:#fbfcff}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-ref),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-ref){font-size:12px;font-weight:750;color:var(--pm-ink);text-decoration:none;display:inline-block;margin-top:8px;line-height:1.45}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(a.pm-ref:hover),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(a.pm-ref:hover){color:var(--pm-blue);text-decoration:underline}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pill),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pill){display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.3;font-weight:700;border-radius:4px;padding:4px 7px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pill.p),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pill.p){background:#ebf2ff;color:#2858a6}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pill.e),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pill.e){background:#f7efe3;color:#846126}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-party),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-party){font-size:13px;font-weight:700;line-height:1.5;color:#273a51}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-note),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-note){font-size:11px;color:var(--pm-muted);line-height:1.65;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-secondary),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-secondary){font-size:11px;line-height:1.5;color:var(--pm-muted);margin-top:5px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-date),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-date){font-size:12px;color:#344860;white-space:nowrap;display:inline-block}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-due),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-due){display:inline-flex;margin-top:6px;font-size:10px;line-height:1.45;padding:3px 6px;border-radius:4px;background:#f2f4f8;color:#68788d;gap:4px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-due.overdue),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-due.overdue){background:#fff0eb;color:#a94a2c}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-due.today),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-due.today){background:#fff6df;color:#957023}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-money),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-money){font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;display:inline-block;white-space:nowrap}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-money.pending),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-money.pending){font-size:15px;color:var(--pm-blue);font-weight:750}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-method),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-method){font-size:10px;color:var(--pm-muted);margin-top:6px;line-height:1.45}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-actions),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-actions){display:flex;flex-direction:column;align-items:flex-start;gap:6px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-actions .btn-mini),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-actions .btn-mini){min-height:32px;padding:7px 11px;font-size:11px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-history),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-history){border:0;background:transparent;color:var(--pm-muted);padding:3px 0;font-size:10px;cursor:pointer;text-align:start}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-history:hover),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-history:hover){color:var(--pm-blue);text-decoration:underline}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-settlement-cell),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-settlement-cell){padding:0;border-bottom:1px solid var(--pm-border)}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-panel),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-panel){padding:18px 20px;background:#f1f5fc;border-inline-start:3px solid var(--pm-blue)}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-head),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-head){display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-heading),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-heading){font-size:13px;font-weight:750;line-height:1.5}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-context),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-context){font-size:11px;color:var(--pm-muted);margin-top:4px;line-height:1.5}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-head .btn-mini),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-head .btn-mini){min-height:27px;padding:5px 8px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-settlement-form),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-settlement-form){display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1.3fr) minmax(135px,1fr) auto auto;gap:12px;align-items:end;width:100%;margin:0}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-settlement-form .settle-date),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-settlement-form .settle-date),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-settlement-form .settle-amt),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-settlement-form .settle-amt),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-settlement-form .settle-fund),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-settlement-form .settle-fund){max-width:none;width:100%;height:40px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-settlement-form .btn-mini),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-settlement-form .btn-mini){min-height:40px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-empty),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-empty){padding:38px 24px;text-align:center;border:1px dashed #c7d3e3;border-radius:10px;background:white}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-empty h2),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-empty h2){font-size:17px;margin:0 0 8px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-empty p),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-empty p){font-size:13px;color:var(--pm-muted);margin:0 0 18px;line-height:1.6}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.muted),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.muted){font-size:12px;color:var(--pm-muted)}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.grid-3),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.grid-3){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(#filterModal input),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(#filterModal input),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(#filterModal select),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(#filterModal select){height:40px;width:100%;border:1px solid var(--pm-border);border-radius:7px;padding:8px 10px;margin-top:6px;background:white}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(#attModal),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(#attModal){display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:9999;padding:16px;align-items:center;justify-content:center}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(#attModal .box),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(#attModal .box){width:min(760px,100%);background:white;border-radius:12px;padding:18px;box-shadow:0 18px 50px #0f172a38}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(#attModal .head),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(#attModal .head){display:flex;justify-content:space-between;align-items:center}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(#attModal .close),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(#attModal .close){border:0;background:transparent;font-size:18px;cursor:pointer}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.att-list),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.att-list){display:flex;flex-direction:column;gap:10px;margin-top:10px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.att-item),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.att-item){display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #e7edf4;border-radius:8px;padding:10px 12px}
  :where(html[data-style-page="purchasing-pending-payments-log"]):is(.debug-box),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.debug-box){margin-top:10px;white-space:pre-wrap;border:1px solid #e7edf4;border-radius:8px;padding:10px;max-height:260px;overflow:auto}
  @media(max-width:1150px){:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-finder-grid),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-finder-grid){grid-template-columns:repeat(3,minmax(0,1fr))}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-search-field),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-search-field){grid-column:1/-1}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-settlement-form),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-settlement-form){grid-template-columns:repeat(3,minmax(0,1fr))}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-form>label.btn-mini),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-form>label.btn-mini){grid-column:1/3}}
  @media(max-width:1000px){:where(html[data-style-page="purchasing-pending-payments-log"]):is(main.content>.card.pm-workspace),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(main.content>.card.pm-workspace){padding:14px!important}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace){gap:14px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-header h1),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-header h1){font-size:22px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stats),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stats){grid-template-columns:repeat(3,minmax(0,1fr))}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stat),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stat){padding:13px 10px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stat-value),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stat-value){font-size:18px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-stat-label),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-stat-label){font-size:10px;line-height:1.5}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-finder),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-finder){padding:12px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-finder-grid),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-finder-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-search-field),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-search-field){grid-column:1/-1}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-field>label),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-field>label){font-size:10px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-finder-grid>.pm-field:last-child),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-finder-grid>.pm-field:last-child){grid-column:1/-1}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-head),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-head){padding:14px 12px;align-items:flex-start}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch h2),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch h2){font-size:14px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-total),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-total){flex-direction:column;align-items:flex-end;gap:5px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-branch-amount),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-branch-amount){font-size:16px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table){min-width:0;table-layout:auto}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table colgroup),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table colgroup),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table thead),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table thead){display:none}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-main),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-main){display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px 12px;gap:10px 14px;border-bottom:1px solid #e9eef4}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-table .pm-entry-main td),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-table .pm-entry-main td){display:block;border:0;padding:0}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-main .pm-entry-ref),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-main .pm-entry-ref){grid-column:1;grid-row:1}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-main .pm-entry-party),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-main .pm-entry-party){grid-column:1/-1;grid-row:2}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-main .pm-entry-dates),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-main .pm-entry-dates){grid-column:1;grid-row:3}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-main .pm-entry-total),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-main .pm-entry-total){grid-column:1;grid-row:4}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-main .pm-entry-pending),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-main .pm-entry-pending){grid-column:2;grid-row:3/5;text-align:end;align-self:center}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-main .pm-entry-action),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-main .pm-entry-action){grid-column:2;grid-row:1}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-ref),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-ref){margin:0;margin-inline-start:7px;display:inline}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-actions),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-actions){align-items:flex-end}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-secondary),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-secondary),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-method),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-method){font-size:10px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-entry-total)::before,
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-entry-total)::before{content:attr(data-label);font-size:10px;color:var(--pm-muted);margin-inline-end:7px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-cell),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-cell),
:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-row),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-row){display:block;width:100%}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-panel),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-panel){padding:16px 12px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-workspace .pm-settlement-form),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-workspace .pm-settlement-form){grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-form>.pm-pay-from),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-form>.pm-pay-from){grid-column:1/-1;grid-row:2}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-settlement-form>label.btn-mini),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-settlement-form>label.btn-mini){grid-column:auto}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.grid-3),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.grid-3){grid-template-columns:1fr 1fr}:where(html[data-style-page="purchasing-pending-payments-log"]):is(.pm-empty),
:where(html[data-style-page="purchasing-pending-payments-log"]) :is(.pm-empty){padding:26px 16px}}

/* Page: purchasing/purchases_review.php */

/* ===== Sherif UX ===== */
:where(html[data-style-page="purchasing-purchases-review"]):is(.toolbar),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.toolbar){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.toolbar .btns),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.toolbar .btns){display:flex;gap:8px;flex-wrap:wrap;align-items:center}
:where(html[data-style-page="purchasing-purchases-review"]):is(.btn-lite),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.btn-lite){padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-weight:900;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}
:where(html[data-style-page="purchasing-purchases-review"]):is(.btn-lite.has-dot .dot),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.btn-lite.has-dot .dot){display:block}
:where(html[data-style-page="purchasing-purchases-review"]):is(.dot),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.dot){position:absolute;top:6px;inset-inline-end:6px;width:10px;height:10px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18);display:none}
:where(html[data-style-page="purchasing-purchases-review"]):is(select),
:where(html[data-style-page="purchasing-purchases-review"]) :is(select),
:where(html[data-style-page="purchasing-purchases-review"]):is(input),
:where(html[data-style-page="purchasing-purchases-review"]) :is(input){width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15)}
:where(html[data-style-page="purchasing-purchases-review"]):is(.muted),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.muted){opacity:.75;color:#64748b;font-weight:900;font-size:12px}

/* KPI */
:where(html[data-style-page="purchasing-purchases-review"]):is(.kpi-wrap),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.kpi-wrap){display:flex;justify-content:center}
:where(html[data-style-page="purchasing-purchases-review"]):is(.summary-grid),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.summary-grid){width:min(1100px,100%);display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin:14px auto 10px}
@media(max-width:1000px){:where(html[data-style-page="purchasing-purchases-review"]):is(.summary-grid),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.summary-grid){grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:520px){:where(html[data-style-page="purchasing-purchases-review"]):is(.summary-grid),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.summary-grid){grid-template-columns:1fr}}
:where(html[data-style-page="purchasing-purchases-review"]):is(.summary-box),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.summary-box){padding:14px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.06);text-align:center}
:where(html[data-style-page="purchasing-purchases-review"]):is(.summary-box .cap),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.summary-box .cap){font-size:12px;color:#445;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900}
:where(html[data-style-page="purchasing-purchases-review"]):is(.summary-box strong),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.summary-box strong){display:block;font-size:22px;margin-top:8px;letter-spacing:.2px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.kpi-sub),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.kpi-sub){font-size:12px;color:#667;margin-top:8px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.kpi-review),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.kpi-review){background:linear-gradient(180deg,rgba(245,158,11,.16),rgba(255,255,255,1))}
:where(html[data-style-page="purchasing-purchases-review"]):is(.kpi-amt),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.kpi-amt){background:linear-gradient(180deg,rgba(99,102,241,.14),rgba(255,255,255,1))}
:where(html[data-style-page="purchasing-purchases-review"]):is(.kpi-vat),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.kpi-vat){background:linear-gradient(180deg,rgba(30,64,175,.12),rgba(255,255,255,1))}
:where(html[data-style-page="purchasing-purchases-review"]):is(.kpi-done),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.kpi-done){background:linear-gradient(180deg,rgba(34,197,94,.12),rgba(255,255,255,1))}
:where(html[data-style-page="purchasing-purchases-review"]):is(.color-orange),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.color-orange){color:#b45309}
:where(html[data-style-page="purchasing-purchases-review"]):is(.color-purple),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.color-purple){color:#4f46e5}
:where(html[data-style-page="purchasing-purchases-review"]):is(.color-blue),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.color-blue){color:#1e40af}
:where(html[data-style-page="purchasing-purchases-review"]):is(.color-green),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.color-green){color:#166534}

/* Month sections */
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-section),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-section){margin-top:12px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-bar),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-bar){background:#fffbeb;border-bottom:1px solid #fde68a;padding:10px 12px;font-weight:900;border-radius:14px 14px 0 0}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-head),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-head){display:flex;align-items:center;gap:10px;justify-content:space-between}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-left),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-left){display:flex;align-items:center;gap:10px;min-width:0}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-toggle),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-toggle){border:1px solid #fcd34d;background:#fff;border-radius:14px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:900;max-width:720px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-toggle .arrow),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-toggle .arrow){width:26px;height:26px;border:1px solid #e5e7eb;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;background:#fff;transform:rotate(0deg);transition:transform .15s ease;flex:0 0 auto}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-toggle[aria-expanded="true"] .arrow),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-toggle[aria-expanded="true"] .arrow){transform:rotate(90deg)}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-title),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-title){font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-totals),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-totals){display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-weight:900}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-pill),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-pill){background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;font-size:12px;color:#334155}
:where(html[data-style-page="purchasing-purchases-review"]):is(.month-pill.pill-orange),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.month-pill.pill-orange){color:#b45309;border-color:rgba(180,83,9,.25)}

/* Table */
:where(html[data-style-page="purchasing-purchases-review"]):is(.table-wrap),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.table-wrap){width:100%;border-radius:0 0 14px 14px;display:block;overflow-x:auto;border:1px solid rgba(0,0,0,.08);border-top:0}
:where(html[data-style-page="purchasing-purchases-review"]):is(table.entry),
:where(html[data-style-page="purchasing-purchases-review"]) :is(table.entry){width:100%;border-collapse:collapse;min-width:800px}
:where(html[data-style-page="purchasing-purchases-review"]):is(table.entry th),
:where(html[data-style-page="purchasing-purchases-review"]) :is(table.entry th),
:where(html[data-style-page="purchasing-purchases-review"]):is(table.entry td),
:where(html[data-style-page="purchasing-purchases-review"]) :is(table.entry td){padding:10px 8px;border-bottom:1px solid #eee;vertical-align:top;word-break:break-word}
:where(html[data-style-page="purchasing-purchases-review"]):is(table.entry th),
:where(html[data-style-page="purchasing-purchases-review"]) :is(table.entry th){text-align:start;color:#334155;font-weight:900;background:#fffbeb;white-space:nowrap}
:where(html[data-style-page="purchasing-purchases-review"]):is(.text-end),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.text-end){text-align:end}
:where(html[data-style-page="purchasing-purchases-review"]):is(tr.is-hidden),
:where(html[data-style-page="purchasing-purchases-review"]) :is(tr.is-hidden){display:none}
:where(html[data-style-page="purchasing-purchases-review"]):is([dir="rtl"] table.entry th),
:where(html[data-style-page="purchasing-purchases-review"]) :is([dir="rtl"] table.entry th),
:where(html[data-style-page="purchasing-purchases-review"]):is([dir="rtl"] table.entry td),
:where(html[data-style-page="purchasing-purchases-review"]) :is([dir="rtl"] table.entry td){text-align:right}
:where(html[data-style-page="purchasing-purchases-review"]):is([dir="rtl"] .text-end),
:where(html[data-style-page="purchasing-purchases-review"]) :is([dir="rtl"] .text-end){text-align:left}

/* Status badges */
:where(html[data-style-page="purchasing-purchases-review"]):is(.badge),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.badge){display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:900}
:where(html[data-style-page="purchasing-purchases-review"]):is(.badge-pending),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.badge-pending){background:#fffbeb;color:#b45309;border:1px solid #fde68a}
:where(html[data-style-page="purchasing-purchases-review"]):is(.badge-approved),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.badge-approved){background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
:where(html[data-style-page="purchasing-purchases-review"]):is(.badge-rejected),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.badge-rejected){background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
:where(html[data-style-page="purchasing-purchases-review"]):is(.badge-returned),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.badge-returned){background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}

/* Action buttons */
:where(html[data-style-page="purchasing-purchases-review"]):is(.act-btn),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.act-btn){padding:7px 14px;border-radius:12px;border:none;cursor:pointer;font-weight:900;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:opacity .1s}
:where(html[data-style-page="purchasing-purchases-review"]):is(.act-btn:hover),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.act-btn:hover){opacity:.85}
:where(html[data-style-page="purchasing-purchases-review"]):is(.act-approve),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.act-approve){background:#16a34a;color:#fff}
:where(html[data-style-page="purchasing-purchases-review"]):is(.act-reject),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.act-reject){background:#dc2626;color:#fff}
:where(html[data-style-page="purchasing-purchases-review"]):is(.act-return),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.act-return){background:#64748b;color:#fff}

/* Warn */
:where(html[data-style-page="purchasing-purchases-review"]):is(.warn),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.warn){background:#fff7ed;color:#9a3412;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px 14px;margin-top:12px;font-weight:900}

/* Modal */
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-backdrop),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-backdrop){position:fixed;inset:0;background:rgba(2,6,23,.45);display:none;align-items:flex-start;justify-content:center;padding:40px 14px;z-index:9999;overflow-y:auto}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-backdrop.show),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-backdrop.show){display:flex}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal){width:min(680px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.08);overflow:hidden}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-header),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-header){padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,rgba(245,158,11,.18),rgba(255,255,255,1))}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-title),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-title){font-weight:1000;display:flex;align-items:center;gap:10px;font-size:15px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-body),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-body){padding:14px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-footer),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-footer){padding:12px 14px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.06)}
:where(html[data-style-page="purchasing-purchases-review"]):is(.detail-grid),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.detail-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media(max-width:500px){:where(html[data-style-page="purchasing-purchases-review"]):is(.detail-grid),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.detail-grid){grid-template-columns:1fr}}
:where(html[data-style-page="purchasing-purchases-review"]):is(.detail-item),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.detail-item){background:#f8fafc;border-radius:12px;padding:10px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.detail-label),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.detail-label){font-size:11px;font-weight:900;color:#64748b;margin-bottom:4px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.detail-val),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.detail-val){font-size:14px;font-weight:900;color:#0f172a}
:where(html[data-style-page="purchasing-purchases-review"]):is(.filter-modal .modal),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.filter-modal .modal){width:min(600px,100%)}

/* History section - removed */

/* ── Redesigned review modal ── */
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-section),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-section){margin-bottom:14px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-section-title),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-section-title){font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-section-title)::after,
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-section-title)::after{content:'';flex:1;height:1px;background:#e2e8f0}
:where(html[data-style-page="purchasing-purchases-review"]):is(.lines-table),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.lines-table){width:100%;border-collapse:collapse;font-size:12px;margin-top:4px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.lines-table th),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.lines-table th){background:#f8fafc;padding:7px 10px;font-weight:900;font-size:11px;color:#64748b;text-align:start;border-bottom:2px solid #e2e8f0;white-space:nowrap}
:where(html[data-style-page="purchasing-purchases-review"]):is(.lines-table td),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.lines-table td){padding:7px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle}
:where(html[data-style-page="purchasing-purchases-review"]):is(.lines-table tr:last-child td),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.lines-table tr:last-child td){border-bottom:none}
:where(html[data-style-page="purchasing-purchases-review"]):is(.lines-table .num),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.lines-table .num){text-align:end;font-weight:900}
:where(html[data-style-page="purchasing-purchases-review"]):is(.lines-tfoot td),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.lines-tfoot td){background:#fef9c3;font-weight:900;padding:7px 10px;border-top:2px solid #fbbf24;font-size:12px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.totals-strip),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.totals-strip){display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:4px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.total-cell),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.total-cell){background:#f8fafc;border-radius:10px;padding:9px 12px;text-align:center}
:where(html[data-style-page="purchasing-purchases-review"]):is(.total-cell .tc-label),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.total-cell .tc-label){font-size:10px;font-weight:900;color:#64748b;margin-bottom:3px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.total-cell .tc-val),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.total-cell .tc-val){font-size:14px;font-weight:900;color:#0f172a}
:where(html[data-style-page="purchasing-purchases-review"]):is(.total-cell.tc-delivery),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.total-cell.tc-delivery){background:#fff7ed;border:1px solid #fed7aa}
:where(html[data-style-page="purchasing-purchases-review"]):is(.total-cell.tc-delivery .tc-label),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.total-cell.tc-delivery .tc-label){color:#c2410c}
:where(html[data-style-page="purchasing-purchases-review"]):is(.total-cell.tc-delivery .tc-val),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.total-cell.tc-delivery .tc-val){color:#c2410c}
:where(html[data-style-page="purchasing-purchases-review"]):is(.total-cell.tc-total),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.total-cell.tc-total){background:#f0fdf4;border:1px solid #bbf7d0}
:where(html[data-style-page="purchasing-purchases-review"]):is(.total-cell.tc-total .tc-val),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.total-cell.tc-total .tc-val){color:#166534;font-size:16px}
:where(html[data-style-page="purchasing-purchases-review"]):is(.modal-notes-box),
:where(html[data-style-page="purchasing-purchases-review"]) :is(.modal-notes-box){background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 12px;font-size:13px;color:#78350f;font-weight:700;margin-top:4px}
:where(html[data-style-page="purchasing-purchases-review"]):is([dir=rtl] .lines-table th),
:where(html[data-style-page="purchasing-purchases-review"]) :is([dir=rtl] .lines-table th),
:where(html[data-style-page="purchasing-purchases-review"]):is([dir=rtl] .lines-table td),
:where(html[data-style-page="purchasing-purchases-review"]) :is([dir=rtl] .lines-table td){text-align:right}
:where(html[data-style-page="purchasing-purchases-review"]):is([dir=rtl] .lines-table .num),
:where(html[data-style-page="purchasing-purchases-review"]) :is([dir=rtl] .lines-table .num){text-align:start}

/* Page: purchasing/purchasing_input.php */

  /* Sherif UX */
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-wrap),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-wrap){max-width:1200px;margin:0 auto;padding:12px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-hero),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-hero){background:linear-gradient(135deg, rgba(162,132,86,.16), rgba(224,201,166,.10));border:1px solid rgba(162,132,86,.22);border-radius:18px;padding:14px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-title),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-title){margin:0;font-size:18px;font-weight:900}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-sub),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-sub){opacity:.75;margin-top:6px;font-size:13px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-row),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-row){display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-pill),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-pill){display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:12px;font-weight:900}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-pill.green),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-pill.green){background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-pill.orange),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-pill.orange){background:#fff7ed;color:#9a3412;border-color:#fed7aa}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-pill.neutral),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-pill.neutral){background:#fff;color:#111;border-color:rgba(0,0,0,.12)}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.sx-card),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.sx-card){background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:12px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.grid-2),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.grid-2){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.grid-3),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.grid-3){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

  /* Payment method buttons (title only) */
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-wrap),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-wrap){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-btn),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-btn){border-radius:16px;border:1px solid rgba(0,0,0,.10);background:#fff;padding:14px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900;min-height:58px;transition:transform .08s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease;user-select:none;width:100%}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-btn:active),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-btn:active){transform:scale(.99)}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-btn .pm-title),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-btn .pm-title){font-size:14px;font-weight:900}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-btn .pm-check),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-btn .pm-check){width:22px;height:22px;border-radius:999px;border:2px solid rgba(0,0,0,.18);display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;opacity:.35}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-btn.is-active),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-btn.is-active){border-color:rgba(162,132,86,.65);background:linear-gradient(135deg, rgba(162,132,86,.22), rgba(224,201,166,.14));box-shadow:0 10px 22px rgba(162,132,86,.12)}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-btn.is-active .pm-check),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-btn.is-active .pm-check){border-color:rgba(162,132,86,.75);opacity:1}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-btn.is-active .pm-check)::before,
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-btn.is-active .pm-check)::before{content:"✓";transform:translateY(-1px)}
  @media (max-width:900px){:where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-wrap),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-wrap){grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:520px){:where(html[data-style-page="purchasing-purchasing-input"]):is(.pm-wrap),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.pm-wrap){grid-template-columns:1fr}}

  /* Table dynamic sizing */
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.table-wrap),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.table-wrap){width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry){width:100%;border-collapse:collapse;table-layout:auto}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry th),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry th),
:where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry td),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry td){padding:10px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle;white-space:normal;word-break:break-word}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry th),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry th){text-align:start;font-size:12px;opacity:.8}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.text-end),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.text-end){text-align:end}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.muted),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.muted){opacity:.7}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.cell-control select),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.cell-control select),
:where(html[data-style-page="purchasing-purchasing-input"]):is(.cell-control input),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.cell-control input),
:where(html[data-style-page="purchasing-purchasing-input"]):is(.cell-control textarea),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.cell-control textarea){width:100%;max-width:100%;box-sizing:border-box}

  :where(html[data-style-page="purchasing-purchasing-input"]):is(.btn-row),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.btn-row){display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.btn-mini),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.btn-mini){padding:9px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-weight:900}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.btn-mini.primary),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.btn-mini.primary){border-color:rgba(37,99,235,.35);color:#2563eb}

  :where(html[data-style-page="purchasing-purchasing-input"]):is(td.rm-cell),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(td.rm-cell){text-align:center}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.rm-btn),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.rm-btn){width:44px;height:44px;border-radius:14px;border:1px solid rgba(239,68,68,.35);background:#fff;color:#ef4444;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:900}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.rm-btn)::before,
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.rm-btn)::before{content:"×";font-size:22px;line-height:1}

  /* Totals */
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.totals-grid),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.totals-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.kpi),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.kpi){border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px;background:linear-gradient(135deg, rgba(0,0,0,.01), rgba(0,0,0,.00))}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.kpi .k-label),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.kpi .k-label){font-size:12px;opacity:.75;font-weight:900}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.kpi .k-val),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.kpi .k-val){margin-top:8px;display:flex;gap:10px;align-items:center;justify-content:space-between}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.kpi .k-big),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.kpi .k-big){font-size:22px;font-weight:900}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.kpi input),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.kpi input){text-align:end;font-weight:900;border-radius:12px}
  @media (max-width:900px){:where(html[data-style-page="purchasing-purchasing-input"]):is(.totals-grid),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.totals-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:520px){:where(html[data-style-page="purchasing-purchasing-input"]):is(.totals-grid),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.totals-grid){grid-template-columns:1fr}}

  :where(html[data-style-page="purchasing-purchasing-input"]):is(.bank-row),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.bank-row){margin-top:10px;display:none}

  /* OCR invoice review */
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-card),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-card){margin-top:12px;border-color:rgba(37,99,235,.2);background:linear-gradient(135deg,rgba(239,246,255,.9),#fff 55%)}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-head),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-head){display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-title),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-title){font-size:15px;font-weight:900;color:#1e3a8a;display:flex;align-items:center;gap:8px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-copy),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-copy){font-size:12px;color:#475569;line-height:1.6;margin-top:5px;max-width:760px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-upload),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-upload){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-upload input[type=file]),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-upload input[type=file]){flex:1;min-width:240px;background:#fff}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-status),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-status){display:none;margin-top:10px;padding:9px 12px;border-radius:12px;font-size:12px;font-weight:800}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-status.loading),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-status.loading){display:block;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-status.error),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-status.error){display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-status.success),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-status.success){display:block;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-review),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-review){display:none;margin-top:14px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-table-wrap),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-table-wrap){overflow:auto;border:1px solid #dbeafe;border-radius:14px;background:#fff}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(table.ocr-table),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.ocr-table){width:100%;min-width:1280px;border-collapse:collapse;font-size:12px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(table.ocr-table th),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.ocr-table th){position:sticky;top:0;z-index:1;background:#eff6ff;color:#1e3a8a;text-align:start;padding:8px;border-bottom:1px solid #bfdbfe;white-space:nowrap}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(table.ocr-table td),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.ocr-table td){padding:7px;border-bottom:1px solid #eef2f7;vertical-align:middle}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(table.ocr-table select),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.ocr-table select),
:where(html[data-style-page="purchasing-purchasing-input"]):is(table.ocr-table input),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.ocr-table input){width:100%;min-width:86px;padding:7px;border-radius:9px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(table.ocr-table .ocr-text),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.ocr-table .ocr-text){min-width:250px;max-width:360px;white-space:normal;line-height:1.45;color:#334155}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-match),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-match){display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-match.good),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-match.good){background:#dcfce7;color:#166534}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-match.weak),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-match.weak){background:#fef3c7;color:#92400e}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-match.none),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-match.none){background:#fee2e2;color:#991b1b}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-actions),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-actions){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.ocr-note),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.ocr-note){font-size:11px;color:#64748b;line-height:1.5}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.future-date-warning),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.future-date-warning){display:none;margin-top:7px;padding:8px 10px;border:1px solid #fca5a5;border-radius:10px;background:#fef2f2;color:#991b1b;font-size:12px;font-weight:800;line-height:1.5}
  :where(html[data-style-page="purchasing-purchasing-input"]):is(.future-date-warning.show),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.future-date-warning.show){display:block}

  /* Mobile table cards */
  @media (max-width:760px){
    :where(html[data-style-page="purchasing-purchasing-input"]):is(.table-wrap),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(.table-wrap){overflow:visible}
    :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry thead),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry thead){display:none}
    :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry),
:where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry tbody),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry tbody),
:where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry tr),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry tr),
:where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry td),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry td){display:block;width:100%}
    :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry tr),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry tr){border-bottom:1px solid #f0f0f0;padding:10px 0}
    :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry td),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry td){border-bottom:none;padding:8px 10px}
    :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry td[data-label]),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry td[data-label]){display:flex;gap:10px;align-items:center;justify-content:space-between}
    :where(html[data-style-page="purchasing-purchasing-input"]):is(table.entry td[data-label])::before,
:where(html[data-style-page="purchasing-purchasing-input"]) :is(table.entry td[data-label])::before{content:attr(data-label);font-size:12px;font-weight:900;opacity:.75;flex:0 0 40%;text-align:start}
    :where(html[data-style-page="purchasing-purchasing-input"]):is(td.rm-cell),
:where(html[data-style-page="purchasing-purchasing-input"]) :is(td.rm-cell){text-align:end}
  }

/* Page: purchasing/purchasing_log.php */

  :where(html[data-style-page="purchasing-purchasing-log"]):is(.sx-wrap),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.sx-wrap){max-width:1200px;margin:0 auto;padding:12px}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.sx-hero),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.sx-hero){background:linear-gradient(135deg, rgba(162,132,86,.16), rgba(224,201,166,.10));
    border:1px solid rgba(162,132,86,.22);border-radius:16px;padding:14px}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.sx-title),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.sx-title){margin:0;font-size:18px;font-weight:900}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.sx-sub),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.sx-sub){opacity:.75;margin-top:6px;font-size:13px}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.sx-card),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.sx-card){background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:12px;margin-top:12px}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(table),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(table){width:100%;border-collapse:collapse}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(th),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(th),
:where(html[data-style-page="purchasing-purchasing-log"]):is(td),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(td){padding:10px 8px;border-bottom:1px solid #f0f0f0;vertical-align:top;white-space:normal;word-break:break-word}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(th),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(th){font-size:12px;opacity:.75;text-align:start}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.pill),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.pill){display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid transparent}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.pill.green),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.pill.green){background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.pill.orange),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.pill.orange){background:#fff7ed;color:#9a3412;border-color:#fed7aa}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.pill.red),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.pill.red){background:#fef2f2;color:#991b1b;border-color:rgba(153,27,27,.2)}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.btn-mini),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.btn-mini){padding:8px 10px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-weight:900}

/* Page: purchasing/purchasing_log.php */

  :where(html[data-style-page="purchasing-purchasing-log"]):is(.expense-workspace[data-expense-page="purchasing"] .invoice-id),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.expense-workspace[data-expense-page="purchasing"] .invoice-id),
:where(html[data-style-page="purchasing-purchasing-log"]):is(.expense-workspace[data-expense-page="purchasing"] .invoice-code),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.expense-workspace[data-expense-page="purchasing"] .invoice-code),
:where(html[data-style-page="purchasing-purchasing-log"]):is(.expense-workspace[data-expense-page="purchasing"] .invoice-date),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.expense-workspace[data-expense-page="purchasing"] .invoice-date),
:where(html[data-style-page="purchasing-purchasing-log"]):is(.expense-workspace[data-expense-page="purchasing"] .invoice-money),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.expense-workspace[data-expense-page="purchasing"] .invoice-money){white-space:nowrap;word-break:normal;font-variant-numeric:tabular-nums}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.purchase-actions),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.purchase-actions){display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.purchase-summary),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.purchase-summary){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.purchase-summary .label),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.purchase-summary .label){font-size:11px;color:var(--ew-muted);margin-bottom:7px}
  :where(html[data-style-page="purchasing-purchasing-log"]):is(.purchase-summary .value),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.purchase-summary .value){font-size:25px;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  @media(max-width:700px){:where(html[data-style-page="purchasing-purchasing-log"]):is(.purchase-summary),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.purchase-summary){grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-style-page="purchasing-purchasing-log"]):is(.purchase-actions),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.purchase-actions){flex-direction:column;align-items:flex-start}}
  @media print{:where(html[data-style-page="purchasing-purchasing-log"]):is(.purchase-actions),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.purchase-actions),
:where(html[data-style-page="purchasing-purchasing-log"]):is(.purchase-new),
:where(html[data-style-page="purchasing-purchasing-log"]) :is(.purchase-new){display:none!important}}

/* Page: purchasing/purchasing_view.php */

  /* Sherif UX (calmer typography) */
  :where(html[data-style-page="purchasing-purchasing-view"]):is(body),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(body){font-weight:400}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-wrap),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-wrap){max-width:1200px;margin:0 auto;padding:12px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-hero),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-hero){background:linear-gradient(135deg, rgba(162,132,86,.16), rgba(224,201,166,.10));border:1px solid rgba(162,132,86,.22);border-radius:18px;padding:14px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-title),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-title){margin:0;font-size:18px;font-weight:700}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-sub),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-sub){opacity:.75;margin-top:6px;font-size:13px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-row),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-row){display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-pill),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-pill){display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:12px;font-weight:700}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-pill.green),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-pill.green){background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-pill.orange),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-pill.orange){background:#fff7ed;color:#9a3412;border-color:#fed7aa}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-pill.neutral),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-pill.neutral){background:#fff;color:#111;border-color:rgba(0,0,0,.12)}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-pill.correction),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-pill.correction){background:#fff7ed;color:#9a3412;border-color:#fdba74;cursor:pointer;text-decoration:none}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-pill.correction:hover),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-pill.correction:hover){background:#ffedd5}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-card),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-card){background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:12px;margin-top:12px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.grid-3),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.grid-3){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.muted),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.muted){opacity:.7}

  :where(html[data-style-page="purchasing-purchasing-view"]):is(.table-wrap),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.table-wrap){width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff;margin-top:10px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(table),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(table){width:100%;border-collapse:collapse;table-layout:auto}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(th),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(th),
:where(html[data-style-page="purchasing-purchasing-view"]):is(td),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(td){padding:10px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle;white-space:normal;word-break:break-word;font-weight:400}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(th),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(th){text-align:start;font-size:12px;opacity:.8;font-weight:600}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.text-end),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.text-end){text-align:end}

  :where(html[data-style-page="purchasing-purchasing-view"]):is(.totals),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.totals){display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:10px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.kpi),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.kpi){border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px;background:linear-gradient(135deg, rgba(0,0,0,.01), rgba(0,0,0,.00))}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.k-label),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.k-label){font-size:12px;opacity:.75;font-weight:600}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.k-val),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.k-val){margin-top:8px;display:flex;gap:10px;align-items:center;justify-content:space-between}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.k-big),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.k-big){font-size:20px;font-weight:700}
  @media (max-width:900px){:where(html[data-style-page="purchasing-purchasing-view"]):is(.totals),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.totals){grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:520px){:where(html[data-style-page="purchasing-purchasing-view"]):is(.totals),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.totals){grid-template-columns:1fr}}

  :where(html[data-style-page="purchasing-purchasing-view"]):is(.att-grid),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.att-grid){display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:10px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.att-card),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.att-card){border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px;background:#fff}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.att-title),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.att-title){font-weight:700;font-size:13px;margin:0}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.att-path),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.att-path){margin-top:6px;font-size:12px;opacity:.7;word-break:break-all}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.att-actions),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.att-actions){display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.btn),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff;padding:8px 12px;font-weight:700;cursor:pointer;text-decoration:none;color:inherit}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.btn.primary),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.btn.primary){border-color:rgba(162,132,86,.45);background:linear-gradient(135deg, rgba(162,132,86,.18), rgba(224,201,166,.12))}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.btn.danger),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.btn.danger){border-color:rgba(239,68,68,.35);color:#b91c1c;cursor:default}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.btn.danger-action),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.btn.danger-action){border-color:#fecaca;background:#fef2f2;color:#991b1b}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.admin-action-menu),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.admin-action-menu){position:relative;display:inline-block}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.admin-action-menu summary),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.admin-action-menu summary){list-style:none;cursor:pointer}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.admin-action-menu summary)::-webkit-details-marker,
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.admin-action-menu summary)::-webkit-details-marker{display:none}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.admin-action-list),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.admin-action-list){margin-top:6px;padding:8px;border:1px solid rgba(0,0,0,.10);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16);display:grid;gap:8px;min-width:220px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.popup-close-btn),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.popup-close-btn){border-color:#cbd5e1;background:#f8fafc;color:#0f172a}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.attachment-preview-modal),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.attachment-preview-modal){position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.70);padding:18px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.attachment-preview-modal.is-open),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.attachment-preview-modal.is-open){display:flex}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.attachment-preview-panel),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.attachment-preview-panel){width:min(1180px,96vw);height:min(860px,94vh);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.35);display:flex;flex-direction:column}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.attachment-preview-head),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.attachment-preview-head){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #e2e8f0;font-weight:800}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.attachment-preview-close),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.attachment-preview-close){border:0;background:#f1f5f9;color:#334155;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:20px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.attachment-preview-frame),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.attachment-preview-frame){border:0;width:100%;flex:1;background:#f8fafc}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.future-date-alert),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.future-date-alert){margin-top:12px;border:1px solid #fca5a5;border-radius:16px;padding:12px;background:#fef2f2;color:#991b1b;font-weight:700;line-height:1.6}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction){border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction summary),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction summary){cursor:pointer;color:#9a3412;font-weight:800;user-select:none}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction-form),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction-form){display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;align-items:end;margin-top:12px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction-form label),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction-form label){display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#475569}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction-form input),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction-form input),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction-form select),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction-form select),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction-form textarea),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction-form textarea){width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:9px;background:#fff}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction-form textarea),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction-form textarea){min-height:70px;resize:vertical}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.date-correction-note),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.date-correction-note){grid-column:1/-1;padding:9px 10px;border-radius:12px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.55}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.entry-adjust-panel),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.entry-adjust-panel){border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.entry-adjust-panel summary),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.entry-adjust-panel summary){cursor:pointer;color:#9a3412;font-weight:800;user-select:none}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-btn),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-btn){border:1px solid #fdba74;background:#fff7ed;color:#9a3412;border-radius:10px;padding:6px 9px;font-weight:800;cursor:pointer;white-space:nowrap}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-modal),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-modal){position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.62)}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-modal.is-open),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-modal.is-open){display:flex}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-panel),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-panel){width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(15,23,42,.35);padding:18px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-head),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-head){display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-title),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-title){font-size:18px;font-weight:900;color:#0f172a}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-close),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-close){border:0;background:#f1f5f9;color:#334155;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-grid),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-grid label),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-grid label){display:block;margin-bottom:6px;font-size:12px;font-weight:800;color:#475569}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-grid input),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-grid input),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-grid select),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-grid select),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-grid textarea),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-grid textarea){width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-grid textarea),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-grid textarea){min-height:78px;resize:vertical}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-wide),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-wide){grid-column:1/-1}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-actions),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-actions){display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-delete),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-delete){display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:12px;font-weight:800}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-submit),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-submit){border:0;background:#9a3412;color:#fff;border-radius:12px;padding:10px 16px;font-weight:900;cursor:pointer}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-warning),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-warning){padding:10px 12px;border-radius:12px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.6}
  @media (max-width:620px){:where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-grid),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-grid){grid-template-columns:1fr}:where(html[data-style-page="purchasing-purchasing-view"]):is(.line-correction-wide),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.line-correction-wide){grid-column:auto}}

  :where(html[data-style-page="purchasing-purchasing-view"]):is(.debug),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.debug){margin-top:10px;border:1px dashed rgba(0,0,0,.18);border-radius:14px;padding:10px;background:rgba(0,0,0,.02);font-size:12px}
  :where(html[data-style-page="purchasing-purchasing-view"]):is(.debug code),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.debug code){font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}

    /* Print (A4) */
  @media print{
    @page{size:A4; margin:10mm;}
    :where(html[data-style-page="purchasing-purchasing-view"]):is(body),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(body){background:#fff !important;}
    :where(html[data-style-page="purchasing-purchasing-view"]):is(.sidebar),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sidebar),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.topbar),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.topbar),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.navbar),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.navbar),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.no-print),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.no-print),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-row a.no-print),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-row a.no-print),
:where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-row button.no-print),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-row button.no-print){display:none !important;}
    :where(html[data-style-page="purchasing-purchasing-view"]):is(main.content),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(main.content){margin:0 !important; padding:0 !important;}
    :where(html[data-style-page="purchasing-purchasing-view"]):is(#printArea),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(#printArea){max-width:none !important; width:100% !important; padding:0 !important;}
    :where(html[data-style-page="purchasing-purchasing-view"]):is(.sx-card),
:where(html[data-style-page="purchasing-purchasing-view"]) :is(.sx-card){box-shadow:none !important; border-color:#ddd !important;}
    :where(html[data-style-page="purchasing-purchasing-view"]):is(a[href]):after,
:where(html[data-style-page="purchasing-purchasing-view"]) :is(a[href]):after{content:'';}
  }

/* Page: purchasing/purchasing_view.php (popup) */

  :where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]):is(body),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]) :is(body){background:#f8fafc !important;}
  :where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]):is(.sidebar),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]) :is(.sidebar),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]):is(.topbar),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]) :is(.topbar),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]):is(.navbar),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]) :is(.navbar){display:none !important;}
  :where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]):is(main.content),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]) :is(main.content){margin:0 !important;padding:0 !important;}
  :where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]):is(.sx-wrap),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]) :is(.sx-wrap){padding:16px !important;max-width:100% !important;}
  /* compact hero in popup */
  :where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]):is(.sx-hero),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]) :is(.sx-hero){border-radius:8px !important;}
  :where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]):is(.sx-row a.no-print[href*="Back"]),
:where(html[data-style-page="purchasing-purchasing-view"][data-style-popup="true"]) :is(.sx-row a.no-print[href*="Back"]){display:none !important;}

/* Page: purchasing/spending_day_branch_details.php */

/* ===== Sherif UX (lightweight) ===== */
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.page-head),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.page-head){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.page-head h1),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.page-head h1){margin:0;font-size:18px;font-weight:1000}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.sub),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.sub){opacity:.75;font-weight:800}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.btn-lite),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.btn-lite){
  padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;
  font-weight:900;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;
}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.btn-lite:hover),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.btn-lite:hover){box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-1px)}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.kpis),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.kpis){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0 14px}
@media(max-width:1100px){:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.kpis),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.kpis){grid-template-columns:repeat(2,minmax(0,1fr));}}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.cardx),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.cardx){
  border:1px solid rgba(0,0,0,.08);border-radius:16px;background:linear-gradient(180deg,#fff,rgba(162,132,86,.06));
  padding:12px 12px;box-shadow:0 10px 24px rgba(0,0,0,.06)
}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.cardx .k),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.cardx .k){font-weight:1000;font-size:12px;opacity:.75}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.cardx .v),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.cardx .v){font-weight:1200;font-size:18px;margin-top:4px}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.cardx .v.red),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.cardx .v.red){color:#b00020}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.section),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.section){margin-top:14px}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.section h2),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.section h2){margin:0 0 8px;font-size:14px;font-weight:1100;opacity:.85}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.table-wrap),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.table-wrap){overflow:auto;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.06)}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(table),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(table){width:100%;border-collapse:separate;border-spacing:0}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(th),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(th),
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(td),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(td){padding:10px 10px;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:top}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(th),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(th){font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.75}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(tr:last-child td),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(tr:last-child td){border-bottom:none}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.badge),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.badge){display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:1000;font-size:12px;border:1px solid rgba(0,0,0,.10)}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.badge.ok),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.badge.ok){background:rgba(0,170,90,.10)}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.badge.warn),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.badge.warn){background:rgba(255,160,0,.14)}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.badge.pm),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.badge.pm){background:rgba(33,150,243,.10)}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.actions),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.actions){white-space:nowrap}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.btn-danger),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.btn-danger){
  padding:8px 12px;border-radius:12px;border:1px solid rgba(176,0,32,.25);background:#fff3f5;cursor:pointer;
  font-weight:900;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#b00020;font-size:inherit;
}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.btn-danger:hover),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.btn-danger:hover){background:#fce4e8;box-shadow:0 4px 14px rgba(176,0,32,.12);transform:translateY(-1px)}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.admin-action-menu),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.admin-action-menu){position:relative;display:inline-block}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.admin-action-menu summary),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.admin-action-menu summary){list-style:none;padding:8px 12px;border-radius:12px;border:1px solid rgba(154,52,18,.25);background:#fff7ed;color:#9a3412;cursor:pointer;font-weight:900;display:inline-flex;align-items:center;gap:8px}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.admin-action-menu summary)::-webkit-details-marker,
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.admin-action-menu summary)::-webkit-details-marker{display:none}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.admin-action-list),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.admin-action-list){min-width:190px;margin-top:6px;padding:8px;border:1px solid rgba(0,0,0,.10);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16);display:grid;gap:8px}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.admin-action-list .btn-danger),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.admin-action-list .btn-danger){width:100%;justify-content:center}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.bulk-select-col),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.bulk-select-col){display:none;text-align:center;vertical-align:middle}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.bulk-delete-active .bulk-select-col),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.bulk-delete-active .bulk-select-col){display:table-cell}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.bulk-entry-check),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.bulk-entry-check){width:18px;height:18px;cursor:pointer}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#bulkDeleteBar),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#bulkDeleteBar){display:none;margin-top:12px;padding:12px;border:1px solid #fecaca;background:#fff7f7;border-radius:16px;align-items:end;gap:10px;flex-wrap:wrap}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.bulk-delete-active #bulkDeleteBar),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.bulk-delete-active #bulkDeleteBar){display:flex}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#bulkDeleteBar label),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#bulkDeleteBar label){display:block;font-size:12px;font-weight:900;color:#7f1d1d;margin-bottom:5px}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#bulkDeleteBar input[type=password]),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#bulkDeleteBar input[type=password]){padding:9px 11px;border:1px solid #cbd5e1;border-radius:10px;min-width:240px}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.bulk-muted),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.bulk-muted){font-size:12px;opacity:.75}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-modal-overlay),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-modal-overlay){display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;align-items:center;justify-content:center;}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-modal-overlay.show),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-modal-overlay.show){display:flex}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-modal),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-modal){background:#fff;border-radius:20px;padding:28px 28px 22px;max-width:420px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.18);}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-modal h3),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-modal h3){margin:0 0 10px;font-size:16px;}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-modal p),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-modal p){margin:0 0 20px;opacity:.8;font-size:14px;}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-modal .del-actions),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-modal .del-actions){display:flex;gap:10px;justify-content:flex-end;}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-toast),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-toast){position:fixed;bottom:24px;inset-inline-end:24px;z-index:10000;padding:12px 18px;border-radius:14px;font-weight:900;font-size:14px;display:none;box-shadow:0 8px 24px rgba(0,0,0,.15);}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-toast.ok),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-toast.ok){background:#e6f9f0;color:#007a3d;border:1px solid #b2dfcb;}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(#del-toast.err),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(#del-toast.err){background:#fce4e8;color:#b00020;border:1px solid #f5b8c4;}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.small),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.small){font-size:12px;opacity:.8}
:where(html[data-style-page="purchasing-spending-day-branch-details"]):is(.footer-actions),
:where(html[data-style-page="purchasing-spending-day-branch-details"]) :is(.footer-actions){display:flex;justify-content:flex-start;gap:10px;margin-top:14px;flex-wrap:wrap}

/* Page: purchasing/spending_day_details.php */


/* ===== Sherif UX ===== */
:where(html[data-style-page="purchasing-spending-day-details"]):is(.toolbar),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.toolbar){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.toolbar .btns),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.toolbar .btns){display:flex;gap:8px;flex-wrap:wrap;align-items:center}

:where(html[data-style-page="purchasing-spending-day-details"]):is(.btn-lite),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.btn-lite){
  padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;
  font-weight:900;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;position:relative;
}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.btn-lite.active),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.btn-lite.active){border-color:#1e40af}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.btn-lite .dot),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.btn-lite .dot){position:absolute;top:6px;inset-inline-end:6px;width:10px;height:10px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18);display:none;}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.btn-lite.has-dot .dot),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.btn-lite.has-dot .dot){display:block}
:where(html[data-style-page="purchasing-spending-day-details"]):is(select),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(select),
:where(html[data-style-page="purchasing-spending-day-details"]):is(input),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(input){width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15)}

:where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-wrap),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-wrap){display:flex;justify-content:center;}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.summary-grid),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.summary-grid){
  width:min(1100px,100%);
  display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));
  gap:14px;margin:14px auto 10px;
}
@media(max-width:1100px){ :where(html[data-style-page="purchasing-spending-day-details"]):is(.summary-grid),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.summary-grid){ grid-template-columns:repeat(3,minmax(170px,1fr)); } }
@media(max-width:760px){ :where(html[data-style-page="purchasing-spending-day-details"]):is(.summary-grid),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.summary-grid){ grid-template-columns:repeat(2,minmax(170px,1fr)); } }
@media(max-width:520px){ :where(html[data-style-page="purchasing-spending-day-details"]):is(.summary-grid),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.summary-grid){ grid-template-columns:1fr; } }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.summary-box),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.summary-box){
  padding:14px;border-radius:10px;border:1px solid rgba(0,0,0,.09);background:#fff;
  text-align:center;
}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.summary-box .cap),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.summary-box .cap){font-size:12px;color:#445;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.summary-box strong),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.summary-box strong){display:block;font-size:22px;margin-top:8px;letter-spacing:.2px;}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-sub),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-sub){font-size:12px;color:#667;margin-top:8px}

:where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-sp),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-sp){ background:linear-gradient(180deg, rgba(34,197,94,.12), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-purch),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-purch){ background:linear-gradient(180deg, rgba(245,158,11,.16), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-exp),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-exp){ background:linear-gradient(180deg, rgba(239,68,68,.14), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-vat),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-vat){ background:linear-gradient(180deg, rgba(99,102,241,.14), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-pend),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-pend){ background:linear-gradient(180deg, rgba(239,68,68,.10), rgba(255,255,255,1)); }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.payable-red),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.payable-red){ color:#dc2626; font-weight:900; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.vat-blue),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.vat-blue){ color:#1e40af; font-weight:1000; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.sp-green),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.sp-green){ color:#166534; font-weight:1000; }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-section),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-section){ margin-top:12px; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-bar),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-bar){ background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-weight:900;border-radius:14px 14px 0 0; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-head),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-head){ display:flex;align-items:center;gap:10px;justify-content:space-between; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-left),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-left){ display:flex;align-items:center;gap:10px;min-width:0; }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-toggle),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-toggle){
  border:1px solid #d1d5db;background:#fff;border-radius:14px;padding:8px 10px;cursor:pointer;
  display:flex;align-items:center;gap:10px;font-weight:900;max-width:720px;
}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-toggle:focus),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-toggle:focus){ outline:2px solid rgba(37,99,235,.25); outline-offset:2px; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-toggle .arrow),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-toggle .arrow){
  width:26px;height:26px;border:1px solid #e5e7eb;border-radius:10px;display:inline-flex;align-items:center;
  justify-content:center;font-size:14px;line-height:1;background:#fff;transform:rotate(0deg);transition:transform .15s ease;flex:0 0 auto;
}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-toggle[aria-expanded="true"] .arrow),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-toggle[aria-expanded="true"] .arrow){ transform: rotate(90deg); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-title),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-title){ font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0; }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-totals),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-totals){ display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-weight:900; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-pill),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-pill){ background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;font-size:12px;color:#334155; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-pill.pill-pending),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-pill.pill-pending){ color:#dc2626;border-color:rgba(220,38,38,.25); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-pill.pill-vat),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-pill.pill-vat){ color:#1e40af;border-color:rgba(30,64,175,.18); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-pill.pill-sp),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-pill.pill-sp){ color:#166534;border-color:rgba(22,101,52,.18); }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.table-wrap),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.table-wrap){ width:100%; border-radius:12px; display:block; overflow-x:hidden; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(table.entry),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(table.entry){ width:100%; border-collapse:collapse; table-layout:fixed; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(table.entry th),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(table.entry th),
:where(html[data-style-page="purchasing-spending-day-details"]):is(table.entry td),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(table.entry td){ padding:10px 8px;border-bottom:1px solid #eee;vertical-align:top;word-break:break-word; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(table.entry th),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(table.entry th){ text-align:start;color:#334155;font-weight:900;background:#f8fafc;white-space:normal; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(table.entry td),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(table.entry td){ white-space:normal; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.text-end),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.text-end){ text-align:end; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.muted),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.muted){ opacity:.75;color:#64748b;font-weight:900;font-size:12px; }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.day-badge),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.day-badge){ display:inline-block;padding:3px 8px;border-radius:10px;font-size:12px;font-weight:900;margin-inline-start:8px;vertical-align:middle;color:#fff; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.day-badge.green),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.day-badge.green){ background:#16a34a; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.day-badge.orange),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.day-badge.orange){ background:#f59e0b; }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.month-table-wrap),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.month-table-wrap){ border-radius:0 0 14px 14px;margin-top:0;border:1px solid rgba(0,0,0,.08);border-top:0; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(tr.is-hidden),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(tr.is-hidden){ display:none; }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.col-day),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.col-day){ width:16%; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.col-money),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.col-money){ width:15%; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.col-vat),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.col-vat){ width:12%; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.col-pending),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.col-pending){ width:12%; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.col-actions),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.col-actions){ width:12%; }

:where(html[data-style-page="purchasing-spending-day-details"]):is([dir="rtl"] table.entry th),
:where(html[data-style-page="purchasing-spending-day-details"]) :is([dir="rtl"] table.entry th),
:where(html[data-style-page="purchasing-spending-day-details"]):is([dir="rtl"] table.entry td),
:where(html[data-style-page="purchasing-spending-day-details"]) :is([dir="rtl"] table.entry td){ text-align:right; }
:where(html[data-style-page="purchasing-spending-day-details"]):is([dir="rtl"] .text-end),
:where(html[data-style-page="purchasing-spending-day-details"]) :is([dir="rtl"] .text-end){ text-align:left; }

:where(html[data-style-page="purchasing-spending-day-details"]):is(.warn),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.warn){
  background:#fff7ed;color:#9a3412;border:1px solid rgba(0,0,0,.08);border-radius:14px;
  padding:12px 14px;margin-top:12px;font-weight:900;
}

:where(html[data-style-page="purchasing-spending-day-details"]):is(.modal-backdrop),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal-backdrop){ position:fixed;inset:0;background:rgba(2,6,23,.45);display:none;align-items:center;justify-content:center;padding:14px;z-index:9999; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.modal-backdrop.show),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal-backdrop.show){ display:flex; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.modal),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal){ width:min(720px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.08);overflow:hidden; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.modal-header),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal-header){ padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg, rgba(59,130,246,.12), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.modal-title),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal-title){ font-weight:1000;display:flex;align-items:center;gap:10px; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.modal-body),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal-body){ padding:14px; }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.modal-grid),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal-grid){ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
@media(max-width:680px){ :where(html[data-style-page="purchasing-spending-day-details"]):is(.modal-grid),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal-grid){ grid-template-columns:1fr; } }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.modal-footer),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.modal-footer){ padding:12px 14px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.06); }
:where(html[data-style-page="purchasing-spending-day-details"]):is(.label),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.label){ display:block;margin-bottom:6px;font-weight:900;color:#555; }

    :where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-grid),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
    @media(max-width:900px){:where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi-grid),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr));}}
    :where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi){background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px}
    :where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi .lbl),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi .lbl){opacity:.85;font-size:12px}
    :where(html[data-style-page="purchasing-spending-day-details"]):is(.kpi .val),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.kpi .val){font-size:18px;font-weight:800;margin-top:4px}
    :where(html[data-style-page="purchasing-spending-day-details"]):is(.section-title),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.section-title){display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px}
    :where(html[data-style-page="purchasing-spending-day-details"]):is(.section-title h3),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.section-title h3){margin:0;font-size:16px}
    :where(html[data-style-page="purchasing-spending-day-details"]):is(.mini-note),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.mini-note){opacity:.85;font-size:12px}
    
:where(html[data-style-page="purchasing-spending-day-details"]):is(.table-wrap),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.table-wrap){width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table){width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table th),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table th),
:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table td),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table td){padding:10px 10px;border-bottom:1px solid rgba(0,0,0,.08);vertical-align:middle;word-break:break-word}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table thead th),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table thead th){font-size:12px;text-transform:uppercase;letter-spacing:.4px;background:rgba(162,132,86,.10);border-bottom:1px solid rgba(162,132,86,.25)}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table tr:hover td),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table tr:hover td){background:rgba(0,0,0,.02)}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table .num),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table .num){text-align:end;font-variant-numeric:tabular-nums}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table tfoot td),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table tfoot td){
  padding-top:13px;
  padding-bottom:13px;
  background:#f0fdf4;
  border-top:2px solid #86efac;
  border-bottom:0;
  color:#14532d;
  font-weight:1000;
}
:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table tfoot .payable-red),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table tfoot .payable-red){color:#b91c1c;}
@media(max-width:900px){:where(html[data-style-page="purchasing-spending-day-details"]):is(.ux-table),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.ux-table){min-width:1050px;}}

/* ── Flatten all floating cards ── */
:where(html[data-style-page="purchasing-spending-day-details"]):is(.card),
:where(html[data-style-page="purchasing-spending-day-details"]) :is(.card){
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
}


/* Page: purchasing/spending_log.php */

/* ===== Sherif UX ===== */
:where(html[data-style-page="purchasing-spending-log"]):is(.toolbar),
:where(html[data-style-page="purchasing-spending-log"]) :is(.toolbar){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
:where(html[data-style-page="purchasing-spending-log"]):is(.toolbar .btns),
:where(html[data-style-page="purchasing-spending-log"]) :is(.toolbar .btns){display:flex;gap:8px;flex-wrap:wrap;align-items:center}

:where(html[data-style-page="purchasing-spending-log"]):is(.btn-lite),
:where(html[data-style-page="purchasing-spending-log"]) :is(.btn-lite){
  padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;
  font-weight:900;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;position:relative;
}
:where(html[data-style-page="purchasing-spending-log"]):is(.btn-lite.active),
:where(html[data-style-page="purchasing-spending-log"]) :is(.btn-lite.active){border-color:#1e40af}
:where(html[data-style-page="purchasing-spending-log"]):is(.btn-lite .dot),
:where(html[data-style-page="purchasing-spending-log"]) :is(.btn-lite .dot){position:absolute;top:6px;inset-inline-end:6px;width:10px;height:10px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18);display:none;}
:where(html[data-style-page="purchasing-spending-log"]):is(.btn-lite.has-dot .dot),
:where(html[data-style-page="purchasing-spending-log"]) :is(.btn-lite.has-dot .dot){display:block}
:where(html[data-style-page="purchasing-spending-log"]):is(select),
:where(html[data-style-page="purchasing-spending-log"]) :is(select),
:where(html[data-style-page="purchasing-spending-log"]):is(input),
:where(html[data-style-page="purchasing-spending-log"]) :is(input){width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15)}

:where(html[data-style-page="purchasing-spending-log"]):is(.kpi-wrap),
:where(html[data-style-page="purchasing-spending-log"]) :is(.kpi-wrap){display:flex;justify-content:center;}
:where(html[data-style-page="purchasing-spending-log"]):is(.summary-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.summary-grid){
  width:min(1100px,100%);
  display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));
  gap:14px;margin:14px auto 10px;
}
@media(max-width:1100px){ :where(html[data-style-page="purchasing-spending-log"]):is(.summary-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.summary-grid){ grid-template-columns:repeat(3,minmax(170px,1fr)); } }
@media(max-width:760px){ :where(html[data-style-page="purchasing-spending-log"]):is(.summary-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.summary-grid){ grid-template-columns:repeat(2,minmax(170px,1fr)); } }
@media(max-width:520px){ :where(html[data-style-page="purchasing-spending-log"]):is(.summary-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.summary-grid){ grid-template-columns:1fr; } }

:where(html[data-style-page="purchasing-spending-log"]):is(.summary-box),
:where(html[data-style-page="purchasing-spending-log"]) :is(.summary-box){
  padding:14px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.06);text-align:center;
}
:where(html[data-style-page="purchasing-spending-log"]):is(.summary-box .cap),
:where(html[data-style-page="purchasing-spending-log"]) :is(.summary-box .cap){font-size:12px;color:#445;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;}
:where(html[data-style-page="purchasing-spending-log"]):is(.summary-box strong),
:where(html[data-style-page="purchasing-spending-log"]) :is(.summary-box strong){display:block;font-size:22px;margin-top:8px;letter-spacing:.2px;}
:where(html[data-style-page="purchasing-spending-log"]):is(.kpi-sub),
:where(html[data-style-page="purchasing-spending-log"]) :is(.kpi-sub){font-size:12px;color:#667;margin-top:8px}

:where(html[data-style-page="purchasing-spending-log"]):is(.kpi-sp),
:where(html[data-style-page="purchasing-spending-log"]) :is(.kpi-sp){ background:linear-gradient(180deg, rgba(34,197,94,.12), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-log"]):is(.kpi-purch),
:where(html[data-style-page="purchasing-spending-log"]) :is(.kpi-purch){ background:linear-gradient(180deg, rgba(245,158,11,.16), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-log"]):is(.kpi-exp),
:where(html[data-style-page="purchasing-spending-log"]) :is(.kpi-exp){ background:linear-gradient(180deg, rgba(239,68,68,.14), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-log"]):is(.kpi-vat),
:where(html[data-style-page="purchasing-spending-log"]) :is(.kpi-vat){ background:linear-gradient(180deg, rgba(99,102,241,.14), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-log"]):is(.kpi-pend),
:where(html[data-style-page="purchasing-spending-log"]) :is(.kpi-pend){ background:linear-gradient(180deg, rgba(239,68,68,.10), rgba(255,255,255,1)); }

:where(html[data-style-page="purchasing-spending-log"]):is(.payable-red),
:where(html[data-style-page="purchasing-spending-log"]) :is(.payable-red){ color:#dc2626; font-weight:900; }
:where(html[data-style-page="purchasing-spending-log"]):is(.vat-blue),
:where(html[data-style-page="purchasing-spending-log"]) :is(.vat-blue){ color:#1e40af; font-weight:1000; }
:where(html[data-style-page="purchasing-spending-log"]):is(.sp-green),
:where(html[data-style-page="purchasing-spending-log"]) :is(.sp-green){ color:#166534; font-weight:1000; }

:where(html[data-style-page="purchasing-spending-log"]):is(.insight-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.insight-grid){display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin:14px 0;}
@media(max-width:900px){:where(html[data-style-page="purchasing-spending-log"]):is(.insight-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.insight-grid){grid-template-columns:1fr;}}
:where(html[data-style-page="purchasing-spending-log"]):is(.insight-card),
:where(html[data-style-page="purchasing-spending-log"]) :is(.insight-card){background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 10px 22px rgba(15,23,42,.05);}
:where(html[data-style-page="purchasing-spending-log"]):is(.insight-title),
:where(html[data-style-page="purchasing-spending-log"]) :is(.insight-title){font-weight:1000;color:#0f172a;display:flex;align-items:center;gap:8px;margin-bottom:10px;}
:where(html[data-style-page="purchasing-spending-log"]):is(.mini-table),
:where(html[data-style-page="purchasing-spending-log"]) :is(.mini-table){width:100%;border-collapse:collapse;font-size:13px;}
:where(html[data-style-page="purchasing-spending-log"]):is(.mini-table th),
:where(html[data-style-page="purchasing-spending-log"]) :is(.mini-table th),
:where(html[data-style-page="purchasing-spending-log"]):is(.mini-table td),
:where(html[data-style-page="purchasing-spending-log"]) :is(.mini-table td){padding:8px;border-bottom:1px solid #eef2f7;text-align:start;vertical-align:top;}
:where(html[data-style-page="purchasing-spending-log"]):is(.mini-table th),
:where(html[data-style-page="purchasing-spending-log"]) :is(.mini-table th){font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;}
:where(html[data-style-page="purchasing-spending-log"]):is(.mini-table td.num),
:where(html[data-style-page="purchasing-spending-log"]) :is(.mini-table td.num){text-align:end;font-weight:900;}
:where(html[data-style-page="purchasing-spending-log"]):is(.mini-table tr:last-child td),
:where(html[data-style-page="purchasing-spending-log"]) :is(.mini-table tr:last-child td){border-bottom:0;}
:where(html[data-style-page="purchasing-spending-log"]):is(.reconcile-ok),
:where(html[data-style-page="purchasing-spending-log"]) :is(.reconcile-ok){color:#047857;font-weight:1000;}
:where(html[data-style-page="purchasing-spending-log"]):is(.reconcile-bad),
:where(html[data-style-page="purchasing-spending-log"]) :is(.reconcile-bad){color:#dc2626;font-weight:1000;}
:where(html[data-style-page="purchasing-spending-log"]):is(.quick-links),
:where(html[data-style-page="purchasing-spending-log"]) :is(.quick-links){display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
:where(html[data-style-page="purchasing-spending-log"]):is(.quick-links a),
:where(html[data-style-page="purchasing-spending-log"]) :is(.quick-links a){font-size:12px;font-weight:900;color:#1d4ed8;text-decoration:none;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 10px;}
:where(html[data-style-page="purchasing-spending-log"]):is(.aging-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.aging-grid){display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin-top:8px;}
@media(max-width:700px){:where(html[data-style-page="purchasing-spending-log"]):is(.aging-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.aging-grid){grid-template-columns:repeat(2,minmax(120px,1fr));}}
:where(html[data-style-page="purchasing-spending-log"]):is(.aging-box),
:where(html[data-style-page="purchasing-spending-log"]) :is(.aging-box){border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#f8fafc;}
:where(html[data-style-page="purchasing-spending-log"]):is(.aging-box strong),
:where(html[data-style-page="purchasing-spending-log"]) :is(.aging-box strong){display:block;font-size:16px;color:#dc2626;margin-top:4px;}
:where(html[data-style-page="purchasing-spending-log"]):is(.aging-box span),
:where(html[data-style-page="purchasing-spending-log"]) :is(.aging-box span){font-size:12px;color:#64748b;font-weight:800;}
:where(html[data-style-page="purchasing-spending-log"]):is(.flag-list),
:where(html[data-style-page="purchasing-spending-log"]) :is(.flag-list){display:flex;flex-direction:column;gap:4px;margin-top:6px;}
:where(html[data-style-page="purchasing-spending-log"]):is(.flag-chip),
:where(html[data-style-page="purchasing-spending-log"]) :is(.flag-chip){display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;}
:where(html[data-style-page="purchasing-spending-log"]):is(.flag-chip.warn),
:where(html[data-style-page="purchasing-spending-log"]) :is(.flag-chip.warn){background:#fffbeb;color:#92400e;border:1px solid #fde68a;}
:where(html[data-style-page="purchasing-spending-log"]):is(.flag-chip.danger),
:where(html[data-style-page="purchasing-spending-log"]) :is(.flag-chip.danger){background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;}
:where(html[data-style-page="purchasing-spending-log"]):is(.flag-chip.info),
:where(html[data-style-page="purchasing-spending-log"]) :is(.flag-chip.info){background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
:where(html[data-style-page="purchasing-spending-log"]):is(.source-note),
:where(html[data-style-page="purchasing-spending-log"]) :is(.source-note){font-size:12px;color:#64748b;margin-top:8px;font-weight:800;}

:where(html[data-style-page="purchasing-spending-log"]):is(.month-section),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-section){ margin-top:12px; }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-bar),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-bar){ background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-weight:900;border-radius:14px 14px 0 0; }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-head),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-head){ display:flex;align-items:center;gap:10px;justify-content:space-between; }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-left),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-left){ display:flex;align-items:center;gap:10px;min-width:0; }

:where(html[data-style-page="purchasing-spending-log"]):is(.month-toggle),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-toggle){
  border:1px solid #d1d5db;background:#fff;border-radius:14px;padding:8px 10px;cursor:pointer;
  display:flex;align-items:center;gap:10px;font-weight:900;max-width:720px;
}
:where(html[data-style-page="purchasing-spending-log"]):is(.month-toggle:focus),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-toggle:focus){ outline:2px solid rgba(37,99,235,.25); outline-offset:2px; }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-toggle .arrow),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-toggle .arrow){
  width:26px;height:26px;border:1px solid #e5e7eb;border-radius:10px;display:inline-flex;align-items:center;
  justify-content:center;font-size:14px;line-height:1;background:#fff;transform:rotate(0deg);transition:transform .15s ease;flex:0 0 auto;
}
:where(html[data-style-page="purchasing-spending-log"]):is(.month-toggle[aria-expanded="true"] .arrow),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-toggle[aria-expanded="true"] .arrow){ transform: rotate(90deg); }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-title),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-title){ font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0; }

:where(html[data-style-page="purchasing-spending-log"]):is(.month-totals),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-totals){ display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-weight:900; }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-pill),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-pill){ background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;font-size:12px;color:#334155; }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-pill.pill-pending),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-pill.pill-pending){ color:#dc2626;border-color:rgba(220,38,38,.25); }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-pill.pill-vat),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-pill.pill-vat){ color:#1e40af;border-color:rgba(30,64,175,.18); }
:where(html[data-style-page="purchasing-spending-log"]):is(.month-pill.pill-sp),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-pill.pill-sp){ color:#166534;border-color:rgba(22,101,52,.18); }

:where(html[data-style-page="purchasing-spending-log"]):is(.table-wrap),
:where(html[data-style-page="purchasing-spending-log"]) :is(.table-wrap){ width:100%; border-radius:12px; display:block; overflow-x:hidden; }
:where(html[data-style-page="purchasing-spending-log"]):is(table.entry),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry){ width:100%; border-collapse:collapse; table-layout:fixed; }
:where(html[data-style-page="purchasing-spending-log"]):is(table.entry th),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry th),
:where(html[data-style-page="purchasing-spending-log"]):is(table.entry td),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td){ padding:10px 8px;border-bottom:1px solid #eee;vertical-align:top;word-break:break-word; }
:where(html[data-style-page="purchasing-spending-log"]):is(table.entry th),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry th){ text-align:start;color:#334155;font-weight:900;background:#f8fafc;white-space:normal; }
:where(html[data-style-page="purchasing-spending-log"]):is(table.entry td),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td){ white-space:normal; }
:where(html[data-style-page="purchasing-spending-log"]):is(.text-end),
:where(html[data-style-page="purchasing-spending-log"]) :is(.text-end){ text-align:end; }
:where(html[data-style-page="purchasing-spending-log"]):is(.muted),
:where(html[data-style-page="purchasing-spending-log"]) :is(.muted){ opacity:.75;color:#64748b;font-weight:900;font-size:12px; }

:where(html[data-style-page="purchasing-spending-log"]):is(.day-badge),
:where(html[data-style-page="purchasing-spending-log"]) :is(.day-badge){ display:inline-block;padding:3px 8px;border-radius:10px;font-size:12px;font-weight:900;margin-inline-start:8px;vertical-align:middle; }
:where(html[data-style-page="purchasing-spending-log"]):is(.day-badge.green),
:where(html[data-style-page="purchasing-spending-log"]) :is(.day-badge.green){ background:#dcfce7;color:#166534;border:1px solid #bbf7d0; }
:where(html[data-style-page="purchasing-spending-log"]):is(.day-badge.orange),
:where(html[data-style-page="purchasing-spending-log"]) :is(.day-badge.orange){ background:#fff7ed;color:#c2620a;border:1px solid #fed7aa; }

:where(html[data-style-page="purchasing-spending-log"]):is(.month-table-wrap),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-table-wrap){ border-radius:0 0 14px 14px;margin-top:0;border:1px solid rgba(0,0,0,.08);border-top:0; }
:where(html[data-style-page="purchasing-spending-log"]):is(tr.is-hidden),
:where(html[data-style-page="purchasing-spending-log"]) :is(tr.is-hidden){ display:none; }

:where(html[data-style-page="purchasing-spending-log"]):is(.col-day),
:where(html[data-style-page="purchasing-spending-log"]) :is(.col-day){ width:20%; }
:where(html[data-style-page="purchasing-spending-log"]):is(.col-money),
:where(html[data-style-page="purchasing-spending-log"]) :is(.col-money){ width:13%; }
:where(html[data-style-page="purchasing-spending-log"]):is(.col-total),
:where(html[data-style-page="purchasing-spending-log"]) :is(.col-total){ width:14%; }
:where(html[data-style-page="purchasing-spending-log"]):is(.col-vat),
:where(html[data-style-page="purchasing-spending-log"]) :is(.col-vat){ width:10%; }
:where(html[data-style-page="purchasing-spending-log"]):is(.col-pending),
:where(html[data-style-page="purchasing-spending-log"]) :is(.col-pending){ width:12%; }
:where(html[data-style-page="purchasing-spending-log"]):is(.col-actions),
:where(html[data-style-page="purchasing-spending-log"]) :is(.col-actions){ width:18%; }
:where(html[data-style-page="purchasing-spending-log"]):is(.spent-total),
:where(html[data-style-page="purchasing-spending-log"]) :is(.spent-total){ color:#166534;font-weight:1000;background:rgba(22,101,52,.045); }

:where(html[data-style-page="purchasing-spending-log"]):is([dir="rtl"] table.entry th),
:where(html[data-style-page="purchasing-spending-log"]) :is([dir="rtl"] table.entry th),
:where(html[data-style-page="purchasing-spending-log"]):is([dir="rtl"] table.entry td),
:where(html[data-style-page="purchasing-spending-log"]) :is([dir="rtl"] table.entry td){ text-align:right; }
:where(html[data-style-page="purchasing-spending-log"]):is([dir="rtl"] .text-end),
:where(html[data-style-page="purchasing-spending-log"]) :is([dir="rtl"] .text-end){ text-align:left; }

@media(max-width:760px){
  :where(html[data-style-page="purchasing-spending-log"]):is(.month-head),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-head){align-items:flex-start;flex-direction:column;}
  :where(html[data-style-page="purchasing-spending-log"]):is(.month-left),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-left),
:where(html[data-style-page="purchasing-spending-log"]):is(.month-toggle),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-toggle){width:100%;max-width:none;}
  :where(html[data-style-page="purchasing-spending-log"]):is(.month-totals),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-totals){justify-content:flex-start;}
  :where(html[data-style-page="purchasing-spending-log"]):is(.month-pill),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-pill){font-size:11px;}
  :where(html[data-style-page="purchasing-spending-log"]):is(.month-table-wrap),
:where(html[data-style-page="purchasing-spending-log"]) :is(.month-table-wrap){border:0;background:transparent;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry){display:block;table-layout:auto;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry thead),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry thead){display:none;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry tbody),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry tbody){display:block;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry tr.day-row),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry tr.day-row){
    display:grid;
    grid-template-columns:1fr;
    margin:10px 0;
    overflow:hidden;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#fff;
    box-shadow:0 4px 14px rgba(15,23,42,.05);
  }
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry tr.day-row.is-hidden),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry tr.day-row.is-hidden){display:none;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry td),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td){
    display:grid;
    grid-template-columns:minmax(110px,.85fr) minmax(0,1.15fr);
    gap:10px;
    align-items:start;
    width:auto;
    padding:10px 12px;
    text-align:end;
    border-bottom:1px solid #eef2f7;
  }
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry td)::before,
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td)::before{
    content:attr(data-label);
    color:#64748b;
    font-size:12px;
    font-weight:900;
    text-align:start;
  }
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry td.day-cell),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td.day-cell){display:block;text-align:start;background:#f8fafc;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry td.day-cell)::before,
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td.day-cell)::before{display:block;margin-bottom:7px;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry td.action-cell),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td.action-cell){display:block;text-align:center;border-bottom:0;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry td.action-cell)::before,
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td.action-cell)::before{display:none;}
  :where(html[data-style-page="purchasing-spending-log"]):is(table.entry td.action-cell .btn-lite),
:where(html[data-style-page="purchasing-spending-log"]) :is(table.entry td.action-cell .btn-lite){width:100%;justify-content:center;box-sizing:border-box;}
  :where(html[data-style-page="purchasing-spending-log"]):is([dir="rtl"] table.entry td),
:where(html[data-style-page="purchasing-spending-log"]) :is([dir="rtl"] table.entry td),
:where(html[data-style-page="purchasing-spending-log"]):is([dir="rtl"] .text-end),
:where(html[data-style-page="purchasing-spending-log"]) :is([dir="rtl"] .text-end){text-align:left;}
  :where(html[data-style-page="purchasing-spending-log"]):is([dir="rtl"] table.entry td)::before,
:where(html[data-style-page="purchasing-spending-log"]) :is([dir="rtl"] table.entry td)::before,
:where(html[data-style-page="purchasing-spending-log"]):is([dir="rtl"] table.entry td.day-cell),
:where(html[data-style-page="purchasing-spending-log"]) :is([dir="rtl"] table.entry td.day-cell){text-align:right;}
}

:where(html[data-style-page="purchasing-spending-log"]):is(.warn),
:where(html[data-style-page="purchasing-spending-log"]) :is(.warn){
  background:#fff7ed;color:#9a3412;border:1px solid rgba(0,0,0,.08);border-radius:14px;
  padding:12px 14px;margin-top:12px;font-weight:900;
}

:where(html[data-style-page="purchasing-spending-log"]):is(.modal-backdrop),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal-backdrop){ position:fixed;inset:0;background:rgba(2,6,23,.45);display:none;align-items:center;justify-content:center;padding:14px;z-index:9999; }
:where(html[data-style-page="purchasing-spending-log"]):is(.modal-backdrop.show),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal-backdrop.show){ display:flex; }
:where(html[data-style-page="purchasing-spending-log"]):is(.modal),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal){ width:min(720px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.08);overflow:hidden; }
:where(html[data-style-page="purchasing-spending-log"]):is(.modal-header),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal-header){ padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg, rgba(59,130,246,.12), rgba(255,255,255,1)); }
:where(html[data-style-page="purchasing-spending-log"]):is(.modal-title),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal-title){ font-weight:1000;display:flex;align-items:center;gap:10px; }
:where(html[data-style-page="purchasing-spending-log"]):is(.modal-body),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal-body){ padding:14px; }
:where(html[data-style-page="purchasing-spending-log"]):is(.modal-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal-grid){ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
@media(max-width:680px){ :where(html[data-style-page="purchasing-spending-log"]):is(.modal-grid),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal-grid){ grid-template-columns:1fr; } }
:where(html[data-style-page="purchasing-spending-log"]):is(.modal-footer),
:where(html[data-style-page="purchasing-spending-log"]) :is(.modal-footer){ padding:12px 14px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.06); }
:where(html[data-style-page="purchasing-spending-log"]):is(.label),
:where(html[data-style-page="purchasing-spending-log"]) :is(.label){ display:block;margin-bottom:6px;font-weight:900;color:#555; }

/* Page: reports/cash_flow_statement.php */

:where(html[data-style-page="reports-cash-flow-statement"]):is(.card),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.card){background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(body),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.cf-wrap),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cf-wrap){display:flex;flex-direction:column;gap:12px;padding:4px 0;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.toolbar),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.toolbar){display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.page-title),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.page-title){display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.page-title h3),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.page-title h3){margin:0;font-size:18px;font-weight:900;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.badge),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 9px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.btn-row),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.btn-row){display:flex;gap:6px;flex-wrap:wrap;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.mode-switch),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.mode-switch){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.mode-btn),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.mode-btn){display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:8px 12px;border-radius:999px;border:1px solid #dbeafe;background:#fff;font-weight:900;font-size:12px;color:#1e3a8a;text-decoration:none;white-space:nowrap;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.mode-btn.active),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.mode-btn.active){background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 6px 14px rgba(37,99,235,.15);}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.mode-btn:not(.active):hover),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.mode-btn:not(.active):hover){background:#eff6ff;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.btn),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:900;font-size:12px;text-decoration:none;color:#374151;white-space:nowrap;position:relative;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.btn:hover),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.btn.primary),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.btn.primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.btn .dot),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.btn .dot){position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:999px;background:#ef4444;display:inline-block;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.period-tabs),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.period-tabs){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-group),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-group){display:inline-flex;align-items:center;gap:0;border-radius:8px;border:1.5px solid #e2e8f0;overflow:hidden;background:#fff;height:34px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-group.active),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-group.active){border-color:#1e293b;background:#1e293b;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-group:hover),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-group:hover){border-color:#94a3b8;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-group.active:hover),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-group.active:hover){border-color:#334155;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-label),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-label){padding:0 12px;font-size:12px;font-weight:800;color:#64748b;white-space:nowrap;border-inline-end:1px solid #e2e8f0;height:100%;display:flex;align-items:center;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-group.active .picker-label),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-group.active .picker-label){color:#fff;border-inline-end-color:rgba(255,255,255,.2);}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-sel),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-sel){padding:0 8px;border:none;border-inline-start:1px solid #e2e8f0;font-size:12px;font-weight:800;color:#374151;background:transparent;cursor:pointer;height:100%;outline:none;min-width:80px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-group.active .picker-sel),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-group.active .picker-sel){color:#fff;border-inline-start-color:rgba(255,255,255,.2);}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.picker-sel option),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.picker-sel option){background:#fff;color:#374151;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-strip),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-strip){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box){padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;text-align:center;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box .k),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box .k){font-size:10px;color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.5px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box .v),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box .v){font-size:18px;font-weight:900;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.2;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box .sub),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box .sub){font-size:11px;color:#94a3b8;margin-top:2px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box .v.green),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box .v.green){color:#059669;} :where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box .v.red),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box .v.red){color:#dc2626;} :where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box .v.blue),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box .v.blue){color:#2563eb;} :where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box .v.amber),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box .v.amber){color:#d97706;} :where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-box .v.purple),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-box .v.purple){color:#7c3aed;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-open),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-open){border-color:#bfdbfe;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-in),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-in){border-color:#bbf7d0;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-out),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-out){border-color:#fecaca;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-net),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-net){border-color:#ddd6fe;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.kpi-close),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.kpi-close){border-color:#fde68a;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.meta-note),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.meta-note){background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;color:#475569;font-size:12px;font-weight:700;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.warn-box),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.warn-box){background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:800;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.cf-scroll),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cf-scroll){width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fff;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf){width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf thead),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf thead){position:sticky;top:0;z-index:10;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf thead th),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf thead th){padding:10px 14px;border-bottom:2px solid #e2e8f0;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;vertical-align:middle;text-align:end;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf thead th.lbl-col),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf thead th.lbl-col){text-align:start;background:#f8fafc;color:#64748b;border-inline-end:2px solid #e2e8f0;position:sticky;left:0;inset-inline-start:0;z-index:11;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf thead th.bucket-th),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf thead th.bucket-th){text-align:center;background:#f8fafc;color:#374151;border-inline-end:1px solid #e5e7eb;min-width:150px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf thead th.total-th),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf thead th.total-th){text-align:center;background:#eff6ff;color:#1d4ed8;border-inline-start:2px solid #bfdbfe;min-width:130px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.lbl-td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.lbl-td){position:sticky;left:0;inset-inline-start:0;background:#fff;z-index:2;border-inline-end:1px solid #e5e7eb;text-align:start;padding:10px 14px;font-weight:800;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.num-cell),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.num-cell){text-align:end;padding:8px 14px;border-inline-end:1px solid #e5e7eb;vertical-align:middle;white-space:nowrap;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.cv),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cv){font-size:13px;font-variant-numeric:tabular-nums;line-height:1.15;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.cv.strong),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cv.strong){font-size:14px;font-weight:900;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.cv.pos),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cv.pos){color:#059669;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.cv.neg),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cv.neg){color:#dc2626;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.cv.neutral),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cv.neutral){color:#111827;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(tr.line td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(tr.line td){border-bottom:1px solid #eef2f7;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(tr.section td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(tr.section td){background:#f8fafc;border-top:2px solid #e2e8f0;border-bottom:1px solid #e2e8f0;font-weight:900;text-transform:uppercase;letter-spacing:.4px;color:#475569;padding:10px 14px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(tr.total-row td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(tr.total-row td){background:#f0fdf4;font-weight:900;border-top:2px solid #bbf7d0;border-bottom:2px solid #bbf7d0;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(tr.out-total-row td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(tr.out-total-row td){background:#fef2f2;border-top-color:#fecaca;border-bottom-color:#fecaca;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(tr.net-row td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(tr.net-row td){background:#eef2ff;font-weight:900;border-top:2px solid #c7d2fe;border-bottom:2px solid #c7d2fe;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(tr.balance-row td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(tr.balance-row td){background:#fff7ed;font-weight:900;border-top:2px solid #fed7aa;border-bottom:2px solid #fed7aa;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.subtle),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.subtle){font-size:11px;color:#94a3b8;font-weight:700;display:block;margin-top:2px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.print-header),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.print-header){display:none;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 12px;border-bottom:2px solid #e5e7eb;margin-bottom:12px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(.print-header-left),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.print-header-left){display:flex;align-items:center;gap:12px;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.print-logo),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.print-logo){width:120px;height:auto;display:block;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.print-title),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.print-title){font-size:20px;font-weight:900;line-height:1.2;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.print-meta),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.print-meta){font-size:12px;color:#475569;font-weight:700;margin-top:3px;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(#filterModal),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(#filterModal){display:none;position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:9999;padding:16px;align-items:center;justify-content:center;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(#filterModal .mbox),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(#filterModal .mbox){width:min(760px,100%);background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(2,6,23,.22);overflow:hidden;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(#filterModal .mbox-hd),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(#filterModal .mbox-hd){display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="reports-cash-flow-statement"]):is(#filterModal .mbox-bd),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(#filterModal .mbox-bd){padding:16px;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.fgrid),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.fgrid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.fg),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.fg){display:flex;flex-direction:column;gap:6px;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.fg label),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.fg label){font-size:12px;font-weight:900;color:#475569;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.fg input),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.fg input),
:where(html[data-style-page="reports-cash-flow-statement"]):is(.fg select),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.fg select){width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;font-weight:800;font-size:13px;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.mbox-ft),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.mbox-ft){padding:14px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;}
@media (max-width: 900px){:where(html[data-style-page="reports-cash-flow-statement"]):is(.fgrid),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.fgrid){grid-template-columns:1fr;}:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf){font-size:12px;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.lbl-td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.lbl-td){min-width:220px;}:where(html[data-style-page="reports-cash-flow-statement"]):is(.num-cell),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.num-cell){padding:8px 10px;}}
@media print{
  :where(html[data-style-page="reports-cash-flow-statement"]):is(body),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(body){background:#fff!important;}
  :where(html[data-style-page="reports-cash-flow-statement"]):is(.topbar),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.topbar),
:where(html[data-style-page="reports-cash-flow-statement"]):is(.sidebar),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.sidebar),
:where(html[data-style-page="reports-cash-flow-statement"]):is(.toolbar),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.toolbar),
:where(html[data-style-page="reports-cash-flow-statement"]):is(.period-tabs),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.period-tabs),
:where(html[data-style-page="reports-cash-flow-statement"]):is(.btn-row),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.btn-row),
:where(html[data-style-page="reports-cash-flow-statement"]):is(.mode-switch),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.mode-switch),
:where(html[data-style-page="reports-cash-flow-statement"]):is(#filterModal),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(#filterModal){display:none!important;}
  :where(html[data-style-page="reports-cash-flow-statement"]):is(.content),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.content){margin:0!important;padding:0!important;}
  :where(html[data-style-page="reports-cash-flow-statement"]):is(.card),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.card),
:where(html[data-style-page="reports-cash-flow-statement"]):is(.cf-wrap),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cf-wrap),
:where(html[data-style-page="reports-cash-flow-statement"]):is(.cf-scroll),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.cf-scroll){border:none!important;box-shadow:none!important;overflow:visible!important;}
  :where(html[data-style-page="reports-cash-flow-statement"]):is(.print-header),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.print-header){display:flex!important;}
  :where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf thead),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf thead){position:static;display:table-header-group;}
  :where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf tr),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf tr){page-break-inside:avoid;}
  :where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf th),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf th),
:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf td){padding:5px 7px!important;}
  :where(html[data-style-page="reports-cash-flow-statement"]):is(.lbl-td),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.lbl-td),
:where(html[data-style-page="reports-cash-flow-statement"]):is(table.cf thead th.lbl-col),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(table.cf thead th.lbl-col){position:static!important;}
}

/* Page: reports/cash_flow_statement.php */
:where(html[data-style-page="reports-cash-flow-statement"]):is(.hidden),
:where(html[data-style-page="reports-cash-flow-statement"]) :is(.hidden){display:none!important;}
/* Page: reports/pl_expense_diagnostics.php */

:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(body),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(body){font-family:Arial,sans-serif;background:#f8fafc;color:#0f172a;margin:0;padding:20px}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.wrap),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.wrap){max-width:1250px;margin:auto}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(h1),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(h1){margin:0 0 8px;font-size:24px}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.muted),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.muted){color:#64748b}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.panel),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.panel){background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin:14px 0}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.grid),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.metric),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.metric){border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#f8fafc}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.metric b),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.metric b){display:block;font-size:13px;color:#475569;margin-bottom:4px}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.metric span),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.metric span){font-size:22px;font-weight:800}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(table),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(table){width:100%;border-collapse:collapse;margin-top:10px;font-size:13px;background:#fff}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(th),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(th),
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(td),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(td){border:1px solid #e2e8f0;padding:8px;text-align:start}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(th),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(th){background:#f1f5f9;color:#334155}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.bad),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.bad){color:#dc2626;font-weight:800}:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.ok),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.ok){color:#059669;font-weight:800}:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(.warn),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(.warn){color:#b45309;font-weight:800}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(form),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(form){display:flex;gap:8px;flex-wrap:wrap;align-items:end}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(label),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(label){font-size:12px;color:#475569;font-weight:700}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(input),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(input),
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(select),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(select),
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(button),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(button){height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;font-weight:700;background:#fff}
:where(html[data-style-page="reports-pl-expense-diagnostics"]):is(button),
:where(html[data-style-page="reports-pl-expense-diagnostics"]) :is(button){background:#0f172a;color:#fff;cursor:pointer}

/* Page: reports/pl_statement.php */

/* ── flat card reset ── */
:where(html[data-style-page="reports-pl-statement"]):is(.card),
:where(html[data-style-page="reports-pl-statement"]) :is(.card){background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;}
:where(html[data-style-page="reports-pl-statement"]):is(body),
:where(html[data-style-page="reports-pl-statement"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
:where(html[data-style-page="reports-pl-statement"]):is(.pl-wrap),
:where(html[data-style-page="reports-pl-statement"]) :is(.pl-wrap){display:flex;flex-direction:column;gap:12px;padding:4px 0;}

/* ── toolbar ── */
:where(html[data-style-page="reports-pl-statement"]):is(.toolbar),
:where(html[data-style-page="reports-pl-statement"]) :is(.toolbar){display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="reports-pl-statement"]):is(.page-title),
:where(html[data-style-page="reports-pl-statement"]) :is(.page-title){display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
:where(html[data-style-page="reports-pl-statement"]):is(.page-title h3),
:where(html[data-style-page="reports-pl-statement"]) :is(.page-title h3){margin:0;font-size:18px;font-weight:900;}
:where(html[data-style-page="reports-pl-statement"]):is(.badge),
:where(html[data-style-page="reports-pl-statement"]) :is(.badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 9px;}
:where(html[data-style-page="reports-pl-statement"]):is(.btn-row),
:where(html[data-style-page="reports-pl-statement"]) :is(.btn-row){display:flex;gap:6px;flex-wrap:wrap;}
:where(html[data-style-page="reports-pl-statement"]):is(.btn),
:where(html[data-style-page="reports-pl-statement"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:900;font-size:12px;text-decoration:none;color:#374151;white-space:nowrap;}
:where(html[data-style-page="reports-pl-statement"]):is(.btn:hover),
:where(html[data-style-page="reports-pl-statement"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="reports-pl-statement"]):is(.btn.primary),
:where(html[data-style-page="reports-pl-statement"]) :is(.btn.primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}

/* ── period tabs ── */
:where(html[data-style-page="reports-pl-statement"]):is(.period-tabs),
:where(html[data-style-page="reports-pl-statement"]) :is(.period-tabs){display:flex;gap:6px;flex-wrap:wrap;}
/* legacy ptab kept for print hide rule */
:where(html[data-style-page="reports-pl-statement"]):is(.ptab),
:where(html[data-style-page="reports-pl-statement"]) :is(.ptab){padding:6px 12px;border-radius:7px;border:1px solid #e5e7eb;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;color:#64748b;background:#fff;}
:where(html[data-style-page="reports-pl-statement"]):is(.ptab:hover),
:where(html[data-style-page="reports-pl-statement"]) :is(.ptab:hover){background:#f8fafc;color:#1e293b;}
:where(html[data-style-page="reports-pl-statement"]):is(.ptab.active),
:where(html[data-style-page="reports-pl-statement"]) :is(.ptab.active){background:#1e293b;color:#fff;border-color:#1e293b;}

/* Picker group — replaces old ptabs */
:where(html[data-style-page="reports-pl-statement"]):is(.picker-group),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-group){display:inline-flex;align-items:center;gap:0;border-radius:8px;border:1.5px solid #e2e8f0;overflow:hidden;background:#fff;height:34px;}
:where(html[data-style-page="reports-pl-statement"]):is(.picker-group.active),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-group.active){border-color:#1e293b;background:#1e293b;}
:where(html[data-style-page="reports-pl-statement"]):is(.picker-group:hover),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-group:hover){border-color:#94a3b8;}
:where(html[data-style-page="reports-pl-statement"]):is(.picker-group.active:hover),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-group.active:hover){border-color:#334155;}
:where(html[data-style-page="reports-pl-statement"]):is(.picker-label),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-label){padding:0 12px;font-size:12px;font-weight:800;color:#64748b;white-space:nowrap;border-inline-end:1px solid #e2e8f0;height:100%;display:flex;align-items:center;}
:where(html[data-style-page="reports-pl-statement"]):is(.picker-group.active .picker-label),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-group.active .picker-label){color:#fff;border-inline-end-color:rgba(255,255,255,.2);}
:where(html[data-style-page="reports-pl-statement"]):is(.picker-sel),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-sel){padding:0 8px;border:none;border-inline-start:1px solid #e2e8f0;font-size:12px;font-weight:800;color:#374151;background:transparent;cursor:pointer;height:100%;outline:none;min-width:80px;}
:where(html[data-style-page="reports-pl-statement"]):is(.picker-group.active .picker-sel),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-group.active .picker-sel){color:#fff;border-inline-start-color:rgba(255,255,255,.2);}
:where(html[data-style-page="reports-pl-statement"]):is(.picker-sel option),
:where(html[data-style-page="reports-pl-statement"]) :is(.picker-sel option){background:#fff;color:#374151;}

/* ── KPI strip ── */
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-strip),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-strip){display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-box),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-box){padding:10px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;text-align:center;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-box .k),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-box .k){font-size:10px;color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.5px;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-box .v),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-box .v){font-size:17px;font-weight:900;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.2;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-box .sub),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-box .sub){font-size:10px;color:#94a3b8;margin-top:2px;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-box .v.green),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-box .v.green){color:#059669;} :where(html[data-style-page="reports-pl-statement"]):is(.kpi-box .v.red),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-box .v.red){color:#dc2626;} :where(html[data-style-page="reports-pl-statement"]):is(.kpi-box .v.blue),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-box .v.blue){color:#2563eb;} :where(html[data-style-page="reports-pl-statement"]):is(.kpi-box .v.amber),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-box .v.amber){color:#d97706;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-rev),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-rev){border-color:#bbf7d0;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-other),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-other){border-color:#a7f3d0;background:#f0fdfa;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-purch),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-purch){border-color:#fed7aa;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-exp),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-exp){border-color:#fecaca;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-gp),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-gp){border-color:#bfdbfe;}
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-np),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-np){border-color:#ddd6fe;}

/* ── TABLE shell ── */
:where(html[data-style-page="reports-pl-statement"]):is(.pl-scroll),
:where(html[data-style-page="reports-pl-statement"]) :is(.pl-scroll){width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;}
:where(html[data-style-page="reports-pl-statement"]):is(table.pl),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl){
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;   /* critical: fixed layout prevents overflow */
  font-size:13px;
}

/* ── STICKY single-row thead ── */
:where(html[data-style-page="reports-pl-statement"]):is(table.pl thead),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl thead){position:sticky;top:0;z-index:10;}
:where(html[data-style-page="reports-pl-statement"]):is(table.pl thead th),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl thead th){
  padding:10px 14px;
  border-bottom:2px solid #e2e8f0;
  font-weight:900;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.4px;
  white-space:nowrap;
  vertical-align:middle;
  text-align:end;
}
:where(html[data-style-page="reports-pl-statement"]):is(table.pl thead th.lbl-col),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl thead th.lbl-col){
  text-align:start;
  background:#f8fafc;
  color:#64748b;
  border-inline-end:2px solid #e2e8f0;
  position:sticky;
  left:0; inset-inline-start:0;
  z-index:11;
}
:where(html[data-style-page="reports-pl-statement"]):is(table.pl thead th.br-th),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl thead th.br-th){
  text-align:center;
  background:#f8fafc;
  color:#374151;
  border-inline-end:1px solid #e5e7eb;
  min-width:130px;
}
:where(html[data-style-page="reports-pl-statement"]):is(table.pl thead th.total-th),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl thead th.total-th){
  text-align:center;
  background:#eff6ff;
  color:#1d4ed8;
  border-inline-start:2px solid #bfdbfe;
  min-width:130px;
}

/* ── Stacked value+% cell ── */
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell){
  text-align:end;
  padding:8px 14px;
  border-inline-end:1px solid #e2e8f0;
  vertical-align:middle;
  white-space:nowrap;
}
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell .cv){
  font-size:13px;
  font-variant-numeric:tabular-nums;
  font-weight:500;
  line-height:1.3;
}
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell .cp),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell .cp){
  font-size:10px;
  color:#94a3b8;
  margin-top:1px;
  line-height:1;
}
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell.total-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell.total-cell){
  border-inline-start:2px solid #bfdbfe;
  background:#fafcff;
}
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell.total-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell.total-cell .cv){font-weight:900;}
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell.br-sep),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell.br-sep){border-inline-end:2px solid #e2e8f0;}
/* positive/negative value colours — applied everywhere */
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell .cv.pos),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell .cv.pos){color:#059669 !important;font-weight:700;}
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell .cv.neg),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell .cv.neg){color:#dc2626 !important;font-weight:700;}
:where(html[data-style-page="reports-pl-statement"]):is(.num-cell .cv.dim),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell .cv.dim){color:#94a3b8;}
/* subtotal and section rows respect sign color */
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .num-cell .cv.pos),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .num-cell .cv.pos){color:#059669 !important;}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .num-cell .cv.neg),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .num-cell .cv.neg){color:#dc2626 !important;}
:where(html[data-style-page="reports-pl-statement"]):is(.subtotal-row .num-cell .cv.pos),
:where(html[data-style-page="reports-pl-statement"]) :is(.subtotal-row .num-cell .cv.pos){color:#059669 !important;}
:where(html[data-style-page="reports-pl-statement"]):is(.subtotal-row .num-cell .cv.neg),
:where(html[data-style-page="reports-pl-statement"]) :is(.subtotal-row .num-cell .cv.neg){color:#dc2626 !important;}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd .num-cell .cv.pos),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd .num-cell .cv.pos){color:#059669;}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd .num-cell .cv.neg),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd .num-cell .cv.neg){color:#dc2626;}

/* ── SECTION bands ── */
:where(html[data-style-page="reports-pl-statement"]):is(table.pl td),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl td){ border-bottom:1px solid #e2e8f0; vertical-align:middle; }
:where(html[data-style-page="reports-pl-statement"]):is(table.pl tr.pl-line + tr.pl-line td),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl tr.pl-line + tr.pl-line td){ border-top:none; }
:where(html[data-style-page="reports-pl-statement"]):is(table.pl tr.cat-hd td),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl tr.cat-hd td){ border-top:2px solid #e2e8f0; border-bottom:1.5px solid #e2e8f0; }
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd td),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd td){
  background:#f1f5f9;
  color:#475569;
  font-weight:900;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.7px;
  padding:7px 14px;
  cursor:pointer;
  user-select:none;
  border-top:1px solid #e2e8f0;
  border-bottom:1px solid #e2e8f0;
}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd td.lbl-td){
  position:sticky;left:0;inset-inline-start:0;z-index:3;
  background:#f1f5f9;font-size:11px;color:#475569;font-weight:900;
}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .sec-title-wrap),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .sec-title-wrap){display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .sec-title-left),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .sec-title-left){display:inline-flex;align-items:center;gap:8px;}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd td i.sec-icon),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd td i.sec-icon){color:#94a3b8;margin:0;}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .toggle-icon),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .toggle-icon){display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:1.5px solid #94a3b8;color:#475569;background:#fff;font-size:13px;transition:transform .2s ease;flex-shrink:0;}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd.collapsed .toggle-icon),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd.collapsed .toggle-icon){transform:rotate(-90deg);}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .num-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .num-cell){background:#f8fafc;}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .num-cell.total-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .num-cell.total-cell){background:#eff6ff;}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .num-cell .cv){font-weight:900;color:#334155;}
:where(html[data-style-page="reports-pl-statement"]):is(.sec-hd .num-cell .cp),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd .num-cell .cp){color:#94a3b8;}
/* toggle-icon uses Unicode char, no inner i needed */

/* ── CATEGORY header row ── */
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd){cursor:pointer;}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd td),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd td){background:#fff;border-bottom:1px solid #e5e7eb;padding:9px 14px;}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd td.lbl-td){
  font-weight:900;
  font-size:13px;
  color:#1e293b;
  position:sticky;
  left:0; inset-inline-start:0;
  background:#fff;
  z-index:2;
}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd:hover td),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd:hover td){background:#f8fafc;}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd:hover td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd:hover td.lbl-td){background:#f8fafc;}

:where(html[data-style-page="reports-pl-statement"]):is(.cat-arrow),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-arrow){
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:6px;
  background:#dbeafe;color:#2563eb;font-size:12px;
  margin-inline-end:10px;
  transition:transform .2s;flex-shrink:0;
  border:1.5px solid #bfdbfe;
}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd.collapsed .cat-arrow),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd.collapsed .cat-arrow){transform:rotate(-90deg);}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-hd:hover .cat-arrow),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-hd:hover .cat-arrow){background:#eff6ff;}
:where(html[data-style-page="reports-pl-statement"]):is(.cat-label),
:where(html[data-style-page="reports-pl-statement"]) :is(.cat-label){display:inline-flex;align-items:center;}

/* ── DETAIL line rows ── */
:where(html[data-style-page="reports-pl-statement"]):is(.pl-line td),
:where(html[data-style-page="reports-pl-statement"]) :is(.pl-line td){background:#fff;padding:7px 14px;}
:where(html[data-style-page="reports-pl-statement"]):is(.pl-line td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.pl-line td.lbl-td){
  color:#475569;font-size:12px;
  padding-inline-start:42px;
  position:sticky;left:0;inset-inline-start:0;
  background:#fff;z-index:2;
}
:where(html[data-style-page="reports-pl-statement"]):is(.pl-line:hover td),
:where(html[data-style-page="reports-pl-statement"]) :is(.pl-line:hover td){background:#f8fbff;}
:where(html[data-style-page="reports-pl-statement"]):is(.pl-line:hover td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.pl-line:hover td.lbl-td){background:#f8fbff;}

/* ── SUBCATEGORY rows ── */
:where(html[data-style-page="reports-pl-statement"]):is(.sub-line td),
:where(html[data-style-page="reports-pl-statement"]) :is(.sub-line td){background:#fafafa;padding:6px 14px;}
:where(html[data-style-page="reports-pl-statement"]):is(.sub-line td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.sub-line td.lbl-td){
  color:#64748b;font-size:11px;
  padding-inline-start:56px;
  position:sticky;left:0;inset-inline-start:0;
  background:#fafafa;z-index:2;
}
:where(html[data-style-page="reports-pl-statement"]):is(.sub-line:hover td),
:where(html[data-style-page="reports-pl-statement"]) :is(.sub-line:hover td){background:#f0f9ff;}
:where(html[data-style-page="reports-pl-statement"]):is(.sub-line:hover td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.sub-line:hover td.lbl-td){background:#f0f9ff;}

/* ── SUBTOTAL rows ── */
:where(html[data-style-page="reports-pl-statement"]):is(.subtotal-row td),
:where(html[data-style-page="reports-pl-statement"]) :is(.subtotal-row td){
  background:#f8fafc;
  border-top:1px solid #e2e8f0;
  border-bottom:2px solid #e2e8f0;
  padding:9px 14px;
}
:where(html[data-style-page="reports-pl-statement"]):is(.subtotal-row td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.subtotal-row td.lbl-td){
  font-weight:900;color:#1e293b;font-size:13px;
  position:sticky;left:0;inset-inline-start:0;
  background:#f8fafc;z-index:2;
}
:where(html[data-style-page="reports-pl-statement"]):is(.subtotal-row .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.subtotal-row .num-cell .cv){font-weight:900;}

/* ── PROFIT rows ── */
:where(html[data-style-page="reports-pl-statement"]):is(.gross-profit-row td),
:where(html[data-style-page="reports-pl-statement"]) :is(.gross-profit-row td){
  background:#f0fdf4;
  border-top:2px solid #bbf7d0;
  border-bottom:2px solid #bbf7d0;
  padding:10px 14px;
}
:where(html[data-style-page="reports-pl-statement"]):is(.gross-profit-row td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.gross-profit-row td.lbl-td){
  font-weight:900;color:#166534;font-size:13px;
  position:sticky;left:0;inset-inline-start:0;
  background:#f0fdf4;z-index:2;
}
:where(html[data-style-page="reports-pl-statement"]):is(.gross-profit-row .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.gross-profit-row .num-cell .cv){color:#166534;font-weight:900;}
:where(html[data-style-page="reports-pl-statement"]):is(.gross-profit-row .num-cell .cp),
:where(html[data-style-page="reports-pl-statement"]) :is(.gross-profit-row .num-cell .cp){color:#4ade80;}
:where(html[data-style-page="reports-pl-statement"]):is(.gross-profit-row .num-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.gross-profit-row .num-cell){background:#f0fdf4;}
:where(html[data-style-page="reports-pl-statement"]):is(.gross-profit-row .num-cell.total-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.gross-profit-row .num-cell.total-cell){background:#dcfce7;}

:where(html[data-style-page="reports-pl-statement"]):is(.net-profit-row td),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-profit-row td){background:#eff6ff;border-top:2px solid #bfdbfe;border-bottom:2px solid #bfdbfe;padding:11px 14px;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-profit-row td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-profit-row td.lbl-td){font-weight:900;color:#1d4ed8;font-size:14px;position:sticky;left:0;inset-inline-start:0;background:#eff6ff;z-index:2;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-profit-row .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-profit-row .num-cell .cv){color:#1d4ed8;font-weight:900;font-size:14px;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-profit-row .num-cell .cp),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-profit-row .num-cell .cp){color:#93c5fd;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-profit-row .num-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-profit-row .num-cell){background:#eff6ff;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-profit-row .num-cell.total-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-profit-row .num-cell.total-cell){background:#dbeafe;}

:where(html[data-style-page="reports-pl-statement"]):is(.net-loss-row td),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-loss-row td){background:#fff1f2;border-top:2px solid #fecdd3;border-bottom:2px solid #fecdd3;padding:11px 14px;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-loss-row td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-loss-row td.lbl-td){font-weight:900;color:#be123c;font-size:14px;position:sticky;left:0;inset-inline-start:0;background:#fff1f2;z-index:2;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-loss-row .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-loss-row .num-cell .cv){color:#be123c;font-weight:900;font-size:14px;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-loss-row .num-cell .cp),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-loss-row .num-cell .cp){color:#fda4af;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-loss-row .num-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-loss-row .num-cell){background:#fff1f2;}
:where(html[data-style-page="reports-pl-statement"]):is(.net-loss-row .num-cell.total-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-loss-row .num-cell.total-cell){background:#ffe4e6;}

/* ── Analysis section rows ── */
:where(html[data-style-page="reports-pl-statement"]):is(.an-rev .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-rev .num-cell .cv){color:#059669;font-weight:900;}
:where(html[data-style-page="reports-pl-statement"]):is(.an-cogs .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-cogs .num-cell .cv){color:#92400e;}
:where(html[data-style-page="reports-pl-statement"]):is(.an-cogs td),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-cogs td){background:#fffbeb;}
:where(html[data-style-page="reports-pl-statement"]):is(.an-gp  td),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-gp  td){background:#f0fdf4;}
:where(html[data-style-page="reports-pl-statement"]):is(.an-gp  .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-gp  .num-cell .cv){color:#166534;font-weight:900;}
:where(html[data-style-page="reports-pl-statement"]):is(.an-exp .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-exp .num-cell .cv){color:#9f1239;}
:where(html[data-style-page="reports-pl-statement"]):is(.an-exp td),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-exp td){background:#fff1f2;}
:where(html[data-style-page="reports-pl-statement"]):is(.an-be  td),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-be  td){background:#fafafa;}
:where(html[data-style-page="reports-pl-statement"]):is(.an-be  .num-cell .cv),
:where(html[data-style-page="reports-pl-statement"]) :is(.an-be  .num-cell .cv){color:#64748b;}

/* ── payment badges ── */
:where(html[data-style-page="reports-pl-statement"]):is(.pm-cash),
:where(html[data-style-page="reports-pl-statement"]) :is(.pm-cash){display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
:where(html[data-style-page="reports-pl-statement"]):is(.pm-credit),
:where(html[data-style-page="reports-pl-statement"]) :is(.pm-credit){display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
:where(html[data-style-page="reports-pl-statement"]):is(.pm-cl),
:where(html[data-style-page="reports-pl-statement"]) :is(.pm-cl){display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;}

/* ── filter modal ── */
:where(html[data-style-page="reports-pl-statement"]):is(#filterModal),
:where(html[data-style-page="reports-pl-statement"]) :is(#filterModal){display:none;position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:9999;padding:16px;align-items:center;justify-content:center;}
:where(html[data-style-page="reports-pl-statement"]):is(.mbox),
:where(html[data-style-page="reports-pl-statement"]) :is(.mbox){width:min(680px,100%);background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 16px 40px rgba(0,0,0,.12);}
:where(html[data-style-page="reports-pl-statement"]):is(.mbox-hd),
:where(html[data-style-page="reports-pl-statement"]) :is(.mbox-hd){display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="reports-pl-statement"]):is(.mbox-bd),
:where(html[data-style-page="reports-pl-statement"]) :is(.mbox-bd){padding:14px 16px;}
:where(html[data-style-page="reports-pl-statement"]):is(.mbox-ft),
:where(html[data-style-page="reports-pl-statement"]) :is(.mbox-ft){padding:10px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;}
:where(html[data-style-page="reports-pl-statement"]):is(.fgrid),
:where(html[data-style-page="reports-pl-statement"]) :is(.fgrid){display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
:where(html[data-style-page="reports-pl-statement"]):is(.fg),
:where(html[data-style-page="reports-pl-statement"]) :is(.fg){display:flex;flex-direction:column;gap:4px;}
:where(html[data-style-page="reports-pl-statement"]):is(.fg label),
:where(html[data-style-page="reports-pl-statement"]) :is(.fg label){font-weight:900;font-size:12px;color:#374151;}
:where(html[data-style-page="reports-pl-statement"]):is(select),
:where(html[data-style-page="reports-pl-statement"]) :is(select),
:where(html[data-style-page="reports-pl-statement"]):is(input[type=date]),
:where(html[data-style-page="reports-pl-statement"]) :is(input[type=date]){width:100%;padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-weight:800;background:#fff;font-size:13px;}


:where(html[data-style-page="reports-pl-statement"]):is(.print-header),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-header){display:none;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:8px 0 12px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="reports-pl-statement"]):is(.print-header-left),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-header-left){display:flex;align-items:center;gap:10px;}
:where(html[data-style-page="reports-pl-statement"]):is(.print-header-right),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-header-right){display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:end;}
:where(html[data-style-page="reports-pl-statement"]):is(.print-logo),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-logo){height:58px;max-width:180px;object-fit:contain;}
:where(html[data-style-page="reports-pl-statement"]):is(.print-title),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-title){font-size:18px;font-weight:900;color:#0f172a;line-height:1.2;}
:where(html[data-style-page="reports-pl-statement"]):is(.print-meta),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-meta){font-size:12px;color:#475569;font-weight:700;line-height:1.3;}

/* RTL */
:where(html[data-style-page="reports-pl-statement"]):is([dir=rtl] table.pl thead th.lbl-col),
:where(html[data-style-page="reports-pl-statement"]) :is([dir=rtl] table.pl thead th.lbl-col),
:where(html[data-style-page="reports-pl-statement"]):is([dir=rtl] table.pl td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is([dir=rtl] table.pl td.lbl-td){left:auto;right:0;inset-inline-start:auto;inset-inline-end:0;}
:where(html[data-style-page="reports-pl-statement"]):is([dir=rtl] .num-cell),
:where(html[data-style-page="reports-pl-statement"]) :is([dir=rtl] .num-cell){text-align:start;}
:where(html[data-style-page="reports-pl-statement"]):is([data-zero-hidden="1"]),
:where(html[data-style-page="reports-pl-statement"]) :is([data-zero-hidden="1"]){display:none!important;}

/* ── PRINT ── */
@media print{
  @page{ size:A4 landscape; margin:8mm; }
  :where(html[data-style-page="reports-pl-statement"]):is(body>*:not(main)),
:where(html[data-style-page="reports-pl-statement"]) :is(body>*:not(main)){display:none!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(nav),
:where(html[data-style-page="reports-pl-statement"]) :is(nav),
:where(html[data-style-page="reports-pl-statement"]):is(aside),
:where(html[data-style-page="reports-pl-statement"]) :is(aside),
:where(html[data-style-page="reports-pl-statement"]):is(header),
:where(html[data-style-page="reports-pl-statement"]) :is(header),
:where(html[data-style-page="reports-pl-statement"]):is(.sidebar),
:where(html[data-style-page="reports-pl-statement"]) :is(.sidebar),
:where(html[data-style-page="reports-pl-statement"]):is(.topbar),
:where(html[data-style-page="reports-pl-statement"]) :is(.topbar),
:where(html[data-style-page="reports-pl-statement"]):is(#sidebar),
:where(html[data-style-page="reports-pl-statement"]) :is(#sidebar),
:where(html[data-style-page="reports-pl-statement"]):is(#topbar),
:where(html[data-style-page="reports-pl-statement"]) :is(#topbar),
:where(html[data-style-page="reports-pl-statement"]):is([class*="sidebar"]),
:where(html[data-style-page="reports-pl-statement"]) :is([class*="sidebar"]),
:where(html[data-style-page="reports-pl-statement"]):is([class*="topbar"]),
:where(html[data-style-page="reports-pl-statement"]) :is([class*="topbar"]),
:where(html[data-style-page="reports-pl-statement"]):is(.toolbar),
:where(html[data-style-page="reports-pl-statement"]) :is(.toolbar),
:where(html[data-style-page="reports-pl-statement"]):is(.period-tabs),
:where(html[data-style-page="reports-pl-statement"]) :is(.period-tabs),
:where(html[data-style-page="reports-pl-statement"]):is(.btn-row),
:where(html[data-style-page="reports-pl-statement"]) :is(.btn-row),
:where(html[data-style-page="reports-pl-statement"]):is(#filterModal),
:where(html[data-style-page="reports-pl-statement"]) :is(#filterModal),
:where(html[data-style-page="reports-pl-statement"]):is(.kpi-strip),
:where(html[data-style-page="reports-pl-statement"]) :is(.kpi-strip),
:where(html[data-style-page="reports-pl-statement"]):is(.btn),
:where(html[data-style-page="reports-pl-statement"]) :is(.btn){display:none!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(.print-header),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-header){display:flex!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(.print-header-right),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-header-right){align-items:flex-end!important;text-align:end!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(.print-logo),
:where(html[data-style-page="reports-pl-statement"]) :is(.print-logo){height:52px!important;max-width:170px!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(main.content),
:where(html[data-style-page="reports-pl-statement"]) :is(main.content){margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(.card),
:where(html[data-style-page="reports-pl-statement"]) :is(.card){padding:0!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(.pl-wrap),
:where(html[data-style-page="reports-pl-statement"]) :is(.pl-wrap){gap:4px!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(.pl-scroll),
:where(html[data-style-page="reports-pl-statement"]) :is(.pl-scroll){overflow:visible!important;width:100%!important;border:none!important;border-radius:0!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(table.pl),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl){font-size:8.5pt!important;width:100%!important;table-layout:auto!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(table.pl thead),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl thead){position:static;}
  :where(html[data-style-page="reports-pl-statement"]):is(table.pl thead),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl thead){display:table-header-group;}
  :where(html[data-style-page="reports-pl-statement"]):is(table.pl tr),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl tr){page-break-inside:avoid;}
  :where(html[data-style-page="reports-pl-statement"]):is(table.pl th),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl th),
:where(html[data-style-page="reports-pl-statement"]):is(table.pl td),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl td){padding:4px 6px!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(table.pl td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl td.lbl-td),
:where(html[data-style-page="reports-pl-statement"]):is(table.pl th.lbl-col),
:where(html[data-style-page="reports-pl-statement"]) :is(table.pl th.lbl-col){position:static!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(.num-cell),
:where(html[data-style-page="reports-pl-statement"]) :is(.num-cell){padding:4px 6px!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(.sec-hd td),
:where(html[data-style-page="reports-pl-statement"]) :is(.sec-hd td){background:#e2e8f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  :where(html[data-style-page="reports-pl-statement"]):is(.gross-profit-row td),
:where(html[data-style-page="reports-pl-statement"]) :is(.gross-profit-row td){background:#dcfce7!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  :where(html[data-style-page="reports-pl-statement"]):is(.net-profit-row td),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-profit-row td){background:#dbeafe!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  :where(html[data-style-page="reports-pl-statement"]):is(.net-loss-row td),
:where(html[data-style-page="reports-pl-statement"]) :is(.net-loss-row td){background:#ffe4e6!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  :where(html[data-style-page="reports-pl-statement"]):is(.subtotal-row td),
:where(html[data-style-page="reports-pl-statement"]) :is(.subtotal-row td){background:#f1f5f9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  /* show all collapsed rows in print */
  :where(html[data-style-page="reports-pl-statement"]):is([data-sec]),
:where(html[data-style-page="reports-pl-statement"]) :is([data-sec]),
:where(html[data-style-page="reports-pl-statement"]):is([data-cat]),
:where(html[data-style-page="reports-pl-statement"]) :is([data-cat]){display:table-row!important;}
  :where(html[data-style-page="reports-pl-statement"]):is(tbody[id]),
:where(html[data-style-page="reports-pl-statement"]) :is(tbody[id]){display:table-row-group!important;}
}

/* Page: reports/preparations_report.php */

:where(html[data-style-page="reports-preparations-report"]):is(:root),
:where(html[data-style-page="reports-preparations-report"]) :is(:root){--ink:#111827;--muted:#64748b;--line:#e5e7eb;--soft:#f8fafc;--blue:#2563eb;--green:#15803d;--amber:#d97706;--red:#dc2626;--radius:10px}
:where(html[data-style-page="reports-preparations-report"]):is(*),
:where(html[data-style-page="reports-preparations-report"]) :is(*){box-sizing:border-box}:where(html[data-style-page="reports-preparations-report"]):is(body),
:where(html[data-style-page="reports-preparations-report"]) :is(body){background:#f8fafc;color:var(--ink)}:where(html[data-style-page="reports-preparations-report"]):is(.wr-wrap),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-wrap){max-width:1500px;margin:0 auto;padding:24px 20px 40px}:where(html[data-style-page="reports-preparations-report"]):is(.wr-head),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-head){display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}:where(html[data-style-page="reports-preparations-report"]):is(.wr-title h1),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-title h1){font-size:26px;margin:0 0 4px;font-weight:900;display:flex;align-items:center;gap:10px}:where(html[data-style-page="reports-preparations-report"]):is(.wr-title p),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-title p){margin:0;color:var(--muted);font-size:13px;font-weight:700}:where(html[data-style-page="reports-preparations-report"]):is(.wr-actions),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-actions){display:flex;gap:8px;align-items:center;flex-wrap:wrap}:where(html[data-style-page="reports-preparations-report"]):is(.wr-btn),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-btn){border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:900;color:#334155;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px}:where(html[data-style-page="reports-preparations-report"]):is(.wr-btn.primary),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-btn.primary){background:var(--blue);color:#fff;border-color:var(--blue)}:where(html[data-style-page="reports-preparations-report"]):is(.wr-btn.success),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-btn.success){background:#ecfdf5;color:#166534;border-color:#bbf7d0}:where(html[data-style-page="reports-preparations-report"]):is(.export-menu),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-menu){position:relative}:where(html[data-style-page="reports-preparations-report"]):is(.export-menu summary),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-menu summary){list-style:none}:where(html[data-style-page="reports-preparations-report"]):is(.export-menu summary)::-webkit-details-marker,
:where(html[data-style-page="reports-preparations-report"]) :is(.export-menu summary)::-webkit-details-marker{display:none}:where(html[data-style-page="reports-preparations-report"]):is(.export-menu-list),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-menu-list){position:absolute;z-index:80;top:calc(100% + 8px);inset-inline-end:0;width:310px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:8px;display:grid;gap:4px}:where(html[data-style-page="reports-preparations-report"]):is(.export-menu-list a),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-menu-list a){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;color:#334155;text-decoration:none;font-size:12.5px;font-weight:900}:where(html[data-style-page="reports-preparations-report"]):is(.export-menu-list a:hover),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-menu-list a:hover){background:#f8fafc;color:#0f172a}:where(html[data-style-page="reports-preparations-report"]):is(.export-format),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-format){font-size:10px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 7px}:where(html[data-style-page="reports-preparations-report"]):is(.export-label),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-label){color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;padding:6px 10px 3px}:where(html[data-style-page="reports-preparations-report"]):is(.filters),
:where(html[data-style-page="reports-preparations-report"]) :is(.filters){background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-bottom:14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}:where(html[data-style-page="reports-preparations-report"]):is(.fg),
:where(html[data-style-page="reports-preparations-report"]) :is(.fg){display:flex;flex-direction:column;gap:5px}:where(html[data-style-page="reports-preparations-report"]):is(.fg label),
:where(html[data-style-page="reports-preparations-report"]) :is(.fg label){font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase}:where(html[data-style-page="reports-preparations-report"]):is(.fg input),
:where(html[data-style-page="reports-preparations-report"]) :is(.fg input),
:where(html[data-style-page="reports-preparations-report"]):is(.fg select),
:where(html[data-style-page="reports-preparations-report"]) :is(.fg select){border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;font-size:13px;background:#fff;color:#0f172a;min-height:39px}:where(html[data-style-page="reports-preparations-report"]):is(.fg.actions),
:where(html[data-style-page="reports-preparations-report"]) :is(.fg.actions){justify-content:flex-end;flex-direction:row;align-items:flex-end}:where(html[data-style-page="reports-preparations-report"]):is(.kpis),
:where(html[data-style-page="reports-preparations-report"]) :is(.kpis){display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-bottom:14px}:where(html[data-style-page="reports-preparations-report"]):is(.kpi),
:where(html[data-style-page="reports-preparations-report"]) :is(.kpi){background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;min-height:102px;box-shadow:0 1px 2px rgba(15,23,42,.04)}:where(html[data-style-page="reports-preparations-report"]):is(.kpi .label),
:where(html[data-style-page="reports-preparations-report"]) :is(.kpi .label){font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;display:flex;align-items:center;gap:6px}:where(html[data-style-page="reports-preparations-report"]):is(.kpi .value),
:where(html[data-style-page="reports-preparations-report"]) :is(.kpi .value){font-size:25px;font-weight:900;margin-top:8px;color:#111827}:where(html[data-style-page="reports-preparations-report"]):is(.kpi .sub),
:where(html[data-style-page="reports-preparations-report"]) :is(.kpi .sub){font-size:12px;color:#64748b;font-weight:700;margin-top:2px}:where(html[data-style-page="reports-preparations-report"]):is(.grid-two),
:where(html[data-style-page="reports-preparations-report"]) :is(.grid-two){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}:where(html[data-style-page="reports-preparations-report"]):is(.panel),
:where(html[data-style-page="reports-preparations-report"]) :is(.panel){background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden}:where(html[data-style-page="reports-preparations-report"]):is(.panel-head),
:where(html[data-style-page="reports-preparations-report"]) :is(.panel-head){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);background:#fff}:where(html[data-style-page="reports-preparations-report"]):is(.panel-head h2),
:where(html[data-style-page="reports-preparations-report"]) :is(.panel-head h2){font-size:15px;margin:0;font-weight:900;display:flex;align-items:center;gap:8px}:where(html[data-style-page="reports-preparations-report"]):is(.panel-head span),
:where(html[data-style-page="reports-preparations-report"]) :is(.panel-head span){font-size:12px;color:#64748b;font-weight:800}:where(html[data-style-page="reports-preparations-report"]):is(.summary-list),
:where(html[data-style-page="reports-preparations-report"]) :is(.summary-list){padding:10px 14px 14px;display:grid;gap:9px}:where(html[data-style-page="reports-preparations-report"]):is(.sum-row),
:where(html[data-style-page="reports-preparations-report"]) :is(.sum-row){display:grid;grid-template-columns:170px 1fr 100px;gap:10px;align-items:center}:where(html[data-style-page="reports-preparations-report"]):is(.sum-name),
:where(html[data-style-page="reports-preparations-report"]) :is(.sum-name){font-size:13px;font-weight:900}:where(html[data-style-page="reports-preparations-report"]):is(.bar-track),
:where(html[data-style-page="reports-preparations-report"]) :is(.bar-track){height:9px;background:#f1f5f9;border-radius:999px;overflow:hidden}:where(html[data-style-page="reports-preparations-report"]):is(.bar),
:where(html[data-style-page="reports-preparations-report"]) :is(.bar){height:100%;border-radius:999px;background:#2563eb}:where(html[data-style-page="reports-preparations-report"]):is(.sum-val),
:where(html[data-style-page="reports-preparations-report"]) :is(.sum-val){text-align:end;font-weight:900;font-size:13px}:where(html[data-style-page="reports-preparations-report"]):is(.badge),
:where(html[data-style-page="reports-preparations-report"]) :is(.badge){display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}:where(html[data-style-page="reports-preparations-report"]):is(.status),
:where(html[data-style-page="reports-preparations-report"]) :is(.status){background:#f1f5f9;color:#475569}:where(html[data-style-page="reports-preparations-report"]):is(.status.approved),
:where(html[data-style-page="reports-preparations-report"]) :is(.status.approved){background:#dcfce7;color:#166534}:where(html[data-style-page="reports-preparations-report"]):is(.status.pending_bm),
:where(html[data-style-page="reports-preparations-report"]) :is(.status.pending_bm),
:where(html[data-style-page="reports-preparations-report"]):is(.status.pending_cc),
:where(html[data-style-page="reports-preparations-report"]) :is(.status.pending_cc){background:#fef3c7;color:#92400e}:where(html[data-style-page="reports-preparations-report"]):is(.status.rejected),
:where(html[data-style-page="reports-preparations-report"]) :is(.status.rejected){background:#fee2e2;color:#991b1b}:where(html[data-style-page="reports-preparations-report"]):is(.table-wrap),
:where(html[data-style-page="reports-preparations-report"]) :is(.table-wrap){overflow:auto}:where(html[data-style-page="reports-preparations-report"]):is(table),
:where(html[data-style-page="reports-preparations-report"]) :is(table){width:100%;border-collapse:collapse;font-size:12.5px}:where(html[data-style-page="reports-preparations-report"]):is(th),
:where(html[data-style-page="reports-preparations-report"]) :is(th){background:#f8fafc;color:#64748b;text-align:start;text-transform:uppercase;font-size:10.5px;letter-spacing:.02em;font-weight:900;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}:where(html[data-style-page="reports-preparations-report"]):is(td),
:where(html[data-style-page="reports-preparations-report"]) :is(td){padding:10px;border-bottom:1px solid #f1f5f9;vertical-align:top}:where(html[data-style-page="reports-preparations-report"]):is(tr:hover td),
:where(html[data-style-page="reports-preparations-report"]) :is(tr:hover td){background:#fbfdff}:where(html[data-style-page="reports-preparations-report"]):is(.num),
:where(html[data-style-page="reports-preparations-report"]) :is(.num){text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}:where(html[data-style-page="reports-preparations-report"]):is(.name),
:where(html[data-style-page="reports-preparations-report"]) :is(.name){font-weight:900;color:#0f172a}:where(html[data-style-page="reports-preparations-report"]):is(.subtle),
:where(html[data-style-page="reports-preparations-report"]) :is(.subtle){font-size:11px;color:#64748b;font-weight:700}:where(html[data-style-page="reports-preparations-report"]):is(.sku),
:where(html[data-style-page="reports-preparations-report"]) :is(.sku){font-size:10px;color:#64748b;background:#f1f5f9;border-radius:5px;padding:2px 6px;font-weight:900;display:inline-block;margin-top:4px}:where(html[data-style-page="reports-preparations-report"]):is(.section),
:where(html[data-style-page="reports-preparations-report"]) :is(.section){margin-bottom:14px}:where(html[data-style-page="reports-preparations-report"]):is(.empty),
:where(html[data-style-page="reports-preparations-report"]) :is(.empty){padding:34px 16px;text-align:center;color:#94a3b8;font-weight:800}:where(html[data-style-page="reports-preparations-report"]):is(.detail-tabs),
:where(html[data-style-page="reports-preparations-report"]) :is(.detail-tabs){display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line);background:#f8fafc}:where(html[data-style-page="reports-preparations-report"]):is(.detail-tab),
:where(html[data-style-page="reports-preparations-report"]) :is(.detail-tab){display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid #dbe4ef;background:#fff;color:#475569;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:900;white-space:nowrap}:where(html[data-style-page="reports-preparations-report"]):is(.detail-tab.active),
:where(html[data-style-page="reports-preparations-report"]) :is(.detail-tab.active){background:#2563eb;border-color:#2563eb;color:#fff}:where(html[data-style-page="reports-preparations-report"]):is(.detail-tab .count),
:where(html[data-style-page="reports-preparations-report"]) :is(.detail-tab .count){display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px}:where(html[data-style-page="reports-preparations-report"]):is(.detail-tab.active .count),
:where(html[data-style-page="reports-preparations-report"]) :is(.detail-tab.active .count){background:rgba(255,255,255,.22);color:#fff}:where(html[data-style-page="reports-preparations-report"]):is(.proof-link),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-link){color:#2563eb;font-weight:900;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font:inherit}:where(html[data-style-page="reports-preparations-report"]):is(.source-link),
:where(html[data-style-page="reports-preparations-report"]) :is(.source-link){color:#2563eb;font-weight:900;text-decoration:none}:where(html[data-style-page="reports-preparations-report"]):is(.proof-overlay),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-overlay){display:none;position:fixed;inset:0;z-index:3000;background:rgba(15,23,42,.72);padding:28px 14px;align-items:flex-start;justify-content:center;overflow:auto}:where(html[data-style-page="reports-preparations-report"]):is(.proof-overlay.active),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-overlay.active){display:flex}:where(html[data-style-page="reports-preparations-report"]):is(.proof-card),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-card){width:min(980px,100%);max-height:92vh;background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(15,23,42,.35);display:flex;flex-direction:column;overflow:hidden}:where(html[data-style-page="reports-preparations-report"]):is(.proof-head),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-head){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}:where(html[data-style-page="reports-preparations-report"]):is(.proof-head h3),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-head h3){margin:0;font-size:16px;font-weight:900}:where(html[data-style-page="reports-preparations-report"]):is(.proof-close),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-close){width:36px;height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}:where(html[data-style-page="reports-preparations-report"]):is(.proof-body),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-body){padding:14px;overflow:auto;display:grid;gap:12px}:where(html[data-style-page="reports-preparations-report"]):is(.proof-figure),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-figure){margin:0;border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:10px}:where(html[data-style-page="reports-preparations-report"]):is(.proof-figure img),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-figure img){display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:8px;background:#111827}:where(html[data-style-page="reports-preparations-report"]):is(.proof-figure figcaption),
:where(html[data-style-page="reports-preparations-report"]) :is(.proof-figure figcaption){margin-top:8px;color:#64748b;font-size:12px;font-weight:800}
@media(max-width:1100px){:where(html[data-style-page="reports-preparations-report"]):is(.filters),
:where(html[data-style-page="reports-preparations-report"]) :is(.filters){grid-template-columns:repeat(3,1fr)}:where(html[data-style-page="reports-preparations-report"]):is(.kpis),
:where(html[data-style-page="reports-preparations-report"]) :is(.kpis){grid-template-columns:repeat(2,1fr)}:where(html[data-style-page="reports-preparations-report"]):is(.grid-two),
:where(html[data-style-page="reports-preparations-report"]) :is(.grid-two){grid-template-columns:1fr}}@media(max-width:700px){:where(html[data-style-page="reports-preparations-report"]):is(.wr-wrap),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-wrap){padding:16px 10px}:where(html[data-style-page="reports-preparations-report"]):is(.filters),
:where(html[data-style-page="reports-preparations-report"]) :is(.filters){grid-template-columns:1fr}:where(html[data-style-page="reports-preparations-report"]):is(.kpis),
:where(html[data-style-page="reports-preparations-report"]) :is(.kpis){grid-template-columns:1fr}:where(html[data-style-page="reports-preparations-report"]):is(.fg.actions),
:where(html[data-style-page="reports-preparations-report"]) :is(.fg.actions){justify-content:stretch}:where(html[data-style-page="reports-preparations-report"]):is(.wr-actions),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-actions),
:where(html[data-style-page="reports-preparations-report"]):is(.export-menu),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-menu){width:100%}:where(html[data-style-page="reports-preparations-report"]):is(.wr-btn),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-btn){justify-content:center;width:100%}:where(html[data-style-page="reports-preparations-report"]):is(.export-menu-list),
:where(html[data-style-page="reports-preparations-report"]) :is(.export-menu-list){position:static;width:100%;margin-top:8px}:where(html[data-style-page="reports-preparations-report"]):is(.sum-row),
:where(html[data-style-page="reports-preparations-report"]) :is(.sum-row){grid-template-columns:1fr}:where(html[data-style-page="reports-preparations-report"]):is(.sum-val),
:where(html[data-style-page="reports-preparations-report"]) :is(.sum-val){text-align:start}:where(html[data-style-page="reports-preparations-report"]):is(.detail-tabs),
:where(html[data-style-page="reports-preparations-report"]) :is(.detail-tabs){overflow-x:auto;flex-wrap:nowrap}}@media print{:where(html[data-style-page="reports-preparations-report"]):is(.sidebar),
:where(html[data-style-page="reports-preparations-report"]) :is(.sidebar),
:where(html[data-style-page="reports-preparations-report"]):is(.topbar),
:where(html[data-style-page="reports-preparations-report"]) :is(.topbar),
:where(html[data-style-page="reports-preparations-report"]):is(.filters),
:where(html[data-style-page="reports-preparations-report"]) :is(.filters),
:where(html[data-style-page="reports-preparations-report"]):is(.wr-actions),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-actions){display:none!important}:where(html[data-style-page="reports-preparations-report"]):is(.content),
:where(html[data-style-page="reports-preparations-report"]) :is(.content){margin:0!important}:where(html[data-style-page="reports-preparations-report"]):is(.wr-wrap),
:where(html[data-style-page="reports-preparations-report"]) :is(.wr-wrap){max-width:none;padding:0}:where(html[data-style-page="reports-preparations-report"]):is(.panel),
:where(html[data-style-page="reports-preparations-report"]) :is(.panel),
:where(html[data-style-page="reports-preparations-report"]):is(.kpi),
:where(html[data-style-page="reports-preparations-report"]) :is(.kpi){box-shadow:none}}

/* Page: reports/price_monitor.php */

/* ── base ── */
:where(html[data-style-page="reports-price-monitor"]):is(body),
:where(html[data-style-page="reports-price-monitor"]) :is(body){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
:where(html[data-style-page="reports-price-monitor"]):is(.card),
:where(html[data-style-page="reports-price-monitor"]) :is(.card){background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;}
:where(html[data-style-page="reports-price-monitor"]):is(.pm-wrap),
:where(html[data-style-page="reports-price-monitor"]) :is(.pm-wrap){display:flex;flex-direction:column;gap:16px;padding:4px 0;color:#0f172a;}
:where(html[data-style-page="reports-price-monitor"]):is(.pm-wrap *),
:where(html[data-style-page="reports-price-monitor"]) :is(.pm-wrap *){box-sizing:border-box;}

/* ── toolbar ── */
:where(html[data-style-page="reports-price-monitor"]):is(.toolbar),
:where(html[data-style-page="reports-price-monitor"]) :is(.toolbar){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);}
:where(html[data-style-page="reports-price-monitor"]):is(.page-title),
:where(html[data-style-page="reports-price-monitor"]) :is(.page-title){display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
:where(html[data-style-page="reports-price-monitor"]):is(.page-title h3),
:where(html[data-style-page="reports-price-monitor"]) :is(.page-title h3){margin:0;font-size:20px;font-weight:900;line-height:1.2;}
:where(html[data-style-page="reports-price-monitor"]):is(.badge),
:where(html[data-style-page="reports-price-monitor"]) :is(.badge){font-size:11px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:3px 9px;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn-row),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn-row){display:flex;gap:6px;flex-wrap:wrap;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:6px;border:1px solid #dbe3ee;background:#fff;cursor:pointer;font-weight:800;font-size:12px;text-decoration:none;color:#334155;white-space:nowrap;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn:hover),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn:hover){background:#f8fafc;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn.primary),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn.primary){border-color:#93c5fd;color:#1d4ed8;background:#eff6ff;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn.active),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn.active){background:#1e293b;color:#fff;border-color:#1e293b;}

/* ── period tabs ── */
:where(html[data-style-page="reports-price-monitor"]):is(.period-tabs),
:where(html[data-style-page="reports-price-monitor"]) :is(.period-tabs){display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
:where(html[data-style-page="reports-price-monitor"]):is(.ptab),
:where(html[data-style-page="reports-price-monitor"]) :is(.ptab){padding:6px 12px;border-radius:7px;border:1px solid #e5e7eb;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;color:#64748b;background:#fff;}
:where(html[data-style-page="reports-price-monitor"]):is(.ptab:hover),
:where(html[data-style-page="reports-price-monitor"]) :is(.ptab:hover){background:#f8fafc;color:#1e293b;}
:where(html[data-style-page="reports-price-monitor"]):is(.ptab.active),
:where(html[data-style-page="reports-price-monitor"]) :is(.ptab.active){background:#1e293b;color:#fff;border-color:#1e293b;}

/* ── period comparison strip ── */
:where(html[data-style-page="reports-price-monitor"]):is(.period-cmp),
:where(html[data-style-page="reports-price-monitor"]) :is(.period-cmp){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:700;}
:where(html[data-style-page="reports-price-monitor"]):is(.period-cmp .seg),
:where(html[data-style-page="reports-price-monitor"]) :is(.period-cmp .seg){display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;}
:where(html[data-style-page="reports-price-monitor"]):is(.period-cmp .seg-label),
:where(html[data-style-page="reports-price-monitor"]) :is(.period-cmp .seg-label){color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;}
:where(html[data-style-page="reports-price-monitor"]):is(.period-cmp .seg-val),
:where(html[data-style-page="reports-price-monitor"]) :is(.period-cmp .seg-val){color:#1e293b;font-weight:900;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 8px;width:100%;white-space:normal;}
:where(html[data-style-page="reports-price-monitor"]):is(.period-cmp .vs-badge),
:where(html[data-style-page="reports-price-monitor"]) :is(.period-cmp .vs-badge){color:#94a3b8;font-weight:900;font-size:13px;}

/* ── KPI strip ── */
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-strip),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-strip){display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;}
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-box),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-box){padding:11px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;text-align:start;box-shadow:0 1px 2px rgba(15,23,42,.03);}
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-box .k),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-box .k){font-size:10px;color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.5px;}
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-box .v),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-box .v){font-size:22px;font-weight:900;margin-top:4px;line-height:1.2;}
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-box .sub),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-box .sub){font-size:10px;color:#94a3b8;margin-top:2px;}
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-up),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-up){border-color:#fecaca;}  :where(html[data-style-page="reports-price-monitor"]):is(.kpi-up   .v),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-up   .v){color:#dc2626;}
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-down),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-down){border-color:#bbf7d0;}  :where(html[data-style-page="reports-price-monitor"]):is(.kpi-down .v),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-down .v){color:#059669;}
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-flat),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-flat){border-color:#e5e7eb;}  :where(html[data-style-page="reports-price-monitor"]):is(.kpi-flat .v),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-flat .v){color:#64748b;}
:where(html[data-style-page="reports-price-monitor"]):is(.kpi-total),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-total){border-color:#bfdbfe;}  :where(html[data-style-page="reports-price-monitor"]):is(.kpi-total .v),
:where(html[data-style-page="reports-price-monitor"]) :is(.kpi-total .v){color:#2563eb;}

/* ── section tabs ── */
:where(html[data-style-page="reports-price-monitor"]):is(.sec-tabs),
:where(html[data-style-page="reports-price-monitor"]) :is(.sec-tabs){display:flex;gap:0;border-bottom:2px solid #e5e7eb;}
:where(html[data-style-page="reports-price-monitor"]):is(.sec-tab),
:where(html[data-style-page="reports-price-monitor"]) :is(.sec-tab){padding:9px 20px;font-size:13px;font-weight:900;cursor:pointer;border:none;background:none;color:#94a3b8;border-bottom:2px solid transparent;margin-bottom:-2px;display:inline-flex;align-items:center;gap:7px;}
:where(html[data-style-page="reports-price-monitor"]):is(.sec-tab.active),
:where(html[data-style-page="reports-price-monitor"]) :is(.sec-tab.active){color:#1e293b;border-bottom-color:#1e293b;}
:where(html[data-style-page="reports-price-monitor"]):is(.sec-tab .tab-count),
:where(html[data-style-page="reports-price-monitor"]) :is(.sec-tab .tab-count){font-size:10px;font-weight:900;border-radius:999px;padding:2px 6px;background:#f1f5f9;color:#64748b;}
:where(html[data-style-page="reports-price-monitor"]):is(.sec-tab.active .tab-count),
:where(html[data-style-page="reports-price-monitor"]) :is(.sec-tab.active .tab-count){background:#1e293b;color:#fff;}

/* ── filter bar ── */
:where(html[data-style-page="reports-price-monitor"]):is(.filter-bar),
:where(html[data-style-page="reports-price-monitor"]) :is(.filter-bar){display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;}
:where(html[data-style-page="reports-price-monitor"]):is(.filter-bar input[type=text]),
:where(html[data-style-page="reports-price-monitor"]) :is(.filter-bar input[type=text]),
:where(html[data-style-page="reports-price-monitor"]):is(.filter-bar select),
:where(html[data-style-page="reports-price-monitor"]) :is(.filter-bar select),
:where(html[data-style-page="reports-price-monitor"]):is(.filter-bar input[type=number]),
:where(html[data-style-page="reports-price-monitor"]) :is(.filter-bar input[type=number]){
  padding:7px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:12px;font-weight:800;background:#fff;min-width:100px;}
:where(html[data-style-page="reports-price-monitor"]):is(.filter-bar label),
:where(html[data-style-page="reports-price-monitor"]) :is(.filter-bar label){font-size:12px;font-weight:700;color:#64748b;}
:where(html[data-style-page="reports-price-monitor"]):is(.changed-toggle),
:where(html[data-style-page="reports-price-monitor"]) :is(.changed-toggle){display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:800;font-size:12px;color:#374151;}
:where(html[data-style-page="reports-price-monitor"]):is(.changed-toggle input),
:where(html[data-style-page="reports-price-monitor"]) :is(.changed-toggle input){margin:0;}
:where(html[data-style-page="reports-price-monitor"]):is(.changed-toggle.on),
:where(html[data-style-page="reports-price-monitor"]) :is(.changed-toggle.on){background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;}

/* ── table ── */
:where(html[data-style-page="reports-price-monitor"]):is(.tbl-scroll),
:where(html[data-style-page="reports-price-monitor"]) :is(.tbl-scroll){width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:auto;box-shadow:0 1px 2px rgba(15,23,42,.03);}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm){width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm thead th),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm thead th){
  padding:9px 14px;border-bottom:2px solid #e2e8f0;font-weight:900;font-size:10px;
  text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;
  background:#f8fafc;color:#475569;text-align:start;cursor:pointer;user-select:none;
}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm thead th:hover),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm thead th:hover){background:#f1f5f9;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm thead th.sort-asc)::after,
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm thead th.sort-asc)::after{content:' ▲';color:#2563eb;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm thead th.sort-desc)::after,
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm thead th.sort-desc)::after{content:' ▼';color:#2563eb;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm thead th.num),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm thead th.num){text-align:end;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm td),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm td){padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle;overflow:hidden;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm tr:last-child td),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm tr:last-child td){border-bottom:none;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm tbody tr:hover td),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm tbody tr:hover td){background:#fafbff;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm td.num),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm td.num){text-align:end;font-variant-numeric:tabular-nums;}

/* col widths */
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-item),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-item){width:22%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-cat),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-cat){width:12%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-curr),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-curr){width:10%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-prev),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-prev){width:10%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-landed),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-landed){width:11%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-chg),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-chg){width:8%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-pct),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-pct){width:10%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-rng),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-rng){width:14%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-qty),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-qty){width:7%;}
:where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-txn),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-txn){width:5%;}

:where(html[data-style-page="reports-price-monitor"]):is(.item-cell),
:where(html[data-style-page="reports-price-monitor"]) :is(.item-cell){min-width:0;}
:where(html[data-style-page="reports-price-monitor"]):is(.item-name),
:where(html[data-style-page="reports-price-monitor"]) :is(.item-name){font-size:13px;font-weight:900;color:#1e293b;margin-bottom:5px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
:where(html[data-style-page="reports-price-monitor"]):is(.item-actions),
:where(html[data-style-page="reports-price-monitor"]) :is(.item-actions){display:flex;gap:5px;flex-wrap:wrap;}
:where(html[data-style-page="reports-price-monitor"]):is(.cat-cell),
:where(html[data-style-page="reports-price-monitor"]) :is(.cat-cell){font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* price cells */
:where(html[data-style-page="reports-price-monitor"]):is(.price-cell),
:where(html[data-style-page="reports-price-monitor"]) :is(.price-cell){display:flex;flex-direction:column;align-items:flex-end;gap:1px;}
:where(html[data-style-page="reports-price-monitor"]):is(.price-main),
:where(html[data-style-page="reports-price-monitor"]) :is(.price-main){font-size:13px;font-weight:700;color:#1e293b;}
:where(html[data-style-page="reports-price-monitor"]):is(.price-prev),
:where(html[data-style-page="reports-price-monitor"]) :is(.price-prev){font-size:11px;color:#94a3b8;}
:where(html[data-style-page="reports-price-monitor"]):is(.price-range),
:where(html[data-style-page="reports-price-monitor"]) :is(.price-range){font-size:10px;color:#cbd5e1;}
:where(html[data-style-page="reports-price-monitor"]):is(.price-range-txt),
:where(html[data-style-page="reports-price-monitor"]) :is(.price-range-txt){font-size:10px;color:#94a3b8;white-space:nowrap;}

/* fluctuation badges */
:where(html[data-style-page="reports-price-monitor"]):is(.flu),
:where(html[data-style-page="reports-price-monitor"]) :is(.flu){display:inline-flex;align-items:center;gap:4px;font-weight:900;font-size:11px;border-radius:6px;padding:3px 8px;white-space:nowrap;}
:where(html[data-style-page="reports-price-monitor"]):is(.flu.up),
:where(html[data-style-page="reports-price-monitor"]) :is(.flu.up){background:#fef2f2;color:#dc2626;border:1px solid #fecaca;}
:where(html[data-style-page="reports-price-monitor"]):is(.flu.down),
:where(html[data-style-page="reports-price-monitor"]) :is(.flu.down){background:#f0fdf4;color:#059669;border:1px solid #bbf7d0;}
:where(html[data-style-page="reports-price-monitor"]):is(.flu.flat),
:where(html[data-style-page="reports-price-monitor"]) :is(.flu.flat){background:#f8fafc;color:#94a3b8;border:1px solid #e5e7eb;}
:where(html[data-style-page="reports-price-monitor"]):is(.flu.new),
:where(html[data-style-page="reports-price-monitor"]) :is(.flu.new){background:#fdf4ff;color:#7c3aed;border:1px solid #e9d5ff;}
:where(html[data-style-page="reports-price-monitor"]):is(.flu.gone),
:where(html[data-style-page="reports-price-monitor"]) :is(.flu.gone){background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;}
:where(html[data-style-page="reports-price-monitor"]):is(.flu.na),
:where(html[data-style-page="reports-price-monitor"]) :is(.flu.na){background:#f8fafc;color:#cbd5e1;border:1px solid #f1f5f9;}

/* mini sparkline bars */
:where(html[data-style-page="reports-price-monitor"]):is(.mini-bar-wrap),
:where(html[data-style-page="reports-price-monitor"]) :is(.mini-bar-wrap){display:flex;align-items:flex-end;gap:1px;height:20px;}
:where(html[data-style-page="reports-price-monitor"]):is(.mini-bar),
:where(html[data-style-page="reports-price-monitor"]) :is(.mini-bar){width:6px;border-radius:1px;min-height:2px;}

/* responsive ≤ 900px: collapse low-priority cols */
@media(max-width:900px){
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-rng),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-rng),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm .col-rng),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm .col-rng){display:none;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-landed),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-landed),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm .col-landed),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm .col-landed){display:none;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-qty),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-qty),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm .col-qty),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm .col-qty){display:none;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-txn),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-txn),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm .col-txn),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm .col-txn){display:none;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-chg),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-chg),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm .col-chg),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm .col-chg){display:none;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-cat),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-cat){width:14%;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm col.c-item),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm col.c-item){width:30%;}
}
/* responsive ≤ 600px: card mode */
@media(max-width:600px){
  :where(html[data-style-page="reports-price-monitor"]):is(.tbl-scroll),
:where(html[data-style-page="reports-price-monitor"]) :is(.tbl-scroll){border:none;background:transparent;border-radius:0;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm thead),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm thead),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm tbody),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm tbody),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm th),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm th),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm td),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm td),
:where(html[data-style-page="reports-price-monitor"]):is(table.pm tr),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm tr){display:block;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm thead tr),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm thead tr){display:none;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm tr),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm tr){border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;background:#fff;padding:4px 0;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm td),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm td){padding:6px 14px;border:none;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm td[data-label])::before,
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm td[data-label])::before{content:attr(data-label);display:block;font-size:9px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm td.num),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm td.num){text-align:start;}
  :where(html[data-style-page="reports-price-monitor"]):is(.price-cell),
:where(html[data-style-page="reports-price-monitor"]) :is(.price-cell){align-items:flex-start;}
}
:where(html[data-style-page="reports-price-monitor"]):is(.empty-state),
:where(html[data-style-page="reports-price-monitor"]) :is(.empty-state){text-align:center;padding:40px 20px;color:#94a3b8;}
:where(html[data-style-page="reports-price-monitor"]):is(.empty-state i),
:where(html[data-style-page="reports-price-monitor"]) :is(.empty-state i){font-size:32px;margin-bottom:12px;display:block;}
:where(html[data-style-page="reports-price-monitor"]):is(.empty-state p),
:where(html[data-style-page="reports-price-monitor"]) :is(.empty-state p){font-size:13px;font-weight:700;margin:0;}
:where(html[data-style-page="reports-price-monitor"]):is(.row-count),
:where(html[data-style-page="reports-price-monitor"]) :is(.row-count){font-size:11px;color:#94a3b8;padding:6px 2px;}
:where(html[data-style-page="reports-price-monitor"]):is(.note-callout),
:where(html[data-style-page="reports-price-monitor"]) :is(.note-callout){margin-top:8px;padding:8px 12px;background:#fdf4ff;border:1px solid #e9d5ff;border-radius:8px;font-size:11px;color:#7c3aed;display:flex;align-items:flex-start;gap:8px;line-height:1.5;}

/* ── modal ── */
:where(html[data-style-page="reports-price-monitor"]):is(#filterModal),
:where(html[data-style-page="reports-price-monitor"]) :is(#filterModal){display:none;position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:9999;padding:16px;align-items:center;justify-content:center;}
:where(html[data-style-page="reports-price-monitor"]):is(.mbox),
:where(html[data-style-page="reports-price-monitor"]) :is(.mbox){width:min(760px,100%);background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 16px 40px rgba(0,0,0,.12);}
:where(html[data-style-page="reports-price-monitor"]):is(.mbox-hd),
:where(html[data-style-page="reports-price-monitor"]) :is(.mbox-hd){display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;}
:where(html[data-style-page="reports-price-monitor"]):is(.mbox-bd),
:where(html[data-style-page="reports-price-monitor"]) :is(.mbox-bd){padding:14px 16px;}
:where(html[data-style-page="reports-price-monitor"]):is(.mbox-ft),
:where(html[data-style-page="reports-price-monitor"]) :is(.mbox-ft){padding:10px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;}
:where(html[data-style-page="reports-price-monitor"]):is(.fgrid),
:where(html[data-style-page="reports-price-monitor"]) :is(.fgrid){display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
:where(html[data-style-page="reports-price-monitor"]):is(.fg),
:where(html[data-style-page="reports-price-monitor"]) :is(.fg){display:flex;flex-direction:column;gap:4px;}
:where(html[data-style-page="reports-price-monitor"]):is(.fg label),
:where(html[data-style-page="reports-price-monitor"]) :is(.fg label){font-weight:900;font-size:12px;color:#374151;}
:where(html[data-style-page="reports-price-monitor"]):is(select),
:where(html[data-style-page="reports-price-monitor"]) :is(select),
:where(html[data-style-page="reports-price-monitor"]):is(input[type=date]),
:where(html[data-style-page="reports-price-monitor"]) :is(input[type=date]),
:where(html[data-style-page="reports-price-monitor"]):is(input[type=number]),
:where(html[data-style-page="reports-price-monitor"]) :is(input[type=number]){width:100%;padding:8px 11px;border-radius:7px;border:1px solid #d1d5db;font-weight:800;background:#fff;font-size:13px;}

/* ── print ── */
@media print {
  @page{size:A4 landscape;margin:8mm;}
  :where(html[data-style-page="reports-price-monitor"]):is(nav),
:where(html[data-style-page="reports-price-monitor"]) :is(nav),
:where(html[data-style-page="reports-price-monitor"]):is(aside),
:where(html[data-style-page="reports-price-monitor"]) :is(aside),
:where(html[data-style-page="reports-price-monitor"]):is(header),
:where(html[data-style-page="reports-price-monitor"]) :is(header),
:where(html[data-style-page="reports-price-monitor"]):is(.sidebar),
:where(html[data-style-page="reports-price-monitor"]) :is(.sidebar),
:where(html[data-style-page="reports-price-monitor"]):is(.topbar),
:where(html[data-style-page="reports-price-monitor"]) :is(.topbar),
:where(html[data-style-page="reports-price-monitor"]):is(.toolbar),
:where(html[data-style-page="reports-price-monitor"]) :is(.toolbar),
:where(html[data-style-page="reports-price-monitor"]):is(.period-tabs),
:where(html[data-style-page="reports-price-monitor"]) :is(.period-tabs),
:where(html[data-style-page="reports-price-monitor"]):is(.btn-row),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn-row),
:where(html[data-style-page="reports-price-monitor"]):is(#filterModal),
:where(html[data-style-page="reports-price-monitor"]) :is(#filterModal),
:where(html[data-style-page="reports-price-monitor"]):is(.filter-bar),
:where(html[data-style-page="reports-price-monitor"]) :is(.filter-bar),
:where(html[data-style-page="reports-price-monitor"]):is(.sec-tabs),
:where(html[data-style-page="reports-price-monitor"]) :is(.sec-tabs),
:where(html[data-style-page="reports-price-monitor"]):is(.btn),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn){display:none!important;}
  :where(html[data-style-page="reports-price-monitor"]):is(.tbl-scroll),
:where(html[data-style-page="reports-price-monitor"]) :is(.tbl-scroll){overflow:visible!important;border:none!important;}
  :where(html[data-style-page="reports-price-monitor"]):is(table.pm),
:where(html[data-style-page="reports-price-monitor"]) :is(table.pm){font-size:8.5pt!important;}
  :where(html[data-style-page="reports-price-monitor"]):is(.pm-section:not(.active-section)),
:where(html[data-style-page="reports-price-monitor"]) :is(.pm-section:not(.active-section)){display:none!important;}
}

/* ── detail / chart buttons ── */
:where(html[data-style-page="reports-price-monitor"]):is(.btn-detail),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn-detail),
:where(html[data-style-page="reports-price-monitor"]):is(.btn-chart),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn-chart){display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:5px;border:none;cursor:pointer;font-size:10px;font-weight:800;white-space:nowrap;transition:background .12s;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn-detail),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn-detail){background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn-detail:hover),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn-detail:hover){background:#dbeafe;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn-chart),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn-chart){background:#fdf4ff;color:#7c3aed;border:1px solid #e9d5ff;}
:where(html[data-style-page="reports-price-monitor"]):is(.btn-chart:hover),
:where(html[data-style-page="reports-price-monitor"]) :is(.btn-chart:hover){background:#ede9fe;}

/* ── item detail modal ── */
:where(html[data-style-page="reports-price-monitor"]):is(#itemModal),
:where(html[data-style-page="reports-price-monitor"]) :is(#itemModal){display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:10000;padding:12px;align-items:center;justify-content:center;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-box),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-box){width:min(940px,100%);max-height:90vh;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 20px 60px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-hd),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-hd){display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e5e7eb;flex-shrink:0;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-hd-left),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-hd-left){display:flex;flex-direction:column;gap:2px;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-hd-title),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-hd-title){font-size:15px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-hd-sub),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-hd-sub){font-size:12px;color:#64748b;font-weight:700;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-tabs),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-tabs){display:flex;gap:0;border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:0 18px;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-tab),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-tab){padding:8px 18px;font-size:12px;font-weight:900;cursor:pointer;border:none;background:none;color:#94a3b8;border-bottom:2px solid transparent;margin-bottom:-2px;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-tab.active),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-tab.active){color:#1e293b;border-bottom-color:#1e293b;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-body),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-body){overflow-y:auto;flex:1;padding:14px 18px;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-close),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-close){background:none;border:none;font-size:18px;cursor:pointer;color:#94a3b8;padding:4px 8px;border-radius:6px;}
:where(html[data-style-page="reports-price-monitor"]):is(.im-close:hover),
:where(html[data-style-page="reports-price-monitor"]) :is(.im-close:hover){background:#f1f5f9;color:#374151;}

/* invoice list inside modal */
:where(html[data-style-page="reports-price-monitor"]):is(.inv-table),
:where(html[data-style-page="reports-price-monitor"]) :is(.inv-table){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="reports-price-monitor"]):is(.inv-table thead th),
:where(html[data-style-page="reports-price-monitor"]) :is(.inv-table thead th){background:#f8fafc;color:#64748b;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:7px 10px;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-align:start;}
:where(html[data-style-page="reports-price-monitor"]):is(.inv-table tbody td),
:where(html[data-style-page="reports-price-monitor"]) :is(.inv-table tbody td){padding:7px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="reports-price-monitor"]):is(.inv-table tbody tr:last-child td),
:where(html[data-style-page="reports-price-monitor"]) :is(.inv-table tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="reports-price-monitor"]):is(.inv-table tbody tr:hover td),
:where(html[data-style-page="reports-price-monitor"]) :is(.inv-table tbody tr:hover td){background:#f8fbff;}
:where(html[data-style-page="reports-price-monitor"]):is(.inv-table td.num),
:where(html[data-style-page="reports-price-monitor"]) :is(.inv-table td.num){text-align:end;font-variant-numeric:tabular-nums;}
:where(html[data-style-page="reports-price-monitor"]):is(.view-inv-btn),
:where(html[data-style-page="reports-price-monitor"]) :is(.view-inv-btn){display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap;}
:where(html[data-style-page="reports-price-monitor"]):is(.view-inv-btn:hover),
:where(html[data-style-page="reports-price-monitor"]) :is(.view-inv-btn:hover){background:#dbeafe;}

/* chart panel */
:where(html[data-style-page="reports-price-monitor"]):is(#chartCanvas),
:where(html[data-style-page="reports-price-monitor"]) :is(#chartCanvas){width:100%!important;}
:where(html[data-style-page="reports-price-monitor"]):is(.chart-wrap),
:where(html[data-style-page="reports-price-monitor"]) :is(.chart-wrap){position:relative;height:280px;}
:where(html[data-style-page="reports-price-monitor"]):is(.chart-stats),
:where(html[data-style-page="reports-price-monitor"]) :is(.chart-stats){display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:14px;}
:where(html[data-style-page="reports-price-monitor"]):is(.cstat),
:where(html[data-style-page="reports-price-monitor"]) :is(.cstat){background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;text-align:center;}
:where(html[data-style-page="reports-price-monitor"]):is(.cstat .ck),
:where(html[data-style-page="reports-price-monitor"]) :is(.cstat .ck){font-size:10px;color:#94a3b8;font-weight:900;text-transform:uppercase;}
:where(html[data-style-page="reports-price-monitor"]):is(.cstat .cv),
:where(html[data-style-page="reports-price-monitor"]) :is(.cstat .cv){font-size:16px;font-weight:900;margin-top:3px;color:#1e293b;}
:where(html[data-style-page="reports-price-monitor"]):is(.loading-spinner),
:where(html[data-style-page="reports-price-monitor"]) :is(.loading-spinner){text-align:center;padding:40px;color:#94a3b8;font-size:13px;font-weight:700;}

/* RTL */
:where(html[data-style-page="reports-price-monitor"]):is([dir=rtl] table.pm thead th),
:where(html[data-style-page="reports-price-monitor"]) :is([dir=rtl] table.pm thead th),
:where(html[data-style-page="reports-price-monitor"]):is([dir=rtl] table.pm td),
:where(html[data-style-page="reports-price-monitor"]) :is([dir=rtl] table.pm td){text-align:right;}
:where(html[data-style-page="reports-price-monitor"]):is([dir=rtl] table.pm thead th.num),
:where(html[data-style-page="reports-price-monitor"]) :is([dir=rtl] table.pm thead th.num),
:where(html[data-style-page="reports-price-monitor"]):is([dir=rtl] table.pm td.num),
:where(html[data-style-page="reports-price-monitor"]) :is([dir=rtl] table.pm td.num){text-align:left;}
:where(html[data-style-page="reports-price-monitor"]):is([dir=rtl] .price-cell),
:where(html[data-style-page="reports-price-monitor"]) :is([dir=rtl] .price-cell){align-items:flex-start;}

/* Page: reports/purchasing_expenses_reports.php */

/* ── reset card to flat ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.card),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.card){background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;}

:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.rp-wrap),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.rp-wrap){display:flex;flex-direction:column;gap:14px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.rp-wrap.rp-loading),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.rp-wrap.rp-loading){opacity:.55;pointer-events:none;transition:opacity .15s ease;}

/* ── toolbar ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.toolbar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.toolbar){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:4px 0 10px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.page-title),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.page-title){display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.page-title h3),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.page-title h3){margin:0;font-size:20px;font-weight:900;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.badge-muted),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.badge-muted){font-size:12px;color:#64748b;font-weight:800;background:#f1f5f9;border-radius:999px;padding:4px 10px;}

/* ── period quick-picks ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.period-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.period-bar){display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 0 2px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.period-bar .pb-label),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.period-bar .pb-label){font-size:12px;font-weight:900;color:#64748b;margin-inline-end:2px;}
/* legacy pill kept for module switches */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.period-pill),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.period-pill){display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;border:1px solid #e5e7eb;font-size:12px;font-weight:900;cursor:pointer;text-decoration:none;color:#374151;background:#fff;white-space:nowrap;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.period-pill:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.period-pill:hover){background:#f1f5f9;border-color:#cbd5e1;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.period-pill.active),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.period-pill.active){background:#2563eb;color:#fff;border-color:#2563eb;}
/* Picker groups */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-group),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-group){display:inline-flex;align-items:center;gap:0;border-radius:8px;border:1.5px solid #e2e8f0;overflow:hidden;background:#fff;height:34px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-group.active),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-group.active){border-color:#2563eb;background:#2563eb;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-group:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-group:hover){border-color:#94a3b8;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-group.active:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-group.active:hover){border-color:#1d4ed8;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-label),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-label){padding:0 11px;font-size:12px;font-weight:900;color:#64748b;white-space:nowrap;border-inline-end:1px solid #e2e8f0;height:100%;display:flex;align-items:center;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-group.active .picker-label),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-group.active .picker-label){color:#fff;border-inline-end-color:rgba(255,255,255,.25);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-sel),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-sel){padding:0 8px;border:none;border-inline-start:1px solid #e2e8f0;font-size:12px;font-weight:800;color:#374151;background:transparent;cursor:pointer;height:100%;outline:none;min-width:78px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-group.active .picker-sel),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-group.active .picker-sel){color:#fff;border-inline-start-color:rgba(255,255,255,.2);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.picker-sel option),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.picker-sel option){background:#fff;color:#374151;}

/* ── active filter chips ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.active-chips),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.active-chips){display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.chip),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.chip){
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;
  background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;
}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.chip .chip-rm),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.chip .chip-rm){cursor:pointer;color:#93c5fd;font-size:10px;font-weight:900;margin-inline-start:2px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.chip .chip-rm:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.chip .chip-rm:hover){color:#1d4ed8;}

:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.btn),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.btn){
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.12);
  background:#fff;cursor:pointer;font-weight:900;font-size:13px;
  text-decoration:none;color:inherit;white-space:nowrap;
}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.btn.primary),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.btn.primary){border-color:#2563eb;color:#2563eb;background:#eff6ff;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.btn.danger),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.btn.danger){border-color:#dc2626;color:#dc2626;background:#fef2f2;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.btn-row),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.btn-row){display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

/* ── KPI strip ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-strip),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-strip){
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
@media(max-width:1100px){:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-strip),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-strip){grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px) {:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-strip),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-strip){grid-template-columns:repeat(2,minmax(0,1fr));}}

:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-box),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-box){
  padding:12px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.09);
  background:#fff;text-align:center;
}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-box .k),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-box .k){font-size:11px;color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:.4px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-box .v),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-box .v){font-size:20px;font-weight:900;margin-top:6px;font-variant-numeric:tabular-nums;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-box .v.blue),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-box .v.blue){color:#2563eb;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-box .v.green),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-box .v.green){color:#059669;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-box .v.amber),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-box .v.amber){color:#d97706;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-box .v.red),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-box .v.red){color:#dc2626;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-box .v.purple),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-box .v.purple){color:#7c3aed;}

:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-gross),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-gross){background:linear-gradient(160deg,rgba(59,130,246,.09),#fff);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-net),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-net){background:linear-gradient(160deg,rgba(16,185,129,.09),#fff);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-vat),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-vat){background:linear-gradient(160deg,rgba(245,158,11,.09),#fff);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-paid),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-paid){background:linear-gradient(160deg,rgba(5,150,105,.09),#fff);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-pend),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-pend){background:linear-gradient(160deg,rgba(220,38,38,.08),#fff);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-cnt),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-cnt){background:linear-gradient(160deg,rgba(124,58,237,.09),#fff);}

/* ── view tabs ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.view-tabs),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.view-tabs){display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e5e7eb;padding-bottom:10px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.view-tab),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.view-tab){
  padding:8px 14px;border-radius:999px;border:1px solid #e5e7eb;
  font-size:13px;font-weight:900;cursor:pointer;text-decoration:none;color:#374151;background:#fff;
}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.view-tab.active),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.view-tab.active){background:#2563eb;color:#fff;border-color:#2563eb;}

/* ── charts ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.chart-row),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.chart-row){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.chart-card),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.chart-card){
  padding:14px;border-radius:10px;border:1px solid rgba(0,0,0,.09);background:#fff;
}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.chart-card .ch),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.chart-card .ch){font-size:13px;font-weight:900;color:#0f172a;margin-bottom:10px;}

/* ── table ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.tbl-wrap),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.tbl-wrap){border-radius:10px;border:1px solid rgba(0,0,0,.09);overflow:auto;max-height:70vh;background:#fff;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(table.rep),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(table.rep){width:100%;border-collapse:collapse;table-layout:fixed;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(table.rep th),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(table.rep th),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(table.rep td),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(table.rep td){padding:11px 10px;border-bottom:1px solid #f1f5f9;font-size:13px;vertical-align:middle;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(table.rep th),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(table.rep th){background:#f8fafc;font-weight:900;color:#1e293b;white-space:normal;word-break:break-word;position:sticky;top:0;z-index:2;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(table.rep tbody tr:last-child td),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(table.rep tbody tr:last-child td){border-bottom:none;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(table.rep tbody tr:hover td),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(table.rep tbody tr:hover td){background:#fafbff;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.num),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.num){text-align:end;font-variant-numeric:tabular-nums;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending){color:#dc2626;font-weight:900;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.paid-badge),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.paid-badge){display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:900;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.paid-badge.paid),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.paid-badge.paid){background:#dcfce7;color:#166534;border:1px solid #bbf7d0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.paid-badge.open),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.paid-badge.open){background:#fff7ed;color:#c2620a;border:1px solid #fed7aa;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.type-pill),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.type-pill){display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap;max-width:100%;overflow:hidden;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.type-pill.p),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.type-pill.p){background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.type-pill.e),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.type-pill.e){background:#fef2f2;color:#dc2626;border:1px solid #fecaca;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.mono),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.mono){font-family:ui-monospace,Menlo,monospace;font-size:12px;}

/* ── record details accordion ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.det-btn),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.det-btn){display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-weight:900;font-size:12px;cursor:pointer;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.det-box),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.det-box){display:none;padding:12px;border-top:1px dashed #e5e7eb;background:#f8fafc;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.det-tbl),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.det-tbl){width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.det-tbl th),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.det-tbl th),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.det-tbl td),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.det-tbl td){padding:8px 10px;border-bottom:1px solid #f1f5f9;font-size:12px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.det-tbl th),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.det-tbl th){background:#f1f5f9;font-weight:900;}

/* ── total row ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(tr.total-row td),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(tr.total-row td){background:#fef3c7;font-weight:900;border-top:2px solid #d97706;}

/* ── modal ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(#filterModal),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(#filterModal){display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:9999;padding:16px;align-items:center;justify-content:center;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(#filterModal .mbox),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(#filterModal .mbox){width:min(900px,100%);background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 20px 50px rgba(0,0,0,.2);max-height:90vh;display:flex;flex-direction:column;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.mbox-hd),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.mbox-hd){display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.mbox-bd),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.mbox-bd){padding:14px 16px;overflow-y:auto;flex:1;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.mbox-ft),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.mbox-ft){padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;}

/* ── filter sections ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fsec),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fsec){border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:10px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fsec-hd),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fsec-hd){
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;background:#f8fafc;cursor:pointer;user-select:none;
  font-weight:900;font-size:13px;color:#1e293b;gap:8px;
}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fsec-hd:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fsec-hd:hover){background:#f1f5f9;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fsec-hd .fsec-title),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fsec-hd .fsec-title){display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fsec-hd .fsec-arrow),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fsec-hd .fsec-arrow){transition:transform .2s;font-size:11px;color:#94a3b8;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fsec-hd.open .fsec-arrow),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fsec-hd.open .fsec-arrow){transform:rotate(180deg);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fsec-bd),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fsec-bd){padding:14px;display:none;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fsec-bd.open),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fsec-bd.open){display:block;}

:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fg),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fg){display:flex;flex-direction:column;gap:4px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fg label),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fg label){font-weight:900;font-size:13px;color:#374151;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.fgrid),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.fgrid){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(select),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(select),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(input[type=date]),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(input[type=date]){width:100%;padding:9px 12px;border-radius:8px;border:1px solid #d1d5db;font-weight:900;background:#fff;font-size:13px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(select:focus),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(select:focus),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(input[type=date]:focus),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(input[type=date]:focus){outline:2px solid #2563eb;outline-offset:0;border-color:#2563eb;}

/* ── searchable select ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.sel-wrap),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.sel-wrap){position:relative;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.sel-search),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.sel-search){
  width:100%;padding:7px 12px 7px 30px;border-radius:8px 8px 0 0;
  border:1px solid #d1d5db;border-bottom:none;font-size:12px;background:#f8fafc;
  box-sizing:border-box;
}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.sel-search-ico),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.sel-search-ico){position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:9px;color:#94a3b8;font-size:11px;pointer-events:none;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.sel-wrap select),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.sel-wrap select){border-radius:0 0 8px 8px;}

/* ── active filter summary strip ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.filter-summary),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.filter-summary){
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:6px 10px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;
  font-size:12px;
}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.filter-summary .fs-label),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.filter-summary .fs-label){font-weight:900;color:#0369a1;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.filter-summary .fs-item),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.filter-summary .fs-item){
  display:inline-flex;align-items:center;gap:4px;
  background:#fff;border:1px solid #bae6fd;border-radius:999px;
  padding:3px 9px;color:#0369a1;font-weight:900;font-size:11px;
}

/* ── type pill as link ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(a.type-pill),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(a.type-pill){text-decoration:none;cursor:pointer;transition:opacity .15s,box-shadow .15s;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(a.type-pill:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(a.type-pill:hover){opacity:.82;box-shadow:0 0 0 3px rgba(37,99,235,.18);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(a.type-pill.e:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(a.type-pill.e:hover){box-shadow:0 0 0 3px rgba(220,38,38,.18);}

/* ── YoY badge ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.yoy-up),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.yoy-up){color:#16a34a;font-size:11px;font-weight:900;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.yoy-dn),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.yoy-dn){color:#dc2626;font-size:11px;font-weight:900;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.yoy-eq),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.yoy-eq){color:#64748b;font-size:11px;font-weight:900;}

/* ── kpi split sub-label ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-split),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-split){display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:4px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-split span),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-split span){font-size:10px;font-weight:900;padding:1px 6px;border-radius:99px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-split .sp),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-split .sp){background:#eff6ff;color:#2563eb;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-split .se),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-split .se){background:#fef2f2;color:#dc2626;}

/* ── insight panels ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.insight-grid),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.insight-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:14px 0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-card),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-card){background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-card-hd),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-card-hd){display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-card-hd strong),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-card-hd strong){font-size:13px;font-weight:900;color:#0f172a;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-card-hd .see-all),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-card-hd .see-all){font-size:11px;color:#2563eb;text-decoration:none;font-weight:900;}
/* collapsible insight cards */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-collapsible .ins-card-hd),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-collapsible .ins-card-hd){margin-bottom:0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-collapsible .ins-body),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-collapsible .ins-body){margin-top:10px;transition:opacity .2s;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-collapsible.collapsed .ins-body),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-collapsible.collapsed .ins-body){display:none;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-arrow),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-arrow){font-size:13px;color:#94a3b8;transition:transform .2s;flex-shrink:0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-collapsible.collapsed .ins-arrow),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-collapsible.collapsed .ins-arrow){transform:rotate(-90deg);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-bar-row),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-bar-row){display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:12px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-bar-label),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-bar-label){flex:0 0 110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#374151;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-bar-track),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-bar-track){flex:1;background:#f1f5f9;border-radius:99px;height:8px;overflow:hidden;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-bar-fill),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-bar-fill){height:8px;border-radius:99px;transition:width .4s;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.ins-bar-val),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.ins-bar-val){flex:0 0 70px;text-align:end;font-weight:900;color:#1e293b;font-size:11px;}

/* ── pending invoices panel ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-panel),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-panel){margin:14px 0;border:1px solid #fde68a;border-radius:12px;overflow:hidden;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-panel-hd),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-panel-hd){display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fef9c3;cursor:pointer;user-select:none;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-panel-hd strong),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-panel-hd strong){font-size:13px;font-weight:900;color:#92400e;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-tbl),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-tbl){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-tbl th),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-tbl th){background:#fffbeb;padding:7px 10px;font-weight:900;font-size:11px;text-align:start;border-bottom:1px solid #fde68a;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-tbl td),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-tbl td){padding:7px 10px;border-bottom:1px solid #fef3c7;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-tbl tr:last-child td),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-tbl tr:last-child td){border-bottom:none;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-tbl tr.overdue td),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-tbl tr.overdue td){background:#fff1f2;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.overdue-badge),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.overdue-badge){background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:99px;font-size:10px;font-weight:900;padding:2px 7px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.due-soon-badge),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.due-soon-badge){background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:99px;font-size:10px;font-weight:900;padding:2px 7px;}

/* ── recurring panel ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.recurring-row),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.recurring-row){display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f5f9;font-size:12px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.recurring-row:last-child),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.recurring-row:last-child){border-bottom:none;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.recur-badge),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.recur-badge){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:99px;font-size:10px;font-weight:900;padding:2px 7px;}

/* ── budget panel ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.budget-over),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.budget-over){color:#dc2626;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.budget-ok),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.budget-ok){color:#16a34a;}

/* ── quick search bar ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.quick-search-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.quick-search-bar){padding:8px 0 4px;position:relative;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-form),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-form){display:flex;align-items:center;gap:0;background:#fff;border:1px solid #d1d5db;border-radius:10px;overflow:visible;position:relative;max-width:600px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-form:focus-within),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-form:focus-within){border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.2);}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-icon),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-icon){padding:0 10px;color:#94a3b8;font-size:14px;display:flex;align-items:center;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-type),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-type){border:none;background:#f8fafc;font-size:12px;font-weight:900;color:#2563eb;padding:9px 8px;cursor:pointer;outline:none;border-radius:10px 0 0 10px;border-inline-end:1px solid #e2e8f0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is([dir=rtl] .qs-type),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is([dir=rtl] .qs-type){border-radius:0 10px 10px 0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-input),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-input){border:none;background:transparent;font-size:13px;font-weight:600;padding:9px 12px;flex:1;min-width:160px;outline:none;color:#1e293b;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-input)::placeholder,
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-input)::placeholder{color:#94a3b8;font-weight:600;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-clear),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-clear){display:flex;align-items:center;padding:0 12px;color:#dc2626;font-size:14px;text-decoration:none;cursor:pointer;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-clear:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-clear:hover){color:#991b1b;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-dropdown),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-dropdown){display:none;position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;max-width:600px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.12);z-index:200;max-height:260px;overflow-y:auto;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-dropdown.open),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-dropdown.open){display:block;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-opt),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-opt){padding:8px 14px;font-size:12px;font-weight:700;color:#1e293b;cursor:pointer;display:flex;align-items:center;gap:8px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-opt:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-opt:hover){background:#eff6ff;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-opt .qs-id),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-opt .qs-id){font-size:10px;color:#94a3b8;font-weight:600;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.qs-no),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.qs-no){padding:12px 14px;font-size:12px;color:#94a3b8;text-align:center;}

/* ── category filter dropdown ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-dropdown),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-dropdown){display:none;position:absolute;top:100%;inset-inline-start:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.12);z-index:200;min-width:240px;max-height:360px;overflow-y:auto;padding:6px 0;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-dropdown.cf-open),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-dropdown.cf-open){display:block;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-section-title),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-section-title){padding:6px 14px;font-size:10px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-opt),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-opt){display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;color:#374151;cursor:pointer;text-decoration:none;border:none;background:none;width:100%;box-sizing:border-box;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-opt:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-opt:hover){background:#f8fafc;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-opt.active),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-opt.active){background:#eff6ff;color:#2563eb;font-weight:900;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-opt.cf-sub),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-opt.cf-sub){padding-inline-start:32px;font-size:11px;color:#64748b;border-inline-start:2px solid #e2e8f0;margin-inline-start:14px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-opt.cf-sub:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-opt.cf-sub:hover){background:#faf5ff;color:#7c3aed;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-opt.cf-sub.active),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-opt.cf-sub.active){background:#faf5ff;color:#7c3aed;border-color:#7c3aed;font-weight:900;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.cf-count),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.cf-count){font-size:10px;background:#f1f5f9;color:#64748b;border-radius:99px;padding:1px 6px;margin-inline-start:auto;}

:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.record-search-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.record-search-bar){display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;margin-top:-2px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.record-search-bar .rs-title),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.record-search-bar .rs-title){font-size:12px;font-weight:900;color:#334155;display:flex;gap:6px;align-items:center;white-space:nowrap;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.record-search-bar input),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.record-search-bar input){border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;font-size:12px;background:#fff;min-width:180px;flex:1;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.record-search-bar input[type=number]),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.record-search-bar input[type=number]){max-width:180px;}

/* ── popup search & sort ── */
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.lh-search-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.lh-search-bar){display:flex;gap:8px;align-items:center;padding:0 0 10px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.lh-search-bar input),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.lh-search-bar input){flex:1;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.lh-search-bar select),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.lh-search-bar select){padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(th.sortable),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(th.sortable){cursor:pointer;user-select:none;white-space:nowrap;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(th.sortable:hover),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(th.sortable:hover){background:#e2e8f0 !important;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(th.sortable .sort-ico),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(th.sortable .sort-ico){font-size:9px;opacity:.5;margin-inline-start:3px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(th.sort-asc .sort-ico)::after,
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(th.sort-asc .sort-ico)::after{content:'▲';}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(th.sort-desc .sort-ico)::after,
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(th.sort-desc .sort-ico)::after{content:'▼';}

/* ── print styles ── */
@media print {
  :where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.toolbar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.toolbar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.period-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.period-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.filter-summary),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.filter-summary),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.view-tabs),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.view-tabs),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.chart-row),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.chart-row),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.quick-search-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.quick-search-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.record-search-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.record-search-bar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.pending-panel-hd button),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.pending-panel-hd button),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(button),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(button),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.btn),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.btn),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(#filterModal),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(#filterModal),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(#lhOverlay),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(#lhOverlay),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(#lhPanel),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(#lhPanel),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(nav),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(nav),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(aside),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(aside),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.sidebar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.sidebar),
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is(header),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(header){ display:none !important; }
  :where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.card),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.card){box-shadow:none !important;border:none !important;}
  :where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.insight-grid),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.insight-grid){page-break-inside:avoid;}
  :where(html[data-style-page="reports-purchasing-expenses-reports"]):is(.kpi-strip),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is(.kpi-strip){page-break-inside:avoid;}
}

:where(html[data-style-page="reports-purchasing-expenses-reports"]):is([dir=rtl] .num),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is([dir=rtl] .num){text-align:start;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is([dir=rtl] .sel-search),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is([dir=rtl] .sel-search){padding:7px 30px 7px 12px;}
:where(html[data-style-page="reports-purchasing-expenses-reports"]):is([dir=rtl] .sel-search-ico),
:where(html[data-style-page="reports-purchasing-expenses-reports"]) :is([dir=rtl] .sel-search-ico){inset-inline-start:auto;inset-inline-end:9px;}

/* Page: reports/sales_reports.php */

    :where(html[data-style-page="reports-sales-reports"]):is(main.content),
:where(html[data-style-page="reports-sales-reports"]) :is(main.content){ max-width:100% !important; }
    :where(html[data-style-page="reports-sales-reports"]):is(main.content .card),
:where(html[data-style-page="reports-sales-reports"]) :is(main.content .card){ max-width:100% !important; padding:clamp(12px,2vw,18px) !important; border-radius:18px !important; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-wrap),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-wrap){ display:flex; flex-direction:column; gap:12px; }

    /* ── hero ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-hero),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-hero){
      border-radius:20px; padding:16px; border:1px solid #e8eef7;
      background: radial-gradient(1200px 400px at 10% 0%, #eef3ff 0%, rgba(238,243,255,0) 55%),
                  radial-gradient(900px 380px at 90% 20%, #fff4e6 0%, rgba(255,244,230,0) 55%), #ffffff;
      box-shadow:0 14px 38px rgba(15,23,42,.06);
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-hero-top),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-hero-top){ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-title h3),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-title h3){ margin:0 0 4px; font-weight:1000; font-size:22px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.muted),
:where(html[data-style-page="reports-sales-reports"]) :is(.muted){ color:#64748b; font-weight:800; font-size:13px; }

    /* ── buttons ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.btn-row),
:where(html[data-style-page="reports-sales-reports"]) :is(.btn-row){ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
    :where(html[data-style-page="reports-sales-reports"]):is(.btn-mini),
:where(html[data-style-page="reports-sales-reports"]) :is(.btn-mini){
      padding:9px 14px; border-radius:12px;
      border:1px solid #d8dee6; background:#fff;
      cursor:pointer; white-space:nowrap; font-weight:950; font-size:13px;
      display:inline-flex; align-items:center; gap:6px; text-decoration:none; color:inherit;
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.btn-mini.primary),
:where(html[data-style-page="reports-sales-reports"]) :is(.btn-mini.primary){ border-color:#2563eb; color:#2563eb; background:#f5f8ff; }
    :where(html[data-style-page="reports-sales-reports"]):is(.btn-mini.primary:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.btn-mini.primary:hover){ background:#eef3ff; }
    :where(html[data-style-page="reports-sales-reports"]):is(.btn-mini.filter),
:where(html[data-style-page="reports-sales-reports"]) :is(.btn-mini.filter){ position:relative; }
    :where(html[data-style-page="reports-sales-reports"]):is(.btn-mini.filter .dot),
:where(html[data-style-page="reports-sales-reports"]) :is(.btn-mini.filter .dot){
      display:none; width:9px; height:9px; border-radius:999px; background:#2563eb;
      position:absolute; top:9px; inset-inline-end:9px;
      box-shadow:0 0 0 3px rgba(37,99,235,.15);
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.btn-mini.filter.applied .dot),
:where(html[data-style-page="reports-sales-reports"]) :is(.btn-mini.filter.applied .dot){ display:block; }

    /* ── period quick-pick bar ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.period-bar),
:where(html[data-style-page="reports-sales-reports"]) :is(.period-bar){ display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:2px 0; }
    :where(html[data-style-page="reports-sales-reports"]):is(.period-bar .pb-label),
:where(html[data-style-page="reports-sales-reports"]) :is(.period-bar .pb-label){ font-size:12px; font-weight:900; color:#64748b; }
    :where(html[data-style-page="reports-sales-reports"]):is(.period-pill),
:where(html[data-style-page="reports-sales-reports"]) :is(.period-pill){
      display:inline-flex; align-items:center; gap:4px;
      padding:5px 12px; border-radius:999px; border:1px solid #e5e7eb;
      font-size:12px; font-weight:900; cursor:pointer; text-decoration:none;
      color:#374151; background:#fff; white-space:nowrap;
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.period-pill:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.period-pill:hover){ background:#f1f5f9; border-color:#cbd5e1; }
    :where(html[data-style-page="reports-sales-reports"]):is(.period-pill.active),
:where(html[data-style-page="reports-sales-reports"]) :is(.period-pill.active){ background:#2563eb; color:#fff; border-color:#2563eb; }

    /* ── active filter chips ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.filter-summary),
:where(html[data-style-page="reports-sales-reports"]) :is(.filter-summary){
      display:flex; align-items:center; gap:8px; flex-wrap:wrap;
      padding:6px 12px; background:#f0f9ff; border:1px solid #bae6fd; border-radius:10px;
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.filter-summary .fs-label),
:where(html[data-style-page="reports-sales-reports"]) :is(.filter-summary .fs-label){ font-weight:900; color:#0369a1; font-size:12px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.filter-summary .fs-item),
:where(html[data-style-page="reports-sales-reports"]) :is(.filter-summary .fs-item){
      display:inline-flex; align-items:center; gap:4px;
      background:#fff; border:1px solid #bae6fd; border-radius:999px;
      padding:3px 9px; color:#0369a1; font-weight:900; font-size:11px; text-decoration:none;
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.filter-summary .fs-item:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.filter-summary .fs-item:hover){ background:#e0f2fe; }

    /* ── KPI strip ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi-row),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi-row){
      display:grid; gap:10px;
      grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
      margin-top:10px;
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi){
      border:1px solid #eef2f7; border-radius:14px; padding:12px 14px;
      background:#fff; box-shadow:0 6px 16px rgba(15,23,42,.05);
      text-align:center;
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi .k),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi .k){ font-size:11px; color:#64748b; font-weight:950; text-transform:uppercase; letter-spacing:.4px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi .v),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi .v){ font-size:22px; font-weight:1100; margin-top:6px; line-height:1.1; font-variant-numeric:tabular-nums; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi .v.red),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi .v.red){ color:#dc2626; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi .v.blue),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi .v.blue){ color:#2563eb; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi .v.green),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi .v.green){ color:#059669; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi .v.amber),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi .v.amber){ color:#d97706; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi .v.purple),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi .v.purple){ color:#7c3aed; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi .v.teal),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi .v.teal){ color:#0d9488; }

    /* ── charts ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.chart-row),
:where(html[data-style-page="reports-sales-reports"]) :is(.chart-row){ display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
    :where(html[data-style-page="reports-sales-reports"]):is(.chart-card),
:where(html[data-style-page="reports-sales-reports"]) :is(.chart-card){ padding:14px; border-radius:14px; border:1px solid #eef2f7; background:#fff; box-shadow:0 6px 16px rgba(15,23,42,.05); }
    :where(html[data-style-page="reports-sales-reports"]):is(.chart-card .ch),
:where(html[data-style-page="reports-sales-reports"]) :is(.chart-card .ch){ font-size:13px; font-weight:900; color:#0f172a; margin-bottom:10px; }

    /* ── view tabs ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.view-tabs),
:where(html[data-style-page="reports-sales-reports"]) :is(.view-tabs){ display:flex; gap:8px; flex-wrap:wrap; border-bottom:1px solid #e5e7eb; padding-bottom:10px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.view-tab),
:where(html[data-style-page="reports-sales-reports"]) :is(.view-tab){
      padding:8px 14px; border-radius:999px; border:1px solid #e5e7eb;
      font-size:13px; font-weight:900; cursor:pointer; text-decoration:none; color:#374151; background:#fff;
    }
    :where(html[data-style-page="reports-sales-reports"]):is(.view-tab.active),
:where(html[data-style-page="reports-sales-reports"]) :is(.view-tab.active){ background:#2563eb; color:#fff; border-color:#2563eb; }

    /* ── table ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.table-wrap),
:where(html[data-style-page="reports-sales-reports"]) :is(.table-wrap){ width:100%; overflow:hidden; border-radius:14px; border:1px solid #eef2f7; background:#fff; box-shadow:0 6px 16px rgba(15,23,42,.05); }
    :where(html[data-style-page="reports-sales-reports"]):is(table.entry),
:where(html[data-style-page="reports-sales-reports"]) :is(table.entry){ width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; }
    :where(html[data-style-page="reports-sales-reports"]):is(table.entry th),
:where(html[data-style-page="reports-sales-reports"]) :is(table.entry th),
:where(html[data-style-page="reports-sales-reports"]):is(table.entry td),
:where(html[data-style-page="reports-sales-reports"]) :is(table.entry td){ padding:11px 10px; border-bottom:1px solid #f1f5f9; font-size:13px; vertical-align:middle; }
    :where(html[data-style-page="reports-sales-reports"]):is(table.entry th),
:where(html[data-style-page="reports-sales-reports"]) :is(table.entry th){ text-align:start; background:#f8fafc; font-weight:1000; white-space:normal; word-break:break-word; }
    :where(html[data-style-page="reports-sales-reports"]):is(table.entry tbody tr:last-child td),
:where(html[data-style-page="reports-sales-reports"]) :is(table.entry tbody tr:last-child td){ border-bottom:none; }
    :where(html[data-style-page="reports-sales-reports"]):is(table.entry tbody tr:hover td),
:where(html[data-style-page="reports-sales-reports"]) :is(table.entry tbody tr:hover td){ background:#fafbff; }
    :where(html[data-style-page="reports-sales-reports"]):is(.text-end),
:where(html[data-style-page="reports-sales-reports"]) :is(.text-end){ text-align:end; font-variant-numeric:tabular-nums; }
    :where(html[data-style-page="reports-sales-reports"]):is(.payable),
:where(html[data-style-page="reports-sales-reports"]) :is(.payable){ color:#dc2626; font-weight:1100; }
    :where(html[data-style-page="reports-sales-reports"]):is(.vat-col),
:where(html[data-style-page="reports-sales-reports"]) :is(.vat-col){ color:#d97706; }
    :where(html[data-style-page="reports-sales-reports"]):is(.svc-col),
:where(html[data-style-page="reports-sales-reports"]) :is(.svc-col){ color:#0d9488; }
    :where(html[data-style-page="reports-sales-reports"]):is(tr.total-row td),
:where(html[data-style-page="reports-sales-reports"]) :is(tr.total-row td){ background:#fff7ed; font-weight:1000; border-top:2px solid #d97706; }

    /* ── filter modal ── */
    :where(html[data-style-page="reports-sales-reports"]):is(#filterModal),
:where(html[data-style-page="reports-sales-reports"]) :is(#filterModal){ display:none; position:fixed; inset:0; background:rgba(15,23,42,.45); z-index:9999; padding:16px; align-items:center; justify-content:center; }
    :where(html[data-style-page="reports-sales-reports"]):is(#filterModal .mbox),
:where(html[data-style-page="reports-sales-reports"]) :is(#filterModal .mbox){ width:min(860px,100%); background:#fff; border-radius:18px; border:1px solid #eef2f7; box-shadow:0 18px 50px rgba(0,0,0,.22); max-height:90vh; display:flex; flex-direction:column; }
    :where(html[data-style-page="reports-sales-reports"]):is(.mbox-hd),
:where(html[data-style-page="reports-sales-reports"]) :is(.mbox-hd){ display:flex; justify-content:space-between; align-items:center; padding:13px 16px; border-bottom:1px solid #e5e7eb; flex-shrink:0; }
    :where(html[data-style-page="reports-sales-reports"]):is(.mbox-bd),
:where(html[data-style-page="reports-sales-reports"]) :is(.mbox-bd){ padding:14px 16px; overflow-y:auto; flex:1; }
    :where(html[data-style-page="reports-sales-reports"]):is(.mbox-ft),
:where(html[data-style-page="reports-sales-reports"]) :is(.mbox-ft){ padding:12px 16px; border-top:1px solid #e5e7eb; display:flex; justify-content:flex-end; gap:8px; flex-shrink:0; }

    /* ── filter sections ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.fsec),
:where(html[data-style-page="reports-sales-reports"]) :is(.fsec){ border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; margin-bottom:10px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.fsec-hd),
:where(html[data-style-page="reports-sales-reports"]) :is(.fsec-hd){ display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:#f8fafc; cursor:pointer; user-select:none; font-weight:900; font-size:13px; color:#1e293b; }
    :where(html[data-style-page="reports-sales-reports"]):is(.fsec-hd:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.fsec-hd:hover){ background:#f1f5f9; }
    :where(html[data-style-page="reports-sales-reports"]):is(.fsec-hd .fsec-title),
:where(html[data-style-page="reports-sales-reports"]) :is(.fsec-hd .fsec-title){ display:flex; align-items:center; gap:8px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.fsec-hd .fsec-arrow),
:where(html[data-style-page="reports-sales-reports"]) :is(.fsec-hd .fsec-arrow){ transition:transform .2s; font-size:11px; color:#94a3b8; }
    :where(html[data-style-page="reports-sales-reports"]):is(.fsec-hd.open .fsec-arrow),
:where(html[data-style-page="reports-sales-reports"]) :is(.fsec-hd.open .fsec-arrow){ transform:rotate(180deg); }
    :where(html[data-style-page="reports-sales-reports"]):is(.fsec-bd),
:where(html[data-style-page="reports-sales-reports"]) :is(.fsec-bd){ padding:14px; display:none; }
    :where(html[data-style-page="reports-sales-reports"]):is(.fsec-bd.open),
:where(html[data-style-page="reports-sales-reports"]) :is(.fsec-bd.open){ display:block; }

    :where(html[data-style-page="reports-sales-reports"]):is(.fg),
:where(html[data-style-page="reports-sales-reports"]) :is(.fg){ display:flex; flex-direction:column; gap:4px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.fg label),
:where(html[data-style-page="reports-sales-reports"]) :is(.fg label){ font-weight:900; font-size:13px; color:#374151; display:block; margin-bottom:4px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.fgrid),
:where(html[data-style-page="reports-sales-reports"]) :is(.fgrid){ display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
    :where(html[data-style-page="reports-sales-reports"]):is(select),
:where(html[data-style-page="reports-sales-reports"]) :is(select),
:where(html[data-style-page="reports-sales-reports"]):is(input[type="date"]),
:where(html[data-style-page="reports-sales-reports"]) :is(input[type="date"]){
      width:100%; border-radius:10px; border:1px solid #d1d5db;
      padding:9px 12px; font-weight:900; background:#fff; font-size:13px;
    }
    :where(html[data-style-page="reports-sales-reports"]):is(select:focus),
:where(html[data-style-page="reports-sales-reports"]) :is(select:focus),
:where(html[data-style-page="reports-sales-reports"]):is(input[type="date"]:focus),
:where(html[data-style-page="reports-sales-reports"]) :is(input[type="date"]:focus){ outline:2px solid #2563eb; outline-offset:0; border-color:#2563eb; }

    /* ── searchable select ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.sel-wrap),
:where(html[data-style-page="reports-sales-reports"]) :is(.sel-wrap){ position:relative; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sel-search),
:where(html[data-style-page="reports-sales-reports"]) :is(.sel-search){ width:100%; padding:7px 12px 7px 30px; border-radius:10px 10px 0 0; border:1px solid #d1d5db; border-bottom:none; font-size:12px; background:#f8fafc; box-sizing:border-box; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sel-search-ico),
:where(html[data-style-page="reports-sales-reports"]) :is(.sel-search-ico){ position:absolute; top:50%; transform:translateY(-50%); inset-inline-start:9px; color:#94a3b8; font-size:11px; pointer-events:none; }
    :where(html[data-style-page="reports-sales-reports"]):is(.sel-wrap select),
:where(html[data-style-page="reports-sales-reports"]) :is(.sel-wrap select){ border-radius:0 0 10px 10px; }

    :where(html[data-style-page="reports-sales-reports"]):is(.warn),
:where(html[data-style-page="reports-sales-reports"]) :is(.warn){ margin-top:10px; background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; padding:10px 12px; border-radius:10px; font-weight:900; font-size:13px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.note),
:where(html[data-style-page="reports-sales-reports"]) :is(.note){ color:#64748b; font-weight:850; font-size:12.5px; }

    :where(html[data-style-page="reports-sales-reports"]):is([dir=rtl] .text-end),
:where(html[data-style-page="reports-sales-reports"]) :is([dir=rtl] .text-end){ text-align:start; }
    :where(html[data-style-page="reports-sales-reports"]):is([dir=rtl] .sel-search),
:where(html[data-style-page="reports-sales-reports"]) :is([dir=rtl] .sel-search){ padding:7px 30px 7px 12px; }
    :where(html[data-style-page="reports-sales-reports"]):is([dir=rtl] .sel-search-ico),
:where(html[data-style-page="reports-sales-reports"]) :is([dir=rtl] .sel-search-ico){ inset-inline-start:auto; inset-inline-end:9px; }

    @media(max-width:600px){ :where(html[data-style-page="reports-sales-reports"]):is(.sx-kpi-row),
:where(html[data-style-page="reports-sales-reports"]) :is(.sx-kpi-row){ grid-template-columns:repeat(2,1fr); } }

    /* ── YoY badges ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.yoy-up),
:where(html[data-style-page="reports-sales-reports"]) :is(.yoy-up){ color:#16a34a; font-size:11px; font-weight:900; margin-top:3px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.yoy-dn),
:where(html[data-style-page="reports-sales-reports"]) :is(.yoy-dn){ color:#dc2626; font-size:11px; font-weight:900; margin-top:3px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.yoy-eq),
:where(html[data-style-page="reports-sales-reports"]) :is(.yoy-eq){ color:#64748b; font-size:11px; font-weight:900; margin-top:3px; }

    /* ── Category filter dropdown ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-dropdown),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-dropdown){display:none;position:absolute;top:100%;inset-inline-start:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.12);z-index:200;min-width:240px;max-height:360px;overflow-y:auto;padding:6px 0;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-dropdown.cf-open),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-dropdown.cf-open){display:block;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-section-title),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-section-title){padding:6px 14px;font-size:10px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-opt),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-opt){display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;color:#374151;cursor:pointer;text-decoration:none;border:none;background:none;width:100%;box-sizing:border-box;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-opt:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-opt:hover){background:#f8fafc;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-opt.active),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-opt.active){background:#eff6ff;color:#2563eb;font-weight:900;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-opt.cf-sub),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-opt.cf-sub){padding-inline-start:32px;font-size:11px;color:#64748b;border-inline-start:2px solid #e2e8f0;margin-inline-start:14px;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-opt.cf-sub:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-opt.cf-sub:hover){background:#faf5ff;color:#7c3aed;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-opt.cf-sub.active),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-opt.cf-sub.active){background:#faf5ff;color:#7c3aed;border-color:#7c3aed;font-weight:900;}
    :where(html[data-style-page="reports-sales-reports"]):is(.cf-count),
:where(html[data-style-page="reports-sales-reports"]) :is(.cf-count){font-size:10px;background:#f1f5f9;color:#64748b;border-radius:99px;padding:1px 6px;margin-inline-start:auto;}

    /* ── Quick search bar ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.quick-search-bar),
:where(html[data-style-page="reports-sales-reports"]) :is(.quick-search-bar){padding:8px 0 4px;position:relative;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-form),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-form){display:flex;align-items:center;gap:0;background:#fff;border:1px solid #d1d5db;border-radius:10px;overflow:visible;position:relative;max-width:600px;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-form:focus-within),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-form:focus-within){border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.2);}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-icon),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-icon){padding:0 10px;color:#94a3b8;font-size:14px;display:flex;align-items:center;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-type),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-type){border:none;background:#f8fafc;font-size:12px;font-weight:900;color:#2563eb;padding:9px 8px;cursor:pointer;outline:none;border-radius:10px 0 0 10px;border-inline-end:1px solid #e2e8f0;}
    :where(html[data-style-page="reports-sales-reports"]):is([dir=rtl] .qs-type),
:where(html[data-style-page="reports-sales-reports"]) :is([dir=rtl] .qs-type){border-radius:0 10px 10px 0;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-input),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-input){border:none;background:transparent;font-size:13px;font-weight:600;padding:9px 12px;flex:1;min-width:160px;outline:none;color:#1e293b;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-input)::placeholder,
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-input)::placeholder{color:#94a3b8;font-weight:600;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-clear),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-clear){display:flex;align-items:center;padding:0 12px;color:#dc2626;font-size:14px;text-decoration:none;cursor:pointer;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-clear:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-clear:hover){color:#991b1b;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-dropdown),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-dropdown){display:none;position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;max-width:600px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.12);z-index:200;max-height:260px;overflow-y:auto;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-dropdown.open),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-dropdown.open){display:block;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-opt),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-opt){padding:8px 14px;font-size:12px;font-weight:700;color:#1e293b;cursor:pointer;display:flex;align-items:center;gap:8px;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-opt:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-opt:hover){background:#eff6ff;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-opt .qs-id),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-opt .qs-id){font-size:10px;color:#94a3b8;font-weight:600;}
    :where(html[data-style-page="reports-sales-reports"]):is(.qs-no),
:where(html[data-style-page="reports-sales-reports"]) :is(.qs-no){padding:12px 14px;font-size:12px;color:#94a3b8;text-align:center;}

    /* ── Insight grid ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.insight-grid),
:where(html[data-style-page="reports-sales-reports"]) :is(.insight-grid){ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; margin:0; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-card),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-card){ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:14px 16px; box-shadow:0 4px 12px rgba(15,23,42,.04); }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-card-hd),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-card-hd){ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-card-hd strong),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-card-hd strong){ font-size:13px; font-weight:900; color:#0f172a; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-card-hd .see-all),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-card-hd .see-all){ font-size:11px; color:#2563eb; text-decoration:none; font-weight:900; white-space:nowrap; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-card-hd .see-all:hover),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-card-hd .see-all:hover){ text-decoration:underline; }

    :where(html[data-style-page="reports-sales-reports"]):is(.ins-bar-row),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-bar-row){ display:flex; align-items:center; gap:8px; margin-bottom:7px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-bar-row:last-child),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-bar-row:last-child){ margin-bottom:0; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-bar-label),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-bar-label){ font-size:12px; font-weight:700; color:#374151; width:160px; flex-shrink:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-bar-track),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-bar-track){ flex:1; height:8px; border-radius:99px; background:#f1f5f9; overflow:hidden; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-bar-fill),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-bar-fill){ height:100%; border-radius:99px; transition:width .3s; }
    :where(html[data-style-page="reports-sales-reports"]):is(.ins-bar-val),
:where(html[data-style-page="reports-sales-reports"]) :is(.ins-bar-val){ font-size:11px; font-weight:900; color:#374151; width:80px; flex-shrink:0; text-align:end; font-variant-numeric:tabular-nums; }

    /* ── Peak day card ── */
    :where(html[data-style-page="reports-sales-reports"]):is(.peak-card),
:where(html[data-style-page="reports-sales-reports"]) :is(.peak-card){ background:linear-gradient(135deg,#eff6ff,#f0fdf4); border:1px solid #bfdbfe; border-radius:14px; padding:14px 16px; box-shadow:0 4px 12px rgba(15,23,42,.04); }
    :where(html[data-style-page="reports-sales-reports"]):is(.peak-card .pk-title),
:where(html[data-style-page="reports-sales-reports"]) :is(.peak-card .pk-title){ font-size:13px; font-weight:900; color:#1e40af; margin-bottom:10px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.peak-card .pk-date),
:where(html[data-style-page="reports-sales-reports"]) :is(.peak-card .pk-date){ font-size:22px; font-weight:900; color:#1d4ed8; margin-bottom:6px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.peak-card .pk-row),
:where(html[data-style-page="reports-sales-reports"]) :is(.peak-card .pk-row){ display:flex; gap:16px; flex-wrap:wrap; }
    :where(html[data-style-page="reports-sales-reports"]):is(.peak-card .pk-kpi),
:where(html[data-style-page="reports-sales-reports"]) :is(.peak-card .pk-kpi){ flex:1; min-width:80px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.peak-card .pk-kpi .pk-k),
:where(html[data-style-page="reports-sales-reports"]) :is(.peak-card .pk-kpi .pk-k){ font-size:10px; font-weight:900; color:#64748b; text-transform:uppercase; letter-spacing:.4px; }
    :where(html[data-style-page="reports-sales-reports"]):is(.peak-card .pk-kpi .pk-v),
:where(html[data-style-page="reports-sales-reports"]) :is(.peak-card .pk-kpi .pk-v){ font-size:16px; font-weight:900; margin-top:2px; }

    :where(html[data-style-page="reports-sales-reports"]):is([dir=rtl] .ins-bar-label),
:where(html[data-style-page="reports-sales-reports"]) :is([dir=rtl] .ins-bar-label){ text-align:start; }
    :where(html[data-style-page="reports-sales-reports"]):is([dir=rtl] .ins-bar-val),
:where(html[data-style-page="reports-sales-reports"]) :is([dir=rtl] .ins-bar-val){ text-align:start; }
  
/* Page: reports/waste_report.php */

:where(html[data-style-page="reports-waste-report"]):is(:root),
:where(html[data-style-page="reports-waste-report"]) :is(:root){--ink:#111827;--muted:#64748b;--line:#e5e7eb;--soft:#f8fafc;--blue:#2563eb;--red:#dc2626;--green:#15803d;--amber:#d97706;--purple:#7c3aed;--radius:10px}
:where(html[data-style-page="reports-waste-report"]):is(*),
:where(html[data-style-page="reports-waste-report"]) :is(*){box-sizing:border-box}
:where(html[data-style-page="reports-waste-report"]):is(body),
:where(html[data-style-page="reports-waste-report"]) :is(body){font-family:'Inter','Cairo',sans-serif;background:#f8fafc;color:var(--ink)}
:where(html[data-style-page="reports-waste-report"]):is(body.rtl),
:where(html[data-style-page="reports-waste-report"]) :is(body.rtl){font-family:'Cairo','Inter',sans-serif}
:where(html[data-style-page="reports-waste-report"]):is(.wr-wrap),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-wrap){max-width:1500px;margin:0 auto;padding:24px 20px 40px}
:where(html[data-style-page="reports-waste-report"]):is(.wr-head),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-head){display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
:where(html[data-style-page="reports-waste-report"]):is(.wr-title h1),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-title h1){font-size:26px;margin:0 0 4px;font-weight:900;display:flex;align-items:center;gap:10px}
:where(html[data-style-page="reports-waste-report"]):is(.wr-title p),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-title p){margin:0;color:var(--muted);font-size:13px;font-weight:700}
:where(html[data-style-page="reports-waste-report"]):is(.wr-actions),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-actions){display:flex;gap:8px;align-items:center;flex-wrap:wrap}
:where(html[data-style-page="reports-waste-report"]):is(.wr-btn),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-btn){border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:900;color:#334155;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
:where(html[data-style-page="reports-waste-report"]):is(.wr-btn.primary),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-btn.primary){background:#2563eb;color:#fff;border-color:#2563eb}
:where(html[data-style-page="reports-waste-report"]):is(.wr-btn.success),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-btn.success){background:#ecfdf5;color:#166534;border-color:#bbf7d0}
:where(html[data-style-page="reports-waste-report"]):is(.wr-btn.pdf),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-btn.pdf){background:#fef2f2;color:#991b1b;border-color:#fecaca}
:where(html[data-style-page="reports-waste-report"]):is(.export-menu),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu){position:relative}
:where(html[data-style-page="reports-waste-report"]):is(.export-menu summary),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu summary){list-style:none}
:where(html[data-style-page="reports-waste-report"]):is(.export-menu summary)::-webkit-details-marker,
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu summary)::-webkit-details-marker{display:none}
:where(html[data-style-page="reports-waste-report"]):is(.export-menu-list),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu-list){position:absolute;z-index:80;top:calc(100% + 8px);inset-inline-end:0;width:310px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:8px;display:grid;gap:4px}
:where(html[data-style-page="reports-waste-report"]):is(.export-menu-list a),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu-list a){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;color:#334155;text-decoration:none;font-size:12.5px;font-weight:900}
:where(html[data-style-page="reports-waste-report"]):is(.export-menu-list a:hover),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu-list a:hover){background:#f8fafc;color:#0f172a}
:where(html[data-style-page="reports-waste-report"]):is(.export-menu-list .export-format),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu-list .export-format){font-size:10px;letter-spacing:.03em;color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 7px}
:where(html[data-style-page="reports-waste-report"]):is(.export-menu-list .export-label),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu-list .export-label){color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;padding:6px 10px 3px}
:where(html[data-style-page="reports-waste-report"]):is(.filters),
:where(html[data-style-page="reports-waste-report"]) :is(.filters){background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-bottom:14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
:where(html[data-style-page="reports-waste-report"]):is(.fg),
:where(html[data-style-page="reports-waste-report"]) :is(.fg){display:flex;flex-direction:column;gap:5px}
:where(html[data-style-page="reports-waste-report"]):is(.fg label),
:where(html[data-style-page="reports-waste-report"]) :is(.fg label){font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase}
:where(html[data-style-page="reports-waste-report"]):is(.fg input),
:where(html[data-style-page="reports-waste-report"]) :is(.fg input),
:where(html[data-style-page="reports-waste-report"]):is(.fg select),
:where(html[data-style-page="reports-waste-report"]) :is(.fg select){border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;font-size:13px;background:#fff;color:#0f172a;min-height:39px}
:where(html[data-style-page="reports-waste-report"]):is(.fg.actions),
:where(html[data-style-page="reports-waste-report"]) :is(.fg.actions){justify-content:flex-end;flex-direction:row;align-items:flex-end}
:where(html[data-style-page="reports-waste-report"]):is(.kpis),
:where(html[data-style-page="reports-waste-report"]) :is(.kpis){display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-bottom:14px}
:where(html[data-style-page="reports-waste-report"]):is(.kpi),
:where(html[data-style-page="reports-waste-report"]) :is(.kpi){background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;min-height:102px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
:where(html[data-style-page="reports-waste-report"]):is(.kpi .label),
:where(html[data-style-page="reports-waste-report"]) :is(.kpi .label){font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;display:flex;align-items:center;gap:6px}
:where(html[data-style-page="reports-waste-report"]):is(.kpi .value),
:where(html[data-style-page="reports-waste-report"]) :is(.kpi .value){font-size:25px;font-weight:900;margin-top:8px;color:#111827}
:where(html[data-style-page="reports-waste-report"]):is(.kpi .sub),
:where(html[data-style-page="reports-waste-report"]) :is(.kpi .sub){font-size:12px;color:#64748b;font-weight:700;margin-top:2px}
:where(html[data-style-page="reports-waste-report"]):is(.mini-metrics),
:where(html[data-style-page="reports-waste-report"]) :is(.mini-metrics){display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff}
:where(html[data-style-page="reports-waste-report"]):is(.mini-card),
:where(html[data-style-page="reports-waste-report"]) :is(.mini-card){border:1px solid var(--line);border-radius:9px;background:#f8fafc;padding:11px 12px}
:where(html[data-style-page="reports-waste-report"]):is(.mini-card .label),
:where(html[data-style-page="reports-waste-report"]) :is(.mini-card .label){font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b}
:where(html[data-style-page="reports-waste-report"]):is(.mini-card .value),
:where(html[data-style-page="reports-waste-report"]) :is(.mini-card .value){font-size:22px;font-weight:900;margin-top:5px}
:where(html[data-style-page="reports-waste-report"]):is(.mini-card .sub),
:where(html[data-style-page="reports-waste-report"]) :is(.mini-card .sub){font-size:11px;color:#64748b;font-weight:800;margin-top:2px}
:where(html[data-style-page="reports-waste-report"]):is(.grid-two),
:where(html[data-style-page="reports-waste-report"]) :is(.grid-two){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
:where(html[data-style-page="reports-waste-report"]):is(.panel),
:where(html[data-style-page="reports-waste-report"]) :is(.panel){background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden}
:where(html[data-style-page="reports-waste-report"]):is(.panel-head),
:where(html[data-style-page="reports-waste-report"]) :is(.panel-head){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);background:#fff}
:where(html[data-style-page="reports-waste-report"]):is(.panel-head h2),
:where(html[data-style-page="reports-waste-report"]) :is(.panel-head h2){font-size:15px;margin:0;font-weight:900;display:flex;align-items:center;gap:8px}
:where(html[data-style-page="reports-waste-report"]):is(.panel-head span),
:where(html[data-style-page="reports-waste-report"]) :is(.panel-head span){font-size:12px;color:#64748b;font-weight:800}
:where(html[data-style-page="reports-waste-report"]):is(.summary-list),
:where(html[data-style-page="reports-waste-report"]) :is(.summary-list){padding:10px 14px 14px;display:grid;gap:9px}
:where(html[data-style-page="reports-waste-report"]):is(.sum-row),
:where(html[data-style-page="reports-waste-report"]) :is(.sum-row){display:grid;grid-template-columns:150px 1fr 90px;gap:10px;align-items:center}
:where(html[data-style-page="reports-waste-report"]):is(.sum-name),
:where(html[data-style-page="reports-waste-report"]) :is(.sum-name){font-size:13px;font-weight:900}
:where(html[data-style-page="reports-waste-report"]):is(.bar-track),
:where(html[data-style-page="reports-waste-report"]) :is(.bar-track){height:9px;background:#f1f5f9;border-radius:999px;overflow:hidden}
:where(html[data-style-page="reports-waste-report"]):is(.bar),
:where(html[data-style-page="reports-waste-report"]) :is(.bar){height:100%;border-radius:999px;background:#2563eb}
:where(html[data-style-page="reports-waste-report"]):is(.sum-val),
:where(html[data-style-page="reports-waste-report"]) :is(.sum-val){text-align:end;font-weight:900;font-size:13px}
:where(html[data-style-page="reports-waste-report"]):is(.badge),
:where(html[data-style-page="reports-waste-report"]) :is(.badge){display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
:where(html[data-style-page="reports-waste-report"]):is(.b-operational),
:where(html[data-style-page="reports-waste-report"]) :is(.b-operational){background:#eff6ff;color:#1d4ed8}
:where(html[data-style-page="reports-waste-report"]):is(.b-expired),
:where(html[data-style-page="reports-waste-report"]) :is(.b-expired){background:#fff7ed;color:#c2410c}
:where(html[data-style-page="reports-waste-report"]):is(.b-plate),
:where(html[data-style-page="reports-waste-report"]) :is(.b-plate){background:#fdf2f8;color:#be185d}
:where(html[data-style-page="reports-waste-report"]):is(.b-legacy),
:where(html[data-style-page="reports-waste-report"]) :is(.b-legacy){background:#f1f5f9;color:#475569}
:where(html[data-style-page="reports-waste-report"]):is(.status),
:where(html[data-style-page="reports-waste-report"]) :is(.status){background:#f1f5f9;color:#475569}
:where(html[data-style-page="reports-waste-report"]):is(.status.approved),
:where(html[data-style-page="reports-waste-report"]) :is(.status.approved){background:#dcfce7;color:#166534}
:where(html[data-style-page="reports-waste-report"]):is(.status.pending_bm),
:where(html[data-style-page="reports-waste-report"]) :is(.status.pending_bm),
:where(html[data-style-page="reports-waste-report"]):is(.status.pending_cc),
:where(html[data-style-page="reports-waste-report"]) :is(.status.pending_cc){background:#fef3c7;color:#92400e}
:where(html[data-style-page="reports-waste-report"]):is(.status.rejected),
:where(html[data-style-page="reports-waste-report"]) :is(.status.rejected){background:#fee2e2;color:#991b1b}
:where(html[data-style-page="reports-waste-report"]):is(.table-wrap),
:where(html[data-style-page="reports-waste-report"]) :is(.table-wrap){overflow:auto}
:where(html[data-style-page="reports-waste-report"]):is(table),
:where(html[data-style-page="reports-waste-report"]) :is(table){width:100%;border-collapse:collapse;font-size:12.5px}
:where(html[data-style-page="reports-waste-report"]):is(th),
:where(html[data-style-page="reports-waste-report"]) :is(th){background:#f8fafc;color:#64748b;text-align:start;text-transform:uppercase;font-size:10.5px;letter-spacing:.02em;font-weight:900;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}
:where(html[data-style-page="reports-waste-report"]):is(td),
:where(html[data-style-page="reports-waste-report"]) :is(td){padding:10px;border-bottom:1px solid #f1f5f9;vertical-align:top}
:where(html[data-style-page="reports-waste-report"]):is(tr:hover td),
:where(html[data-style-page="reports-waste-report"]) :is(tr:hover td){background:#fbfdff}
:where(html[data-style-page="reports-waste-report"]):is(.num),
:where(html[data-style-page="reports-waste-report"]) :is(.num){text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
:where(html[data-style-page="reports-waste-report"]):is(.name),
:where(html[data-style-page="reports-waste-report"]) :is(.name){font-weight:900;color:#0f172a}
:where(html[data-style-page="reports-waste-report"]):is(.subtle),
:where(html[data-style-page="reports-waste-report"]) :is(.subtle){font-size:11px;color:#64748b;font-weight:700}
:where(html[data-style-page="reports-waste-report"]):is(.sku),
:where(html[data-style-page="reports-waste-report"]) :is(.sku){font-size:10px;color:#64748b;background:#f1f5f9;border-radius:5px;padding:2px 6px;font-weight:900;display:inline-block;margin-top:4px}
:where(html[data-style-page="reports-waste-report"]):is(.section),
:where(html[data-style-page="reports-waste-report"]) :is(.section){margin-bottom:14px}
:where(html[data-style-page="reports-waste-report"]):is(.impact-note),
:where(html[data-style-page="reports-waste-report"]) :is(.impact-note){margin:0;padding:10px 14px;background:#fff7ed;color:#9a3412;border-bottom:1px solid #fed7aa;font-size:12px;font-weight:800}
:where(html[data-style-page="reports-waste-report"]):is(.empty),
:where(html[data-style-page="reports-waste-report"]) :is(.empty){padding:34px 16px;text-align:center;color:#94a3b8;font-weight:800}
:where(html[data-style-page="reports-waste-report"]):is(.detail-tabs),
:where(html[data-style-page="reports-waste-report"]) :is(.detail-tabs){display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line);background:#f8fafc}
:where(html[data-style-page="reports-waste-report"]):is(.detail-tab),
:where(html[data-style-page="reports-waste-report"]) :is(.detail-tab){display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid #dbe4ef;background:#fff;color:#475569;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:900;white-space:nowrap}
:where(html[data-style-page="reports-waste-report"]):is(.detail-tab.active),
:where(html[data-style-page="reports-waste-report"]) :is(.detail-tab.active){background:#2563eb;border-color:#2563eb;color:#fff}
:where(html[data-style-page="reports-waste-report"]):is(.detail-tab .count),
:where(html[data-style-page="reports-waste-report"]) :is(.detail-tab .count){display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px}
:where(html[data-style-page="reports-waste-report"]):is(.detail-tab.active .count),
:where(html[data-style-page="reports-waste-report"]) :is(.detail-tab.active .count){background:rgba(255,255,255,.22);color:#fff}
:where(html[data-style-page="reports-waste-report"]):is(.proof-link),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-link){color:#2563eb;font-weight:900;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font:inherit}
:where(html[data-style-page="reports-waste-report"]):is(.source-link),
:where(html[data-style-page="reports-waste-report"]) :is(.source-link){color:#2563eb;font-weight:900;text-decoration:none}
:where(html[data-style-page="reports-waste-report"]):is(.branch-link),
:where(html[data-style-page="reports-waste-report"]) :is(.branch-link){color:#0f172a;font-weight:900;text-decoration:none}
:where(html[data-style-page="reports-waste-report"]):is(.branch-link:hover),
:where(html[data-style-page="reports-waste-report"]) :is(.branch-link:hover){color:#2563eb;text-decoration:underline}
:where(html[data-style-page="reports-waste-report"]):is(.selected-branch-row td),
:where(html[data-style-page="reports-waste-report"]) :is(.selected-branch-row td){background:#eff6ff!important}
:where(html[data-style-page="reports-waste-report"]):is(.proof-overlay),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-overlay){display:none;position:fixed;inset:0;z-index:3000;background:rgba(15,23,42,.72);padding:28px 14px;align-items:flex-start;justify-content:center;overflow:auto}
:where(html[data-style-page="reports-waste-report"]):is(.proof-overlay.active),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-overlay.active){display:flex}
:where(html[data-style-page="reports-waste-report"]):is(.proof-card),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-card){width:min(980px,100%);max-height:92vh;background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(15,23,42,.35);display:flex;flex-direction:column;overflow:hidden}
:where(html[data-style-page="reports-waste-report"]):is(.proof-head),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-head){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
:where(html[data-style-page="reports-waste-report"]):is(.proof-head h3),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-head h3){margin:0;font-size:16px;font-weight:900}
:where(html[data-style-page="reports-waste-report"]):is(.proof-close),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-close){width:36px;height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
:where(html[data-style-page="reports-waste-report"]):is(.proof-body),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-body){padding:14px;overflow:auto;display:grid;gap:12px}
:where(html[data-style-page="reports-waste-report"]):is(.proof-figure),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-figure){margin:0;border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:10px}
:where(html[data-style-page="reports-waste-report"]):is(.proof-figure img),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-figure img){display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:8px;background:#111827}
:where(html[data-style-page="reports-waste-report"]):is(.proof-figure figcaption),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-figure figcaption){margin-top:8px;color:#64748b;font-size:12px;font-weight:800}
@media(max-width:1100px){:where(html[data-style-page="reports-waste-report"]):is(.filters),
:where(html[data-style-page="reports-waste-report"]) :is(.filters){grid-template-columns:repeat(3,1fr)}:where(html[data-style-page="reports-waste-report"]):is(.kpis),
:where(html[data-style-page="reports-waste-report"]) :is(.kpis){grid-template-columns:repeat(2,1fr)}:where(html[data-style-page="reports-waste-report"]):is(.grid-two),
:where(html[data-style-page="reports-waste-report"]) :is(.grid-two){grid-template-columns:1fr}}
@media(max-width:700px){:where(html[data-style-page="reports-waste-report"]):is(.wr-wrap),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-wrap){padding:16px 10px}:where(html[data-style-page="reports-waste-report"]):is(.filters),
:where(html[data-style-page="reports-waste-report"]) :is(.filters){grid-template-columns:1fr}:where(html[data-style-page="reports-waste-report"]):is(.kpis),
:where(html[data-style-page="reports-waste-report"]) :is(.kpis),
:where(html[data-style-page="reports-waste-report"]):is(.mini-metrics),
:where(html[data-style-page="reports-waste-report"]) :is(.mini-metrics){grid-template-columns:1fr}:where(html[data-style-page="reports-waste-report"]):is(.fg.actions),
:where(html[data-style-page="reports-waste-report"]) :is(.fg.actions){justify-content:stretch}:where(html[data-style-page="reports-waste-report"]):is(.wr-actions),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-actions),
:where(html[data-style-page="reports-waste-report"]):is(.export-menu),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu){width:100%}:where(html[data-style-page="reports-waste-report"]):is(.wr-btn),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-btn){justify-content:center;width:100%}:where(html[data-style-page="reports-waste-report"]):is(.export-menu-list),
:where(html[data-style-page="reports-waste-report"]) :is(.export-menu-list){position:static;width:100%;margin-top:8px}:where(html[data-style-page="reports-waste-report"]):is(.sum-row),
:where(html[data-style-page="reports-waste-report"]) :is(.sum-row){grid-template-columns:1fr}:where(html[data-style-page="reports-waste-report"]):is(.sum-val),
:where(html[data-style-page="reports-waste-report"]) :is(.sum-val){text-align:start}:where(html[data-style-page="reports-waste-report"]):is(.detail-tabs),
:where(html[data-style-page="reports-waste-report"]) :is(.detail-tabs){overflow-x:auto;flex-wrap:nowrap}:where(html[data-style-page="reports-waste-report"]):is(.proof-overlay),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-overlay){padding:12px 8px}:where(html[data-style-page="reports-waste-report"]):is(.proof-card),
:where(html[data-style-page="reports-waste-report"]) :is(.proof-card){max-height:94vh}}
@media print{:where(html[data-style-page="reports-waste-report"]):is(.sidebar),
:where(html[data-style-page="reports-waste-report"]) :is(.sidebar),
:where(html[data-style-page="reports-waste-report"]):is(.topbar),
:where(html[data-style-page="reports-waste-report"]) :is(.topbar),
:where(html[data-style-page="reports-waste-report"]):is(.filters),
:where(html[data-style-page="reports-waste-report"]) :is(.filters),
:where(html[data-style-page="reports-waste-report"]):is(.wr-actions),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-actions){display:none!important}:where(html[data-style-page="reports-waste-report"]):is(.content),
:where(html[data-style-page="reports-waste-report"]) :is(.content){margin:0!important}:where(html[data-style-page="reports-waste-report"]):is(.wr-wrap),
:where(html[data-style-page="reports-waste-report"]) :is(.wr-wrap){max-width:none;padding:0}:where(html[data-style-page="reports-waste-report"]):is(.panel),
:where(html[data-style-page="reports-waste-report"]) :is(.panel),
:where(html[data-style-page="reports-waste-report"]):is(.kpi),
:where(html[data-style-page="reports-waste-report"]) :is(.kpi){box-shadow:none}}

/* Page: sales/sales_bulk.php */

:where(html[data-style-page="sales-sales-bulk"]):is(.bulk-wrap),
:where(html[data-style-page="sales-sales-bulk"]) :is(.bulk-wrap){max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.card),
:where(html[data-style-page="sales-sales-bulk"]) :is(.card){background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.step-badge),
:where(html[data-style-page="sales-sales-bulk"]) :is(.step-badge){display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#1e293b;color:#fff;font-size:12px;font-weight:900;flex-shrink:0;}
:where(html[data-style-page="sales-sales-bulk"]):is(.step-header),
:where(html[data-style-page="sales-sales-bulk"]) :is(.step-header){display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.step-title),
:where(html[data-style-page="sales-sales-bulk"]) :is(.step-title){font-size:15px;font-weight:900;color:#1e293b;} :where(html[data-style-page="sales-sales-bulk"]):is(.step-desc),
:where(html[data-style-page="sales-sales-bulk"]) :is(.step-desc){font-size:13px;color:#64748b;margin-top:3px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.btn),
:where(html[data-style-page="sales-sales-bulk"]) :is(.btn){display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:9px;border:none;font-weight:800;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;}
:where(html[data-style-page="sales-sales-bulk"]):is(.btn-dl),
:where(html[data-style-page="sales-sales-bulk"]) :is(.btn-dl){background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;} :where(html[data-style-page="sales-sales-bulk"]):is(.btn-dl:hover),
:where(html[data-style-page="sales-sales-bulk"]) :is(.btn-dl:hover){background:#dbeafe;}
:where(html[data-style-page="sales-sales-bulk"]):is(.btn-up),
:where(html[data-style-page="sales-sales-bulk"]) :is(.btn-up){background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;} :where(html[data-style-page="sales-sales-bulk"]):is(.btn-up:hover),
:where(html[data-style-page="sales-sales-bulk"]) :is(.btn-up:hover){background:#dcfce7;}
:where(html[data-style-page="sales-sales-bulk"]):is(.btn-confirm),
:where(html[data-style-page="sales-sales-bulk"]) :is(.btn-confirm){background:#16a34a;color:#fff;border:none;padding:12px 28px;font-size:14px;} :where(html[data-style-page="sales-sales-bulk"]):is(.btn-confirm:hover),
:where(html[data-style-page="sales-sales-bulk"]) :is(.btn-confirm:hover){background:#15803d;}
:where(html[data-style-page="sales-sales-bulk"]):is(.btn-back2),
:where(html[data-style-page="sales-sales-bulk"]) :is(.btn-back2){background:#f8fafc;color:#374151;border:1px solid #e2e8f0;}
:where(html[data-style-page="sales-sales-bulk"]):is(.upload-zone),
:where(html[data-style-page="sales-sales-bulk"]) :is(.upload-zone){border:2px dashed #cbd5e1;border-radius:10px;padding:32px;text-align:center;cursor:pointer;background:#f8fafc;transition:border-color .15s,background .15s;}
:where(html[data-style-page="sales-sales-bulk"]):is(.upload-zone:hover),
:where(html[data-style-page="sales-sales-bulk"]) :is(.upload-zone:hover),
:where(html[data-style-page="sales-sales-bulk"]):is(.upload-zone.drag),
:where(html[data-style-page="sales-sales-bulk"]) :is(.upload-zone.drag){border-color:#3b82f6;background:#eff6ff;}
:where(html[data-style-page="sales-sales-bulk"]):is(.upload-zone input[type=file]),
:where(html[data-style-page="sales-sales-bulk"]) :is(.upload-zone input[type=file]){display:none;} :where(html[data-style-page="sales-sales-bulk"]):is(.uz-icon),
:where(html[data-style-page="sales-sales-bulk"]) :is(.uz-icon){font-size:34px;color:#94a3b8;margin-bottom:8px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.uz-text),
:where(html[data-style-page="sales-sales-bulk"]) :is(.uz-text){font-size:14px;font-weight:800;color:#475569;} :where(html[data-style-page="sales-sales-bulk"]):is(.uz-sub),
:where(html[data-style-page="sales-sales-bulk"]) :is(.uz-sub){font-size:12px;color:#94a3b8;margin-top:3px;} :where(html[data-style-page="sales-sales-bulk"]):is(.uz-sel),
:where(html[data-style-page="sales-sales-bulk"]) :is(.uz-sel){color:#166534;}
:where(html[data-style-page="sales-sales-bulk"]):is(.notice),
:where(html[data-style-page="sales-sales-bulk"]) :is(.notice){display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;font-size:13px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.n-info),
:where(html[data-style-page="sales-sales-bulk"]) :is(.n-info){background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;} :where(html[data-style-page="sales-sales-bulk"]):is(.n-warn),
:where(html[data-style-page="sales-sales-bulk"]) :is(.n-warn){background:#fffbeb;border:1px solid #fde68a;color:#92400e;}
:where(html[data-style-page="sales-sales-bulk"]):is(.n-ok),
:where(html[data-style-page="sales-sales-bulk"]) :is(.n-ok){background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;} :where(html[data-style-page="sales-sales-bulk"]):is(.n-err),
:where(html[data-style-page="sales-sales-bulk"]) :is(.n-err){background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}

/* preview table */
:where(html[data-style-page="sales-sales-bulk"]):is(.prev-group),
:where(html[data-style-page="sales-sales-bulk"]) :is(.prev-group){margin-bottom:20px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.prev-head),
:where(html[data-style-page="sales-sales-bulk"]) :is(.prev-head){display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;}
:where(html[data-style-page="sales-sales-bulk"]):is(.prev-head .ph-date),
:where(html[data-style-page="sales-sales-bulk"]) :is(.prev-head .ph-date){font-size:14px;font-weight:900;color:#1e293b;}
:where(html[data-style-page="sales-sales-bulk"]):is(.prev-head .ph-branch),
:where(html[data-style-page="sales-sales-bulk"]) :is(.prev-head .ph-branch){font-size:13px;font-weight:700;background:#eff6ff;color:#1d4ed8;padding:3px 10px;border-radius:999px;border:1px solid #bfdbfe;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl){width:100%;border-collapse:collapse;font-size:13px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl thead th),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl thead th){padding:8px 10px;background:#f1f5f9;font-weight:900;text-align:start;border-bottom:2px solid #e2e8f0;white-space:nowrap;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl tbody td),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl tbody td){padding:6px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl tfoot td),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl tfoot td){padding:8px 10px;font-weight:900;background:#f8fafc;border-top:2px solid #e2e8f0;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl input[type=number]),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl input[type=number]){width:100px;padding:5px 7px;border-radius:6px;border:1px solid #d1d5db;font-size:12px;text-align:end;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl input[type=number]:focus),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl input[type=number]:focus){outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.15);}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl input.gross-inp),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl input.gross-inp){background:#fffde7;border-color:#fbbf24;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl input.retc-inp),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl input.retc-inp){background:#fff0f0;border-color:#fca5a5;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl input.retv-inp),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl input.retv-inp){background:#fff0f0;border-color:#fca5a5;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl input.tips-inp),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl input.tips-inp){background:#fffbeb;border-color:#f59e0b;color:#92400e;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ptbl .tips-na),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ptbl .tips-na){color:#94a3b8;text-align:center;font-size:11px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.net-cell),
:where(html[data-style-page="sales-sales-bulk"]) :is(.net-cell){font-weight:700;text-align:end;color:#1e293b;}
:where(html[data-style-page="sales-sales-bulk"]):is(.net-neg),
:where(html[data-style-page="sales-sales-bulk"]) :is(.net-neg){color:#dc2626;}
:where(html[data-style-page="sales-sales-bulk"]):is(.pm-cash),
:where(html[data-style-page="sales-sales-bulk"]) :is(.pm-cash){display:inline-block;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
:where(html[data-style-page="sales-sales-bulk"]):is(.pm-credit),
:where(html[data-style-page="sales-sales-bulk"]) :is(.pm-credit){display:inline-block;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:900;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
:where(html[data-style-page="sales-sales-bulk"]):is(.pm-cl),
:where(html[data-style-page="sales-sales-bulk"]) :is(.pm-cl){display:inline-block;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:900;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;}
:where(html[data-style-page="sales-sales-bulk"]):is(.rtbl),
:where(html[data-style-page="sales-sales-bulk"]) :is(.rtbl){width:100%;border-collapse:collapse;font-size:13px;margin-top:10px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.rtbl th),
:where(html[data-style-page="sales-sales-bulk"]) :is(.rtbl th){padding:8px 12px;background:#f1f5f9;font-weight:900;text-align:start;border-bottom:1px solid #e2e8f0;}
:where(html[data-style-page="sales-sales-bulk"]):is(.rtbl td),
:where(html[data-style-page="sales-sales-bulk"]) :is(.rtbl td){padding:7px 12px;border-bottom:1px solid #f1f5f9;}
:where(html[data-style-page="sales-sales-bulk"]):is(.rtbl tfoot td),
:where(html[data-style-page="sales-sales-bulk"]) :is(.rtbl tfoot td){font-weight:900;background:#f8fafc;}
:where(html[data-style-page="sales-sales-bulk"]):is(.chtbl),
:where(html[data-style-page="sales-sales-bulk"]) :is(.chtbl){width:100%;border-collapse:collapse;font-size:12px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.chtbl th),
:where(html[data-style-page="sales-sales-bulk"]) :is(.chtbl th){padding:7px 10px;background:#f1f5f9;font-weight:900;text-align:start;border-bottom:1px solid #e2e8f0;}
:where(html[data-style-page="sales-sales-bulk"]):is(.chtbl td),
:where(html[data-style-page="sales-sales-bulk"]) :is(.chtbl td){padding:6px 10px;border-bottom:1px solid #f1f5f9;}
:where(html[data-style-page="sales-sales-bulk"]):is(.tdiag),
:where(html[data-style-page="sales-sales-bulk"]) :is(.tdiag){width:100%;border-collapse:collapse;font-size:12px;margin-top:10px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.tdiag td),
:where(html[data-style-page="sales-sales-bulk"]) :is(.tdiag td){padding:5px 9px;border:1px solid #e2e8f0;}
:where(html[data-style-page="sales-sales-bulk"]):is(.td-lbl),
:where(html[data-style-page="sales-sales-bulk"]) :is(.td-lbl){background:#0e7490;color:#fff;font-weight:900;text-align:center;white-space:nowrap;}
:where(html[data-style-page="sales-sales-bulk"]):is(.td-yel),
:where(html[data-style-page="sales-sales-bulk"]) :is(.td-yel){background:#fff3cd;font-weight:700;color:#92400e;text-align:center;}
:where(html[data-style-page="sales-sales-bulk"]):is(.td-pink),
:where(html[data-style-page="sales-sales-bulk"]) :is(.td-pink){background:#fce4ec;font-weight:700;color:#7f1d1d;text-align:center;}
:where(html[data-style-page="sales-sales-bulk"]):is(.td-grey),
:where(html[data-style-page="sales-sales-bulk"]) :is(.td-grey){background:#f0f0f0;color:#374151;}
:where(html[data-style-page="sales-sales-bulk"]):is(.td-gross),
:where(html[data-style-page="sales-sales-bulk"]) :is(.td-gross){background:#ffd966;font-weight:900;color:#7b3f00;text-align:center;}
:where(html[data-style-page="sales-sales-bulk"]):is(.td-tips),
:where(html[data-style-page="sales-sales-bulk"]) :is(.td-tips){background:#fed7aa;font-weight:900;color:#9a3412;text-align:center;}
:where(html[data-style-page="sales-sales-bulk"]):is(.td-sum),
:where(html[data-style-page="sales-sales-bulk"]) :is(.td-sum){background:#e8f4fd;font-weight:900;color:#1e3a5f;text-align:center;}

/* ── OCR Receipt Scanner ── */
:where(html[data-style-page="sales-sales-bulk"]):is(.tab-toggle),
:where(html[data-style-page="sales-sales-bulk"]) :is(.tab-toggle){display:flex;gap:0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:14px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.tab-toggle button),
:where(html[data-style-page="sales-sales-bulk"]) :is(.tab-toggle button){flex:1;padding:10px 14px;border:none;background:#f8fafc;font-size:13px;font-weight:800;color:#64748b;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.tab-toggle button.active),
:where(html[data-style-page="sales-sales-bulk"]) :is(.tab-toggle button.active){background:#1e293b;color:#fff;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-zone),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-zone){border:2px dashed #a78bfa;border-radius:10px;padding:32px;text-align:center;cursor:pointer;background:#faf5ff;transition:border-color .15s,background .15s;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-zone:hover),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-zone:hover),
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-zone.drag),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-zone.drag){border-color:#7c3aed;background:#ede9fe;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-zone input[type=file]),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-zone input[type=file]){display:none;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-preview-img),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-preview-img){max-width:260px;max-height:180px;border-radius:8px;border:1px solid #e2e8f0;margin-top:10px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-bar),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-bar){height:6px;border-radius:99px;background:#e2e8f0;overflow:hidden;margin:12px 0;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-bar-fill),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-bar-fill){height:100%;border-radius:99px;background:linear-gradient(90deg,#7c3aed,#a78bfa);width:0%;transition:width .3s;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-status),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-status){font-size:13px;color:#64748b;font-weight:700;text-align:center;}
:where(html[data-style-page="sales-sales-bulk"]):is(.map-tbl),
:where(html[data-style-page="sales-sales-bulk"]) :is(.map-tbl){width:100%;border-collapse:collapse;font-size:13px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.map-tbl th),
:where(html[data-style-page="sales-sales-bulk"]) :is(.map-tbl th){padding:8px 10px;background:#f1f5f9;font-weight:900;text-align:start;border-bottom:2px solid #e2e8f0;white-space:nowrap;}
:where(html[data-style-page="sales-sales-bulk"]):is(.map-tbl td),
:where(html[data-style-page="sales-sales-bulk"]) :is(.map-tbl td){padding:6px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
:where(html[data-style-page="sales-sales-bulk"]):is(.map-tbl select),
:where(html[data-style-page="sales-sales-bulk"]) :is(.map-tbl select){width:100%;padding:5px 7px;border-radius:6px;border:1px solid #d1d5db;font-size:12px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.map-tbl .amt-cell),
:where(html[data-style-page="sales-sales-bulk"]) :is(.map-tbl .amt-cell){text-align:end;font-weight:700;font-family:monospace;font-size:13px;}
:where(html[data-style-page="sales-sales-bulk"]):is(.map-tbl .ret-row),
:where(html[data-style-page="sales-sales-bulk"]) :is(.map-tbl .ret-row){background:#fef2f2;}
:where(html[data-style-page="sales-sales-bulk"]):is(.map-tbl .ret-row .amt-cell),
:where(html[data-style-page="sales-sales-bulk"]) :is(.map-tbl .ret-row .amt-cell){color:#dc2626;}
:where(html[data-style-page="sales-sales-bulk"]):is(.ocr-match-ok),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-match-ok){color:#16a34a;font-weight:700;} :where(html[data-style-page="sales-sales-bulk"]):is(.ocr-match-warn),
:where(html[data-style-page="sales-sales-bulk"]) :is(.ocr-match-warn){color:#ea580c;font-weight:700;}

/* Page: sales/sales_input.php */

:where(html[data-style-page="sales-sales-input"]):is(.sales-card),
:where(html[data-style-page="sales-sales-input"]) :is(.sales-card){
    background: #ffffff;
    border: 1px solid #e5e7eb;
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 12px;
}
:where(html[data-style-page="sales-sales-input"]):is(.sales-row),
:where(html[data-style-page="sales-sales-input"]) :is(.sales-row){
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}
:where(html[data-style-page="sales-sales-input"]):is(input),
:where(html[data-style-page="sales-sales-input"]) :is(input),
:where(html[data-style-page="sales-sales-input"]):is(select),
:where(html[data-style-page="sales-sales-input"]) :is(select){
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}
:where(html[data-style-page="sales-sales-input"]):is(.total),
:where(html[data-style-page="sales-sales-input"]) :is(.total){
    font-weight: 700;
    background: #eef2ff;
    color: #1e40af;
}
:where(html[data-style-page="sales-sales-input"]):is(.btn-add),
:where(html[data-style-page="sales-sales-input"]) :is(.btn-add){
    background: #2563eb;
    color: #ffffff;
    padding: 10px 18px;
    border-radius: 10px;
    border: none;
    font-weight: 600;
    cursor: pointer;
}
:where(html[data-style-page="sales-sales-input"]):is(.btn-save),
:where(html[data-style-page="sales-sales-input"]) :is(.btn-save){
    background: #16a34a;
    color: #ffffff;
    padding: 12px 26px;
    border-radius: 12px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}
:where(html[data-style-page="sales-sales-input"]):is(.btn-save:disabled),
:where(html[data-style-page="sales-sales-input"]) :is(.btn-save:disabled){
    opacity: 0.5;
    cursor: not-allowed;
}
:where(html[data-style-page="sales-sales-input"]):is(#summaryBar),
:where(html[data-style-page="sales-sales-input"]) :is(#summaryBar){
    background: #f0f9ff;
    border: 1px solid #bae6fd;
}
:where(html[data-style-page="sales-sales-input"]):is(.small-btn),
:where(html[data-style-page="sales-sales-input"]) :is(.small-btn){
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    background: #fff;
    cursor: pointer;
}
:where(html[data-style-page="sales-sales-input"]):is(.tips-field),
:where(html[data-style-page="sales-sales-input"]) :is(.tips-field){
    border: 1px solid #fcd34d;
    background: #fffbeb;
    border-radius: 10px;
    padding: 9px 10px;
}
:where(html[data-style-page="sales-sales-input"]):is(.tips-field[hidden]),
:where(html[data-style-page="sales-sales-input"]) :is(.tips-field[hidden]){
    display: none !important;
}
:where(html[data-style-page="sales-sales-input"]):is(.tips-field label),
:where(html[data-style-page="sales-sales-input"]) :is(.tips-field label){
    display: block;
    color: #92400e;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
}
:where(html[data-style-page="sales-sales-input"]):is(.tips-field input),
:where(html[data-style-page="sales-sales-input"]) :is(.tips-field input){
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}
:where(html[data-style-page="sales-sales-input"]):is(.tips-help),
:where(html[data-style-page="sales-sales-input"]) :is(.tips-help){
    display: block;
    color: #78350f;
    font-size: 11px;
    line-height: 1.45;
    margin-top: 5px;
}
:where(html[data-style-page="sales-sales-input"]):is(.summary-tip),
:where(html[data-style-page="sales-sales-input"]) :is(.summary-tip){
    background: #fffbeb;
    border-radius: 9px;
    color: #92400e;
    padding: 8px 10px;
}
:where(html[data-style-page="sales-sales-input"]):is(.summary-bank),
:where(html[data-style-page="sales-sales-input"]) :is(.summary-bank){
    background: #ecfdf5;
    border-radius: 9px;
    color: #065f46;
    padding: 8px 10px;
}

/* Page: sales/sales_log(1).php */

:where(html[data-style-page="sales-sales-log-1-"]):is(.toolbar),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.toolbar){
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.btn-lite),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.btn-lite){
  padding:8px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);
  background:#fff;cursor:pointer;font-weight:900;display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;color:inherit;position:relative;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.filter-dot),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.filter-dot){
  display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;border-radius:999px;
  font-size:11px;font-weight:900;color:#fff;padding:0 6px;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.filter-dot.on),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.filter-dot.on){background:#2563eb;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.filter-dot.off),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.filter-dot.off){background:#94a3b8;}
:where(html[data-style-page="sales-sales-log-1-"]):is(select),
:where(html[data-style-page="sales-sales-log-1-"]) :is(select),
:where(html[data-style-page="sales-sales-log-1-"]):is(input),
:where(html[data-style-page="sales-sales-log-1-"]) :is(input){width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.15)}

/* ── KPI row 1 (6 boxes) ── */
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-wrap),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-wrap){display:flex;justify-content:center;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.summary-grid),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-grid){
  width:min(1100px,100%);
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin:14px auto 8px;
}
@media(max-width:1100px){ :where(html[data-style-page="sales-sales-log-1-"]):is(.summary-grid),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-grid){grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:600px) { :where(html[data-style-page="sales-sales-log-1-"]):is(.summary-grid),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-grid){grid-template-columns:repeat(2,minmax(0,1fr));} }

/* ── KPI row 2 (cash / credit / CL) ── */
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-wrap2),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-wrap2){display:flex;justify-content:center;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.summary-grid2),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-grid2){
  width:min(1100px,100%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 auto 14px;
}
@media(max-width:900px){ :where(html[data-style-page="sales-sales-log-1-"]):is(.summary-grid2),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-grid2){grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:600px){ :where(html[data-style-page="sales-sales-log-1-"]):is(.summary-grid2),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-grid2){grid-template-columns:1fr;} }

:where(html[data-style-page="sales-sales-log-1-"]):is(.summary-box),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-box){
  padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,.09);
  background:#fff;text-align:center;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.summary-box .cap),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-box .cap){font-size:12px;color:#445;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.summary-box strong),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.summary-box strong){display:block;font-size:19px;margin-top:8px;letter-spacing:.2px;font-weight:900;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-sub),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-sub){font-size:12px;color:#667;margin-top:8px}

/* accents */
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-gross),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-gross){ background:linear-gradient(160deg, rgba(59,130,246,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-net),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-net){ background:linear-gradient(160deg, rgba(16,185,129,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-vat),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-vat){ background:linear-gradient(160deg, rgba(245,158,11,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-serv),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-serv){ background:linear-gradient(160deg, rgba(139,92,246,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-disc),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-disc){ background:linear-gradient(160deg, rgba(244,63,94,.08),   rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-pay),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-pay){ background:linear-gradient(160deg, rgba(239,68,68,.08),   rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-cash),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-cash){ background:linear-gradient(160deg, rgba(34,197,94,.10),   rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-credit),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-credit){ background:linear-gradient(160deg, rgba(99,102,241,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.kpi-cl),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.kpi-cl){ background:linear-gradient(160deg, rgba(234,88,12,.10),   rgba(255,255,255,1)); }

:where(html[data-style-page="sales-sales-log-1-"]):is(.payable-red),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.payable-red){ color:#dc2626 !important; font-weight:900; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cash-green),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cash-green){ color:#166534; font-weight:900; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.credit-blue),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.credit-blue){ color:#2d4f9e; font-weight:900; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-orange),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-orange){ color:#c2410c; font-weight:900; }

/* ── Flatten all floating cards ── */
:where(html[data-style-page="sales-sales-log-1-"]):is(.card),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.card){
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.card.month-section),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.card.month-section){ margin-top:12px !important; }

/* month header */
:where(html[data-style-page="sales-sales-log-1-"]):is(.month-section),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-section){ margin-top:12px; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.month-bar),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-bar){
  background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px;border-radius:14px 14px 0 0;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.month-head),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-head){display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.month-left),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-left){display:flex;align-items:center;gap:10px;min-width:0;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.month-toggle),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-toggle){
  border:1px solid #d1d5db;background:#fff;border-radius:14px;
  padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:900;
  max-width:min(520px,100%);
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.month-toggle .arrow),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-toggle .arrow){
  width:28px;height:28px;border:1px solid #e5e7eb;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;font-size:14px;background:#fff;
  transform:rotate(0deg);transition:transform .15s ease;flex:0 0 auto;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.month-toggle[aria-expanded="true"] .arrow),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-toggle[aria-expanded="true"] .arrow){ transform: rotate(90deg); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.month-title),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-title){font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}

:where(html[data-style-page="sales-sales-log-1-"]):is(.month-totals),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-totals){
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:min(760px,100%);
}
@media(max-width:900px){ :where(html[data-style-page="sales-sales-log-1-"]):is(.month-totals),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-totals){grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:520px){ :where(html[data-style-page="sales-sales-log-1-"]):is(.month-totals),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-totals){grid-template-columns:1fr;} }

:where(html[data-style-page="sales-sales-log-1-"]):is(.month-pill),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.month-pill){
  background:#fff;border:1px solid #e5e7eb;border-radius:999px;
  padding:6px 10px;font-size:12px;font-weight:900;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

:where(html[data-style-page="sales-sales-log-1-"]):is(.table-wrap),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.table-wrap){width:100%;max-width:100%;overflow-x:auto;border-radius:0 0 14px 14px;}
:where(html[data-style-page="sales-sales-log-1-"]):is(table.sales-entry),
:where(html[data-style-page="sales-sales-log-1-"]) :is(table.sales-entry){width:100%;border-collapse:collapse;table-layout:auto;}
:where(html[data-style-page="sales-sales-log-1-"]):is(table.sales-entry th),
:where(html[data-style-page="sales-sales-log-1-"]) :is(table.sales-entry th),
:where(html[data-style-page="sales-sales-log-1-"]):is(table.sales-entry td),
:where(html[data-style-page="sales-sales-log-1-"]) :is(table.sales-entry td){padding:10px 8px;border-bottom:1px solid #eee;vertical-align:middle;}
:where(html[data-style-page="sales-sales-log-1-"]):is(table.sales-entry th),
:where(html[data-style-page="sales-sales-log-1-"]) :is(table.sales-entry th){
  background:#f8fafc;font-weight:900;color:#334155;
  white-space:nowrap;line-height:1.25;font-size:13px;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(table.sales-entry td),
:where(html[data-style-page="sales-sales-log-1-"]) :is(table.sales-entry td){white-space:nowrap;font-size:13px;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.col-date),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.col-date){white-space:nowrap;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.col-money),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.col-money){text-align:end;white-space:nowrap;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.col-actions),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.col-actions){text-align:end;white-space:nowrap;}
@media(max-width:900px){
  :where(html[data-style-page="sales-sales-log-1-"]):is(table.sales-entry td),
:where(html[data-style-page="sales-sales-log-1-"]) :is(table.sales-entry td),
:where(html[data-style-page="sales-sales-log-1-"]):is(table.sales-entry th),
:where(html[data-style-page="sales-sales-log-1-"]) :is(table.sales-entry th){font-size:12px;padding:8px 5px;}
}

:where(html[data-style-page="sales-sales-log-1-"]):is(tr.is-hidden),
:where(html[data-style-page="sales-sales-log-1-"]) :is(tr.is-hidden){display:none;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.today-row),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.today-row){background:#fff7cc;}
:where(html[data-style-page="sales-sales-log-1-"]):is(.view-btn),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.view-btn){
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:12px;border:1px solid rgba(0,0,0,.12);
  background:#fff;font-weight:900;text-decoration:none;color:inherit;white-space:nowrap;
}

/* Modal */
:where(html[data-style-page="sales-sales-log-1-"]):is(.modal),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.modal){position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.35);padding:16px;z-index:999}
:where(html[data-style-page="sales-sales-log-1-"]):is(.modal.show),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.modal.show){display:flex}
:where(html[data-style-page="sales-sales-log-1-"]):is(.modalCard),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.modalCard){width:min(900px,100%);background:#fff;border-radius:16px;overflow:hidden}
:where(html[data-style-page="sales-sales-log-1-"]):is(.modalHd),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.modalHd){padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.12);display:flex;justify-content:space-between;align-items:center}
:where(html[data-style-page="sales-sales-log-1-"]):is(.modalBd),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.modalBd){padding:14px}
:where(html[data-style-page="sales-sales-log-1-"]):is(.fieldRow),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.fieldRow){display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
:where(html[data-style-page="sales-sales-log-1-"]):is(.field),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.field){grid-column:span 4}
@media(max-width:700px){:where(html[data-style-page="sales-sales-log-1-"]):is(.field),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.field){grid-column:span 12}}
:where(html[data-style-page="sales-sales-log-1-"]):is(.helperNote),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.helperNote){font-size:12px;color:#667;margin-top:8px}

:where(html[data-style-page="sales-sales-log-1-"]):is([dir="rtl"] .col-money),
:where(html[data-style-page="sales-sales-log-1-"]) :is([dir="rtl"] .col-money){ text-align:left; }
:where(html[data-style-page="sales-sales-log-1-"]):is([dir="rtl"] .col-actions),
:where(html[data-style-page="sales-sales-log-1-"]) :is([dir="rtl"] .col-actions){ text-align:left; }
:where(html[data-style-page="sales-sales-log-1-"]):is([dir="rtl"] .act-dropdown),
:where(html[data-style-page="sales-sales-log-1-"]) :is([dir="rtl"] .act-dropdown){ right:auto;left:0; }

/* ── Day action controls ── */
:where(html[data-style-page="sales-sales-log-1-"]):is(.day-actions),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.day-actions){ display:inline-flex; align-items:center; gap:6px; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.lock-btn),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.lock-btn){
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:10px;border:1px solid rgba(0,0,0,.12);
  background:#fff;cursor:pointer;font-size:14px;transition:background .12s;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.lock-btn:hover),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.lock-btn:hover){ background:#f1f5f9; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.lock-btn.locked),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.lock-btn.locked){ background:#fef9c3;border-color:#fde047;color:#854d0e; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.lock-btn.unlocked),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.lock-btn.unlocked){ background:#f0fdf4;border-color:#86efac;color:#166534; }

:where(html[data-style-page="sales-sales-log-1-"]):is(.act-menu-wrap),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-menu-wrap){ position:relative;display:inline-flex; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-menu-btn),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-menu-btn){
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);
  background:#fff;cursor:pointer;font-size:12px;font-weight:900;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-menu-btn:hover),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-menu-btn:hover){ background:#f1f5f9; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-menu-btn:disabled),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-menu-btn:disabled),
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-menu-btn[disabled]),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-menu-btn[disabled]){ opacity:.35;cursor:not-allowed; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-dropdown),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-dropdown){
  position:absolute;top:calc(100% + 4px);right:0;z-index:200;
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:150px;overflow:hidden;
  display:none;
}
:where(html[data-style-page="sales-sales-log-1-"]):is([dir="rtl"] .act-dropdown),
:where(html[data-style-page="sales-sales-log-1-"]) :is([dir="rtl"] .act-dropdown){ right:auto;left:0; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-dropdown.open),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-dropdown.open){ display:block; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-dropdown button),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-dropdown button){
  display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;
  border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:900;text-align:start;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-dropdown button:hover),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-dropdown button:hover){ background:#f1f5f9; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-dropdown button.danger),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-dropdown button.danger){ color:#dc2626; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.act-dropdown button.danger:hover),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.act-dropdown button.danger:hover){ background:#fef2f2; }

/* ── Edit modal ── */
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-modal),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-modal){ position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.4);padding:16px;z-index:1000; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-modal.show),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-modal.show){ display:flex; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-card),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-card){ width:min(820px,100%);background:#fff;border-radius:16px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-hd),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-hd){ padding:14px 18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-hd-title),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-hd-title){ font-size:15px;font-weight:900;color:#1e293b; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-bd),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-bd){ padding:14px 18px;overflow-y:auto;flex:1; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-ft),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-ft){ padding:12px 18px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-tbl),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-tbl){ width:100%;border-collapse:collapse;font-size:13px; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-tbl th),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-tbl th){ padding:8px 10px;background:#f8fafc;font-weight:900;text-align:start;border-bottom:2px solid #e5e7eb;white-space:nowrap; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-tbl td),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-tbl td){ padding:6px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-tbl input[type=number]),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-tbl input[type=number]){ width:100px;padding:5px 7px;border-radius:7px;border:1px solid #fbbf24;background:#fffde7;font-size:12px;text-align:end; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-tbl input[type=number]:focus),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-tbl input[type=number]:focus){ outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px rgba(251,191,36,.2); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-net),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-net){ text-align:end;color:#1e293b;font-weight:700;font-size:12px; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.pm-cash),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.pm-cash){ display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.pm-credit),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.pm-credit){ display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.pm-cl),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.pm-cl){ display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.edit-tbl tfoot td),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.edit-tbl tfoot td){ padding:8px 10px;font-weight:900;background:#f8fafc;border-top:2px solid #e5e7eb; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.btn-primary),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.btn-primary){ display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-weight:900;font-size:13px;cursor:pointer; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.btn-primary:hover),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.btn-primary:hover){ background:#1d4ed8; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.btn-primary:disabled),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.btn-primary:disabled){ opacity:.5;cursor:not-allowed; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.btn-neutral),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.btn-neutral){ display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#f8fafc;color:#374151;border:1px solid #e2e8f0;border-radius:10px;font-weight:900;font-size:13px;cursor:pointer; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.delete-confirm),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.delete-confirm){ background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:14px;margin-bottom:14px;color:#991b1b;font-weight:700;font-size:13px;display:none; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.delete-confirm.show),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.delete-confirm.show){ display:block; }

/* ── CL modals ── */
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-modal),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-modal){ position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.40);padding:16px;z-index:1100; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-modal.show),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-modal.show){ display:flex; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-card),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-card){ width:min(740px,100%);background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-card-wide),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-card-wide){ width:min(860px,100%); }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-hd),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-hd){ padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-hd-title),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-hd-title){ font-size:15px;font-weight:900;color:#1e293b; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-bd),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-bd){ padding:16px;overflow-y:auto;flex:1; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-ft),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-ft){ padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-tbl),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-tbl){ width:100%;border-collapse:collapse;font-size:13px; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-tbl th),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-tbl th){ padding:8px 10px;background:#f8fafc;font-weight:900;text-align:start;border-bottom:2px solid #e5e7eb;white-space:nowrap; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-tbl td),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-tbl td){ padding:7px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-tbl tfoot td),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-tbl tfoot td){ padding:8px 10px;font-weight:900;background:#fff7ed;border-top:2px solid #e5e7eb; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-tbl .money),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-tbl .money){ text-align:end;font-weight:700; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-badge-orange),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-badge-orange){ display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-badge-green),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-badge-green){ display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-field-row),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-field-row){ display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px; }
@media(max-width:560px){ :where(html[data-style-page="sales-sales-log-1-"]):is(.cl-field-row),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-field-row){ grid-template-columns:1fr; } }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-field label),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-field label){ display:block;margin-bottom:5px;font-size:12px;font-weight:900;color:#475569; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-field input),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-field input),
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-field textarea),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-field textarea),
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-field select),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-field select){
  width:100%;padding:9px 11px;border-radius:9px;border:1px solid #d1d5db;font-size:13px;box-sizing:border-box;
}
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-field textarea),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-field textarea){ min-height:70px;resize:vertical; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-note),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-note){ padding:10px 13px;border-radius:8px;font-size:12px;font-weight:700; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-note-warn),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-note-warn){ background:#fff7ed;border:1px solid #fed7aa;color:#92400e; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-note-info),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-note-info){ background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-spinner),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-spinner){ text-align:center;padding:30px;color:#94a3b8;font-size:22px; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.cl-error),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.cl-error){ padding:10px 13px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;font-weight:700;display:none; }
:where(html[data-style-page="sales-sales-log-1-"]):is(.settled-tag),
:where(html[data-style-page="sales-sales-log-1-"]) :is(.settled-tag){ display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0; }

/* Page: sales/sales_log.php */

:where(html[data-style-page="sales-sales-log"]):is(.toolbar),
:where(html[data-style-page="sales-sales-log"]) :is(.toolbar){
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;
}
:where(html[data-style-page="sales-sales-log"]):is(.btn-lite),
:where(html[data-style-page="sales-sales-log"]) :is(.btn-lite){
  padding:8px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);
  background:#fff;cursor:pointer;font-weight:900;display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;color:inherit;position:relative;
}
:where(html[data-style-page="sales-sales-log"]):is(.filter-dot),
:where(html[data-style-page="sales-sales-log"]) :is(.filter-dot){
  display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;border-radius:999px;
  font-size:11px;font-weight:900;color:#fff;padding:0 6px;
}
:where(html[data-style-page="sales-sales-log"]):is(.filter-dot.on),
:where(html[data-style-page="sales-sales-log"]) :is(.filter-dot.on){background:#2563eb;}
:where(html[data-style-page="sales-sales-log"]):is(.filter-dot.off),
:where(html[data-style-page="sales-sales-log"]) :is(.filter-dot.off){background:#94a3b8;}
:where(html[data-style-page="sales-sales-log"]):is(select),
:where(html[data-style-page="sales-sales-log"]) :is(select),
:where(html[data-style-page="sales-sales-log"]):is(input),
:where(html[data-style-page="sales-sales-log"]) :is(input){width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.15)}

/* ── KPI row 1 (6 boxes) ── */
:where(html[data-style-page="sales-sales-log"]):is(.kpi-wrap),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-wrap){display:flex;justify-content:center;}
:where(html[data-style-page="sales-sales-log"]):is(.summary-grid),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-grid){
  width:min(1100px,100%);
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin:14px auto 8px;
}
@media(max-width:1100px){ :where(html[data-style-page="sales-sales-log"]):is(.summary-grid),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-grid){grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:600px) { :where(html[data-style-page="sales-sales-log"]):is(.summary-grid),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-grid){grid-template-columns:repeat(2,minmax(0,1fr));} }

/* ── KPI row 2 (cash / credit / CL) ── */
:where(html[data-style-page="sales-sales-log"]):is(.kpi-wrap2),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-wrap2){display:flex;justify-content:center;}
:where(html[data-style-page="sales-sales-log"]):is(.summary-grid2),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-grid2){
  width:min(1100px,100%);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:0 auto 14px;
}
@media(max-width:1100px){ :where(html[data-style-page="sales-sales-log"]):is(.summary-grid2),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-grid2){grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:900px){ :where(html[data-style-page="sales-sales-log"]):is(.summary-grid2),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-grid2){grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:600px){ :where(html[data-style-page="sales-sales-log"]):is(.summary-grid2),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-grid2){grid-template-columns:1fr;} }

:where(html[data-style-page="sales-sales-log"]):is(.summary-box),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-box){
  padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,.09);
  background:#fff;text-align:center;
}
:where(html[data-style-page="sales-sales-log"]):is(.summary-box .cap),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-box .cap){font-size:12px;color:#445;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;}
:where(html[data-style-page="sales-sales-log"]):is(.summary-box strong),
:where(html[data-style-page="sales-sales-log"]) :is(.summary-box strong){display:block;font-size:19px;margin-top:8px;letter-spacing:.2px;font-weight:900;}
:where(html[data-style-page="sales-sales-log"]):is(.kpi-sub),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-sub){font-size:12px;color:#667;margin-top:8px}

/* accents */
:where(html[data-style-page="sales-sales-log"]):is(.kpi-gross),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-gross){ background:linear-gradient(160deg, rgba(59,130,246,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-net),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-net){ background:linear-gradient(160deg, rgba(16,185,129,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-vat),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-vat){ background:linear-gradient(160deg, rgba(245,158,11,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-serv),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-serv){ background:linear-gradient(160deg, rgba(139,92,246,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-disc),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-disc){ background:linear-gradient(160deg, rgba(244,63,94,.08),   rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-pay),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-pay){ background:linear-gradient(160deg, rgba(239,68,68,.08),   rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-cash),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-cash){ background:linear-gradient(160deg, rgba(34,197,94,.10),   rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-credit),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-credit){ background:linear-gradient(160deg, rgba(99,102,241,.10),  rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-cl),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-cl){ background:linear-gradient(160deg, rgba(234,88,12,.10),   rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-tips),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-tips){ background:linear-gradient(160deg, rgba(217,119,6,.11),   rgba(255,255,255,1)); }
:where(html[data-style-page="sales-sales-log"]):is(.kpi-bank-total),
:where(html[data-style-page="sales-sales-log"]) :is(.kpi-bank-total){ background:linear-gradient(160deg, rgba(14,165,233,.11), rgba(255,255,255,1)); }

:where(html[data-style-page="sales-sales-log"]):is(.payable-red),
:where(html[data-style-page="sales-sales-log"]) :is(.payable-red){ color:#dc2626 !important; font-weight:900; }
:where(html[data-style-page="sales-sales-log"]):is(.cash-green),
:where(html[data-style-page="sales-sales-log"]) :is(.cash-green){ color:#166534; font-weight:900; }
:where(html[data-style-page="sales-sales-log"]):is(.credit-blue),
:where(html[data-style-page="sales-sales-log"]) :is(.credit-blue){ color:#2d4f9e; font-weight:900; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-orange),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-orange){ color:#c2410c; font-weight:900; }
:where(html[data-style-page="sales-sales-log"]):is(.tips-amber),
:where(html[data-style-page="sales-sales-log"]) :is(.tips-amber){ color:#92400e; font-weight:900; }
:where(html[data-style-page="sales-sales-log"]):is(.bank-total),
:where(html[data-style-page="sales-sales-log"]) :is(.bank-total){ color:#0369a1; font-weight:900; }

/* ── Flatten all floating cards ── */
:where(html[data-style-page="sales-sales-log"]):is(.card),
:where(html[data-style-page="sales-sales-log"]) :is(.card){
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
:where(html[data-style-page="sales-sales-log"]):is(.card.month-section),
:where(html[data-style-page="sales-sales-log"]) :is(.card.month-section){ margin-top:12px !important; }

/* month header */
:where(html[data-style-page="sales-sales-log"]):is(.month-section),
:where(html[data-style-page="sales-sales-log"]) :is(.month-section){ margin-top:12px; }
:where(html[data-style-page="sales-sales-log"]):is(.month-bar),
:where(html[data-style-page="sales-sales-log"]) :is(.month-bar){
  background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px;border-radius:14px 14px 0 0;
}
:where(html[data-style-page="sales-sales-log"]):is(.month-head),
:where(html[data-style-page="sales-sales-log"]) :is(.month-head){display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;}
:where(html[data-style-page="sales-sales-log"]):is(.month-left),
:where(html[data-style-page="sales-sales-log"]) :is(.month-left){display:flex;align-items:center;gap:10px;min-width:0;}
:where(html[data-style-page="sales-sales-log"]):is(.month-toggle),
:where(html[data-style-page="sales-sales-log"]) :is(.month-toggle){
  border:1px solid #d1d5db;background:#fff;border-radius:14px;
  padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:900;
  max-width:min(520px,100%);
}
:where(html[data-style-page="sales-sales-log"]):is(.month-toggle .arrow),
:where(html[data-style-page="sales-sales-log"]) :is(.month-toggle .arrow){
  width:28px;height:28px;border:1px solid #e5e7eb;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;font-size:14px;background:#fff;
  transform:rotate(0deg);transition:transform .15s ease;flex:0 0 auto;
}
:where(html[data-style-page="sales-sales-log"]):is(.month-toggle[aria-expanded="true"] .arrow),
:where(html[data-style-page="sales-sales-log"]) :is(.month-toggle[aria-expanded="true"] .arrow){ transform: rotate(90deg); }
:where(html[data-style-page="sales-sales-log"]):is(.month-title),
:where(html[data-style-page="sales-sales-log"]) :is(.month-title){font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}

:where(html[data-style-page="sales-sales-log"]):is(.month-totals),
:where(html[data-style-page="sales-sales-log"]) :is(.month-totals){
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:min(760px,100%);
}
@media(max-width:900px){ :where(html[data-style-page="sales-sales-log"]):is(.month-totals),
:where(html[data-style-page="sales-sales-log"]) :is(.month-totals){grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:520px){ :where(html[data-style-page="sales-sales-log"]):is(.month-totals),
:where(html[data-style-page="sales-sales-log"]) :is(.month-totals){grid-template-columns:1fr;} }

:where(html[data-style-page="sales-sales-log"]):is(.month-pill),
:where(html[data-style-page="sales-sales-log"]) :is(.month-pill){
  background:#fff;border:1px solid #e5e7eb;border-radius:999px;
  padding:6px 10px;font-size:12px;font-weight:900;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

:where(html[data-style-page="sales-sales-log"]):is(.table-wrap),
:where(html[data-style-page="sales-sales-log"]) :is(.table-wrap){width:100%;max-width:100%;overflow-x:auto;border-radius:0 0 14px 14px;}
:where(html[data-style-page="sales-sales-log"]):is(table.sales-entry),
:where(html[data-style-page="sales-sales-log"]) :is(table.sales-entry){width:100%;border-collapse:collapse;table-layout:auto;}
:where(html[data-style-page="sales-sales-log"]):is(table.sales-entry th),
:where(html[data-style-page="sales-sales-log"]) :is(table.sales-entry th),
:where(html[data-style-page="sales-sales-log"]):is(table.sales-entry td),
:where(html[data-style-page="sales-sales-log"]) :is(table.sales-entry td){padding:10px 8px;border-bottom:1px solid #eee;vertical-align:middle;}
:where(html[data-style-page="sales-sales-log"]):is(table.sales-entry th),
:where(html[data-style-page="sales-sales-log"]) :is(table.sales-entry th){
  background:#f8fafc;font-weight:900;color:#334155;
  white-space:nowrap;line-height:1.25;font-size:13px;
}
:where(html[data-style-page="sales-sales-log"]):is(table.sales-entry td),
:where(html[data-style-page="sales-sales-log"]) :is(table.sales-entry td){white-space:nowrap;font-size:13px;}
:where(html[data-style-page="sales-sales-log"]):is(.col-date),
:where(html[data-style-page="sales-sales-log"]) :is(.col-date){white-space:nowrap;}
:where(html[data-style-page="sales-sales-log"]):is(.col-money),
:where(html[data-style-page="sales-sales-log"]) :is(.col-money){text-align:end;white-space:nowrap;}
:where(html[data-style-page="sales-sales-log"]):is(.col-actions),
:where(html[data-style-page="sales-sales-log"]) :is(.col-actions){text-align:end;white-space:nowrap;}
@media(max-width:900px){
  :where(html[data-style-page="sales-sales-log"]):is(table.sales-entry td),
:where(html[data-style-page="sales-sales-log"]) :is(table.sales-entry td),
:where(html[data-style-page="sales-sales-log"]):is(table.sales-entry th),
:where(html[data-style-page="sales-sales-log"]) :is(table.sales-entry th){font-size:12px;padding:8px 5px;}
}

:where(html[data-style-page="sales-sales-log"]):is(tr.is-hidden),
:where(html[data-style-page="sales-sales-log"]) :is(tr.is-hidden){display:none;}
:where(html[data-style-page="sales-sales-log"]):is(.today-row),
:where(html[data-style-page="sales-sales-log"]) :is(.today-row){background:#fff7cc;}
:where(html[data-style-page="sales-sales-log"]):is(.view-btn),
:where(html[data-style-page="sales-sales-log"]) :is(.view-btn){
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:12px;border:1px solid rgba(0,0,0,.12);
  background:#fff;font-weight:900;text-decoration:none;color:inherit;white-space:nowrap;
}

/* Modal */
:where(html[data-style-page="sales-sales-log"]):is(.modal),
:where(html[data-style-page="sales-sales-log"]) :is(.modal){position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.35);padding:16px;z-index:999}
:where(html[data-style-page="sales-sales-log"]):is(.modal.show),
:where(html[data-style-page="sales-sales-log"]) :is(.modal.show){display:flex}
:where(html[data-style-page="sales-sales-log"]):is(.modalCard),
:where(html[data-style-page="sales-sales-log"]) :is(.modalCard){width:min(900px,100%);background:#fff;border-radius:16px;overflow:hidden}
:where(html[data-style-page="sales-sales-log"]):is(.modalHd),
:where(html[data-style-page="sales-sales-log"]) :is(.modalHd){padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.12);display:flex;justify-content:space-between;align-items:center}
:where(html[data-style-page="sales-sales-log"]):is(.modalBd),
:where(html[data-style-page="sales-sales-log"]) :is(.modalBd){padding:14px}
:where(html[data-style-page="sales-sales-log"]):is(.fieldRow),
:where(html[data-style-page="sales-sales-log"]) :is(.fieldRow){display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
:where(html[data-style-page="sales-sales-log"]):is(.field),
:where(html[data-style-page="sales-sales-log"]) :is(.field){grid-column:span 4}
@media(max-width:700px){:where(html[data-style-page="sales-sales-log"]):is(.field),
:where(html[data-style-page="sales-sales-log"]) :is(.field){grid-column:span 12}}
:where(html[data-style-page="sales-sales-log"]):is(.helperNote),
:where(html[data-style-page="sales-sales-log"]) :is(.helperNote){font-size:12px;color:#667;margin-top:8px}

:where(html[data-style-page="sales-sales-log"]):is([dir="rtl"] .col-money),
:where(html[data-style-page="sales-sales-log"]) :is([dir="rtl"] .col-money){ text-align:left; }
:where(html[data-style-page="sales-sales-log"]):is([dir="rtl"] .col-actions),
:where(html[data-style-page="sales-sales-log"]) :is([dir="rtl"] .col-actions){ text-align:left; }
:where(html[data-style-page="sales-sales-log"]):is([dir="rtl"] .act-dropdown),
:where(html[data-style-page="sales-sales-log"]) :is([dir="rtl"] .act-dropdown){ right:auto;left:0; }

/* ── Day action controls ── */
:where(html[data-style-page="sales-sales-log"]):is(.day-actions),
:where(html[data-style-page="sales-sales-log"]) :is(.day-actions){ display:inline-flex; align-items:center; gap:6px; }
:where(html[data-style-page="sales-sales-log"]):is(.lock-btn),
:where(html[data-style-page="sales-sales-log"]) :is(.lock-btn){
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:10px;border:1px solid rgba(0,0,0,.12);
  background:#fff;cursor:pointer;font-size:14px;transition:background .12s;
}
:where(html[data-style-page="sales-sales-log"]):is(.lock-btn:hover),
:where(html[data-style-page="sales-sales-log"]) :is(.lock-btn:hover){ background:#f1f5f9; }
:where(html[data-style-page="sales-sales-log"]):is(.lock-btn.locked),
:where(html[data-style-page="sales-sales-log"]) :is(.lock-btn.locked){ background:#fef9c3;border-color:#fde047;color:#854d0e; }
:where(html[data-style-page="sales-sales-log"]):is(.lock-btn.unlocked),
:where(html[data-style-page="sales-sales-log"]) :is(.lock-btn.unlocked){ background:#f0fdf4;border-color:#86efac;color:#166534; }

:where(html[data-style-page="sales-sales-log"]):is(.act-menu-wrap),
:where(html[data-style-page="sales-sales-log"]) :is(.act-menu-wrap){ position:relative;display:inline-flex; }
:where(html[data-style-page="sales-sales-log"]):is(.act-menu-btn),
:where(html[data-style-page="sales-sales-log"]) :is(.act-menu-btn){
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);
  background:#fff;cursor:pointer;font-size:12px;font-weight:900;
}
:where(html[data-style-page="sales-sales-log"]):is(.act-menu-btn:hover),
:where(html[data-style-page="sales-sales-log"]) :is(.act-menu-btn:hover){ background:#f1f5f9; }
:where(html[data-style-page="sales-sales-log"]):is(.act-menu-btn:disabled),
:where(html[data-style-page="sales-sales-log"]) :is(.act-menu-btn:disabled),
:where(html[data-style-page="sales-sales-log"]):is(.act-menu-btn[disabled]),
:where(html[data-style-page="sales-sales-log"]) :is(.act-menu-btn[disabled]){ opacity:.35;cursor:not-allowed; }
:where(html[data-style-page="sales-sales-log"]):is(.act-dropdown),
:where(html[data-style-page="sales-sales-log"]) :is(.act-dropdown){
  position:absolute;top:calc(100% + 4px);right:0;z-index:200;
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:150px;overflow:hidden;
  display:none;
}
:where(html[data-style-page="sales-sales-log"]):is([dir="rtl"] .act-dropdown),
:where(html[data-style-page="sales-sales-log"]) :is([dir="rtl"] .act-dropdown){ right:auto;left:0; }
:where(html[data-style-page="sales-sales-log"]):is(.act-dropdown.open),
:where(html[data-style-page="sales-sales-log"]) :is(.act-dropdown.open){ display:block; }
:where(html[data-style-page="sales-sales-log"]):is(.act-dropdown button),
:where(html[data-style-page="sales-sales-log"]) :is(.act-dropdown button){
  display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;
  border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:900;text-align:start;
}
:where(html[data-style-page="sales-sales-log"]):is(.act-dropdown button:hover),
:where(html[data-style-page="sales-sales-log"]) :is(.act-dropdown button:hover){ background:#f1f5f9; }
:where(html[data-style-page="sales-sales-log"]):is(.act-dropdown button.danger),
:where(html[data-style-page="sales-sales-log"]) :is(.act-dropdown button.danger){ color:#dc2626; }
:where(html[data-style-page="sales-sales-log"]):is(.act-dropdown button.danger:hover),
:where(html[data-style-page="sales-sales-log"]) :is(.act-dropdown button.danger:hover){ background:#fef2f2; }

/* ── Edit modal ── */
:where(html[data-style-page="sales-sales-log"]):is(.edit-modal),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-modal){ position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.4);padding:16px;z-index:1000; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-modal.show),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-modal.show){ display:flex; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-card),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-card){ width:min(960px,100%);background:#fff;border-radius:16px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-hd),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-hd){ padding:14px 18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-hd-title),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-hd-title){ font-size:15px;font-weight:900;color:#1e293b; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-bd),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-bd){ padding:14px 18px;overflow-y:auto;flex:1; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-ft),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-ft){ padding:12px 18px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-tbl),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-tbl){ width:100%;border-collapse:collapse;font-size:13px; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-tbl th),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-tbl th){ padding:8px 10px;background:#f8fafc;font-weight:900;text-align:start;border-bottom:2px solid #e5e7eb;white-space:nowrap; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-tbl td),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-tbl td){ padding:6px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-tbl input[type=number]),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-tbl input[type=number]){ width:100px;padding:5px 7px;border-radius:7px;border:1px solid #fbbf24;background:#fffde7;font-size:12px;text-align:end; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-tbl input[type=number]:focus),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-tbl input[type=number]:focus){ outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px rgba(251,191,36,.2); }
:where(html[data-style-page="sales-sales-log"]):is(.edit-tbl input.edit-tip),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-tbl input.edit-tip){ border-color:#f59e0b;background:#fff7ed;color:#92400e;font-weight:700; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-net),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-net){ text-align:end;color:#1e293b;font-weight:700;font-size:12px; }
:where(html[data-style-page="sales-sales-log"]):is(.pm-cash),
:where(html[data-style-page="sales-sales-log"]) :is(.pm-cash){ display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0; }
:where(html[data-style-page="sales-sales-log"]):is(.pm-credit),
:where(html[data-style-page="sales-sales-log"]) :is(.pm-credit){ display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe; }
:where(html[data-style-page="sales-sales-log"]):is(.pm-cl),
:where(html[data-style-page="sales-sales-log"]) :is(.pm-cl){ display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:900;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa; }
:where(html[data-style-page="sales-sales-log"]):is(.edit-tbl tfoot td),
:where(html[data-style-page="sales-sales-log"]) :is(.edit-tbl tfoot td){ padding:8px 10px;font-weight:900;background:#f8fafc;border-top:2px solid #e5e7eb; }
:where(html[data-style-page="sales-sales-log"]):is(.btn-primary),
:where(html[data-style-page="sales-sales-log"]) :is(.btn-primary){ display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-weight:900;font-size:13px;cursor:pointer; }
:where(html[data-style-page="sales-sales-log"]):is(.btn-primary:hover),
:where(html[data-style-page="sales-sales-log"]) :is(.btn-primary:hover){ background:#1d4ed8; }
:where(html[data-style-page="sales-sales-log"]):is(.btn-primary:disabled),
:where(html[data-style-page="sales-sales-log"]) :is(.btn-primary:disabled){ opacity:.5;cursor:not-allowed; }
:where(html[data-style-page="sales-sales-log"]):is(.btn-neutral),
:where(html[data-style-page="sales-sales-log"]) :is(.btn-neutral){ display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#f8fafc;color:#374151;border:1px solid #e2e8f0;border-radius:10px;font-weight:900;font-size:13px;cursor:pointer; }
:where(html[data-style-page="sales-sales-log"]):is(.delete-confirm),
:where(html[data-style-page="sales-sales-log"]) :is(.delete-confirm){ background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:14px;margin-bottom:14px;color:#991b1b;font-weight:700;font-size:13px;display:none; }
:where(html[data-style-page="sales-sales-log"]):is(.delete-confirm.show),
:where(html[data-style-page="sales-sales-log"]) :is(.delete-confirm.show){ display:block; }

/* ── CL modals ── */
:where(html[data-style-page="sales-sales-log"]):is(.cl-modal),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-modal){ position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.40);padding:16px;z-index:1100; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-modal.show),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-modal.show){ display:flex; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-card),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-card){ width:min(740px,100%);background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-card-wide),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-card-wide){ width:min(860px,100%); }
:where(html[data-style-page="sales-sales-log"]):is(.cl-hd),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-hd){ padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-hd-title),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-hd-title){ font-size:15px;font-weight:900;color:#1e293b; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-bd),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-bd){ padding:16px;overflow-y:auto;flex:1; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-ft),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-ft){ padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-tbl),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-tbl){ width:100%;border-collapse:collapse;font-size:13px; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-tbl th),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-tbl th){ padding:8px 10px;background:#f8fafc;font-weight:900;text-align:start;border-bottom:2px solid #e5e7eb;white-space:nowrap; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-tbl td),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-tbl td){ padding:7px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-tbl tfoot td),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-tbl tfoot td){ padding:8px 10px;font-weight:900;background:#fff7ed;border-top:2px solid #e5e7eb; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-tbl .money),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-tbl .money){ text-align:end;font-weight:700; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-badge-orange),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-badge-orange){ display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-badge-green),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-badge-green){ display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-field-row),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-field-row){ display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px; }
@media(max-width:560px){ :where(html[data-style-page="sales-sales-log"]):is(.cl-field-row),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-field-row){ grid-template-columns:1fr; } }
:where(html[data-style-page="sales-sales-log"]):is(.cl-field label),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-field label){ display:block;margin-bottom:5px;font-size:12px;font-weight:900;color:#475569; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-field input),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-field input),
:where(html[data-style-page="sales-sales-log"]):is(.cl-field textarea),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-field textarea),
:where(html[data-style-page="sales-sales-log"]):is(.cl-field select),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-field select){
  width:100%;padding:9px 11px;border-radius:9px;border:1px solid #d1d5db;font-size:13px;box-sizing:border-box;
}
:where(html[data-style-page="sales-sales-log"]):is(.cl-field textarea),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-field textarea){ min-height:70px;resize:vertical; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-note),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-note){ padding:10px 13px;border-radius:8px;font-size:12px;font-weight:700; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-note-warn),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-note-warn){ background:#fff7ed;border:1px solid #fed7aa;color:#92400e; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-note-info),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-note-info){ background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-spinner),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-spinner){ text-align:center;padding:30px;color:#94a3b8;font-size:22px; }
:where(html[data-style-page="sales-sales-log"]):is(.cl-error),
:where(html[data-style-page="sales-sales-log"]) :is(.cl-error){ padding:10px 13px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;font-weight:700;display:none; }
:where(html[data-style-page="sales-sales-log"]):is(.settled-tag),
:where(html[data-style-page="sales-sales-log"]) :is(.settled-tag){ display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0; }

/* Page: sales/sales_view_branch.php */

:where(html[data-style-page="sales-sales-view-branch"]):is(.summary-grid),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.summary-grid){
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:14px;
    margin-bottom:20px;
}
:where(html[data-style-page="sales-sales-view-branch"]):is(.summary-box),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.summary-box){
    background:#f8fafc;
    padding:14px;
    border-radius:10px;
}
:where(html[data-style-page="sales-sales-view-branch"]):is(.summary-box span),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.summary-box span){font-size:12px;color:#555;}
:where(html[data-style-page="sales-sales-view-branch"]):is(.summary-box strong),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.summary-box strong){display:block;font-size:20px;color:#1e40af;}
:where(html[data-style-page="sales-sales-view-branch"]):is(.summary-box.tips-box),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.summary-box.tips-box){background:#fffbeb;border:1px solid #fde68a;}
:where(html[data-style-page="sales-sales-view-branch"]):is(.tips-amber),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.tips-amber){color:#92400e!important;font-weight:900;}
:where(html[data-style-page="sales-sales-view-branch"]):is(.amount-total),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.amount-total){font-weight:700;color:#1e40af;}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-wrap),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-wrap){overflow:auto}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales){width:100%;border-collapse:collapse;table-layout:auto}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales th),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales th),
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales td),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales td){padding:12px 14px;border-bottom:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales th),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales th){background:#f8fafc;font-size:13px;font-weight:900;color:#334155}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales td),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales td){font-size:13px}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales .text-col),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales .text-col){text-align:start}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales .money-col),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales .money-col){text-align:end;font-variant-numeric:tabular-nums}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales .main-col),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales .main-col){min-width:150px}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales .sub-col),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales .sub-col){min-width:150px}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales .channel-col),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales .channel-col){min-width:170px}
:where(html[data-style-page="sales-sales-view-branch"]):is(.table-sales .tips-col),
:where(html[data-style-page="sales-sales-view-branch"]) :is(.table-sales .tips-col){min-width:210px}

/* Page: sales/sales_view_day.php */

:where(html[data-style-page="sales-sales-view-day"]):is(.summary-grid),
:where(html[data-style-page="sales-sales-view-day"]) :is(.summary-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:16px 0 20px}
:where(html[data-style-page="sales-sales-view-day"]):is(.summary-box),
:where(html[data-style-page="sales-sales-view-day"]) :is(.summary-box){background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px;text-align:center}
:where(html[data-style-page="sales-sales-view-day"]):is(.summary-box span),
:where(html[data-style-page="sales-sales-view-day"]) :is(.summary-box span){font-size:12px;color:#64748b;font-weight:800;display:block}
:where(html[data-style-page="sales-sales-view-day"]):is(.summary-box strong),
:where(html[data-style-page="sales-sales-view-day"]) :is(.summary-box strong){display:block;font-size:20px;margin-top:6px;color:#1e40af}
:where(html[data-style-page="sales-sales-view-day"]):is(.summary-box.tips-box),
:where(html[data-style-page="sales-sales-view-day"]) :is(.summary-box.tips-box){background:#fffbeb;border-color:#fde68a}
:where(html[data-style-page="sales-sales-view-day"]):is(.tips-amber),
:where(html[data-style-page="sales-sales-view-day"]) :is(.tips-amber){color:#92400e !important;font-weight:900}
:where(html[data-style-page="sales-sales-view-day"]):is(.pay-red),
:where(html[data-style-page="sales-sales-view-day"]) :is(.pay-red){color:#dc2626 !important}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-wrap),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-wrap){overflow:auto}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales){width:100%;border-collapse:collapse;table-layout:auto}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales th),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales th),
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales td),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales td){padding:12px 14px;border-bottom:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales th),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales th){background:#f8fafc;font-size:13px;font-weight:900;color:#334155}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales td),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales td){font-size:13px}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales .text-col),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales .text-col){text-align:start}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales .money-col),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales .money-col){text-align:end;font-variant-numeric:tabular-nums}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales .actions-col),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales .actions-col){text-align:center}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales .branch-col),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales .branch-col){min-width:170px}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales .tips-col),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales .tips-col){min-width:210px}
:where(html[data-style-page="sales-sales-view-day"]):is(.table-sales .actions-col),
:where(html[data-style-page="sales-sales-view-day"]) :is(.table-sales .actions-col){min-width:110px}
:where(html[data-style-page="sales-sales-view-day"]):is(.btn-view),
:where(html[data-style-page="sales-sales-view-day"]) :is(.btn-view){display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;text-decoration:none;color:inherit;font-weight:900}
:where(html[data-style-page="sales-sales-view-day"]):is(.headline),
:where(html[data-style-page="sales-sales-view-day"]) :is(.headline){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
:where(html[data-style-page="sales-sales-view-day"]):is(.subline),
:where(html[data-style-page="sales-sales-view-day"]) :is(.subline){font-size:13px;color:#64748b;font-weight:800}

/* Page: stock/adjustments.php */

:where(html[data-style-page="stock-adjustments"]):is(:root),
:where(html[data-style-page="stock-adjustments"]) :is(:root){--primary:#4f46e5;--primary-light:#eef2ff;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--info:#3b82f6;--info-light:#eff6ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--radius:12px;--shadow:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.12)}
:where(html[data-style-page="stock-adjustments"]):is(*),
:where(html[data-style-page="stock-adjustments"]) :is(*){box-sizing:border-box;margin:0;padding:0}
:where(html[data-style-page="stock-adjustments"]):is(body),
:where(html[data-style-page="stock-adjustments"]) :is(body){font-family:'Inter','Cairo',sans-serif;background:var(--gray-50);color:var(--gray-900)}
:where(html[data-style-page="stock-adjustments"]):is(body.rtl),
:where(html[data-style-page="stock-adjustments"]) :is(body.rtl){font-family:'Cairo','Inter',sans-serif}
:where(html[data-style-page="stock-adjustments"]):is(.sx-wrap),
:where(html[data-style-page="stock-adjustments"]) :is(.sx-wrap){max-width:1440px;margin:0 auto;padding:24px 16px}
:where(html[data-style-page="stock-adjustments"]):is(body.detail-popup-page),
:where(html[data-style-page="stock-adjustments"]) :is(body.detail-popup-page){background:#fff}
:where(html[data-style-page="stock-adjustments"]):is(body.detail-popup-page .content),
:where(html[data-style-page="stock-adjustments"]) :is(body.detail-popup-page .content){width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important}
:where(html[data-style-page="stock-adjustments"]):is(body.detail-popup-page .sx-wrap),
:where(html[data-style-page="stock-adjustments"]) :is(body.detail-popup-page .sx-wrap){max-width:1080px;padding:18px;margin:0 auto}
:where(html[data-style-page="stock-adjustments"]):is(body.detail-popup-page .detail-card),
:where(html[data-style-page="stock-adjustments"]) :is(body.detail-popup-page .detail-card){box-shadow:none;border:1px solid var(--gray-200);margin:0}
:where(html[data-style-page="stock-adjustments"]):is(.popup-window-close),
:where(html[data-style-page="stock-adjustments"]) :is(.popup-window-close){display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--gray-300);border-radius:8px;background:#fff;color:var(--gray-700);font-size:20px;line-height:1;cursor:pointer}
:where(html[data-style-page="stock-adjustments"]):is(.popup-window-close:hover),
:where(html[data-style-page="stock-adjustments"]) :is(.popup-window-close:hover){background:var(--gray-100)}
:where(html[data-style-page="stock-adjustments"]):is(.page-header),
:where(html[data-style-page="stock-adjustments"]) :is(.page-header){display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
:where(html[data-style-page="stock-adjustments"]):is(.page-header h1),
:where(html[data-style-page="stock-adjustments"]) :is(.page-header h1){font-size:22px;font-weight:700}
:where(html[data-style-page="stock-adjustments"]):is(.back-link),
:where(html[data-style-page="stock-adjustments"]) :is(.back-link){color:var(--primary);text-decoration:none;font-size:14px;font-weight:600}
:where(html[data-style-page="stock-adjustments"]):is(.btn),
:where(html[data-style-page="stock-adjustments"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .2s}
:where(html[data-style-page="stock-adjustments"]):is(.btn-primary),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-primary){background:var(--primary);color:#fff}:where(html[data-style-page="stock-adjustments"]):is(.btn-primary:hover),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-primary:hover){background:#4338ca}
:where(html[data-style-page="stock-adjustments"]):is(.btn-success),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-success){background:var(--success);color:#fff}:where(html[data-style-page="stock-adjustments"]):is(.btn-danger),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-danger){background:var(--danger);color:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.btn-warning),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-warning){background:var(--warning);color:#fff}:where(html[data-style-page="stock-adjustments"]):is(.btn-info),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-info){background:var(--info);color:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.btn-outline),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-outline){background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}
:where(html[data-style-page="stock-adjustments"]):is(.btn-sm),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-sm){padding:6px 14px;font-size:13px}

/* Tabs */
:where(html[data-style-page="stock-adjustments"]):is(.tabs),
:where(html[data-style-page="stock-adjustments"]) :is(.tabs){display:flex;gap:4px;margin-bottom:20px;background:#fff;padding:6px;border-radius:var(--radius);box-shadow:var(--shadow)}
:where(html[data-style-page="stock-adjustments"]):is(.tab),
:where(html[data-style-page="stock-adjustments"]) :is(.tab){display:inline-flex;align-items:center;gap:4px;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:var(--gray-500);transition:all .2s;border:none;background:none;white-space:nowrap}
:where(html[data-style-page="stock-adjustments"]):is(.tab.active),
:where(html[data-style-page="stock-adjustments"]) :is(.tab.active){background:var(--primary);color:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.tab .badge),
:where(html[data-style-page="stock-adjustments"]) :is(.tab .badge){display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;margin-inline-start:6px}
:where(html[data-style-page="stock-adjustments"]):is(.tab.active .badge),
:where(html[data-style-page="stock-adjustments"]) :is(.tab.active .badge){background:rgba(255,255,255,.3);color:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.tab:not(.active) .badge),
:where(html[data-style-page="stock-adjustments"]) :is(.tab:not(.active) .badge){background:var(--danger-light);color:var(--danger)}
:where(html[data-style-page="stock-adjustments"]):is(.list-filter-bar),
:where(html[data-style-page="stock-adjustments"]) :is(.list-filter-bar){display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:#fff;padding:12px;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}
:where(html[data-style-page="stock-adjustments"]):is(.date-field),
:where(html[data-style-page="stock-adjustments"]) :is(.date-field){display:flex;flex-direction:column;gap:4px;min-width:160px}
:where(html[data-style-page="stock-adjustments"]):is(.date-field label),
:where(html[data-style-page="stock-adjustments"]) :is(.date-field label){font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gray-500)}
:where(html[data-style-page="stock-adjustments"]):is(.date-field input),
:where(html[data-style-page="stock-adjustments"]) :is(.date-field input),
:where(html[data-style-page="stock-adjustments"]):is(.date-field select),
:where(html[data-style-page="stock-adjustments"]) :is(.date-field select){height:38px;border:1px solid var(--gray-300);border-radius:8px;padding:8px 10px;font-size:14px;color:var(--gray-900);background:#fff}

/* Table */
:where(html[data-style-page="stock-adjustments"]):is(.sx-table-wrap),
:where(html[data-style-page="stock-adjustments"]) :is(.sx-table-wrap){background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px}
:where(html[data-style-page="stock-adjustments"]):is(table.sx-tbl),
:where(html[data-style-page="stock-adjustments"]) :is(table.sx-tbl){width:100%;border-collapse:collapse;font-size:13px}
:where(html[data-style-page="stock-adjustments"]):is(table.sx-tbl th),
:where(html[data-style-page="stock-adjustments"]) :is(table.sx-tbl th){background:var(--gray-50);padding:10px 14px;text-align:start;font-weight:600;color:var(--gray-500);font-size:12px;text-transform:uppercase;border-bottom:2px solid var(--gray-200);white-space:nowrap}
:where(html[data-style-page="stock-adjustments"]):is(table.sx-tbl td),
:where(html[data-style-page="stock-adjustments"]) :is(table.sx-tbl td){padding:10px 14px;border-bottom:1px solid var(--gray-100)}
:where(html[data-style-page="stock-adjustments"]):is(table.sx-tbl tr:hover td),
:where(html[data-style-page="stock-adjustments"]) :is(table.sx-tbl tr:hover td){background:var(--gray-50)}
:where(html[data-style-page="stock-adjustments"]):is(.status-pill),
:where(html[data-style-page="stock-adjustments"]) :is(.status-pill){display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.src-badge),
:where(html[data-style-page="stock-adjustments"]) :is(.src-badge){display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}
:where(html[data-style-page="stock-adjustments"]):is(.src-badge.inventory),
:where(html[data-style-page="stock-adjustments"]) :is(.src-badge.inventory){background:var(--primary-light);color:var(--primary)}
:where(html[data-style-page="stock-adjustments"]):is(.src-badge.menu_item),
:where(html[data-style-page="stock-adjustments"]) :is(.src-badge.menu_item){background:var(--success-light);color:#065f46}
:where(html[data-style-page="stock-adjustments"]):is(.src-badge.prep_recipe),
:where(html[data-style-page="stock-adjustments"]) :is(.src-badge.prep_recipe){background:var(--warning-light);color:#92400e}

/* Detail card */
:where(html[data-style-page="stock-adjustments"]):is(.detail-card),
:where(html[data-style-page="stock-adjustments"]) :is(.detail-card){background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:20px}
:where(html[data-style-page="stock-adjustments"]):is(.detail-grid),
:where(html[data-style-page="stock-adjustments"]) :is(.detail-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}
:where(html[data-style-page="stock-adjustments"]):is(.detail-field .label),
:where(html[data-style-page="stock-adjustments"]) :is(.detail-field .label){font-size:11px;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
:where(html[data-style-page="stock-adjustments"]):is(.detail-field .value),
:where(html[data-style-page="stock-adjustments"]) :is(.detail-field .value){font-size:15px;font-weight:600;margin-top:4px}
:where(html[data-style-page="stock-adjustments"]):is(.approval-timeline),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-timeline){display:flex;flex-direction:column;gap:12px;margin:20px 0;padding:16px;background:var(--gray-50);border-radius:var(--radius)}
:where(html[data-style-page="stock-adjustments"]):is(.approval-step),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-step){display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-radius:8px;border-left:4px solid var(--gray-300)}
:where(html[data-style-page="stock-adjustments"]):is(body.rtl .approval-step),
:where(html[data-style-page="stock-adjustments"]) :is(body.rtl .approval-step){border-left:none;border-right:4px solid var(--gray-300)}
:where(html[data-style-page="stock-adjustments"]):is(.approval-step.done),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-step.done){border-color:var(--success)}
:where(html[data-style-page="stock-adjustments"]):is(.approval-step.pending),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-step.pending){border-color:var(--warning)}
:where(html[data-style-page="stock-adjustments"]):is(.approval-step.rejected),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-step.rejected){border-color:var(--danger)}
:where(html[data-style-page="stock-adjustments"]):is(.approval-step .step-icon),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-step .step-icon){font-size:24px}
:where(html[data-style-page="stock-adjustments"]):is(.approval-step .step-info),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-step .step-info){flex:1}
:where(html[data-style-page="stock-adjustments"]):is(.approval-step .step-title),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-step .step-title){font-weight:700;font-size:13px}
:where(html[data-style-page="stock-adjustments"]):is(.approval-step .step-detail),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-step .step-detail){font-size:12px;color:var(--gray-500);margin-top:2px}
:where(html[data-style-page="stock-adjustments"]):is(.waste-item-card),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-item-card){background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px;margin-bottom:12px;display:grid;grid-template-columns:80px 1fr;gap:14px}
:where(html[data-style-page="stock-adjustments"]):is(.waste-item-card .item-img),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-item-card .item-img){width:80px;height:80px;border-radius:8px;object-fit:cover;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-300);font-size:28px;overflow:hidden}
:where(html[data-style-page="stock-adjustments"]):is(.waste-item-card .item-img img),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-item-card .item-img img){width:100%;height:100%;object-fit:cover}
:where(html[data-style-page="stock-adjustments"]):is(.waste-item-card .item-details),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-item-card .item-details){display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center}
:where(html[data-style-page="stock-adjustments"]):is(.waste-item-card .item-name),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-item-card .item-name){font-weight:700;font-size:14px;grid-column:1/-1}
:where(html[data-style-page="stock-adjustments"]):is(.wi-field),
:where(html[data-style-page="stock-adjustments"]) :is(.wi-field){}:where(html[data-style-page="stock-adjustments"]):is(.wi-field .wi-label),
:where(html[data-style-page="stock-adjustments"]) :is(.wi-field .wi-label){font-size:10px;color:var(--gray-500);text-transform:uppercase}:where(html[data-style-page="stock-adjustments"]):is(.wi-field .wi-val),
:where(html[data-style-page="stock-adjustments"]) :is(.wi-field .wi-val){font-size:14px;font-weight:600}

/* Overlay / Modal */
:where(html[data-style-page="stock-adjustments"]):is(.sx-overlay),
:where(html[data-style-page="stock-adjustments"]) :is(.sx-overlay){display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;justify-content:center;align-items:flex-start;padding:40px 16px;overflow-y:auto}
:where(html[data-style-page="stock-adjustments"]):is(.sx-overlay.active),
:where(html[data-style-page="stock-adjustments"]) :is(.sx-overlay.active){display:flex}
:where(html[data-style-page="stock-adjustments"]):is(#adjOverlay),
:where(html[data-style-page="stock-adjustments"]) :is(#adjOverlay){z-index:1000}
:where(html[data-style-page="stock-adjustments"]):is(#approvalOverlay),
:where(html[data-style-page="stock-adjustments"]) :is(#approvalOverlay){z-index:1050}
:where(html[data-style-page="stock-adjustments"]):is(#rejectOverlay),
:where(html[data-style-page="stock-adjustments"]) :is(#rejectOverlay){z-index:1200}
:where(html[data-style-page="stock-adjustments"]):is(#imageOverlay),
:where(html[data-style-page="stock-adjustments"]) :is(#imageOverlay){z-index:1300}
:where(html[data-style-page="stock-adjustments"]):is(.sx-modal),
:where(html[data-style-page="stock-adjustments"]) :is(.sx-modal){background:#fff;border-radius:var(--radius);padding:28px;max-width:1040px;width:100%;box-shadow:var(--shadow-md)}
:where(html[data-style-page="stock-adjustments"]):is(.sx-modal h3),
:where(html[data-style-page="stock-adjustments"]) :is(.sx-modal h3){margin-bottom:16px;font-size:20px}
:where(html[data-style-page="stock-adjustments"]):is(.approval-modal),
:where(html[data-style-page="stock-adjustments"]) :is(.approval-modal){max-width:1100px}
:where(html[data-style-page="stock-adjustments"]):is(.modal-head),
:where(html[data-style-page="stock-adjustments"]) :is(.modal-head){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
:where(html[data-style-page="stock-adjustments"]):is(.modal-head h3),
:where(html[data-style-page="stock-adjustments"]) :is(.modal-head h3){margin:0}
:where(html[data-style-page="stock-adjustments"]):is(.modal-close),
:where(html[data-style-page="stock-adjustments"]) :is(.modal-close){border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);border-radius:8px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1}
:where(html[data-style-page="stock-adjustments"]):is(.evidence-thumb),
:where(html[data-style-page="stock-adjustments"]) :is(.evidence-thumb){cursor:pointer;position:relative}
:where(html[data-style-page="stock-adjustments"]):is(.evidence-thumb img),
:where(html[data-style-page="stock-adjustments"]) :is(.evidence-thumb img){transition:transform .15s,filter .15s}
:where(html[data-style-page="stock-adjustments"]):is(.evidence-thumb:hover img),
:where(html[data-style-page="stock-adjustments"]) :is(.evidence-thumb:hover img){transform:scale(1.03);filter:brightness(.92)}
:where(html[data-style-page="stock-adjustments"]):is(.image-modal),
:where(html[data-style-page="stock-adjustments"]) :is(.image-modal){max-width:min(1100px,96vw);padding:44px 12px 12px;background:#111827;max-height:92vh;overflow:hidden}
:where(html[data-style-page="stock-adjustments"]):is(.image-modal img),
:where(html[data-style-page="stock-adjustments"]) :is(.image-modal img){display:block;width:auto;max-width:100%;max-height:72vh;margin:0 auto;border-radius:8px;object-fit:contain;cursor:zoom-in;transition:transform .16s,box-shadow .16s}
:where(html[data-style-page="stock-adjustments"]):is(.image-scroll),
:where(html[data-style-page="stock-adjustments"]) :is(.image-scroll){max-height:82vh;overflow:auto;display:grid;gap:14px;padding:0 4px 4px;scroll-behavior:smooth}
:where(html[data-style-page="stock-adjustments"]):is(.image-figure),
:where(html[data-style-page="stock-adjustments"]) :is(.image-figure){margin:0;display:flex;align-items:center;justify-content:center;min-height:160px}
:where(html[data-style-page="stock-adjustments"]):is(.image-figure img.zoomed),
:where(html[data-style-page="stock-adjustments"]) :is(.image-figure img.zoomed){max-height:none;cursor:zoom-out;box-shadow:0 18px 50px rgba(0,0,0,.45)}
:where(html[data-style-page="stock-adjustments"]):is(.image-modal .modal-close),
:where(html[data-style-page="stock-adjustments"]) :is(.image-modal .modal-close){position:absolute;top:12px;right:12px;background:#fff}
:where(html[data-style-page="stock-adjustments"]):is(body.rtl .image-modal .modal-close),
:where(html[data-style-page="stock-adjustments"]) :is(body.rtl .image-modal .modal-close){right:auto;left:12px}
:where(html[data-style-page="stock-adjustments"]):is(.image-counter),
:where(html[data-style-page="stock-adjustments"]) :is(.image-counter){position:absolute;top:14px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.92);color:#111827;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:none}
:where(html[data-style-page="stock-adjustments"]):is(.form-grid),
:where(html[data-style-page="stock-adjustments"]) :is(.form-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}
:where(html[data-style-page="stock-adjustments"]):is(.form-group),
:where(html[data-style-page="stock-adjustments"]) :is(.form-group){display:flex;flex-direction:column;gap:4px}
:where(html[data-style-page="stock-adjustments"]):is(.form-group label),
:where(html[data-style-page="stock-adjustments"]) :is(.form-group label){font-size:12px;font-weight:600;color:var(--gray-500)}
:where(html[data-style-page="stock-adjustments"]):is(.form-group select),
:where(html[data-style-page="stock-adjustments"]) :is(.form-group select),
:where(html[data-style-page="stock-adjustments"]):is(.form-group input),
:where(html[data-style-page="stock-adjustments"]) :is(.form-group input),
:where(html[data-style-page="stock-adjustments"]):is(.form-group textarea),
:where(html[data-style-page="stock-adjustments"]) :is(.form-group textarea){padding:9px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px}
:where(html[data-style-page="stock-adjustments"]):is(.record-mode-grid),
:where(html[data-style-page="stock-adjustments"]) :is(.record-mode-grid){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
:where(html[data-style-page="stock-adjustments"]):is(.record-mode-card),
:where(html[data-style-page="stock-adjustments"]) :is(.record-mode-card){border:1px solid var(--gray-200);background:#fff;border-radius:10px;padding:12px;min-height:72px}
:where(html[data-style-page="stock-adjustments"]):is(.record-mode-card.active),
:where(html[data-style-page="stock-adjustments"]) :is(.record-mode-card.active){border-color:#86efac;background:#f0fdf4}
:where(html[data-style-page="stock-adjustments"]):is(.record-mode-card.disabled),
:where(html[data-style-page="stock-adjustments"]) :is(.record-mode-card.disabled){opacity:.58;background:var(--gray-50)}
:where(html[data-style-page="stock-adjustments"]):is(.record-mode-title),
:where(html[data-style-page="stock-adjustments"]) :is(.record-mode-title){font-weight:800;font-size:13px;color:var(--gray-900)}
:where(html[data-style-page="stock-adjustments"]):is(.record-mode-note),
:where(html[data-style-page="stock-adjustments"]) :is(.record-mode-note){font-size:11px;color:var(--gray-500);margin-top:4px;line-height:1.45}
:where(html[data-style-page="stock-adjustments"]):is(.workflow-note),
:where(html[data-style-page="stock-adjustments"]) :is(.workflow-note){border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:10px;padding:10px 12px;margin:0 0 16px;font-size:13px;line-height:1.55}
:where(html[data-style-page="stock-adjustments"]):is(.section-title),
:where(html[data-style-page="stock-adjustments"]) :is(.section-title){display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
:where(html[data-style-page="stock-adjustments"]):is(.section-title h4),
:where(html[data-style-page="stock-adjustments"]) :is(.section-title h4){margin:0}:where(html[data-style-page="stock-adjustments"]):is(.section-title small),
:where(html[data-style-page="stock-adjustments"]) :is(.section-title small){color:var(--gray-500);font-size:12px;font-weight:600}

/* Waste item row in form */
:where(html[data-style-page="stock-adjustments"]):is(.waste-row),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-row){background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px;margin-bottom:10px;position:relative}
:where(html[data-style-page="stock-adjustments"]):is(.waste-row-grid),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-row-grid){display:grid;grid-template-columns:1fr 1fr;gap:10px}
:where(html[data-style-page="stock-adjustments"]):is(.waste-row-grid.full),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-row-grid.full){grid-template-columns:1fr 1fr 80px 90px 90px 1fr}
:where(html[data-style-page="stock-adjustments"]):is(.waste-row .remove-btn),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-row .remove-btn){position:absolute;top:8px;right:8px;color:var(--danger);cursor:pointer;font-size:18px;border:none;background:none;z-index:1}
:where(html[data-style-page="stock-adjustments"]):is(body.rtl .waste-row .remove-btn),
:where(html[data-style-page="stock-adjustments"]) :is(body.rtl .waste-row .remove-btn){right:auto;left:8px}
:where(html[data-style-page="stock-adjustments"]):is(.processing-panel),
:where(html[data-style-page="stock-adjustments"]) :is(.processing-panel){display:none;margin-top:10px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:10px;padding:12px}
:where(html[data-style-page="stock-adjustments"]):is(.processing-panel.active),
:where(html[data-style-page="stock-adjustments"]) :is(.processing-panel.active){display:block}
:where(html[data-style-page="stock-adjustments"]):is(.processing-head),
:where(html[data-style-page="stock-adjustments"]) :is(.processing-head){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;font-weight:700;color:#166534}
:where(html[data-style-page="stock-adjustments"]):is(.processing-fields),
:where(html[data-style-page="stock-adjustments"]) :is(.processing-fields){grid-template-columns:1fr 1fr 1fr}
:where(html[data-style-page="stock-adjustments"]):is(.prep-cost-panel),
:where(html[data-style-page="stock-adjustments"]) :is(.prep-cost-panel){display:none;margin-top:10px;border:1px solid #ddd6fe;background:#faf5ff;border-radius:10px;padding:12px}
:where(html[data-style-page="stock-adjustments"]):is(.prep-cost-panel.active),
:where(html[data-style-page="stock-adjustments"]) :is(.prep-cost-panel.active){display:block}
:where(html[data-style-page="stock-adjustments"]):is(.prep-cost-panel .calc-box),
:where(html[data-style-page="stock-adjustments"]) :is(.prep-cost-panel .calc-box){border-color:#ede9fe}
:where(html[data-style-page="stock-adjustments"]):is(.prep-cost-panel .calc-box strong),
:where(html[data-style-page="stock-adjustments"]) :is(.prep-cost-panel .calc-box strong){color:#6d28d9}
:where(html[data-style-page="stock-adjustments"]):is(.calc-strip),
:where(html[data-style-page="stock-adjustments"]) :is(.calc-strip){display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
:where(html[data-style-page="stock-adjustments"]):is(.calc-box),
:where(html[data-style-page="stock-adjustments"]) :is(.calc-box){background:#fff;border:1px solid #dcfce7;border-radius:8px;padding:8px 10px}
:where(html[data-style-page="stock-adjustments"]):is(.calc-box span),
:where(html[data-style-page="stock-adjustments"]) :is(.calc-box span){display:block;color:var(--gray-500);font-size:11px;font-weight:700;text-transform:uppercase}
:where(html[data-style-page="stock-adjustments"]):is(.calc-box strong),
:where(html[data-style-page="stock-adjustments"]) :is(.calc-box strong){display:block;margin-top:2px;font-size:15px;color:#166534}
:where(html[data-style-page="stock-adjustments"]):is(.qty-readonly),
:where(html[data-style-page="stock-adjustments"]) :is(.qty-readonly){background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412;font-weight:700}
:where(html[data-style-page="stock-adjustments"]):is(.readonly-field),
:where(html[data-style-page="stock-adjustments"]) :is(.readonly-field){background:var(--gray-100)!important;color:var(--gray-700);font-weight:700}
:where(html[data-style-page="stock-adjustments"]):is(.sku-field),
:where(html[data-style-page="stock-adjustments"]) :is(.sku-field){font-family:monospace;color:var(--gray-700)}
:where(html[data-style-page="stock-adjustments"]):is(.img-upload-area),
:where(html[data-style-page="stock-adjustments"]) :is(.img-upload-area){border:2px dashed var(--gray-300);border-radius:8px;padding:10px;text-align:center;transition:all .2s;min-height:76px;display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:8px;background:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.img-upload-area:hover),
:where(html[data-style-page="stock-adjustments"]) :is(.img-upload-area:hover){border-color:var(--primary);background:var(--primary-light)}
:where(html[data-style-page="stock-adjustments"]):is(.img-upload-area img),
:where(html[data-style-page="stock-adjustments"]) :is(.img-upload-area img){max-height:96px;border-radius:6px;object-fit:cover}
:where(html[data-style-page="stock-adjustments"]):is(.img-upload-area .upload-text),
:where(html[data-style-page="stock-adjustments"]) :is(.img-upload-area .upload-text){font-size:11px;color:var(--gray-500)}
:where(html[data-style-page="stock-adjustments"]):is(.img-upload-area.has-image),
:where(html[data-style-page="stock-adjustments"]) :is(.img-upload-area.has-image){border-style:solid}
:where(html[data-style-page="stock-adjustments"]):is(.img-preview),
:where(html[data-style-page="stock-adjustments"]) :is(.img-preview){display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}
:where(html[data-style-page="stock-adjustments"]):is(.img-preview img),
:where(html[data-style-page="stock-adjustments"]) :is(.img-preview img){width:64px;height:64px;max-height:none}
:where(html[data-style-page="stock-adjustments"]):is(.img-thumb),
:where(html[data-style-page="stock-adjustments"]) :is(.img-thumb){position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--gray-100);border:1px solid var(--gray-200)}
:where(html[data-style-page="stock-adjustments"]):is(.img-thumb img),
:where(html[data-style-page="stock-adjustments"]) :is(.img-thumb img){width:100%;height:100%;display:block;object-fit:cover}
:where(html[data-style-page="stock-adjustments"]):is(.img-remove),
:where(html[data-style-page="stock-adjustments"]) :is(.img-remove){position:absolute;top:3px;right:3px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(220,38,38,.92);color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
:where(html[data-style-page="stock-adjustments"]):is(body.rtl .img-remove),
:where(html[data-style-page="stock-adjustments"]) :is(body.rtl .img-remove){right:auto;left:3px}
:where(html[data-style-page="stock-adjustments"]):is(.item-img),
:where(html[data-style-page="stock-adjustments"]) :is(.item-img){position:relative}
:where(html[data-style-page="stock-adjustments"]):is(.image-count),
:where(html[data-style-page="stock-adjustments"]) :is(.image-count){position:absolute;right:4px;bottom:4px;background:rgba(15,23,42,.82);color:#fff;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:700}
:where(html[data-style-page="stock-adjustments"]):is(.img-preview),
:where(html[data-style-page="stock-adjustments"]) :is(.img-preview){display:flex;align-items:center;justify-content:center;min-height:38px;gap:6px;flex-wrap:wrap}
:where(html[data-style-page="stock-adjustments"]):is(.img-actions),
:where(html[data-style-page="stock-adjustments"]) :is(.img-actions){display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
:where(html[data-style-page="stock-adjustments"]):is(.img-action),
:where(html[data-style-page="stock-adjustments"]) :is(.img-action){border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}
:where(html[data-style-page="stock-adjustments"]):is(.img-action.primary),
:where(html[data-style-page="stock-adjustments"]) :is(.img-action.primary){background:var(--primary);border-color:var(--primary);color:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.btn-row),
:where(html[data-style-page="stock-adjustments"]) :is(.btn-row){display:flex;gap:10px;justify-content:flex-end;margin-top:20px}

/* Reject modal */
:where(html[data-style-page="stock-adjustments"]):is(.reject-modal),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-modal){max-width:760px}
:where(html[data-style-page="stock-adjustments"]):is(.reject-modal textarea),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-modal textarea){width:100%;min-height:80px;padding:10px;border:1px solid var(--gray-300);border-radius:8px;margin-bottom:16px}
:where(html[data-style-page="stock-adjustments"]):is(.reject-field-label),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-field-label){display:block;font-size:12px;font-weight:800;color:var(--gray-700);margin:0 0 6px}
:where(html[data-style-page="stock-adjustments"]):is(.reject-scope-options),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-scope-options){display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
:where(html[data-style-page="stock-adjustments"]):is(.reject-scope-option),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-scope-option){display:flex;gap:9px;align-items:flex-start;border:1px solid var(--gray-200);border-radius:10px;padding:12px;cursor:pointer;background:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.reject-scope-option:has(input:checked)),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-scope-option:has(input:checked)){border-color:#f87171;background:#fef2f2}
:where(html[data-style-page="stock-adjustments"]):is(.reject-scope-option input),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-scope-option input){margin-top:3px}
:where(html[data-style-page="stock-adjustments"]):is(.reject-scope-option strong),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-scope-option strong){display:block;font-size:13px}
:where(html[data-style-page="stock-adjustments"]):is(.reject-scope-option span),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-scope-option span){display:block;color:var(--gray-500);font-size:11px;margin-top:3px}
:where(html[data-style-page="stock-adjustments"]):is(.reject-items-list),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-items-list){display:flex;flex-direction:column;gap:9px;max-height:52vh;overflow:auto;margin-bottom:14px}
:where(html[data-style-page="stock-adjustments"]):is(.reject-item-row),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-item-row){border:1px solid var(--gray-200);border-radius:10px;padding:11px;background:#fff}
:where(html[data-style-page="stock-adjustments"]):is(.reject-item-row.selected),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-item-row.selected){border-color:#f87171;background:#fef2f2}
:where(html[data-style-page="stock-adjustments"]):is(.reject-item-head),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-item-head){display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}
:where(html[data-style-page="stock-adjustments"]):is(.reject-item-meta),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-item-meta){color:var(--gray-500);font-size:11px;font-weight:500;margin-inline-start:auto}
:where(html[data-style-page="stock-adjustments"]):is(.reject-item-note),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-item-note){width:100%;min-height:58px!important;margin:9px 0 0!important}
:where(html[data-style-page="stock-adjustments"]):is(.item-review-note),
:where(html[data-style-page="stock-adjustments"]) :is(.item-review-note){grid-column:1/-1;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5}
:where(html[data-style-page="stock-adjustments"]):is(.item-review-badge),
:where(html[data-style-page="stock-adjustments"]) :is(.item-review-badge){display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;margin-inline-start:7px}
:where(html[data-style-page="stock-adjustments"]):is(.item-review-badge.rejected),
:where(html[data-style-page="stock-adjustments"]) :is(.item-review-badge.rejected){background:#fee2e2;color:#991b1b}
:where(html[data-style-page="stock-adjustments"]):is(.item-review-badge.accepted),
:where(html[data-style-page="stock-adjustments"]) :is(.item-review-badge.accepted){background:#dcfce7;color:#166534}
:where(html[data-style-page="stock-adjustments"]):is(.waste-row.rejected-correction),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-row.rejected-correction){border-color:#f87171;background:#fff7f7}
:where(html[data-style-page="stock-adjustments"]):is(.waste-row.reviewed-locked),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-row.reviewed-locked){border-color:#86efac;background:#f0fdf4}
:where(html[data-style-page="stock-adjustments"]):is(.correction-row-note),
:where(html[data-style-page="stock-adjustments"]) :is(.correction-row-note){border-radius:8px;padding:8px 10px;margin-bottom:10px;font-size:12px;font-weight:700;line-height:1.5}
:where(html[data-style-page="stock-adjustments"]):is(.correction-row-note.rejected),
:where(html[data-style-page="stock-adjustments"]) :is(.correction-row-note.rejected){background:#fee2e2;color:#991b1b}
:where(html[data-style-page="stock-adjustments"]):is(.correction-row-note.accepted),
:where(html[data-style-page="stock-adjustments"]) :is(.correction-row-note.accepted){background:#dcfce7;color:#166534}

:where(html[data-style-page="stock-adjustments"]):is(.empty-state),
:where(html[data-style-page="stock-adjustments"]) :is(.empty-state){text-align:center;padding:48px 20px;color:var(--gray-500)}
:where(html[data-style-page="stock-adjustments"]):is(.empty-state .icon),
:where(html[data-style-page="stock-adjustments"]) :is(.empty-state .icon){font-size:48px;margin-bottom:12px;opacity:.3}
:where(html[data-style-page="stock-adjustments"]):is(.flash-error),
:where(html[data-style-page="stock-adjustments"]) :is(.flash-error){background:var(--danger-light);border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:12px 14px;font-weight:700}
:where(html[data-style-page="stock-adjustments"]):is(.rejected-return-card),
:where(html[data-style-page="stock-adjustments"]) :is(.rejected-return-card){margin:16px 0;border:1px solid #fecaca;background:linear-gradient(135deg,#fef2f2,#fff);border-radius:12px;padding:14px}
:where(html[data-style-page="stock-adjustments"]):is(.rejected-return-title),
:where(html[data-style-page="stock-adjustments"]) :is(.rejected-return-title){font-weight:800;color:#991b1b;margin-bottom:6px}
:where(html[data-style-page="stock-adjustments"]):is(.rejected-return-reason),
:where(html[data-style-page="stock-adjustments"]) :is(.rejected-return-reason){color:#7f1d1d;font-size:13px;line-height:1.6;white-space:pre-wrap}
:where(html[data-style-page="stock-adjustments"]):is(.rejected-return-actions),
:where(html[data-style-page="stock-adjustments"]) :is(.rejected-return-actions){display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
:where(html[data-style-page="stock-adjustments"]):is(.resubmit-edit-notice),
:where(html[data-style-page="stock-adjustments"]) :is(.resubmit-edit-notice){display:none;margin:0 0 16px;border:1px solid #fecaca;background:#fef2f2;color:#7f1d1d;border-radius:10px;padding:12px 14px}
:where(html[data-style-page="stock-adjustments"]):is(.resubmit-edit-notice.active),
:where(html[data-style-page="stock-adjustments"]) :is(.resubmit-edit-notice.active){display:block}
:where(html[data-style-page="stock-adjustments"]):is(.resubmit-edit-notice strong),
:where(html[data-style-page="stock-adjustments"]) :is(.resubmit-edit-notice strong){display:block;margin-bottom:4px}

@media(max-width:768px){
    :where(html[data-style-page="stock-adjustments"]):is(.form-grid),
:where(html[data-style-page="stock-adjustments"]) :is(.form-grid){grid-template-columns:1fr}
    :where(html[data-style-page="stock-adjustments"]):is(.record-mode-grid),
:where(html[data-style-page="stock-adjustments"]) :is(.record-mode-grid){grid-template-columns:1fr}
    :where(html[data-style-page="stock-adjustments"]):is(.waste-row-grid.full),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-row-grid.full){grid-template-columns:1fr 1fr}
    :where(html[data-style-page="stock-adjustments"]):is(.processing-fields),
:where(html[data-style-page="stock-adjustments"]) :is(.processing-fields),
:where(html[data-style-page="stock-adjustments"]):is(.calc-strip),
:where(html[data-style-page="stock-adjustments"]) :is(.calc-strip){grid-template-columns:1fr}
    :where(html[data-style-page="stock-adjustments"]):is(.waste-item-card),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-item-card){grid-template-columns:60px 1fr}
    :where(html[data-style-page="stock-adjustments"]):is(.waste-item-card .item-details),
:where(html[data-style-page="stock-adjustments"]) :is(.waste-item-card .item-details){grid-template-columns:1fr 1fr}
    :where(html[data-style-page="stock-adjustments"]):is(.detail-grid),
:where(html[data-style-page="stock-adjustments"]) :is(.detail-grid){grid-template-columns:1fr 1fr}
    :where(html[data-style-page="stock-adjustments"]):is(.tabs),
:where(html[data-style-page="stock-adjustments"]) :is(.tabs){overflow-x:auto}
    :where(html[data-style-page="stock-adjustments"]):is(.list-filter-bar),
:where(html[data-style-page="stock-adjustments"]) :is(.list-filter-bar){align-items:stretch}
    :where(html[data-style-page="stock-adjustments"]):is(.date-field),
:where(html[data-style-page="stock-adjustments"]) :is(.date-field){min-width:min(100%,180px);flex:1}
    :where(html[data-style-page="stock-adjustments"]):is(.reject-scope-options),
:where(html[data-style-page="stock-adjustments"]) :is(.reject-scope-options){grid-template-columns:1fr}
}

/* Page: stock/debug_stock_cats.php */
:where(html[data-style-page="stock-debug-stock-cats"]):is(body),
:where(html[data-style-page="stock-debug-stock-cats"]) :is(body){font-family:monospace;padding:20px} :where(html[data-style-page="stock-debug-stock-cats"]):is(pre),
:where(html[data-style-page="stock-debug-stock-cats"]) :is(pre){background:#fff;border:1px solid #ddd;padding:16px;border-radius:8px;margin-bottom:20px;white-space:pre-wrap}
/* Page: stock/index.php */

:where(html[data-style-page="stock-index"]):is(:root),
:where(html[data-style-page="stock-index"]) :is(:root){
    --primary: #2563eb; --primary-light: #eff6ff;
    --success: #10b981; --success-light: #ecfdf5;
    --warning: #f59e0b; --warning-light: #fffbeb;
    --danger: #ef4444;  --danger-light: #fef2f2;
    --info: #3b82f6;    --info-light: #eff6ff;
    --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb;
    --gray-300: #d1d5db; --gray-500: #6b7280; --gray-700: #374151;
    --gray-900: #111827; --radius: 8px; --shadow: 0 1px 3px rgba(15,23,42,.08);
    --shadow-md: 0 6px 18px rgba(15,23,42,.10);
}
:where(html[data-style-page="stock-index"]):is(*),
:where(html[data-style-page="stock-index"]) :is(*){ box-sizing: border-box; margin: 0; padding: 0; }
:where(html[data-style-page="stock-index"]):is(body),
:where(html[data-style-page="stock-index"]) :is(body){ font-family: 'Inter', 'Cairo', sans-serif; background: #f4f6f8; color: var(--gray-900); }
:where(html[data-style-page="stock-index"]):is(body.rtl),
:where(html[data-style-page="stock-index"]) :is(body.rtl){ font-family: 'Cairo', 'Inter', sans-serif; }
:where(html[data-style-page="stock-index"]):is(.sx-wrap),
:where(html[data-style-page="stock-index"]) :is(.sx-wrap){ max-width: 1500px; margin: 0 auto; padding: 20px; }

/* ── Page heading ── */
:where(html[data-style-page="stock-index"]):is(.dashboard-head),
:where(html[data-style-page="stock-index"]) :is(.dashboard-head){ display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
:where(html[data-style-page="stock-index"]):is(.dashboard-head h1),
:where(html[data-style-page="stock-index"]) :is(.dashboard-head h1){ margin: 0; font-size: 22px; line-height: 1.2; letter-spacing: 0; }
:where(html[data-style-page="stock-index"]):is(.dashboard-head-meta),
:where(html[data-style-page="stock-index"]) :is(.dashboard-head-meta){ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
:where(html[data-style-page="stock-index"]):is(.context-tag),
:where(html[data-style-page="stock-index"]) :is(.context-tag){ display: inline-flex; align-items: center; min-height: 26px; padding: 4px 8px; border: 1px solid var(--gray-200); border-radius: 6px; background: #fff; color: var(--gray-500); font-size: 11px; font-weight: 600; }

/* ── KPI Grid ── */
:where(html[data-style-page="stock-index"]):is(.kpi-grid),
:where(html[data-style-page="stock-index"]) :is(.kpi-grid){ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
:where(html[data-style-page="stock-index"]):is(.kpi-card),
:where(html[data-style-page="stock-index"]) :is(.kpi-card){ min-height: 108px; background: #fff; border: 1px solid var(--gray-200); border-top: 3px solid var(--gray-300); border-radius: var(--radius); padding: 16px 18px; box-shadow: var(--shadow); position: relative; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
:where(html[data-style-page="stock-index"]):is(.kpi-card:hover),
:where(html[data-style-page="stock-index"]) :is(.kpi-card:hover){ box-shadow: var(--shadow-md); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.primary),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.primary){ border-top-color: var(--primary); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.success),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.success){ border-top-color: var(--success); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.warning),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.warning){ border-top-color: var(--warning); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.danger),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.danger){ border-top-color: var(--danger); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.info),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.info){ border-top-color: var(--info); }
:where(html[data-style-page="stock-index"]):is(.kpi-label),
:where(html[data-style-page="stock-index"]) :is(.kpi-label){ max-width: calc(100% - 48px); font-size: 12px; color: var(--gray-500); margin-bottom: 8px; font-weight: 600; }
:where(html[data-style-page="stock-index"]):is(.kpi-value),
:where(html[data-style-page="stock-index"]) :is(.kpi-value){ max-width: calc(100% - 44px); font-size: 26px; font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
:where(html[data-style-page="stock-index"]):is(.kpi-card.primary .kpi-value),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.primary .kpi-value){ color: var(--primary); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.success .kpi-value),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.success .kpi-value){ color: var(--success); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.warning .kpi-value),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.warning .kpi-value){ color: var(--warning); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.danger  .kpi-value),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.danger  .kpi-value){ color: var(--danger); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.info    .kpi-value),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.info    .kpi-value){ color: var(--info); }
:where(html[data-style-page="stock-index"]):is(.kpi-icon),
:where(html[data-style-page="stock-index"]) :is(.kpi-icon){ position: absolute; top: 15px; right: 15px; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 7px; background: var(--gray-100); font-size: 18px; opacity: .75; }
:where(html[data-style-page="stock-index"]):is(.kpi-card.primary .kpi-icon),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.primary .kpi-icon){ background: var(--primary-light); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.success .kpi-icon),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.success .kpi-icon){ background: var(--success-light); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.warning .kpi-icon),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.warning .kpi-icon){ background: var(--warning-light); }
:where(html[data-style-page="stock-index"]):is(.kpi-card.danger .kpi-icon),
:where(html[data-style-page="stock-index"]) :is(.kpi-card.danger .kpi-icon){ background: var(--danger-light); }
:where(html[data-style-page="stock-index"]):is(body.rtl .kpi-icon),
:where(html[data-style-page="stock-index"]) :is(body.rtl .kpi-icon){ right: auto; left: 15px; }

/* ── Filters and actions ── */
:where(html[data-style-page="stock-index"]):is(.control-panel),
:where(html[data-style-page="stock-index"]) :is(.control-panel){ margin-bottom: 22px; background: #fff; border: 1px solid var(--gray-200); border-radius: var(--radius); box-shadow: var(--shadow); }
:where(html[data-style-page="stock-index"]):is(.dashboard-filter),
:where(html[data-style-page="stock-index"]) :is(.dashboard-filter){ display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; padding: 14px 16px; }
:where(html[data-style-page="stock-index"]):is(.filter-field),
:where(html[data-style-page="stock-index"]) :is(.filter-field){ display: flex; flex-direction: column; gap: 4px; }
:where(html[data-style-page="stock-index"]):is(.filter-field label),
:where(html[data-style-page="stock-index"]) :is(.filter-field label){ margin: 0; font-size: 10px; font-weight: 700; color: var(--gray-500); text-transform: uppercase; letter-spacing: 0; }
:where(html[data-style-page="stock-index"]):is(.control-actions),
:where(html[data-style-page="stock-index"]) :is(.control-actions){ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 11px 16px; border-top: 1px solid var(--gray-200); background: #fafbfc; border-radius: 0 0 var(--radius) var(--radius); }
:where(html[data-style-page="stock-index"]):is(.btn),
:where(html[data-style-page="stock-index"]) :is(.btn){ min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 15px; border-radius: 7px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; transition: background .2s, border-color .2s, color .2s; white-space: nowrap; }
:where(html[data-style-page="stock-index"]):is(.btn-primary),
:where(html[data-style-page="stock-index"]) :is(.btn-primary){ background: var(--primary); color: #fff; }
:where(html[data-style-page="stock-index"]):is(.btn-primary:hover),
:where(html[data-style-page="stock-index"]) :is(.btn-primary:hover){ background: #1d4ed8; }
:where(html[data-style-page="stock-index"]):is(.btn-success),
:where(html[data-style-page="stock-index"]) :is(.btn-success){ background: var(--success); color: #fff; }
:where(html[data-style-page="stock-index"]):is(.btn-success:hover),
:where(html[data-style-page="stock-index"]) :is(.btn-success:hover){ background: #059669; }
:where(html[data-style-page="stock-index"]):is(.btn-warning),
:where(html[data-style-page="stock-index"]) :is(.btn-warning){ background: var(--warning); color: #fff; }
:where(html[data-style-page="stock-index"]):is(.btn-warning:hover),
:where(html[data-style-page="stock-index"]) :is(.btn-warning:hover){ background: #d97706; }
:where(html[data-style-page="stock-index"]):is(.btn-outline),
:where(html[data-style-page="stock-index"]) :is(.btn-outline){ background: #fff; color: var(--gray-700); border: 1px solid var(--gray-300); }
:where(html[data-style-page="stock-index"]):is(.btn-outline:hover),
:where(html[data-style-page="stock-index"]) :is(.btn-outline:hover){ background: var(--gray-100); }
:where(html[data-style-page="stock-index"]):is(.btn-sm),
:where(html[data-style-page="stock-index"]) :is(.btn-sm){ min-height: 34px; padding: 6px 11px; font-size: 12px; }
:where(html[data-style-page="stock-index"]):is(.btn-admin),
:where(html[data-style-page="stock-index"]) :is(.btn-admin){ margin-inline-start: auto; background: #0f766e; color: #fff; }
:where(html[data-style-page="stock-index"]):is(.btn-admin:hover),
:where(html[data-style-page="stock-index"]) :is(.btn-admin:hover){ background: #115e59; }

/* ── Filter select ── */
:where(html[data-style-page="stock-index"]):is(.filter-select),
:where(html[data-style-page="stock-index"]) :is(.filter-select){ min-height: 40px; margin: 0; padding: 8px 11px; border-radius: 7px; border: 1px solid var(--gray-300); font-size: 13px; background: #fff; min-width: 190px; }
:where(html[data-style-page="stock-index"]):is(.filter-select:focus),
:where(html[data-style-page="stock-index"]) :is(.filter-select:focus){ outline: 2px solid #bfdbfe; border-color: var(--primary); }
:where(html[data-style-page="stock-index"]):is(.filter-date),
:where(html[data-style-page="stock-index"]) :is(.filter-date){ min-width: 175px; }

/* ── Cards Section ── */
:where(html[data-style-page="stock-index"]):is(.section-title),
:where(html[data-style-page="stock-index"]) :is(.section-title){ font-size: 17px; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
:where(html[data-style-page="stock-index"]):is(.section-title .icon),
:where(html[data-style-page="stock-index"]) :is(.section-title .icon){ font-size: 18px; }

/* ── Branch Stock Cards ── */
:where(html[data-style-page="stock-index"]):is(.branch-grid),
:where(html[data-style-page="stock-index"]) :is(.branch-grid){ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
:where(html[data-style-page="stock-index"]):is(.branch-card),
:where(html[data-style-page="stock-index"]) :is(.branch-card){ min-width: 0; background: #fff; border: 1px solid var(--gray-200); border-left: 4px solid var(--gray-300); border-radius: var(--radius); padding: 15px; box-shadow: var(--shadow); transition: border-color .2s, box-shadow .2s; }
:where(html[data-style-page="stock-index"]):is(.branch-card:hover),
:where(html[data-style-page="stock-index"]) :is(.branch-card:hover){ box-shadow: var(--shadow-md); }
:where(html[data-style-page="stock-index"]):is(.branch-card.store),
:where(html[data-style-page="stock-index"]) :is(.branch-card.store){ border-left-color: var(--primary); }
:where(html[data-style-page="stock-index"]):is(.branch-card.kitchen),
:where(html[data-style-page="stock-index"]) :is(.branch-card.kitchen){ border-left-color: var(--warning); }
:where(html[data-style-page="stock-index"]):is(.branch-card.ops),
:where(html[data-style-page="stock-index"]) :is(.branch-card.ops){ border-left-color: var(--success); }
:where(html[data-style-page="stock-index"]):is(body.rtl .branch-card),
:where(html[data-style-page="stock-index"]) :is(body.rtl .branch-card){ border-left: none; border-right: 4px solid var(--gray-300); }
:where(html[data-style-page="stock-index"]):is(body.rtl .branch-card.store),
:where(html[data-style-page="stock-index"]) :is(body.rtl .branch-card.store){ border-right-color: var(--primary); }
:where(html[data-style-page="stock-index"]):is(body.rtl .branch-card.kitchen),
:where(html[data-style-page="stock-index"]) :is(body.rtl .branch-card.kitchen){ border-right-color: var(--warning); }
:where(html[data-style-page="stock-index"]):is(body.rtl .branch-card.ops),
:where(html[data-style-page="stock-index"]) :is(body.rtl .branch-card.ops){ border-right-color: var(--success); }
:where(html[data-style-page="stock-index"]):is(.branch-card-header),
:where(html[data-style-page="stock-index"]) :is(.branch-card-header){ display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 14px; }
:where(html[data-style-page="stock-index"]):is(.branch-card-name),
:where(html[data-style-page="stock-index"]) :is(.branch-card-name){ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; font-size: 14px; }
:where(html[data-style-page="stock-index"]):is(.branch-card-badge),
:where(html[data-style-page="stock-index"]) :is(.branch-card-badge){ flex: 0 0 auto; font-size: 10px; padding: 3px 7px; border-radius: 6px; font-weight: 700; }
:where(html[data-style-page="stock-index"]):is(.branch-card-badge.store),
:where(html[data-style-page="stock-index"]) :is(.branch-card-badge.store){ background: var(--primary-light); color: var(--primary); }
:where(html[data-style-page="stock-index"]):is(.branch-card-badge.kitchen),
:where(html[data-style-page="stock-index"]) :is(.branch-card-badge.kitchen){ background: var(--warning-light); color: #92400e; }
:where(html[data-style-page="stock-index"]):is(.branch-card-badge.ops),
:where(html[data-style-page="stock-index"]) :is(.branch-card-badge.ops){ background: var(--success-light); color: #065f46; }
:where(html[data-style-page="stock-index"]):is(.branch-card-stats),
:where(html[data-style-page="stock-index"]) :is(.branch-card-stats){ display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--gray-100); border-bottom: 1px solid var(--gray-100); }
:where(html[data-style-page="stock-index"]):is(.branch-stat),
:where(html[data-style-page="stock-index"]) :is(.branch-stat){ min-width: 0; text-align: start; padding: 11px 8px; }
:where(html[data-style-page="stock-index"]):is(.branch-stat + .branch-stat),
:where(html[data-style-page="stock-index"]) :is(.branch-stat + .branch-stat){ border-inline-start: 1px solid var(--gray-100); }
:where(html[data-style-page="stock-index"]):is(.branch-stat-val),
:where(html[data-style-page="stock-index"]) :is(.branch-stat-val){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: 700; color: var(--gray-900); font-variant-numeric: tabular-nums; }
:where(html[data-style-page="stock-index"]):is(.branch-stat-label),
:where(html[data-style-page="stock-index"]) :is(.branch-stat-label){ font-size: 11px; color: var(--gray-500); margin-top: 2px; }
:where(html[data-style-page="stock-index"]):is(.branch-card-footer),
:where(html[data-style-page="stock-index"]) :is(.branch-card-footer){ min-height: 46px; padding-top: 11px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
:where(html[data-style-page="stock-index"]):is(.low-stock-badge),
:where(html[data-style-page="stock-index"]) :is(.low-stock-badge){ font-size: 12px; color: var(--danger); font-weight: 600; }

/* ── Table ── */
:where(html[data-style-page="stock-index"]):is(.sx-table-wrap),
:where(html[data-style-page="stock-index"]) :is(.sx-table-wrap){ background: #fff; border: 1px solid var(--gray-200); border-radius: var(--radius); box-shadow: var(--shadow); overflow: auto; margin-bottom: 20px; }
:where(html[data-style-page="stock-index"]):is(.sx-table-wrap .table-header),
:where(html[data-style-page="stock-index"]) :is(.sx-table-wrap .table-header){ min-width: max-content; padding: 13px 16px; border-bottom: 1px solid var(--gray-200); }
:where(html[data-style-page="stock-index"]):is(table.sx-tbl),
:where(html[data-style-page="stock-index"]) :is(table.sx-tbl){ width: 100%; border-collapse: collapse; font-size: 13px; }
:where(html[data-style-page="stock-index"]):is(table.sx-tbl th),
:where(html[data-style-page="stock-index"]) :is(table.sx-tbl th){ background: #f8fafc; padding: 9px 12px; text-align: start; font-weight: 700; color: var(--gray-500); font-size: 10px; text-transform: uppercase; letter-spacing: 0; white-space: nowrap; border-bottom: 1px solid var(--gray-200); }
:where(html[data-style-page="stock-index"]):is(table.sx-tbl td),
:where(html[data-style-page="stock-index"]) :is(table.sx-tbl td){ padding: 10px 14px; border-bottom: 1px solid var(--gray-100); vertical-align: middle; }
:where(html[data-style-page="stock-index"]):is(table.sx-tbl tbody tr:nth-child(even) td),
:where(html[data-style-page="stock-index"]) :is(table.sx-tbl tbody tr:nth-child(even) td){ background: #fcfcfd; }
:where(html[data-style-page="stock-index"]):is(table.sx-tbl tr:hover td),
:where(html[data-style-page="stock-index"]) :is(table.sx-tbl tr:hover td){ background: #f5f7ff; }
:where(html[data-style-page="stock-index"]):is(.status-pill),
:where(html[data-style-page="stock-index"]) :is(.status-pill){ display: inline-block; padding: 3px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; color: #fff; }
:where(html[data-style-page="stock-index"]):is(.move-badge),
:where(html[data-style-page="stock-index"]) :is(.move-badge){ display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }
:where(html[data-style-page="stock-index"]):is(.move-badge.in),
:where(html[data-style-page="stock-index"]) :is(.move-badge.in){ background: var(--success-light); color: #065f46; }
:where(html[data-style-page="stock-index"]):is(.move-badge.out),
:where(html[data-style-page="stock-index"]) :is(.move-badge.out){ background: var(--danger-light); color: #991b1b; }

/* ── Low stock list ── */
:where(html[data-style-page="stock-index"]):is(.low-stock-list),
:where(html[data-style-page="stock-index"]) :is(.low-stock-list){ display: grid; gap: 8px; }
:where(html[data-style-page="stock-index"]):is(.low-stock-row),
:where(html[data-style-page="stock-index"]) :is(.low-stock-row){ display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: #fff; border-radius: 8px; border: 1px solid var(--gray-200); }
:where(html[data-style-page="stock-index"]):is(.low-stock-row .item-name),
:where(html[data-style-page="stock-index"]) :is(.low-stock-row .item-name){ flex: 1; font-weight: 600; font-size: 13px; }
:where(html[data-style-page="stock-index"]):is(.low-stock-row .branch-tag),
:where(html[data-style-page="stock-index"]) :is(.low-stock-row .branch-tag){ font-size: 11px; color: var(--gray-500); background: var(--gray-100); padding: 2px 8px; border-radius: 4px; }
:where(html[data-style-page="stock-index"]):is(.low-stock-row .qty-bar),
:where(html[data-style-page="stock-index"]) :is(.low-stock-row .qty-bar){ width: 80px; height: 6px; background: var(--gray-200); border-radius: 3px; overflow: hidden; }
:where(html[data-style-page="stock-index"]):is(.low-stock-row .qty-bar-fill),
:where(html[data-style-page="stock-index"]) :is(.low-stock-row .qty-bar-fill){ height: 100%; border-radius: 3px; }
:where(html[data-style-page="stock-index"]):is(.low-stock-row .qty-text),
:where(html[data-style-page="stock-index"]) :is(.low-stock-row .qty-text){ font-size: 12px; font-weight: 600; min-width: 80px; text-align: end; }

/* ── Overlay ── */
:where(html[data-style-page="stock-index"]):is(.sx-overlay),
:where(html[data-style-page="stock-index"]) :is(.sx-overlay){ display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 999; justify-content: center; align-items: center; }
:where(html[data-style-page="stock-index"]):is(.sx-overlay.active),
:where(html[data-style-page="stock-index"]) :is(.sx-overlay.active){ display: flex; }
:where(html[data-style-page="stock-index"]):is(.sx-modal),
:where(html[data-style-page="stock-index"]) :is(.sx-modal){ background: #fff; border-radius: var(--radius); padding: 28px; max-width: 500px; width: 90%; box-shadow: 0 20px 60px rgba(0,0,0,.2); }
:where(html[data-style-page="stock-index"]):is(.sx-modal h3),
:where(html[data-style-page="stock-index"]) :is(.sx-modal h3){ margin-bottom: 12px; }
:where(html[data-style-page="stock-index"]):is(.sx-modal p),
:where(html[data-style-page="stock-index"]) :is(.sx-modal p){ color: var(--gray-500); margin-bottom: 20px; font-size: 14px; }
:where(html[data-style-page="stock-index"]):is(.sx-modal .btn-row),
:where(html[data-style-page="stock-index"]) :is(.sx-modal .btn-row){ display: flex; gap: 10px; justify-content: flex-end; }

/* ── Schema banner ── */
:where(html[data-style-page="stock-index"]):is(.schema-banner),
:where(html[data-style-page="stock-index"]) :is(.schema-banner){ background: var(--warning-light); border: 1px solid #fcd34d; padding: 16px 20px; border-radius: var(--radius); margin-bottom: 24px; display: flex; align-items: center; gap: 12px; }
:where(html[data-style-page="stock-index"]):is(.schema-banner .icon),
:where(html[data-style-page="stock-index"]) :is(.schema-banner .icon){ font-size: 24px; }
:where(html[data-style-page="stock-index"]):is(.schema-banner p),
:where(html[data-style-page="stock-index"]) :is(.schema-banner p){ font-size: 14px; color: #92400e; }

/* ── Empty state ── */
:where(html[data-style-page="stock-index"]):is(.empty-state),
:where(html[data-style-page="stock-index"]) :is(.empty-state){ text-align: center; padding: 40px 20px; color: var(--gray-500); }
:where(html[data-style-page="stock-index"]):is(.empty-state .icon),
:where(html[data-style-page="stock-index"]) :is(.empty-state .icon){ font-size: 48px; margin-bottom: 12px; opacity: .3; }
:where(html[data-style-page="stock-index"]):is(.empty-state p),
:where(html[data-style-page="stock-index"]) :is(.empty-state p){ font-size: 14px; }

/* ── Responsive ── */
@media (max-width: 768px) {
    :where(html[data-style-page="stock-index"]):is(.kpi-grid),
:where(html[data-style-page="stock-index"]) :is(.kpi-grid){ grid-template-columns: repeat(2, 1fr); }
    :where(html[data-style-page="stock-index"]):is(.branch-grid),
:where(html[data-style-page="stock-index"]) :is(.branch-grid){ grid-template-columns: 1fr; }
    :where(html[data-style-page="stock-index"]):is(.dashboard-head),
:where(html[data-style-page="stock-index"]) :is(.dashboard-head){ align-items: flex-start; }
    :where(html[data-style-page="stock-index"]):is(.dashboard-filter),
:where(html[data-style-page="stock-index"]) :is(.dashboard-filter){ align-items: stretch; }
    :where(html[data-style-page="stock-index"]):is(.filter-field),
:where(html[data-style-page="stock-index"]) :is(.filter-field),
:where(html[data-style-page="stock-index"]):is(.filter-select),
:where(html[data-style-page="stock-index"]) :is(.filter-select){ width: 100%; }
    :where(html[data-style-page="stock-index"]):is(.control-actions),
:where(html[data-style-page="stock-index"]) :is(.control-actions){ display: grid; grid-template-columns: 1fr 1fr; }
    :where(html[data-style-page="stock-index"]):is(.control-actions .btn),
:where(html[data-style-page="stock-index"]) :is(.control-actions .btn){ width: 100%; }
    :where(html[data-style-page="stock-index"]):is(.btn-admin),
:where(html[data-style-page="stock-index"]) :is(.btn-admin){ margin-inline-start: 0; }
    :where(html[data-style-page="stock-index"]):is(.kpi-value),
:where(html[data-style-page="stock-index"]) :is(.kpi-value){ font-size: 22px; }
}
@media (min-width: 769px) and (max-width: 1100px) {
    :where(html[data-style-page="stock-index"]):is(.branch-grid),
:where(html[data-style-page="stock-index"]) :is(.branch-grid){ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    :where(html[data-style-page="stock-index"]):is(.dashboard-head),
:where(html[data-style-page="stock-index"]) :is(.dashboard-head){ flex-direction: column; }
    :where(html[data-style-page="stock-index"]):is(.dashboard-head > .btn),
:where(html[data-style-page="stock-index"]) :is(.dashboard-head > .btn){ width: 100%; }
    :where(html[data-style-page="stock-index"]):is(.kpi-grid),
:where(html[data-style-page="stock-index"]) :is(.kpi-grid){ grid-template-columns: 1fr; }
    :where(html[data-style-page="stock-index"]):is(.control-actions),
:where(html[data-style-page="stock-index"]) :is(.control-actions){ grid-template-columns: 1fr; }
}

/* Page: stock/movements.php */

:where(html[data-style-page="stock-movements"]):is(:root),
:where(html[data-style-page="stock-movements"]) :is(:root){ --primary:#4f46e5;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--radius:12px;--shadow:0 1px 3px rgba(0,0,0,.08); --success-light:#ecfdf5;--danger-light:#fef2f2;--primary-light:#eef2ff;--warning-light:#fffbeb; }
:where(html[data-style-page="stock-movements"]):is(*),
:where(html[data-style-page="stock-movements"]) :is(*){ box-sizing:border-box;margin:0;padding:0; }
:where(html[data-style-page="stock-movements"]):is(body),
:where(html[data-style-page="stock-movements"]) :is(body){ font-family:'Inter','Cairo',sans-serif; background:var(--gray-50); color:var(--gray-900); }
:where(html[data-style-page="stock-movements"]):is(body.rtl),
:where(html[data-style-page="stock-movements"]) :is(body.rtl){ font-family:'Cairo','Inter',sans-serif; }
:where(html[data-style-page="stock-movements"]):is(.sx-wrap),
:where(html[data-style-page="stock-movements"]) :is(.sx-wrap){ max-width:1400px; margin:0 auto; padding:24px 20px; }
:where(html[data-style-page="stock-movements"]):is(.page-header),
:where(html[data-style-page="stock-movements"]) :is(.page-header){ display:flex; align-items:center; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
:where(html[data-style-page="stock-movements"]):is(.page-header h1),
:where(html[data-style-page="stock-movements"]) :is(.page-header h1){ font-size:22px; font-weight:700; }
:where(html[data-style-page="stock-movements"]):is(.back-link),
:where(html[data-style-page="stock-movements"]) :is(.back-link){ color:var(--primary); text-decoration:none; font-size:14px; font-weight:600; }
:where(html[data-style-page="stock-movements"]):is(.filters-bar),
:where(html[data-style-page="stock-movements"]) :is(.filters-bar){ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; background:#fff; padding:14px 18px; border-radius:var(--radius); box-shadow:var(--shadow); align-items:flex-end; }
:where(html[data-style-page="stock-movements"]):is(.fg),
:where(html[data-style-page="stock-movements"]) :is(.fg){ display:flex; flex-direction:column; gap:4px; }
:where(html[data-style-page="stock-movements"]):is(.fg label),
:where(html[data-style-page="stock-movements"]) :is(.fg label){ font-size:12px; font-weight:600; color:var(--gray-500); }
:where(html[data-style-page="stock-movements"]):is(.fg select),
:where(html[data-style-page="stock-movements"]) :is(.fg select),
:where(html[data-style-page="stock-movements"]):is(.fg input),
:where(html[data-style-page="stock-movements"]) :is(.fg input){ padding:8px 12px; border:1px solid var(--gray-300); border-radius:8px; font-size:14px; }
:where(html[data-style-page="stock-movements"]):is(.btn),
:where(html[data-style-page="stock-movements"]) :is(.btn){ display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:8px; font-size:13px; font-weight:600; border:none; cursor:pointer; text-decoration:none; }
:where(html[data-style-page="stock-movements"]):is(.btn-primary),
:where(html[data-style-page="stock-movements"]) :is(.btn-primary){ background:var(--primary); color:#fff; }
:where(html[data-style-page="stock-movements"]):is(.btn-outline),
:where(html[data-style-page="stock-movements"]) :is(.btn-outline){ background:#fff; color:var(--gray-700); border:1px solid var(--gray-300); }
:where(html[data-style-page="stock-movements"]):is(.sx-table-wrap),
:where(html[data-style-page="stock-movements"]) :is(.sx-table-wrap){ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); overflow-x:auto; }
:where(html[data-style-page="stock-movements"]):is(table.sx-tbl),
:where(html[data-style-page="stock-movements"]) :is(table.sx-tbl){ width:100%; min-width:1120px; border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:12px; }
:where(html[data-style-page="stock-movements"]):is(table.sx-tbl th),
:where(html[data-style-page="stock-movements"]) :is(table.sx-tbl th){ background:#f8fafc; padding:9px 10px; text-align:start; font-weight:700; color:var(--gray-500); font-size:10px; line-height:1.15; text-transform:uppercase; letter-spacing:0; border-bottom:1px solid var(--gray-200); white-space:normal; vertical-align:bottom; }
:where(html[data-style-page="stock-movements"]):is(table.sx-tbl td),
:where(html[data-style-page="stock-movements"]) :is(table.sx-tbl td){ padding:11px 10px; border-bottom:1px solid var(--gray-100); vertical-align:middle; background:#fff; }
:where(html[data-style-page="stock-movements"]):is(table.sx-tbl tbody tr:nth-child(even) td),
:where(html[data-style-page="stock-movements"]) :is(table.sx-tbl tbody tr:nth-child(even) td){ background:#fcfcfd; }
:where(html[data-style-page="stock-movements"]):is(table.sx-tbl tbody tr:hover td),
:where(html[data-style-page="stock-movements"]) :is(table.sx-tbl tbody tr:hover td){ background:#f5f7ff; }
:where(html[data-style-page="stock-movements"]):is(table.sx-tbl tbody tr.clickable-row),
:where(html[data-style-page="stock-movements"]) :is(table.sx-tbl tbody tr.clickable-row){ cursor:pointer; }
:where(html[data-style-page="stock-movements"]):is(table.sx-tbl tbody tr.clickable-row:focus),
:where(html[data-style-page="stock-movements"]) :is(table.sx-tbl tbody tr.clickable-row:focus){ outline:2px solid var(--primary); outline-offset:-2px; }
:where(html[data-style-page="stock-movements"]):is(.th-stack),
:where(html[data-style-page="stock-movements"]) :is(.th-stack){ display:inline-flex; min-height:24px; flex-direction:column; justify-content:flex-end; line-height:1.15; }
:where(html[data-style-page="stock-movements"]):is(.movement-date),
:where(html[data-style-page="stock-movements"]) :is(.movement-date){ white-space:nowrap; font-variant-numeric:tabular-nums; }
:where(html[data-style-page="stock-movements"]):is(.movement-item-name),
:where(html[data-style-page="stock-movements"]) :is(.movement-item-name){ font-size:13px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where(html[data-style-page="stock-movements"]):is(.movement-item-meta),
:where(html[data-style-page="stock-movements"]) :is(.movement-item-meta){ margin-top:3px; color:var(--gray-500); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where(html[data-style-page="stock-movements"]):is(.movement-number),
:where(html[data-style-page="stock-movements"]) :is(.movement-number){ font-variant-numeric:tabular-nums; white-space:nowrap; }
:where(html[data-style-page="stock-movements"]):is(.movement-unit),
:where(html[data-style-page="stock-movements"]) :is(.movement-unit){ color:var(--gray-500); font-weight:600; }
:where(html[data-style-page="stock-movements"]):is(.movement-reference),
:where(html[data-style-page="stock-movements"]) :is(.movement-reference){ color:var(--gray-700); font-size:11px; white-space:normal; overflow-wrap:anywhere; }
:where(html[data-style-page="stock-movements"]):is(.movement-notes),
:where(html[data-style-page="stock-movements"]) :is(.movement-notes){ color:var(--gray-700); font-size:11px; line-height:1.4; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
:where(html[data-style-page="stock-movements"]):is(.move-badge),
:where(html[data-style-page="stock-movements"]) :is(.move-badge){ display:inline-block; padding:2px 8px; border-radius:4px; font-size:11px; font-weight:600; }
:where(html[data-style-page="stock-movements"]):is(.move-badge.in),
:where(html[data-style-page="stock-movements"]) :is(.move-badge.in){ background:var(--success-light); color:#065f46; }
:where(html[data-style-page="stock-movements"]):is(.move-badge.out),
:where(html[data-style-page="stock-movements"]) :is(.move-badge.out){ background:var(--danger-light); color:#991b1b; }
:where(html[data-style-page="stock-movements"]):is(.consumption-subtype),
:where(html[data-style-page="stock-movements"]) :is(.consumption-subtype){ margin-top:5px; font-size:11px; font-weight:600; color:var(--gray-700); }
:where(html[data-style-page="stock-movements"]):is(.consumption-subtype.waste),
:where(html[data-style-page="stock-movements"]) :is(.consumption-subtype.waste){ color:#b45309; }
:where(html[data-style-page="stock-movements"]):is(.consumption-subtype.sales),
:where(html[data-style-page="stock-movements"]) :is(.consumption-subtype.sales){ color:#1d4ed8; }
:where(html[data-style-page="stock-movements"]):is(.pagination),
:where(html[data-style-page="stock-movements"]) :is(.pagination){ display:flex; justify-content:center; gap:8px; margin-top:20px; align-items:center; }
:where(html[data-style-page="stock-movements"]):is(.pagination a),
:where(html[data-style-page="stock-movements"]) :is(.pagination a){ padding:8px 14px; border-radius:8px; border:1px solid var(--gray-300); color:var(--gray-700); text-decoration:none; font-size:13px; }
:where(html[data-style-page="stock-movements"]):is(.pagination a.active),
:where(html[data-style-page="stock-movements"]) :is(.pagination a.active){ background:var(--primary); color:#fff; border-color:var(--primary); }
:where(html[data-style-page="stock-movements"]):is(.pagination span),
:where(html[data-style-page="stock-movements"]) :is(.pagination span){ font-size:13px; color:var(--gray-500); }
:where(html[data-style-page="stock-movements"]):is(.empty-state),
:where(html[data-style-page="stock-movements"]) :is(.empty-state){ text-align:center; padding:48px 20px; color:var(--gray-500); }
:where(html[data-style-page="stock-movements"]):is(.empty-state .icon),
:where(html[data-style-page="stock-movements"]) :is(.empty-state .icon){ font-size:48px; margin-bottom:12px; opacity:.3; }
@media (max-width:768px) { :where(html[data-style-page="stock-movements"]):is(.filters-bar),
:where(html[data-style-page="stock-movements"]) :is(.filters-bar){ flex-direction:column; } }

/* Page: stock/preparations.php */

        :where(html[data-style-page="stock-preparations"]):is(:root),
:where(html[data-style-page="stock-preparations"]) :is(:root){--blue:#2563eb;--green:#16a34a;--amber:#d97706;--red:#dc2626;--line:#e5e7eb;--muted:#64748b;--bg:#f6f8fb}
        :where(html[data-style-page="stock-preparations"]):is(body),
:where(html[data-style-page="stock-preparations"]) :is(body){background:var(--bg)}
        :where(html[data-style-page="stock-preparations"]):is(.prep-wrap),
:where(html[data-style-page="stock-preparations"]) :is(.prep-wrap){max-width:1280px;margin:0 auto;padding:22px}
        :where(html[data-style-page="stock-preparations"]):is(.prep-head),
:where(html[data-style-page="stock-preparations"]) :is(.prep-head){display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
        :where(html[data-style-page="stock-preparations"]):is(.prep-title h1),
:where(html[data-style-page="stock-preparations"]) :is(.prep-title h1){margin:0;font-size:30px;color:#0f172a}:where(html[data-style-page="stock-preparations"]):is(.prep-title p),
:where(html[data-style-page="stock-preparations"]) :is(.prep-title p){margin:6px 0 0;color:var(--muted)}
        :where(html[data-style-page="stock-preparations"]):is(.btn),
:where(html[data-style-page="stock-preparations"]) :is(.btn){border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
        :where(html[data-style-page="stock-preparations"]):is(.btn-primary),
:where(html[data-style-page="stock-preparations"]) :is(.btn-primary){background:var(--blue);color:#fff}:where(html[data-style-page="stock-preparations"]):is(.btn-success),
:where(html[data-style-page="stock-preparations"]) :is(.btn-success){background:var(--green);color:#fff}:where(html[data-style-page="stock-preparations"]):is(.btn-danger),
:where(html[data-style-page="stock-preparations"]) :is(.btn-danger){background:var(--red);color:#fff}:where(html[data-style-page="stock-preparations"]):is(.btn-lite),
:where(html[data-style-page="stock-preparations"]) :is(.btn-lite){background:#fff;color:#0f172a;border:1px solid var(--line)}
        :where(html[data-style-page="stock-preparations"]):is(.panel),
:where(html[data-style-page="stock-preparations"]) :is(.panel){background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.05);margin-bottom:16px}
        :where(html[data-style-page="stock-preparations"]):is(.grid),
:where(html[data-style-page="stock-preparations"]) :is(.grid){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}:where(html[data-style-page="stock-preparations"]):is(.fg label),
:where(html[data-style-page="stock-preparations"]) :is(.fg label){display:block;font-size:12px;font-weight:900;color:#475569;margin-bottom:6px}:where(html[data-style-page="stock-preparations"]):is(.fg input),
:where(html[data-style-page="stock-preparations"]) :is(.fg input),
:where(html[data-style-page="stock-preparations"]):is(.fg select),
:where(html[data-style-page="stock-preparations"]) :is(.fg select),
:where(html[data-style-page="stock-preparations"]):is(.fg textarea),
:where(html[data-style-page="stock-preparations"]) :is(.fg textarea){width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}:where(html[data-style-page="stock-preparations"]):is(.fg textarea),
:where(html[data-style-page="stock-preparations"]) :is(.fg textarea){min-height:42px}:where(html[data-style-page="stock-preparations"]):is(.recipe-field),
:where(html[data-style-page="stock-preparations"]) :is(.recipe-field){grid-column:span 2}
        :where(html[data-style-page="stock-preparations"]):is(.recipe-card),
:where(html[data-style-page="stock-preparations"]) :is(.recipe-card){display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;color:#334155}
        :where(html[data-style-page="stock-preparations"]):is(.card-builder-actions),
:where(html[data-style-page="stock-preparations"]) :is(.card-builder-actions){display:flex;justify-content:flex-end;gap:8px;margin-top:10px;flex-wrap:wrap}:where(html[data-style-page="stock-preparations"]):is(.prep-card-lines),
:where(html[data-style-page="stock-preparations"]) :is(.prep-card-lines){margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}:where(html[data-style-page="stock-preparations"]):is(.prep-card-lines table),
:where(html[data-style-page="stock-preparations"]) :is(.prep-card-lines table){border-radius:0}:where(html[data-style-page="stock-preparations"]):is(.prep-card-summary),
:where(html[data-style-page="stock-preparations"]) :is(.prep-card-summary){display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;background:#f8fafc;border-top:1px solid var(--line);font-weight:900}:where(html[data-style-page="stock-preparations"]):is(.icon-btn),
:where(html[data-style-page="stock-preparations"]) :is(.icon-btn){width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#334155}
        :where(html[data-style-page="stock-preparations"]):is(.prep-card-list),
:where(html[data-style-page="stock-preparations"]) :is(.prep-card-list){display:grid;gap:12px}:where(html[data-style-page="stock-preparations"]):is(.prep-list-card),
:where(html[data-style-page="stock-preparations"]) :is(.prep-list-card){background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.05)}:where(html[data-style-page="stock-preparations"]):is(.prep-list-head),
:where(html[data-style-page="stock-preparations"]) :is(.prep-list-head){display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px;background:#f8fafc;border-bottom:1px solid var(--line);flex-wrap:wrap}:where(html[data-style-page="stock-preparations"]):is(.prep-list-title),
:where(html[data-style-page="stock-preparations"]) :is(.prep-list-title){font-weight:900;color:#0f172a}:where(html[data-style-page="stock-preparations"]):is(.prep-list-meta),
:where(html[data-style-page="stock-preparations"]) :is(.prep-list-meta){display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}:where(html[data-style-page="stock-preparations"]):is(.pill),
:where(html[data-style-page="stock-preparations"]) :is(.pill){display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eef2ff;color:#3730a3;padding:4px 8px;font-size:12px;font-weight:900}:where(html[data-style-page="stock-preparations"]):is(.pill.warn),
:where(html[data-style-page="stock-preparations"]) :is(.pill.warn){background:#fffbeb;color:#92400e}:where(html[data-style-page="stock-preparations"]):is(.pill.ok),
:where(html[data-style-page="stock-preparations"]) :is(.pill.ok){background:#ecfdf5;color:#047857}:where(html[data-style-page="stock-preparations"]):is(.pill.bad),
:where(html[data-style-page="stock-preparations"]) :is(.pill.bad){background:#fef2f2;color:#b91c1c}
        :where(html[data-style-page="stock-preparations"]):is(.tabs),
:where(html[data-style-page="stock-preparations"]) :is(.tabs){display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}:where(html[data-style-page="stock-preparations"]):is(.tab),
:where(html[data-style-page="stock-preparations"]) :is(.tab){background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;text-decoration:none;color:#334155;font-weight:800}:where(html[data-style-page="stock-preparations"]):is(.tab.active),
:where(html[data-style-page="stock-preparations"]) :is(.tab.active){background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
        :where(html[data-style-page="stock-preparations"]):is(table),
:where(html[data-style-page="stock-preparations"]) :is(table){width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}:where(html[data-style-page="stock-preparations"]):is(th),
:where(html[data-style-page="stock-preparations"]) :is(th),
:where(html[data-style-page="stock-preparations"]):is(td),
:where(html[data-style-page="stock-preparations"]) :is(td){padding:12px;border-bottom:1px solid #eef2f7;text-align:start}:where(html[data-style-page="stock-preparations"]):is(th),
:where(html[data-style-page="stock-preparations"]) :is(th){background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase}:where(html[data-style-page="stock-preparations"]):is(td.num),
:where(html[data-style-page="stock-preparations"]) :is(td.num){text-align:end;font-variant-numeric:tabular-nums}:where(html[data-style-page="stock-preparations"]):is(.badge),
:where(html[data-style-page="stock-preparations"]) :is(.badge){display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}:where(html[data-style-page="stock-preparations"]):is(.pending_bm),
:where(html[data-style-page="stock-preparations"]) :is(.pending_bm){background:#fffbeb;color:#92400e}:where(html[data-style-page="stock-preparations"]):is(.pending_cc),
:where(html[data-style-page="stock-preparations"]) :is(.pending_cc){background:#eff6ff;color:#1d4ed8}:where(html[data-style-page="stock-preparations"]):is(.approved),
:where(html[data-style-page="stock-preparations"]) :is(.approved){background:#ecfdf5;color:#047857}:where(html[data-style-page="stock-preparations"]):is(.rejected),
:where(html[data-style-page="stock-preparations"]) :is(.rejected){background:#fef2f2;color:#b91c1c}
        :where(html[data-style-page="stock-preparations"]):is(.actions),
:where(html[data-style-page="stock-preparations"]) :is(.actions){display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}:where(html[data-style-page="stock-preparations"]):is(.small),
:where(html[data-style-page="stock-preparations"]) :is(.small){font-size:12px;color:var(--muted)}
        :where(html[data-style-page="stock-preparations"]):is(.proof-upload),
:where(html[data-style-page="stock-preparations"]) :is(.proof-upload){margin-top:12px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
        :where(html[data-style-page="stock-preparations"]):is(.proof-preview),
:where(html[data-style-page="stock-preparations"]) :is(.proof-preview){display:flex;gap:8px;flex-wrap:wrap}:where(html[data-style-page="stock-preparations"]):is(.proof-thumb),
:where(html[data-style-page="stock-preparations"]) :is(.proof-thumb){width:72px;height:72px;border-radius:10px;border:1px solid var(--line);object-fit:cover;background:#fff;cursor:pointer}:where(html[data-style-page="stock-preparations"]):is(.proof-count),
:where(html[data-style-page="stock-preparations"]) :is(.proof-count){font-weight:900;color:#1d4ed8}
        :where(html[data-style-page="stock-preparations"]):is(.sx-overlay),
:where(html[data-style-page="stock-preparations"]) :is(.sx-overlay){position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:1200;display:none;align-items:center;justify-content:center;padding:18px}:where(html[data-style-page="stock-preparations"]):is(.sx-overlay.active),
:where(html[data-style-page="stock-preparations"]) :is(.sx-overlay.active){display:flex}:where(html[data-style-page="stock-preparations"]):is(.sx-modal),
:where(html[data-style-page="stock-preparations"]) :is(.sx-modal){background:#fff;border-radius:14px;max-width:1040px;width:min(100%,1040px);max-height:90vh;overflow:auto;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:22px}:where(html[data-style-page="stock-preparations"]):is(.prep-create-modal),
:where(html[data-style-page="stock-preparations"]) :is(.prep-create-modal){max-width:1160px;width:min(100%,1160px)}:where(html[data-style-page="stock-preparations"]):is(.modal-head),
:where(html[data-style-page="stock-preparations"]) :is(.modal-head){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}:where(html[data-style-page="stock-preparations"]):is(.modal-head h3),
:where(html[data-style-page="stock-preparations"]) :is(.modal-head h3){margin:0}:where(html[data-style-page="stock-preparations"]):is(.modal-close),
:where(html[data-style-page="stock-preparations"]) :is(.modal-close){border:1px solid var(--line);background:#fff;border-radius:9px;width:36px;height:36px;font-size:22px;line-height:1;cursor:pointer}:where(html[data-style-page="stock-preparations"]):is(.detail-grid),
:where(html[data-style-page="stock-preparations"]) :is(.detail-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}:where(html[data-style-page="stock-preparations"]):is(.detail-field .label),
:where(html[data-style-page="stock-preparations"]) :is(.detail-field .label){font-size:11px;color:var(--muted);font-weight:900;text-transform:uppercase}:where(html[data-style-page="stock-preparations"]):is(.detail-field .value),
:where(html[data-style-page="stock-preparations"]) :is(.detail-field .value){font-weight:800;margin-top:4px}:where(html[data-style-page="stock-preparations"]):is(.approval-steps),
:where(html[data-style-page="stock-preparations"]) :is(.approval-steps){display:grid;gap:10px;margin:14px 0}:where(html[data-style-page="stock-preparations"]):is(.approval-step),
:where(html[data-style-page="stock-preparations"]) :is(.approval-step){display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-left:5px solid var(--amber);border-radius:12px;padding:12px}:where(html[data-style-page="stock-preparations"]):is(.approval-step.done),
:where(html[data-style-page="stock-preparations"]) :is(.approval-step.done){border-left-color:var(--green);background:#f0fdf4}:where(html[data-style-page="stock-preparations"]):is(.approval-step.pending),
:where(html[data-style-page="stock-preparations"]) :is(.approval-step.pending){background:#fffbeb}:where(html[data-style-page="stock-preparations"]):is(.ingredient-table),
:where(html[data-style-page="stock-preparations"]) :is(.ingredient-table){margin-top:12px;overflow:auto}:where(html[data-style-page="stock-preparations"]):is(.image-modal),
:where(html[data-style-page="stock-preparations"]) :is(.image-modal){background:#111827;max-width:min(1100px,96vw);padding:44px 12px 12px}:where(html[data-style-page="stock-preparations"]):is(.image-scroll),
:where(html[data-style-page="stock-preparations"]) :is(.image-scroll){max-height:82vh;overflow:auto;display:grid;gap:14px}:where(html[data-style-page="stock-preparations"]):is(.image-figure),
:where(html[data-style-page="stock-preparations"]) :is(.image-figure){margin:0;display:flex;justify-content:center}:where(html[data-style-page="stock-preparations"]):is(.image-figure img),
:where(html[data-style-page="stock-preparations"]) :is(.image-figure img){max-width:100%;max-height:72vh;object-fit:contain;border-radius:8px;cursor:zoom-in}:where(html[data-style-page="stock-preparations"]):is(.image-figure img.zoomed),
:where(html[data-style-page="stock-preparations"]) :is(.image-figure img.zoomed){max-height:none;cursor:zoom-out}:where(html[data-style-page="stock-preparations"]):is(.image-modal .modal-close),
:where(html[data-style-page="stock-preparations"]) :is(.image-modal .modal-close){position:absolute;top:12px;right:12px;background:#fff}:where(html[data-style-page="stock-preparations"]):is(.image-counter),
:where(html[data-style-page="stock-preparations"]) :is(.image-counter){position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}
        :where(html[data-style-page="stock-preparations"]):is(body.prep-detail-popup),
:where(html[data-style-page="stock-preparations"]) :is(body.prep-detail-popup){background:var(--bg);overflow:hidden}
        :where(html[data-style-page="stock-preparations"]):is(body.prep-detail-popup .content),
:where(html[data-style-page="stock-preparations"]) :is(body.prep-detail-popup .content){width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important}
        :where(html[data-style-page="stock-preparations"]):is(body.prep-detail-popup #prepDetailOverlay),
:where(html[data-style-page="stock-preparations"]) :is(body.prep-detail-popup #prepDetailOverlay){display:flex;background:var(--bg);padding:18px}
        :where(html[data-style-page="stock-preparations"]):is(body.prep-detail-popup #prepDetailModal),
:where(html[data-style-page="stock-preparations"]) :is(body.prep-detail-popup #prepDetailModal){max-height:calc(100vh - 36px);box-shadow:0 12px 34px rgba(15,23,42,.12)}
        @media(max-width:900px){:where(html[data-style-page="stock-preparations"]):is(.grid),
:where(html[data-style-page="stock-preparations"]) :is(.grid){grid-template-columns:1fr}:where(html[data-style-page="stock-preparations"]):is(.recipe-field),
:where(html[data-style-page="stock-preparations"]) :is(.recipe-field){grid-column:auto}:where(html[data-style-page="stock-preparations"]):is(.prep-head),
:where(html[data-style-page="stock-preparations"]) :is(.prep-head){flex-direction:column}:where(html[data-style-page="stock-preparations"]):is(table),
:where(html[data-style-page="stock-preparations"]) :is(table){font-size:13px}}
    
/* Page: stock/purchase_item_history.php */

:where(html[data-style-page="stock-purchase-item-history"]):is(:root),
:where(html[data-style-page="stock-purchase-item-history"]) :is(:root){--blue:#2563eb;--green:#059669;--amber:#b45309;--red:#dc2626;--ink:#111827;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--bg:#f4f6f8}
:where(html[data-style-page="stock-purchase-item-history"]):is(*),
:where(html[data-style-page="stock-purchase-item-history"]) :is(*){box-sizing:border-box}
:where(html[data-style-page="stock-purchase-item-history"]):is(body),
:where(html[data-style-page="stock-purchase-item-history"]) :is(body){margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Cairo,Arial,sans-serif}
:where(html[data-style-page="stock-purchase-item-history"]):is(.history-wrap),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.history-wrap){max-width:1160px;margin:0 auto;padding:18px}
:where(html[data-style-page="stock-purchase-item-history"]):is(.history-card),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.history-card){background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.08)}
:where(html[data-style-page="stock-purchase-item-history"]):is(.history-head),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.history-head){display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}
:where(html[data-style-page="stock-purchase-item-history"]):is(.history-title),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.history-title){min-width:0}
:where(html[data-style-page="stock-purchase-item-history"]):is(.history-title h1),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.history-title h1){margin:0;font-size:20px;line-height:1.25}
:where(html[data-style-page="stock-purchase-item-history"]):is(.history-title p),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.history-title p){margin:5px 0 0;color:var(--muted);font-size:12px}
:where(html[data-style-page="stock-purchase-item-history"]):is(.close-button),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.close-button){display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#334155;font-size:21px;cursor:pointer}
:where(html[data-style-page="stock-purchase-item-history"]):is(.close-button:hover),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.close-button:hover){background:#f8fafc}
:where(html[data-style-page="stock-purchase-item-history"]):is(.meta-strip),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.meta-strip){display:flex;gap:16px;flex-wrap:wrap;padding:12px 18px;background:#f8fafc;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
:where(html[data-style-page="stock-purchase-item-history"]):is(.meta-strip strong),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.meta-strip strong){color:var(--ink)}
:where(html[data-style-page="stock-purchase-item-history"]):is(.summary-grid),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.summary-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
:where(html[data-style-page="stock-purchase-item-history"]):is(.summary-cell),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.summary-cell){padding:14px 18px;border-inline-end:1px solid var(--line)}
:where(html[data-style-page="stock-purchase-item-history"]):is(.summary-cell:last-child),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.summary-cell:last-child){border-inline-end:0}
:where(html[data-style-page="stock-purchase-item-history"]):is(.summary-label),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.summary-label){color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}
:where(html[data-style-page="stock-purchase-item-history"]):is(.summary-value),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.summary-value){margin-top:4px;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
:where(html[data-style-page="stock-purchase-item-history"]):is(.table-wrap),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.table-wrap){overflow:auto}
:where(html[data-style-page="stock-purchase-item-history"]):is(table),
:where(html[data-style-page="stock-purchase-item-history"]) :is(table){width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}
:where(html[data-style-page="stock-purchase-item-history"]):is(th),
:where(html[data-style-page="stock-purchase-item-history"]) :is(th){padding:9px 10px;background:#f8fafc;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;text-align:start;text-transform:uppercase}
:where(html[data-style-page="stock-purchase-item-history"]):is(td),
:where(html[data-style-page="stock-purchase-item-history"]) :is(td){padding:11px 10px;border-bottom:1px solid #edf0f4;font-size:12px;vertical-align:middle}
:where(html[data-style-page="stock-purchase-item-history"]):is(tbody tr:nth-child(even) td),
:where(html[data-style-page="stock-purchase-item-history"]) :is(tbody tr:nth-child(even) td){background:#fcfcfd}
:where(html[data-style-page="stock-purchase-item-history"]):is(tbody tr:hover td),
:where(html[data-style-page="stock-purchase-item-history"]) :is(tbody tr:hover td){background:#f5f7ff}
:where(html[data-style-page="stock-purchase-item-history"]):is(.number),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.number){text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
:where(html[data-style-page="stock-purchase-item-history"]):is(.invoice-code),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.invoice-code){font-weight:700;color:var(--blue)}
:where(html[data-style-page="stock-purchase-item-history"]):is(.subtext),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.subtext){margin-top:3px;color:var(--muted);font-size:10px}
:where(html[data-style-page="stock-purchase-item-history"]):is(.status),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.status){display:inline-flex;padding:3px 7px;border-radius:6px;background:#eef2ff;color:#3730a3;font-size:10px;font-weight:700}
:where(html[data-style-page="stock-purchase-item-history"]):is(.status.paid),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.status.paid),
:where(html[data-style-page="stock-purchase-item-history"]):is(.status.approved),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.status.approved){background:#ecfdf5;color:#047857}
:where(html[data-style-page="stock-purchase-item-history"]):is(.status.open),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.status.open),
:where(html[data-style-page="stock-purchase-item-history"]):is(.status.pending_review),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.status.pending_review){background:#fff7ed;color:#9a3412}
:where(html[data-style-page="stock-purchase-item-history"]):is(.view-button),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.view-button){display:inline-flex;padding:6px 10px;border:1px solid #bfdbfe;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700;text-decoration:none}
:where(html[data-style-page="stock-purchase-item-history"]):is(.empty),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.empty){padding:36px 18px;text-align:center;color:var(--muted)}
@media(max-width:720px){
    :where(html[data-style-page="stock-purchase-item-history"]):is(.summary-grid),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.summary-grid){grid-template-columns:1fr 1fr}
    :where(html[data-style-page="stock-purchase-item-history"]):is(.summary-cell:nth-child(2)),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.summary-cell:nth-child(2)){border-inline-end:0}
    :where(html[data-style-page="stock-purchase-item-history"]):is(.summary-cell:nth-child(-n+2)),
:where(html[data-style-page="stock-purchase-item-history"]) :is(.summary-cell:nth-child(-n+2)){border-bottom:1px solid var(--line)}
}

/* Page: stock/stock_view.php */

:where(html[data-style-page="stock-stock-view"]):is(:root),
:where(html[data-style-page="stock-stock-view"]) :is(:root){
    --primary:#4f46e5;--primary-light:#eef2ff;--success:#10b981;--success-light:#ecfdf5;
    --warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;
    --gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;
    --gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--radius:12px;
    --shadow:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);
}
:where(html[data-style-page="stock-stock-view"]):is(*),
:where(html[data-style-page="stock-stock-view"]) :is(*){box-sizing:border-box;margin:0;padding:0}
:where(html[data-style-page="stock-stock-view"]):is(body),
:where(html[data-style-page="stock-stock-view"]) :is(body){font-family:'Inter','Cairo',sans-serif;background:var(--gray-50);color:var(--gray-900)}
:where(html[data-style-page="stock-stock-view"]):is(body.rtl),
:where(html[data-style-page="stock-stock-view"]) :is(body.rtl){font-family:'Cairo','Inter',sans-serif}
:where(html[data-style-page="stock-stock-view"]):is(.sx-wrap),
:where(html[data-style-page="stock-stock-view"]) :is(.sx-wrap){max-width:1440px;margin:0 auto;padding:24px 16px}

:where(html[data-style-page="stock-stock-view"]):is(.page-header),
:where(html[data-style-page="stock-stock-view"]) :is(.page-header){display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
:where(html[data-style-page="stock-stock-view"]):is(.page-header h1),
:where(html[data-style-page="stock-stock-view"]) :is(.page-header h1){font-size:22px;font-weight:700}
:where(html[data-style-page="stock-stock-view"]):is(.back-link),
:where(html[data-style-page="stock-stock-view"]) :is(.back-link){color:var(--primary);text-decoration:none;font-size:14px;font-weight:600}

/* Filters */
:where(html[data-style-page="stock-stock-view"]):is(.filters-bar),
:where(html[data-style-page="stock-stock-view"]) :is(.filters-bar){display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;background:#fff;padding:14px 16px;border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-end}
:where(html[data-style-page="stock-stock-view"]):is(.fg),
:where(html[data-style-page="stock-stock-view"]) :is(.fg){display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px;position:relative}
:where(html[data-style-page="stock-stock-view"]):is(.fg label),
:where(html[data-style-page="stock-stock-view"]) :is(.fg label){font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}
:where(html[data-style-page="stock-stock-view"]):is(.fg select),
:where(html[data-style-page="stock-stock-view"]) :is(.fg select),
:where(html[data-style-page="stock-stock-view"]):is(.fg input),
:where(html[data-style-page="stock-stock-view"]) :is(.fg input){padding:8px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:13px;background:#fff}
:where(html[data-style-page="stock-stock-view"]):is(.btn),
:where(html[data-style-page="stock-stock-view"]) :is(.btn){display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .2s}
:where(html[data-style-page="stock-stock-view"]):is(.btn-primary),
:where(html[data-style-page="stock-stock-view"]) :is(.btn-primary){background:var(--primary);color:#fff}
:where(html[data-style-page="stock-stock-view"]):is(.btn-success),
:where(html[data-style-page="stock-stock-view"]) :is(.btn-success){background:var(--success);color:#fff}
:where(html[data-style-page="stock-stock-view"]):is(.btn-outline),
:where(html[data-style-page="stock-stock-view"]) :is(.btn-outline){background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}
:where(html[data-style-page="stock-stock-view"]):is(.btn-sm),
:where(html[data-style-page="stock-stock-view"]) :is(.btn-sm){padding:4px 9px;font-size:11px}
:where(html[data-style-page="stock-stock-view"]):is(.btn-icon),
:where(html[data-style-page="stock-stock-view"]) :is(.btn-icon){padding:5px 8px;font-size:13px}

/* Autocomplete */
:where(html[data-style-page="stock-stock-view"]):is(.ac-list),
:where(html[data-style-page="stock-stock-view"]) :is(.ac-list){position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--gray-300);border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:999;box-shadow:var(--shadow-md);display:none}
:where(html[data-style-page="stock-stock-view"]):is(.ac-list.open),
:where(html[data-style-page="stock-stock-view"]) :is(.ac-list.open){display:block}
:where(html[data-style-page="stock-stock-view"]):is(.ac-item),
:where(html[data-style-page="stock-stock-view"]) :is(.ac-item){padding:8px 12px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--gray-100)}
:where(html[data-style-page="stock-stock-view"]):is(.ac-item:hover),
:where(html[data-style-page="stock-stock-view"]) :is(.ac-item:hover),
:where(html[data-style-page="stock-stock-view"]):is(.ac-item.active),
:where(html[data-style-page="stock-stock-view"]) :is(.ac-item.active){background:var(--primary-light);color:var(--primary)}

/* Summary */
:where(html[data-style-page="stock-stock-view"]):is(.summary-bar),
:where(html[data-style-page="stock-stock-view"]) :is(.summary-bar){display:flex;gap:20px;margin-bottom:14px;font-size:14px;color:var(--gray-500);flex-wrap:wrap}
:where(html[data-style-page="stock-stock-view"]):is(.summary-bar strong),
:where(html[data-style-page="stock-stock-view"]) :is(.summary-bar strong){color:var(--gray-900)}

/* Category group */
:where(html[data-style-page="stock-stock-view"]):is(.cat-section),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-section){margin-bottom:20px}
:where(html[data-style-page="stock-stock-view"]):is(.cat-header),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-header){display:flex;align-items:center;gap:10px;padding:9px 14px;background:linear-gradient(135deg,var(--primary-light),#dbeafe);border-radius:var(--radius) var(--radius) 0 0;border-bottom:2px solid var(--primary);cursor:pointer;user-select:none}
:where(html[data-style-page="stock-stock-view"]):is(.cat-header h3),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-header h3){font-size:13px;font-weight:700;color:var(--primary);flex:1}
:where(html[data-style-page="stock-stock-view"]):is(.cat-header .cat-count),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-header .cat-count){font-size:11px;color:var(--gray-500);background:#fff;padding:2px 8px;border-radius:12px}
:where(html[data-style-page="stock-stock-view"]):is(.cat-header .arrow),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-header .arrow){font-size:11px;color:var(--primary);transition:transform .2s}
:where(html[data-style-page="stock-stock-view"]):is(.cat-header.collapsed .arrow),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-header.collapsed .arrow){transform:rotate(-90deg)}
:where(html[data-style-page="stock-stock-view"]):is(body.rtl .cat-header.collapsed .arrow),
:where(html[data-style-page="stock-stock-view"]) :is(body.rtl .cat-header.collapsed .arrow){transform:rotate(90deg)}
:where(html[data-style-page="stock-stock-view"]):is(.cat-body),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-body){background:#fff;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);overflow-x:auto}
:where(html[data-style-page="stock-stock-view"]):is(.cat-body.hidden),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-body.hidden){display:none}

/* Inventory table */
:where(html[data-style-page="stock-stock-view"]):is(table.stk),
:where(html[data-style-page="stock-stock-view"]) :is(table.stk){width:100%;border-collapse:separate;border-spacing:0;font-size:12px;min-width:900px;table-layout:fixed}
:where(html[data-style-page="stock-stock-view"]):is(table.stk th),
:where(html[data-style-page="stock-stock-view"]) :is(table.stk th){background:#f8fafc;padding:8px 8px;text-align:start;font-weight:700;color:var(--gray-500);font-size:10px;text-transform:uppercase;letter-spacing:0;border-bottom:1px solid var(--gray-200);white-space:normal;line-height:1.15;position:sticky;top:0;z-index:1;vertical-align:bottom}
:where(html[data-style-page="stock-stock-view"]):is(table.stk td),
:where(html[data-style-page="stock-stock-view"]) :is(table.stk td){padding:9px 8px;border-bottom:1px solid var(--gray-100);vertical-align:middle;white-space:nowrap;background:#fff}
:where(html[data-style-page="stock-stock-view"]):is(table.stk tbody tr:nth-child(even) td),
:where(html[data-style-page="stock-stock-view"]) :is(table.stk tbody tr:nth-child(even) td){background:#fcfcfd}
:where(html[data-style-page="stock-stock-view"]):is(table.stk tbody tr:hover td),
:where(html[data-style-page="stock-stock-view"]) :is(table.stk tbody tr:hover td){background:#f5f7ff}
:where(html[data-style-page="stock-stock-view"]):is(table.stk .num),
:where(html[data-style-page="stock-stock-view"]) :is(table.stk .num){text-align:end;font-variant-numeric:tabular-nums}
:where(html[data-style-page="stock-stock-view"]):is(table.stk tfoot td),
:where(html[data-style-page="stock-stock-view"]) :is(table.stk tfoot td){font-weight:700;background:var(--gray-50);border-top:2px solid var(--gray-200)}
:where(html[data-style-page="stock-stock-view"]):is(.th-stack),
:where(html[data-style-page="stock-stock-view"]) :is(.th-stack){display:inline-flex;min-height:25px;flex-direction:column;justify-content:flex-end;line-height:1.15}
:where(html[data-style-page="stock-stock-view"]):is(.th-stack span),
:where(html[data-style-page="stock-stock-view"]) :is(.th-stack span){display:block}
:where(html[data-style-page="stock-stock-view"]):is(.consumption-head small),
:where(html[data-style-page="stock-stock-view"]) :is(.consumption-head small){display:block;margin-top:3px;font-size:8px;font-weight:600;text-transform:none;color:#7c8798}
:where(html[data-style-page="stock-stock-view"]):is(.item-name-cell),
:where(html[data-style-page="stock-stock-view"]) :is(.item-name-cell){font-weight:600;overflow:hidden;text-overflow:ellipsis}
:where(html[data-style-page="stock-stock-view"]):is(.value-unit),
:where(html[data-style-page="stock-stock-view"]) :is(.value-unit){font-size:9px;font-weight:600;color:var(--gray-500)}
:where(html[data-style-page="stock-stock-view"]):is(.item-sub),
:where(html[data-style-page="stock-stock-view"]) :is(.item-sub){font-size:10px;color:var(--gray-500);margin-top:2px}
:where(html[data-style-page="stock-stock-view"]):is(.consumption-cell),
:where(html[data-style-page="stock-stock-view"]) :is(.consumption-cell){white-space:normal!important;background-clip:padding-box!important}
:where(html[data-style-page="stock-stock-view"]):is(.consumption-line),
:where(html[data-style-page="stock-stock-view"]) :is(.consumption-line){display:grid;grid-template-columns:minmax(48px,1fr) auto;align-items:baseline;gap:8px;font-size:11px;line-height:1.45}
:where(html[data-style-page="stock-stock-view"]):is(.consumption-line strong),
:where(html[data-style-page="stock-stock-view"]) :is(.consumption-line strong){font-variant-numeric:tabular-nums}
:where(html[data-style-page="stock-stock-view"]):is(.consumption-line .qty-unit),
:where(html[data-style-page="stock-stock-view"]) :is(.consumption-line .qty-unit){white-space:nowrap}
:where(html[data-style-page="stock-stock-view"]):is(.consumption-line .qty-unit small),
:where(html[data-style-page="stock-stock-view"]) :is(.consumption-line .qty-unit small){font-size:9px;font-weight:600;color:currentColor}
:where(html[data-style-page="stock-stock-view"]):is(.consumption-line.waste),
:where(html[data-style-page="stock-stock-view"]) :is(.consumption-line.waste){color:#b45309}
:where(html[data-style-page="stock-stock-view"]):is(.consumption-line.sales),
:where(html[data-style-page="stock-stock-view"]) :is(.consumption-line.sales){color:#1d4ed8}

:where(html[data-style-page="stock-stock-view"]):is(.type-badge),
:where(html[data-style-page="stock-stock-view"]) :is(.type-badge){display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}
:where(html[data-style-page="stock-stock-view"]):is(.type-badge.raw),
:where(html[data-style-page="stock-stock-view"]) :is(.type-badge.raw){background:var(--primary-light);color:var(--primary)}
:where(html[data-style-page="stock-stock-view"]):is(.type-badge.mfg),
:where(html[data-style-page="stock-stock-view"]) :is(.type-badge.mfg){background:var(--warning-light);color:#92400e}

:where(html[data-style-page="stock-stock-view"]):is(.par-pill),
:where(html[data-style-page="stock-stock-view"]) :is(.par-pill){display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:600}
:where(html[data-style-page="stock-stock-view"]):is(.par-pill.normal),
:where(html[data-style-page="stock-stock-view"]) :is(.par-pill.normal){background:var(--success-light);color:#065f46}
:where(html[data-style-page="stock-stock-view"]):is(.par-pill.low),
:where(html[data-style-page="stock-stock-view"]) :is(.par-pill.low){background:var(--danger-light);color:#991b1b;animation:acct-stock-stock-view-pulse 2s infinite}
:where(html[data-style-page="stock-stock-view"]):is(.par-pill.out),
:where(html[data-style-page="stock-stock-view"]) :is(.par-pill.out){background:var(--gray-200);color:var(--gray-500)}
:where(html[data-style-page="stock-stock-view"]):is(.min-input),
:where(html[data-style-page="stock-stock-view"]) :is(.min-input){width:58px;padding:3px 5px;border:1px solid var(--gray-300);border-radius:4px;font-size:11px;text-align:center}
@keyframes acct-stock-stock-view-pulse{0%,100%{opacity:1}50%{opacity:.6}}

/* Item detail popup */
:where(html[data-style-page="stock-stock-view"]):is(.popup-overlay),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-overlay){display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9000;align-items:center;justify-content:center}
:where(html[data-style-page="stock-stock-view"]):is(.popup-overlay.open),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-overlay.open){display:flex}
:where(html[data-style-page="stock-stock-view"]):is(.popup-box),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-box){background:#fff;border-radius:16px;width:440px;max-width:95vw;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}
:where(html[data-style-page="stock-stock-view"]):is(.popup-head),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-head){display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,var(--primary-light),#dbeafe);border-bottom:1px solid var(--gray-200)}
:where(html[data-style-page="stock-stock-view"]):is(.popup-head h3),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-head h3){font-size:15px;font-weight:700;color:var(--primary)}
:where(html[data-style-page="stock-stock-view"]):is(.popup-close),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-close){background:none;border:none;font-size:18px;cursor:pointer;color:var(--gray-500);line-height:1}
:where(html[data-style-page="stock-stock-view"]):is(.popup-body),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-body){padding:20px}
:where(html[data-style-page="stock-stock-view"]):is(.popup-meta),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-meta){display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
:where(html[data-style-page="stock-stock-view"]):is(.popup-meta-tag),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-meta-tag){background:var(--gray-100);border-radius:6px;padding:4px 10px;font-size:11px;color:var(--gray-500)}
:where(html[data-style-page="stock-stock-view"]):is(.popup-meta-tag strong),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-meta-tag strong){color:var(--gray-900);display:block;font-size:13px}
:where(html[data-style-page="stock-stock-view"]):is(.popup-grid),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-grid){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
:where(html[data-style-page="stock-stock-view"]):is(.popup-field label),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-field label){font-size:10px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:0;display:block;margin-bottom:4px}
:where(html[data-style-page="stock-stock-view"]):is(.popup-field .pf-val),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-field .pf-val){font-size:16px;font-weight:700;color:var(--gray-900)}
:where(html[data-style-page="stock-stock-view"]):is(.popup-field .pf-val.danger),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-field .pf-val.danger){color:var(--danger)}
:where(html[data-style-page="stock-stock-view"]):is(.popup-field .pf-val.muted),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-field .pf-val.muted){color:var(--gray-500)}
:where(html[data-style-page="stock-stock-view"]):is(.popup-divider),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-divider){border:none;border-top:1px solid var(--gray-200);margin:12px 0}
:where(html[data-style-page="stock-stock-view"]):is(.popup-par-row),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-par-row){display:flex;align-items:center;gap:10px}
:where(html[data-style-page="stock-stock-view"]):is(.popup-par-row label),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-par-row label){font-size:12px;font-weight:600;color:var(--gray-700);flex:1}
:where(html[data-style-page="stock-stock-view"]):is(.popup-par-row input),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-par-row input){width:90px;padding:7px 10px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px;text-align:center}
:where(html[data-style-page="stock-stock-view"]):is(.popup-foot),
:where(html[data-style-page="stock-stock-view"]) :is(.popup-foot){padding:14px 20px;display:flex;gap:8px;justify-content:flex-end;background:var(--gray-50);border-top:1px solid var(--gray-200)}

/* Mobile cards */
:where(html[data-style-page="stock-stock-view"]):is(.mobile-cards),
:where(html[data-style-page="stock-stock-view"]) :is(.mobile-cards){display:none}
:where(html[data-style-page="stock-stock-view"]):is(.stock-card),
:where(html[data-style-page="stock-stock-view"]) :is(.stock-card){background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;margin-bottom:8px}
:where(html[data-style-page="stock-stock-view"]):is(.stock-card-header),
:where(html[data-style-page="stock-stock-view"]) :is(.stock-card-header){display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
:where(html[data-style-page="stock-stock-view"]):is(.stock-card-name),
:where(html[data-style-page="stock-stock-view"]) :is(.stock-card-name){font-weight:700;font-size:13px}
:where(html[data-style-page="stock-stock-view"]):is(.stock-card-sku),
:where(html[data-style-page="stock-stock-view"]) :is(.stock-card-sku){font-size:10px;color:var(--gray-500);font-family:monospace}
:where(html[data-style-page="stock-stock-view"]):is(.stock-card-grid),
:where(html[data-style-page="stock-stock-view"]) :is(.stock-card-grid){display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
:where(html[data-style-page="stock-stock-view"]):is(.stock-card-field),
:where(html[data-style-page="stock-stock-view"]) :is(.stock-card-field){text-align:center}
:where(html[data-style-page="stock-stock-view"]):is(.stock-card-field .val),
:where(html[data-style-page="stock-stock-view"]) :is(.stock-card-field .val){font-size:14px;font-weight:700}
:where(html[data-style-page="stock-stock-view"]):is(.stock-card-field .lbl),
:where(html[data-style-page="stock-stock-view"]) :is(.stock-card-field .lbl){font-size:10px;color:var(--gray-500);text-transform:uppercase}

:where(html[data-style-page="stock-stock-view"]):is(.empty-state),
:where(html[data-style-page="stock-stock-view"]) :is(.empty-state){text-align:center;padding:48px 20px;color:var(--gray-500)}
:where(html[data-style-page="stock-stock-view"]):is(.empty-state .icon),
:where(html[data-style-page="stock-stock-view"]) :is(.empty-state .icon){font-size:48px;margin-bottom:12px;opacity:.3}

@media(max-width:768px){
    :where(html[data-style-page="stock-stock-view"]):is(.filters-bar),
:where(html[data-style-page="stock-stock-view"]) :is(.filters-bar){flex-direction:column}
    :where(html[data-style-page="stock-stock-view"]):is(.fg),
:where(html[data-style-page="stock-stock-view"]) :is(.fg){min-width:unset}
    :where(html[data-style-page="stock-stock-view"]):is(.summary-bar),
:where(html[data-style-page="stock-stock-view"]) :is(.summary-bar){flex-direction:column;gap:4px}
    :where(html[data-style-page="stock-stock-view"]):is(.desktop-table),
:where(html[data-style-page="stock-stock-view"]) :is(.desktop-table){display:none}
    :where(html[data-style-page="stock-stock-view"]):is(.mobile-cards),
:where(html[data-style-page="stock-stock-view"]) :is(.mobile-cards){display:block}
    :where(html[data-style-page="stock-stock-view"]):is(.cat-header h3),
:where(html[data-style-page="stock-stock-view"]) :is(.cat-header h3){font-size:12px}
    :where(html[data-style-page="stock-stock-view"]):is(.export-btns),
:where(html[data-style-page="stock-stock-view"]) :is(.export-btns){flex-direction:column}
}

/* Page: stock/transfers.php */

:where(html[data-style-page="stock-transfers"]):is(:root),
:where(html[data-style-page="stock-transfers"]) :is(:root){
    --primary: #4f46e5; --primary-light: #eef2ff;
    --success: #10b981; --success-light: #ecfdf5;
    --warning: #f59e0b; --warning-light: #fffbeb;
    --danger: #ef4444;  --danger-light: #fef2f2;
    --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb;
    --gray-300: #d1d5db; --gray-500: #6b7280; --gray-700: #374151;
    --gray-900: #111827; --radius: 12px; --shadow: 0 1px 3px rgba(0,0,0,.08);
}
:where(html[data-style-page="stock-transfers"]):is(*),
:where(html[data-style-page="stock-transfers"]) :is(*){ box-sizing: border-box; margin: 0; padding: 0; }
:where(html[data-style-page="stock-transfers"]):is(body),
:where(html[data-style-page="stock-transfers"]) :is(body){ font-family: 'Inter', 'Cairo', sans-serif; background: var(--gray-50); color: var(--gray-900); }
:where(html[data-style-page="stock-transfers"]):is(body.rtl),
:where(html[data-style-page="stock-transfers"]) :is(body.rtl){ font-family: 'Cairo', 'Inter', sans-serif; }
:where(html[data-style-page="stock-transfers"]):is(.sx-wrap),
:where(html[data-style-page="stock-transfers"]) :is(.sx-wrap){ max-width: 1400px; margin: 0 auto; padding: 24px 20px; }

:where(html[data-style-page="stock-transfers"]):is(.page-header),
:where(html[data-style-page="stock-transfers"]) :is(.page-header){ display: flex; align-items: center; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
:where(html[data-style-page="stock-transfers"]):is(.page-header h1),
:where(html[data-style-page="stock-transfers"]) :is(.page-header h1){ font-size: 22px; font-weight: 700; }
:where(html[data-style-page="stock-transfers"]):is(.back-link),
:where(html[data-style-page="stock-transfers"]) :is(.back-link){ color: var(--primary); text-decoration: none; font-size: 14px; font-weight: 600; }
:where(html[data-style-page="stock-transfers"]):is(.btn),
:where(html[data-style-page="stock-transfers"]) :is(.btn){ display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; transition: all .2s; }
:where(html[data-style-page="stock-transfers"]):is(.btn-primary),
:where(html[data-style-page="stock-transfers"]) :is(.btn-primary){ background: var(--primary); color: #fff; } :where(html[data-style-page="stock-transfers"]):is(.btn-primary:hover),
:where(html[data-style-page="stock-transfers"]) :is(.btn-primary:hover){ background: #4338ca; }
:where(html[data-style-page="stock-transfers"]):is(.btn-success),
:where(html[data-style-page="stock-transfers"]) :is(.btn-success){ background: var(--success); color: #fff; } :where(html[data-style-page="stock-transfers"]):is(.btn-success:hover),
:where(html[data-style-page="stock-transfers"]) :is(.btn-success:hover){ background: #059669; }
:where(html[data-style-page="stock-transfers"]):is(.btn-warning),
:where(html[data-style-page="stock-transfers"]) :is(.btn-warning){ background: var(--warning); color: #fff; }
:where(html[data-style-page="stock-transfers"]):is(.btn-danger),
:where(html[data-style-page="stock-transfers"]) :is(.btn-danger){ background: var(--danger); color: #fff; }
:where(html[data-style-page="stock-transfers"]):is(.btn-outline),
:where(html[data-style-page="stock-transfers"]) :is(.btn-outline){ background: #fff; color: var(--gray-700); border: 1px solid var(--gray-300); }
:where(html[data-style-page="stock-transfers"]):is(.btn-sm),
:where(html[data-style-page="stock-transfers"]) :is(.btn-sm){ padding: 6px 14px; font-size: 13px; }

/* ── Form ── */
:where(html[data-style-page="stock-transfers"]):is(.form-card),
:where(html[data-style-page="stock-transfers"]) :is(.form-card){ background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; margin-bottom: 20px; }
:where(html[data-style-page="stock-transfers"]):is(.form-grid),
:where(html[data-style-page="stock-transfers"]) :is(.form-grid){ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 20px; }
:where(html[data-style-page="stock-transfers"]):is(.form-group),
:where(html[data-style-page="stock-transfers"]) :is(.form-group){ display: flex; flex-direction: column; gap: 6px; }
:where(html[data-style-page="stock-transfers"]):is(.form-group label),
:where(html[data-style-page="stock-transfers"]) :is(.form-group label){ font-size: 13px; font-weight: 600; color: var(--gray-500); }
:where(html[data-style-page="stock-transfers"]):is(.form-group select),
:where(html[data-style-page="stock-transfers"]) :is(.form-group select),
:where(html[data-style-page="stock-transfers"]):is(.form-group input),
:where(html[data-style-page="stock-transfers"]) :is(.form-group input),
:where(html[data-style-page="stock-transfers"]):is(.form-group textarea),
:where(html[data-style-page="stock-transfers"]) :is(.form-group textarea){ padding: 10px 14px; border: 1px solid var(--gray-300); border-radius: 8px; font-size: 14px; }
:where(html[data-style-page="stock-transfers"]):is(.form-group textarea),
:where(html[data-style-page="stock-transfers"]) :is(.form-group textarea){ min-height: 60px; resize: vertical; }

/* ── Items Table ── */
:where(html[data-style-page="stock-transfers"]):is(.items-section),
:where(html[data-style-page="stock-transfers"]) :is(.items-section){ margin-top: 20px; }
:where(html[data-style-page="stock-transfers"]):is(.items-section h3),
:where(html[data-style-page="stock-transfers"]) :is(.items-section h3){ font-size: 16px; font-weight: 700; margin-bottom: 12px; }
:where(html[data-style-page="stock-transfers"]):is(table.items-tbl),
:where(html[data-style-page="stock-transfers"]) :is(table.items-tbl){ width: 100%; border-collapse: collapse; font-size: 13px; }
:where(html[data-style-page="stock-transfers"]):is(table.items-tbl th),
:where(html[data-style-page="stock-transfers"]) :is(table.items-tbl th){ background: var(--gray-50); padding: 8px 12px; text-align: start; font-weight: 600; color: var(--gray-500); font-size: 12px; border-bottom: 2px solid var(--gray-200); }
:where(html[data-style-page="stock-transfers"]):is(table.items-tbl td),
:where(html[data-style-page="stock-transfers"]) :is(table.items-tbl td){ padding: 8px 12px; border-bottom: 1px solid var(--gray-100); }
:where(html[data-style-page="stock-transfers"]):is(table.items-tbl select),
:where(html[data-style-page="stock-transfers"]) :is(table.items-tbl select),
:where(html[data-style-page="stock-transfers"]):is(table.items-tbl input),
:where(html[data-style-page="stock-transfers"]) :is(table.items-tbl input){ padding: 6px 10px; border: 1px solid var(--gray-300); border-radius: 6px; font-size: 13px; width: 100%; }
:where(html[data-style-page="stock-transfers"]):is(table.items-tbl .remove-btn),
:where(html[data-style-page="stock-transfers"]) :is(table.items-tbl .remove-btn){ color: var(--danger); cursor: pointer; font-size: 18px; border: none; background: none; }
:where(html[data-style-page="stock-transfers"]):is(.add-row-btn),
:where(html[data-style-page="stock-transfers"]) :is(.add-row-btn){ margin-top: 10px; }
:where(html[data-style-page="stock-transfers"]):is(.form-footer),
:where(html[data-style-page="stock-transfers"]) :is(.form-footer){ display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; justify-content: flex-end; }
:where(html[data-style-page="stock-transfers"]):is(.grand-total),
:where(html[data-style-page="stock-transfers"]) :is(.grand-total){ font-size: 18px; font-weight: 700; color: var(--primary); margin-top: 12px; text-align: end; }

/* ── List table ── */
:where(html[data-style-page="stock-transfers"]):is(.sx-table-wrap),
:where(html[data-style-page="stock-transfers"]) :is(.sx-table-wrap){ background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
:where(html[data-style-page="stock-transfers"]):is(table.sx-tbl),
:where(html[data-style-page="stock-transfers"]) :is(table.sx-tbl){ width: 100%; border-collapse: collapse; font-size: 13px; }
:where(html[data-style-page="stock-transfers"]):is(table.sx-tbl th),
:where(html[data-style-page="stock-transfers"]) :is(table.sx-tbl th){ background: var(--gray-50); padding: 10px 14px; text-align: start; font-weight: 600; color: var(--gray-500); font-size: 12px; text-transform: uppercase; border-bottom: 2px solid var(--gray-200); white-space: nowrap; }
:where(html[data-style-page="stock-transfers"]):is(table.sx-tbl td),
:where(html[data-style-page="stock-transfers"]) :is(table.sx-tbl td){ padding: 10px 14px; border-bottom: 1px solid var(--gray-100); }
:where(html[data-style-page="stock-transfers"]):is(table.sx-tbl tr:hover td),
:where(html[data-style-page="stock-transfers"]) :is(table.sx-tbl tr:hover td){ background: var(--gray-50); cursor: pointer; }
:where(html[data-style-page="stock-transfers"]):is(.status-pill),
:where(html[data-style-page="stock-transfers"]) :is(.status-pill){ display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; color: #fff; }
:where(html[data-style-page="stock-transfers"]):is(.mode-badge),
:where(html[data-style-page="stock-transfers"]) :is(.mode-badge){ display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }
:where(html[data-style-page="stock-transfers"]):is(.mode-badge.direct),
:where(html[data-style-page="stock-transfers"]) :is(.mode-badge.direct){ background: var(--success-light); color: #065f46; }
:where(html[data-style-page="stock-transfers"]):is(.mode-badge.request),
:where(html[data-style-page="stock-transfers"]) :is(.mode-badge.request){ background: var(--primary-light); color: var(--primary); }
:where(html[data-style-page="stock-transfers"]):is(.filter-bar),
:where(html[data-style-page="stock-transfers"]) :is(.filter-bar){ display: flex; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--gray-200); flex-wrap: wrap; align-items: center; }
:where(html[data-style-page="stock-transfers"]):is(.filter-bar select),
:where(html[data-style-page="stock-transfers"]) :is(.filter-bar select){ padding: 8px 12px; border: 1px solid var(--gray-300); border-radius: 8px; font-size: 14px; }
:where(html[data-style-page="stock-transfers"]):is(.filter-bar .spacer),
:where(html[data-style-page="stock-transfers"]) :is(.filter-bar .spacer){ flex: 1; }

/* ── View detail ── */
:where(html[data-style-page="stock-transfers"]):is(.detail-card),
:where(html[data-style-page="stock-transfers"]) :is(.detail-card){ background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; margin-bottom: 20px; }
:where(html[data-style-page="stock-transfers"]):is(.detail-grid),
:where(html[data-style-page="stock-transfers"]) :is(.detail-grid){ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px; }
:where(html[data-style-page="stock-transfers"]):is(.detail-field),
:where(html[data-style-page="stock-transfers"]) :is(.detail-field){ }
:where(html[data-style-page="stock-transfers"]):is(.detail-field .label),
:where(html[data-style-page="stock-transfers"]) :is(.detail-field .label){ font-size: 12px; color: var(--gray-500); font-weight: 600; text-transform: uppercase; }
:where(html[data-style-page="stock-transfers"]):is(.detail-field .value),
:where(html[data-style-page="stock-transfers"]) :is(.detail-field .value){ font-size: 15px; font-weight: 600; margin-top: 4px; }
:where(html[data-style-page="stock-transfers"]):is(.action-btns),
:where(html[data-style-page="stock-transfers"]) :is(.action-btns){ display: flex; gap: 10px; flex-wrap: wrap; }
:where(html[data-style-page="stock-transfers"]):is(.workflow-strip),
:where(html[data-style-page="stock-transfers"]) :is(.workflow-strip){ display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: 8px; margin: 4px 0 24px; overflow-x: auto; }
:where(html[data-style-page="stock-transfers"]):is(.workflow-step),
:where(html[data-style-page="stock-transfers"]) :is(.workflow-step){ min-width: 120px; padding: 10px 12px; border-top: 4px solid var(--gray-200); background: var(--gray-50); }
:where(html[data-style-page="stock-transfers"]):is(.workflow-step strong),
:where(html[data-style-page="stock-transfers"]) :is(.workflow-step strong){ display: block; font-size: 12px; }
:where(html[data-style-page="stock-transfers"]):is(.workflow-step span),
:where(html[data-style-page="stock-transfers"]) :is(.workflow-step span){ display: block; margin-top: 3px; color: var(--gray-500); font-size: 11px; }
:where(html[data-style-page="stock-transfers"]):is(.workflow-step.done),
:where(html[data-style-page="stock-transfers"]) :is(.workflow-step.done){ border-color: var(--success); background: var(--success-light); }
:where(html[data-style-page="stock-transfers"]):is(.workflow-step.current),
:where(html[data-style-page="stock-transfers"]) :is(.workflow-step.current){ border-color: var(--primary); background: var(--primary-light); }
:where(html[data-style-page="stock-transfers"]):is(.workflow-step.rejected),
:where(html[data-style-page="stock-transfers"]) :is(.workflow-step.rejected){ border-color: var(--danger); background: var(--danger-light); }
:where(html[data-style-page="stock-transfers"]):is(.next-action),
:where(html[data-style-page="stock-transfers"]) :is(.next-action){ padding: 12px 14px; margin-bottom: 18px; border-inline-start: 4px solid var(--primary); background: var(--primary-light); font-size: 13px; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-panel),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-panel){ margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--gray-200); }
:where(html[data-style-page="stock-transfers"]):is(.receipt-panel h3),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-panel h3){ margin-bottom: 12px; font-size: 16px; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-panel input[type="file"]),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-panel input[type="file"]),
:where(html[data-style-page="stock-transfers"]):is(.receipt-panel textarea),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-panel textarea){ width: 100%; padding: 10px; border: 1px solid var(--gray-300); border-radius: 6px; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-panel textarea),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-panel textarea){ min-height: 70px; resize: vertical; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-grid),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-grid){ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-count),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-count){ max-width: 120px; padding: 7px 9px; border: 1px solid var(--gray-300); border-radius: 6px; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-lines),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-lines){ margin-bottom: 18px; border-top: 1px solid var(--gray-200); }
:where(html[data-style-page="stock-transfers"]):is(.receipt-line),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-line){ display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(130px, .5fr) minmax(260px, 1fr); gap: 16px; align-items: end; padding: 14px 0; border-bottom: 1px solid var(--gray-200); }
:where(html[data-style-page="stock-transfers"]):is(.receipt-line-name),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-line-name){ align-self: center; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-line-name strong),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-line-name strong){ display: block; font-size: 14px; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-line-name span),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-line-name span){ display: block; margin-top: 4px; color: var(--gray-500); font-size: 12px; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-line .form-group),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-line .form-group){ margin: 0; }
:where(html[data-style-page="stock-transfers"]):is(.receipt-line .receipt-count),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-line .receipt-count){ max-width: none; width: 100%; }
:where(html[data-style-page="stock-transfers"]):is(.proof-gallery),
:where(html[data-style-page="stock-transfers"]) :is(.proof-gallery){ display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
:where(html[data-style-page="stock-transfers"]):is(.proof-gallery a),
:where(html[data-style-page="stock-transfers"]) :is(.proof-gallery a){ display: block; width: 88px; height: 72px; border: 1px solid var(--gray-200); border-radius: 6px; overflow: hidden; }
:where(html[data-style-page="stock-transfers"]):is(.proof-gallery img),
:where(html[data-style-page="stock-transfers"]) :is(.proof-gallery img){ width: 100%; height: 100%; object-fit: cover; }

:where(html[data-style-page="stock-transfers"]):is(.empty-state),
:where(html[data-style-page="stock-transfers"]) :is(.empty-state){ text-align: center; padding: 48px 20px; color: var(--gray-500); }
:where(html[data-style-page="stock-transfers"]):is(.empty-state .icon),
:where(html[data-style-page="stock-transfers"]) :is(.empty-state .icon){ font-size: 48px; margin-bottom: 12px; opacity: .3; }

/* Overlay */
:where(html[data-style-page="stock-transfers"]):is(.sx-overlay),
:where(html[data-style-page="stock-transfers"]) :is(.sx-overlay){ display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 999; justify-content: center; align-items: center; }
:where(html[data-style-page="stock-transfers"]):is(.sx-overlay.active),
:where(html[data-style-page="stock-transfers"]) :is(.sx-overlay.active){ display: flex; }
:where(html[data-style-page="stock-transfers"]):is(.sx-modal),
:where(html[data-style-page="stock-transfers"]) :is(.sx-modal){ background: #fff; border-radius: var(--radius); padding: 24px; max-width: 440px; width: 90%; }
:where(html[data-style-page="stock-transfers"]):is(.sx-modal h3),
:where(html[data-style-page="stock-transfers"]) :is(.sx-modal h3){ margin-bottom: 12px; }
:where(html[data-style-page="stock-transfers"]):is(.sx-modal textarea),
:where(html[data-style-page="stock-transfers"]) :is(.sx-modal textarea){ width: 100%; min-height: 80px; padding: 10px; border: 1px solid var(--gray-300); border-radius: 8px; margin-bottom: 16px; }
:where(html[data-style-page="stock-transfers"]):is(.sx-modal .btn-row),
:where(html[data-style-page="stock-transfers"]) :is(.sx-modal .btn-row){ display: flex; gap: 10px; justify-content: flex-end; }

@media (max-width: 768px) {
    :where(html[data-style-page="stock-transfers"]):is(.form-grid),
:where(html[data-style-page="stock-transfers"]) :is(.form-grid){ grid-template-columns: 1fr; }
    :where(html[data-style-page="stock-transfers"]):is(.form-footer),
:where(html[data-style-page="stock-transfers"]) :is(.form-footer){ flex-direction: column; }
    :where(html[data-style-page="stock-transfers"]):is(.detail-grid),
:where(html[data-style-page="stock-transfers"]) :is(.detail-grid){ grid-template-columns: 1fr 1fr; }
    :where(html[data-style-page="stock-transfers"]):is(.workflow-strip),
:where(html[data-style-page="stock-transfers"]) :is(.workflow-strip){ grid-template-columns: repeat(6, 150px); }
    :where(html[data-style-page="stock-transfers"]):is(.receipt-grid),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-grid){ grid-template-columns: 1fr; }
    :where(html[data-style-page="stock-transfers"]):is(.receipt-line),
:where(html[data-style-page="stock-transfers"]) :is(.receipt-line){ grid-template-columns: 1fr; align-items: stretch; }
}

/* Expense workspace theme */
/* Scoped expense workspace. Existing calculations, visibility rules and actions remain native. */
body.expense-workspace{--ew-ink:#14253c;--ew-muted:#66768a;--ew-line:#dde4ed;--ew-blue:#235ccb;background:#f5f7fa;color:var(--ew-ink)}
.expense-workspace main.content{max-width:100%!important;padding:24px!important}
.expense-workspace main.content>.ew-root{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.expense-workspace .sx-wrap,.expense-workspace .container,.expense-workspace .rp-wrap{max-width:100%!important;width:100%;padding:0!important;margin:0 auto}
.expense-workspace .ew-nav{display:flex;flex-direction:column;gap:10px;margin-bottom:25px;border-bottom:1px solid var(--ew-line);padding-bottom:0;min-width:0}
.expense-workspace .ew-nav-label{font-size:10px;font-weight:750;letter-spacing:1.3px;color:#738298}
.expense-workspace[dir="rtl"] .ew-nav-label{letter-spacing:0}
.expense-workspace .ew-nav-links{display:flex;gap:18px;overflow-x:auto;white-space:nowrap;max-width:100%}
.expense-workspace .ew-nav-links a{color:var(--ew-muted);text-decoration:none;font-size:12px;font-weight:650;padding:10px 0 13px;border-bottom:2px solid transparent;flex-shrink:0}
.expense-workspace .ew-nav-links a:hover{color:var(--ew-blue)}
.expense-workspace .ew-nav-links a.is-active{color:var(--ew-blue);border-color:var(--ew-blue)}
.expense-workspace :is(.sx-hero,.page-hd,.page-head,.toolbar){background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 18px!important;margin:0!important}
.expense-workspace :is(.sx-title,.t1,.page-head h1,.page-hd h2,.toolbar h3){font-size:25px!important;line-height:1.3!important;font-weight:750!important;letter-spacing:-.4px;margin:0!important;color:var(--ew-ink)}
.expense-workspace :is(.sx-sub,.t2,.page-head .sub,.kpi-sub,.meta,.cap){font-size:12px!important;color:var(--ew-muted);line-height:1.65}
.expense-workspace :is(.sx-card,.cardx,.card,.summary-box,.insight-card,.ins-card,.chart-card,.totals-cell){border-radius:10px!important;border:1px solid var(--ew-line);box-shadow:none!important;background:#fff}
.expense-workspace :is(.sx-card,.card){padding:18px}
.expense-workspace :is(.section,.month-section){margin-top:20px}
.expense-workspace :is(.sec-header,.sx-card-h,.ins-card-hd){border-color:var(--ew-line);font-size:14px;font-weight:700}
.expense-workspace .sec-header h3,.expense-workspace .section h2{font-size:15px!important;font-weight:750!important;margin-top:0}
.expense-workspace :is(.kpi,.summary-box,.cardx,.kpi-box,.totals-cell){border:1px solid var(--ew-line)!important;background:#fff!important;border-radius:9px!important;box-shadow:none!important;padding:15px 17px!important;text-align:start!important;min-width:0}
.expense-workspace .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.expense-workspace :is(.k-label,.summary-box .label,.cardx .k,.kpi-box .k,.totals-cell .label){font-size:11px!important;color:var(--ew-muted)!important;line-height:1.5;font-weight:650!important}
.expense-workspace :is(.k-big,.cardx .v,.kpi-box .v,.summary-box .value,.totals-cell .value){font-size:25px!important;font-weight:750!important;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}
.expense-workspace :is(.kpi,.summary-box,.cardx,.kpi-box,.totals-cell) input[readonly]{background:#f8fafc;box-shadow:none;font-size:12px;color:#65748b;margin-top:8px}
.expense-workspace :is(.sx-pill,.pill,.badge,.badge-muted,.month-pill){border-radius:5px!important;font-size:11px!important;padding:5px 8px!important;font-weight:650!important;box-shadow:none!important}
.expense-workspace :is(.btn,.btn-mini,.btn-lite,.btn-primary,.det-btn,.line-correction-btn){border-radius:7px!important;box-shadow:none!important;padding:9px 12px!important;font-size:12px!important;font-weight:650!important;min-height:36px;line-height:1.3;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.expense-workspace :is(.btn,.btn-mini,.btn-lite,.det-btn):not(.primary):not(.active):not(.btn-danger):not(.btn-warning):not(.btn-success){border:1px solid var(--ew-line);background:white;color:var(--ew-ink)}
.expense-workspace :is(.btn.primary,.btn-mini.primary,.btn-lite.active,.btn-primary,.line-correction-submit,#saveBtn){background:var(--ew-blue)!important;border-color:var(--ew-blue)!important;color:white!important}
.expense-workspace :is(.btn-danger,.btn.danger,.btn.danger-action,.btn-danger.btn-sm,.line-correction-delete){color:#a83a2e;border-color:#e8bbb5;background:#fff2ef}
.expense-workspace :is(button,a,input,select,textarea):focus-visible{outline:3px solid #235ccb40!important;outline-offset:2px}
.expense-workspace :is(.grid-2,.grid-3,.fgrid,.modal-grid){gap:15px}
.expense-workspace label{font-size:12px;font-weight:650;color:#566780;margin:0 0 6px}
.expense-workspace :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){border:1px solid var(--ew-line);border-radius:7px!important;padding:10px 11px;min-height:40px;font-size:13px;color:var(--ew-ink);background:#fff;max-width:100%;box-sizing:border-box}
.expense-workspace input[type="checkbox"],.expense-workspace input[type="radio"]{min-height:0;width:auto;accent-color:var(--ew-blue)}
.expense-workspace textarea{min-height:86px;resize:vertical}
.expense-workspace input[readonly]{background:#f8fafc}
.expense-workspace textarea{width:100%}
.expense-workspace .k-val{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.expense-workspace .k-val>input[readonly]{display:none}
.expense-workspace .k-big{white-space:nowrap;overflow-wrap:normal!important}
.expense-workspace .pm-wrap{gap:9px}
.expense-workspace .pm-btn{border-radius:8px!important;border-color:var(--ew-line);background:white!important;box-shadow:none!important;min-height:48px;padding:10px 15px!important}
.expense-workspace .pm-btn.active,.expense-workspace .pm-btn.is-active{background:#edf3ff!important;border-color:var(--ew-blue)!important;color:var(--ew-blue)}
.expense-workspace .pm-title{font-size:13px!important}
.expense-workspace :is(.table-wrap,.tbl-wrap){border:1px solid var(--ew-line);border-radius:9px!important;box-shadow:none!important;overflow:auto;max-width:100%}
.expense-workspace :is(table.entry,table.data,table.ux-table,table.sx-table,.section table,table.rep,table.pending-tbl){width:100%;border-collapse:collapse;font-size:12px}
.expense-workspace :is(table.entry,table.data,table.ux-table,table.sx-table,.section table,table.rep,table.pending-tbl) th{background:#f8fafc!important;color:#6b7c92;font-size:10px!important;font-weight:750!important;padding:11px 14px!important;letter-spacing:.3px;border-color:#e7edf4}
.expense-workspace :is(table.entry,table.data,table.ux-table,table.sx-table,.section table,table.rep,table.pending-tbl) td{padding:13px 14px!important;border-color:#e7edf4;line-height:1.55;font-size:12px;vertical-align:middle}
.expense-workspace :is(table.entry,table.data,table.ux-table,table.sx-table,.section table) tbody tr:hover{background:#fafcff}
.expense-workspace .month-head{background:white!important;border-color:var(--ew-line);border-radius:8px;padding:15px!important}
.expense-workspace .month-title{font-size:14px!important;font-weight:750!important}
.expense-workspace .month-pill{border-color:var(--ew-line);background:#f5f8fc;color:#536a8a}
.expense-workspace .ew-finder{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:15px 17px;background:white;border:1px solid var(--ew-line);border-radius:9px;margin:4px 0 20px}
.expense-workspace .ew-search-field{flex:1 1 270px;min-width:0}
.expense-workspace .ew-search-field input{margin:0;width:100%;padding-inline-start:12px}
.expense-workspace .ew-finder label{display:block;font-size:11px}
.expense-workspace .ew-find-sort{flex:0 1 200px;min-width:145px}
.expense-workspace .ew-find-sort select{margin:0;width:100%}
.expense-workspace .ew-find-count{font-size:11px;color:var(--ew-muted);padding:10px 0;white-space:nowrap}
.expense-workspace .ew-reset{border:0;background:transparent;color:var(--ew-blue);padding:10px 5px;font-size:12px;cursor:pointer}
.expense-workspace .ew-search-hidden{display:none!important}
.expense-workspace [hidden],.expense-workspace .is-hidden{display:none!important}
.expense-workspace :is(.insight-card,.ins-card,.chart-card,.summary-box,.cardx){min-width:0;max-width:100%}
.expense-workspace .insight-card{overflow-x:auto}
.expense-workspace .ew-branch-heading td{background:#edf2fa!important;color:#314d73;font-size:12px!important;font-weight:750;padding:11px 15px!important;border-top:1px solid var(--ew-line)}
.expense-workspace .ew-sort-button{background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:inherit;display:inline-flex;gap:6px;align-items:center}
.expense-workspace .ew-sort-button:after{content:"↕";font-size:10px;color:#9aa8ba}
.expense-workspace .ew-sort-button[aria-sort="ascending"]:after{content:"↑";color:var(--ew-blue)}
.expense-workspace .ew-sort-button[aria-sort="descending"]:after{content:"↓";color:var(--ew-blue)}
.expense-workspace .ew-section-heading{font-size:14px;font-weight:750;color:var(--ew-ink);margin:0 0 15px;padding-bottom:11px;border-bottom:1px solid #e7edf4}
.expense-workspace .ew-no-match{padding:16px;color:var(--ew-muted);font-size:12px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px}
.expense-workspace :is(.note-box,.source-note,.warn,.warning-box){border-radius:7px;line-height:1.65;font-size:12px}
.expense-workspace :is(.attachment-preview-panel,.line-correction-panel,.mbox,.modal-body,.modal-dialog){border-radius:12px!important}
.expense-workspace .actions{flex-wrap:wrap;gap:6px}
.expense-workspace .add-form{gap:10px}
.expense-workspace .ins-bar-fill{background:var(--ew-blue)}
.expense-workspace .ew-admin-dialog{padding:0;width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--ew-line);border-radius:12px;color:var(--ew-ink);background:#fff;box-shadow:0 24px 70px #14253c30}
.expense-workspace .ew-admin-dialog::backdrop{background:#14253c80}
.expense-workspace .ew-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-bottom:1px solid var(--ew-line)}
.expense-workspace .ew-dialog-header h2{font-size:17px;font-weight:750;margin:0}
.expense-workspace .ew-dialog-body{display:flex;flex-direction:column;gap:8px;padding:20px}
.expense-workspace .ew-dialog-body select{width:100%;min-width:0;margin-bottom:10px}
.expense-workspace .ew-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--ew-line)}
.expense-workspace button:disabled{opacity:.5;cursor:not-allowed}
.expense-workspace[data-expense-page="review"] .summary-grid{width:100%;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;margin:0 0 20px;gap:12px}
.expense-workspace[data-expense-page="review"] .summary-box .cap{justify-content:flex-start;font-weight:650;color:var(--ew-muted)}
.expense-workspace[data-expense-page="review"] .summary-box strong{font-size:25px;font-weight:750;color:var(--ew-ink);font-variant-numeric:tabular-nums}
.expense-workspace[data-expense-page="review"] .month-section{padding:0;overflow:hidden}
.expense-workspace[data-expense-page="review"] .month-bar{background:#f8fafc;border-bottom:1px solid var(--ew-line);padding:14px 16px}
.expense-workspace[data-expense-page="review"] .month-head{padding:0!important;border:0;background:transparent!important;flex-wrap:wrap;gap:10px}
.expense-workspace[data-expense-page="review"] .month-toggle{border:0;border-radius:7px;background:transparent;padding:3px 0;font-weight:650;gap:8px;max-width:100%}
.expense-workspace[data-expense-page="review"] .month-toggle .arrow{border:0;background:transparent;width:18px;height:22px;font-size:10px}
.expense-workspace[data-expense-page="review"] .table-wrap{border:0;border-radius:0!important}
.expense-workspace[data-expense-page="review"] .act-btn{border-radius:7px;min-height:36px;padding:9px 12px;font-size:12px;font-weight:650}
.expense-workspace[data-expense-page="review"] button[onclick^="openReview"]{background:var(--ew-blue)!important;color:#fff!important;white-space:nowrap}
.expense-workspace[data-expense-page="review"] table.entry td{overflow-wrap:anywhere}
.expense-workspace[data-expense-page="review"] .modal{border-radius:12px;border-color:var(--ew-line)}
.expense-workspace[data-expense-page="review"] .modal-header{background:#f8fafc;border-bottom:1px solid var(--ew-line);padding:15px 18px}
.expense-workspace[data-expense-page="review"] .modal-title{font-size:16px;font-weight:750}
.expense-workspace[data-expense-page="review"] .modal-body{border-radius:0!important;padding:18px}
.expense-workspace[data-expense-page="review"] .detail-item{border:1px solid var(--ew-line);border-radius:7px;background:#f8fafc}
.expense-workspace[data-expense-page="review"] .modal-section-title{font-weight:650;letter-spacing:0}
.expense-workspace[data-expense-page="review"] .lines-table{min-width:520px}
.expense-workspace[data-expense-page="review"] .lines-tfoot td{background:#edf3ff;border-color:var(--ew-line)}
.expense-workspace[data-expense-page="review"] .modal-footer{padding:14px 18px;border-color:var(--ew-line)}
@media(max-width:700px){.expense-workspace[data-expense-page="review"] .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.expense-workspace[data-expense-page="review"] .modal-backdrop{padding:14px 10px}.expense-workspace[data-expense-page="review"] .month-bar{padding:12px}.expense-workspace[data-expense-page="review"] .month-totals{justify-content:flex-start}}
.expense-workspace[data-expense-popup="true"] main.content{margin:0!important;padding:16px!important}
.expense-workspace[data-expense-popup="true"] .ew-nav{display:none}
@media(max-width:1100px){.expense-workspace main.content{padding:18px!important}.expense-workspace :is(.summary-grid,.kpi-strip){grid-template-columns:repeat(3,minmax(0,1fr))!important}.expense-workspace .toolbar{flex-wrap:wrap;gap:13px}.expense-workspace .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.expense-workspace main.content{padding:14px!important}.expense-workspace .ew-nav{margin-bottom:20px}.expense-workspace .ew-nav-links{gap:16px}.expense-workspace :is(.sx-title,.t1,.page-head h1,.page-hd h2,.toolbar h3){font-size:21px!important}.expense-workspace :is(.sx-card,.card){padding:14px}.expense-workspace :is(.grid-2,.grid-3,.fgrid,.modal-grid){grid-template-columns:1fr!important}.expense-workspace :is(.summary-grid,.kpi-strip,.totals-grid,.totals,.totals-grid.kpi){grid-template-columns:repeat(2,minmax(0,1fr))!important}.expense-workspace :is(.k-big,.cardx .v,.kpi-box .v,.summary-box .value,.totals-cell .value){font-size:21px!important}.expense-workspace .ew-finder{padding:12px;gap:9px}.expense-workspace .ew-find-sort{flex:1 1 160px}.expense-workspace .ew-find-count{flex:1}.expense-workspace .ew-card-table{min-width:0!important;width:100%;table-layout:auto}.expense-workspace .ew-card-table thead{display:none}.expense-workspace .ew-card-table tbody tr:not(.ew-branch-heading){display:block;padding:13px;border-bottom:1px solid var(--ew-line)}.expense-workspace .ew-card-table tbody td:not(.bulk-select-col){display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.6fr);gap:10px;align-items:center;padding:7px 0!important;border:0;white-space:normal;overflow-wrap:anywhere;max-width:none;text-align:start}.expense-workspace .ew-card-table td[data-ew-label]:before{content:attr(data-ew-label);font-size:10px;font-weight:650;color:var(--ew-muted)}.expense-workspace .ew-card-table td[colspan]{display:block!important}.expense-workspace .ew-card-table .ew-branch-heading td{display:block;border:0!important}.expense-workspace.bulk-delete-active .ew-card-table .bulk-select-col{display:block;padding:7px 0!important}.expense-workspace .ew-card-table td input,.expense-workspace .ew-card-table td select{width:100%;margin:0}.expense-workspace .ew-card-table td .actions{justify-content:flex-start}.expense-workspace .pm-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-workspace .insight-grid{grid-template-columns:1fr!important}.expense-workspace .chart-row{grid-template-columns:1fr!important}}
@media print{.expense-workspace .ew-nav,.expense-workspace .ew-finder,.expense-workspace .ew-no-match{display:none!important}.expense-workspace main.content{margin:0!important;padding:0!important}.expense-workspace .ew-search-hidden{display:table-row!important}.expense-workspace .ew-sort-button:after{display:none}.expense-workspace .ew-branch-heading{display:none}.expense-workspace .ew-card-table tbody tr{display:table-row!important}.expense-workspace .ew-card-table tbody td{display:table-cell!important;padding:6px!important}.expense-workspace .ew-card-table td:before{display:none!important}.expense-workspace :is(.sx-card,.card,.kpi,.summary-box,.cardx,.kpi-box,.totals-cell){box-shadow:none!important;border-color:#ddd!important}}

/* Login */
:where(html[data-style-page="login"]):is(*),
:where(html[data-style-page="login"]) :is(*),
:where(html[data-style-page="login"]):is(*)::before,
:where(html[data-style-page="login"]) :is(*)::before,
:where(html[data-style-page="login"]):is(*)::after,
:where(html[data-style-page="login"]) :is(*)::after{ box-sizing: border-box; }
:where(html[data-style-page="login"]):is(:root),
:where(html[data-style-page="login"]) :is(:root){ font-family: "Segoe UI", Tahoma, Arial, sans-serif; font-synthesis: none; color: #202522; background: #f8f7f3; }
:where(html[data-style-page="login"]):is(body),
:where(html[data-style-page="login"]) :is(body){ margin: 0; --brand-bg: #172321; --brand-text: #f5f2e9; --brand-muted: #b5beb6; --brand-line: #334440; --accent: #e5b96c; --eyebrow: #e5b96c; --art-face: #263833; --art-base: #1a2924; --art-line: #47594f; --art-accent: #e5b96c; --form-bg: #faf9f6; --button: #223a32; --button-hover: #162b24; --focus: #85601f; }
:where(html[data-style-page="login"]):is(button),
:where(html[data-style-page="login"]) :is(button),
:where(html[data-style-page="login"]):is(input),
:where(html[data-style-page="login"]) :is(input),
:where(html[data-style-page="login"]):is(a),
:where(html[data-style-page="login"]) :is(a){ -webkit-tap-highlight-color: transparent; }
:where(html[data-style-page="login"]):is(button),
:where(html[data-style-page="login"]) :is(button),
:where(html[data-style-page="login"]):is(input),
:where(html[data-style-page="login"]) :is(input){ font: inherit; }
:where(html[data-style-page="login"]):is(button),
:where(html[data-style-page="login"]) :is(button){ cursor: pointer; }
:where(html[data-style-page="login"]):is(button svg),
:where(html[data-style-page="login"]) :is(button svg),
:where(html[data-style-page="login"]):is(.workspace-icon svg),
:where(html[data-style-page="login"]) :is(.workspace-icon svg),
:where(html[data-style-page="login"]):is(.field-icon),
:where(html[data-style-page="login"]) :is(.field-icon){ stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
:where(html[data-style-page="login"]):is([hidden]),
:where(html[data-style-page="login"]) :is([hidden]){ display: none !important; }
:where(html[data-style-page="login"]):is(.login-shell),
:where(html[data-style-page="login"]) :is(.login-shell){ display: grid; grid-template-columns: 53% 47%; min-height: 100svh; max-width: 1800px; margin-inline: auto; }
:where(html[data-style-page="login"]):is(.brand-panel),
:where(html[data-style-page="login"]) :is(.brand-panel){ position: relative; display: flex; flex-direction: column; padding: 42px 9% 30px; color: var(--brand-text); background: var(--brand-bg); isolation: isolate; overflow: hidden; }
:where(html[data-style-page="login"]):is(.brand-panel)::before,
:where(html[data-style-page="login"]) :is(.brand-panel)::before{ content: ""; position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(var(--brand-line) 1px, transparent 1px), linear-gradient(90deg, var(--brand-line) 1px, transparent 1px); background-size: 64px 64px; opacity: .15; mask-image: linear-gradient(150deg, transparent 10%, #000 80%); }
:where(html[data-style-page="login"]):is(.brand-panel)::after,
:where(html[data-style-page="login"]) :is(.brand-panel)::after{ content: ""; position: absolute; z-index: -1; inset: 30% -30% -30% 15%; background: radial-gradient(ellipse at center, #b49c6020, transparent 65%); pointer-events: none; }
:where(html[data-style-page="login"]):is(.brand-header),
:where(html[data-style-page="login"]) :is(.brand-header){ display: flex; align-items: center; justify-content: space-between; gap: 24px; }
:where(html[data-style-page="login"]):is(.brand-logo),
:where(html[data-style-page="login"]) :is(.brand-logo){ width: 216px; height: auto; display: block; }
:where(html[data-style-page="login"]):is(.release-mark),
:where(html[data-style-page="login"]) :is(.release-mark){ display: inline-flex; align-items: center; gap: 9px; border: 1px solid var(--brand-line); border-radius: 999px; padding: 7px 12px; font-size: 11px; letter-spacing: 1.4px; color: var(--accent); white-space: nowrap; }
:where(html[data-style-page="login"]):is(.release-dot),
:where(html[data-style-page="login"]) :is(.release-dot){ width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
:where(html[data-style-page="login"]):is(.brand-story),
:where(html[data-style-page="login"]) :is(.brand-story){ margin-block: auto; padding-block: 60px 44px; }
:where(html[data-style-page="login"]):is(.eyebrow),
:where(html[data-style-page="login"]) :is(.eyebrow){ margin: 0 0 23px; font-size: 10px; font-weight: 600; letter-spacing: 2.8px; text-transform: uppercase; color: var(--eyebrow); }
:where(html[data-style-page="login"]):is(.brand-story h1),
:where(html[data-style-page="login"]) :is(.brand-story h1){ font-size: clamp(38px, 3.5vw, 58px); line-height: 1.12; font-weight: 500; letter-spacing: -2px; margin: 0 0 24px; }
:where(html[data-style-page="login"]):is(.brand-story h1 span),
:where(html[data-style-page="login"]) :is(.brand-story h1 span){ display: block; color: var(--accent); }
:where(html[data-style-page="login"]):is(.brand-description),
:where(html[data-style-page="login"]) :is(.brand-description){ max-width: 390px; margin: 0; color: var(--brand-muted); font-size: 15px; line-height: 1.85; }
:where(html[data-style-page="login"]):is(.ledger-art),
:where(html[data-style-page="login"]) :is(.ledger-art){ margin: 21px -20px 6px; max-width: 570px; }
:where(html[data-style-page="login"]):is(.ledger-art svg),
:where(html[data-style-page="login"]) :is(.ledger-art svg){ width: 100%; display: block; }
:where(html[data-style-page="login"]):is(.capabilities),
:where(html[data-style-page="login"]) :is(.capabilities){ display: flex; flex-wrap: wrap; align-items: center; gap: 12px 0; color: var(--brand-muted); font-size: 11px; }
:where(html[data-style-page="login"]):is(.capabilities span + span)::before,
:where(html[data-style-page="login"]) :is(.capabilities span + span)::before{ content: "/"; margin-inline: 13px; opacity: .5; }
:where(html[data-style-page="login"]):is(.brand-footer),
:where(html[data-style-page="login"]) :is(.brand-footer){ display: flex; align-items: center; gap: 14px; color: var(--brand-muted); font-size: 10px; letter-spacing: .4px; }
:where(html[data-style-page="login"]):is(.footer-rule),
:where(html[data-style-page="login"]) :is(.footer-rule){ width: 28px; height: 1px; background: var(--accent); }
:where(html[data-style-page="login"]):is(.signin-panel),
:where(html[data-style-page="login"]) :is(.signin-panel){ background: var(--form-bg); display: flex; flex-direction: column; padding: 40px 11% 30px; }
:where(html[data-style-page="login"]):is(.signin-toolbar),
:where(html[data-style-page="login"]) :is(.signin-toolbar){ display: flex; justify-content: flex-end; }
:where(html[data-style-page="login"]):is(.language-switch),
:where(html[data-style-page="login"]) :is(.language-switch){ display: inline-flex; align-items: center; border: 1px solid #dddeda; padding: 4px; border-radius: 9px; gap: 2px; direction: ltr; }
:where(html[data-style-page="login"]):is(.language-switch a),
:where(html[data-style-page="login"]) :is(.language-switch a){ color: #686e68; text-decoration: none; font-size: 11px; line-height: 20px; min-width: 42px; padding: 3px 10px; border-radius: 5px; text-align: center; }
:where(html[data-style-page="login"]):is(.language-switch a[aria-current]),
:where(html[data-style-page="login"]) :is(.language-switch a[aria-current]){ background: #fff; box-shadow: 0 1px 4px #17232113; color: #252d28; font-weight: 600; }
:where(html[data-style-page="login"]):is(.language-switch a:hover),
:where(html[data-style-page="login"]) :is(.language-switch a:hover){ background: #fff; }
:where(html[data-style-page="login"]):is(.signin-content),
:where(html[data-style-page="login"]) :is(.signin-content){ width: 100%; max-width: 390px; margin: auto; padding-block: 58px 55px; }
:where(html[data-style-page="login"]):is(.workspace-label),
:where(html[data-style-page="login"]) :is(.workspace-label){ display: flex; gap: 10px; align-items: center; margin-bottom: 29px; font-size: 11px; font-weight: 600; letter-spacing: .1px; color: #647064; }
:where(html[data-style-page="login"]):is(.workspace-icon),
:where(html[data-style-page="login"]) :is(.workspace-icon){ width: 31px; height: 31px; display: grid; place-items: center; background: #ecefe8; border: 1px solid #dee5d9; border-radius: 9px; color: #476048; }
:where(html[data-style-page="login"]):is(.workspace-icon svg),
:where(html[data-style-page="login"]) :is(.workspace-icon svg){ width: 16px; height: 16px; }
:where(html[data-style-page="login"]):is(.signin-content h2),
:where(html[data-style-page="login"]) :is(.signin-content h2){ margin: 0 0 12px; font-weight: 600; font-size: clamp(30px, 3vw, 37px); line-height: 1.2; letter-spacing: -1.25px; }
:where(html[data-style-page="login"]):is(.signin-description),
:where(html[data-style-page="login"]) :is(.signin-description){ margin: 0 0 35px; color: #737870; font-size: 13px; line-height: 1.8; }
:where(html[data-style-page="login"]):is(.field-group),
:where(html[data-style-page="login"]) :is(.field-group){ margin-bottom: 22px; }
:where(html[data-style-page="login"]):is(.field-group label),
:where(html[data-style-page="login"]) :is(.field-group label){ display: block; margin-bottom: 9px; font-size: 12px; font-weight: 600; }
:where(html[data-style-page="login"]):is(.input-wrap),
:where(html[data-style-page="login"]) :is(.input-wrap){ position: relative; }
:where(html[data-style-page="login"]):is(.input-wrap input),
:where(html[data-style-page="login"]) :is(.input-wrap input){ display: block; width: 100%; height: 54px; border: 1px solid #d9dcd5; border-radius: 9px; background: #fff; padding-block: 12px; padding-inline: 44px 46px; color: #222a24; font-size: 13px; transition: border-color .15s, box-shadow .15s; min-width: 0; }
:where(html[data-style-page="login"]):is(.input-wrap input)::placeholder,
:where(html[data-style-page="login"]) :is(.input-wrap input)::placeholder{ color: #858b82; }
:where(html[data-style-page="login"]):is(.input-wrap input:hover),
:where(html[data-style-page="login"]) :is(.input-wrap input:hover){ border-color: #a6b1a3; }
:where(html[data-style-page="login"]):is(.input-wrap input:focus),
:where(html[data-style-page="login"]) :is(.input-wrap input:focus){ outline: none; border-color: var(--focus); box-shadow: 0 0 0 3px #ad88451c; }
:where(html[data-style-page="login"]):is(.field-icon),
:where(html[data-style-page="login"]) :is(.field-icon){ position: absolute; inset-inline-start: 16px; top: 18px; width: 18px; height: 18px; color: #8a9387; pointer-events: none; }
:where(html[data-style-page="login"]):is(.password-toggle),
:where(html[data-style-page="login"]) :is(.password-toggle){ position: absolute; inset-inline-end: 4px; top: 5px; width: 44px; height: 44px; border: 0; border-radius: 6px; background: transparent; display: grid; place-items: center; color: #727d6d; }
:where(html[data-style-page="login"]):is(.password-toggle:hover),
:where(html[data-style-page="login"]) :is(.password-toggle:hover){ background: #f2f4ee; color: #253a2b; }
:where(html[data-style-page="login"]):is(.password-toggle svg),
:where(html[data-style-page="login"]) :is(.password-toggle svg){ width: 18px; height: 18px; }
:where(html[data-style-page="login"]):is(.password-toggle .eye-closed),
:where(html[data-style-page="login"]) :is(.password-toggle .eye-closed){ display: none; }
:where(html[data-style-page="login"]):is(.password-toggle[aria-pressed="true"] .eye-open),
:where(html[data-style-page="login"]) :is(.password-toggle[aria-pressed="true"] .eye-open){ display: none; }
:where(html[data-style-page="login"]):is(.password-toggle[aria-pressed="true"] .eye-closed),
:where(html[data-style-page="login"]) :is(.password-toggle[aria-pressed="true"] .eye-closed){ display: block; }
:where(html[data-style-page="login"]):is(:is(a, button):focus-visible),
:where(html[data-style-page="login"]) :is(:is(a, button):focus-visible){ outline: 2px solid var(--focus); outline-offset: 4px; }
:where(html[data-style-page="login"]):is(.submit-button),
:where(html[data-style-page="login"]) :is(.submit-button){ margin-top: 5px; display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%; min-height: 54px; padding: 14px 20px; border: 1px solid transparent; border-radius: 9px; background: var(--button); color: #fff; font-size: 13px; font-weight: 600; box-shadow: 0 5px 12px #20372e14; transition: background .15s, transform .15s; }
:where(html[data-style-page="login"]):is(.submit-button:hover),
:where(html[data-style-page="login"]) :is(.submit-button:hover){ background: var(--button-hover); transform: translateY(-1px); }
:where(html[data-style-page="login"]):is(.submit-button:active),
:where(html[data-style-page="login"]) :is(.submit-button:active){ transform: translateY(0); }
:where(html[data-style-page="login"]):is(.submit-button svg),
:where(html[data-style-page="login"]) :is(.submit-button svg){ width: 18px; height: 18px; }
:where(html[data-style-page="login"]):is(.access-help),
:where(html[data-style-page="login"]) :is(.access-help){ margin: 22px 0 0; color: #767d72; text-align: center; font-size: 11px; line-height: 1.85; }
:where(html[data-style-page="login"]):is(.signin-footnote),
:where(html[data-style-page="login"]) :is(.signin-footnote){ margin-top: 38px; display: flex; align-items: center; gap: 13px; color: #81877d; font-size: 10px; white-space: nowrap; }
:where(html[data-style-page="login"]):is(.footnote-line),
:where(html[data-style-page="login"]) :is(.footnote-line){ flex: 1; height: 1px; background: #dedfd8; }
:where(html[data-style-page="login"]):is(.legal-footer),
:where(html[data-style-page="login"]) :is(.legal-footer){ color: #858a81; font-size: 10px; text-align: center; line-height: 1.8; }
:where(html[data-style-page="login"]):is(.legal-footer p),
:where(html[data-style-page="login"]) :is(.legal-footer p){ margin: 2px 0; }
:where(html[data-style-page="login"]):is(.legal-separator),
:where(html[data-style-page="login"]) :is(.legal-separator){ display: inline-block; margin-inline: 7px; color: #bbbfb6; }
:where(html[data-style-page="login"]):is(.notice),
:where(html[data-style-page="login"]) :is(.notice){ padding: 12px 14px; border: 1px solid; border-radius: 8px; margin: 0 0 22px; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
:where(html[data-style-page="login"]):is(.notice-idle),
:where(html[data-style-page="login"]) :is(.notice-idle){ color: #79521c; background: #fff7e7; border-color: #e9d6ae; }
:where(html[data-style-page="login"]):is(.notice-error),
:where(html[data-style-page="login"]) :is(.notice-error){ color: #a12e37; background: #fff1f2; border-color: #efc6ca; }
:where(html[data-style-page="login"]):is(.preview-message),
:where(html[data-style-page="login"]) :is(.preview-message){ margin-top: 16px; margin-bottom: 0; }
:where(html[data-style-page="login"]):is(.caps-lock),
:where(html[data-style-page="login"]) :is(.caps-lock){ margin: 8px 0 0; color: #79521c; font-size: 11px; }
:where(html[data-style-page="login"]):is([dir="rtl"] .brand-story h1),
:where(html[data-style-page="login"]) :is([dir="rtl"] .brand-story h1){ letter-spacing: 0; font-size: clamp(38px, 3.5vw, 54px); line-height: 1.5; }
:where(html[data-style-page="login"]):is([dir="rtl"] .eyebrow),
:where(html[data-style-page="login"]) :is([dir="rtl"] .eyebrow){ letter-spacing: 0; font-size: 12px; }
:where(html[data-style-page="login"]):is([dir="rtl"] .brand-description),
:where(html[data-style-page="login"]) :is([dir="rtl"] .brand-description){ line-height: 2; }
:where(html[data-style-page="login"]):is([dir="rtl"] .signin-content h2),
:where(html[data-style-page="login"]) :is([dir="rtl"] .signin-content h2){ letter-spacing: 0; }
:where(html[data-style-page="login"]):is([dir="rtl"] .submit-button svg),
:where(html[data-style-page="login"]) :is([dir="rtl"] .submit-button svg){ transform: scaleX(-1); }
:where(html[data-style-page="login"]):is(.theme-navy),
:where(html[data-style-page="login"]) :is(.theme-navy){ --brand-bg: #121e36; --brand-text: #f3f5fa; --brand-muted: #a6b3cd; --brand-line: #324364; --accent: #dfbe7a; --eyebrow: #c8ad77; --art-face: #253651; --art-base: #19273e; --art-line: #435574; --art-accent: #dfbe7a; --form-bg: #f7f8fc; --button: #263e6a; --button-hover: #1d3155; --focus: #48689f; }
:where(html[data-style-page="login"]):is(.theme-navy .brand-panel)::after,
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel)::after{ background: radial-gradient(ellipse at center, #577fc92a, transparent 65%); }
:where(html[data-style-page="login"]):is(.theme-navy .brand-story h1),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-story h1){ font-weight: 600; }
:where(html[data-style-page="login"]):is(.theme-navy .workspace-icon),
:where(html[data-style-page="login"]) :is(.theme-navy .workspace-icon){ background: #e9edf5; color: #47638c; border-color: #dbe3f0; }
:where(html[data-style-page="login"]):is(.theme-navy .workspace-label),
:where(html[data-style-page="login"]) :is(.theme-navy .workspace-label){ color: #62738c; }
:where(html[data-style-page="login"]):is(.theme-navy .input-wrap input:focus),
:where(html[data-style-page="login"]) :is(.theme-navy .input-wrap input:focus){ box-shadow: 0 0 0 3px #48689f18; }
@media (min-width: 1500px) { :where(html[data-style-page="login"]):is(.brand-panel),
:where(html[data-style-page="login"]) :is(.brand-panel){ padding-inline: 11%; } :where(html[data-style-page="login"]):is(.signin-panel),
:where(html[data-style-page="login"]) :is(.signin-panel){ padding-inline: 15%; } }
@media (max-width: 1100px) and (min-width: 801px) { :where(html[data-style-page="login"]):is(.brand-panel),
:where(html[data-style-page="login"]) :is(.brand-panel){ padding-inline: 8%; } :where(html[data-style-page="login"]):is(.brand-logo),
:where(html[data-style-page="login"]) :is(.brand-logo){ width: 180px; } :where(html[data-style-page="login"]):is(.brand-header),
:where(html[data-style-page="login"]) :is(.brand-header){ gap: 12px; } :where(html[data-style-page="login"]):is(.signin-panel),
:where(html[data-style-page="login"]) :is(.signin-panel){ padding-inline: 9%; } :where(html[data-style-page="login"]):is(.brand-story h1),
:where(html[data-style-page="login"]) :is(.brand-story h1){ font-size: 40px; } :where(html[data-style-page="login"]):is(.brand-description),
:where(html[data-style-page="login"]) :is(.brand-description){ font-size: 14px; } :where(html[data-style-page="login"]):is(.capabilities),
:where(html[data-style-page="login"]) :is(.capabilities){ font-size: 10px; } :where(html[data-style-page="login"]):is(.capabilities span + span)::before,
:where(html[data-style-page="login"]) :is(.capabilities span + span)::before{ margin-inline: 8px; } }
@media (max-width: 800px) { :where(html[data-style-page="login"]):is(.login-shell),
:where(html[data-style-page="login"]) :is(.login-shell){ grid-template-columns: 1fr; } :where(html[data-style-page="login"]):is(.brand-panel),
:where(html[data-style-page="login"]) :is(.brand-panel){ padding: 20px 24px; } :where(html[data-style-page="login"]):is(.brand-logo),
:where(html[data-style-page="login"]) :is(.brand-logo){ width: 168px; } :where(html[data-style-page="login"]):is(.brand-story),
:where(html[data-style-page="login"]) :is(.brand-story),
:where(html[data-style-page="login"]):is(.brand-footer),
:where(html[data-style-page="login"]) :is(.brand-footer){ display: none; } :where(html[data-style-page="login"]):is(.brand-header),
:where(html[data-style-page="login"]) :is(.brand-header){ max-width: 440px; width: 100%; margin-inline: auto; } :where(html[data-style-page="login"]):is(.signin-panel),
:where(html[data-style-page="login"]) :is(.signin-panel){ padding: 22px 24px 24px; min-height: calc(100svh - 108px); } :where(html[data-style-page="login"]):is(.signin-toolbar),
:where(html[data-style-page="login"]) :is(.signin-toolbar){ max-width: 440px; width: 100%; margin-inline: auto; } :where(html[data-style-page="login"]):is(.signin-content),
:where(html[data-style-page="login"]) :is(.signin-content){ max-width: 400px; padding-block: 35px 42px; } :where(html[data-style-page="login"]):is(.workspace-label),
:where(html[data-style-page="login"]) :is(.workspace-label){ margin-bottom: 23px; } :where(html[data-style-page="login"]):is(.signin-content h2),
:where(html[data-style-page="login"]) :is(.signin-content h2){ font-size: 34px; } :where(html[data-style-page="login"]):is(.signin-description),
:where(html[data-style-page="login"]) :is(.signin-description){ margin-bottom: 29px; } :where(html[data-style-page="login"]):is(.signin-footnote),
:where(html[data-style-page="login"]) :is(.signin-footnote){ margin-top: 31px; } :where(html[data-style-page="login"]):is(.legal-footer),
:where(html[data-style-page="login"]) :is(.legal-footer){ font-size: 10px; } :where(html[data-style-page="login"]):is(.theme-ivory .brand-panel),
:where(html[data-style-page="login"]) :is(.theme-ivory .brand-panel){ border-inline-end: 0; border-bottom: 1px solid #e6e0d4; } }
@media (max-width: 360px) { :where(html[data-style-page="login"]):is(.signin-panel),
:where(html[data-style-page="login"]) :is(.signin-panel){ padding-inline: 20px; } :where(html[data-style-page="login"]):is(.brand-panel),
:where(html[data-style-page="login"]) :is(.brand-panel){ padding-inline: 20px; } :where(html[data-style-page="login"]):is(.signin-content h2),
:where(html[data-style-page="login"]) :is(.signin-content h2){ font-size: 30px; } :where(html[data-style-page="login"]):is(.input-wrap input),
:where(html[data-style-page="login"]) :is(.input-wrap input){ font-size: 12px; } :where(html[data-style-page="login"]):is(.legal-separator),
:where(html[data-style-page="login"]) :is(.legal-separator){ margin-inline: 4px; } }
@media (max-height: 750px) and (min-width: 801px) { :where(html[data-style-page="login"]):is(.brand-story),
:where(html[data-style-page="login"]) :is(.brand-story){ padding-block: 32px; } :where(html[data-style-page="login"]):is(.ledger-art),
:where(html[data-style-page="login"]) :is(.ledger-art){ max-width: 410px; margin-block: 10px; } :where(html[data-style-page="login"]):is(.signin-content),
:where(html[data-style-page="login"]) :is(.signin-content){ padding-block: 30px; } }
@media (prefers-reduced-motion: reduce) { :where(html[data-style-page="login"]):is(*),
:where(html[data-style-page="login"]) :is(*),
:where(html[data-style-page="login"]):is(*)::before,
:where(html[data-style-page="login"]) :is(*)::before,
:where(html[data-style-page="login"]):is(*)::after,
:where(html[data-style-page="login"]) :is(*)::after{ scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Premier Accounting V5 login. */
:where(html[data-style-page="login"]):is(.theme-navy),
:where(html[data-style-page="login"]) :is(.theme-navy){ --brand-bg: #0c1931; --brand-text: #f4f6fb; --brand-muted: #acbbd2; --brand-line: #354862; --accent: #e4c184; --eyebrow: #d3b781; --form-bg: #fcfcfd; --button: #182e51; --button-hover: #0e2446; --focus: #956e32; background: #0c1931; }
:where(html[data-style-page="login"]):is(.theme-navy .login-shell),
:where(html[data-style-page="login"]) :is(.theme-navy .login-shell){ grid-template-columns: 55% 45%; }
:where(html[data-style-page="login"]):is(.theme-navy .brand-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel){ padding: 35px 8.1% 29px; background: radial-gradient(ellipse at 85% 75%, #23416850, transparent 54%), linear-gradient(145deg, #0b172c, #142846); }
:where(html[data-style-page="login"]):is(.theme-navy .brand-panel)::before,
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel)::before{ background-size: 44px 44px; opacity: .1; mask-image: linear-gradient(145deg, transparent 20%, #000); }
:where(html[data-style-page="login"]):is(.theme-navy .brand-panel)::after,
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel)::after{ inset: 0; background: linear-gradient(125deg, transparent 36%, #7896c30b 36%, #7896c30b 36.1%, transparent 36.1%, transparent 67%, #e2c28a07 67%, #e2c28a07 67.1%, transparent 67.1%); }
:where(html[data-style-page="login"]):is(.theme-navy .brand-header),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-header){ padding-bottom: 24px; border-bottom: 1px solid #859fc220; }
:where(html[data-style-page="login"]):is(.theme-navy .brand-logo),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-logo){ width: 213px; }
:where(html[data-style-page="login"]):is(.theme-navy .release-mark),
:where(html[data-style-page="login"]) :is(.theme-navy .release-mark){ padding: 9px 14px; border-color: #c8a87340; background: #dbb97e0a; letter-spacing: 1px; }
:where(html[data-style-page="login"]):is(.theme-navy .brand-story),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-story){ padding-block: 36px 28px; }
:where(html[data-style-page="login"]):is(.theme-navy .eyebrow),
:where(html[data-style-page="login"]) :is(.theme-navy .eyebrow){ display: flex; align-items: center; gap: 11px; margin-bottom: 22px; font-size: 10px; letter-spacing: 2.3px; }
:where(html[data-style-page="login"]):is(.theme-navy .eyebrow)::before,
:where(html[data-style-page="login"]) :is(.theme-navy .eyebrow)::before{ content: ''; width: 22px; height: 1px; background: var(--accent); flex-shrink: 0; }
:where(html[data-style-page="login"]):is(.theme-navy .brand-story h1),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-story h1){ font-weight: 500; font-size: clamp(40px, 3.6vw, 58px); line-height: 1.14; letter-spacing: -2.25px; margin-bottom: 21px; }
:where(html[data-style-page="login"]):is(.theme-navy .brand-story h1 span),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-story h1 span){ color: #e9c98e; }
:where(html[data-style-page="login"]):is(.theme-navy .brand-description),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-description){ font-size: 14px; max-width: 410px; line-height: 1.85; }
:where(html[data-style-page="login"]):is(.navy-scene),
:where(html[data-style-page="login"]) :is(.navy-scene){ position: relative; margin: 20px -16px 20px; max-width: 550px; }
:where(html[data-style-page="login"]):is(.navy-scene > svg),
:where(html[data-style-page="login"]) :is(.navy-scene > svg){ display: block; width: 100%; }
:where(html[data-style-page="login"]):is(.scene-caption),
:where(html[data-style-page="login"]) :is(.scene-caption){ display: flex; align-items: center; gap: 10px; padding-inline: 17px; color: #a6bad6; font-size: 10px; letter-spacing: .9px; }
:where(html[data-style-page="login"]):is(.scene-caption-line),
:where(html[data-style-page="login"]) :is(.scene-caption-line){ width: 5px; height: 5px; border-radius: 50%; background: #d7b675; box-shadow: 0 0 0 4px #d7b67512; }
:where(html[data-style-page="login"]):is(.scene-bottom),
:where(html[data-style-page="login"]) :is(.scene-bottom){ display: flex; align-items: center; gap: 9px; color: #b6c6dc; font-size: 10px; margin: -2px 27px 0; }
:where(html[data-style-page="login"]):is(.scene-bottom-icon),
:where(html[data-style-page="login"]) :is(.scene-bottom-icon){ width: 18px; height: 18px; border: 1px solid #d7b67538; border-radius: 50%; color: #d7b675; }
:where(html[data-style-page="login"]):is(.scene-bottom-icon svg),
:where(html[data-style-page="login"]) :is(.scene-bottom-icon svg){ width: 100%; height: 100%; }
:where(html[data-style-page="login"]):is(.scene-bottom-rule),
:where(html[data-style-page="login"]) :is(.scene-bottom-rule){ flex: 1; height: 1px; background: linear-gradient(90deg, #7b94b82b, transparent); margin-inline: 6px; }
:where(html[data-style-page="login"]):is(.scene-bottom-dots),
:where(html[data-style-page="login"]) :is(.scene-bottom-dots){ display: flex; gap: 4px; }
:where(html[data-style-page="login"]):is(.scene-bottom-dots i),
:where(html[data-style-page="login"]) :is(.scene-bottom-dots i){ width: 3px; height: 3px; border-radius: 50%; background: #7892b2; }
:where(html[data-style-page="login"]):is(.theme-navy .capabilities),
:where(html[data-style-page="login"]) :is(.theme-navy .capabilities){ font-size: 11px; gap: 10px 0; color: #adbbd0; }
:where(html[data-style-page="login"]):is(.theme-navy .capabilities span + span)::before,
:where(html[data-style-page="login"]) :is(.theme-navy .capabilities span + span)::before{ content: '·'; color: #c9ab72; opacity: 1; margin-inline: 15px; }
:where(html[data-style-page="login"]):is(.theme-navy .brand-footer),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-footer){ padding-top: 20px; border-top: 1px solid #859fc220; font-size: 11px; color: #a1b4cd; letter-spacing: 0; }
:where(html[data-style-page="login"]):is(.theme-navy .signin-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-panel){ padding: 35px 10% 27px; color: #182c49; position: relative; }
:where(html[data-style-page="login"]):is(.theme-navy .signin-panel)::before,
:where(html[data-style-page="login"]) :is(.theme-navy .signin-panel)::before{ content: ''; position: absolute; width: 1px; height: 135px; background: linear-gradient(transparent, #d7b675, transparent); inset-inline-start: 0; top: 25%; }
:where(html[data-style-page="login"]):is(.theme-navy .signin-toolbar),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-toolbar){ align-items: center; justify-content: space-between; gap: 14px; }
:where(html[data-style-page="login"]):is(.account-access),
:where(html[data-style-page="login"]) :is(.account-access){ color: #637087; text-transform: uppercase; letter-spacing: 1.7px; font-size: 9px; font-weight: 600; }
:where(html[data-style-page="login"]):is(.theme-navy .language-switch),
:where(html[data-style-page="login"]) :is(.theme-navy .language-switch){ border-color: #e0e5eb; border-radius: 8px; background: #f4f6f9; }
:where(html[data-style-page="login"]):is(.theme-navy .language-switch a),
:where(html[data-style-page="login"]) :is(.theme-navy .language-switch a){ font-size: 11px; color: #65738a; }
:where(html[data-style-page="login"]):is(.theme-navy .language-switch a[aria-current]),
:where(html[data-style-page="login"]) :is(.theme-navy .language-switch a[aria-current]){ color: #223956; box-shadow: 0 1px 4px #12213a15; }
:where(html[data-style-page="login"]):is(.theme-navy .signin-content),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-content){ max-width: 380px; padding-block: 52px 47px; }
:where(html[data-style-page="login"]):is(.theme-navy .workspace-label),
:where(html[data-style-page="login"]) :is(.theme-navy .workspace-label){ color: #5d6d85; font-size: 11px; letter-spacing: .35px; gap: 11px; margin-bottom: 27px; }
:where(html[data-style-page="login"]):is(.theme-navy .workspace-icon),
:where(html[data-style-page="login"]) :is(.theme-navy .workspace-icon){ width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(145deg, #fbf6eb, #f4ecdc); border: 1px solid #d7bd8940; color: #a08044; box-shadow: 0 3px 7px #172a4410; }
:where(html[data-style-page="login"]):is(.theme-navy .workspace-icon svg),
:where(html[data-style-page="login"]) :is(.theme-navy .workspace-icon svg){ width: 19px; height: 19px; stroke-width: 1.35; }
:where(html[data-style-page="login"]):is(.workspace-version),
:where(html[data-style-page="login"]) :is(.workspace-version){ display: inline-block; color: #8c713e; padding-inline-start: 10px; border-inline-start: 1px solid #d7dce5; font-size: 10px; direction: inherit; }
:where(html[data-style-page="login"]):is(.theme-navy .workspace-name),
:where(html[data-style-page="login"]) :is(.theme-navy .workspace-name){ display: inline-flex; align-items: center; gap: 10px; }
:where(html[data-style-page="login"]):is(.theme-navy .signin-content h2),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-content h2){ color: #142846; font-size: 43px; line-height: 1.2; font-weight: 500; letter-spacing: -1.8px; margin-bottom: 12px; }
:where(html[data-style-page="login"]):is(.theme-navy .signin-description),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-description){ color: #65738a; font-size: 13px; margin-bottom: 34px; }
:where(html[data-style-page="login"]):is(.theme-navy .field-group),
:where(html[data-style-page="login"]) :is(.theme-navy .field-group){ margin-bottom: 23px; }
:where(html[data-style-page="login"]):is(.theme-navy .field-group label),
:where(html[data-style-page="login"]) :is(.theme-navy .field-group label){ color: #30445f; font-size: 12px; margin-bottom: 10px; }
:where(html[data-style-page="login"]):is(.theme-navy .input-wrap input),
:where(html[data-style-page="login"]) :is(.theme-navy .input-wrap input){ height: 56px; border-color: #dce2ea; border-radius: 10px; color: #203858; font-size: 14px; box-shadow: 0 2px 3px #102a4903; }
:where(html[data-style-page="login"]):is(.theme-navy .input-wrap input)::placeholder,
:where(html[data-style-page="login"]) :is(.theme-navy .input-wrap input)::placeholder{ color: #637087; font-size: 13px; }
:where(html[data-style-page="login"]):is(.theme-navy .input-wrap input:hover),
:where(html[data-style-page="login"]) :is(.theme-navy .input-wrap input:hover){ border-color: #a5b3c6; }
:where(html[data-style-page="login"]):is(.theme-navy .input-wrap input:focus),
:where(html[data-style-page="login"]) :is(.theme-navy .input-wrap input:focus){ border-color: #ae8848; box-shadow: 0 0 0 3px #be98521a; }
:where(html[data-style-page="login"]):is(.theme-navy .field-icon),
:where(html[data-style-page="login"]) :is(.theme-navy .field-icon){ top: 19px; color: #8090a6; }
:where(html[data-style-page="login"]):is(.theme-navy .password-toggle),
:where(html[data-style-page="login"]) :is(.theme-navy .password-toggle){ top: 6px; color: #72839b; }
:where(html[data-style-page="login"]):is(.theme-navy .password-toggle:hover),
:where(html[data-style-page="login"]) :is(.theme-navy .password-toggle:hover){ background: #f0f3f8; color: #253e62; }
:where(html[data-style-page="login"]):is(.theme-navy .submit-button),
:where(html[data-style-page="login"]) :is(.theme-navy .submit-button){ min-height: 56px; border-radius: 10px; background: linear-gradient(110deg, #172e52, #24446f); border: 1px solid #223d62; box-shadow: 0 6px 15px #132e5218, inset 0 1px #ffffff14; font-size: 14px; gap: 17px; }
:where(html[data-style-page="login"]):is(.theme-navy .submit-button svg),
:where(html[data-style-page="login"]) :is(.theme-navy .submit-button svg){ color: #edcd8d; transition: transform .2s; }
:where(html[data-style-page="login"]):is(.theme-navy .submit-button:hover),
:where(html[data-style-page="login"]) :is(.theme-navy .submit-button:hover){ background: linear-gradient(110deg, #112647, #1b385f); box-shadow: 0 8px 18px #132e5225; }
:where(html[data-style-page="login"]):is(.theme-navy .submit-button:hover svg),
:where(html[data-style-page="login"]) :is(.theme-navy .submit-button:hover svg){ transform: translateX(3px); }
:where(html[data-style-page="login"]):is(.theme-navy .access-help),
:where(html[data-style-page="login"]) :is(.theme-navy .access-help){ color: #637087; font-size: 11px; margin-top: 23px; }
:where(html[data-style-page="login"]):is(.theme-navy .signin-footnote),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-footnote){ color: #64738b; font-size: 10px; margin-top: 37px; }
:where(html[data-style-page="login"]):is(.theme-navy .footnote-line),
:where(html[data-style-page="login"]) :is(.theme-navy .footnote-line){ background: #e0e5ec; }
:where(html[data-style-page="login"]):is(.theme-navy .legal-footer),
:where(html[data-style-page="login"]) :is(.theme-navy .legal-footer){ color: #64738b; }
:where(html[data-style-page="login"]):is(.theme-navy .legal-separator),
:where(html[data-style-page="login"]) :is(.theme-navy .legal-separator){ color: #abbbd0; }
:where(html[data-style-page="login"]):is(.mobile-brand-line),
:where(html[data-style-page="login"]) :is(.mobile-brand-line){ display: none; }
:where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .eyebrow),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .eyebrow){ letter-spacing: 0; font-size: 12px; }
:where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .account-access),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .account-access){ letter-spacing: 0; font-size: 11px; }
:where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .brand-story h1),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .brand-story h1){ letter-spacing: 0; font-size: clamp(38px, 3.6vw, 54px); line-height: 1.4; }
:where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .signin-content h2),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .signin-content h2){ letter-spacing: 0; font-size: 40px; }
:where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .submit-button:hover svg),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .submit-button:hover svg){ transform: scaleX(-1) translateX(3px); }
@media (min-width: 1500px) { :where(html[data-style-page="login"]):is(.theme-navy .brand-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel){ padding-inline: 10%; } :where(html[data-style-page="login"]):is(.theme-navy .signin-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-panel){ padding-inline: 13%; } }
@media (max-width: 1100px) and (min-width: 801px) { :where(html[data-style-page="login"]):is(.theme-navy .brand-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel){ padding-inline: 7%; } :where(html[data-style-page="login"]):is(.theme-navy .brand-logo),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-logo){ width: 180px; } :where(html[data-style-page="login"]):is(.theme-navy .signin-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-panel){ padding-inline: 8%; } :where(html[data-style-page="login"]):is(.theme-navy .brand-story h1),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-story h1){ font-size: 39px; letter-spacing: -1.5px; } :where(html[data-style-page="login"]):is(.theme-navy .brand-description),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-description){ font-size: 13px; } :where(html[data-style-page="login"]):is(.theme-navy .signin-content h2),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-content h2){ font-size: 36px; } :where(html[data-style-page="login"]):is(.account-access),
:where(html[data-style-page="login"]) :is(.account-access){ font-size: 8px; letter-spacing: 1px; } :where(html[data-style-page="login"]):is(.theme-navy .capabilities),
:where(html[data-style-page="login"]) :is(.theme-navy .capabilities){ font-size: 10px; } :where(html[data-style-page="login"]):is(.theme-navy .capabilities span + span)::before,
:where(html[data-style-page="login"]) :is(.theme-navy .capabilities span + span)::before{ margin-inline: 10px; } :where(html[data-style-page="login"]):is(.scene-caption),
:where(html[data-style-page="login"]) :is(.scene-caption){ font-size: 9px; } :where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .signin-content h2),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .signin-content h2){ font-size: 32px; } :where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .brand-story h1),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .brand-story h1){ font-size: 38px; } }
@media (max-width: 800px) { :where(html[data-style-page="login"]):is(.theme-navy .login-shell),
:where(html[data-style-page="login"]) :is(.theme-navy .login-shell){ grid-template-columns: 1fr; } :where(html[data-style-page="login"]):is(.theme-navy .brand-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel){ padding: 17px 26px 20px; border-bottom: 2px solid #d7b67570; } :where(html[data-style-page="login"]):is(.theme-navy .brand-panel)::before,
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel)::before{ mask-image: linear-gradient(90deg, transparent, #000); opacity: .25; } :where(html[data-style-page="login"]):is(.theme-navy .brand-header),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-header){ padding-bottom: 0; border: 0; max-width: 440px; } :where(html[data-style-page="login"]):is(.theme-navy .brand-logo),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-logo){ width: 174px; } :where(html[data-style-page="login"]):is(.theme-navy .release-mark),
:where(html[data-style-page="login"]) :is(.theme-navy .release-mark){ padding: 8px 12px; } :where(html[data-style-page="login"]):is(.mobile-brand-line),
:where(html[data-style-page="login"]) :is(.mobile-brand-line){ display: block; font-size: 11px; color: #b3c2d9; margin: 11px auto 0; width: 100%; max-width: 440px; } :where(html[data-style-page="login"]):is(.theme-navy .signin-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-panel){ padding: 23px 26px 24px; min-height: calc(100svh - 139px); } :where(html[data-style-page="login"]):is(.theme-navy .signin-panel)::before,
:where(html[data-style-page="login"]) :is(.theme-navy .signin-panel)::before{ display: none; } :where(html[data-style-page="login"]):is(.theme-navy .signin-content),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-content){ max-width: 400px; padding-block: 36px 40px; } :where(html[data-style-page="login"]):is(.theme-navy .workspace-label),
:where(html[data-style-page="login"]) :is(.theme-navy .workspace-label){ margin-bottom: 24px; } :where(html[data-style-page="login"]):is(.theme-navy .signin-content h2),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-content h2){ font-size: 37px; } :where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .signin-content h2),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .signin-content h2){ font-size: 34px; } :where(html[data-style-page="login"]):is(.theme-navy .signin-description),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-description){ margin-bottom: 30px; } :where(html[data-style-page="login"]):is(.theme-navy .input-wrap input),
:where(html[data-style-page="login"]) :is(.theme-navy .input-wrap input){ font-size: 16px; } :where(html[data-style-page="login"]):is(.theme-navy .signin-footnote),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-footnote){ margin-top: 31px; } :where(html[data-style-page="login"]):is(.theme-navy .legal-footer),
:where(html[data-style-page="login"]) :is(.theme-navy .legal-footer){ font-size: 10px; } }
@media (max-width: 360px) { :where(html[data-style-page="login"]):is(.theme-navy .brand-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-panel),
:where(html[data-style-page="login"]):is(.theme-navy .signin-panel),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-panel){ padding-inline: 20px; } :where(html[data-style-page="login"]):is(.theme-navy .signin-content h2),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-content h2){ font-size: 34px; } :where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .signin-content h2),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .signin-content h2){ font-size: 30px; } :where(html[data-style-page="login"]):is(.account-access),
:where(html[data-style-page="login"]) :is(.account-access){ font-size: 8px; letter-spacing: 1px; } :where(html[data-style-page="login"]):is(.theme-navy[dir="rtl"] .account-access),
:where(html[data-style-page="login"]) :is(.theme-navy[dir="rtl"] .account-access){ font-size: 10px; } :where(html[data-style-page="login"]):is(.theme-navy .input-wrap input)::placeholder,
:where(html[data-style-page="login"]) :is(.theme-navy .input-wrap input)::placeholder{ font-size: 12px; } :where(html[data-style-page="login"]):is(.theme-navy .mobile-brand-line),
:where(html[data-style-page="login"]) :is(.theme-navy .mobile-brand-line){ font-size: 10px; } }
@media (max-height: 760px) and (min-width: 801px) { :where(html[data-style-page="login"]):is(.theme-navy .brand-header),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-header){ padding-bottom: 17px; } :where(html[data-style-page="login"]):is(.theme-navy .brand-story),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-story){ padding-block: 28px; } :where(html[data-style-page="login"]):is(.theme-navy .brand-story h1),
:where(html[data-style-page="login"]) :is(.theme-navy .brand-story h1){ font-size: 43px; } :where(html[data-style-page="login"]):is(.navy-scene),
:where(html[data-style-page="login"]) :is(.navy-scene){ max-width: 460px; margin-block: 18px; } :where(html[data-style-page="login"]):is(.theme-navy .signin-content),
:where(html[data-style-page="login"]) :is(.theme-navy .signin-content){ padding-block: 28px; } }
@media (prefers-reduced-motion: reduce) { :where(html[data-style-page="login"]):is(.theme-navy .submit-button svg),
:where(html[data-style-page="login"]) :is(.theme-navy .submit-button svg){ transition: none; } }

/* Navigation */
/* Shared navigation: the approved V5 midnight navy and gold palette. */
.sidebar.sidebar-v5 {
    --nav-text: #acbbd2;
    --nav-gold: #e4c184;
    background: radial-gradient(ellipse at 100% 100%, #23416850, transparent 60%), linear-gradient(145deg, #0b172c, #142846) !important;
    color: #f4f6fb;
    border-inline-end: 1px solid #354862;
    scrollbar-width: thin;
    scrollbar-color: #435b7c #101f37;
    overscroll-behavior: contain;
}
.sidebar-v5 .sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 24px 18px !important;
    background: transparent !important;
    border-bottom: 1px solid #859fc220;
    color: #f4f6fb !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.5;
}
.sidebar-v5 .sidebar-brand { max-width: 135px; }
.sidebar-v5 .sidebar-version {
    flex-shrink: 0;
    border: 1px solid #c8a87340;
    border-radius: 7px;
    padding: 4px 8px;
    color: var(--nav-gold);
    background: #dbb97e0a;
    font-size: 11px;
    letter-spacing: 1px;
}
.sidebar-v5 .menu { padding: 14px 10px 32px !important; }
.sidebar-v5 .menu > .menu-item > a,
.sidebar-v5 .menu-group > .menu-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px;
    width: 100%;
    margin: 4px 0;
    padding: 12px 13px !important;
    min-height: 44px;
    border: 1px solid transparent !important;
    border-radius: 8px;
    background: transparent;
    color: var(--nav-text) !important;
    font: inherit;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-align: start;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}
.sidebar-v5 .menu-group { margin-top: 6px; }
.sidebar-v5 .menu-group > .menu-title { padding-inline-end: 30px !important; }
.sidebar-v5 .menu-group > .menu-title::after {
    content: '' !important;
    width: 6px;
    height: 6px;
    position: absolute;
    inset-inline-end: 13px;
    left: auto;
    right: 13px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    color: #8398b6 !important;
    transition: transform .18s ease !important;
}
html[dir="rtl"] .sidebar-v5 .menu-toggle::after { right: auto; left: 13px; transform: rotate(135deg); }
.sidebar-v5 .menu-group.open > .menu-title::after,
html[dir="rtl"] .sidebar-v5 .menu-group.open > .menu-title::after { transform: rotate(45deg) !important; color: var(--nav-gold) !important; }
.sidebar-v5 .menu-group.open > .menu-title { color: #f4f6fb !important; }
.sidebar-v5 .submenu {
    margin: 2px 0 8px 21px;
    padding: 0 0 0 9px !important;
    border-inline-start: 1px solid #859fc226;
    background: transparent !important;
}
html[dir="rtl"] .sidebar-v5 .submenu { margin: 2px 21px 8px 0; padding: 0 9px 0 0 !important; }
.sidebar-v5 .submenu li a,
html[dir="rtl"] .sidebar-v5 .submenu li a {
    display: block !important;
    padding: 10px 12px !important;
    margin: 3px 0;
    border: 1px solid transparent !important;
    border-radius: 7px;
    color: var(--nav-text) !important;
    font-size: 12px !important;
    line-height: 1.65;
    text-align: start;
    overflow-wrap: anywhere;
    text-decoration: none;
}
.sidebar-v5 .menu a:hover,
.sidebar-v5 .menu-group > .menu-title:hover { background: #859fc212 !important; color: #f4f6fb !important; }
.sidebar-v5 .menu a.active,
html[dir="rtl"] .sidebar-v5 .menu a.active {
    background: linear-gradient(110deg, #243b5e, #1c3355) !important;
    border-color: #c8a87340 !important;
    color: #edcd8d !important;
    font-weight: 600 !important;
    box-shadow: inset 3px 0 #e4c184;
}
html[dir="rtl"] .sidebar-v5 .menu a.active { box-shadow: inset -3px 0 #e4c184; }
.sidebar-v5 :is(a, button):focus-visible { outline: 2px solid var(--nav-gold) !important; outline-offset: 2px; }
.sidebar-v5 .sidebar-icon { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-v5 .sidebar-tools { margin-top: 10px; padding-top: 10px; border-top: 1px solid #859fc226; }
@media (max-width: 768px) {
    .sidebar.sidebar-v5 { box-shadow: 10px 0 35px #0b172c30; }
    html[dir="rtl"] .sidebar.sidebar-v5 { box-shadow: -10px 0 35px #0b172c30; }
    .sidebar-v5 .menu { padding-bottom: calc(32px + env(safe-area-inset-bottom)) !important; }
    .sidebar-v5 .submenu li a { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    .sidebar.sidebar-v5, .sidebar-v5 .menu a, .sidebar-v5 .menu-title, .sidebar-v5 .menu-title::after { transition: none !important; }
}

/* Date controls */
.acct-date-control{position:relative;display:block;width:100%;min-width:0}.acct-date-display{width:100%;box-sizing:border-box;direction:ltr!important;text-align:left!important;padding-left:14px!important;padding-right:58px!important}.acct-date-native{position:absolute!important;left:0!important;top:0!important;width:1px!important;min-width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}.acct-date-picker{position:absolute;right:4px;top:4px;bottom:4px;width:48px;display:flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:#111827;cursor:pointer;z-index:4}.acct-date-picker:hover{background:rgba(37,99,235,.08);color:#1d4ed8}.acct-date-picker:focus-visible{outline:2px solid #2563eb;outline-offset:-2px;background:rgba(37,99,235,.08)}.acct-date-icon{position:relative;width:18px;height:17px;border:2px solid currentColor;border-radius:3px;color:inherit;pointer-events:none;box-sizing:border-box}.acct-date-icon:before{content:"";position:absolute;left:-2px;right:-2px;top:3px;border-top:2px solid currentColor}.acct-date-icon:after{content:"";position:absolute;left:3px;right:3px;top:-4px;height:4px;border-left:2px solid currentColor;border-right:2px solid currentColor}.acct-date-display.is-invalid{border-color:#dc2626!important;box-shadow:0 0 0 1px rgba(220,38,38,.12)}.acct-formatted-date{white-space:nowrap}
/* Export styles read by the report exporter. */
@media acct-report-export {
/* BEGIN purchasing-report-export */

        body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#111827;}
        h2{margin:0 0 8px 0;color:#0f172a;}
        h3{margin:22px 0 0 0;background:#e0f2fe;padding:8px;border:1px solid #bae6fd;color:#0f172a;}
        .meta{margin:4px 0 12px 0;color:#334155;}
        table{border-collapse:collapse;margin-bottom:18px;}
        th{background:#f3f4f6;font-weight:bold;color:#111827;}
        th,td{border:1px solid #cbd5e1;padding:6px;white-space:nowrap;}
        .num{text-align:right;mso-number-format:"#,##0.00";}
        .int{text-align:right;mso-number-format:"0";}
        .txt{mso-number-format:"\@";}
        .total{background:#fef3c7;font-weight:bold;}
        .note{background:#f8fafc;border:1px solid #e2e8f0;padding:8px;margin:8px 0 14px 0;}
    
/* END purchasing-report-export */
}



/* Transfer shortfall controls remain on the existing Transfers page. */
:where(html[data-style-page="stock-transfers"]) .tf-shortfall-row{grid-template-columns:minmax(0,1fr);min-width:0}
:where(html[data-style-page="stock-transfers"]) .tf-shortfall-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:12px;align-items:end;min-width:0}
:where(html[data-style-page="stock-transfers"]) .tf-shortfall-form label{display:grid;gap:6px;min-width:0}
:where(html[data-style-page="stock-transfers"]) .tf-shortfall-form input,:where(html[data-style-page="stock-transfers"]) .tf-shortfall-form select{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:700px){:where(html[data-style-page="stock-transfers"]) .tf-shortfall-form{grid-template-columns:minmax(0,1fr)}:where(html[data-style-page="stock-transfers"]) .tf-shortfall-form button{width:100%}}