:root {
            --brand-primary: #2563EB;
            --brand-primary-light: #93C5FD;
            --brand-primary-soft: #DBEAFE;
            --brand-primary-deep: #1E3A8A;
            --brand-sidebar-dark: #0F1E3A;
            --brand-primary-rgb: 37, 99, 235;
            --bg-primary: #020617;
            --bg-secondary: #0f172a;
            --bg-tertiary: #1e293b;
            --surface: rgba(255, 255, 255, 0.06);
            --surface-strong: rgba(255, 255, 255, 0.10);
            --surface-soft: rgba(255, 255, 255, 0.04);
            --border: rgba(255, 255, 255, 0.10);
            --border-soft: rgba(255, 255, 255, 0.08);
            --text-primary: #ffffff;
            --text-secondary: #cbd5e1;
            --text-muted: #94a3b8;
            --cyan: #22d3ee;
            --sky: #0ea5e9;
            --blue: rgba(var(--brand-primary-rgb), .84);
            --amber: #fbbf24;
            --orange: #f97316;
            --emerald: #10b981;
            --emerald-deep: #059669;
            --danger: #f87171;
            --shadow-deep: none;
            --shadow-soft: none;
            --radius-xl: 24px;
            --radius-lg: 20px;
            --radius-pill: 999px;
            --workspace-surface: rgba(255, 255, 255, 0.96);
            --workspace-surface-soft: rgba(248, 251, 255, 0.98);
            --workspace-border: rgba(216, 225, 240, 0.92);
            --workspace-border-strong: rgba(206, 219, 241, 0.98);
            --workspace-shadow: none;
            --workspace-title: #162847;
            --workspace-text: #1c2948;
            --workspace-copy: #516685;
            --workspace-copy-strong: #516685;
            --workspace-muted: #516685;
            --workspace-radius-card: 16px;
            --workspace-radius-control: 10px;
            --workspace-radius-chip: 999px;
            --workspace-head-icon-size: 56px;
            --workspace-control-height: 46px;
            --workspace-control-height-compact: 38px;
            --workspace-page-title-size: 1.75rem;
            --workspace-page-copy-size: 0.9375rem;
            --workspace-label-size: 0.875rem;
            --workspace-label-spacing: 0.025em;
            --workspace-button-font-size: 0.9375rem;
            --workspace-base-size: 1rem;
            --workspace-input-size: 1rem;
            --workspace-section-title-size: 1.25rem;
            --workspace-table-size: 0.9375rem;
            --workspace-meta-size: 0.8125rem;
            --workspace-kpi-label-size: 0.875rem;
            --workspace-kpi-value-size: 22px;
            --workspace-action-size: 38px;
            --workspace-side-panel-width: 27%;
            --workspace-side-panel-tablet-width: 27%;
        }

/* Reusable catalog and item presentation; geometry is owned by operational components. *//* items/partials/show-styles.blade.php — component presentation, shared authority. */
.item-show-shell .catalog-form-top-actions {align-items:center;justify-content:flex-end;flex:0 0 auto;margin-left:auto;white-space:nowrap;}
.item-show-shell .catalog-form-page-btn {white-space:nowrap;text-decoration:none;}
.item-show-shell .catalog-form-primary-btn {white-space:nowrap;text-decoration:none;}
.item-show-head {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;}
.item-show-copy {display:flex;align-items:center;gap:1rem;min-width:0;}
.item-show-copy-head {align-items:flex-start;gap:1.15rem;}
.item-show-icon {flex-shrink:0;}
.item-show-title-row {display:flex;align-items:center;gap:0.8rem;flex-wrap:wrap;}
.item-show-type-badge {display:inline-flex;align-items:center;padding:0.52rem 1rem;border-radius:999px;border:1px solid rgba(202, 217, 243, 0.95);background:rgba(255, 255, 255, 0.96);color:#2d4368;font-size:var(--workspace-meta-size);font-weight:600;line-height:1;}
.item-show-actions {display:inline-flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.item-show-stats {display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:0.9rem;}
.item-show-stat {border:1px solid var(--workspace-border-strong);border-radius:20px;padding:0.86rem 0.96rem;background:#fff;min-height:82px;}
.item-show-stat-label {margin:0 0 0.42rem;}
.item-show-stat-value {margin:0;font-size:var(--workspace-table-size);line-height:1.18;font-weight:700;color:var(--workspace-title);}
.item-show-stat-value.small {font-size:var(--workspace-meta-size);line-height:1.34;}
.item-show-stat-value.tiny {font-size:var(--workspace-table-size);line-height:1.32;}
.item-show-grid {display:grid;grid-template-columns:minmax(0, 2fr) minmax(310px, 0.92fr);gap:1rem;}
.item-show-table-title {margin:0;font-size:var(--workspace-table-size);font-weight:700;color:var(--workspace-title);letter-spacing:var(--workspace-label-spacing);text-transform:uppercase;line-height:1.18;}
.item-show-stack {display:grid;gap:0.9rem;}
.item-show-shell .table-card {border-radius:var(--workspace-radius-card);overflow:hidden;}
.item-show-shell .content-card {border-radius:var(--workspace-radius-card);overflow:hidden;}
.item-show-table-head {display:flex;justify-content:space-between;align-items:center;gap:0.85rem;margin-bottom:0.9rem;}
.item-show-shell .content-card .text-muted.small {font-size:var(--workspace-meta-size);line-height:1.42;color:var(--workspace-copy) !important;}
.item-show-shell .table-card .text-muted.small {font-size:var(--workspace-meta-size);line-height:1.42;color:var(--workspace-copy) !important;}
.item-show-shell .content-card .fw-semibold {font-size:var(--workspace-page-copy-size);line-height:1.35;color:var(--workspace-title);}
.item-show-shell .table-card .fw-semibold {font-size:var(--workspace-table-size);line-height:1.35;color:var(--workspace-title);}
.item-show-shell .table:not(.operation-table) > :not(caption) > * > * {padding-top:0.95rem;padding-bottom:0.95rem;}
.item-show-shell .table thead th {text-transform:uppercase;letter-spacing:var(--workspace-label-spacing);font-weight:700;color:var(--workspace-muted);border-bottom-color:rgba(221, 229, 244, 0.95);white-space:nowrap;}
.item-show-shell .table tbody td {color:#334968;border-bottom-color:rgba(228, 234, 246, 0.95);}
.item-show-shell .table tbody tr:last-child td {border-bottom-color:transparent;}
.item-show-shell .table td .small.text-muted {display:block;margin-top:0.18rem;}
.item-show-inline-actions {display:inline-flex;gap:0.55rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.item-show-inline-actions form {margin:0;}.item-show-shell .item-show-inline-btn {text-decoration:none;white-space:nowrap;}
.item-show-shell .catalog-index-page-btn {text-decoration:none;}
.item-show-shell .d-grid a + a {margin-top:0.25rem;}
@media (max-width: 1199.98px) {
.item-show-stats {grid-template-columns:repeat(3, minmax(0, 1fr));}
.item-show-grid {grid-template-columns:1fr;}


}
@media (max-width: 767.98px) {
.item-show-shell .catalog-form-top-actions {justify-content:flex-start;margin-left:0;}
.item-show-copy {align-items:flex-start;}
.item-show-stats {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 575.98px) {
.item-show-stats {grid-template-columns:1fr;}


}

/* catalogs/partials/catalog-form-styles.blade.php — component presentation, shared authority. */
.catalog-form-note-icon {width:var(--workspace-head-icon-size);height:var(--workspace-head-icon-size);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 var(--workspace-head-icon-size);background:rgba(var(--brand-primary-rgb), .08);border:1px solid rgba(var(--brand-primary-rgb), .16);color:var(--brand-primary);}
.catalog-form-page-btn {white-space:nowrap;text-decoration:none;}
.catalog-form-primary-btn {white-space:nowrap;text-decoration:none;}
.catalog-form-grid {display:grid;gap:1rem 1.2rem;grid-template-columns:minmax(0, 0.62fr) minmax(0, 0.88fr);align-items:start;}
.catalog-form-grid.catalog-form-grid-3 {grid-template-columns:minmax(0, 0.34fr) minmax(0, 0.46fr) minmax(0, 0.6fr);}
.catalog-form-grid.catalog-form-grid-supplier {grid-template-columns:minmax(0, 0.56fr) minmax(0, 0.88fr);}
.catalog-form-field .form-label {margin-bottom:0.65rem;}
.catalog-form-switch-label {margin-bottom:0.65rem;}


.catalog-form-description {margin-top:0.65rem;}
.catalog-form-field textarea::placeholder {color:var(--workspace-muted);}
.catalog-form-switch-wrap {display:flex;flex-direction:column;justify-content:center;min-height:100%;}
.catalog-form-switch {display:flex;align-items:center;gap:0.85rem;}
.catalog-form-switch .form-check-input {width:4.4rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background-color:#22c55e;border-color:#22c55e;box-shadow:none !important;background-image:none;position:relative;}
.catalog-form-switch .form-check-input::after {content:'\F633';font-family:"bootstrap-icons";position:absolute;top:50%;right:0.35rem;transform:translateY(-50%);width:1.45rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background:#ffffff;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:var(--workspace-input-size);font-weight:700;}
.catalog-form-switch .form-check-input:not(:checked) {background-color:#cbd5e1;border-color:#cbd5e1;}
.catalog-form-switch .form-check-input:not(:checked)::after {content:'';left:0.35rem;right:auto;}
.catalog-form-switch-copy {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-helper {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-helper {margin-top:0.7rem;}
.catalog-form-note {margin-top:1.2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border-radius:20px;background:linear-gradient(180deg, #f8fbff 0%, #f3f8ff 100%);border:1px solid var(--workspace-border-strong);}
.catalog-form-note-main {display:flex;align-items:flex-start;gap:1rem;flex:1 1 460px;min-width:0;}
.catalog-form-note-title {margin:0;color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;}
.catalog-form-note-copy {margin:0.3rem 0 0;color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-actions {align-self:center;}
@media (max-width: 1199.98px) {
.catalog-form-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-grid.catalog-form-grid-3 {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-grid.catalog-form-grid-supplier {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.catalog-form-note-icon {width:44px;height:44px;flex-basis:44px;border-radius:14px;font-size:1.05rem;}
.catalog-form-grid {grid-template-columns:1fr;}
.catalog-form-grid.catalog-form-grid-3 {grid-template-columns:1fr;}
.catalog-form-grid.catalog-form-grid-supplier {grid-template-columns:1fr;}
.catalog-form-note {border-radius:16px;}


}

/* catalogs/partials/catalog-index-styles.blade.php — component presentation, shared authority. */
.catalog-index-card-icon {width:var(--workspace-head-icon-size);height:var(--workspace-head-icon-size);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 var(--workspace-head-icon-size);background:rgba(var(--brand-primary-rgb), .08);border:1px solid rgba(var(--brand-primary-rgb), .16);color:var(--brand-primary);}
.catalog-index-amber {background:#fff7e8;color:#d97706;border-color:#fde68a;}
.catalog-index-import-form {display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.catalog-index-page-btn {white-space:nowrap;text-decoration:none;}
.catalog-index-primary-btn {white-space:nowrap;text-decoration:none;}
.catalog-index-import-control {display:inline-flex;align-items:center;overflow:hidden;min-height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);border:1px solid var(--workspace-border-strong);background:rgba(255,255,255,0.95);}
.catalog-index-import-trigger {display:inline-flex;align-items:center;}
.catalog-index-import-name {display:inline-flex;align-items:center;min-height:var(--workspace-control-height);padding:0 1rem;font-size:var(--workspace-table-size);}
.catalog-index-import-trigger {gap:0.55rem;border-right:1px solid rgba(230, 236, 246, 0.95);margin:0;}
.catalog-index-import-name {min-width:230px;color:var(--workspace-muted);}
.catalog-index-import-input {display:none;}
.catalog-index-info-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);box-shadow:var(--workspace-shadow);}
.catalog-index-info-card {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.catalog-index-info-copy {display:flex;align-items:center;gap:1rem;}
.catalog-index-table-wrap {border-top:0;}
.catalog-index-table {border-collapse:collapse;}
.catalog-index-table thead th {color:var(--workspace-muted);letter-spacing:var(--workspace-label-spacing);text-transform:uppercase;font-weight:700;padding:0.95rem 0.25rem 0.85rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);}
.catalog-index-table thead th:first-child {padding-left:0.3rem;}
.catalog-index-table tbody td:first-child {padding-left:0.3rem;}
.catalog-index-table thead th:last-child {padding-right:0.3rem;}
.catalog-index-table tbody td:last-child {padding-right:0.3rem;}
.catalog-index-table tbody td {padding:0.95rem 0.25rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);vertical-align:middle;color:var(--workspace-text);}
.catalog-index-row {display:flex;align-items:center;gap:0.85rem;}
.catalog-index-name {color:var(--workspace-title);font-size:var(--workspace-table-size);font-weight:700;margin:0;}
.catalog-index-subtext {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.4;}
.catalog-index-muted {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-index-status-pill {display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;min-height:30px;border-radius:999px;padding:0.25rem 0.8rem;font-size:var(--workspace-meta-size);font-weight:700;white-space:nowrap;}
.catalog-index-status-pill::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px;}
.catalog-index-status-pill.active {background:rgba(220, 252, 231, 0.95);color:#16a34a;}
.catalog-index-status-pill.inactive {background:rgba(241, 245, 249, 0.95);color:#64748b;}
.catalog-index-table-actions {display:inline-flex;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;}
.catalog-index-ghost-btn {min-height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;font-size:var(--workspace-button-font-size);font-weight:700;padding-inline:0.9rem;text-decoration:none;box-shadow:none;}.catalog-index-danger-btn {text-decoration:none;}

.catalog-index-ghost-btn {background:rgba(255,255,255,0.95);border:1px solid var(--workspace-border-strong);color:#3d5680;}
.catalog-index-table-footer {padding-top:0.95rem;}
.catalog-index-tabs {display:inline-flex;align-items:center;gap:0.65rem;flex-wrap:wrap;margin-bottom:1rem;}
.catalog-index-tab-btn {min-height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);padding:0.55rem 1rem;background:rgba(255,255,255,0.96);border:1px solid var(--workspace-border-strong);color:#35507b;font-size:var(--workspace-button-font-size);font-weight:700;box-shadow:none;}
.catalog-index-tab-btn.active {background:linear-gradient(180deg, rgba(var(--brand-primary-rgb), .84) 0%, var(--brand-primary) 100%);border-color:var(--brand-primary);color:#fff;}
@media (max-width: 1199.98px) {
.catalog-index-info-card {align-items:stretch;}


}
@media (max-width: 767.98px) {
.catalog-index-info-copy {flex-direction:column;}
.catalog-index-import-form {width:100%;}
.catalog-index-import-control {width:100%;}
.catalog-index-import-name {min-width:0;flex:1 1 auto;}


}

/* Shared operational composition for every operational view. */
.app-authenticated .app-main-content .operation-head-actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; justify-content:flex-end; margin-left:auto; min-width:0; }
.app-authenticated .app-main-content .operation-table-card { padding:0; }
.app-authenticated .app-main-content .operation-shell :is(.form-control,.form-select,.searchable-select-trigger) { min-width:0; max-width:100%;}
.app-authenticated .app-main-content .operation-shell .form-check { min-height:44px; display:flex; align-items:center; gap:.5rem; }
.app-authenticated .app-main-content .operation-filter-bar { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; padding:1rem; margin:0; min-width:0; border:1px solid var(--workspace-border); border-radius:16px; background:var(--workspace-surface); }
.operation-filter-bar > :is(input,select,.searchable-select,.searchable-select-container,.ts-wrapper,.catalog-index-search) { flex:1 1 180px; width:auto; min-width:0; max-width:100%; }
.operation-filter-bar > input[name="q"] { flex:2 1 260px; }
.operation-filter-bar > div { min-width:0; max-width:100%; }
.operation-filter-bar > div:has(> .form-control,> .form-select,> .ts-wrapper) { flex:1 1 180px; }
.operation-filter-bar > .d-flex { flex:1; }
.operation-filter-bar .d-flex > :is(input,select,.searchable-select) { flex:1 1 160px; min-width:0; width:auto; }
.app-authenticated .app-main-content .operation-list-row { display:grid; grid-template-columns:40px minmax(200px,1fr) repeat(2,minmax(100px,auto)) auto 18px; gap:.8rem; align-items:center; min-width:0; padding:1rem; color:var(--workspace-text); text-decoration:none; border-bottom:1px solid var(--workspace-border); font-size:var(--workspace-table-size); }
.app-authenticated .app-main-content :is(.order-row,.invoice-row).operation-list-row { grid-template-columns:minmax(135px,.6fr) minmax(200px,1fr) repeat(2,minmax(110px,auto)) auto 18px; }
.operation-list-row > span { min-width:0; overflow-wrap:anywhere; }
.operation-list-row :is(strong,b) { display:block; font-weight:700; line-height:1.4; }
.operation-list-row small { display:block; color:var(--workspace-muted); font-size:var(--workspace-meta-size); line-height:1.4; }
.operation-list-stat :is(b,strong) { white-space:nowrap; font-variant-numeric:tabular-nums; }
.app-authenticated .app-main-content .operation-row-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; }
/* Table rows: decorative item icons are hidden globally to preserve content width. Action icons remain visible. */
.app-authenticated .app-main-content .operation-table :is(.operation-row-icon,.receipts-row-icon,.production-row-icon) { display:none!important; }
.app-authenticated .app-main-content .operation-kpi-value.operation-info-value { font-size:var(--workspace-base-size); overflow-wrap:anywhere; }
.operation-wide-values .operation-kpi-value { overflow-wrap:anywhere; }
.app-authenticated .app-main-content .operation-kpi-grid.operation-wide-values { grid-template-columns:repeat(2,minmax(0,1fr)); }
.app-authenticated .app-main-content .operation-wide-values .inventory-item-name { font-size:var(--workspace-base-size); }
.operation-shell .operation-table-wrap .operation-table-wrap { padding:0; }
@container(max-width:1100px) {
.app-authenticated .app-main-content .operation-kpi-grid.operation-money-grid:not(:where(.operation-wide-values)) { grid-template-columns:repeat(2,minmax(0,1fr)); }


}
@container(max-width:760px) {
 .app-authenticated .app-main-content .operation-kpi-grid.operation-wide-values { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:1199.98px) {
.app-authenticated .app-main-content .operation-list-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
.app-authenticated .app-main-content :is(.order-row,.invoice-row).operation-list-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
.operation-list-row > .operation-row-icon { grid-column:1; }
.operation-list-row > .commercial-primary { grid-column:2; }
.operation-list-row > .operation-status { justify-self:start;}
.operation-list-row > i { justify-self:end; }
.operation-head-actions { width:auto; flex:0 0 auto; }
.operation-shell :is(.order-info,.invoice-info) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.operation-shell :is(.order-line,.invoice-line) { grid-template-columns:minmax(0,1fr) repeat(2,minmax(100px,auto)); }


}
@media(max-width:767.98px) {
.app-authenticated .app-main-content .operation-filter-bar > :is(input,select,.searchable-select,.searchable-select-container,.ts-wrapper,.catalog-index-search,.d-flex) { flex-basis:100%; width:100%; }
.operation-filter-bar .d-flex > :is(input,select,.searchable-select) { flex-basis:100%; width:100%; }
.app-authenticated .app-main-content .operation-list-row { padding:.75rem; gap:.65rem; }
.app-authenticated .app-main-content :is(.order-row,.invoice-row).operation-list-row { padding:.75rem; gap:.65rem; }
.operation-shell :is(.order-info,.invoice-info) { grid-template-columns:minmax(0,1fr); }

}

/* Three factual KPIs retain their count without an empty desktop column. */
.app-authenticated .app-main-content .operation-kpi-grid.operation-three-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
.operation-kpi-card > :is(.users-chevron,.access-chevron) { display:none; }
.operation-filter-bar > .input-group { flex:1; width:100%; }
.operation-filters :is(.event-search,.event-date) { position:relative; min-width:0; }
.operation-filters :is(.event-search,.event-date) > i { position:absolute; left:1rem; top:50%; transform:translateY(-50%); color:var(--workspace-muted); pointer-events:none; }
.operation-filters :is(.event-search,.event-date) > input { padding-left:2.7rem; }
@media(max-width:1199.98px) {
.app-authenticated .app-main-content .operation-kpi-grid.operation-three-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
.operation-filters .event-search { grid-column:1 / 3; }
.operation-filters .event-filter-actions { grid-column:3; grid-row:1 / span 3; align-self:start; }
.operation-filters .event-filter { grid-column:1 / 3; }


}
@media(max-width:767.98px) {
.operation-filters .event-date { grid-column:1 / 3; }
.operation-filters .event-filter-actions { grid-row:1 / span 5; }


}

/* CANONICAL COMPONENT CONTRACT. Views supply content and composition, not component skins. */
.app-authenticated {
 --operation-primary-bg:linear-gradient(180deg,rgba(var(--brand-primary-rgb), .84),var(--brand-primary));
 --operation-primary-hover:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.72),var(--brand-primary));
 --operation-primary-shadow:none;
 --operation-field-border:#d7e3f4;
 --operation-success-fg:#15803d; --operation-success-bg:#ecfdf5; --operation-success-border:#bbf7d0;
 --operation-warning-fg:#c2410c; --operation-warning-bg:#fff7ed; --operation-warning-border:#fed7aa;
 --operation-danger-fg:#dc2626; --operation-danger-bg:#fef2f2; --operation-danger-border:#fecaca;
 --operation-info-fg:var(--brand-primary); --operation-info-bg:rgba(var(--brand-primary-rgb), .08); --operation-info-border:rgba(var(--brand-primary-rgb),.24);
 --operation-neutral-fg:#475569; --operation-neutral-bg:#f1f5f9; --operation-neutral-border:#d7e3f4;
}
.app-authenticated .app-main-content :is(.operation-button,:where(.operation-shell) .btn:not(:where(.table-action-icon))) {

 box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-width:44px; min-height:46px; height:auto; padding:.65rem 1.15rem;
 font-family:inherit; font-size:var(--workspace-button-font-size); font-weight:700; line-height:1.4; letter-spacing:-.01em; text-decoration:none; text-transform:none; text-shadow:0 1px 0 rgba(15,23,42,.18);
 border:1px solid var(--operation-button-border,#d7e3f4); border-radius:var(--workspace-radius-control); color:var(--operation-button-fg,#475569); background:var(--operation-button-bg,#fff); box-shadow:var(--operation-button-shadow,none);
 cursor:pointer; transform:none; transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease; white-space:normal;
}
.app-authenticated .app-main-content :is(.operation-button-primary,:where(.operation-shell) .btn-primary:not(:where(.operation-button-primary,.operation-button-secondary,.operation-button-outline,.operation-button-back,.operation-button-danger,.operation-button-success))) { --operation-button-bg:var(--operation-primary-bg); --operation-button-hover:var(--operation-primary-hover); --operation-button-fg:#fff; --operation-button-border:var(--brand-primary); --operation-button-shadow:var(--operation-primary-shadow); }
.app-authenticated .app-main-content :is(.operation-button-outline,:where(.operation-shell) .btn-outline-primary:not(:where(.operation-button-primary,.operation-button-secondary,.operation-button-outline,.operation-button-back,.operation-button-danger,.operation-button-success))) { --operation-button-bg:#fff; --operation-button-hover:rgba(var(--brand-primary-rgb), .08); --operation-button-fg:var(--brand-primary); --operation-button-border:rgba(var(--brand-primary-rgb),.24); }
.app-authenticated .app-main-content .operation-button-back { --operation-button-bg:#fff; --operation-button-hover:#f1f5f9; --operation-button-fg:#475569; --operation-button-border:#d7e3f4; }
.app-authenticated .app-main-content :is(.operation-button-secondary,:where(.operation-shell) .btn-outline-secondary:not(:where(.operation-button-primary,.operation-button-secondary,.operation-button-outline,.operation-button-back,.operation-button-danger,.operation-button-success))) { --operation-button-bg:#fff; --operation-button-hover:#f1f5f9; --operation-button-fg:#475569; --operation-button-border:#d7e3f4; }
.app-authenticated .app-main-content :is(.operation-button-danger,:where(.operation-shell) .btn-outline-danger:not(:where(.operation-button-primary,.operation-button-secondary,.operation-button-outline,.operation-button-back,.operation-button-danger,.operation-button-success))) { --operation-button-bg:#fef2f2; --operation-button-hover:#fee2e2; --operation-button-fg:#dc2626; --operation-button-border:#fecaca; }
.app-authenticated .app-main-content :is(.operation-button-success,:where(.operation-shell) .btn-success:not(:where(.operation-button-primary,.operation-button-secondary,.operation-button-outline,.operation-button-back,.operation-button-danger,.operation-button-success))) { --operation-button-bg:#ecfdf5; --operation-button-hover:#dcfce7; --operation-button-fg:#15803d; --operation-button-border:#bbf7d0; }
.app-authenticated .app-main-content :is(.operation-button,:where(.operation-shell) .btn:not(:where(.table-action-icon))):hover { color:var(--operation-button-fg,#475569); background:var(--operation-button-hover,#f1f5f9); border-color:var(--operation-button-border,#d7e3f4); box-shadow:var(--operation-button-shadow,none); transform:none; }
.app-authenticated .app-main-content :is(.operation-button,:where(.operation-shell) .btn:not(:where(.table-action-icon))):focus-visible { outline:2px solid var(--brand-primary); outline-offset:2px; color:var(--operation-button-fg,#475569); background:var(--operation-button-hover,#f1f5f9); box-shadow:var(--operation-button-shadow,none); }
.app-authenticated .app-main-content :is(.operation-button,:where(.operation-shell) .btn:not(:where(.table-action-icon))):active { background:var(--operation-button-hover,#f1f5f9); color:var(--operation-button-fg,#475569); box-shadow:inset 0 2px 3px rgba(15,23,42,.16); transform:none; }
.app-authenticated .app-main-content :is(.operation-button,:where(.operation-shell) .btn:not(:where(.table-action-icon))):is(:disabled,[aria-disabled="true"],.disabled) { opacity:.65; cursor:not-allowed; pointer-events:none; background:var(--operation-button-bg,#fff); color:var(--operation-button-fg,#475569); box-shadow:none; transform:none; }
.operation-button :is(i,svg) { font-size:1rem; line-height:1; flex-shrink:0; }
.operation-button :is(i,span) { color:inherit; }

.operation-kpi-icon { background:rgba(var(--brand-primary-rgb), .08); color:var(--brand-primary); }
.operation-kpi-icon:is(.green,.completed,.approved,.success,.available,.paid) { background:#ecfdf5; color:#15803d; }
.operation-kpi-icon:is(.orange,.warning,.pending,.low) { background:#fff7ed; color:#c2410c; }
.operation-kpi-icon:is(.red,.danger,.cancelled,.expired) { background:#fef2f2; color:#dc2626; }
.operation-kpi-icon:is(.purple,.violet) { background:#f5f3ff; color:#7c3aed; }
.app-authenticated .app-main-content .operation-reset { width:46px; height:46px; min-width:46px; min-height:46px; padding:0; box-shadow:none; }
.app-authenticated .app-main-content .operation-label,
.app-authenticated .app-main-content .operation-shell label:not(:where(.operation-button,.operation-file-trigger)) { display:block; color:var(--workspace-copy); font-size:14px; font-weight:600; line-height:1.4; letter-spacing:var(--workspace-label-spacing); text-transform:none; margin-bottom:.4rem; }
.app-authenticated .app-main-content .operation-shell .input-group-text,
.app-authenticated .app-main-content :is(.operation-input:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .form-control:not(:where(.ts-wrapper)),:where(.operation-shell) .form-select:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .searchable-select-trigger,:where(.operation-shell) .ts-control) {
 box-sizing:border-box; width:100%; max-width:100%; min-width:0; height:46px; min-height:46px; padding:.62rem .82rem; font-family:inherit; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:normal;
 color:var(--workspace-text); background-color:#fff; border:1px solid var(--operation-field-border); border-radius:10px; box-shadow:none; caret-color:var(--brand-primary); transition:border-color .18s ease,box-shadow .18s ease;
}
.app-authenticated .app-main-content :is(.operation-input:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .form-control:not(:where(.ts-wrapper)),:where(.operation-shell) .form-select:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .searchable-select-trigger):hover { border-color:rgba(var(--brand-primary-rgb),.24); }
.app-authenticated .app-main-content :is(.operation-input:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .form-control:not(:where(.ts-wrapper)),:where(.operation-shell) .form-select:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .searchable-select-trigger):focus { background-color:#fff; color:var(--workspace-text); border-color:var(--brand-primary); outline:2px solid var(--brand-primary); outline-offset:2px; box-shadow:none; }
.app-authenticated .app-main-content :is(.operation-input:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .form-control:not(:where(.ts-wrapper)),:where(.operation-shell) .form-select:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .searchable-select-trigger)::placeholder { font-size:16px; color:var(--workspace-copy); opacity:1; }
.app-authenticated .app-main-content :is(.operation-input:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .form-control:not(:where(.ts-wrapper)),:where(.operation-shell) .form-select:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .searchable-select-trigger):is(:disabled,[aria-disabled="true"]) { color:var(--workspace-muted); background-color:#f1f5f9; border-color:var(--operation-field-border); opacity:1; cursor:not-allowed; }
.app-authenticated .app-main-content :is(.operation-input:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .form-control:not(:where(.ts-wrapper)),:where(.operation-shell) .form-select:not(:where(.ts-hidden-accessible,.ts-wrapper)),:where(.operation-shell) .searchable-select-trigger):is(.is-invalid,[aria-invalid="true"]) { border-color:#dc2626; outline-color:#dc2626; }
.app-authenticated .app-main-content .operation-shell .invalid-feedback { font-size:14px; color:#dc2626; line-height:1.4; }
.app-authenticated .app-main-content textarea:is(.operation-input,:where(.operation-shell) .form-control) { height:auto; min-height:92px; resize:vertical; }
.app-authenticated .app-main-content :is(.operation-search,.operation-field-icon) { position:relative; display:block; min-width:0; width:100%; height:46px; min-height:46px; padding:0; background:transparent; border:0; border-radius:10px; box-shadow:none; }
.app-authenticated .app-main-content :is(.operation-search,.operation-field-icon) > i { position:absolute; left:1rem; top:50%; transform:translateY(-50%); z-index:1; pointer-events:none; color:var(--workspace-muted); font-size:1rem; line-height:1; }
.app-authenticated .app-main-content :is(.operation-search,.operation-field-icon) > :is(.operation-input:not(:where(.ts-hidden-accessible,.ts-wrapper)),.form-control) { padding-left:2.7rem; }
.operation-filter-bar > .operation-search { flex:2 1 260px; }
.app-authenticated .app-main-content .operation-shell select.operation-input:not(:where(.ts-hidden-accessible,.ts-wrapper)) { padding-right:2.7rem; background-image:var(--bs-form-select-bg-img); background-repeat:no-repeat; background-position:right .82rem center; background-size:16px 12px; }
.app-authenticated .app-main-content .operation-shell :is(.ts-wrapper,.listbox-shell) { position:relative; box-sizing:border-box; width:100%; max-width:100%; min-width:0; padding:0; border:0; border-radius:10px; background:none; box-shadow:none; height:46px; min-height:46px; }
.app-authenticated .app-main-content :where(.operation-shell) .ts-control { --ts-pr-min:3.75rem; --ts-pr-caret:0px; --ts-pr-clear-button:0px; border-width:1px !important; border-style:solid !important; border-color:var(--operation-select-border,var(--operation-field-border)) !important; padding-right:3.75rem; display:flex; align-items:center; flex-wrap:nowrap; overflow:hidden; }
.app-authenticated .app-main-content .operation-shell .listbox-shell > select { margin:0; padding-right:3.75rem; background-image:none; }
.operation-shell .ts-wrapper.single .ts-control::after { content:none; display:none; }
.operation-shell :is(.listbox-shell:has(> select:disabled),.ts-wrapper.disabled)::before { background:#f1f5f9; }
.operation-shell :is(.listbox-shell:has(> select:disabled),.ts-wrapper.disabled)::after { border-color:var(--workspace-muted); }
.app-authenticated .app-main-content .operation-shell .ts-control:hover { --operation-select-border:rgba(var(--brand-primary-rgb),.24); }
:where(.operation-shell) .ts-control > input { font-size:16px; line-height:1.5; color:var(--workspace-text); }
.app-authenticated .app-main-content .operation-shell .ts-wrapper.focus .ts-control { --operation-select-border:var(--brand-primary); border-color:var(--brand-primary); outline:2px solid var(--brand-primary); outline-offset:2px; box-shadow:none; }
.app-authenticated .app-main-content .operation-shell .ts-wrapper.disabled { opacity:1; }
.app-authenticated .app-main-content .operation-shell .ts-wrapper.is-invalid .ts-control { --operation-select-border:#dc2626; }
.app-authenticated .app-main-content .operation-shell .ts-wrapper.disabled .ts-control { --operation-select-border:var(--operation-field-border); background:#f1f5f9; color:var(--workspace-muted); cursor:not-allowed; }
.app-authenticated .app-main-content .operation-shell .input-group-text { display:flex; align-items:center; width:auto; flex:0 0 auto; background:#f8fafc; }
.operation-shell .input-group { flex-wrap:nowrap; min-width:0; }
.operation-shell .input-group > .operation-input { flex:1 1 0; width:1%; }
/* A file chooser is an action inside a field, not a field label. */
.app-authenticated .app-main-content .operation-shell .operation-file-control { display:flex; align-items:center; min-width:0; width:100%; height:46px; border:1px solid var(--operation-field-border); border-radius:10px; background:#fff; overflow:hidden; }
.app-authenticated .app-main-content .operation-shell .operation-file-trigger { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:.5rem; align-self:stretch; min-height:44px; margin:0; padding:0 .82rem; border:0; border-right:1px solid var(--operation-field-border); border-radius:0; background:#f8fafc; color:var(--workspace-copy); font-size:var(--workspace-button-font-size); font-weight:600; line-height:1.4; cursor:pointer; }
.app-authenticated .app-main-content .operation-shell .operation-file-trigger:hover { background:rgba(var(--brand-primary-rgb), .08); }
.operation-file-control:focus-within { outline:2px solid var(--brand-primary); outline-offset:2px; }
.operation-file-name { flex:1; min-width:0; padding:0 .82rem; color:var(--workspace-copy); font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-authenticated .app-main-content .operation-status {

 display:inline-flex; align-items:center; gap:.4rem; min-height:28px; padding:.35rem .65rem; border:1px solid var(--operation-status-border,var(--operation-neutral-border)); border-radius:999px; font-size:13px; font-weight:700; line-height:1.4; letter-spacing:0; text-transform:none; white-space:nowrap; color:var(--operation-status-fg,var(--operation-neutral-fg)); background:var(--operation-status-bg,var(--operation-neutral-bg)); box-shadow:none;
}
.operation-status:is(.success,.good,.approved,.completed,.active,.paid,.available,.operation-status-success) { --operation-status-fg:var(--operation-success-fg); --operation-status-bg:var(--operation-success-bg); --operation-status-border:var(--operation-success-border); }
.operation-status:is(.warning,.warn,.pending,.draft,.low,.operation-status-warning) { --operation-status-fg:var(--operation-warning-fg); --operation-status-bg:var(--operation-warning-bg); --operation-status-border:var(--operation-warning-border); }
.operation-status:is(.danger,.red,.cancelled,.expired,.operation-status-danger) { --operation-status-fg:var(--operation-danger-fg); --operation-status-bg:var(--operation-danger-bg); --operation-status-border:var(--operation-danger-border); }
.operation-status:is(.info,.blue,.confirmed,.prepared,.operation-status-primary,.operation-status-info) { --operation-status-fg:var(--operation-info-fg); --operation-status-bg:var(--operation-info-bg); --operation-status-border:var(--operation-info-border); }
.app-authenticated .app-main-content .operation-notice { padding:1rem; border-radius:16px; min-width:0; font-size:var(--workspace-page-copy-size); line-height:1.5; color:var(--workspace-copy); background:#fff; border:1px solid var(--workspace-border); }
.app-authenticated .app-main-content .operation-notice.alert-warning { color:var(--operation-warning-fg); background:var(--operation-warning-bg); border-color:var(--operation-warning-border); }
.app-authenticated .app-main-content .operation-notice.alert-danger { color:var(--operation-danger-fg); background:var(--operation-danger-bg); border-color:var(--operation-danger-border); }
.app-authenticated .app-main-content .operation-notice.alert-success { color:var(--operation-success-fg); background:var(--operation-success-bg); border-color:var(--operation-success-border); }
.app-authenticated .app-main-content .operation-notice.alert-info { color:var(--operation-info-fg); background:var(--operation-info-bg); border-color:var(--operation-info-border); }
.app-authenticated .app-main-content .operation-shell .page-link { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; font-size:13px; line-height:1.4; padding:.55rem .8rem; border:1px solid var(--workspace-border); background:#fff; color:var(--workspace-copy); border-radius:10px; box-shadow:none; }
.operation-shell .pagination { flex-wrap:nowrap; gap:.35rem; margin:0; white-space:nowrap; max-width:100%; overflow-x:auto; padding:3px; }
.app-authenticated .app-main-content .operation-shell .page-link:hover { background:rgba(var(--brand-primary-rgb), .08); color:var(--brand-primary); }
.app-authenticated .app-main-content .operation-shell .page-link:focus-visible { outline:2px solid var(--brand-primary); outline-offset:2px; box-shadow:none; }
.app-authenticated .app-main-content .operation-shell .page-item.active .page-link { background:var(--brand-primary); color:#fff; border-color:var(--brand-primary); }
.app-authenticated .app-main-content .operation-shell .page-item.disabled .page-link { background:#f1f5f9; color:var(--workspace-muted); cursor:not-allowed; }
/* Tabs navigate a panel; button tokens intentionally do not participate. */
.app-authenticated .app-main-content .operation-shell :is(.operation-tabs,.receipt-mode-tabs,.product-form-tabs,.recipe-yield-tabs,.catalog-index-tabs,.sales-event-tabs,:where([role="tablist"])) ,
.app-authenticated .app-main-content .operation-shell :where(div,nav):has(> .operation-tab) { display:flex; align-items:stretch; flex-wrap:nowrap; gap:.25rem; min-width:0; max-width:100%; margin:0 0 1rem; padding:0; border:0; border-bottom:1px solid var(--workspace-border); border-radius:0; background:transparent; overflow-x:auto; overflow-y:hidden; }
.app-authenticated .app-main-content :is(.operation-tab,.recipe-yield-tab,.product-form-tab,.catalog-tab-btn,.sales-event-tab,.receipt-mode-tab) { box-sizing:border-box; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:.5rem; min-height:46px; min-width:max-content; margin:0; padding:.7rem 1rem; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; background-image:none; color:var(--workspace-copy); font-family:inherit; font-size:var(--workspace-button-font-size); font-weight:600; line-height:1.4; white-space:nowrap; box-shadow:none; transform:none; }
.app-authenticated .app-main-content :is(.operation-tab,.recipe-yield-tab,.product-form-tab,.catalog-tab-btn,.sales-event-tab,.receipt-mode-tab):is(.active,.is-active,[aria-selected="true"]) { background:transparent; color:var(--brand-primary); border-bottom-color:var(--brand-primary); box-shadow:none; }
.app-authenticated .app-main-content :is(.operation-tab,.recipe-yield-tab,.product-form-tab,.catalog-tab-btn,.sales-event-tab,.receipt-mode-tab):hover:not(:disabled) { background:#f8fafc; color:var(--brand-primary); box-shadow:none; }
.app-authenticated .app-main-content :is(.operation-tab,.recipe-yield-tab,.product-form-tab,.catalog-tab-btn,.sales-event-tab,.receipt-mode-tab):focus-visible { outline:2px solid var(--brand-primary); outline-offset:-3px; }
.app-authenticated .app-main-content :is(.operation-tab,.recipe-yield-tab,.product-form-tab,.catalog-tab-btn,.sales-event-tab,.receipt-mode-tab):disabled { color:var(--workspace-muted); cursor:not-allowed; opacity:.65; }
.app-authenticated .app-main-content .receipt-mode-tab { display:block; text-align:left; }
.app-authenticated .app-main-content .receipt-mode-tab small { display:block; margin-top:.2rem; font-size:13px; font-weight:400; color:inherit; }
.app-authenticated .app-main-content .operation-empty { padding:2rem 1rem; color:var(--workspace-muted); text-align:center; font-size:15px; line-height:1.5; }
.app-authenticated .app-main-content .operation-form-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:.75rem; padding-top:1rem; border-top:1px solid var(--workspace-border); }
@media(max-width:767.98px) {
 .app-authenticated .app-main-content .operation-dock-action { display:none; }
 .app-authenticated .app-main-content .operation-list-row { grid-template-columns:40px minmax(0,1fr); }
 .app-authenticated .app-main-content .operation-filter-bar > .operation-search { flex-basis:100%; }
 .operation-form-actions > .operation-button { flex:1 1 auto; }
}

/* Shared form and stacked-record variants use the same operational tokens. */
.app-authenticated .app-main-content .operation-button { text-decoration:none;}
.app-authenticated .app-main-content .operation-form-card { background:var(--workspace-surface); border:1px solid var(--workspace-border); border-radius:16px; box-shadow:var(--workspace-shadow); padding:1rem; min-width:0; }
.app-authenticated .app-main-content .operation-section-title { margin:0; color:var(--workspace-title); font-size:var(--workspace-section-title-size); font-weight:700; line-height:1.3; }
.app-authenticated .app-main-content .operation-description { margin:.25rem 0 0; color:var(--workspace-copy); font-size:var(--workspace-page-copy-size); line-height:1.5; }
.app-authenticated .app-main-content .operation-form-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1rem; }
.operation-form-grid > .operation-field { grid-column:span 3; min-width:0; }
.operation-form-grid > .operation-field-wide { grid-column:span 6; }
.operation-form-grid > .operation-field-full { grid-column:1 / -1; }
.app-authenticated .app-main-content .operation-shell :is(.operation-field label,.operation-filters label) { display:block; font-size:var(--workspace-label-size); font-weight:600; color:var(--workspace-copy); letter-spacing:var(--workspace-label-spacing); text-transform:none; margin-bottom:.4rem; }
.app-authenticated .app-main-content .operation-field textarea.form-control { resize:vertical;}
.operation-compact-table { --operation-table-min-width:620px; }
.operation-stack-table td { overflow-wrap:anywhere; }
.operation-stack-table :is(.operation-number,.operation-money,.inventory-number) { white-space:nowrap; overflow-wrap:normal; font-variant-numeric:tabular-nums; }
@media(max-width:1199.98px) {
.operation-form-grid > .operation-field { grid-column:span 6; }


}
@media(max-width:767.98px) {
.operation-form-grid > .operation-field { grid-column:1 / -1; }
.app-authenticated .app-main-content .operation-stack-table tbody tr { grid-template-columns:repeat(2,minmax(0,1fr)); }
.app-authenticated .app-main-content .operation-stack-table tbody td:first-child { grid-column:1 / -1; }
.app-authenticated .app-main-content .operation-stack-table tbody td.operation-number { grid-column:1 / -1; }
.app-authenticated .app-main-content .operation-table.operation-stack-table tbody td::before { display:block; content:attr(data-label); position:static; width:auto; color:var(--workspace-muted); font-size:var(--workspace-meta-size); line-height:1.4; font-weight:600; letter-spacing:0; text-transform:none; margin-bottom:.2rem; }
.app-authenticated .app-main-content .operation-stack-table tbody td.inventory-action { grid-column:1 / -1; display:flex; justify-content:flex-end; gap:.5rem; align-items:center; }
.app-authenticated .app-main-content .operation-stack-table tbody td[colspan] { grid-column:1 / -1; }


}

/* Operational reference components: Dashboard, Receipts and Production. */
.app-authenticated .app-main-content .operation-shell { display:grid; width:100%; max-width:none; margin:0; gap:1rem; min-width:0; --operation-gap:1rem; container-type:inline-size; }
.app-authenticated .app-main-content .operation-page-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:nowrap; margin:0; }
.app-authenticated .app-main-content .operation-head-main { display:flex; align-items:center; gap:1rem; min-width:0; }
.operation-head-main > div { min-width:0; }
.operation-shell > * { min-width:0; max-width:100%; }
.app-authenticated .app-main-content .operation-page-icon { width:56px; height:56px; min-height:56px; flex:0 0 56px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center; background:rgba(var(--brand-primary-rgb), .08); color:var(--brand-primary); border:1px solid rgba(var(--brand-primary-rgb),.24); font-size:1.5rem; }
.app-authenticated .app-main-content .operation-title { margin:0; color:var(--workspace-title); font-size:var(--workspace-page-title-size); font-weight:700; letter-spacing:-.015em; line-height:1.2; text-transform:none; }
.app-authenticated .app-main-content .operation-copy { margin:.25rem 0 0; color:var(--workspace-copy); font-size:var(--workspace-page-copy-size); line-height:1.5; }
.app-authenticated .app-main-content .operation-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--operation-gap); }
.app-authenticated .app-main-content .operation-kpi-card { color:var(--workspace-text); font-size:16px; font-weight:400; line-height:1.5; display:flex; align-items:center; gap:.75rem; padding:1rem; min-width:0; min-height:136px; background:var(--workspace-surface); border:1px solid var(--workspace-border); border-radius:16px; box-shadow:var(--workspace-shadow); }
.app-authenticated .app-main-content .operation-kpi-card > div:not(.operation-kpi-icon) { min-width:0; flex:1; display:flex; flex-direction:column; }
.app-authenticated .app-main-content .operation-kpi-icon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 40px; border-radius:12px; font-size:1.25rem; }
.app-authenticated .app-main-content .operation-kpi-label { order:1; color:var(--workspace-muted); font-size:var(--workspace-kpi-label-size); font-weight:700; line-height:1.3; letter-spacing:0; text-transform:none; margin:0 0 .25rem; overflow-wrap:anywhere; }
.app-authenticated .app-main-content .operation-kpi-value { order:2; color:var(--workspace-title); font-size:var(--workspace-kpi-value-size); font-weight:700; line-height:1.2; margin:0 0 .25rem; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.app-authenticated .app-main-content .operation-kpi-value.operation-money { white-space:nowrap; overflow-wrap:normal; }
.app-authenticated .app-main-content .operation-kpi-copy { order:3; color:var(--workspace-copy); font-size:var(--workspace-page-copy-size); line-height:1.4; margin:0; overflow-wrap:anywhere; }
.app-authenticated .app-main-content .operation-kpi-card > .dashboard-action-arrow { display:none; }
.app-authenticated .app-main-content .operation-table-card { background:var(--workspace-surface); border:1px solid var(--workspace-border); border-radius:16px; box-shadow:var(--workspace-shadow); min-width:0; overflow:hidden; }
.app-authenticated .app-main-content .operation-filters { display:grid; grid-template-columns:minmax(200px,1.5fr) repeat(var(--operation-filter-count,3),minmax(130px,1fr)) 46px; gap:.75rem; padding:1rem; align-items:center; }
.operation-filters > div { position:relative; min-width:0; }
.operation-filters :is(.receipts-search,.receipts-date,.production-filter-search,.production-date,.inventory-search) > i { position:absolute; left:1rem; top:50%; transform:translateY(-50%); color:var(--workspace-muted); pointer-events:none; }
.operation-filters :is(.receipts-search,.receipts-date,.production-filter-search,.production-date,.inventory-search) > input { padding-left:2.7rem; }
.app-authenticated .app-main-content .operation-primary { white-space:nowrap; text-decoration:none;}
.app-authenticated .app-main-content .operation-cta.operation-button { white-space:nowrap; text-decoration:none;}
.app-authenticated .app-main-content .operation-table-wrap { padding:0 1rem .5rem; overflow-x:auto; }
.app-authenticated .app-main-content .operation-table { border-collapse:collapse; border-spacing:0; margin-bottom:0; min-width:var(--operation-table-min-width,850px); width:100%; }
.operation-table :is(.receipts-date-main,.production-col-date .operation-row-title,.production-col-total,.production-col-price,.production-qty) { white-space:nowrap; }
.app-authenticated .app-main-content .operation-table thead th { background:rgba(13,110,253,.07); box-shadow:none; color:var(--workspace-muted); font-size:var(--workspace-label-size); font-weight:700; letter-spacing:var(--workspace-label-spacing); text-transform:uppercase; padding:1rem .8rem; white-space:nowrap; }
.app-authenticated .app-main-content .operation-table tbody td { color:var(--workspace-text); font-size:var(--workspace-table-size); padding:.95rem .8rem; vertical-align:middle; border-bottom:1px solid var(--workspace-border); }
.app-authenticated .app-main-content .operation-row-title { color:var(--workspace-title); font-size:var(--workspace-table-size); font-weight:700; line-height:1.3; overflow-wrap:anywhere; }
.app-authenticated .app-main-content .operation-meta { color:var(--workspace-muted); font-size:var(--workspace-meta-size); line-height:1.4; }
.app-authenticated .app-main-content .operation-status { white-space:nowrap;}
.app-authenticated .app-main-content .operation-information-badge { white-space:normal; max-width:100%; min-width:0; overflow-wrap:anywhere; font-size:var(--workspace-meta-size); line-height:1.4; }
.operation-information-badge > span { min-width:0; }
.operation-status.operation-information-badge::before { content:none; display:none; }
.operation-status::before { content:''; width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:currentColor; }
.app-authenticated .app-main-content .operation-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:.75rem; padding:1rem; color:var(--workspace-muted); font-size:var(--workspace-meta-size); }
.operation-footer > span { min-width:0; }
.operation-footer .pagination { margin:0; flex:0 0 auto; flex-wrap:nowrap; }
@media(max-width:1199.98px) {
.app-authenticated .app-main-content .operation-shell { --operation-gap:.75rem; }
.app-authenticated .app-main-content .operation-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.app-authenticated .app-main-content .operation-filters { grid-template-columns:repeat(2,minmax(0,1fr)) 46px; }
.operation-filters :is(.receipts-search,.production-filter-search,.inventory-search) { grid-column:1 / 3; }
.operation-filters :is(.receipts-toolbar-actions,.production-reset-btn,.inventory-clear,.kx-refresh) { grid-column:3; grid-row:1 / span 3; align-self:start; }
.operation-filters .receipts-filter { grid-column:1 / 3; }
.app-authenticated .app-main-content .operation-shell .table-action-icon { width:44px; height:44px; min-width:44px; min-height:44px; }
.app-authenticated .app-main-content .operation-footer .page-link { min-width:44px; min-height:44px; height:auto; font-size:var(--workspace-meta-size); }


}
@media(min-width:768px) {
.app-authenticated .app-main-content .operation-mobile-card-cell { display:none!important; }
}

@media(max-width:767.98px) {
.app-authenticated .app-main-content .operation-page-head { align-items:flex-start; flex-wrap:wrap; }
.app-authenticated .app-main-content .operation-head-actions { width:100%; }
.app-authenticated .app-main-content .operation-head-main { gap:.65rem; }
.app-authenticated .app-main-content .operation-page-icon { width:44px; height:44px; min-height:44px; flex-basis:44px; border-radius:13px; font-size:1.25rem; }
.app-authenticated .app-main-content .operation-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.375rem; }
.app-authenticated .app-main-content .operation-kpi-grid.operation-money-grid:not(:where(.operation-wide-values)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.app-authenticated .app-main-content .operation-kpi-card { flex-direction:column; justify-content:flex-start; text-align:center; padding:.6rem .2rem; gap:.4rem; min-height:124px; box-shadow:none; border-radius:12px; }
.app-authenticated .app-main-content .operation-kpi-card > div:not(.operation-kpi-icon) { width:100%; }
.app-authenticated .app-main-content .operation-kpi-icon { width:34px; height:34px; flex-basis:34px; border-radius:10px; font-size:1rem; }
.app-authenticated .app-main-content .operation-kpi-value { order:1; }
.app-authenticated .app-main-content .operation-kpi-label { order:2; margin:0; }
.app-authenticated .app-main-content .operation-kpi-copy { display:none; }
.operation-filters :is(.receipts-date,.production-date) { grid-column:1 / 3; }
.operation-filters :is(.receipts-toolbar-actions,.production-reset-btn,.inventory-clear,.kx-refresh) { grid-row:1 / span 5; }
.app-authenticated .app-main-content .operation-table-wrap { padding:0 .65rem .5rem; overflow:visible; }
.app-authenticated .app-main-content .operation-table { display:block; min-width:0; width:100%; }
.operation-table thead { display:none; }
.operation-table tbody { display:grid; gap:.45rem; }
.app-authenticated .app-main-content .operation-table tbody tr { display:grid; gap:.45rem; padding:.7rem; border:1px solid #e1e8f3; border-radius:var(--workspace-radius-card); background:#fff; min-width:0; }
.app-authenticated .app-main-content .operation-table tbody td { display:block; width:auto; min-width:0; padding:0; border:0; position:static; text-align:left; }
.app-authenticated .app-main-content .operation-table tbody td::before { content:none; display:none; }
.app-authenticated .app-main-content .operation-mobile-card-cell { display:block!important; padding:0!important; }
.app-authenticated .app-main-content .operation-table tbody tr:has(.operation-mobile-card-cell) { display:block!important; padding:0!important; border:0!important; background:transparent!important; }
.app-authenticated .app-main-content .operation-table tbody tr:has(.operation-mobile-card-cell) > td:not(.operation-mobile-card-cell) { display:none!important; }
.app-authenticated .app-main-content .operation-mobile-card { padding:.7rem; border:1px solid #e1e8f3; border-radius:var(--workspace-radius-card); background:#fff; }
.app-authenticated .app-main-content .operation-mobile-card-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.65rem; align-items:start; }
.app-authenticated .app-main-content .operation-mobile-card-copy { min-width:0; }
.app-authenticated .app-main-content .operation-mobile-card-values { display:grid; grid-template-columns:auto auto minmax(0,1fr); align-items:center; justify-content:start; gap:1rem; margin-top:5px; padding-top:5px; padding-bottom:5px; border-top:1px solid #e8edf5; }
.app-authenticated .app-main-content .operation-mobile-card-values > div:not(.table-action-group) { display:flex; align-items:baseline; gap:.25rem; white-space:nowrap; }
.app-authenticated .app-main-content .operation-mobile-card-values span { font-size:var(--workspace-meta-size); line-height:1; font-weight:600; color:var(--workspace-muted); text-transform:uppercase; }
.app-authenticated .app-main-content .operation-mobile-card-values strong { font-size:var(--workspace-table-size); line-height:1.25; font-weight:700; color:var(--workspace-copy-strong); }
.app-authenticated .app-main-content .operation-mobile-card-values .table-action-group { justify-self:end; justify-content:flex-end; }
.app-authenticated .app-main-content .operation-mobile-card-footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.65rem; padding-top:5px; border-top:1px solid #e8edf5; }
.app-authenticated .app-main-content .operation-mobile-card-footer .table-action-group { justify-self:end; justify-content:flex-end; }
.app-authenticated .app-main-content .operation-table .operation-row-title { font-size:var(--workspace-table-size); font-weight:800; line-height:1.25; color:var(--workspace-title); }
.app-authenticated .app-main-content .operation-table .operation-meta { margin-top:.12rem; font-size:var(--workspace-meta-size); line-height:1.25; color:var(--workspace-copy); }
.app-authenticated .app-main-content .operation-table .operation-mobile-values { display:grid; grid-template-columns:repeat(3,auto); align-items:center; justify-content:space-between; gap:.45rem; margin-top:.05rem; padding-top:.45rem; padding-bottom:.45rem; border-top:1px solid #e8edf5; }
.app-authenticated .app-main-content .operation-table .operation-mobile-values > * { min-width:0; }
.app-authenticated .app-main-content .operation-table .operation-mobile-label { font-size:var(--workspace-meta-size); line-height:1; font-weight:600; color:var(--workspace-muted); text-transform:uppercase; letter-spacing:0; }
.app-authenticated .app-main-content .operation-table .operation-mobile-value { font-size:var(--workspace-table-size); line-height:1.25; color:var(--workspace-copy-strong); white-space:nowrap; }
.app-authenticated .app-main-content .operation-table .operation-mobile-value:last-child { font-weight:800; color:var(--workspace-title); }
.app-authenticated .app-main-content .operation-table .table-action-group { display:flex; gap:.4rem; flex-wrap:wrap; justify-content:flex-end; }
.app-authenticated .app-main-content .operation-footer { padding:.75rem; flex-wrap:wrap; gap:.5rem; }
.app-authenticated .app-main-content .operation-footer > span { flex:1 1 100%; white-space:normal; font-size:var(--workspace-meta-size); }
.app-authenticated .app-main-content .operation-footer .pagination { flex:0 1 auto; flex-wrap:nowrap; gap:.25rem; }
.app-authenticated .app-main-content .operation-footer .page-link { min-width:44px; min-height:44px; padding:.45rem .65rem; }


}
@media (max-width: 1199.98px) {
.app-authenticated {
                --workspace-kpi-value-size: 24px;
                --workspace-button-font-size: 1rem;
                --workspace-page-title-size: 1.625rem;
                --workspace-action-size: 44px;
                --workspace-control-height-compact: 44px;
            }


}
@media (max-width: 767.98px) {
.app-authenticated {
                --workspace-page-title-size: 1.5rem;
                --workspace-section-title-size: 1.1875rem;
                --workspace-table-size: 1rem;
                --workspace-kpi-value-size: 18px;
            }


}

/* Shared icon actions. Geometry, semantic variants and states have one authority. */
.table-action-group { display:inline-flex; align-items:center; justify-content:flex-end; gap:.45rem; white-space:nowrap; }
.table-action-group form { display:inline-flex; margin:0; }
.app-authenticated .app-main-content .table-action-icon { display:inline-flex; align-items:center; justify-content:center; width:var(--workspace-action-size); height:var(--workspace-action-size); min-width:var(--workspace-action-size); min-height:var(--workspace-action-size); padding:0; border:0; border-radius:10px; font-size:16px; line-height:1; text-decoration:none; color:var(--operation-action-fg,#475569); background:var(--operation-action-bg,rgba(71,85,105,.09)); box-shadow:none; cursor:pointer; transition:background-color .15s ease,opacity .15s ease; }
.table-action-icon i { font-size:16px; line-height:1; color:inherit; }
.table-action-view { --operation-action-fg:#7c3aed; --operation-action-bg:rgba(124,58,237,.09); }
.table-action-edit { --operation-action-fg:var(--brand-primary); --operation-action-bg:rgba(var(--brand-primary-rgb), .09); }
.table-action-review { --operation-action-fg:#0891b2; --operation-action-bg:rgba(8,145,178,.09); }
.table-action-delete { --operation-action-fg:#dc2626; --operation-action-bg:rgba(220,38,38,.08); }
.table-action-neutral { --operation-action-fg:#475569; --operation-action-bg:rgba(71,85,105,.09); }
.app-authenticated .app-main-content .table-action-icon:hover { filter:brightness(.94); }
.app-authenticated .app-main-content .table-action-icon:focus-visible { outline:2px solid var(--brand-primary); outline-offset:2px; }
.app-authenticated .app-main-content .table-action-icon:active { box-shadow:inset 0 2px 3px rgba(15,23,42,.16); }
.app-authenticated .app-main-content .table-action-icon:is(:disabled,.disabled,[aria-disabled="true"]) { opacity:.65; cursor:not-allowed; pointer-events:none; color:#64748b; background:#f1f5f9; box-shadow:none; }
html {
            min-height: 100%;
            margin: 0;
            padding: 0;
        }
body {
            min-height: 100%;
            margin: 0;
            padding: 0;
        }
body {
            background:
                radial-gradient(circle at top left, rgba(14, 165, 233, 0.24), transparent 26%),
                radial-gradient(circle at 85% 20%, rgba(245, 158, 11, 0.16), transparent 22%),
                linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 1));
            color: var(--text-primary);
            font-family: 'Figtree', sans-serif;
            letter-spacing: -0.01em;
        }
body.app-authenticated {
            overflow-x: hidden;
        }
body::before {
            content: '';
            position: fixed;
            inset: 0;
            pointer-events: none;
            background-image:
                linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px);
            background-size: 28px 28px;
            mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), transparent 90%);
        }
h1 {
            color: var(--text-primary);
            font-family: 'Figtree', sans-serif;
            font-weight: 800;
            letter-spacing: -0.03em;
        }
h2 {
            color: var(--text-primary);
            font-family: 'Figtree', sans-serif;
            font-weight: 800;
            letter-spacing: -0.03em;
        }
h3 {
            color: var(--text-primary);
            font-family: 'Figtree', sans-serif;
            font-weight: 800;
            letter-spacing: -0.03em;
        }
h4 {
            color: var(--text-primary);
            font-family: 'Figtree', sans-serif;
            font-weight: 800;
            letter-spacing: -0.03em;
        }
h5 {
            color: var(--text-primary);
            font-family: 'Figtree', sans-serif;
            font-weight: 800;
            letter-spacing: -0.03em;
        }
.brand-display {
            color: var(--text-primary);
            font-family: 'Figtree', sans-serif;
            font-weight: 800;
            letter-spacing: -0.03em;
        }
h1 { font-size: clamp(1.7rem, 2vw, 2rem); }
.h1 { font-size: clamp(1.7rem, 2vw, 2rem); }
h2 { font-size: clamp(1.35rem, 1.7vw, 1.55rem); }
.h2 { font-size: clamp(1.35rem, 1.7vw, 1.55rem); }
h3 { font-size: clamp(1.15rem, 1.4vw, 1.3rem); }
.h3 { font-size: clamp(1.15rem, 1.4vw, 1.3rem); }
h4 { font-size: 1.05rem; }
.h4 { font-size: 1.05rem; }
h5 { font-size: 0.98rem; }
.h5 { font-size: 0.98rem; }
a {
            color: var(--cyan);
            text-decoration: none;
        }
a:hover {
            color: #7dd3fc;
        }
.text-muted {
            color: var(--text-muted) !important;
        }
.app-shell {
            position: relative;
            z-index: 1;
            margin: 0 !important;
            padding: 0 !important;
            min-height: 100vh;
        }
.app-shell > .row {
            margin: 0 !important;
            padding: 0 !important;
            align-items: flex-start;
            min-height: 100vh;
        }
.glass-panel {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.stat-card {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.table-card {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.content-card {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.section-hero {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.topbar-chip {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.sidebar-brand {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.auth-card {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.dropdown-menu {
            position: relative;
            overflow: hidden;
            background: var(--surface);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-soft);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
        }
.glass-panel::before {
            content: '';
            position: absolute;
            inset: -20% auto auto -8%;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 70%);
            filter: blur(22px);
            pointer-events: none;
        }
.stat-card::before {
            content: '';
            position: absolute;
            inset: -20% auto auto -8%;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 70%);
            filter: blur(22px);
            pointer-events: none;
        }
.table-card::before {
            content: '';
            position: absolute;
            inset: -20% auto auto -8%;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 70%);
            filter: blur(22px);
            pointer-events: none;
        }
.content-card::before {
            content: '';
            position: absolute;
            inset: -20% auto auto -8%;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 70%);
            filter: blur(22px);
            pointer-events: none;
        }
.section-hero::before {
            content: '';
            position: absolute;
            inset: -20% auto auto -8%;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 70%);
            filter: blur(22px);
            pointer-events: none;
        }
.auth-card::before {
            content: '';
            position: absolute;
            inset: -20% auto auto -8%;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 70%);
            filter: blur(22px);
            pointer-events: none;
        }
.glass-panel::after {
            content: '';
            position: absolute;
            inset: auto -5% -25% auto;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(251, 191, 36, 0.12), transparent 72%);
            filter: blur(24px);
            pointer-events: none;
        }
.stat-card::after {
            content: '';
            position: absolute;
            inset: auto -5% -25% auto;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(251, 191, 36, 0.12), transparent 72%);
            filter: blur(24px);
            pointer-events: none;
        }
.table-card::after {
            content: '';
            position: absolute;
            inset: auto -5% -25% auto;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(251, 191, 36, 0.12), transparent 72%);
            filter: blur(24px);
            pointer-events: none;
        }
.content-card::after {
            content: '';
            position: absolute;
            inset: auto -5% -25% auto;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(251, 191, 36, 0.12), transparent 72%);
            filter: blur(24px);
            pointer-events: none;
        }
.section-hero::after {
            content: '';
            position: absolute;
            inset: auto -5% -25% auto;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(251, 191, 36, 0.12), transparent 72%);
            filter: blur(24px);
            pointer-events: none;
        }
.auth-card::after {
            content: '';
            position: absolute;
            inset: auto -5% -25% auto;
            width: 180px;
            height: 180px;
            border-radius: 999px;
            background: radial-gradient(circle, rgba(251, 191, 36, 0.12), transparent 72%);
            filter: blur(24px);
            pointer-events: none;
        }
.sidebar {
            min-height: 100vh;
            position: sticky;
            top: 0;
            margin-top: 0 !important;
            padding-top: 0 !important;
            align-self: stretch;
            background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary-deep) 34%,var(--brand-sidebar-dark)),color-mix(in srgb,var(--brand-primary-deep) 10%,var(--brand-sidebar-dark)));
            box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05);
        }
.sidebar-shell {
            min-height: 100vh;
            padding: 1.15rem 1rem 1rem;
        }
.sidebar > .d-flex.flex-column.h-100 {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
.sidebar-menu {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
.sidebar-brand {
            border-radius: 26px;
            padding: 15px 15px 16px;
            background: rgba(255, 255, 255, 0.05);
        }
.sidebar-kicker {
            text-transform: uppercase;
            letter-spacing: 0.18em;
            font-size: 0.72rem;
        }
.nav-section-title {
            text-transform: uppercase;
            letter-spacing: 0.18em;
            font-size: 0.72rem;
        }
.sidebar-kicker {
            color: rgba(203, 213, 225, 0.72);
        }
.nav-section-title {
            color: rgba(148, 163, 184, 0.72);
            margin: 1.35rem 0 0.55rem;
            padding: 0 0.2rem;
            font-weight: 700;
        }
.sidebar a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.65rem;
            padding: 0.62rem 0.8rem;
            border-radius: 16px;
            color: var(--text-secondary);
            transition: all 0.2s ease;
            font-size: 0.94rem;
        }
.sidebar a.active {
            color: var(--text-primary);
            background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.20), rgba(34, 211, 238, 0.12));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 24px rgba(2, 6, 23, 0.25);
            transform: translateX(2px);
        }
.sidebar a:hover {
            color: var(--text-primary);
            background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.20), rgba(34, 211, 238, 0.12));
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 24px rgba(2, 6, 23, 0.25);
            transform: translateX(2px);
        }
@media (min-width: 992px) {
.sidebar { background:linear-gradient(160deg,color-mix(in srgb,var(--brand-primary-deep) 26%,var(--brand-sidebar-dark)) 0%,color-mix(in srgb,var(--brand-primary-deep) 18%,var(--brand-sidebar-dark)) 48%,color-mix(in srgb,var(--brand-primary-deep) 10%,var(--brand-sidebar-dark)) 100%); box-shadow:inset -1px 0 rgba(var(--brand-primary-rgb),.16), 12px 0 32px rgba(5,21,48,.08); }
.sidebar-shell { padding:.9rem .75rem 1rem; }
.sidebar .sidebar-brand { margin:0 0 .8rem !important; padding:1rem !important; border-radius:18px; background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.20),rgba(255,255,255,.04)); border:1px solid rgba(var(--brand-primary-rgb),.20); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.sidebar .sidebar-kicker { color:var(--brand-primary); font-size:.66rem; }
.sidebar .sidebar-brand .fs-4 { font-size:1rem !important; }
.sidebar .sidebar-brand .small { font-size:.68rem; }
.sidebar .sidebar-menu { display:flex; flex-direction:column; gap:.42rem; }
.sidebar .sidebar-group { margin:0; }
.sidebar .nav-section-title { margin:.7rem .3rem .32rem; color:var(--brand-primary); font-size:.62rem; letter-spacing:.12em; }
.sidebar .sidebar-link { min-height:44px; margin:0; padding:.58rem .68rem; border-radius:13px; color:#dce9ff; font-size:.86rem; }
.sidebar .sidebar-link-main { gap:.62rem; }
.sidebar .sidebar-link-icon { width:29px; height:29px; display:grid; place-items:center; flex:0 0 29px; border-radius:9px; background:rgba(255,255,255,.07); color:rgba(var(--brand-primary-rgb),.32); opacity:1; }
.sidebar .sidebar-link.active { background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.88),var(--brand-primary)); color:#fff; box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),.25); transform:none; }
.sidebar .sidebar-link.active .sidebar-link-icon { background:rgba(255,255,255,.16); color:#fff; }
.sidebar .sidebar-link-meta { color:rgba(var(--brand-primary-rgb),.72); }
.sidebar .sidebar-submenu .sidebar-link { margin:0; }


}
.content-wrapper {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            margin: 0 !important;
            padding: 0 !important;
        }
.topbar {
            background: rgba(15, 23, 42, 0.42) !important;
            backdrop-filter: blur(18px);
            border-bottom-color: rgba(255, 255, 255, 0.06) !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            min-height: 86px;
        }
.app-main-content {
            flex: 1 1 auto;
            padding: 40px 1.25rem 1.25rem !important;
            margin: 0 !important;
        }
.app-main-content.app-main-content-no-top {
            padding-top: 0 !important;
        }
.topbar-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.6rem 0.95rem;
            border-radius: var(--radius-pill);
            color: var(--text-secondary);
            background: rgba(255, 255, 255, 0.05);
        }
.locale-switch {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 0;
            padding: 0.2rem;
            min-width: 84px;
            min-height: 36px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 8px 18px rgba(15,23,42,.05);
            overflow: hidden;
        }
.locale-switch .btn:not(.operation-button):not(:where(.operation-shell *)) {
            position: relative;
            z-index: 2;
            min-height: 32px;
            width: 40px;
            padding: 0;
            border-radius: 999px;
            font-size: 0.75rem;
            font-weight: 800;
            border: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            color: rgba(255, 255, 255, 0.72);
        }
.locale-switch::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 3px;
            width: 38px;
            height: 30px;
            border-radius: 999px;
            background: linear-gradient(180deg,rgba(var(--brand-primary-rgb),.72) 0%,rgba(var(--brand-primary-rgb),.86) 50%,var(--brand-primary) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.42),
                0 6px 14px rgba(54,123,184,0.22);
            transform: translateY(-50%);
            transition: transform .22s ease;
        }
.locale-switch.is-es::before {
            transform: translate(40px, -50%);
        }
.locale-switch .btn:not(.operation-button):not(:where(.operation-shell *)).is-active {
            color: #ffffff !important;
        }
.chip-dot {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: linear-gradient(135deg, var(--emerald), var(--cyan));
            box-shadow: 0 0 12px rgba(16, 185, 129, 0.45);
        }
.section-hero {
            border-radius: 24px;
        }
.stat-card {
            border-radius: 24px;
        }
.table-card {
            border-radius: 24px;
        }
.content-card {
            border-radius: 24px;
        }
.stat-card .card-body {
            position: relative;
            z-index: 1;
        }
.table-card .card-body {
            position: relative;
            z-index: 1;
        }
.content-card .card-body {
            position: relative;
            z-index: 1;
        }
.section-hero {
            position: relative;
            z-index: 1;
        }
.auth-form-panel {
            position: relative;
            z-index: 1;
        }
.stat-card .text-muted {
            color: var(--text-muted) !important;
        }
.table-card .text-muted {
            color: var(--text-muted) !important;
        }
.content-card .text-muted {
            color: var(--text-muted) !important;
        }
.section-hero .text-muted {
            color: var(--text-muted) !important;
        }
.table:not(.operation-table) > :not(caption) > * > * {
            border-color: rgba(255, 255, 255, 0.08) !important;}
.border-bottom {
            border-color: rgba(255, 255, 255, 0.08) !important;
        }
.table thead th {
            color: var(--text-muted);
            letter-spacing: 0.14em;
            text-transform: uppercase;
            font-weight: 800;}
.table tbody td {
            color: var(--text-primary);
            vertical-align: middle;}
.table tbody tr:hover {
            background: rgba(255, 255, 255, 0.03);}
.btn:not(.operation-button):not(:where(.operation-shell *)) {
            border-radius: 10px;
            font-weight: 700;
            letter-spacing: -0.01em;
            transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
        }
.btn-primary:not(.operation-button):not(:where(.operation-shell *)) {
            position: relative;
            border-width: 1px;
            box-shadow: none;
        }
.btn-bakery:not(.operation-button):not(:where(.operation-shell *)) {
            position: relative;
            border-width: 1px;
            box-shadow: none;
        }
.btn-outline-primary:not(.operation-button):not(:where(.operation-shell *)) {
            position: relative;
            border-width: 1px;
            box-shadow: none;
        }
.btn-outline-secondary:not(.operation-button):not(:where(.operation-shell *)) {
            position: relative;
            border-width: 1px;
            box-shadow: none;
        }
.btn-primary:not(.operation-button):not(:where(.operation-shell *)) {
            background: linear-gradient(180deg,rgba(var(--brand-primary-rgb),.72) 0%,rgba(var(--brand-primary-rgb),.86) 50%,var(--brand-primary) 100%);
            border-color: var(--brand-primary);
            color: #fff;
            text-shadow: 0 1px 0 rgba(15, 23, 42, 0.22);
        }
.btn-bakery:not(.operation-button):not(:where(.operation-shell *)) {
            background: linear-gradient(180deg,rgba(var(--brand-primary-rgb),.72) 0%,rgba(var(--brand-primary-rgb),.86) 50%,var(--brand-primary) 100%);
            border-color: var(--brand-primary);
            color: #fff;
            text-shadow: 0 1px 0 rgba(15, 23, 42, 0.22);
        }
.btn-primary:not(.operation-button):not(:where(.operation-shell *)):hover {
            color: #fff;
            transform: translateY(-1px);
            background: linear-gradient(180deg,rgba(var(--brand-primary-rgb),.62) 0%,rgba(var(--brand-primary-rgb),.78) 52%,var(--brand-primary) 100%);
            border-color: var(--brand-primary);
            box-shadow: none;
        }
.btn-primary:not(.operation-button):not(:where(.operation-shell *)):focus {
            color: #fff;
            transform: translateY(-1px);
            background: linear-gradient(180deg,rgba(var(--brand-primary-rgb),.62) 0%,rgba(var(--brand-primary-rgb),.78) 52%,var(--brand-primary) 100%);
            border-color: var(--brand-primary);
            box-shadow: none;
        }
.btn-bakery:not(.operation-button):not(:where(.operation-shell *)):hover {
            color: #fff;
            transform: translateY(-1px);
            background: linear-gradient(180deg,rgba(var(--brand-primary-rgb),.62) 0%,rgba(var(--brand-primary-rgb),.78) 52%,var(--brand-primary) 100%);
            border-color: var(--brand-primary);
            box-shadow: none;
        }
.btn-bakery:not(.operation-button):not(:where(.operation-shell *)):focus {
            color: #fff;
            transform: translateY(-1px);
            background: linear-gradient(180deg,rgba(var(--brand-primary-rgb),.62) 0%,rgba(var(--brand-primary-rgb),.78) 52%,var(--brand-primary) 100%);
            border-color: var(--brand-primary);
            box-shadow: none;
        }
.btn-primary:not(.operation-button):not(:where(.operation-shell *)):active {
            transform: translateY(1px);
            box-shadow: none;
        }
.btn-bakery:not(.operation-button):not(:where(.operation-shell *)):active {
            transform: translateY(1px);
            box-shadow: none;
        }
.btn-outline-primary:not(.operation-button):not(:where(.operation-shell *)):active {
            transform: translateY(1px);
            box-shadow: none;
        }
.btn-outline-secondary:not(.operation-button):not(:where(.operation-shell *)):active {
            transform: translateY(1px);
            box-shadow: none;
        }
.btn-outline-secondary:not(.operation-button):not(:where(.operation-shell *)) {
            background: linear-gradient(180deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.08) 100%);
            color: var(--text-secondary);
        }
.btn-outline-primary:not(.operation-button):not(:where(.operation-shell *)) {
            background: linear-gradient(180deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.08) 100%);
            color: var(--text-secondary);
        }
.btn-outline-secondary:not(.operation-button):not(:where(.operation-shell *)) {
            border-color: rgba(255, 255, 255, 0.16);
        }
.btn-outline-secondary:not(.operation-button):not(:where(.operation-shell *)):hover {
            background: linear-gradient(180deg, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.10) 100%);
            border-color: rgba(255, 255, 255, 0.22);
            color: var(--text-primary);
        }
.btn-outline-primary:not(.operation-button):not(:where(.operation-shell *)) {
            background: linear-gradient(180deg, rgba(125,211,252,0.18) 0%, rgba(var(--brand-primary-rgb), 0.10) 100%);
            border-color: rgba(34, 211, 238, 0.26);
            color: var(--cyan);
        }
.btn-outline-primary:not(.operation-button):not(:where(.operation-shell *)):hover {
            background: linear-gradient(180deg, rgba(125,211,252,0.24) 0%, rgba(var(--brand-primary-rgb), 0.14) 100%);
            border-color: rgba(34, 211, 238, 0.32);
            color: #b6f4fb;
        }
.badge:not(.operation-status):not(:where(.operation-shell *)) {
            border-radius: var(--radius-pill);
            letter-spacing: 0.12em;
            text-transform: uppercase;
            font-size: 0.72rem;
            font-weight: 800;
            padding: 0.45rem 0.75rem;
        }
.soft-badge:not(.operation-status):not(:where(.operation-shell *)) {
            border-radius: var(--radius-pill);
            letter-spacing: 0.12em;
            text-transform: uppercase;
            font-size: 0.72rem;
            font-weight: 800;
            padding: 0.45rem 0.75rem;
        }
.soft-badge:not(.operation-status):not(:where(.operation-shell *)) {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.08);
            color: var(--text-secondary);
        }
.badge:not(.operation-status):not(:where(.operation-shell *)).bg-success {
            background: linear-gradient(135deg, #10b981, #059669) !important;
            box-shadow: 0 12px 24px rgba(16, 185, 129, 0.22);
        }
.badge:not(.operation-status):not(:where(.operation-shell *)).bg-warning {
            background: linear-gradient(135deg, #fbbf24, #f97316) !important;
            color: #fff !important;
            box-shadow: 0 12px 24px rgba(249, 115, 22, 0.20);
        }
.badge:not(.operation-status):not(:where(.operation-shell *)).text-bg-warning {
            background: linear-gradient(135deg, #fbbf24, #f97316) !important;
            color: #fff !important;
            box-shadow: 0 12px 24px rgba(249, 115, 22, 0.20);
        }
.badge:not(.operation-status):not(:where(.operation-shell *)).bg-danger {
            background: linear-gradient(135deg, #fb7185, #ef4444) !important;
            box-shadow: 0 12px 24px rgba(239, 68, 68, 0.20);
        }
.alert-success {
            border-radius: 20px;
            border-width: 1px;
            backdrop-filter: blur(16px);
        }
.alert-danger {
            backdrop-filter: blur(16px);}
.alert-success {
            background: rgba(16, 185, 129, 0.10);
            border-color: rgba(16, 185, 129, 0.22);
            color: #d1fae5;
        }
.form-control:not(.operation-input):not(:where(.operation-shell *)) {
            border-radius: var(--workspace-radius-control);
            border-color: rgba(255, 255, 255, 0.10);
            padding: 0.62rem 0.82rem;
            background: rgba(255, 255, 255, 0.05);
            color: var(--text-primary);
            font-size: 0.91rem;
        }
.form-select:not(.operation-input):not(:where(.operation-shell *)) {
            border-radius: var(--workspace-radius-control);
            border-color: rgba(255, 255, 255, 0.10);
            padding: 0.62rem 0.82rem;
            background: rgba(255, 255, 255, 0.05);
            color: var(--text-primary);
            font-size: 0.91rem;
        }
.form-control:not(.operation-input):not(:where(.operation-shell *))::placeholder {
            color: rgba(148, 163, 184, 0.7);
        }
.form-control:not(.operation-input):not(:where(.operation-shell *)):focus {
            background: rgba(255, 255, 255, 0.07);
            border-color: rgba(34, 211, 238, 0.34);
            box-shadow: 0 0 0 0.25rem rgba(34, 211, 238, 0.12);
            color: var(--text-primary);
        }
.form-select:not(.operation-input):not(:where(.operation-shell *)):focus {
            background: rgba(255, 255, 255, 0.07);
            border-color: rgba(34, 211, 238, 0.34);
            box-shadow: 0 0 0 0.25rem rgba(34, 211, 238, 0.12);
            color: var(--text-primary);
        }
.lookup-select {
            background-repeat: no-repeat, no-repeat;
            background-position: right 0 top 0, right 0.9rem center;
            background-size: 2.4rem 100%, 14px 14px;}
select[data-searchable-select] {
            background-image: none !important;
            padding-right: 0.82rem !important;
        }
.form-check-input {
            background-color: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.18);
        }
.form-check-input:checked {
            background-color: var(--cyan);
            border-color: var(--cyan);
        }
.page-link {
            color: var(--text-secondary);
            background: rgba(255, 255, 255, 0.04);
            border-color: rgba(255, 255, 255, 0.08);
        }
.page-link:hover {
            color: #fff;
            background: linear-gradient(135deg, var(--brand-primary), #0ea5e9);
            border-color: transparent;
        }
.page-item.active .page-link {
            color: #fff;
            background: linear-gradient(135deg, var(--brand-primary), #0ea5e9);
            border-color: transparent;
        }
.workspace-shell {
            display: grid;
            gap: 1rem;
        }
.workspace-page-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 1rem;
            flex-wrap: wrap;
            padding: 0.1rem 0.1rem 0.35rem;
        }
.workspace-page-copy {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            min-width: 0;
        }
.workspace-head-icon {
            width: var(--workspace-head-icon-size);
            height: var(--workspace-head-icon-size);
            border-radius: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.35rem;
            flex: 0 0 var(--workspace-head-icon-size);
            background: rgba(var(--brand-primary-rgb), .08);
            border: 1px solid rgba(var(--brand-primary-rgb), .16);
            color: var(--brand-primary);
        }
.workspace-card-icon {
            width: var(--workspace-head-icon-size);
            height: var(--workspace-head-icon-size);
            border-radius: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.35rem;
            flex: 0 0 var(--workspace-head-icon-size);
            background: rgba(var(--brand-primary-rgb), .08);
            border: 1px solid rgba(var(--brand-primary-rgb), .16);
            color: var(--brand-primary);
        }
.workspace-note-icon {
            width: var(--workspace-head-icon-size);
            height: var(--workspace-head-icon-size);
            border-radius: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.35rem;
            flex: 0 0 var(--workspace-head-icon-size);
            background: rgba(var(--brand-primary-rgb), .08);
            border: 1px solid rgba(var(--brand-primary-rgb), .16);
            color: var(--brand-primary);
        }
.workspace-page-title {
            margin: 0;
            color: var(--workspace-title);
            font-size: var(--workspace-page-title-size);
            line-height: 1.2;
            font-weight: 700;
            letter-spacing: -0.015em;
            text-transform: none !important;
        }
.workspace-page-copytext {
            margin: 0.35rem 0 0;
            color: var(--workspace-copy);
            font-size: var(--workspace-page-copy-size);
            line-height: 1.45;
        }
.workspace-actions {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            flex-wrap: wrap;
        }
.workspace-actions form {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            flex-wrap: wrap;
        }
.workspace-page-btn {
            min-height: var(--workspace-control-height);
            border-radius: var(--workspace-radius-control);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            font-weight: 700;
            font-size: var(--workspace-button-font-size);
            white-space: nowrap;
            padding-inline: 1.1rem;
            text-decoration: none;
            box-shadow: none !important;
            transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
        }
.workspace-primary-btn {
            white-space: nowrap;
            text-decoration: none;}
.workspace-ghost-btn {
            min-height: var(--workspace-control-height);
            border-radius: var(--workspace-radius-control);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            font-weight: 700;
            font-size: var(--workspace-button-font-size);
            white-space: nowrap;
            padding-inline: 1.1rem;
            text-decoration: none;
            box-shadow: none !important;
            transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
        }
.workspace-danger-btn {
            min-height: var(--workspace-control-height);
            border-radius: var(--workspace-radius-control);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            font-weight: 700;
            font-size: var(--workspace-button-font-size);
            white-space: nowrap;
            padding-inline: 1.1rem;
            text-decoration: none;
            box-shadow: none !important;
            transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
        }
.workspace-tab-btn {
            min-height: var(--workspace-control-height);
            border-radius: var(--workspace-radius-control);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            font-weight: 700;
            font-size: var(--workspace-button-font-size);
            white-space: nowrap;
            padding-inline: 1.1rem;
            text-decoration: none;
            box-shadow: none !important;
            transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
        }
.workspace-page-btn {
            background: rgba(255,255,255,0.95);
            border: 1px solid var(--workspace-border-strong);
            color: #2f4469;
        }
.workspace-ghost-btn {
            background: rgba(255,255,255,0.95);
            border: 1px solid var(--workspace-border-strong);
            color: #2f4469;
        }
.workspace-tab-btn {
            background: rgba(255,255,255,0.95);
            border: 1px solid var(--workspace-border-strong);
            color: #2f4469;
        }
.workspace-danger-btn {
            min-height: var(--workspace-control-height-compact);
            padding-inline: 0.9rem;
            border-radius: 12px;
            background: rgba(255,255,255,0.96);
            border: 1px solid rgba(254, 202, 202, 0.95);
            color: #ef4444;
        }
.workspace-ghost-btn {
            min-height: var(--workspace-control-height-compact);
            padding-inline: 0.9rem;
            border-radius: 12px;
        }
.workspace-page-btn:hover {
            transform: translateY(-1px);
        }
.workspace-ghost-btn:hover {
            transform: translateY(-1px);
        }
.workspace-danger-btn:hover {
            transform: translateY(-1px);
        }
.workspace-tab-btn:hover {
            transform: translateY(-1px);
        }
.workspace-card {
            background: var(--workspace-surface);
            border: 1px solid var(--workspace-border);
            border-radius: var(--workspace-radius-card);
            box-shadow: var(--workspace-shadow);
        }
.workspace-info-card {
            background: var(--workspace-surface);
            border: 1px solid var(--workspace-border);
            border-radius: var(--workspace-radius-card);
            box-shadow: var(--workspace-shadow);
        }
.workspace-table-card {
            background: var(--workspace-surface);
            border: 1px solid var(--workspace-border);
            border-radius: var(--workspace-radius-card);
            box-shadow: var(--workspace-shadow);
        }
.workspace-form-card {
            background: var(--workspace-surface);
            border: 1px solid var(--workspace-border);
            border-radius: var(--workspace-radius-card);
            box-shadow: var(--workspace-shadow);
        }
.workspace-note {
            background: var(--workspace-surface);
            border: 1px solid var(--workspace-border);
            border-radius: var(--workspace-radius-card);
            box-shadow: var(--workspace-shadow);
        }
.workspace-info-card {
            padding: 1.25rem 1.35rem;
        }
.workspace-table-card {
            padding: 1.25rem 1.35rem;
        }
.workspace-form-card {
            padding: 1.25rem 1.35rem;
        }
.workspace-soft-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            min-height: 34px;
            padding: 0.35rem 0.85rem;
            border-radius: var(--workspace-radius-chip);
            background: rgba(245,248,255,.96);
            border: 1px solid var(--workspace-border-strong);
            color: #465d84;
            font-size: var(--workspace-meta-size);
            font-weight: 700;
        }

/* Reusable responsive primitives: components reflow by available space, not device model. */
.app-authenticated .responsive-grid {display:grid;gap:clamp(.75rem,1.2vw,1rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min,220px)),1fr))}
.app-authenticated .responsive-grid--wide {--grid-min:280px}
.app-authenticated .responsive-grid--compact {--grid-min:180px}
.app-authenticated .responsive-toolbar {display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}
.app-authenticated .responsive-toolbar > * {min-width:0}
.app-authenticated .responsive-toolbar .grow {flex:1 1 240px}
.app-authenticated .responsive-form-grid {display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.app-authenticated .responsive-panel-grid {display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.app-authenticated .responsive-actions {display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}
.app-authenticated :is(.card,.workspace-card,.content-card,.table-card,.stat-card) :is(input,select,textarea,.input-group) {max-width:100%}

/* Shared KPI collections: redistribute cards before reducing text. */
@media (max-width: 1199.98px) {
.app-authenticated .app-main-content :is(
                .dashboard-metrics-grid, .dashboard-commercial-grid,
                .receipts-metrics-grid, .production-card-grid, .inventory-kpi-grid
            ):not(.operation-kpi-grid) {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
                gap: 0.75rem;
            }


}
.workspace-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            flex-wrap: wrap;
            margin-bottom: 1rem;
        }
.workspace-search {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            min-width: min(100%, 560px);
            flex: 1 1 560px;
            min-height: var(--workspace-control-height);
            padding: 0 1rem;
            border-radius: var(--workspace-radius-control);
            border: 1px solid var(--workspace-border-strong);
            background: rgba(255,255,255,0.95);
            box-shadow: none !important;
        }
.workspace-search i {
            color: var(--workspace-copy);
            font-size: 1.05rem;
        }
.workspace-table-wrap {
            overflow-x: auto;
            border-top: 1px solid rgba(230, 236, 246, 0.9);
            margin-top: 0.55rem;
            padding-inline: 0.35rem;
        }


.workspace-section-kicker {
            color: var(--workspace-muted);
            font-size: var(--workspace-label-size);
            letter-spacing: var(--workspace-label-spacing);
            text-transform: uppercase;
            font-weight: 700;
        }








.workspace-title {
            margin: 0;
            color: var(--workspace-title);
            font-size: var(--workspace-section-title-size);
            line-height: 1.25;
            font-weight: 700;
            text-transform: none !important;
        }
.workspace-card-title {
            margin: 0;
            color: var(--workspace-title);
            font-size: var(--workspace-section-title-size);
            line-height: 1.25;
            font-weight: 700;
            text-transform: none !important;
        }
.workspace-copy {
            color: var(--workspace-copy);
            font-size: var(--workspace-page-copy-size);
            line-height: 1.45;
        }
.workspace-card-copy {
            color: var(--workspace-copy);
            font-size: var(--workspace-page-copy-size);
            line-height: 1.45;
        }
.workspace-helper {
            color: var(--workspace-copy);
            font-size: var(--workspace-page-copy-size);
            line-height: 1.45;
        }
.workspace-section-title {
            color: var(--workspace-title);
            font-size: var(--workspace-section-title-size);
            font-weight: 700;
            line-height: 1.18;
            margin: 0;
        }
@media (max-width: 767.98px) {
.workspace-page-head {
                flex-direction: column;
                align-items: flex-start;
            }
.workspace-page-copy {
                flex-direction: column;
                align-items: flex-start;
            }
.workspace-actions {
                flex-direction: column;
                align-items: flex-start;
            }
.workspace-actions {
                width: 100%;
            }
.workspace-actions form {
                width: 100%;
            }
.workspace-page-btn {
                width: 100%;
            }
.workspace-search {
                min-width: 0;
                flex-basis: 100%;
            }


}
.auth-shell {
            min-height: 100vh;
        }
.auth-frame {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem 1rem;
        }
.auth-card {
            width: 100%;
            max-width: 1120px;
            border-radius: 32px;
        }
.auth-brand {
            background:
                radial-gradient(circle at top left, rgba(14, 165, 233, 0.20), transparent 26%),
                radial-gradient(circle at 85% 20%, rgba(245, 158, 11, 0.14), transparent 22%),
                linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 1));
            color: #fff;
            position: relative;
        }
.auth-brand-inner {
            position: relative;
            z-index: 1;
        }
.auth-form-panel {
            position: relative;
            z-index: 1;
        }
.auth-kicker {
            letter-spacing: 0.18em;
            text-transform: uppercase;
            font-size: 0.75rem;
            color: rgba(255, 255, 255, 0.72);
            font-weight: 700;
        }
.auth-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.62rem 0.95rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.08);
            color: var(--text-secondary);
            font-size: 0.9rem;
        }
.auth-bullet {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: linear-gradient(135deg, var(--cyan), var(--amber));
            box-shadow: 0 0 12px rgba(34, 211, 238, 0.35);
        }
.auth-form-panel {
            background: rgba(15, 23, 42, 0.66);
            color: var(--text-primary);
            backdrop-filter: blur(22px);
        }
.auth-logo {
            width: 58px;
            height: 58px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.92);
            color: var(--bg-secondary);
            font-size: 1.35rem;
            font-weight: 800;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
        }
.text-link-bakery {
            color: var(--cyan);
            text-decoration: none;
            font-weight: 700;
        }
.text-link-bakery:hover {
            color: #7dd3fc;
        }
code {
            color: #e2e8f0;
            background: rgba(255, 255, 255, 0.08);
            padding: 0.15rem 0.35rem;
            border-radius: 0.45rem;
        }
@media (max-width: 991.98px) {
.auth-brand {
                min-height: 320px;
            }
.content-wrapper {
                min-height: auto;
            }
.topbar {
                padding-inline: 1rem !important;
            }
main.p-3 {
                padding: 1rem !important;
            }
main.p-xl-4 {
                padding: 1rem !important;
            }
.section-hero {
                border-radius: 18px;
            }
.content-card {
                border-radius: 18px;
            }
.table-card {
                border-radius: 18px;
            }
.stat-card {
                border-radius: 18px;
            }


}
@media (max-width: 767.98px) {
h1 { font-size: 1.45rem; }
.h1 { font-size: 1.45rem; }
h2 { font-size: 1.2rem; }
.h2 { font-size: 1.2rem; }
h3 { font-size: 1.05rem; }
.h3 { font-size: 1.05rem; }
.compact-stat {
                font-size: 1.3rem;
            }
.mobile-stack-table thead {
                display: none;
            }
.mobile-stack-table {
                display: block;
                width: 100%;
            }
.mobile-stack-table tbody {
                display: block;
                width: 100%;
            }
.mobile-stack-table tr {
                display: block;
                width: 100%;
            }
.mobile-stack-table td {
                display: block;
                width: 100%;
            }
.mobile-stack-table tr {
                padding: 0.85rem 0;
                border-bottom: 1px solid rgba(15, 23, 42, 0.08);
            }
.mobile-stack-table td {
                border: 0 !important;
                padding: 0.35rem 0 0.35rem 7rem !important;
                position: relative;
                min-height: 2rem;
                text-align: left !important;
            }
.mobile-stack-table td::before {
                content: attr(data-label);
                position: absolute;
                left: 0;
                top: 0.35rem;
                width: 6rem;
                color: #64748b;
                font-size: 0.72rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.08em;
            }


}
.content-wrapper {
            min-height: 100vh;
            color: #1d2a39;
            background:
                radial-gradient(circle at top left, rgba(14,165,233,.07), transparent 24%),
                radial-gradient(circle at 85% 10%, rgba(251,191,36,.10), transparent 20%),
                linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
        }
.content-wrapper h1 {
            color: #0f172a;
        }
.content-wrapper h2 {
            color: #0f172a;
        }
.content-wrapper h3 {
            color: #0f172a;
        }
.content-wrapper h4 {
            color: #0f172a;
        }
.content-wrapper h5 {
            color: #0f172a;
        }
.content-wrapper .brand-display {
            color: #0f172a;
        }
.content-wrapper {
            color: #1f2937;
        }
.content-wrapper .table tbody td {
            color: #1f2937;}
.content-wrapper .card-body {
            color: #1f2937;
        }
.content-wrapper {
            font-size: var(--workspace-base-size);
            line-height: 1.5;
        }
.content-wrapper h1 {
            font-size: var(--workspace-page-title-size);
            font-weight: 700 !important;
            letter-spacing: -0.018em;
            text-transform: none;
        }
.content-wrapper .h1 {
            font-size: var(--workspace-page-title-size);
            font-weight: 700 !important;
            letter-spacing: -0.018em;
            text-transform: none;
        }
.content-wrapper h2 {
            font-size: var(--workspace-section-title-size);
            font-weight: 700 !important;
            letter-spacing: -0.016em;
        }
.content-wrapper .h2 {
            font-size: var(--workspace-section-title-size);
            font-weight: 700 !important;
            letter-spacing: -0.016em;
        }
.content-wrapper h3 {
            font-size: var(--workspace-section-title-size);
            font-weight: 700 !important;
            letter-spacing: -0.014em;
        }
.content-wrapper .h3 {
            font-size: var(--workspace-section-title-size);
            font-weight: 700 !important;
            letter-spacing: -0.014em;
        }
.content-wrapper h4 { font-size: var(--workspace-section-title-size); }
.content-wrapper .h4 { font-size: var(--workspace-section-title-size); }
.content-wrapper h5 { font-size: var(--workspace-section-title-size); }
.content-wrapper .h5 { font-size: var(--workspace-section-title-size); }
.app-authenticated .app-main-content :is(button, a, input, select, textarea, [tabindex]):focus-visible {
            outline: 2px solid var(--brand-primary);
            outline-offset: 3px;
        }
.app-authenticated .workspace-search:focus-within {
            outline: 2px solid var(--brand-primary);
            outline-offset: 2px;
        }
.app-authenticated .stat-card .metric-value {
            font-size: var(--workspace-kpi-value-size);
            line-height: 1.2;
        }
@media (max-width: 1199.98px) {
.app-authenticated .app-main-content .form-check {
                min-height: 44px;
                display: flex;
                align-items: center;
                gap: 0.5rem;
            }


}
.content-wrapper .text-muted {
            color: #64748b !important;
        }
.content-wrapper .topbar {
            background: rgba(255,255,255,.86) !important;
            border-bottom: 1px solid rgba(15,23,42,.08) !important;
            box-shadow: 0 12px 24px rgba(15,23,42,.04);
        }
.content-wrapper .topbar-chip {
            background: #ffffff;
            color: #475569;
            border: 1px solid rgba(15,23,42,.10);
            box-shadow: 0 8px 18px rgba(15,23,42,.05);
        }
.content-wrapper .locale-switch {
            background: #ffffff;
            border-color: rgba(15,23,42,.10);
        }
.content-wrapper .locale-switch .btn {

        }
.content-wrapper .locale-switch .btn.is-active {

        }
.content-wrapper .section-hero {
            background: rgba(255,255,255,.94) !important;
            border: 1px solid rgba(15,23,42,.08) !important;
            box-shadow: 0 18px 36px rgba(15,23,42,.07) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
.content-wrapper .stat-card {
            background: rgba(255,255,255,.94) !important;
            border: 1px solid rgba(15,23,42,.08) !important;
            box-shadow: 0 18px 36px rgba(15,23,42,.07) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
.content-wrapper .table-card {
            background: rgba(255,255,255,.94) !important;
            border: 1px solid rgba(15,23,42,.08) !important;
            box-shadow: 0 18px 36px rgba(15,23,42,.07) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
.content-wrapper .content-card {
            background: rgba(255,255,255,.94) !important;
            border: 1px solid rgba(15,23,42,.08) !important;
            box-shadow: 0 18px 36px rgba(15,23,42,.07) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
.content-wrapper .glass-panel {
            background: rgba(255,255,255,.94) !important;
            border: 1px solid rgba(15,23,42,.08) !important;
            box-shadow: 0 18px 36px rgba(15,23,42,.07) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
.content-wrapper .dropdown-menu {
            background: rgba(255,255,255,.94) !important;
            border: 1px solid rgba(15,23,42,.08) !important;
            box-shadow: 0 18px 36px rgba(15,23,42,.07) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
.content-wrapper .card {
            background: rgba(255,255,255,.94) !important;
            border: 1px solid rgba(15,23,42,.08) !important;
            box-shadow: 0 18px 36px rgba(15,23,42,.07) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }
.content-wrapper .section-hero::before {
            opacity: .45;
        }
.content-wrapper .stat-card::before {
            opacity: .45;
        }
.content-wrapper .table-card::before {
            opacity: .45;
        }
.content-wrapper .content-card::before {
            opacity: .45;
        }
.content-wrapper .glass-panel::before {
            opacity: .45;
        }
.content-wrapper .section-hero::after {
            opacity: .45;
        }
.content-wrapper .stat-card::after {
            opacity: .45;
        }
.content-wrapper .table-card::after {
            opacity: .45;
        }
.content-wrapper .content-card::after {
            opacity: .45;
        }
.content-wrapper .glass-panel::after {
            opacity: .45;
        }
.content-wrapper .soft-badge {
            background: #f8fafc;
            color: #475569 !important;
            border: 1px solid rgba(15,23,42,.08);
        }
.content-wrapper .table thead th {
            color: var(--workspace-muted);
            text-transform: uppercase;
            letter-spacing: var(--workspace-label-spacing);
            font-weight: 500;}
.content-wrapper .table:not(.operation-table) > :not(caption) > * > * {
            border-color: rgba(15,23,42,.08) !important;}
.content-wrapper .border-bottom {
            border-color: rgba(15,23,42,.08) !important;
        }
.content-wrapper .table tbody tr:hover {
            background: rgba(14,165,233,.035);}

/* Shared labels: readable size, natural casing and restrained tracking. */
.content-wrapper .form-label {
            margin-bottom: 0.35rem;}
.content-wrapper form label:not(.form-check-label):not(.btn):not(.input-group-text) {
            margin-bottom: 0.35rem;}
.content-wrapper .content-card > .card-body > h2 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .content-card > .card-body > h3 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .table-card > .card-body > h2 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .table-card > .card-body > h3 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .stat-card > .card-body > h2 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .stat-card > .card-body > h3 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .card > .card-body > h2.h5 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .card > .card-body > h3.h5 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .card > .card-body > .h5 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .compact-card .text-muted.small.mb-2 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .compact-card .small.text-muted.mb-2 {
            text-transform: uppercase;
            letter-spacing: 0.12em;
            font-weight: 500 !important;
        }
.content-wrapper .form-check-input {
            background-color: #ffffff;
            border: 2px solid rgba(var(--brand-primary-rgb), 0.42);
            box-shadow: none;
            cursor: pointer;
            float: none;
            height: 1.1rem;
            margin: 0;
            width: 1.1rem;
        }
.content-wrapper .form-check-input:checked {
            background-color: var(--brand-primary);
            border-color: var(--brand-primary);
        }
.content-wrapper .form-check.form-switch {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            padding-left: 0;
            min-height: 2.25rem;
        }
.content-wrapper .form-check.form-switch .form-check-input {
            width: 3.15rem;
            min-width: 3.15rem;
            height: 1.8rem;
            margin: 0;
            border-radius: 999px;
            border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
            background-color: #e2e8f0;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E");
            background-position: left 0.18rem center;
            background-size: 1.35rem 1.35rem;
            background-repeat: no-repeat;
            box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12);
            transition: background-position .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
        }
.content-wrapper .form-check.form-switch .form-check-input:focus {
            border-color: rgba(var(--brand-primary-rgb), 0.3);
            box-shadow: 0 0 0 .25rem rgba(var(--brand-primary-rgb), 0.10);
        }
.content-wrapper .form-check.form-switch .form-check-input:checked {
            background-color: #22c55e;
            border-color: #16a34a;
            background-position: right 0.18rem center;
            box-shadow: inset 0 1px 2px rgba(20, 83, 45, 0.18);
        }
.content-wrapper .form-check.form-switch .form-check-label {
            margin: 0;}
.output-primary-cell {
            min-width: 88px;
        }
.content-wrapper .lookup-select {
            background-repeat: no-repeat, no-repeat;
            background-position: right 0 top 0, right 0.9rem center;
            background-size: 2.4rem 100%, 14px 14px;}
.content-wrapper .ts-dropdown {
            font-size: var(--workspace-input-size);
        }
.content-wrapper .ts-dropdown .option {
            padding: 0.55rem 0.75rem;
            font-size: var(--workspace-input-size);
            line-height: 1.35;
            min-height: var(--workspace-control-height-compact);
        }
.content-wrapper .ts-dropdown .create {
            padding: 0.55rem 0.75rem;
            font-size: var(--workspace-input-size);
            line-height: 1.35;
            min-height: var(--workspace-control-height-compact);
        }
.content-wrapper .ts-dropdown .option .title {
            font-size: var(--workspace-input-size);
        }
.content-wrapper .ts-dropdown .option .description {
            font-size: var(--workspace-input-size);
        }
.content-wrapper .ts-dropdown [data-selectable] {
            font-size: var(--workspace-input-size);
        }
.content-wrapper .btn {
            font-size: var(--workspace-button-font-size);
            line-height: 1.25;
        }
.app-authenticated .app-main-content .btn {
            min-height: var(--workspace-control-height);
        }
.content-wrapper .btn-bakery {

            text-shadow: 0 1px 0 rgba(15, 23, 42, 0.18);

        }
.content-wrapper .btn-bakery:hover {

        }
.content-wrapper .btn-bakery:focus {

        }
.content-wrapper .btn-bakery {

        }
.content-wrapper .btn-bakery * {

        }
.content-wrapper .btn-outline-secondary {

        }
.content-wrapper .btn-outline-secondary:hover {

        }
.content-wrapper .alert-success {
            background: #ecfdf5;
            border-color: rgba(16,185,129,.18);
            color: #047857;
        }
.content-wrapper .page-link {
            color: #475569;
            background: #ffffff;
            border-color: rgba(15,23,42,.10);
            min-width: var(--workspace-action-size);
            min-height: var(--workspace-action-size);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: var(--workspace-meta-size);
        }
.content-wrapper .page-link:hover {
            color: #fff;
            background: linear-gradient(135deg, #0ea5e9, var(--brand-primary));
            border-color: transparent;
        }
.content-wrapper .page-item.active .page-link {
            color: #fff;
            background: linear-gradient(135deg, #0ea5e9, var(--brand-primary));
            border-color: transparent;
        }
.toolbar-actions {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            flex-wrap: wrap;
        }
.import-file-control {
            min-height: 42px;
            min-width: 420px;
            max-width: 520px;
            display: inline-flex;
            align-items: stretch;
            border: 1px solid rgba(15, 23, 42, 0.12);
            border-radius: 16px;
            overflow: hidden;
            background: #ffffff;
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
        }
.import-file-control input[type="file"] {
            display: none;
        }
.import-file-trigger {
            display: inline-flex;
            align-items: center;
            border-right: 1px solid rgba(15, 23, 42, 0.10);
            white-space: nowrap;}
.import-file-name {
            flex: 1;
            display: inline-flex;
            align-items: center;
            min-width: 180px;
            padding: 0 1rem;
            color: #64748b;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
@media (max-width: 768px) {
.import-file-control {
                min-width: 100%;
                max-width: 100%;
            }
.import-file-name {
                min-width: 0;
            }


}
.maintenance-link {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            color: #64748b;
            font-size: 0.78rem;
            font-weight: 700;
            text-decoration: none;
        }
.sidebar-menu .sidebar-accordion-group {
            margin-top: 1rem;
            border-radius: 18px;
            border: 1px solid rgba(148, 163, 184, 0.10);
            background: rgba(255, 255, 255, 0.02);
            overflow: hidden;
            transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
        }
.sidebar-menu .sidebar-accordion-group.is-open {
            background: rgba(15, 23, 42, 0.42);
            border-color: rgba(96, 165, 250, 0.20);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
        }
.sidebar-menu .sidebar-accordion-toggle {
            min-height:44px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            border: 0;
            background: transparent;
            color: rgba(203, 213, 225, 0.86);
            font-size: 0.72rem;
            letter-spacing: 0.16em;
            font-weight: 700;
            text-transform: uppercase;
            padding: 0.75rem 0.9rem;
            transition: color .2s ease, background-color .2s ease;
        }
.sidebar-menu .sidebar-accordion-toggle::after {
            content: "";
            width: 0.55rem;
            height: 0.55rem;
            border-right: 2px solid rgba(148, 163, 184, 0.85);
            border-bottom: 2px solid rgba(148, 163, 184, 0.85);
            transform: rotate(45deg);
            transition: transform .2s ease, border-color .2s ease;
            margin-left: 0.75rem;
            flex-shrink: 0;
        }
.sidebar-menu .sidebar-accordion-group.is-open > .sidebar-accordion-toggle::after {
            transform: rotate(225deg);
            border-color: rgba(191, 219, 254, 0.95);
        }
.sidebar-menu .sidebar-accordion-group.is-open > .sidebar-accordion-toggle {
            color: #f8fafc;
            background: rgba(var(--brand-primary-rgb), 0.10);
        }
.sidebar-menu .sidebar-accordion-toggle:hover {
            color: #f8fafc;
            background: rgba(255, 255, 255, 0.04);
        }
.sidebar-menu .sidebar-accordion-group.is-active > .sidebar-accordion-toggle {
            color: rgba(var(--brand-primary-rgb), .16);
        }
.sidebar-menu .sidebar-submenu[data-sidebar-panel] {
            display: none;
            padding: 0.2rem 0.5rem 0.55rem;
        }
.sidebar-menu .sidebar-accordion-group.is-open > .sidebar-submenu[data-sidebar-panel] {
            display: grid;
            gap: 0.15rem;
        }
.sidebar-menu .sidebar-nested {
            margin-top: 0.35rem;
            padding: 0.35rem 0 0.45rem 0.55rem;
            border-left: 1px solid rgba(148, 163, 184, 0.12);
        }
.sidebar-menu summary {
            list-style: none;
            cursor: pointer;
            color: rgba(148, 163, 184, 0.72);
            text-transform: uppercase;
            letter-spacing: 0.16em;
            font-size: 0.7rem;
            font-weight: 700;
            padding: 0 0.2rem;
            margin-bottom: 0.55rem;
        }
.sidebar-menu .sidebar-nested > summary {
            min-height:44px;
            display:block;
            cursor:pointer;
            color: rgba(203, 213, 225, 0.86);
            font-size: 0.66rem;
            letter-spacing: 0.13em;
            margin-bottom: 0.25rem;
            padding: 0.25rem 0.2rem;
        }
.sidebar-menu .sidebar-nested > summary::after {
            content: "+";
            float: right;
            margin-right: 0.35rem;
            color: rgba(148, 163, 184, 0.85);
        }
.sidebar-menu .sidebar-nested:has(.sidebar-link.active) > summary { color:rgba(191,219,254,.96); font-weight:700; }
.sidebar-menu :is(.sidebar-accordion-toggle,summary,.sidebar-link):focus-visible { outline:2px solid #bfdbfe; outline-offset:-2px; }
.sidebar-menu .sidebar-nested[open] > summary::after {
            content: "-";
        }
.sidebar-menu .sidebar-nested .sidebar-link {
            padding-left: 0.55rem;
        }
.sidebar-menu summary::-webkit-details-marker {
            display: none;
        }
.sidebar-link-main {
            flex: 1;
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            min-width: 0;
        }
.sidebar-link-icon {
            font-size: 0.95rem;
            opacity: 0.9;
        }
.sidebar-link-label {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
.sidebar-link-meta {
            font-size: 0.72rem;
            color: rgba(148, 163, 184, 0.78);
        }
.compact-card .card-body {
            padding: 1rem 1.05rem;
        }
.compact-card.card-body {
            padding: 1rem 1.05rem;
        }
.compact-stat {
            font-size: 1.55rem;
            line-height: 1;
        }
.maintenance-link:hover {
            color: #0f172a;
        }
.sidebar-offcanvas {
            background:
                linear-gradient(180deg, rgba(2, 6, 23, 0.98), rgba(15, 23, 42, 0.97));
            color: var(--text-primary);
        }
.sidebar-mobile-shell { min-height:100%; }
@media (max-width: 991.98px) {
.sidebar-offcanvas { width:min(88vw,360px); border-right:1px solid rgba(var(--brand-primary-rgb),.22); background:linear-gradient(160deg,color-mix(in srgb,var(--brand-primary-deep) 26%,var(--brand-sidebar-dark)) 0%,color-mix(in srgb,var(--brand-primary-deep) 18%,var(--brand-sidebar-dark)) 48%,color-mix(in srgb,var(--brand-primary-deep) 10%,var(--brand-sidebar-dark)) 100%); box-shadow:24px 0 60px rgba(0,0,0,.28); }
.sidebar-offcanvas .offcanvas-header { min-height:64px; padding:.85rem 1rem; background:rgba(3,16,39,.48); }
.sidebar-offcanvas .offcanvas-title { color:#fff; font-size:1rem; font-weight:800; }
.sidebar-offcanvas .btn-close { opacity:.9; }
.sidebar-offcanvas .offcanvas-body { padding:.7rem .75rem 1rem !important; overflow-y:auto; }
.sidebar-offcanvas .sidebar-brand { margin:0 0 .85rem !important; padding:1rem !important; border-radius:18px !important; background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.20),rgba(255,255,255,.04)); border:1px solid rgba(var(--brand-primary-rgb),.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.sidebar-offcanvas .sidebar-kicker { color:var(--brand-primary); }
.sidebar-offcanvas .sidebar-section-label { margin:.85rem .25rem .35rem; color:var(--brand-primary); font-size:.65rem; letter-spacing:.11em; }
.sidebar-offcanvas .sidebar-menu-link { min-height:46px; padding:.68rem .78rem; border-radius:13px; color:#dce9ff; font-size:.9rem; }
.sidebar-offcanvas .sidebar-menu-link i { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; color:color-mix(in srgb,var(--brand-primary-light) 38%,white); background:rgba(255,255,255,.06); font-size:1rem; }
.sidebar-offcanvas .sidebar-menu-link.active { color:#fff; background:linear-gradient(135deg,#0d6efd,#1559df); box-shadow:0 8px 20px rgba(13,110,253,.25); }
.sidebar-offcanvas .sidebar-menu-link.active i { color:#fff; background:rgba(255,255,255,.14); }
.sidebar-offcanvas .sidebar-menu-link:hover { background:rgba(255,255,255,.07); color:#fff; }
.sidebar-offcanvas .sidebar-menu-section { margin-top:.55rem; border-color:rgba(var(--brand-primary-rgb),.16); border-radius:15px; background:rgba(2,12,31,.18); overflow:hidden; }
.sidebar-offcanvas .sidebar-menu-section-header { min-height:44px; padding:.65rem .75rem; color:#a9c9f7; }
.sidebar-offcanvas .sidebar-menu-section-header:not(.collapsed) { color:#fff; background:rgba(var(--brand-primary-rgb), .16); }
.sidebar-offcanvas .sidebar-menu-section .sidebar-menu-link { margin:.15rem .35rem; }
.sidebar-offcanvas .sidebar-menu { display:flex; flex-direction:column; gap:.45rem; }
.sidebar-offcanvas .sidebar-group { margin:0; }
.sidebar-offcanvas .nav-section-title { margin:.65rem .3rem .35rem; color:var(--brand-primary); font-size:.62rem; letter-spacing:.12em; }
.sidebar-offcanvas .sidebar-link { min-height:46px; margin:0; padding:.62rem .7rem; border-radius:13px; color:#dce9ff; }
.sidebar-offcanvas .sidebar-link-main { gap:.65rem; }
.sidebar-offcanvas .sidebar-link-icon { width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; border-radius:9px; background:rgba(255,255,255,.07); color:rgba(var(--brand-primary-rgb),.32); opacity:1; }
.sidebar-offcanvas .sidebar-link.active { background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.88),var(--brand-primary)); color:#fff; box-shadow:0 8px 18px rgba(11,89,220,.28); transform:none; }
.sidebar-offcanvas .sidebar-link.active .sidebar-link-icon { background:rgba(255,255,255,.16); color:#fff; }
.sidebar-offcanvas .sidebar-link-meta { color:rgba(var(--brand-primary-rgb),.72); }
.sidebar-offcanvas .sidebar-accordion-group { border:0; border-top:1px solid rgba(var(--brand-primary-rgb),.18); border-radius:0; background:transparent; overflow:visible; }
.sidebar-offcanvas .sidebar-accordion-toggle { min-height:44px; padding:.55rem .3rem; color:color-mix(in srgb,var(--brand-primary-light) 58%,white); font-size:.65rem; letter-spacing:.10em; }
.sidebar-offcanvas .sidebar-menu .sidebar-accordion-group.is-open > .sidebar-accordion-toggle { background:transparent; color:color-mix(in srgb,var(--brand-primary-light) 58%,white); }
.sidebar-offcanvas .sidebar-submenu[data-sidebar-panel] { padding:.05rem 0 .3rem; gap:.12rem; }
.sidebar-offcanvas .sidebar-submenu .sidebar-link { margin:0; }
.sidebar-offcanvas .sidebar-brand { display:none; }

/* Expanded tablet/desktop sidebar mirrors the approved mobile menu composition. */
@media (min-width: 992px) {
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-shell { padding:.7rem .75rem 4.75rem!important; }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-brand { display:none!important; }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-menu { display:flex;flex-direction:column;gap:.45rem; }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-group { margin:0; }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .nav-section-title { margin:.65rem .3rem .35rem;color:var(--brand-primary);font-size:.62rem;letter-spacing:.12em; }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link {
        min-height:46px;margin:0;padding:.62rem .7rem;border-radius:13px;color:#dce9ff;
    }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link-main { gap:.65rem; }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link-icon {
        width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;
        background:rgba(255,255,255,.07);color:rgba(var(--brand-primary-rgb),.32);opacity:1;
    }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link.active {
        background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.88),var(--brand-primary));color:#fff;
        box-shadow:0 8px 18px rgba(11,89,220,.28);transform:none;
    }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link.active .sidebar-link-icon {
        background:rgba(255,255,255,.16);color:#fff;
    }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link-meta { color:rgba(var(--brand-primary-rgb),.72); }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-group {
        margin:0;border:0;border-top:1px solid rgba(var(--brand-primary-rgb),.18);border-radius:0;
        background:transparent;box-shadow:none;overflow:visible;
    }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-group.is-open {
        background:transparent;border-color:rgba(var(--brand-primary-rgb),.18);box-shadow:none;
    }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-toggle {
        min-height:40px;padding:.55rem .3rem;color:color-mix(in srgb,var(--brand-primary-light) 58%,white);font-size:.65rem;letter-spacing:.10em;background:transparent;
    }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-menu .sidebar-accordion-group.is-open > .sidebar-accordion-toggle,
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-toggle:hover {
        background:transparent;color:color-mix(in srgb,var(--brand-primary-light) 58%,white);
    }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-submenu[data-sidebar-panel] { padding:.05rem 0 .3rem;gap:.12rem; }
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-submenu .sidebar-link { margin:0; }
}

/* Mobile offcanvas must always use the expanded menu, never the desktop compact rail. */
.sidebar-offcanvas .sidebar-rail { display:none !important; }
.sidebar-offcanvas .sidebar-expanded-content { display:flex !important; width:100%; min-width:0; height:auto !important; }
.sidebar-offcanvas .sidebar-menu { width:100%; min-width:0; }
.sidebar-offcanvas .sidebar-group { width:100%; min-width:0; }
.sidebar-offcanvas .sidebar-accordion-group { width:100%; min-width:0; }
.sidebar-offcanvas .sidebar-submenu { width:100%; min-width:0; }
.sidebar-offcanvas .sidebar-link { width:100%; }
.sidebar-offcanvas .sidebar-link-label { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.2; }
.sidebar-offcanvas [data-sidebar-panel] { max-height:none; }
.sidebar-offcanvas .sidebar-accordion-group:not(.is-open) [data-sidebar-panel] { display:none; }
.sidebar-offcanvas .sidebar-accordion-group.is-open [data-sidebar-panel] { display:flex; }

}
.auth-mini-card {
            min-height: 170px;
            border-radius: 24px;
            background: rgba(255,255,255,.06);
            border: 1px solid rgba(255,255,255,.08);
            box-shadow: 0 18px 30px rgba(2,6,23,.18);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            overflow: hidden;
        }
.auth-mini-card .card-body {
            min-height: 170px;
            padding: 1.25rem 1.1rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
.auth-mini-card .metric-label {
            color: #cbd5e1;
            text-transform: uppercase;
            letter-spacing: .14em;
            font-size: .72rem;
            font-weight: 700;
        }
.auth-mini-card .metric-value {
            color: #ffffff;
            font-size: 2.1rem;
            font-weight: 800;
            line-height: 1;
        }
.auth-mini-card .metric-copy {
            color: #cbd5e1;
            font-size: .95rem;
            line-height: 1.4;
        }
.ts-wrapper {
            position: relative;
            width: 100%;
        }
.listbox-shell {
            position: relative;
            width: 100%;
        }
.ts-wrapper.single .ts-control {
            align-items: center;
            box-sizing: border-box;
            display: flex;
            flex-wrap: nowrap;
            overflow: hidden;
            position: relative;}
.ts-wrapper.single .ts-control .item {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;}
.ts-wrapper.single::before,
.listbox-shell::before { content:""; position:absolute; top:1px; right:1px; width:44px; height:44px; box-sizing:border-box; background:rgba(var(--brand-primary-rgb),.10); border-left:1px solid rgba(var(--brand-primary-rgb),.22); border-radius:0 9px 9px 0; pointer-events:none; z-index:1; }
.ts-wrapper.single .ts-control > input { margin:0 !important; padding:0 !important; min-height:0; height:24px; line-height:24px; }
.ts-wrapper.single::after,
.listbox-shell::after { content:""; position:absolute; top:23px; right:18px; width:8px; height:8px; border-right:2px solid var(--brand-primary); border-bottom:2px solid var(--brand-primary); transform:translateY(-70%) rotate(45deg); pointer-events:none; z-index:2; }
.ts-dropdown {
            color: #1d2a39;
        }
.ts-dropdown {
            border-radius: 16px;
            border-color: rgba(15, 23, 42, 0.10);
            box-shadow: 0 18px 36px rgba(15,23,42,.12);
            display: none;
            left: 0;
            overflow: hidden;
            position: absolute;
            right: 0;
            top: calc(100% + 4px);
            width: 100% !important;
            z-index: 1055;
        }
.ts-dropdown.floating-dropdown {
            position: fixed !important;
            width: var(--floating-dropdown-width, 100%) !important;
            left: var(--floating-dropdown-left, 0) !important;
            top: var(--floating-dropdown-top, 0) !important;
            right: auto !important;
            bottom: auto !important;
            z-index: 3000 !important;
        }
.ts-dropdown.floating-dropdown.dropdown-up {
            top: var(--floating-dropdown-top, 0) !important;
        }
.ts-wrapper.dropdown-up .ts-dropdown {
            bottom: calc(100% + 4px);
            top: auto;
        }
.ts-dropdown .option {
            padding: 0.7rem 0.85rem;
        }
.ts-dropdown .create {
            padding: 0.7rem 0.85rem;
        }
.ts-dropdown .active {
            background: rgba(var(--brand-primary-rgb), .16);
            color: #0f172a;
        }
.content-wrapper .ts-dropdown {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.content-wrapper .ts-dropdown-content {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.content-wrapper .ts-dropdown .option {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.content-wrapper .ts-dropdown .create {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.content-wrapper .ts-dropdown [data-selectable] {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.ts-dropdown.floating-dropdown {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.ts-dropdown.floating-dropdown .ts-dropdown-content {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.ts-dropdown.floating-dropdown .option {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.ts-dropdown.floating-dropdown .create {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.ts-dropdown.floating-dropdown [data-selectable] {
            font-size: var(--workspace-input-size);
            line-height: 1.35 !important;
        }
.content-wrapper .ts-dropdown .option {
            padding: 0.55rem 0.75rem !important;
            min-height: var(--workspace-control-height-compact);
        }
.content-wrapper .ts-dropdown .create {
            padding: 0.55rem 0.75rem !important;
            min-height: var(--workspace-control-height-compact);
        }
.content-wrapper .ts-dropdown [data-selectable] {
            padding: 0.55rem 0.75rem !important;
            min-height: var(--workspace-control-height-compact);
        }
.ts-dropdown.floating-dropdown .option {
            padding: 0.55rem 0.75rem !important;
            min-height: var(--workspace-control-height-compact);
        }
.ts-dropdown.floating-dropdown .create {
            padding: 0.55rem 0.75rem !important;
            min-height: var(--workspace-control-height-compact);
        }
.ts-dropdown.floating-dropdown [data-selectable] {
            padding: 0.55rem 0.75rem !important;
            min-height: var(--workspace-control-height-compact);
        }
body.app-authenticated {
            background:
                radial-gradient(circle at top left, rgba(53, 119, 255, 0.10), transparent 24%),
                radial-gradient(circle at 92% 16%, rgba(255, 178, 81, 0.12), transparent 20%),
                linear-gradient(180deg, #eef4fc 0%, #f8fbff 100%);
            color: #1a2745;
        }
body.app-authenticated::before {
            opacity: 0.12;
            background-image:
                radial-gradient(rgba(125, 152, 201, 0.22) 0.7px, transparent 0.7px);
            background-size: 22px 22px;
            mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.10), transparent 88%);
        }
.app-authenticated .content-wrapper {
            background: transparent;
        }
.app-authenticated .sidebar {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            height: 100vh;
            overflow: hidden;
            padding: 0 0.8rem 0.8rem !important;
            background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary-deep) 24%,var(--brand-sidebar-dark)) 0%,color-mix(in srgb,var(--brand-primary-deep) 12%,var(--brand-sidebar-dark)) 100%);
            box-shadow: inset -1px 0 0 rgba(255,255,255,0.05);
        }
.app-authenticated .sidebar-brand {
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.08);
            background: linear-gradient(180deg, rgba(16, 26, 48, 0.94), rgba(9, 18, 34, 0.98));
            box-shadow: 0 20px 32px rgba(2, 8, 20, 0.32);
        }
.app-authenticated .sidebar-footer-card {
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.08);
            background: linear-gradient(180deg, rgba(16, 26, 48, 0.94), rgba(9, 18, 34, 0.98));
            box-shadow: 0 20px 32px rgba(2, 8, 20, 0.32);
        }
.app-authenticated .sidebar-profile-card {
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.08);
            background: linear-gradient(180deg, rgba(16, 26, 48, 0.94), rgba(9, 18, 34, 0.98));
            box-shadow: 0 20px 32px rgba(2, 8, 20, 0.32);
        }
.app-authenticated .sidebar-kicker {
            color: rgba(198, 211, 236, 0.72);
        }
.app-authenticated .nav-section-title {
            color: rgba(198, 211, 236, 0.72);
        }
.app-authenticated .sidebar-brand {
            padding: 1rem 0.95rem;
            margin-bottom: 0.95rem !important;
        }
.app-authenticated .sidebar-kicker {
            font-size: 0.66rem;
            letter-spacing: 0.16em;
        }
.app-authenticated .sidebar-brand .fw-bold.fs-4 {
            font-size: 1rem !important;
            line-height: 1.2;
            margin-bottom: 0.35rem;
        }
.app-authenticated .sidebar-brand .small {
            font-size: 0.76rem !important;
            line-height: 1.45;
        }
.app-authenticated .sidebar a {
            color: #d6e1f5;
            padding: 0.66rem 0.8rem;
            border-radius: 18px;
            font-size: 0.92rem;
        }
.app-authenticated .sidebar a.active {
            background: linear-gradient(180deg, rgba(18, 47, 97, 0.96), rgba(10, 30, 70, 0.96));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
            transform: none;
        }
.app-authenticated .sidebar a:hover {
            background: linear-gradient(180deg, rgba(18, 47, 97, 0.96), rgba(10, 30, 70, 0.96));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
            transform: none;
        }
.app-authenticated .sidebar-link-meta {
            color: color-mix(in srgb,var(--brand-primary-light) 62%,white);
        }
.app-authenticated .nav-section-title {
            margin: 0.7rem 0 0.38rem;
            font-size: 0.56rem;
            letter-spacing: 0.12em;
        }
.app-authenticated .sidebar-menu {
            min-height: 0;
        }
.app-authenticated .sidebar-menu .sidebar-accordion-group {
            margin-top: 0.58rem;
        }
.app-authenticated .sidebar-menu .sidebar-accordion-toggle {
            padding: 0.62rem 0.78rem;
            font-size: 0.74rem;
            letter-spacing: 0.08em;
            font-weight: 700;
        }
.app-authenticated .sidebar-menu .sidebar-submenu[data-sidebar-panel] {
            padding: 0.14rem 0.38rem 0.34rem;
        }
.app-authenticated .sidebar-menu .sidebar-nested {
            margin-top: 0.18rem;
            padding: 0.18rem 0 0.2rem 0.38rem;
        }
.app-authenticated .sidebar-menu .sidebar-nested > summary {
            font-size: 0.74rem;
            padding: 0.32rem 0;
            letter-spacing: 0.08em;
            font-weight: 700;
        }
.app-authenticated .sidebar-menu .sidebar-nested .sidebar-link {
            font-size: 0.82rem;
        }
.app-authenticated .sidebar-link-icon {
            font-size: 0.96rem;
        }
.app-authenticated .content-wrapper {
            min-height: 100vh;
            margin: 0 !important;
            padding-top: 0 !important;
        }
.app-authenticated .topbar {
            background: transparent !important;
            border: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0.45rem !important;
            margin-top: 0 !important;
            position: sticky;
            top: 0;
            z-index: 1030;
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }
.app-authenticated .app-main-content {
            padding-top: 1.15rem !important;
        }

/* Responsive workspace standard: desktop + tablet complete, mobile operational */
@media (max-width: 1199.98px) {
.app-authenticated .app-main-content {
                padding: 1rem !important;
            }
.table-responsive {
                -webkit-overflow-scrolling: touch;
            }
.workspace-card {
                border-radius: var(--workspace-radius-card);
            }
.catalog-index-info-card {
                border-radius: var(--workspace-radius-card);
            }


}
@media (max-width: 767.98px) {
.app-authenticated .topbar {
                padding: .65rem .75rem !important;
            }
.app-authenticated .app-main-content {
                padding: .8rem !important;
            }
.topbar-page-intro {
                display: none;
            }
.dashboard-topbar-tools {
                margin-left: auto !important;
                flex-wrap: nowrap !important;
            }
.topbar-logout-btn span {
                display: none;
            }
.workspace-card {
                border-radius: var(--workspace-radius-card);
            }
.catalog-index-info-card {
                border-radius: var(--workspace-radius-card);
            }
.form-control:not(.operation-input):not(:where(.operation-shell *)) {
                min-height: 44px;
            }
.form-select:not(.operation-input):not(:where(.operation-shell *)) {
                min-height: 44px;
            }
.btn:not(.operation-button):not(:where(.operation-shell *)) {
                min-height: 44px;
            }
.workspace-page-btn {
                min-height: 44px;
            }
.table-responsive {
                margin-inline: -.15rem;
            }


}
.topbar-search {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            min-width: 360px;
            padding: 0.7rem 0.95rem;
            border-radius: 16px;
            border: 1px solid rgba(216, 225, 240, 0.95);
            background: rgba(255,255,255,0.94);
            box-shadow: 0 14px 30px rgba(92, 114, 162, 0.10);
        }
.topbar-search i {
            color: #6f83aa;
            font-size: 1rem;
        }
.topbar-search input {
            flex: 1;
            border: 0;
            outline: 0;
            background: transparent;
            color: #233457;
            font-size: 0.88rem;
        }
.topbar-search-shortcut {
            padding: 0.2rem 0.42rem;
            border-radius: 10px;
            background: #f3f6fb;
            border: 1px solid rgba(216, 225, 240, 0.95);
            color: #6f83aa;
            font-size: 0.72rem;
            font-weight: 700;
        }
.topbar-icon-button {
            position: relative;
            width: 46px;
            height: 46px;
            border-radius: 16px;
            border: 1px solid rgba(216, 225, 240, 0.95);
            background: rgba(255,255,255,0.94);
            color: #33476d;
            box-shadow: 0 14px 30px rgba(92, 114, 162, 0.10);
        }
.topbar-icon-button.dropdown-toggle::after {
            display: none;
        }
.topbar-notification-menu {
            min-width: 280px;
            padding: 0.6rem;
            border-radius: 18px;
            position: absolute !important;
            inset: calc(100% + 10px) 0 auto auto !important;
            margin: 0 !important;
        }
.topbar-notification-item {
            display: flex;
            align-items: flex-start;
            gap: 0.7rem;
            padding: 0.65rem 0.7rem;
            border-radius: 14px;
            color: #233457;
        }
.topbar-notification-item:hover {
            background: #f8fbff;
            color: #233457;
        }
.topbar-notification-menu .topbar-notification-item strong.d-block {
            font-size: 0.62rem !important;
            line-height: 1.15 !important;
            font-weight: 700;
        }
.topbar-notification-menu .topbar-notification-item small.text-muted {
            font-size: 0.52rem !important;
            line-height: 1.15 !important;
        }
.topbar-notification-item i {
            color: #2c7cff;
            font-size: 0.95rem;
            margin-top: 0.1rem;
        }
.topbar-badge {
            position: absolute;
            top: -4px;
            right: -2px;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #2c7cff;
            color: #fff;
            font-size: 0.72rem;
            font-weight: 800;
            border: 2px solid #f8fbff;
        }
.app-authenticated .locale-switch {
            background: rgba(255,255,255,0.94);
            border-color: rgba(216, 225, 240, 0.95);
            box-shadow: 0 14px 30px rgba(92, 114, 162, 0.10);
            min-height: 46px;
        }
.app-authenticated .locale-switch .btn {
            min-height: 42px;
        }
.topbar-user-card {
            display: inline-flex;
            align-items: center;
            gap: 0.85rem;
            padding: 0.65rem 0.9rem;
            min-width: 198px;
            border-radius: 16px;
            background: rgba(255,255,255,0.96);
            border: 1px solid rgba(216, 225, 240, 0.95);
            color: #1a2745;
            box-shadow: 0 14px 30px rgba(92, 114, 162, 0.10);
        }
.topbar-page-intro {
            min-width: 0;
        }
.topbar-page-title {
            color: #162847;
            font-size: 0.88rem;
            font-weight: 700;
            letter-spacing: -0.015em;
            line-height: 1.2;
            text-transform: none !important;
        }
.topbar-page-subtitle {
            color: #7589ad;
            font-size: 0.72rem;
            margin-top: 0.12rem;
        }
.topbar-user-card strong {
            display: inline;
            font-size: 0.9rem;
            line-height: 1.2;
        }
.topbar-user-card small {
            display: inline;
            color: #7a8fb3;
            font-size: 0.76rem;
            margin-left: 0.35rem;
        }
.topbar-user-card small::before {
            content: "(";
        }
.topbar-user-card small::after {
            content: ")";
        }
.topbar-user-status {
            width: 11px;
            height: 11px;
            border-radius: 50%;
            background: #35c46d;
            box-shadow: 0 0 0 5px rgba(53, 196, 109, 0.12);
            flex: 0 0 11px;
        }
.topbar-user-card {
            display: none !important;
        }
.topbar-user-status {
            display: none !important;
        }
.topbar-user-card strong {
            display: none !important;
        }
.topbar-user-card small {
            display: none !important;
        }
.topbar-user-card small::before {
            display: none !important;
        }
.topbar-user-card small::after {
            display: none !important;
        }
.topbar-logout-btn {
            min-height: 46px;
            padding: 0.68rem 0.95rem;
            border-radius: 16px;
            font-size: 0.82rem;
            font-weight: 700;
        }
.dashboard-topbar-tools {
            flex-wrap: nowrap !important;
            align-items: center;
        }
.app-authenticated .section-hero {
            background: rgba(255,255,255,0.94);
            border-color: rgba(216, 225, 240, 0.92);
            box-shadow: 0 16px 32px rgba(92, 114, 162, 0.10);
            backdrop-filter: blur(16px);
        }
.app-authenticated .stat-card {
            background: rgba(255,255,255,0.94);
            border-color: rgba(216, 225, 240, 0.92);
            box-shadow: 0 16px 32px rgba(92, 114, 162, 0.10);
            backdrop-filter: blur(16px);
        }
.app-authenticated .table-card {
            background: rgba(255,255,255,0.94);
            border-color: rgba(216, 225, 240, 0.92);
            box-shadow: 0 16px 32px rgba(92, 114, 162, 0.10);
            backdrop-filter: blur(16px);
        }
.app-authenticated .content-card {
            background: rgba(255,255,255,0.94);
            border-color: rgba(216, 225, 240, 0.92);
            box-shadow: 0 16px 32px rgba(92, 114, 162, 0.10);
            backdrop-filter: blur(16px);
        }
.app-authenticated .dropdown-menu {
            background: rgba(255,255,255,0.94);
            border-color: rgba(216, 225, 240, 0.92);
            box-shadow: 0 16px 32px rgba(92, 114, 162, 0.10);
            backdrop-filter: blur(16px);
        }
.app-authenticated .section-hero::before {
            opacity: 0.45;
        }
.app-authenticated .stat-card::before {
            opacity: 0.45;
        }
.app-authenticated .table-card::before {
            opacity: 0.45;
        }
.app-authenticated .content-card::before {
            opacity: 0.45;
        }
.app-authenticated .section-hero::after {
            opacity: 0.45;
        }
.app-authenticated .stat-card::after {
            opacity: 0.45;
        }
.app-authenticated .table-card::after {
            opacity: 0.45;
        }
.app-authenticated .content-card::after {
            opacity: 0.45;
        }
.app-authenticated h1 {
            color: #162847;
        }
.app-authenticated h2 {
            color: #162847;
        }
.app-authenticated h3 {
            color: #162847;
        }
.app-authenticated h4 {
            color: #162847;
        }
.app-authenticated h5 {
            color: #162847;
        }
.app-authenticated .brand-display {
            color: #162847;
        }
.app-authenticated .text-muted {
            color: var(--workspace-copy) !important;
        }
.app-authenticated .table thead th {
            color: var(--workspace-muted);}
.app-authenticated .table tbody td {
            color: #1c2948;}
.app-authenticated .table tbody tr:hover {
            background: rgba(241, 246, 255, 0.9);}
.app-authenticated .form-select:not([data-searchable-select]) {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;}
.content-wrapper .input-group > :first-child:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
.app-authenticated .input-group > :first-child:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
.content-wrapper .input-group > :last-child:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
.app-authenticated .input-group > :last-child:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
.app-authenticated select[data-searchable-select] {
            background-image: none !important;
            padding-right: 0.82rem !important;
        }
.app-authenticated .btn-outline-secondary {
            background: rgba(255,255,255,0.94);
            border-color: rgba(216, 225, 240, 0.95);
            color: #42587d;
            box-shadow: 0 10px 18px rgba(92, 114, 162, 0.08);
        }
.app-authenticated .btn-outline-secondary:hover {
            color: #233457;
            background: #fff;
        }
.app-authenticated .soft-badge {
            background: rgba(245, 248, 255, 0.95);
            border-color: rgba(216, 225, 240, 0.95);
            color: var(--workspace-copy);
        }
.app-authenticated .alert-success {
            color: #0f5132;
            background: rgba(209, 250, 229, 0.9);
            border-color: rgba(16, 185, 129, 0.2);
        }

/* Shared mobile application chrome */
.app-mobile-header {display:none}
.app-mobile-nav {display:none}
@media(max-width:767.98px) {
.app-authenticated .topbar {display:none!important}
.app-authenticated .app-main-content {padding:0 .7rem 76px!important}
.app-mobile-header {display:flex;position:sticky;top:0;z-index:1030;align-items:center;gap:.6rem;min-height:62px;margin:0 -.7rem .65rem;padding:.5rem .8rem;background:linear-gradient(135deg,#071a3c,#0b2858);color:#fff}
.app-mobile-menu {width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:11px;color:#fff;background:rgba(255,255,255,.09)}
.app-mobile-head-action {width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:11px;color:#fff;background:rgba(255,255,255,.09)}
.app-mobile-brand {flex:1;min-width:0}
.app-mobile-brand img {display:block;max-width:180px;max-height:55px;object-fit:contain}
.app-mobile-brand-mark {display:inline-flex!important;align-items:baseline;gap:.24rem;color:#fff!important;white-space:nowrap;line-height:1}
.app-mobile-brand-mark strong {color:#fff!important;font-size:1.05rem;font-weight:800;letter-spacing:.04em}
.app-mobile-brand-mark b {color:#60a5fa!important;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.app-mobile-head-action {position:relative;border-radius:50%}
.app-mobile-avatar {font-size:.65rem;font-weight:800;background:#7188ad}
.app-mobile-nav {position:fixed;z-index:1040;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:linear-gradient(135deg,#071a3c,#0b2858);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 24px rgba(4,20,48,.18)}
.app-mobile-nav a {height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#b8c8e2;text-decoration:none;font-size:.55rem;font-weight:700}
.app-mobile-nav button {height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#b8c8e2;text-decoration:none;font-size:.55rem;font-weight:700}
.app-mobile-nav i {font-size:1rem;color:inherit}
.app-mobile-nav .is-active {color:#fff}
.app-mobile-nav .mobile-new {width:48px;height:48px;justify-self:center;margin-top:-20px;border-radius:50%;background:linear-gradient(180deg,rgba(var(--brand-primary-rgb), .84),var(--brand-primary));color:#fff;box-shadow:0 7px 16px rgba(var(--brand-primary-rgb), .35)}
.app-mobile-nav .mobile-new span {display:none}
.app-user-menu {min-width:220px;padding:.45rem;border:1px solid #e1e8f3;border-radius:14px;box-shadow:0 14px 35px rgba(7,26,60,.18)}
.app-user-menu-head {padding:.55rem .65rem .4rem}
.app-user-menu-head strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-user-menu-head span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-user-menu-head strong {color:#172f59;font-size:.78rem}
.app-user-menu-head span {color:#7183a0;font-size:.62rem}
.app-user-menu .dropdown-item {display:flex;align-items:center;gap:.6rem;padding:.58rem .65rem;border-radius:9px;color:#294467;font-size:.7rem;font-weight:650}
.app-user-menu .logout {color:#dc3545}
.app-quick-sheet {height:auto!important;max-height:70dvh;border-radius:22px 22px 0 0}
.app-quick-grid {display:grid;gap:.55rem}
.app-quick-grid a {display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:.7rem;padding:.7rem;border:1px solid #e1e8f3;border-radius:14px;color:#17325d;text-decoration:none}
.app-quick-grid a>i:first-child {width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:var(--brand-primary)}
.app-quick-grid strong {display:block}
.app-quick-grid small {display:block}
.app-quick-grid strong {font-size:.72rem}
.app-quick-grid small {font-size:.56rem;color:#7183a0}


}

/* Tablet keeps the desktop composition; only mobile gets a different UI. */
.tablet-sidebar-toggle {display:none!important}
@media (min-width:768px) {

/* ARVIX ONE responsive contract: desktop + tablet share one composition. */
.app-authenticated .row.g-0 {display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important}
.app-authenticated .row.g-0 > .sidebar {
                display:block!important;
                flex:0 0 clamp(215px,22vw,250px)!important;
                width:clamp(215px,22vw,250px)!important;
                max-width:clamp(215px,22vw,250px)!important;
                min-width:215px!important;
                overflow:visible!important;
            }
.app-authenticated .row.g-0 > .content-wrapper {
                flex:1 1 auto!important;
                width:auto!important;
                max-width:none!important;
                min-width:0!important;
                overflow-x:hidden;
            }
.app-authenticated .topbar .btn[data-bs-target="#mobileSidebar"] {display:none!important}
.app-authenticated .sidebar .sidebar-shell {padding:.85rem .7rem 1rem}
.app-authenticated .sidebar .sidebar-link {min-height:42px;padding:.54rem .58rem;font-size:clamp(.72rem,.9vw,.86rem);white-space:normal!important}
.app-authenticated .sidebar .sidebar-link-main {min-width:0;gap:.52rem}
.app-authenticated .sidebar .sidebar-link-main > span:last-child {min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2}
.app-authenticated .sidebar .sidebar-link-meta {white-space:nowrap;flex:0 0 auto}
.app-authenticated .sidebar .sidebar-link-icon {flex:0 0 28px;width:28px;height:28px}
.app-authenticated .sidebar .nav-section-title {font-size:clamp(.56rem,.7vw,.62rem)}
.app-authenticated .topbar {min-height:72px;padding-left:clamp(.75rem,1.4vw,1.25rem)!important;padding-right:clamp(.55rem,1vw,1rem)!important}
.app-authenticated .dashboard-topbar-tools {margin-left:auto!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
.app-authenticated .app-main-content {min-width:0;padding:clamp(.85rem,1.4vw,1.25rem)!important}
.app-authenticated .workspace-shell {min-width:0}
.app-authenticated .workspace-card {min-width:0}
.app-authenticated .content-card {min-width:0}
.app-authenticated .table-card {min-width:0}
.app-authenticated .table-responsive {width:100%;max-width:100%;overflow-x:auto}
.app-authenticated img {max-width:100%}
.app-authenticated svg {max-width:100%}

}

/* Landscape tablet density: same desktop composition, compact vertical rhythm. */
@media (min-width:768px) and (max-width:1199.98px) and (orientation:landscape) and (max-height:900px) {
.app-authenticated .row.g-0 > .sidebar {
                flex-basis:clamp(205px,20vw,225px)!important;
                width:clamp(205px,20vw,225px)!important;
                max-width:clamp(205px,20vw,225px)!important;
                min-width:205px!important;
            }
.app-authenticated .sidebar {height:100dvh;overflow:hidden!important}
.app-authenticated .sidebar .sidebar-shell {height:100dvh;padding:.55rem .55rem .7rem;overflow-y:auto;scrollbar-width:thin}
.app-authenticated .sidebar-brand {margin-bottom:.7rem!important}
.app-authenticated .sidebar-brand .sidebar-kicker {margin-bottom:.25rem!important;font-size:.58rem}
.app-authenticated .sidebar-brand .fs-4 {font-size:1rem!important;line-height:1.12}
.app-authenticated .sidebar-brand .small {font-size:.62rem;line-height:1.2}
.app-authenticated .sidebar .sidebar-group {margin-bottom:.35rem}
.app-authenticated .sidebar .nav-section-title {margin-bottom:.22rem;font-size:.52rem}
.app-authenticated .sidebar .sidebar-accordion-toggle {min-height:44px;padding:.28rem .45rem;font-size:.64rem}
.app-authenticated .sidebar .sidebar-submenu {gap:.12rem}
.app-authenticated .sidebar .sidebar-link {min-height:44px;padding:.3rem .42rem;font-size:.68rem;line-height:1.1}
.app-authenticated .sidebar .sidebar-link-main {gap:.38rem}
.app-authenticated .sidebar .sidebar-link-icon {width:24px;height:24px;flex-basis:24px;font-size:.78rem}
.app-authenticated .sidebar .sidebar-link-meta {font-size:.56rem}
.app-authenticated .topbar {min-height:58px;padding-top:.4rem!important;padding-bottom:.4rem!important}
.app-authenticated .topbar-icon-button {width:40px;height:40px;border-radius:12px}
.app-authenticated .locale-switch {min-height:40px}
.app-authenticated .locale-switch .btn {min-height:36px;padding:.35rem .55rem}
.app-authenticated .topbar-logout-btn {min-height:40px;padding:.5rem .7rem}
.app-authenticated .topbar-page-title {font-size:.8rem}
.app-authenticated .topbar-page-subtitle {font-size:.66rem}
.app-authenticated .app-main-content {padding:.7rem!important}
.app-authenticated :is(.workspace-card,.content-card,.table-card,.card) {--workspace-radius-card:16px}


}

/* Sidebar responsive system: one expanded presentation + one compact icon rail. */
.sidebar-rail {display:none}
.sidebar-toggle-expanded {display:none}
.sidebar-toggle-compact {display:none}
@media (min-width:768px) {
.app-authenticated .sidebar {
                position:sticky!important;top:0!important;height:100dvh!important;min-height:100dvh!important;overflow:visible!important;
                transition:flex-basis .2s ease,width .2s ease,max-width .2s ease,min-width .2s ease;
            }
.app-authenticated .sidebar>.sidebar-shell {
                position:relative!important;height:100dvh!important;min-height:0!important;padding-bottom:72px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;
            }

/* Expanded control */
.app-authenticated:not(.sidebar-collapsed) .sidebar-toggle-expanded {display:flex!important}
.app-authenticated:not(.sidebar-collapsed) .sidebar-toggle-compact {display:none!important}
.app-authenticated.sidebar-collapsed .sidebar-toggle-expanded {display:none!important}
.app-authenticated.sidebar-collapsed .sidebar-toggle-compact {display:grid!important}
.app-authenticated:not(.sidebar-collapsed) .sidebar-toggle-expanded {
                position:absolute!important;z-index:100!important;top:auto!important;bottom:14px!important;left:14px!important;right:14px!important;
                width:calc(100% - 28px)!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 12px!important;
                display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
                border:1px solid rgba(117,174,255,.34)!important;border-radius:13px!important;
                background:linear-gradient(135deg,#123f7d,#0d2f62)!important;color:#f4f8ff!important;
                box-shadow:0 8px 20px rgba(0,12,34,.28)!important;font-size:.74rem!important;font-weight:700!important;line-height:1!important;
                transform:none!important;opacity:1!important;
            }
.app-authenticated:not(.sidebar-collapsed) .sidebar-toggle-expanded i {
                width:26px!important;height:26px!important;display:grid!important;place-items:center!important;flex:0 0 26px!important;
                border-radius:8px!important;background:rgba(79,145,255,.16)!important;color:#a9cbff!important;font-size:.95rem!important;
            }
.app-authenticated:not(.sidebar-collapsed) .sidebar-toggle-expanded span {display:inline!important;white-space:nowrap!important;color:#fff!important}
.app-authenticated:not(.sidebar-collapsed) .sidebar-toggle-expanded:hover {background:linear-gradient(135deg,#1755a5,#103b78)!important;border-color:rgba(139,191,255,.55)!important}
.app-authenticated:not(.sidebar-collapsed) .sidebar-toggle-expanded i {animation:arvix-sidebar-collapse-nudge 1.8s ease-in-out infinite;}
@keyframes arvix-sidebar-collapse-nudge {0%,100%{transform:translateX(0);}45%,65%{transform:translateX(-5px);}}

@media (prefers-reduced-motion: reduce) {.app-authenticated:not(.sidebar-collapsed) .sidebar-toggle-expanded i {animation:none!important;}}
/* Compact geometry */
.app-authenticated.sidebar-collapsed .row.g-0>aside.sidebar {
                box-sizing:border-box!important;flex:0 0 80px!important;width:80px!important;min-width:80px!important;max-width:80px!important;
                margin:0!important;padding:0!important;overflow:visible!important;
                background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary-deep) 24%,var(--brand-sidebar-dark)) 0%,color-mix(in srgb,var(--brand-primary-deep) 18%,var(--brand-sidebar-dark)) 52%,color-mix(in srgb,var(--brand-primary-deep) 10%,var(--brand-sidebar-dark)) 100%)!important;
            }
.app-authenticated.sidebar-collapsed aside.sidebar>.sidebar-shell {
                box-sizing:border-box!important;width:80px!important;min-width:80px!important;max-width:80px!important;height:100dvh!important;
                margin:0!important;padding:0!important;overflow:hidden!important;
            }
.app-authenticated.sidebar-collapsed .sidebar-expanded-content {display:none!important}
.app-authenticated.sidebar-collapsed .sidebar-rail {
                box-sizing:border-box!important;width:80px!important;height:100dvh!important;padding:12px 10px 72px!important;
                display:flex!important;flex-direction:column!important;align-items:center!important;overflow:hidden!important;
            }
.app-authenticated.sidebar-collapsed .sidebar-rail-brand {
                box-sizing:border-box;width:48px;height:44px;min-height:44px;display:grid;place-items:center;margin:0 auto 10px;
                border:1px solid rgba(111,168,255,.22);border-radius:14px;background:rgba(255,255,255,.045);color:#8ab8ff;
                font-size:.72rem;font-weight:800;letter-spacing:.05em;
            }
.app-authenticated.sidebar-collapsed .sidebar-rail-scroll {
                box-sizing:border-box;width:60px;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:0 2px 8px;scrollbar-width:none;
            }
.app-authenticated.sidebar-collapsed .sidebar-rail-scroll::-webkit-scrollbar {display:none}
.app-authenticated.sidebar-collapsed .sidebar-rail-group {box-sizing:border-box;width:56px;display:flex;flex-direction:column;align-items:center;gap:7px;margin:0;padding:0}
.app-authenticated.sidebar-collapsed .sidebar-rail-divider {width:34px;height:1px;margin:9px auto;background:rgba(125,169,232,.18)}
.app-authenticated.sidebar-collapsed .sidebar-rail-link {
                box-sizing:border-box!important;width:46px!important;height:42px!important;min-width:46px!important;min-height:42px!important;
                display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid transparent!important;
                border-radius:13px!important;background:transparent!important;color:#a9c4e9!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;
            }
.app-authenticated.sidebar-collapsed .sidebar-rail-link i {
                width:30px!important;height:30px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
                border-radius:9px!important;background:rgba(255,255,255,.055)!important;color:inherit!important;font-size:1rem!important;line-height:1!important;
            }
.app-authenticated.sidebar-collapsed .sidebar-rail-link:hover {background:rgba(55,119,213,.12)!important;border-color:rgba(var(--brand-primary-rgb),.16)!important;color:#e4efff!important}
.app-authenticated.sidebar-collapsed .sidebar-rail-link {position:relative!important;}
.app-authenticated.sidebar-collapsed .sidebar-rail-link::after {
                content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;z-index:1100;
                transform:translate(6px,-50%);padding:.42rem .65rem;border:1px solid rgba(117,174,255,.24);border-radius:9px;
                background:#071a35;color:#f8fbff;font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.01em;white-space:nowrap;
                box-shadow:0 8px 20px rgba(0,12,34,.28);opacity:0;visibility:hidden;pointer-events:none;
                transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
            }
.app-authenticated.sidebar-collapsed .sidebar-rail-link:hover::after,
.app-authenticated.sidebar-collapsed .sidebar-rail-link:focus-visible::after {opacity:1;visibility:visible;transform:translate(0,-50%);}
.app-authenticated.sidebar-collapsed .sidebar-rail-link.active {background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.88),var(--brand-primary))!important;border-color:rgba(132,184,255,.38)!important;color:#fff!important;box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),.25)!important}
.app-authenticated.sidebar-collapsed .sidebar-rail-link.active i {background:rgba(255,255,255,.14)!important;color:#fff!important}

/* Compact control: icon only */
.app-authenticated.sidebar-collapsed .sidebar-toggle-compact {
                position:absolute!important;z-index:100!important;top:auto!important;bottom:14px!important;left:17px!important;right:auto!important;
                width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;margin:0!important;padding:0!important;
                display:grid!important;place-items:center!important;border:1px solid rgba(117,174,255,.45)!important;border-radius:14px!important;
                background:linear-gradient(135deg,#1768e8,#1052bd)!important;color:#fff!important;box-shadow:0 9px 22px rgba(8,73,177,.38)!important;
                transform:none!important;opacity:1!important;
            }
.app-authenticated.sidebar-collapsed .sidebar-toggle-compact i {
                width:30px!important;height:30px!important;display:grid!important;place-items:center!important;margin:0!important;
                border-radius:9px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:1.05rem!important;transform:none!important;
            }
.app-authenticated.sidebar-collapsed .sidebar-toggle-compact:hover {background:linear-gradient(135deg,#287aff,#1762d6)!important}
[data-sidebar-toggle]:focus-visible {outline:3px solid rgba(105,174,255,.42)!important;outline-offset:2px!important}
.app-authenticated.sidebar-collapsed .row.g-0>.content-wrapper {margin-left:0!important;padding-left:0!important}


}
@media (max-width:767.98px) {
.sidebar-toggle-expanded {display:none!important}
.sidebar-toggle-compact {display:none!important}


}
@media (min-width:768px) and (max-width:1199.98px) {
.app-authenticated.sidebar-collapsed .row.g-0>aside.sidebar {flex-basis:80px!important;width:80px!important;min-width:80px!important;max-width:80px!important}


}

/* Application header — ARVIX ONE */
@media (min-width:768px) {
.app-authenticated .topbar {min-height:68px!important;padding:8px 16px!important;background:rgba(247,250,255,.94)!important;border-bottom:1px solid #e6edf7!important;box-shadow:0 8px 24px rgba(28,62,105,.055)!important}
.app-authenticated .topbar-shell {width:100%;min-width:0;display:flex;align-items:center;gap:18px}
.app-authenticated .topbar-page-intro {min-width:0;flex:1 1 auto}
.app-authenticated .topbar-page-title {font-size:.98rem!important;line-height:1.2;font-weight:800!important;color:#16233b!important;letter-spacing:-.01em}
.app-authenticated .topbar-page-subtitle {margin-top:4px;font-size:calc(.72rem + 1px)!important;line-height:1.25;color:#5f6f86!important}
.app-authenticated .topbar-tools {flex:0 0 auto;display:flex;align-items:center;gap:12px;min-width:0}
.app-authenticated .topbar-divider {display:block;width:1px;height:34px;background:#dce5f1}
.app-authenticated .topbar-icon-button {position:relative;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#28456d!important;box-shadow:none!important}
.app-authenticated .topbar-icon-button:hover {background:#edf4ff!important;color:#0d6efd!important}
.app-authenticated .topbar-icon-button:after {display:none!important}
.app-authenticated .topbar-icon-button i {font-size:1.18rem}
.app-authenticated .topbar-badge {position:absolute;top:1px;right:0;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #f7faff;border-radius:999px;background:#ef233c;color:#fff;font-size:.62rem;font-weight:800;line-height:1}
.app-authenticated .locale-switch {height:42px!important;padding:4px!important;display:flex!important;align-items:center!important;gap:2px!important;border:1px solid #e2eaf4!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 12px rgba(38,70,110,.05)!important}
.app-authenticated .locale-switch .btn {min-width:38px!important;height:32px!important;padding:0 8px!important;border:0!important;border-radius:17px!important;background:transparent!important;color:#53647c!important;font-size:.72rem!important;font-weight:800!important;box-shadow:none!important}
.app-authenticated .locale-switch .btn.is-active {background:linear-gradient(135deg,#5eb1ef,#277fc5)!important;color:#fff!important;box-shadow:0 4px 10px rgba(32,120,191,.24)!important}
.app-authenticated .topbar-user-trigger {height:48px;display:flex;align-items:center;gap:10px;padding:3px 5px 3px 3px;border:0;background:transparent;color:#16233b;text-align:left;border-radius:14px}
.app-authenticated .topbar-user-trigger:hover {background:#f0f5fc}
.app-authenticated .topbar-user-trigger:after {display:none!important}
.app-authenticated .topbar-user-avatar {width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1680ef,#0561d8);color:#fff;font-size:1.05rem;font-weight:700;box-shadow:0 5px 13px rgba(9,100,215,.2)}
.app-authenticated .topbar-user-copy {display:flex;flex-direction:column;min-width:0;line-height:1.15}
.app-authenticated .topbar-user-copy strong {max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800}
.app-authenticated .topbar-user-copy small {margin-top:4px;color:#667790;font-size:.69rem}
.app-authenticated .topbar-user-chevron {margin-left:3px;font-size:.76rem;color:#173a67;transition:transform .18s ease}
.app-authenticated .topbar-user-trigger[aria-expanded=true] .topbar-user-chevron {transform:rotate(180deg)}
.app-authenticated .topbar-user-menu {width:245px!important;margin-top:9px!important;padding:10px 0!important;border:1px solid #e0e8f2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 36px rgba(28,55,91,.16)!important;overflow:hidden}
.app-authenticated .topbar-user-menu:before {content:"";position:absolute;right:24px;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid #e0e8f2;border-top:1px solid #e0e8f2;transform:rotate(45deg)}
.app-authenticated .topbar-user-menu-head {display:flex;align-items:center;gap:10px;padding:5px 14px 9px}
.app-authenticated .topbar-user-avatar-sm {width:36px;height:36px;flex-basis:36px;font-size:.86rem}
.app-authenticated .topbar-user-menu-head>span:last-child {display:flex;flex-direction:column;min-width:0}
.app-authenticated .topbar-user-menu-head strong {font-size:.76rem;color:#16233b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-authenticated .topbar-user-menu-head small {margin-top:3px;font-size:.68rem;color:#6d7d92}
.app-authenticated .topbar-user-menu .dropdown-divider {margin:5px 0;border-color:#e7edf5}
.app-authenticated .topbar-user-menu .dropdown-item {height:42px;display:flex;align-items:center;gap:11px;padding:0 15px;color:#294566;font-size:.76rem;font-weight:600}
.app-authenticated .topbar-user-menu .dropdown-item i {width:20px;text-align:center;font-size:1rem}
.app-authenticated .topbar-user-menu .dropdown-item:hover {background:#f2f7fd;color:#0d6efd}
.app-authenticated .topbar-user-menu .topbar-user-logout {width:100%;border:0;background:transparent;color:#e11d2e;text-align:left}
.app-authenticated .topbar-user-menu .topbar-user-logout:hover {background:#fff2f3;color:#c81022}


}
@media (min-width:768px) and (max-width:999.98px) {
.app-authenticated .topbar {padding-inline:12px!important}
.app-authenticated .topbar-shell {gap:10px}
.app-authenticated .topbar-tools {gap:7px}
.app-authenticated .topbar-divider {height:30px}
.app-authenticated .topbar-user-copy {display:none}
.app-authenticated .topbar-user-trigger {gap:5px}
.app-authenticated .topbar-page-subtitle {max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


}

/* Header dropdown overlay authority: menus float and never alter header geometry. */
@media (min-width:768px) {
.app-authenticated .topbar {overflow:visible!important}
.app-authenticated .topbar-shell {position:relative!important;overflow:visible!important}
.app-authenticated .topbar-tools {position:relative!important;overflow:visible!important}
.app-authenticated .topbar-user-dropdown {position:relative!important;overflow:visible!important}
.app-authenticated .topbar-user-dropdown {flex:0 0 auto!important}
.app-authenticated .topbar-user-menu.dropdown-menu {
        position:absolute!important;inset:auto 0 auto auto!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;
        width:245px!important;min-width:245px!important;margin:0!important;z-index:1085!important;float:none!important;
    }
.app-authenticated .topbar-user-menu.dropdown-menu.show {display:block!important}
.app-authenticated .topbar-notification-menu.dropdown-menu {
        position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;margin:0!important;z-index:1085!important;
    }


}

/* Global mobile notifications panel shared by every authenticated screen. */
#mobileAlerts {
    --bs-offcanvas-width: min(390px, 92vw);
    background: #fff;
    color: #172744;
}
#mobileAlerts .offcanvas-header {
    padding: 1rem 1rem .85rem;
    border-bottom: 1px solid #e7edf6;
}
#mobileAlerts .offcanvas-title {
    color: #172744;
    font-size: 1rem;
    font-weight: 800;
}
#mobileAlerts .offcanvas-header small {
    color: #7286aa !important;
    font-size: .72rem;
}
#mobileAlerts .offcanvas-body {
    padding: .9rem;
    background: #f7f9fd;
}
#mobileAlerts .dashboard-suggestion-list {
    display: grid;
    gap: .7rem;
}
#mobileAlerts .dashboard-suggestion-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .78rem .9rem;
    border: 1px solid rgba(227,234,244,.9);
    border-radius: 16px;
    background: #fff;
    color: #172744;
    font-size: .78rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(23,39,68,.04);
}
#mobileAlerts .dashboard-suggestion-item > span {
    min-width: 0;
}
#mobileAlerts .dashboard-suggestion-item i {
    color: #ff9b19;
}
#mobileAlerts .dashboard-suggestion-item > i:last-child {
    flex: 0 0 auto;
    color: #8da0bf;
}
@media (max-width:767.98px) {
#mobileAlerts { --bs-offcanvas-width: min(360px, 92vw); }


}

/* Tablet readability: same composition, larger typography and touch targets. */
@media (min-width:768px) and (max-width:1199.98px) {
.app-authenticated .sidebar .sidebar-link {
        min-height: 44px;
        font-size: .88rem;
        line-height: 1.2;
    }
.app-authenticated .sidebar .nav-section-title {
        font-size: .72rem;
    }
.app-authenticated .sidebar .sidebar-accordion-toggle {
        min-height: 40px;
        font-size: .82rem;
    }
.app-authenticated .sidebar .sidebar-link-meta {
        font-size: .7rem;
    }
.app-authenticated .topbar-page-title {
        font-size: 1rem!important;
    }
.app-authenticated .topbar-page-subtitle {
        font-size: calc(.82rem + 1px)!important;
    }
.app-authenticated .topbar-user-copy strong {
        font-size: .88rem;
    }
.app-authenticated .topbar-user-menu-head strong {
        font-size: .88rem;
    }
.app-authenticated .topbar-user-copy small {
        font-size: .78rem;
    }
.app-authenticated .topbar-user-menu-head small {
        font-size: .78rem;
    }
.app-authenticated .topbar-user-menu .dropdown-item {
        font-size: .82rem!important;
    }
.app-authenticated .locale-switch .btn {
        font-size: .82rem!important;
    }


}

/* Phone readability: replace the former ultra-compact mobile typography. */
@media (max-width:767.98px) {
.app-authenticated .app-main-content {
        font-size: var(--workspace-base-size);
    }
.app-mobile-menu {
        width: 44px;
        height: 44px;
        font-size: 1rem;
    }
.app-mobile-head-action {
        width: 44px;
        height: 44px;
        font-size: 1rem;
    }
.app-mobile-avatar {
        font-size: .82rem;
    }
.app-mobile-nav {
        height: 72px;
    }
.app-mobile-nav a {
        height: 60px;
        font-size: .72rem;
        line-height: 1.1;
    }
.app-mobile-nav button {
        height: 60px;
        font-size: .72rem;
        line-height: 1.1;
    }
.app-mobile-nav i {
        font-size: 1.18rem;
    }
.app-mobile-nav .mobile-new {
        width: 52px;
        height: 52px;
    }
.app-user-menu-head strong {
        font-size: .94rem;
    }
.app-user-menu-head span {
        font-size: .78rem;
    }
.app-user-menu .dropdown-item {
        min-height: 44px;
        font-size: .88rem;
    }
.app-quick-grid strong {
        font-size: .9rem;
        line-height: 1.2;
    }
.app-quick-grid small {
        margin-top: .15rem;
        font-size: .74rem;
        line-height: 1.25;
    }
#mobileAlerts .offcanvas-title {
        font-size: 1.08rem;
    }
#mobileAlerts .offcanvas-header small {
        font-size: .82rem;
    }
#mobileAlerts .dashboard-suggestion-item {
        min-height: 48px;
        font-size: .9rem;
        line-height: 1.25;
    }


}

/* Global mobile footer authority: labels always remain visible on every route. */
@media (max-width:767.98px) {
.app-mobile-nav > a {
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:3px!important;
        overflow:visible!important;
    }
.app-mobile-nav > button {
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:3px!important;
        overflow:visible!important;
    }
.app-mobile-nav > a > span {
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        max-width:100%;
        color:inherit!important;
        font-size:inherit!important;
        line-height:1.05!important;
        white-space:nowrap;
    }
.app-mobile-nav > .mobile-new > span {
        display:none!important;
    }


}

/* Mobile bottom navigation refinement — preserve ARVIX ONE dark dock. */
@media (max-width:767.98px) {
.app-mobile-nav {
        left:0;
        right:0;
        bottom:0;
        height:70px;
        padding:5px 8px calc(5px + env(safe-area-inset-bottom));
        border:0;
        border-top:1px solid rgba(255,255,255,.10);
        border-radius:0;
        background:linear-gradient(135deg,#071a3c,#0b2858);
        box-shadow:0 -8px 24px rgba(4,20,48,.18);
        overflow:visible;
    }
.app-mobile-nav a {
        position:relative;
        height:58px;
        color:#b8c8e2;
        font-size:.72rem;
        font-weight:700;
    }
.app-mobile-nav button {
        position:relative;
        height:58px;
        color:#b8c8e2;
        font-size:.72rem;
        font-weight:700;
    }
.app-mobile-nav a i {
        width:34px;
        height:30px;
        display:grid;
        place-items:center;
        border-radius:10px;
        color:inherit;
        font-size:1.18rem;
    }
.app-mobile-nav a.is-active {
        color:#fff;
    }
.app-mobile-nav a.is-active i {
        background:rgba(255,255,255,.14);
        color:#fff;
    }
.app-mobile-nav a.is-active::after {
        content:"";
        position:absolute;
        bottom:1px;
        width:18px;
        height:3px;
        border-radius:999px;
        background:#60a5fa;
    }
.app-mobile-nav .mobile-new {
        position:relative;
        z-index:2;
        width:52px;
        height:52px;
        min-width:52px;
        min-height:52px;
        margin:-22px auto 0;
        border:4px solid #0a234c;
        border-radius:50%;
        background:linear-gradient(180deg,rgba(var(--brand-primary-rgb), .84),var(--brand-primary));
        color:#fff;
        box-shadow:0 8px 18px rgba(var(--brand-primary-rgb), .38);
    }
.app-mobile-nav .mobile-new::before {
        content:none;
    }
.app-mobile-nav .mobile-new i {
        font-size:1.45rem;
        color:#fff;
    }


}


/* Final authority: expanded desktop sidebar uses the approved mobile menu skin. */
@media (min-width: 992px) {
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-menu {display:flex!important;flex-direction:column!important;gap:.45rem!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-group {margin:0!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .nav-section-title {margin:.65rem .3rem .35rem!important;color:var(--brand-primary)!important;font-size:.62rem!important;letter-spacing:.12em!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link {min-height:46px!important;margin:0!important;padding:.62rem .7rem!important;border-radius:13px!important;color:#dce9ff!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link-main {gap:.65rem!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link-icon {width:30px!important;height:30px!important;display:grid!important;place-items:center!important;flex:0 0 30px!important;border-radius:9px!important;background:rgba(255,255,255,.07)!important;color:rgba(var(--brand-primary-rgb),.32)!important;opacity:1!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link.active {background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.88),var(--brand-primary))!important;color:#fff!important;box-shadow:0 8px 18px rgba(11,89,220,.28)!important;transform:none!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link.active .sidebar-link-icon {background:rgba(255,255,255,.16)!important;color:#fff!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link-meta {color:rgba(var(--brand-primary-rgb),.72)!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-group {margin:0!important;border:0!important;border-top:1px solid rgba(var(--brand-primary-rgb),.18)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-group.is-open {background:transparent!important;border-color:rgba(var(--brand-primary-rgb),.18)!important;box-shadow:none!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-toggle {min-height:44px!important;padding:.55rem .3rem!important;color:color-mix(in srgb,var(--brand-primary-light) 58%,white)!important;font-size:.65rem!important;letter-spacing:.10em!important;background:transparent!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-menu .sidebar-accordion-group.is-open>.sidebar-accordion-toggle,
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-toggle:hover {background:transparent!important;color:color-mix(in srgb,var(--brand-primary-light) 58%,white)!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-submenu[data-sidebar-panel] {padding:.05rem 0 .3rem!important;gap:.12rem!important}
    .app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-submenu .sidebar-link {margin:0!important}
}


/* Global semantic rule: visible negative numeric values. */
.app-authenticated .app-main-content .operation-negative-value {color:#dc2626!important;}


/* Global numeric table rule: never truncate operational quantities or monetary values. */
@media (min-width:768px) {
    .app-authenticated .app-main-content .operation-table th.operation-number,
    .app-authenticated .app-main-content .operation-table td.operation-number,
    .app-authenticated .app-main-content .operation-table th.operation-money,

    .app-authenticated .app-main-content .operation-table input[type="number"],
    .app-authenticated .app-main-content .operation-table .input-group:has(input[type="number"]) {
        width:100%!important;
        min-width:0;
        max-width:none!important;
    }

}

@media (max-width:767.98px) {
    .app-authenticated .app-main-content .operation-number,
    .app-authenticated .app-main-content .operation-money,
    .app-authenticated .app-main-content [class*="-qty"],
    .app-authenticated .app-main-content [class*="-price"],
    .app-authenticated .app-main-content [class*="-subtotal"] {
        white-space:nowrap;
        overflow:visible;
        text-overflow:clip;
    }

    .app-authenticated .app-main-content input[type="number"] {
        min-width:0;
        text-overflow:clip;
    }
}

/* Theme authority: sidebar hierarchy follows the selected brand while preserving contrast. */
.app-authenticated .sidebar .nav-section-title,
.app-authenticated:not(.sidebar-collapsed) #appSidebar .nav-section-title,
.sidebar-offcanvas .nav-section-title,
.sidebar-offcanvas .sidebar-section-label,
.app-authenticated .sidebar .sidebar-accordion-toggle,
.app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-accordion-toggle,
.sidebar-offcanvas .sidebar-accordion-toggle {
    color:color-mix(in srgb,var(--brand-primary-light) 58%,white)!important;
}
.app-authenticated .sidebar .sidebar-link-meta,
.app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link-meta,
.sidebar-offcanvas .sidebar-link-meta {
    color:color-mix(in srgb,var(--brand-primary-light) 48%,white)!important;
}

/* Theme authority: sidebar icons use a lighter brand tint for contrast on the dark rail. */
.app-authenticated .sidebar .sidebar-link-icon,
.app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link-icon,
.sidebar-offcanvas .sidebar-link-icon,
.sidebar-offcanvas .sidebar-menu-link i {
    color:color-mix(in srgb,var(--brand-primary-light) 38%,white)!important;
}
.app-authenticated .sidebar .sidebar-link.active .sidebar-link-icon,
.app-authenticated:not(.sidebar-collapsed) #appSidebar .sidebar-link.active .sidebar-link-icon,
.sidebar-offcanvas .sidebar-link.active .sidebar-link-icon,
.sidebar-offcanvas .sidebar-menu-link.active i {
    color:#fff!important;
}

/* Theme authority: listbox/select chrome follows the configured brand color. */
.operation-shell :is(.ts-wrapper.single,.listbox-shell)::before {
    background:rgba(var(--brand-primary-rgb),.10)!important;
    border-left-color:rgba(var(--brand-primary-rgb),.22)!important;
}
.operation-shell :is(.ts-wrapper.single,.listbox-shell)::after {
    border-right-color:var(--brand-primary)!important;
    border-bottom-color:var(--brand-primary)!important;
}
.app-authenticated .app-main-content .operation-shell :is(.form-select,.listbox-shell>select,.ts-control):hover {
    border-color:rgba(var(--brand-primary-rgb),.32)!important;
}
.ts-dropdown .option.active,
.ts-dropdown [data-selectable].active,
.ts-dropdown .option:hover {
    background:rgba(var(--brand-primary-rgb),.14)!important;
    color:var(--workspace-text)!important;
}

/* Theme authority: Tom Select dropdowns are appended to body, so their item states must be themed globally. */
body.app-authenticated .ts-dropdown,
body.app-authenticated .ts-dropdown.floating-dropdown {
    border-color:rgba(var(--brand-primary-rgb),.22)!important;
}
body.app-authenticated .ts-dropdown .option,
body.app-authenticated .ts-dropdown [data-selectable] {
    background:#fff!important;
    color:var(--workspace-text)!important;
}
body.app-authenticated .ts-dropdown .option:hover,
body.app-authenticated .ts-dropdown .option.active,
body.app-authenticated .ts-dropdown [data-selectable]:hover,
body.app-authenticated .ts-dropdown [data-selectable].active {
    background:rgba(var(--brand-primary-rgb),.14)!important;
    color:var(--workspace-text)!important;
}
body.app-authenticated .ts-dropdown .option.selected,
body.app-authenticated .ts-dropdown [data-selectable].selected {
    background:rgba(var(--brand-primary-rgb),.20)!important;
    color:var(--brand-primary)!important;
}

/* Theme authority: native select menus and Bootstrap selection tokens follow the configured brand. */
body.app-authenticated {
    --bs-primary:var(--brand-primary);
    --bs-primary-rgb:var(--brand-primary-rgb);
    --bs-link-color:var(--brand-primary);
    --bs-link-hover-color:var(--brand-primary);
}
body.app-authenticated select.form-select,
body.app-authenticated select.operation-input {
    accent-color:var(--brand-primary);
}
body.app-authenticated select.form-select option:checked,
body.app-authenticated select.operation-input option:checked {
    background:var(--brand-primary) linear-gradient(0deg,var(--brand-primary) 0%,var(--brand-primary) 100%);
    color:#fff;
}
body.app-authenticated select.form-select option:hover,
body.app-authenticated select.operation-input option:hover {
    background:rgba(var(--brand-primary-rgb),.14);
    color:var(--workspace-text);
}

/* Final Tom Select state override. Dropdown is portaled to body; Tom Select marks the cursor row with .active. */
html body.app-authenticated .ts-dropdown.floating-dropdown .ts-dropdown-content > [data-selectable].active,
html body.app-authenticated .ts-dropdown.floating-dropdown .ts-dropdown-content > .option.active,
html body.app-authenticated .ts-dropdown.floating-dropdown .ts-dropdown-content > [data-selectable]:hover,
html body.app-authenticated .ts-dropdown.floating-dropdown .ts-dropdown-content > .option:hover,
html body.app-authenticated .ts-dropdown .ts-dropdown-content > [data-selectable].active,
html body.app-authenticated .ts-dropdown .ts-dropdown-content > .option.active {
    background-color:rgba(var(--brand-primary-rgb),.16)!important;
    background-image:none!important;
    color:var(--workspace-text)!important;
}

/* Global flat-design policy: no decorative shadows, including dropdowns and overlays. */
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important;}

/* Sidebar: deep navy gradient with a restrained blue undertone. */
/* Image-free layered navy waves; decoration stays behind sidebar controls. */
body.app-authenticated .sidebar {
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(ellipse 145% 42% at -38% -9%,rgba(21,93,191,.54) 0%,rgba(11,60,135,.25) 38%,transparent 75%),
        radial-gradient(ellipse 110% 54% at -55% 72%,rgba(8,53,119,.28) 0%,transparent 76%),
        linear-gradient(158deg,#071F43 0%,#061936 24%,#04132B 55%,#020C1C 100%)!important;
    border-right:1px solid rgba(147,197,253,.13);
}
body.app-authenticated .sidebar::before,
body.app-authenticated .sidebar::after {
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:-1;
    display:block;
}
body.app-authenticated .sidebar::before {
    inset:0 0 34% 0;
    background:linear-gradient(153deg,rgba(14,77,166,.38),rgba(7,43,103,.22) 48%,rgba(4,24,57,0) 82%);
    clip-path:polygon(0 0,100% 0,100% 16%,79% 23%,57% 33%,28% 43%,0 53%);
    border-radius:0 0 55% 0;
}
body.app-authenticated .sidebar::after {
    inset:43% 0 0 0;
    background:linear-gradient(145deg,transparent 5%,rgba(9,46,108,.24) 35%,rgba(7,43,100,.32) 70%,rgba(3,21,56,.12) 100%);
    clip-path:polygon(0 25%,27% 18%,67% 8%,100% 0,100% 66%,69% 79%,30% 90%,0 100%);
}
body.app-authenticated .sidebar > * {position:relative;z-index:1;}
body.app-authenticated .sidebar .nav-section-title,
body.app-authenticated .sidebar .sidebar-kicker {color:#A9C5E7;}

/* Restrict dimensional treatment to action buttons; all other surfaces stay flat. */
body.app-authenticated .app-main-content :is(.operation-button,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning):not(.table-action-icon):not(.btn-link) {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 0 rgba(10,25,45,.13),0 3px 0 rgba(15,35,68,.22)!important;
    border-bottom-width:2px;
    transition:background-color .18s ease,border-color .18s ease,transform .12s ease,box-shadow .12s ease;
}
body.app-authenticated .app-main-content :is(.operation-button,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning):not(.table-action-icon):not(.btn-link):active {
    transform:translateY(2px)!important;
    box-shadow:inset 0 1px 2px rgba(10,25,45,.16),0 1px 0 rgba(15,35,68,.16)!important;
}
body.app-authenticated .app-main-content :is(.operation-button,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning):not(.table-action-icon):not(.btn-link):disabled {
    transform:none!important;
    box-shadow:none!important;
}



/* Match the existing dimensional action-button treatment on sidebar toggles only. */
@media (min-width:768px) {
 body.app-authenticated #appSidebar :is(.sidebar-toggle-expanded,.sidebar-toggle-compact) {
    background:linear-gradient(180deg,#2465BA 0%,#174D98 52%,#103A77 100%)!important;
    border:1px solid #397CD2!important;
    border-bottom:3px solid #082B61!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(2,17,42,.23),0 3px 0 rgba(1,14,34,.35)!important;
    color:#F0F7FF!important;
    transition:background .16s ease,box-shadow .12s ease,transform .12s ease!important;
 }
 body.app-authenticated #appSidebar :is(.sidebar-toggle-expanded,.sidebar-toggle-compact):hover {
    background:linear-gradient(180deg,#3379D8 0%,#205EB4 55%,#16478D 100%)!important;
 }
 body.app-authenticated #appSidebar :is(.sidebar-toggle-expanded,.sidebar-toggle-compact):active {
    transform:translateY(2px)!important;
    box-shadow:inset 0 2px 3px rgba(1,14,34,.28),0 1px 0 rgba(1,14,34,.25)!important;
 }
}

/* Shared topbar language selector: same visual treatment as login. */
.app-authenticated .topbar-login-language {
  display:flex;align-items:center;gap:5px;padding:5px 8px 5px 6px;
  border:1px solid #dce7f9;border-radius:999px;
  background:linear-gradient(180deg,#fff 0%,#f3f7ff 100%);
  box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(19,61,133,.1);
}
.app-authenticated .topbar-login-language-icon {
  display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;
  color:#1766d9;background:linear-gradient(180deg,#eef6ff,#e1edff);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9);
}
.app-authenticated .topbar-login-language .locale-switch {
  display:flex!important;align-items:center!important;gap:4px!important;
  width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.app-authenticated .topbar-login-language .locale-switch::before {display:none!important}
.app-authenticated .topbar-login-language .locale-switch .btn {
  min-width:43px!important;min-height:38px!important;height:38px!important;padding:0 11px!important;
  border:1px solid transparent!important;border-radius:999px!important;
  color:#526b93!important;background:transparent!important;
  font-size:13px!important;font-weight:800!important;box-shadow:none!important;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.app-authenticated .topbar-login-language .locale-switch .btn.is-active {
  color:#fff!important;border-color:rgba(168,222,255,.85)!important;
  background:linear-gradient(180deg,#64c6ff 0%,#1985ff 28%,#075ce9 100%)!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,49,157,.4),0 3px 8px rgba(12,102,234,.25)!important;
  text-shadow:0 1px 1px rgba(0,40,115,.25);
}
.app-authenticated .topbar-login-language .locale-switch .btn:not(.is-active):hover {background:#e8f1ff!important;color:#0d58cc!important}
.app-authenticated .topbar-login-language .locale-switch .btn:focus-visible {outline:3px solid #78b9ff;outline-offset:2px}
.app-authenticated .topbar-login-language-caret {padding:0 5px;color:#6c85ad;font-size:12px}
@media (max-width:767.98px) {
  .app-authenticated .app-mobile-header .app-mobile-head-action[data-mobile-alerts-trigger] > .bi-bell {font-size:1.45rem;line-height:1}
  .app-authenticated .app-mobile-header .app-mobile-head-action[data-mobile-alerts-trigger] > .topbar-badge {
    top:-3px;right:-4px;min-width:24px;height:24px;padding:0 6px;
    border:2px solid #071a3c;border-radius:999px;background:#ef233c!important;color:#fff!important;
    font-size:.8rem;font-weight:800;line-height:1;
  }
}

/* Desktop and tablet topbar: clearer notification bell and count. */
@media (min-width:768px) {
  .app-authenticated .topbar-icon-button i.bi-bell {font-size:1.45rem}
  .app-authenticated .topbar-icon-button .topbar-badge {
    top:-2px;right:-4px;min-width:23px;height:23px;padding:0 5px;
    border:2px solid #f7faff;border-radius:999px;
    background:#ef233c;color:#fff;font-size:.76rem;font-weight:800;line-height:1;
  }
}

/* Menu typography adjustments: user +1px, notifications +2px. */
.app-authenticated .topbar-user-menu-head strong {font-size:calc(.88rem + 1px)}
.app-authenticated .topbar-user-menu-head small {font-size:calc(.78rem + 1px)}
.app-authenticated .topbar-user-menu .dropdown-item {font-size:calc(.82rem + 1px)!important}
.app-authenticated .topbar-notification-menu .topbar-notification-item strong.d-block {font-size:calc(.62rem + 2px)!important}
.app-authenticated .topbar-notification-menu .topbar-notification-item small.text-muted {font-size:calc(.52rem + 2px)!important}
.app-authenticated .topbar-notification-menu > .text-muted {font-size:calc(1rem + 2px)!important}
@media (max-width:767.98px) {
  .app-authenticated .app-user-menu-head strong {font-size:calc(.94rem + 1px)}
  .app-authenticated .app-user-menu-head span {font-size:calc(.78rem + 1px)}
  .app-authenticated .app-user-menu .dropdown-item {font-size:calc(.88rem + 1px)}
}

/* Topbar user name and role: +1px, desktop and tablet only. */
@media (min-width:768px) {
  .app-authenticated .topbar-user-copy strong {font-size:calc(.88rem + 1px)}
  .app-authenticated .topbar-user-copy small {font-size:calc(.78rem + 1px)}
}

/* Shared glossy action-button treatment, inspired by the sign-in button. */
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link){
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  border:1px solid rgba(172,224,255,.8);
  border-radius:11px;
  background:linear-gradient(180deg,#55c3ff 0%,#1688ff 23%,#0665ed 60%,#064ac7 100%);
  box-shadow:none;
  text-shadow:0 1px 2px rgba(0,29,92,.3);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link)::before{
  content:'';position:absolute;pointer-events:none;z-index:0;top:2px;left:2%;right:2%;height:42%;
  border-radius:9px 9px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.03));
}
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link)::after{
  content:'';position:absolute;pointer-events:none;z-index:0;inset:0;
  background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.34) 47%,transparent 64%);
  transform:translateX(-130%);transition:transform .65s ease;
}
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link):hover:not(:disabled){
  color:#fff;transform:translateY(-2px);filter:brightness(1.05);
  box-shadow:none;
}
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link):hover:not(:disabled)::after{transform:translateX(130%)}
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link):active:not(:disabled){transform:translateY(2px);box-shadow:none}
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link):focus-visible{outline:3px solid #8bcaff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link){transition:none}
  body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link)::after{transition:none}
  body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-success,.btn-success):not(.table-action-icon):not(.btn-link):hover:not(:disabled){transform:none}
}

/* Global clear/reset buttons: dimensional sign-in treatment in their neutral palette. */
body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon){
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #c9d9f3;border-bottom-width:2px;border-radius:11px;
  background:linear-gradient(180deg,#fff 0%,#f5f8ff 42%,#e7eefb 100%);
  color:var(--operation-button-fg,#475569);
  box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 -3px 0 rgba(111,139,186,.18),0 3px 0 rgba(83,108,151,.24),0 7px 16px rgba(44,75,128,.12)!important;
  text-shadow:none;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon)::before{
  content:'';position:absolute;pointer-events:none;z-index:0;top:2px;left:2%;right:2%;height:42%;
  border-radius:9px 9px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.02));
}
body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon)::after{
  content:'';position:absolute;pointer-events:none;z-index:0;inset:0;
  background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.85) 47%,transparent 64%);
  transform:translateX(-130%);transition:transform .65s ease;
}
body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon):hover:not(:disabled){
  background:linear-gradient(180deg,#fff 0%,#f5f8ff 42%,#e7eefb 100%);color:var(--operation-button-fg,#475569);
  transform:translateY(-2px);filter:brightness(1.02);
  box-shadow:inset 0 2px 1px #fff,inset 0 -3px 0 rgba(111,139,186,.18),0 5px 0 rgba(83,108,151,.22),0 12px 23px rgba(44,75,128,.17)!important;
}
body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon):hover:not(:disabled)::after{transform:translateX(130%)}
body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon):active:not(:disabled){
  transform:translateY(2px)!important;
  box-shadow:inset 0 2px 3px rgba(44,75,128,.16),0 1px 0 rgba(83,108,151,.22),0 4px 10px rgba(44,75,128,.12)!important;
}
body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon):focus-visible{outline:3px solid #8bcaff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon){transition:none}
  body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon)::after{transition:none}
  body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon):hover:not(:disabled){transform:none}
}

/* Mobile reset controls retain the same dimensional finish and interaction as desktop. */
@media(max-width:767.98px){
  body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon){
    display:inline-flex;align-items:center;justify-content:center;
    width:46px;min-width:46px;height:46px;min-height:46px;padding:0;
    border:1px solid #c9d9f3;border-bottom-width:2px;border-radius:11px;
    background:linear-gradient(180deg,#fff 0%,#f5f8ff 42%,#e7eefb 100%);
    color:var(--operation-button-fg,#475569);
    box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 -3px 0 rgba(111,139,186,.18),0 3px 0 rgba(83,108,151,.24),0 7px 16px rgba(44,75,128,.12)!important;
  }
  body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon):active:not(:disabled){
    transform:translateY(2px)!important;
    box-shadow:inset 0 2px 3px rgba(44,75,128,.16),0 1px 0 rgba(83,108,151,.22),0 4px 10px rgba(44,75,128,.12)!important;
  }
}
@media(hover:none){
  body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon):hover:not(:disabled){
    transform:none;filter:none;
    box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 -3px 0 rgba(111,139,186,.18),0 3px 0 rgba(83,108,151,.24),0 7px 16px rgba(44,75,128,.12)!important;
  }
  body.app-authenticated .app-main-content :is(.operation-reset,.operation-button-reset,.btn-reset):not(.table-action-icon):hover:not(:disabled)::after{transform:translateX(-130%)}
}

/* Event tables: footer must not reserve an extra blank row beneath pagination. */
.app-authenticated .app-main-content .sales-event-form .sales-event-section-card > .operation-footer {
    box-sizing:border-box!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:4px 16px!important;
    align-items:center!important;
}
.app-authenticated .app-main-content .sales-event-form .sales-event-section-card {
    padding-bottom:0!important;
    min-height:0!important;
}
.app-authenticated .app-main-content .sales-event-form .sales-event-section-card > .operation-footer .pagination {
    margin:0!important;
}

/* ARVIX ONE: reserve a dedicated non-scrolling footer for the sidebar toggle. */
@media (min-width: 992px) {
  body.app-authenticated #appSidebar {
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  body.app-authenticated #appSidebar > .sidebar-shell,
  body.app-authenticated.sidebar-collapsed #appSidebar > .sidebar-shell {
    box-sizing: border-box !important;
    height: calc(100dvh - 76px) !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 1rem !important;
    scrollbar-width: thin;
  }
  body.app-authenticated.sidebar-collapsed #appSidebar > .sidebar-shell {
    overflow-y: auto !important;
  }
  body.app-authenticated #appSidebar::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 76px;
    pointer-events: none;
    border-top: 1px solid rgba(255,255,255,.30);
    background: linear-gradient(to bottom, rgba(255,255,255,.08), transparent 10px);
    z-index: 1;
  }
  body.app-authenticated #appSidebar > :is(.sidebar-toggle-expanded,.sidebar-toggle-compact) {
    z-index: 2 !important;
  }
}

/* Visible separator anchored to the fixed collapse control, not behind sidebar content. */
@media (min-width: 992px) {
  body.app-authenticated #appSidebar > .sidebar-toggle-expanded::before,
  body.app-authenticated #appSidebar > .sidebar-toggle-compact::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -16px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: rgba(180,210,255,.8) !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.28) !important;
    pointer-events: none !important;
  }
}

/* Collapse control matches the primary blue sidebar navigation item. */
@media (min-width: 992px) {
  body.app-authenticated #appSidebar > :is(.sidebar-toggle-expanded,.sidebar-toggle-compact) {
    background: #2563eb !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: #fff !important;
    min-height: 50px !important;
    height: 50px !important;
    font-weight: 600 !important;
    font-size: .84rem !important;
  }
  body.app-authenticated #appSidebar > .sidebar-toggle-expanded {
    justify-content: flex-start !important;
    padding: 0 12px !important;
  }
  body.app-authenticated #appSidebar > .sidebar-toggle-expanded i,
  body.app-authenticated #appSidebar > .sidebar-toggle-compact i {
    background: rgba(255,255,255,.17) !important;
    color: #fff !important;
    border-radius: 10px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex: 0 0 32px !important;
    display: grid !important;
    place-items: center !important;
    animation: none !important;
  }
  body.app-authenticated #appSidebar > :is(.sidebar-toggle-expanded,.sidebar-toggle-compact):hover {
    background: #1d4ed8 !important;
    box-shadow: none !important;
  }
  body.app-authenticated #appSidebar > .sidebar-toggle-expanded::before,
  body.app-authenticated #appSidebar > .sidebar-toggle-compact::before {
    height: 1px !important;
    background: rgba(180,210,255,.42) !important;
    box-shadow: none !important;
  }
}

/* Shared operational table geometry for system screens and other modules. */
.app-authenticated .app-main-content .operation-table-wrap {
  padding-inline: .8rem;
}
.app-authenticated .app-main-content .operation-table thead th,
.app-authenticated .app-main-content .operation-table tbody td {
  padding-inline: .8rem;
}
.app-authenticated .app-main-content .operation-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
}
.app-authenticated .app-main-content .operation-row-actions .table-action-icon {
  flex: 0 0 auto;
}

/* Split-action button layout: retains each action's existing semantic colors. */
.app-authenticated .app-main-content .access-split-btn {
  display: inline-flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  min-height: var(--workspace-control-height, 44px);
  text-decoration: none;
}
.app-authenticated .app-main-content .access-split-btn .access-split-label {
  display: inline-flex;
  align-items: center;
  padding: 0 .95rem;
  white-space: nowrap;
}
.app-authenticated .app-main-content .access-split-btn .access-split-icon {
  display: inline-grid;
  place-items: center;
  min-width: 43px;
  padding: 0 .75rem;
  border-left: 1px solid currentColor;
  background: rgba(37,99,235,.075);
}
.app-authenticated .app-main-content .access-split-btn .access-split-icon i {
  margin: 0 !important;
}

/* Flat left-icon header buttons, retaining original hover luminosity. */
.app-authenticated .app-main-content .access-split-btn {
  justify-content: flex-start !important;
  align-items: center !important;
  border-radius: var(--workspace-radius-control, 12px) !important;
  box-shadow: none !important;
  background-image: none !important;
  transition: filter .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}
.app-authenticated .app-main-content .access-split-btn .access-split-icon {
  order: 0;
  border: 0 !important;
  background: transparent !important;
  min-width: 0;
  padding: 0 .2rem 0 .9rem;
}
.app-authenticated .app-main-content .access-split-btn .access-split-label {
  order: 1;
  padding: 0 .9rem 0 .35rem;
}
.app-authenticated .app-main-content .access-split-btn:hover {
  filter: brightness(1.1) !important;
  box-shadow: 0 0 0 2px rgba(59,130,246,.12), 0 0 16px rgba(59,130,246,.18) !important;
}

/* Flat header actions in access history: keep global hover movement. */
.app-authenticated .app-main-content .access-page-head .access-page-btn {
  box-shadow: none !important;
  border-bottom-width: 1px !important;
  transform: none;
}
.app-authenticated .app-main-content .access-page-head .access-page-btn:hover {
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}
.app-authenticated .app-main-content .access-page-head .access-page-btn:active {
  box-shadow: none !important;
  transform: translateY(0) !important;
}


/* Access history header only: remove the lower 3D ledge, keep glossy face and hover animation. */
body.app-authenticated .app-main-content .access-page-head .access-page-btn {
  box-shadow: inset 0 2px 1px rgba(255,255,255,.68), 0 7px 16px rgba(0,97,240,.12) !important;
}
body.app-authenticated .app-main-content .access-page-head .access-page-btn:hover {
  box-shadow: inset 0 2px 1px rgba(255,255,255,.68), 0 9px 18px rgba(0,97,240,.15) !important;
}
body.app-authenticated .app-main-content .access-page-head .access-page-btn:active {
  box-shadow: inset 0 2px 1px rgba(255,255,255,.68) !important;
}

/* Access history: no shadow or raised base beneath either header button. */
body.app-authenticated .app-main-content .access-page-head .access-page-btn,
body.app-authenticated .app-main-content .access-page-head .access-page-btn:hover,
body.app-authenticated .app-main-content .access-page-head .access-page-btn:active,
body.app-authenticated .app-main-content .access-page-head .access-page-btn:focus {
  box-shadow: none !important;
  filter: none;
}
body.app-authenticated .app-main-content .access-page-head .access-page-btn:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08);
}
body.app-authenticated .app-main-content .access-page-head .access-page-btn:active {
  transform: translateY(0) !important;
}

/* Global candy-blue buttons: flat silhouette, sliding shine and hover lift. */
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary):not(.table-action-icon):not(.btn-link) {
  border: 1px solid #1475ef !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg,#65d1ff 0%,#258dff 28%,#0769ee 68%,#0751d1 100%) !important;
  box-shadow: none !important;
  background-clip: padding-box;
  transform: translateY(0);
  transition: transform .2s ease,filter .2s ease !important;
}
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary):not(.table-action-icon):not(.btn-link):hover {
  box-shadow: none !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.07);
}
body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary):not(.table-action-icon):not(.btn-link):active {
  box-shadow: none !important;
  transform: translateY(0) !important;
}
body.app-authenticated .app-main-content :is(.operation-button-outline,.btn-outline-secondary,.operation-button-back):not(.table-action-icon):not(.btn-link) {
  box-shadow: none !important;
  border-bottom-width: 1px !important;
}
body.app-authenticated .app-main-content :is(.operation-button-outline,.btn-outline-secondary,.operation-button-back):not(.table-action-icon):not(.btn-link):hover {
  box-shadow: none !important;
  transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
  body.app-authenticated .app-main-content :is(.operation-button-primary,.btn-primary,.operation-button-outline,.btn-outline-secondary,.operation-button-back):not(.table-action-icon):not(.btn-link):hover {
    transform: none !important;
  }
}

/* Unified global flat button interaction; semantic colors stay intact. */
body.app-authenticated .app-main-content :is(button.btn,a.btn,.operation-button,.operation-reset):not(.table-action-icon):not(.btn-link):not(:disabled):not([aria-disabled="true"]) {
  box-shadow: none !important;
  border-bottom-width: 1px !important;
  transition: transform .2s ease, filter .2s ease, background-color .2s ease !important;
}
body.app-authenticated .app-main-content :is(button.btn,a.btn,.operation-button,.operation-reset):not(.table-action-icon):not(.btn-link):hover:not(:disabled):not([aria-disabled="true"]) {
  box-shadow: none !important;
  transform: translateY(-2px) !important;
  filter: brightness(1.07);
}
body.app-authenticated .app-main-content :is(button.btn,a.btn,.operation-button,.operation-reset):not(.table-action-icon):not(.btn-link):active:not(:disabled) {
  box-shadow: none !important;
  transform: translateY(0) !important;
}
@media (prefers-reduced-motion: reduce) {
  body.app-authenticated .app-main-content :is(button.btn,a.btn,.operation-button,.operation-reset):not(.table-action-icon):not(.btn-link):hover {
    transform: none !important;
  }
}

/* Shared flush filter-to-table layout: no nested frame, gap or inset. */
body.app-authenticated .app-main-content .operation-table-card > .access-filter-flush {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 12px 16px !important;
}
body.app-authenticated .app-main-content .operation-table-card > .access-table-flush {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.app-authenticated .app-main-content .operation-table-card > .access-table-flush .operation-table {
  margin: 0 !important;
}

/* Access logs uses the same single-card filter/table spacing as receipts. */
body.app-authenticated .app-main-content .access-table-card.operation-table-card {
  overflow: hidden;
}
body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 16px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:not(.access-toolbar-actions) {
  flex: 1 1 190px;
  min-width: 0;
}
body.app-authenticated .app-main-content .access-table-card > #access-logs-table-wrapper {
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.app-authenticated .app-main-content .access-table-card > #access-logs-table-wrapper .operation-table {
  margin: 0 !important;
}
@media(max-width:767.98px) {
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters {
    padding: 10px 10px 6px !important;
  }
  body.app-authenticated .app-main-content .access-table-card > #access-logs-table-wrapper {
    padding: 0 10px !important;
  }
}

/* Shared operational footer geometry for the access-history table. */
body.app-authenticated .app-main-content .access-table-card > .access-table-footer.operation-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 !important;
  padding: 16px !important;
  border-top: 1px solid var(--workspace-border, #dce5f2);
  color: var(--workspace-muted);
  font-size: var(--workspace-meta-size);
}
body.app-authenticated .app-main-content .access-table-card > .access-table-footer.operation-table-footer .pagination {
  margin: 0;
}
@media(max-width:767.98px) {
  body.app-authenticated .app-main-content .access-table-card > .access-table-footer.operation-table-footer {
    padding: 12px 10px !important;
  }
}


/* Global mobile back control animation; available to every authenticated subpage. */
@keyframes arvix-mobile-back-nudge {
  0%,100% { transform:translateX(0); }
  45%,65% { transform:translateX(-6px); }
}

/* Reusable compact mobile patterns. Opt in with mobile-* utility classes. */
.mobile-floating-back,.mobile-record-summary { display:none; }
@media (max-width:767.98px) {
  .mobile-centered-actions { display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; width:100%; gap:8px!important; }
  .mobile-centered-actions > a:not(.mobile-hide-back) { display:inline-flex!important; align-items:center; justify-content:center; flex:0 1 auto!important; width:auto!important; min-width:0; padding:9px 12px!important; font-size:var(--workspace-page-copy-size)!important; }
  .mobile-centered-actions .mobile-hide-back { display:none!important; }
  .mobile-floating-back { display:grid!important; position:fixed!important; z-index:1045!important; right:16px!important; bottom:calc(82px + env(safe-area-inset-bottom))!important; width:48px!important; height:48px!important; place-items:center!important; border:1px solid rgba(255,255,255,.55)!important; border-radius:50%!important; background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.9),var(--brand-primary))!important; color:#fff!important; box-shadow:0 10px 24px rgba(9,83,177,.32)!important; text-decoration:none!important; animation:arvix-mobile-back-nudge 1.8s ease-in-out infinite; }
  .mobile-floating-back:hover { color:#fff; }
  .mobile-floating-back i { font-size:1.15rem; }
  @media (prefers-reduced-motion:reduce) { .mobile-floating-back { animation:none!important; } }
  .mobile-kpi-row { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:5px!important; }
  .mobile-kpi-row > * { min-width:0!important; min-height:96px!important; padding:.45rem .1rem!important; gap:.3rem!important; }
  .mobile-kpi-row .operation-kpi-icon { width:32px!important; height:32px!important; flex:0 0 32px!important; margin-bottom:5px!important; }
  .mobile-kpi-row .operation-kpi-value { font-size:var(--workspace-kpi-value-size)!important; line-height:1.25!important; }
  .mobile-kpi-row .operation-kpi-label { font-size:var(--workspace-meta-size)!important; line-height:1.15!important; overflow-wrap:normal; word-break:normal; }
  .mobile-kpi-row .operation-kpi-copy { display:none!important; }
  /* Shared mobile KPI layout: center every element regardless of the page's card markup. */
  body.app-authenticated .app-main-content .mobile-kpi-row > .operation-kpi-card {
    display:flex!important; flex-direction:column!important; align-items:center!important;
    justify-content:flex-start!important; text-align:center!important;
  }
  body.app-authenticated .app-main-content .mobile-kpi-row .operation-kpi-icon {
    align-self:center!important; margin-inline:auto!important;
  }
  body.app-authenticated .app-main-content .mobile-kpi-row .operation-kpi-card > div:not(.operation-kpi-icon) {
    display:flex!important; flex-direction:column!important; align-items:center!important;
    justify-content:center!important; width:100%!important; min-width:0!important;
    text-align:center!important;
  }
  body.app-authenticated .app-main-content .mobile-kpi-row .operation-kpi-label {
    order:2!important; display:block!important; width:100%!important; margin:0!important;
    text-align:center!important; overflow-wrap:anywhere!important;
  }
  body.app-authenticated .app-main-content .mobile-kpi-row .operation-kpi-value {
    order:1!important; display:block!important; width:100%!important; margin:0 0 3px!important;
    text-align:center!important;
  }
  body.app-authenticated .app-main-content .access-table-card > .mobile-filter-grid.operation-filters {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px!important; align-items:center!important; position:relative;
  }
  .mobile-filter-grid > div { min-width:0!important; width:100%!important; flex:none!important; }
  .mobile-filter-grid > div:nth-child(1) { grid-column:1 / -1; grid-row:1; padding-right:54px; }
  .mobile-filter-grid > div:nth-child(2) { grid-column:1 / -1; grid-row:2; }
  .mobile-filter-grid > div:nth-child(3) { grid-column:1; grid-row:3; }
  .mobile-filter-grid > div:nth-child(4) { grid-column:2; grid-row:3; }
  .mobile-filter-grid > .mobile-filter-reset { grid-column:2; grid-row:1; justify-self:end; width:46px!important; display:flex!important; justify-content:center!important; z-index:1; }
  .mobile-filter-grid input[type=date] { min-width:0!important; width:100%!important; font-size:var(--workspace-meta-size)!important; padding:9px 4px!important; box-sizing:border-box; }
  .mobile-filter-grid .ts-wrapper,.mobile-filter-grid .ts-control { max-width:100%!important; min-width:0!important; }
  .mobile-compact-records .operation-table { display:block!important; width:100%!important; }
  .mobile-compact-records .operation-table thead { display:none!important; }
  .mobile-compact-records .operation-table tbody { display:grid!important; gap:8px!important; }
  .mobile-compact-records .operation-table tbody tr { display:block!important; width:100%!important; border:1px solid var(--workspace-border,#dce5f2)!important; border-radius:15px!important; padding:10px!important; background:#fff!important; }
  .mobile-compact-records .operation-table tbody tr > td { display:none!important; border:0!important; padding:0!important; width:100%!important; }
  .mobile-compact-records .operation-table tbody tr > td:first-child { display:block!important; }
  .mobile-compact-records .operation-table tbody tr > td[colspan] { display:block!important; text-align:center; }
  .mobile-compact-records .operation-table tbody tr > td:first-child > .access-date-main,
  .mobile-compact-records .operation-table tbody tr > td:first-child > .access-muted { display:none!important; }
  .mobile-record-summary { display:block!important; }
  .mobile-record-top,.mobile-record-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .mobile-record-top { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.65rem; align-items:start; margin-bottom:8px; }
  .mobile-record-identity { min-width:0; }
  .mobile-record-txtop { font-size:var(--workspace-meta-size); font-weight:500; color:var(--workspace-muted); margin-top:3px; }
  .mobile-record-txtop span { font-weight:400; margin-left:3px; }
  .mobile-record-top .access-event-pill { min-height:30px; padding:4px 11px; font-size:var(--workspace-meta-size); }
  .mobile-record-name { font-size:var(--workspace-table-size); font-weight:800; color:var(--workspace-title); line-height:1.3; overflow-wrap:anywhere; }
  .mobile-record-description { font-size:var(--workspace-table-size); font-weight:600; color:var(--workspace-copy-strong); line-height:1.4; padding-top:10px; border-top:1px solid #e8edf5; }
  .mobile-record-bottom { margin-top:7px; align-items:center; min-height:42px; }
  .mobile-record-details { font-size:12px; color:#48617e; min-width:0; overflow-wrap:anywhere; }
  .mobile-record-details summary { color:var(--brand-primary,#2563eb); font-weight:700; cursor:pointer; }
  .mobile-record-details[open] > div { margin-top:5px; }
}

/* Mobile access record: same compact two-tier hierarchy as receipt cards. */
@media (max-width:767.98px) {
  .mobile-compact-records .mobile-record-top { margin-bottom:0; padding-bottom:8px; border-bottom:1px solid #e8edf5; }
  .mobile-compact-records .mobile-record-txtop { line-height:1.4; overflow-wrap:anywhere; }
  .mobile-compact-records .mobile-record-separator { color:#9aaac1; margin:0 3px; }
  .mobile-compact-records .mobile-record-bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:8px; }
  .mobile-compact-records .mobile-record-contact { min-width:0; flex:1; font-size:var(--workspace-meta-size); line-height:1.5; color:var(--workspace-muted); }
  .mobile-compact-records .mobile-record-txtbot1 { color:var(--workspace-copy-strong); font-weight:600; overflow-wrap:anywhere; }
  .mobile-compact-records .mobile-record-txtbot2 { margin-top:3px; overflow-wrap:anywhere; }
  .mobile-compact-records .mobile-record-bottom > form { flex:0 0 auto; }
}

/* Access history mobile card: suppress inherited stacked-table Fecha label. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .mobile-compact-records .operation-table.operation-stack-table tbody td:first-child::before {
    content:none!important;
    display:none!important;
  }
}

/* Shared mobile table footer: count on left, pagination on right, one row. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .access-table-footer.mobile-paginated-footer:has(.pagination) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
  }
  body.app-authenticated .app-main-content .access-table-footer.mobile-paginated-footer:has(.pagination) > :first-child {
    min-width:0!important;
    text-align:left!important;
    font-size:var(--workspace-meta-size)!important;
    line-height:1.35!important;
  }
  body.app-authenticated .app-main-content .access-table-footer.mobile-paginated-footer:has(.pagination) > :last-child {
    min-width:0!important;
    justify-self:end!important;
    margin:0!important;
  }
  body.app-authenticated .app-main-content .access-table-footer.mobile-paginated-footer .pagination {
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    gap:2px!important;
    margin:0!important;
  }
  body.app-authenticated .app-main-content .access-table-footer.mobile-paginated-footer .pagination .page-link {
    padding:5px 7px!important;
    font-size:var(--workspace-meta-size)!important;
  }
}

/* System settings: page layout uses shared workspace tokens and operation controls. */
:is(.settings-section-card,.settings-info-card) {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);}
.settings-section-icon {width:var(--workspace-head-icon-size);height:var(--workspace-head-icon-size);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.45rem;flex:0 0 var(--workspace-head-icon-size);background:rgba(var(--brand-primary-rgb),.08);border:1px solid rgba(var(--brand-primary-rgb),.16);color:var(--brand-primary);}
.settings-info-icon {width:var(--workspace-head-icon-size);height:var(--workspace-head-icon-size);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.45rem;flex:0 0 var(--workspace-head-icon-size);background:rgba(var(--brand-primary-rgb),.08);border:1px solid rgba(var(--brand-primary-rgb),.16);color:var(--brand-primary);}
.settings-form {display:grid;gap:1rem;}
.settings-section-card {padding:1.15rem 1.15rem 1.1rem;}
.settings-section-head {display:flex;align-items:center;gap:0.85rem;margin-bottom:1rem;}
.settings-section-head.compact {margin-bottom:0.9rem;}
.settings-grid-general {display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));}
.settings-grid-secondary {display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));}
.settings-field-grid {display:grid;gap:0.95rem;grid-template-columns:repeat(2, minmax(0, 1fr));}
.settings-info-card {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.15rem;background:linear-gradient(90deg, rgba(239, 246, 255, 0.88), rgba(255, 255, 255, 0.96));}
.settings-info-main {display:flex;align-items:flex-start;gap:0.95rem;flex:1 1 460px;min-width:0;}
.settings-info-icon {width:40px;height:40px;border-radius:14px;font-size:1rem;flex:0 0 40px;}
.settings-info-title {color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;margin:0 0 0.12rem;}
.settings-info-copy {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.45;margin:0;}
.settings-actions {display:flex;justify-content:flex-end;flex:0 0 auto;align-self:center;}
.settings-page-pad {padding:0.2rem 0.15rem 1rem;}
.settings-head {margin-bottom:var(--workspace-section-gap, 1.25rem);}
.settings-shell .settings-form {margin-top:0;}
.settings-save-btn {white-space:nowrap;}
.settings-form .listbox-shell {box-shadow:none !important;filter:none !important;}
@media (max-width: 1199.98px) {
.settings-grid-secondary {grid-template-columns:1fr;}
}
@media (max-width: 991.98px) {
.settings-grid-general {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 575.98px) {
.settings-grid-general,.settings-field-grid {grid-template-columns:1fr;}
}
.settings-company-logo {max-width:210px;max-height:90px;object-fit:contain;}

/* Catalog center: unified search/reset row and table presentation. */
.app-authenticated .app-main-content .operation-shell .operation-filter-bar:has(.catalog-clear-icon){display:flex;align-items:center;gap:12px;flex-wrap:nowrap;padding:16px;border-bottom:1px solid var(--workspace-border);min-width:0}
.app-authenticated .app-main-content .operation-shell .operation-filter-bar:has(.catalog-clear-icon)>:first-child{flex:1 1 auto;min-width:0;width:auto;max-width:none}
.app-authenticated .app-main-content .operation-shell .operation-filter-bar:has(.catalog-clear-icon) .operation-search,.app-authenticated .app-main-content .operation-shell .operation-filter-bar:has(.catalog-clear-icon) [class$="-search"]{min-width:0;max-width:none;width:100%;margin:0}
.app-authenticated .app-main-content .operation-shell .operation-filter-bar .catalog-clear-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;min-width:46px;height:var(--workspace-control-height,44px);padding:0!important;margin:0;line-height:1;text-decoration:none}
.app-authenticated .app-main-content .operation-shell .operation-filter-bar .catalog-clear-icon i{font-size:18px;line-height:1}
.app-authenticated .app-main-content .operation-shell .operation-table-card .operation-table-wrap{width:100%;overflow-x:auto}
.app-authenticated .app-main-content .operation-shell .operation-table-card .operation-table{width:100%}
@media(max-width:767.98px){.app-authenticated .app-main-content .operation-shell .operation-filter-bar:has(.catalog-clear-icon){gap:8px;padding:12px}.app-authenticated .app-main-content .operation-shell .operation-filter-bar .catalog-clear-icon{flex-basis:44px;width:44px;min-width:44px}}

/* Catalog tables: borderless filter row and no top rule on column headers. */
body.app-authenticated .app-main-content .operation-shell .operation-filter-bar:has(.catalog-clear-icon){border:0!important;border-bottom:0!important;box-shadow:none!important}
body.app-authenticated .app-main-content .operation-shell .operation-table-card .operation-table thead,body.app-authenticated .app-main-content .operation-shell .operation-table-card .operation-table thead tr,body.app-authenticated .app-main-content .operation-shell .operation-table-card .operation-table thead th{border-top:0!important}

/* Catalog create/edit: standard header actions and accessible sliding status switch. */
.catalog-form-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.catalog-form-header-actions .operation-button{min-height:var(--workspace-control-height,44px)}
/* Shared catalog switch: native checkbox with a sliding circular thumb.
   Use the background SVG rather than pseudo-elements on replaced input controls. */
.catalog-form-switch .form-check{display:flex;align-items:center;min-height:34px;padding:0;margin:0}
body.app-authenticated .app-main-content .catalog-form-switch .form-check.form-switch .form-check-input{
  appearance:none!important;-webkit-appearance:none!important;display:block;float:none!important;
  flex:0 0 52px;width:52px!important;min-width:52px!important;height:30px!important;min-height:30px!important;
  margin:0!important;border:1px solid #b7c4d5!important;border-radius:999px!important;
  background-color:#cbd5e1!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='white'/%3E%3C/svg%3E")!important;
  background-size:24px 24px!important;background-repeat:no-repeat!important;
  background-position:left 3px center!important;
  box-shadow:inset 0 1px 3px rgba(22,34,56,.15)!important;cursor:pointer;
  transition:background-position .2s ease,background-color .2s ease,border-color .2s ease;
}
body.app-authenticated .app-main-content .catalog-form-switch .form-check.form-switch .form-check-input::after{content:none!important;display:none!important}
body.app-authenticated .app-main-content .catalog-form-switch .form-check.form-switch .form-check-input:checked{
  background-color:#22c55e!important;border-color:#16a34a!important;background-position:right 3px center!important;
}
body.app-authenticated .app-main-content .catalog-form-switch .form-check.form-switch .form-check-input:focus-visible{
  outline:3px solid rgba(37,99,235,.3);outline-offset:3px;
}
.catalog-form-switch-copy{min-width:0}
@media(max-width:767.98px){.catalog-form-header-actions{width:100%;justify-content:flex-end}}

/* Catalog Center mobile forms: center Save and use the existing floating Back action. */
@media(max-width:767.98px){
.catalog-form-shell .catalog-form-header-actions{width:100%;justify-content:center!important}
.catalog-form-shell .catalog-form-header-actions > a.operation-button-back{display:none!important}
}

/* Catalog status uses the native select; grid sizing is defined in catalog-index-styles. */

/* Global KPI responsive layout: phones 4 compact, portrait tablets 2, landscape tablets 4. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .operation-kpi-grid:not(.operation-three-kpis) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  body.app-authenticated .app-main-content .operation-kpi-grid:not(.operation-three-kpis) > * {
    min-width: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) and (orientation: portrait) {
  body.app-authenticated .app-main-content .operation-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
  body.app-authenticated .app-main-content .operation-kpi-grid:not(.operation-three-kpis) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}


/* ARVIX ONE shared page structure contract (desktop/tablet). */
/* Views provide content; shared operation classes own header geometry.
   Keep actions beside the heading on tablet and desktop; mobile may stack. */
@media (min-width:768px) {
  body.app-authenticated .app-main-content .operation-shell .operation-page-head {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    min-width:0;
  }
  body.app-authenticated .app-main-content .operation-shell .operation-page-head > .operation-head-main {
    flex:1 1 0;
    min-width:0;
  }
  body.app-authenticated .app-main-content .operation-shell .operation-page-head > .operation-head-actions {
    display:flex;
    flex:0 0 auto;
    width:auto;
    max-width:100%;
    margin-left:auto;
    flex-wrap:nowrap;
    justify-content:flex-end;
  }
}

/* Settings-specific header and mobile layout; base component rules live above. */
.settings-page-pad .settings-head.operation-page-head {margin-bottom:1rem;}




@media (max-width: 767.98px) {
.settings-page-pad .settings-head.operation-page-head {display:flex;flex-direction:column;align-items:stretch;}
.settings-page-pad .settings-head .operation-head-actions {display:flex;width:100%;justify-content:center;align-items:center;}
.settings-page-pad .settings-head .settings-save-btn {margin-inline:auto;}
.settings-page-pad .settings-grid-general {grid-template-columns:repeat(2,minmax(0,1fr));}
.settings-page-pad .settings-grid-general > div {min-width:0;}
.settings-page-pad .settings-grid-general > div:nth-child(1),
.settings-page-pad .settings-grid-general > div:nth-child(2) {grid-column:1 / -1;}
.settings-page-pad .settings-field-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.settings-page-pad .settings-field-grid > div {min-width:0;}
.settings-page-pad .settings-field-grid .input-group {min-width:0;}
.settings-page-pad .settings-field-grid .input-group .form-control {min-width:0;}
}


/* Company logo selector follows the shared raised file-picker design. */
.settings-logo-file-picker{display:flex;align-items:center;box-sizing:border-box;min-height:54px;width:100%;padding:4px;border:1px solid #b5c0d3;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 2px 5px rgba(28,43,71,.07)}
.settings-logo-file-trigger{box-sizing:border-box;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px;flex:0 0 auto;min-height:44px;height:44px;padding:0 17px;margin:0;border:1px solid #c6cfdd;border-radius:10px;background:linear-gradient(180deg,#fcfdff 0%,#e1e6ee 100%);box-shadow:inset 0 1px 1px #fff,0 2px 4px rgba(28,43,71,.19);color:#263650;font-family:inherit;font-size:15px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer}
.settings-logo-file-trigger:hover{background:linear-gradient(180deg,#fff 0%,#d9e1ec 100%);border-color:#aab8cc}
.settings-logo-file-trigger:active{background:linear-gradient(180deg,#dfe5ee,#f5f7fa);box-shadow:inset 0 2px 4px rgba(25,42,72,.18)}
.settings-logo-file-trigger:has(~ input:focus-visible){outline:2px solid var(--brand-primary);outline-offset:2px}
.settings-logo-file-trigger>i,.settings-logo-file-trigger>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;margin:0!important;padding:0!important;position:static!important;line-height:1!important;vertical-align:middle!important;transform:none!important}
.settings-logo-file-trigger>i{width:18px;height:18px;flex:0 0 18px;font-size:18px}
.settings-logo-file-trigger>span{font-size:15px;font-weight:650}
.settings-logo-file-name{display:flex;align-items:center;flex:1 1 auto;min-width:0;min-height:44px;margin-left:12px;padding:0 12px;border-left:1px solid #cbd4e2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68768f;font-size:15px;line-height:1.3}
@media(max-width:767.98px){.settings-logo-file-trigger{padding:0 10px;font-size:13px;gap:6px}.settings-logo-file-trigger>span{font-size:13px}.settings-logo-file-name{margin-left:8px;padding:0 8px;font-size:13px}}

/* Extracted from resources/views/catalogs/brands/form.blade.php; component styles maintained centrally. */
/* Brands: four aligned fields on desktop/tablet; code and name share the mobile row. */
.catalog-form-shell .brand-form-fields{
    display:grid!important;
    grid-template-columns:minmax(0,0.85fr) minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1.2fr)!important;
    gap:12px!important;
    align-items:start!important;
}
.catalog-form-shell .brand-form-fields > *{min-width:0!important;grid-column:auto!important}
@media(max-width:767.98px){
    .catalog-form-shell .brand-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
    .catalog-form-shell .brand-form-fields > .brand-form-notes,
    .catalog-form-shell .brand-form-fields > .catalog-form-switch-wrap{grid-column:1 / -1!important}
}

/* Page-specific presentation: resources/views/system/users.blade.php. Shared geometry belongs to operation-* components. */
.users-form-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);}
.users-role-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);}
.users-role-icon {width:var(--workspace-head-icon-size);height:var(--workspace-head-icon-size);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 var(--workspace-head-icon-size);}
.users-page-btn {white-space:nowrap;text-decoration:none;}
.users-primary-btn {white-space:nowrap;text-decoration:none;}
.users-bottom-grid {display:grid;gap:1rem;}
.users-bottom-grid {grid-template-columns:minmax(0, 1fr);}
.users-bottom-grid:has(.users-role-card){grid-template-columns:minmax(0, 1.6fr) minmax(280px, 1fr);}
.users-table-card > .users-filter-toolbar.operation-filters {border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) repeat(2,minmax(170px, 0.66fr)) 46px;align-items:center;gap:12px!important;}
.users-search-field{position:relative;}
.users-search-field > .bi-search{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--workspace-muted);pointer-events:none;z-index:1;}
.users-table-card .users-search-field > input.operation-input{padding-left:44px!important;}
.users-table-card > .users-filter-toolbar > div:not(.users-filter-actions) {min-width:0;width:100%;}
.users-table-card > .users-filter-toolbar .users-filter-actions {display:flex;gap:8px;align-items:center;justify-content:flex-end;flex:0 0 46px;}
.users-table-card .users-filter-actions > .operation-reset {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;line-height:1!important;flex:0 0 46px!important;}
.users-table-card .users-filter-actions > .operation-reset > .bi {font-size:20px!important;line-height:1!important;display:block;}
.users-table-card > .users-table-content {margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;}
.users-table-card > .users-table-content .users-table-wrap {border:0!important;box-shadow:none!important;}
.users-mobile-record{display:none;}
.users-form-card {padding:1.25rem 1.35rem;}
.users-role-card {padding:1.25rem 1.35rem;}
.users-kicker {display:inline-flex;align-items:center;}
.users-chevron {color:#2563eb;font-size:1.25rem;opacity:0.85;}
.users-card-head {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap;}
.users-card-head-actions {display:flex;align-items:center;gap:0.7rem;flex-wrap:wrap;justify-content:flex-end;}
.users-card-title-wrap {display:flex;align-items:flex-start;gap:0.9rem;}
.users-field-grid {display:grid;gap:1rem;grid-template-columns:repeat(3, minmax(0, 1fr));}
.users-field-grid .form-label {margin-bottom:0.5rem;}
.users-photo-field {grid-column:1/-1;max-width:560px;}
.users-photo-picker {display:flex;align-items:center;gap:14px;min-width:0;}
.users-photo-preview {width:64px;height:64px;flex:0 0 64px;border-radius:14px;font-size:1.1rem;overflow:hidden;}
.users-photo-input-wrap {min-width:0;flex:1;}
.users-photo-input-wrap input[type="file"] {width:100%;min-width:0;max-width:440px;}
.users-photo-input-wrap small {display:block;margin-top:6px;color:var(--workspace-muted);font-size:var(--workspace-meta-size);}
@media (max-width: 767.98px) {.users-photo-field {max-width:100%;}.users-photo-picker {gap:12px;}.users-photo-preview {width:56px;height:56px;flex-basis:56px;}}

.users-search-form {display:flex;gap:0.6rem;align-items:center;flex-wrap:nowrap;justify-content:flex-end;width:100%;max-width:430px;}
.users-search-form .form-control {min-width:0;flex:1 1 auto;}
.users-avatar {width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--workspace-page-copy-size);font-weight:700;color:#fff;flex:0 0 38px;}
.users-avatar img {width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.users-avatar img[hidden] {display:none;}
.users-avatar.primary {background:linear-gradient(180deg, #3B82F6 0%, #2563EB 100%);}
.users-avatar.violet {background:linear-gradient(180deg, #8B5CF6 0%, #6D28D9 100%);}
.users-avatar.success {background:linear-gradient(180deg, #10B981 0%, #047857 100%);}
.users-avatar > span:not([hidden]) {display:inline!important;color:#fff!important;line-height:1!important;}
.users-avatar > span[hidden] {display:none!important;}
.users-usercell {display:flex;align-items:center;gap:0.75rem;}
.users-user-name {color:#162847;font-size:var(--workspace-table-size);font-weight:700;margin:0;}
.users-role-pill {display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:0.2rem 0.7rem;font-size:var(--workspace-meta-size);font-weight:700;white-space:nowrap;}
.users-status-pill {display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:0.2rem 0.7rem;font-size:var(--workspace-meta-size);font-weight:700;white-space:nowrap;}
.users-role-pill.primary {background:rgba(219, 234, 254, 0.9);color:#2563eb;}
.users-status-pill.active {background:rgba(220, 252, 231, 0.95);color:#15803d;}
.users-status-pill.inactive {background:rgba(254, 226, 226, 0.95);color:#dc2626;}
.users-table-actions {display:inline-flex;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;}
.users-ghost-btn {min-height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;font-size:var(--workspace-button-font-size);font-weight:700;padding-inline:0.85rem;text-decoration:none;}
.users-danger-btn {text-decoration:none;}
.users-ghost-btn {background:rgba(255,255,255,0.94);border:1px solid rgba(216, 225, 240, 0.95);color:#3d5680;box-shadow:none;}
.users-table-footer {padding-top:0.9rem;}
.users-role-stack {display:grid;gap:0.9rem;}
.users-role-item {border-radius:22px;border:1px solid rgba(216, 225, 240, 0.92);padding:1rem 1rem 0.95rem;background:rgba(255,255,255,0.98);}
.users-role-head {display:flex;align-items:flex-start;gap:0.85rem;margin-bottom:0.6rem;}
.users-role-icon {width:48px;height:48px;border-radius:16px;font-size:1.15rem;flex:0 0 48px;}
.users-role-name {margin:0;font-size:var(--workspace-table-size);font-weight:700;}
.users-role-summary {margin:0.18rem 0 0;color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.users-role-list {margin:0;padding-left:1rem;color:#1c2948;font-size:var(--workspace-page-copy-size);line-height:1.6;}
@media (max-width: 1399.98px) {
.users-field-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 1199.98px) {
.users-bottom-grid,.users-bottom-grid:has(.users-role-card) {grid-template-columns:1fr;}


}
@media (max-width: 767.98px) {
.users-field-grid {grid-template-columns:1fr;}
.users-chevron {display:none;}
.users-search-form {max-width:none;width:100%;}


}


@media (max-width:767.98px) {
  .users-header-actions {width:100%;display:flex!important;justify-content:center!important;align-items:center;flex-wrap:nowrap!important;gap:8px!important;}
  .users-header-actions > a:not(.mobile-hide-back) {display:inline-flex!important;align-items:center;justify-content:center;min-width:0;flex:0 1 auto;font-size:var(--workspace-page-copy-size)!important;padding:9px 12px!important;}
  .users-header-actions > .mobile-hide-back {display:none!important;}
  .users-table-card > .users-filter-toolbar.operation-filters {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .users-table-card > .users-filter-toolbar > div:nth-child(1) {grid-column:1/-1!important;grid-row:1;padding-right:54px;}
  .users-table-card > .users-filter-toolbar > .users-filter-actions {grid-column:2!important;grid-row:1;justify-self:end;z-index:1;width:46px!important;}
  .users-table-card > .users-filter-toolbar > div:nth-child(2) {grid-column:1!important;grid-row:2;min-width:0!important;}
  .users-table-card > .users-filter-toolbar > div:nth-child(3) {grid-column:2!important;grid-row:2;min-width:0!important;}
  .users-table-card > .users-filter-toolbar.operation-filters {padding-bottom:8px!important;}\n  .users-table-card > .users-table-content {padding:0 0 12px!important;}
  .users-table-card .users-mobile-cards {padding:0 16px!important;margin:0!important;box-sizing:border-box!important;}
  .users-table-card .users-mobile-cards {overflow:visible!important;}
  .users-table-card .users-mobile-cards .users-table {display:block!important;width:100%!important;}
  .users-table-card .users-mobile-cards .users-table thead {display:none!important;}
  .users-table-card .users-mobile-cards .users-table tbody {display:grid!important;gap:8px!important;}
  .users-table-card .users-mobile-cards .users-table tbody tr {display:block!important;width:100%!important;border:1px solid var(--workspace-border)!important;border-radius:15px!important;padding:10px!important;background:#fff!important;}
  .users-table-card .users-mobile-cards .users-table tbody tr > td {display:none!important;}
  .users-table-card .users-mobile-cards .users-table tbody tr > td:first-child {display:block!important;padding:0!important;border:0!important;width:100%!important;}
  .users-table-card .users-mobile-cards .users-table tbody tr > td[colspan] {display:block!important;text-align:center!important;}
  .users-table-card .users-mobile-cards .users-table tbody tr > td:first-child::before {display:none!important;}
  .users-table-card .users-mobile-cards .users-table tbody tr > td:first-child > .users-usercell {display:none!important;}
  .users-table-card .users-mobile-cards .users-mobile-record {display:block!important;}
    .users-mobile-header {display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:10px;min-height:54px;}
  .users-mobile-header .users-avatar {width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px;}
  .users-mobile-identity {display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;}
  .users-mobile-header .users-role-pill {font-size:var(--workspace-meta-size)!important;}
  .users-mobile-identity .mobile-record-name {line-height:1.3;}
  .users-mobile-header .users-status-pill {align-self:start;}
  .users-mobile-information {min-width:0;flex:1;display:flex;flex-direction:column;gap:6px;}
  .users-mobile-email,.users-mobile-created {overflow-wrap:anywhere;font-size:var(--workspace-meta-size);color:var(--workspace-copy-strong);line-height:1.4;}
  .users-mobile-email span,.users-mobile-created span {font-weight:700;color:var(--workspace-muted);}
  .users-mobile-created {color:var(--workspace-muted);}
  .users-mobile-footer {border-top:1px solid var(--workspace-border);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;margin-top:0;padding-top:10px;}
  .users-mobile-footer .mobile-record-txtop {margin:0;}
  .users-mobile-footer .users-table-actions {margin-left:auto;flex:0 0 auto;gap:8px;}
  .users-mobile-footer .table-action-icon {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:12px!important;}
}

/* Mobile operational block: same filter/card gutters as Recepciones. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .users-table-card.operation-table-card {overflow:hidden!important;}
  body.app-authenticated .app-main-content .users-table-card > .users-filter-toolbar.operation-filters {
    padding:12px 12px 8px!important; margin:0!important; gap:8px!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.app-authenticated .app-main-content .users-table-card > .users-filter-toolbar > div {min-width:0!important;}
  body.app-authenticated .app-main-content .users-table-card > .users-filter-toolbar > div:nth-child(1) {grid-column:1/-1!important;grid-row:1!important;padding-right:54px!important;}
  body.app-authenticated .app-main-content .users-table-card > .users-filter-toolbar > .users-filter-actions {grid-column:2!important;grid-row:1!important;justify-self:end!important;}
  body.app-authenticated .app-main-content .users-table-card > .users-filter-toolbar > div:nth-child(2) {grid-column:1!important;grid-row:2!important;}
  body.app-authenticated .app-main-content .users-table-card > .users-filter-toolbar > div:nth-child(3) {grid-column:2!important;grid-row:2!important;}
  body.app-authenticated .app-main-content .users-table-card > .users-table-content {padding:0 12px 12px!important;margin:0!important;}
  body.app-authenticated .app-main-content .users-table-card .users-mobile-cards {padding:0!important;margin:0!important;overflow:visible!important;}
  body.app-authenticated .app-main-content .users-table-card .users-mobile-cards .users-table tbody {gap:8px!important;}
  body.app-authenticated .app-main-content .users-table-card .users-mobile-cards .users-table tbody tr {padding:10px!important;margin:0!important;border:1px solid #e1e8f3!important;border-radius:15px!important;box-shadow:none!important;}
  body.app-authenticated .app-main-content .users-table-card :is(.table-action-icon,.operation-reset) {transition:transform .16s ease,filter .16s ease,background-color .16s ease!important;}
  body.app-authenticated .app-main-content .users-table-card :is(.table-action-icon,.operation-reset):active {transform:scale(.94)!important;filter:brightness(.93)!important;}
}
@media (hover:hover) and (pointer:fine) {
  body.app-authenticated .app-main-content .users-table-card .table-action-icon:hover {transform:translateY(-2px)!important;filter:brightness(.94)!important;}
}

/* Shared mobile floating-back movement used by access history. */
@keyframes arvix-mobile-back-nudge {
    0%, 100% { transform:translateX(0); }
    45%, 65% { transform:translateX(-6px); }
}

/* Unified create/edit layout: compact sections and aligned actions. */
.users-bottom-grid:has(.users-role-card){grid-template-columns:minmax(0,1fr) minmax(0,var(--workspace-side-panel-width,27%));align-items:start;}
.users-form-card,.users-role-card{min-width:0;}
.users-form-card .users-card-head{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--workspace-border);}
.users-form-section + .users-form-section{margin-top:22px;}
.users-form-section-head{margin-bottom:12px;}
.users-form-section-head h3{margin:0 0 3px;color:var(--workspace-copy-strong,#162847);font-size:var(--workspace-page-copy-size);font-weight:750;}
.users-form-section-head p{margin:0;color:var(--workspace-muted);font-size:var(--workspace-meta-size);}
.users-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;align-items:start;}
.users-form-fields>div{min-width:0;}
.users-form-fields .form-label{display:block;margin-bottom:6px;}
.users-form-fields .users-photo-field{grid-column:1/-1;max-width:none;}
.users-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:18px;margin-top:4px;border-top:1px solid var(--workspace-border);}
.users-form-actions .operation-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.users-role-card .users-card-head{margin-bottom:14px;}
.users-role-stack{gap:10px;}
.users-role-item{padding:13px 15px;border-radius:14px;}
.users-role-head{gap:11px;margin-bottom:8px;align-items:center;}
.users-role-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;font-size:1rem;}
.users-role-list{margin:0;padding-left:20px;line-height:1.5;}
@media(max-width:991.98px){.users-bottom-grid:has(.users-role-card){grid-template-columns:1fr;}}
@media(max-width:767.98px){.users-form-card,.users-role-card{padding:16px!important;}.users-form-fields{grid-template-columns:1fr;gap:12px;}.users-access-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;}.users-form-section+.users-form-section{margin-top:18px;}.users-form-actions{display:grid;grid-template-columns:1fr 1fr;}.users-form-actions .operation-button{min-width:0;padding-inline:8px;}.users-role-item{padding:12px;}}
@media(max-width:767.98px){.users-header-actions>button.users-page-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:0;flex:0 1 auto;font-size:var(--workspace-page-copy-size)!important;padding:9px 12px!important;}}

/* Page-specific presentation: resources/views/system/access-logs.blade.php. Shared geometry belongs to operation-* components. */
.access-page-back {display:inline-flex;align-items:center;gap:0.5rem;color:#2563eb;text-decoration:none;font-size:var(--workspace-page-copy-size);font-weight:700;margin-bottom:0.75rem;}
.access-page-btn {white-space:nowrap;text-decoration:none;}
.access-primary-btn {white-space:nowrap;text-decoration:none;}
.access-layout-grid {display:grid;gap:1rem;}
.access-layout-grid {grid-template-columns:1fr;}
.access-kicker {display:inline-flex;align-items:center;}
.access-toolbar .form-label {margin-bottom:0.5rem;}
.access-toolbar-actions {display:flex;gap:0.65rem;justify-content:flex-end;align-items:center;}
.access-date-main {color:#162847;font-size:var(--workspace-page-copy-size);font-weight:500;margin:0;}
.access-primary-text {color:#162847;font-size:var(--workspace-page-copy-size);font-weight:500;margin:0;}
.access-muted {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.access-event-pill {display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:999px;padding:0.25rem 0.8rem;font-size:var(--workspace-meta-size);font-weight:700;white-space:nowrap;gap:0.38rem;}
.access-event-pill::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px;}
.access-event-pill.login {background:rgba(220, 252, 231, 0.95);color:#16a34a;}
.access-event-pill.user_updated {background:rgba(220, 252, 231, 0.95);color:#16a34a;}
.access-event-pill.password_changed {background:rgba(220, 252, 231, 0.95);color:#16a34a;}
.access-event-pill.logout {background:rgba(254, 226, 226, 0.95);color:#dc2626;}
.access-event-pill.user_deleted {background:rgba(254, 226, 226, 0.95);color:#dc2626;}
.access-event-pill.user_created {background:rgba(219, 234, 254, 0.95);color:#2563eb;}
.access-action-cell {width:28px;text-align:right;color:#62779c;}
.access-table-footer {padding-top:0.95rem;}
.access-filter-heading {font-size:var(--workspace-page-copy-size);font-weight:700;color:#162847;margin:0 0 .75rem;}
.access-clear-icon {width:46px;min-width:46px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;}
.access-toolbar {display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;}\n.access-toolbar > div:not(.access-toolbar-actions) {flex:1 1 190px;}
.access-toolbar > div {min-width:0;}

@media (max-width: 767.98px) { .access-toolbar {display:flex;flex-direction:column;align-items:stretch;} 
.access-toolbar-actions {justify-content:flex-end!important;}
.access-toolbar-actions > * {flex:0 0 auto!important;}

.access-toolbar-actions {justify-content:stretch;flex-wrap:wrap;}
.access-toolbar-actions > * {flex:1 1 auto;}


}

.access-four-kpis {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
@media (max-width:1199.98px) {.access-four-kpis {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:575.98px) {.access-four-kpis {grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
/* Same floating back animation as receipt detail; scoped to this page. */
@keyframes arvix-mobile-back-nudge {
    0%, 100% { transform:translateX(0); }
    45%, 65% { transform:translateX(-6px); }
}

/* Phone-only reception/production card gutters; desktop and tablet remain unchanged. */
@media (max-width:767.98px) {
  .access-table-card > .access-table-wrap.mobile-compact-records {padding:0 12px 12px!important;margin:0!important;overflow:visible!important;}
  .access-table-card > .access-table-wrap.mobile-compact-records .access-table tbody {gap:8px!important;}
    .access-table-card .mobile-record-top {padding-bottom:10px!important;}
  .access-table-card .mobile-record-bottom {margin-top:10px!important;min-height:44px!important;}
  .access-table-card .mobile-record-bottom .table-action-icon {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:12px!important;}
}

/* Mobile operational block: align filters and cards with Recepciones. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .access-table-card.operation-table-card {overflow:hidden!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.mobile-filter-grid.operation-filters {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;padding:12px 12px 8px!important;margin:0!important;align-items:center!important;
  }
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.mobile-filter-grid > div {min-width:0!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.mobile-filter-grid > div:nth-child(1) {grid-column:1/-1!important;grid-row:1!important;padding-right:54px!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.mobile-filter-grid > div:nth-child(2) {grid-column:1/-1!important;grid-row:2!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.mobile-filter-grid > div:nth-child(3) {grid-column:1!important;grid-row:3!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.mobile-filter-grid > div:nth-child(4) {grid-column:2!important;grid-row:3!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.mobile-filter-grid > .mobile-filter-reset {grid-column:2!important;grid-row:1!important;justify-self:end!important;}
  body.app-authenticated .app-main-content .access-table-card > #access-logs-table-wrapper {padding:0 12px 12px!important;margin:0!important;overflow:visible!important;}
  body.app-authenticated .app-main-content .access-table-card .mobile-compact-records .access-table tbody {gap:8px!important;}
  body.app-authenticated .app-main-content .access-table-card .mobile-compact-records .access-table tbody tr {padding:10px!important;margin:0!important;border:1px solid #e1e8f3!important;border-radius:15px!important;box-shadow:none!important;}
  body.app-authenticated .app-main-content .access-table-card :is(.table-action-icon,.operation-reset) {transition:transform .16s ease,filter .16s ease,background-color .16s ease!important;}
  body.app-authenticated .app-main-content .access-table-card :is(.table-action-icon,.operation-reset):active {transform:scale(.94)!important;filter:brightness(.93)!important;}
}
@media (hover:hover) and (pointer:fine) {
  body.app-authenticated .app-main-content .access-table-card .table-action-icon:hover {transform:translateY(-2px)!important;filter:brightness(.94)!important;}
}

/* Consistent receipt-style date inputs in filter toolbar at every viewport. */
body.app-authenticated .app-main-content .access-table-card .access-mobile-date-field {
  display:flex!important;align-items:center!important;position:relative!important;
  width:100%!important;height:46px!important;min-width:0!important;margin:0!important;
  padding:0 12px!important;gap:8px!important;border:1px solid #d7e3f4!important;
  border-radius:10px!important;background:#fff!important;box-sizing:border-box!important;
}
body.app-authenticated .app-main-content .access-mobile-date-field > i,
body.app-authenticated .app-main-content .access-mobile-date-field > span {
  display:inline-block!important;position:relative;z-index:1;pointer-events:none;
  color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);
  font-weight:400;white-space:nowrap;
}
body.app-authenticated .app-main-content .access-mobile-date-field > input[type="date"] {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  opacity:0.01!important;z-index:2;cursor:pointer!important;margin:0!important;
  border:0!important;padding:0!important;
}
body.app-authenticated .app-main-content .access-mobile-date-field:focus-within {outline:2px solid #93c5fd;outline-offset:1px;}
@media (min-width:768px) {
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters {
    display:grid!important;grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) minmax(150px,1fr) minmax(150px,1fr) 46px!important;
    gap:12px!important;align-items:center!important;
  }
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div {min-width:0!important;width:100%!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:nth-child(1) {grid-column:1!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:nth-child(2) {grid-column:2!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:nth-child(3) {grid-column:3!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:nth-child(4) {grid-column:4!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > .access-toolbar-actions {grid-column:5!important;justify-self:end!important;}
}
@media (min-width:768px) and (max-width:1050px) {
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters {
    grid-template-columns:repeat(2,minmax(0,1fr)) 46px!important;
  }
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:nth-child(1) {grid-column:1!important;grid-row:1!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:nth-child(2) {grid-column:2!important;grid-row:1!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:nth-child(3) {grid-column:1!important;grid-row:2!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > div:nth-child(4) {grid-column:2!important;grid-row:2!important;}
  body.app-authenticated .app-main-content .access-table-card > .access-toolbar.operation-filters > .access-toolbar-actions {grid-column:3!important;grid-row:1!important;}
}

/* Shared fluid filter toolbar: opt-in only; other operational toolbars remain unchanged.
   A single grid owns sizing, so inherited access-toolbar flex rules cannot create gaps. */
@media (min-width:768px) {
  body.app-authenticated .app-main-content .users-table-card.access-table-card > .users-filter-toolbar.access-toolbar.operation-filters.operation-filters-fluid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,var(--fluid-filter-width,220px))) 46px!important;
    gap:12px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.app-authenticated .app-main-content .operation-filters.operation-filters-fluid > div {
    position:relative;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    flex:none!important;
    grid-row:1!important;
  }
  body.app-authenticated .app-main-content .operation-filters.operation-filters-fluid > div:nth-child(1) {grid-column:1!important;}
  body.app-authenticated .app-main-content .operation-filters.operation-filters-fluid > div:nth-child(2) {grid-column:2!important;}
  body.app-authenticated .app-main-content .operation-filters.operation-filters-fluid > div:nth-child(3) {grid-column:3!important;}
  /* Users also carries access-table-card/access-toolbar classes. Match that
     selector's specificity so its five-column reset placement cannot win. */
  body.app-authenticated .app-main-content .users-table-card.access-table-card > .users-filter-toolbar.access-toolbar.operation-filters.operation-filters-fluid > .users-filter-actions.access-toolbar-actions {
    grid-column:4!important;
    grid-row:1!important;
    width:46px!important;
    justify-self:end!important;
  }
  body.app-authenticated .app-main-content .operation-filters.operation-filters-fluid :is(input,select) {
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:768px) and (max-width:1050px) {
  body.app-authenticated .app-main-content .operation-filters.operation-filters-fluid {
    --fluid-filter-width:clamp(125px,18vw,190px);
  }
}

/* Page-specific presentation: resources/views/productions/index.blade.php. Shared geometry belongs to operation-* components. */
.production-filters {--operation-filter-count:4;}
.production-product {display:grid;gap:.16rem}
.production-icon-btn {text-decoration:none}
.production-row-main {display:flex;align-items:center;gap:.75rem;min-width:0}
.production-row-main>div {min-width:0}
.production-row-icon {width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.08);border:1px solid #bfdbfe}
.production-mobile-card-cell {display:none!important;}
@media(max-width:767.98px) {
.app-authenticated .app-main-content .production-card-grid.operation-kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.3rem!important;}
.app-authenticated .app-main-content .production-card-grid .operation-kpi-card {min-height:96px!important;padding:.45rem .1rem!important;gap:.3rem!important;}
.production-card-grid .operation-kpi-icon {width:32px!important;height:32px!important;flex:0 0 32px!important;}
.production-card-grid .operation-kpi-value {font-size:var(--workspace-kpi-value-size)!important;}
.production-card-grid .operation-kpi-label {font-size:var(--workspace-meta-size)!important;line-height:1.15!important;overflow-wrap:normal!important;word-break:normal!important;}
.production-card-grid .operation-kpi-copy {display:none!important;}
.production-filters .production-filter,.production-filters .production-date {display:none!important;}
.production-filters {grid-template-columns:minmax(0,1fr) auto!important;}
.production-table-card .production-filters.operation-filters {padding:.75rem .8rem .1rem!important;}
.production-table-card #productions-table-wrapper {margin-top:-35px!important;}

.production-table tbody tr:has(td[colspan]:not(.production-mobile-card-cell)) {display:block!important;}
.production-table tbody tr:not(:has(td[colspan]:not(.production-mobile-card-cell))) {display:block!important;padding:0!important;border:0!important;background:transparent!important;}
.production-table tbody tr:not(:has(td[colspan]:not(.production-mobile-card-cell)))>td:not(.production-mobile-card-cell) {display:none!important;}
.production-table tbody tr:not(:has(td[colspan]:not(.production-mobile-card-cell)))>.production-mobile-card-cell {display:block!important;padding:0!important;}
.production-mobile-card {border:1px solid #e1e8f3;border-radius:var(--workspace-radius-card);background:#fff;}
.production-mobile-card-head {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:start;}
.production-mobile-card-copy {min-width:0;}
.production-mobile-card-values {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:100%;gap:0;margin-top:5px;padding-top:5px;padding-bottom:5px;border-top:1px solid #e8edf5;}
.production-mobile-card-values>div {display:flex;align-items:baseline;justify-content:center;gap:.25rem;min-width:0;white-space:nowrap;}
.production-mobile-card-values>div:first-child {justify-content:flex-start;}
.production-mobile-card-values>div:last-child {justify-content:flex-end;}
.production-mobile-card-values span,.production-mobile-card-date span {font-size:var(--workspace-meta-size);line-height:1;font-weight:600;color:var(--workspace-muted);text-transform:uppercase;}
.production-mobile-card-values strong {font-size:var(--workspace-table-size);line-height:1.25;font-weight:700;color:var(--workspace-copy-strong);}
.production-mobile-card-footer {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding-top:5px;border-top:1px solid #e8edf5;}
.production-mobile-card-date {display:flex;align-items:baseline;gap:.25rem;min-width:0;white-space:nowrap;}
.production-mobile-card-date strong {font-size:var(--workspace-meta-size);line-height:1.25;font-weight:700;color:var(--workspace-copy-strong);}
.production-mobile-card-date-separator {margin:0 .15rem;}
.production-mobile-card-footer .table-action-group {justify-self:end;justify-content:flex-end;}
}

/* Page-specific presentation: resources/views/stock-receipts/index.blade.php. Shared geometry belongs to operation-* components. */
.receipts-toolbar-actions {display:flex;justify-content:flex-end}
.receipts-kpi-link{text-decoration:none!important;color:inherit!important;transition:transform .18s ease,box-shadow .18s ease}
.receipts-kpi-link:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(27,64,120,.10)}
.receipts-kpi-link:focus-visible{outline:3px solid var(--brand-primary,#2563eb);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.receipts-kpi-link{transition:none}.receipts-kpi-link:hover{transform:none}}
.receipts-row-main {display:flex;align-items:center;gap:.75rem;min-width:0}
.receipts-row-main>div {min-width:0}
.receipts-row-icon {width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}
.receipts-row-icon.pending-orange {color:#f97316;background:#fff7ed;border-color:#fed7aa}
.receipts-row-icon.approved-green {color:#16a34a;background:#ecfdf5;border-color:#bbf7d0}
.receipts-row-icon.approved-blue {color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.08);border-color:#bfdbfe}
.receipts-row-icon.approved-mint {color:#10b981;background:#ecfeff;border-color:#a5f3fc}
.receipts-row-icon.approved-violet {color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}
.receipts-mobile-item-total {display:none}
.receipts-mobile-date-total {display:none}
.receipts-mobile-card-cell {display:none!important}
.receipts-empty {text-align:center}
@media(max-width:767.98px) {
.app-authenticated .app-main-content .receipts-metrics-grid.operation-kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.3rem}
.app-authenticated .app-main-content .receipts-metrics-grid .operation-kpi-card {min-height:96px;padding:.45rem .1rem;gap:.3rem}
.receipts-metrics-grid .operation-kpi-icon {width:32px;height:32px;flex:0 0 32px}
.receipts-metrics-grid .operation-kpi-value {font-size:var(--workspace-kpi-value-size)}
.receipts-metrics-grid .operation-kpi-label {font-size:var(--workspace-meta-size);line-height:1.15;overflow-wrap:normal;word-break:normal}
.receipts-filter,.receipts-date {display:block!important}
.receipts-toolbar {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.receipts-toolbar .receipts-filter{grid-column:1 / -1;grid-row:2;min-width:0;width:100%}
.receipts-toolbar .receipts-date{grid-column:auto;min-width:0}
.receipts-toolbar .receipts-date:has([name="date_from"]){grid-column:1;grid-row:3}
.receipts-toolbar .receipts-date:has([name="date_to"]){grid-column:2;grid-row:3}
.receipts-toolbar .receipts-date .operation-input{width:100%;min-width:0;font-size:var(--workspace-meta-size);padding-right:.35rem}
.receipts-toolbar .receipts-date.operation-field-icon>i{left:.65rem}
.receipts-toolbar .receipts-date.operation-field-icon .operation-input{padding-left:2rem}
.receipts-toolbar .receipts-search{grid-column:1 / -1;grid-row:1;min-width:0;width:100%;padding-right:56px;box-sizing:border-box}
.receipts-toolbar .receipts-search .operation-input{width:100%;min-width:0}
.receipts-toolbar .receipts-toolbar-actions{grid-column:2;grid-row:1;justify-self:end;z-index:1}
.receipts-toolbar-actions {display:flex!important}
.receipts-table-card .receipts-toolbar.operation-filters {padding:.75rem .8rem .1rem!important}
.receipts-table-card #receipts-table-wrapper {margin-top:10px!important}
.receipts-table tbody tr:has(.receipts-empty) {display:block;}
.receipts-table tbody tr:not(:has(.receipts-empty)) {display:block!important;padding:0!important;border:0!important;background:transparent!important}
.receipts-table tbody tr:not(:has(.receipts-empty))>td:not(.receipts-mobile-card-cell) {display:none!important}
.receipts-table tbody tr:not(:has(.receipts-empty))>.receipts-mobile-card-cell {display:block!important;padding:0!important}
.receipts-mobile-card {border:1px solid #e1e8f3;border-radius:var(--workspace-radius-card);background:#fff}
.receipts-mobile-card-head {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:start}
.receipts-mobile-card-copy {min-width:0}
.receipts-mobile-card-values {display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;justify-content:start;gap:1.35rem;margin-top:5px;padding-top:5px;padding-bottom:5px;border-top:1px solid #e8edf5}
.receipts-mobile-card-values>div:not(.table-action-group) {display:flex;align-items:baseline;gap:.25rem;white-space:nowrap}
.receipts-mobile-card-values span {font-size:var(--workspace-meta-size);line-height:1;font-weight:600;color:var(--workspace-muted);text-transform:uppercase}
.receipts-mobile-card-values strong {font-size:var(--workspace-table-size);line-height:1.25;font-weight:700;color:var(--workspace-copy-strong)}
.receipts-mobile-card-total strong {font-weight:800;color:var(--workspace-title)}
.receipts-mobile-card-values .table-action-group {justify-self:end;justify-content:flex-end}


}

/* Shared catalog index presentation, centralized from Blade partial. */
/* Shared catalog import layout: keep bulk actions inside the notice card. */
.catalog-index-info-card .catalog-index-bulk-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0;flex:1 1 auto}
.catalog-index-info-card .catalog-index-import-form{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}
.catalog-index-toolbar .catalog-index-search{flex:1 1 320px;min-width:0}
@media(max-width:767.98px){.catalog-index-info-card .catalog-index-bulk-actions,.catalog-index-info-card .catalog-index-import-form{width:100%;justify-content:flex-start}.catalog-index-info-card .catalog-index-import-control{min-width:0;max-width:100%}}
/* CSV selector: raised gray button, centered content, readable type, complete outline. */
.catalog-index-info-card .catalog-index-import-control{display:flex;align-items:center;gap:0;box-sizing:border-box;min-height:54px;max-width:100%;padding:4px;border:1px solid #b5c0d3;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 2px 5px rgba(28,43,71,.07)}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;gap:10px;flex:0 0 auto;min-height:44px;height:44px;padding:0 17px;margin:0;border:1px solid #c6cfdd;border-radius:10px;background:linear-gradient(180deg,#fcfdff 0%,#e1e6ee 100%);box-shadow:inset 0 1px 1px #fff,0 2px 4px rgba(28,43,71,.19);color:#263650;font-family:inherit;font-size:15px;font-weight:650;line-height:1.2;text-align:center;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger:hover{background:linear-gradient(180deg,#fff 0%,#d9e1ec 100%);border-color:#aab8cc}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger:active{background:linear-gradient(180deg,#dfe5ee,#f5f7fa);box-shadow:inset 0 2px 4px rgba(25,42,72,.18)}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger:has(~ input:focus-visible){outline:2px solid var(--brand-primary);outline-offset:2px}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;font-size:20px;line-height:1}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger span{display:inline-block;font-size:inherit;font-weight:inherit;line-height:inherit}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-name{box-sizing:border-box;display:flex;align-items:center;flex:1 1 auto;min-width:0;max-width:280px;min-height:44px;height:44px;margin:0 0 0 12px;padding:0 12px;border-left:1px solid #cbd4e2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68768f;font-family:inherit;font-size:15px;font-weight:400;line-height:1.3}
@media(max-width:767.98px){.catalog-index-info-card .catalog-index-import-control{width:100%}.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger{padding:0 10px;font-size:13px;gap:6px}.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-name{max-width:none;margin-left:8px;padding:0 8px;font-size:13px}}
/* Match icon/text alignment of standard operation buttons; override inherited label styles. */
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger>i,.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;margin:0!important;padding:0!important;position:static!important;top:auto!important;vertical-align:middle!important;line-height:1!important;transform:none!important}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger>i{width:18px!important;height:18px!important;flex:0 0 18px!important;font-size:18px!important}
.catalog-index-info-card .catalog-index-import-control>.catalog-index-import-trigger>span{height:18px!important;font-size:15px!important;font-weight:650!important}

/* Keep legacy recipe/product catalogs visually aligned with the shared catalog shell. */
.catalog-index-shell .catalog-index-info-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.catalog-index-shell .catalog-index-info-card .catalog-index-info-copy{display:flex;align-items:center;gap:1rem;min-width:0}
.catalog-index-shell .catalog-index-info-card .catalog-index-card-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;font-size:1.3rem}
.catalog-index-shell .catalog-index-table-card .catalog-index-toolbar{display:flex;align-items:center;gap:12px;padding:16px;border:0!important;border-bottom:0!important;box-shadow:none!important;flex-wrap:nowrap}
.catalog-index-shell .catalog-index-table-card .catalog-index-toolbar .catalog-index-search{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;max-width:none;width:auto;margin:0}
.catalog-index-shell .catalog-index-table-card .catalog-index-toolbar .catalog-index-search input{flex:1 1 auto;min-width:0}
.catalog-index-shell .catalog-index-table-card .catalog-index-toolbar .catalog-clear-icon{flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}
.catalog-index-shell .catalog-index-table-card [class$="-table-wrap"],.catalog-index-shell .catalog-index-table-card .catalog-index-table-wrap{border-top:0!important}
@media(max-width:767.98px){.catalog-index-shell .catalog-index-table-card .catalog-index-toolbar{padding:12px;gap:8px}.catalog-index-shell .catalog-index-info-card .catalog-index-info-copy{width:100%}}
/* Catalog index mobile header: center create/export and use the shared floating return. */
@media (max-width: 767.98px) {
    .catalog-index-shell .catalog-index-actions {
        display: flex !important;
        width: 100%;
        justify-content: center !important;
        align-items: center;
        flex-wrap: wrap;
        gap: .65rem;
        margin-inline: auto;
    }
}

/* Shared Centro de catalogos import layout: center the action group when
   the catalog content area (not the browser viewport) is tablet-sized. */
body.app-authenticated .app-main-content .catalog-index-shell:has(.catalog-index-info-card .catalog-index-import-form) {
  container:catalog-content / inline-size;
}
@media (min-width:768px) {
  @container catalog-content (max-width:1199.98px) {
    body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-info-card:has(.catalog-index-import-form) {
      display:flex;
      flex-direction:column;
      align-items:stretch;
    }
    body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-info-card:has(.catalog-index-import-form) > .catalog-index-info-copy {
      width:100%;
    }
    body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-info-card > .catalog-index-bulk-actions:has(.catalog-index-import-form) {
      display:flex;
      flex:0 0 auto;
      width:100%;
      min-width:0;
      justify-content:center;
    }
    body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-info-card .catalog-index-import-form {
      display:flex;
      flex:0 1 auto;
      width:max-content;
      max-width:100%;
      align-items:center;
      justify-content:center;
      margin-inline:auto;
    }
  }
}

/* Compact catalog import cards: icon stays beside title/copy on phones. */
@media (max-width: 767.98px) {
    .catalog-index-shell .catalog-index-info-card .catalog-index-info-copy,
    .catalog-index-shell .catalog-index-info-card .recipe-types-info-copy {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: .8rem !important;
        width: 100%;
        text-align: left;
    }
    .catalog-index-shell .catalog-index-info-card .catalog-index-card-icon,
    .catalog-index-shell .catalog-index-info-card .recipe-types-card-icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
    }
    .catalog-index-shell .catalog-index-info-card .catalog-index-info-copy > div,
    .catalog-index-shell .catalog-index-info-card .recipe-types-info-copy > div {
        min-width: 0;
        flex: 1 1 auto;
    }
    .catalog-index-shell .catalog-index-info-card .catalog-index-import-form {
        justify-content: center !important;
        width: 100%;
    }
    .catalog-index-shell .catalog-index-info-card .catalog-index-import-control {
        flex: 1 1 100%;
    }
    .catalog-index-shell .catalog-index-info-card .catalog-index-import-form > button[type="submit"] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        margin-inline: auto;
    }
}

/* Mobile catalog records: two-level compact cards, based on receipt rows. */
@media (max-width: 767.98px) {
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table {
        display: block;
        width: 100%;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table thead {
        display: none !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody {
        display: grid;
        gap: 12px;
        padding: 10px;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0 12px;
        padding: 14px 12px 12px;
        background: #fff;
        border: 1px solid #dfe7f3;
        border-radius: 18px;
        box-shadow: 0 2px 7px rgba(29, 48, 82, .04);
        min-width: 0;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td {
        display: flex !important;
        width: auto !important;
        min-width: 0;
        padding: 0 !important;
        border: 0 !important;
        margin: 0 !important;
        text-align: left !important;
        align-items: center;
        gap: 5px;
        background: transparent !important;
        box-shadow: none !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td::before {
        content: none !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td:first-child {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
        padding-bottom: 5px !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td:first-child .catalog-index-row {
        min-width: 0;
        gap: 9px;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td:first-child .catalog-index-name {
        margin: 0;
        font-size: 15px;
        font-weight: 750;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td[data-label="Estado"],
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td[data-label="Status"] {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        justify-content: flex-end;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td:not(:first-child):not(:last-child):not([data-label="Estado"]):not([data-label="Status"]) {
        grid-column: 1 / -1;
        font-size: 13px;
        color: #6a7b96;
        padding-top: 5px !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td:not(:first-child):not(:last-child):not([data-label="Estado"]):not([data-label="Status"])::before {
        content: attr(data-label) ":";
        display: inline !important;
        position: static !important;
        width: auto !important;
        color: #72829c;
        font-weight: 650;
        font-size: 12px;
        white-space: nowrap;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) > td:last-child {
        grid-column: 1 / -1;
        border-top: 1px solid #e9eef5 !important;
        padding-top: 10px !important;
        margin-top: 10px !important;
        justify-content: flex-end;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) .catalog-index-table-actions {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 9px;
        width: 100%;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions) .table-action-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }
}

/* Measurement units: match the shared mobile-record top/bottom structure.
   Desktop keeps the original seven data cells. */
.measurement-units-records-table .measurement-unit-mobile-cell {display:none;}
.measurement-units-records-table .unit-desktop-code {display:inline;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-units-records-table tbody > tr.measurement-unit-record {
    display:block!important;
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-units-records-table tbody > tr.measurement-unit-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-units-records-table tbody > tr.measurement-unit-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-units-records-table tbody > tr.measurement-unit-record > td:not(.unit-mobile-code) {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-units-records-table tbody > tr.measurement-unit-record > td.unit-mobile-code {
    display:block!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-units-records-table .unit-mobile-code::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-units-records-table .unit-desktop-code {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-units-records-table .unit-mobile-code > .measurement-unit-mobile-cell {display:block!important;width:100%!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:start!important;
    padding:0 0 10px!important;margin:0!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .mobile-record-name {
    color:var(--mobile-item-title)!important;font-size:16px!important;
    font-weight:700!important;line-height:1.3!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .mobile-record-txtop {
    margin-top:3px!important;color:var(--mobile-item-secondary)!important;
    font-size:13px!important;line-height:1.4!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .catalog-index-status-pill {
    justify-self:end!important;white-space:nowrap!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .mobile-record-bottom {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:end!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .mobile-record-details {
    min-width:0!important;display:grid!important;gap:3px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell :is(.mobile-record-txtbot1,.mobile-record-txtbot2) {
    font-size:13px!important;line-height:1.4!important;
    color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:8px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .measurement-unit-mobile-cell .table-action-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* Units: override the older catalog grid at the source of the conflict.
   The first td owns the entire mobile card; all other desktop td stay hidden. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.measurement-units-records-table tbody > tr.measurement-unit-record {
    display:block!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.measurement-units-records-table tbody > tr.measurement-unit-record > td {
    display:none!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.measurement-units-records-table tbody > tr.measurement-unit-record > td.unit-mobile-code {
    display:block!important;
    width:100%!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:stretch!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.measurement-units-records-table tbody > tr.measurement-unit-record > td.unit-mobile-code > .measurement-unit-mobile-cell {
    display:block!important;
    width:100%!important;
  }
}

/* Unified mobile cards for the remaining Catalog Center lists. */
@media (max-width: 767.98px) {
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto auto auto;
        column-gap: 10px !important;
        row-gap: 0 !important;
        padding: var(--mobile-item-padding) !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code)::before {
        content: "";
        display: block;
        grid-column: 1 / -1;
        grid-row: 3;
        border-top: 1px solid #e9eef5;
        margin-top: 9px;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-title {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        padding: 0 !important;
        font-size: 15px;
        font-weight: 750;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-code {
        grid-column: 1 !important;
        grid-row: 2 !important;
        padding: 3px 0 0 !important;
        font-size: 12px;
        color: #6a7b96;
    }
    /* Code-first tables: display human-readable name as heading, code as subtitle. */
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-code .catalog-index-row-icon {
        display: none !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-code .catalog-index-name,
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-code .recipe-types-name {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: var(--mobile-item-secondary) !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-code .catalog-index-subtext,
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-code .recipe-types-code {
        display: none !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-status {
        display: flex !important;
        grid-column: 2 !important;
        grid-row: 1 / 3 !important;
        align-self: start !important;
        justify-content: flex-end !important;
        white-space: nowrap;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-hidden {
        display: none !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-detail {
        grid-column: 1 !important;
        grid-row: 4 !important;
        align-self: center !important;
        padding: 10px 0 0 !important;
        min-width: 0;
        font-size: 13px;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-detail::before {
        content: none !important;
        display: none !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) > td.catalog-mobile-actions {
        grid-column: 2 !important;
        grid-row: 4 !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 8px 0 0 !important;
        justify-content: flex-end !important;
        align-self: center !important;
    }
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code) .catalog-mobile-actions .catalog-index-table-actions {
        gap: 7px;
    }
}

/* Measurement units: reuse the global listbox-shell control used by operational filters. */
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,0.7fr) minmax(0,0.7fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-index-search{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar > .catalog-type-filter-shell{
  grid-column:2!important;
  grid-row:1!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar > .catalog-status-filter-shell{
  grid-column:3!important;
  grid-row:1!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-clear-icon{
  grid-column:4!important;
  grid-row:1!important;
  width:44px!important;
  min-width:44px!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar > .catalog-filter-shell{
  width:100%!important;
  min-width:0!important;
  height:46px!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar > .catalog-filter-shell > select{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:46px!important;
  min-width:0!important;
  margin:0!important;
  padding:0 52px 0 12px!important;
  background-image:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  font-size:14px!important;
}
@media(max-width:767.98px){
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell){
    grid-template-columns:minmax(0,1fr) minmax(0,0.8fr) minmax(0,0.8fr) 40px!important;
    gap:5px!important;
    padding:8px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-clear-icon{
    width:40px!important;
    min-width:40px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar > .catalog-filter-shell > select{
    font-size:12px!important;
    padding-left:6px!important;
    padding-right:44px!important;
  }
}
/* Search / status / reset: one stable row on desktop, two orderly rows on mobile. */
@media(min-width:768px){
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter):not(:has(.catalog-type-filter)){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(180px,240px) 44px!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
  }
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter):not(:has(.catalog-type-filter)) > .catalog-index-search{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar select.catalog-status-filter{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  margin:0!important;
  padding:0 38px 0 14px!important;
  font-size:14px!important;
  line-height:1.3!important;
  text-align:left!important;
  text-align-last:left!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background-color:var(--bs-body-bg,#fff)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23566b88' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:16px!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter):not(:has(.catalog-type-filter)) > .catalog-clear-icon{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  margin:0!important;
}
@media(max-width:767.98px){
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter):not(:has(.catalog-type-filter)){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:8px!important;
    align-items:center!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter):not(:has(.catalog-type-filter)) > .catalog-index-search{
    grid-row:1!important;
    grid-column:1!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter):not(:has(.catalog-type-filter)) > .catalog-clear-icon{
    grid-row:1!important;
    grid-column:2!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter):not(:has(.catalog-type-filter)) > select.catalog-status-filter{
    grid-row:2!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* Shared catalog filter controls: use the existing ARVIX listbox, never a second arrow. */
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar > .catalog-filter-shell{
  width:100%!important;min-width:0!important;height:46px!important;margin:0!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar > .catalog-filter-shell > select{
  display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;
  height:46px!important;margin:0!important;padding:0 52px 0 12px!important;
  background-image:none!important;appearance:none!important;-webkit-appearance:none!important;
  font-size:14px!important;
}
@media(min-width:768px){
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell,.catalog-relation-filter-shell)){
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,240px) 44px!important;gap:12px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-relation-filter-shell){
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(160px,240px) minmax(160px,240px) 44px!important;gap:12px!important;
  }
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell)) > .catalog-index-search{
  grid-column:1!important;grid-row:1!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell)) > .catalog-relation-filter-shell{
  grid-column:2!important;grid-row:1!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell,.catalog-relation-filter-shell)) > .catalog-status-filter-shell{
  grid-column:2!important;grid-row:1!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-relation-filter-shell) > .catalog-status-filter-shell{
  grid-column:3!important;grid-row:1!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell,.catalog-relation-filter-shell)) > .catalog-clear-icon{
  grid-column:3!important;grid-row:1!important;
}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-relation-filter-shell) > .catalog-clear-icon{
  grid-column:4!important;grid-row:1!important;
}
@media(max-width:767.98px){
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell,.catalog-relation-filter-shell)){
    display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell,.catalog-relation-filter-shell)) > .catalog-index-search{
    grid-column:1!important;grid-row:1!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell,.catalog-relation-filter-shell)) > .catalog-clear-icon{
    grid-column:2!important;grid-row:1!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-status-filter-shell):not(:has(.catalog-type-filter-shell,.catalog-relation-filter-shell)) > .catalog-status-filter-shell{
    grid-column:1 / -1!important;grid-row:2!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-relation-filter-shell){
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,.8fr) 40px!important;gap:5px!important;padding:8px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-relation-filter-shell) > .catalog-clear-icon{
    width:40px!important;min-width:40px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-relation-filter-shell) > .catalog-filter-shell > select{
    font-size:12px!important;padding-left:6px!important;padding-right:44px!important;
  }
}

/* Measurement units only: two mobile filter rows and association metrics in cards. */
.unit-mobile-subtitle-type{display:none}
.unit-mobile-metric-label{display:none}
@media(max-width:767.98px){
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-index-search{
    grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-clear-icon{
    grid-column:2!important;grid-row:1!important;width:44px!important;min-width:44px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-type-filter-shell,
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-status-filter-shell{
    grid-row:2!important;min-width:0!important;width:100%!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-type-filter-shell,
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-status-filter-shell{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:calc(50% - 4px)!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-type-filter-shell{
    justify-self:start!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar:has(.catalog-type-filter-shell) > .catalog-status-filter-shell{
    justify-self:end!important;
  }

}

/* Brands listing only: consistent mobile spacing, counters, and filter typography. */
@media(max-width:767.98px){
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#brands-search-form .catalog-index-search input,
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#brands-search-form .catalog-status-filter{
    font-size:14px!important;
    line-height:1.4!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#brands-search-form > .catalog-status-filter-shell > select{
    font-size:14px!important;
    padding-left:12px!important;
  }

}

/* Keep legacy catalog selectors away from the dedicated brand mobile card. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell table.brands-catalog-table tbody > tr.brand-record > td.brand-mobile-only-cell {
    display:block!important;
  }
}
/* Brands mobile records: one explicit two-tier card, no legacy seven-cell grid. */
/* Desktop remains the original seven-column table. */
.brands-catalog-table .brand-mobile-only-cell {display:none;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.brands-catalog-table tbody > tr.brand-record {
    display:block!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.brands-catalog-table tbody > tr.brand-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.brands-catalog-table tbody > tr.brand-record::after {
    content:none!important;display:none!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.brands-catalog-table tbody > tr.brand-record > td {display:none!important;}
  /* The global catalog rule hides .catalog-mobile-hidden and changes cell display.
     Target the real row and mobile cell with a stronger, direct-child selector. */
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.brands-catalog-table tbody > tr.brand-record > td.brand-mobile-only-cell {
    display:block!important;width:100%!important;min-width:0!important;
    grid-column:auto!important;grid-row:auto!important;
    padding:0!important;margin:0!important;border:0!important;
    text-align:left!important;background:transparent!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.brands-catalog-table tbody > tr.brand-record > td.brand-mobile-only-cell::before {content:none!important;display:none!important;}

  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;gap:10px!important;
    margin:0!important;padding:0 0 10px!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .mobile-record-name {
    font-size:16px!important;line-height:1.3!important;font-weight:700!important;color:var(--mobile-item-title)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .mobile-record-txtop {
    margin-top:3px!important;font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .catalog-index-status-pill {justify-self:end!important;white-space:nowrap!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .mobile-record-bottom {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;gap:10px!important;margin:10px 0 0!important;padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .mobile-record-details {min-width:0!important;display:grid!important;gap:3px!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell :is(.mobile-record-txtbot1,.mobile-record-txtbot2) {
    font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .brands-catalog-table .brand-mobile-only-cell .table-action-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* Item types: dedicated mobile-only two-row card; desktop cells are untouched. */
.item-types-records-table .item-type-mobile-only-cell {display:none;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-types-records-table tbody > tr.item-type-record {
    display:block!important;box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;background:#fff!important;
    min-height:0!important;height:auto!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-types-records-table tbody > tr.item-type-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-types-records-table tbody > tr.item-type-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-types-records-table tbody > tr.item-type-record > td {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-types-records-table tbody > tr.item-type-record > td.item-type-mobile-only-cell {
    display:block!important;box-sizing:border-box!important;width:100%!important;
    min-width:0!important;padding:0!important;margin:0!important;
    border:0!important;background:transparent!important;
    grid-column:auto!important;grid-row:auto!important;text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-types-records-table tbody > tr.item-type-record > td.item-type-mobile-only-cell::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:start!important;margin:0!important;
    padding:0 0 10px!important;border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .mobile-record-name {
    font-size:16px!important;line-height:1.3!important;font-weight:700!important;color:var(--mobile-item-title)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .mobile-record-txtop {
    margin-top:3px!important;font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .catalog-index-status-pill {justify-self:end!important;white-space:nowrap!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .mobile-record-bottom {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:end!important;margin:10px 0 0!important;padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .mobile-record-details {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .mobile-record-txtbot1 {
    font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-types-records-table .item-type-mobile-only-cell .table-action-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* Item categories: dedicated two-tier mobile records, original desktop columns unchanged. */
.item-categories-records-table .item-category-mobile-only-cell {display:none;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-categories-records-table tbody > tr.item-category-record {
    display:block!important;box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;background:#fff!important;
    height:auto!important;min-height:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-categories-records-table tbody > tr.item-category-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-categories-records-table tbody > tr.item-category-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-categories-records-table tbody > tr.item-category-record > td {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-categories-records-table tbody > tr.item-category-record > td.item-category-mobile-only-cell {
    display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;
    padding:0!important;margin:0!important;border:0!important;background:transparent!important;
    grid-column:auto!important;grid-row:auto!important;text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.item-categories-records-table tbody > tr.item-category-record > td.item-category-mobile-only-cell::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:start!important;margin:0!important;
    padding:0 0 10px!important;border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .mobile-record-name {
    font-size:16px!important;line-height:1.3!important;font-weight:700!important;color:var(--mobile-item-title)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .mobile-record-txtop {
    margin-top:3px!important;font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .catalog-index-status-pill {justify-self:end!important;white-space:nowrap!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .mobile-record-bottom {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:end!important;margin:10px 0 0!important;padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .mobile-record-details {min-width:0!important;display:grid!important;gap:3px!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell :is(.mobile-record-txtbot1,.mobile-record-txtbot2) {
    font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .item-categories-records-table .item-category-mobile-only-cell .table-action-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* Global catalog filter typography: one source of truth for search and all selectors. */
:root { --workspace-filter-font-size:14px; }
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.catalog-index-toolbar :is(
  .catalog-index-search input,
  .catalog-filter-shell select,
  select.catalog-status-filter,
  select.form-select,
  input.form-control
){
  font-family:inherit!important;
  font-size:var(--workspace-filter-font-size)!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:normal!important;
}

/* Catalog navigation: mobile uses the compact back affordance. */
@media (max-width: 767.98px) {
  .catalog-index-shell .catalog-index-actions > a[href*="/configuration/catalogs"] { display:none!important; }
}

/* Extracted page-specific styles: centralized to avoid inline CSS overrides. */

/* resources/views/customers/index.blade.php */
.commercial-row {text-decoration:none;border-bottom:1px solid #edf2f8;}
.commercial-row:last-child {border:0;}
.commercial-icon {place-items:center;}
.commercial-primary strong {display:block;}
.commercial-primary small {display:block;}
.commercial-primary small {font-size:var(--workspace-meta-size);color:#667085;}
.commercial-stat small {display:block;font-size:var(--workspace-meta-size);font-weight:800;color:var(--workspace-muted);}
.commercial-stat strong {font-size:var(--workspace-table-size);}
.commercial-empty {text-align:center;padding:3rem;color:#667085;}
@media(max-width:767.98px) {
.commercial-heading .btn {white-space:nowrap;}


}

/* resources/views/customers/form.blade.php */
.customer-grid .wide {grid-column:span 2;}
.customer-grid .full {grid-column:1/-1;}
.customer-grid textarea {height:70px;}
.customer-actions {display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2f8;margin-top:1rem;padding-top:1rem;}
@media(max-width:767.98px) {
.customer-grid .wide {grid-column:1/-1;}
.customer-grid .full {grid-column:1/-1;}
.customer-actions {position:sticky;bottom:66px;background:#fff;z-index:2;}


}

/* resources/views/ingredients/form.blade.php */
.catalog-form-grid-ingredient-main {display:grid;grid-template-columns:1.45fr 1.2fr 0.9fr 0.9fr;gap:1.15rem;align-items:start;}
.catalog-form-grid-ingredient-secondary {display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1.15rem;align-items:start;}
.catalog-form-grid-ingredient-derivation {display:grid;grid-template-columns:1.3fr 0.8fr 0.8fr 1fr 0.8fr;gap:1rem;align-items:start;}
.catalog-form-grid-yield-profile {display:grid;grid-template-columns:0.85fr 0.9fr 0.8fr;gap:1rem;align-items:start;}
.yield-profile-row {display:grid;grid-template-columns:0.9fr 1.1fr 0.62fr 0.66fr 0.66fr 0.7fr 0.64fr auto;gap:0.85rem;align-items:end;}
.yield-output-wrap {display:none;}
.catalog-form-section-card {border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);background:var(--workspace-surface);padding:1.15rem 1.2rem;}
.catalog-form-section-head {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;}
.catalog-form-section-head .catalog-form-note-title {margin-bottom:0.18rem;}
.catalog-form-section-head .catalog-form-note-copy {max-width:760px;}
.catalog-form-switch-grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.15rem;}
.catalog-form-card .listbox-shell {min-height:var(--workspace-control-height);height:var(--workspace-control-height);}.catalog-form-inline-danger-btn {text-decoration:none;}
.catalog-form-icon-danger-btn .visually-hidden {position:absolute !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;}

.catalog-form-managed-rule {border:1px solid rgba(var(--brand-primary-rgb),.16);background:rgba(239, 246, 255, 0.8);}
@media (max-width: 1399.98px) {
.catalog-form-grid-ingredient-main {grid-template-columns:repeat(3, minmax(0, 1fr));}
.catalog-form-grid-ingredient-secondary {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-grid-ingredient-derivation {grid-template-columns:repeat(3, minmax(0, 1fr));}
.yield-profile-row {grid-template-columns:repeat(3, minmax(0, 1fr));}


}
@media (max-width: 991.98px) {
.catalog-form-grid-ingredient-main {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-grid-ingredient-secondary {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-grid-ingredient-derivation {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-grid-yield-profile {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-switch-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.catalog-form-grid-ingredient-main {grid-template-columns:minmax(0, 1fr);}
.catalog-form-grid-ingredient-secondary {grid-template-columns:minmax(0, 1fr);}
.catalog-form-grid-ingredient-derivation {grid-template-columns:minmax(0, 1fr);}
.catalog-form-grid-yield-profile {grid-template-columns:minmax(0, 1fr);}
.yield-profile-row {grid-template-columns:minmax(0, 1fr);}
.catalog-form-switch-grid {grid-template-columns:minmax(0, 1fr);}
.catalog-form-section-head {flex-direction:column;align-items:stretch;}


}

/* Page presentation moved from Blade to the shared stylesheet; preserve existing selectors and breakpoints. */

/* resources/views/products/form.blade.php */
.product-form-shell .catalog-form-section-card {box-shadow:none !important;filter:none !important;}
.product-form-shell .catalog-form-ghost-btn {box-shadow:none !important;filter:none !important;}


.product-form-panel .product-form-section-card {height:auto;}


.product-packaging-table th {white-space:nowrap;}
@media(max-width:767.98px) {

.product-packaging-table thead {display:none;}
.product-packaging-table tbody tr {display:grid;grid-template-columns:1fr 1fr;gap:.75rem;border-bottom:1px solid var(--workspace-border);padding:.9rem 0;}
.product-packaging-table tbody td {display:block;border:0;padding:0;min-width:0;}
.product-packaging-table tbody td:first-child {grid-column:1/-1;}
.product-packaging-table tbody td:last-child {grid-column:1/-1;}
.product-packaging-table tbody td[data-label]::before {content:attr(data-label);display:block;margin-bottom:.35rem;}


}
@media(max-width:767.98px) {



}
.product-form-main-card {padding:0;}
.product-form-flow-grid {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem;margin-bottom:1rem;}
.product-form-flow-card {border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);background:var(--workspace-surface);padding:1rem 1.05rem;}
.product-form-flow-card .soft-badge {display:inline-flex;align-items:center;min-height:32px;padding:0.32rem 0.8rem;border-radius:var(--workspace-radius-chip);background:rgba(245,248,255,.96);border:1px solid rgba(216, 225, 240, 0.95);color:#465d84 !important;font-size:var(--workspace-meta-size);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;}
.product-form-flow-card .fw-semibold {font-size:var(--workspace-page-copy-size);color:var(--workspace-title);}
.product-form-grid-main {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem 1.1rem;align-items:start;}
.product-form-grid-secondary {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem 1.1rem;align-items:start;margin-top:1rem;}
.product-form-grid-main > :first-child {grid-column:span 2;}
.product-form-grid-main > :nth-child(2) {grid-column:span 4;}
.product-form-grid-main > :nth-child(n+3) {grid-column:span 2;}
.product-form-grid-secondary > :nth-child(-n+3) {grid-column:span 2;}
.product-form-grid-secondary > :last-child {grid-column:span 6;}
.product-form-grid-main > * {min-width:0;}
.product-form-grid-secondary > * {min-width:0;}
.product-form-weight {flex-wrap:nowrap;}
.product-form-weight .form-control {min-width:0;width:1%;}
.product-form-weight .input-group-text {border-left:0;min-width:72px;justify-content:center;}



.product-form-time .form-control {min-width:0;width:1%;}






.product-form-inline-danger-btn {min-height:var(--workspace-control-height);width:40px;min-width:40px;padding:0;border-radius:var(--workspace-radius-control);display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(248, 113, 113, 0.4);background:#fff;color:#dc2626;font-size:var(--workspace-button-font-size);font-weight:700;box-shadow:none !important;text-decoration:none;}
.product-form-inline-danger-btn:hover {background:#fff5f5;color:#b91c1c;border-color:rgba(239, 68, 68, 0.48);}
.product-form-section-card .table-responsive {border-radius:var(--workspace-radius-card);}
.product-form-section-card .border.rounded-4 {border-radius:var(--workspace-radius-card);}
.product-form-section-card .rounded-4.border {border-radius:var(--workspace-radius-card);}
@media (max-width: 1199.98px) {
.product-form-grid-main {grid-template-columns:repeat(2,minmax(0,1fr));}
.product-form-grid-secondary {grid-template-columns:repeat(2,minmax(0,1fr));}
.product-form-grid-main > * {grid-column:auto!important;}
.product-form-grid-secondary > * {grid-column:auto!important;}
.product-form-grid-secondary > :last-child {grid-column:span 2!important;}


}
@media (max-width: 767.98px) {
.product-form-grid-secondary > :last-child {grid-column:auto!important;}
.product-form-flow-grid {grid-template-columns:1fr;}
.product-form-grid-main {grid-template-columns:1fr;}
.product-form-grid-secondary {grid-template-columns:1fr;}



}

/* resources/views/recipes/form.blade.php */
.recipe-ghost-btn {text-decoration:none;white-space:nowrap;}
.recipe-primary-btn {text-decoration:none;white-space:nowrap;}.recipe-micro-btn {text-decoration:none;white-space:nowrap;}
.recipe-outline-danger-btn {text-decoration:none;white-space:nowrap;}

.recipe-workspace-note {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:26px;box-shadow:var(--workspace-shadow);}
.recipe-workspace .listbox-shell {box-shadow:none !important;filter:none !important;}
.recipe-flow-grid {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0.85rem;}
.recipe-flow-card {display:grid;gap:0.55rem;}
.recipe-flow-pill {display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:28px;padding:0.3rem 0.7rem;border-radius:999px;border:1px solid #d8e1f0;background:#f8fbff;color:#63779f;font-size:var(--workspace-meta-size);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}
.recipe-flow-title {color:var(--workspace-title);font-size:var(--workspace-section-title-size);font-weight:700;margin:0;}
.recipe-config-card {display:grid;gap:1rem;}
.recipe-grid-main {display:grid;gap:0.95rem;}
.recipe-grid-secondary {display:grid;gap:0.95rem;}
.recipe-grid-main {grid-template-columns:1fr 1.45fr 1fr 1fr 0.7fr 0.85fr;}
.recipe-field {display:grid;gap:0.36rem;min-width:0;}
.recipe-field .form-label {margin:0;}
.recipe-editor-grid {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:1rem;align-items:start;}
.recipe-section-card {display:grid;gap:0.35rem;align-content:start;}
.recipe-section-head {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;margin-bottom:0.15rem;}
.recipe-section-head > div:first-child {flex:1 1 auto;min-width:0;}
.recipe-section-card .table-responsive {margin-top:-0.05rem;}
.recipe-simple-table {border-collapse:collapse;}
.recipe-simple-table th {color:var(--workspace-muted);font-weight:700;letter-spacing:var(--workspace-label-spacing);text-transform:uppercase;padding:0 0.5rem 0.4rem;text-align:left;border-bottom:1px solid #e8eef9;}
.recipe-simple-table td {padding:0.55rem 0.5rem;border-bottom:1px solid #eef3fb;vertical-align:middle;}
.recipe-simple-table th:last-child {text-align:right;white-space:nowrap;}
.recipe-simple-table td:last-child {text-align:right;white-space:nowrap;}
.recipe-simple-table .drag-cell {display:none;}
.recipe-yield-placeholder {min-height:72px;border-radius:18px;border:1px solid #e6edf8;display:flex;align-items:center;justify-content:center;color:#8ba0c5;font-size:var(--workspace-page-copy-size);background:rgba(255,255,255,0.7);text-align:center;padding:1rem;}
.recipe-yield-shell {display:grid;gap:0.85rem;}
.recipe-yield-tabs {display:flex;align-items:center;gap:0.55rem;flex-wrap:wrap;}.recipe-yield-tab {display:inline-flex;align-items:center;}

.recipe-yield-card {border:1px solid #e2eaf7;border-radius:var(--workspace-radius-card);padding:0.95rem;display:grid;gap:0.9rem;}
.recipe-yield-card[hidden] {display:none !important;}
.recipe-yield-title {color:#162847;font-size:var(--workspace-page-copy-size);font-weight:700;margin:0;}
.recipe-yield-subtitle {color:#8ba0c5;font-size:var(--workspace-page-copy-size);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin:0 0 0.12rem;}
.recipe-yield-grid {display:grid;gap:0.85rem;grid-template-columns:1.35fr 1fr 0.9fr 0.9fr;}
.recipe-main-components-table th:nth-child(2) {width:108px;}
.recipe-main-components-table td:nth-child(2) {width:108px;}
.recipe-main-materials-table th:nth-child(2) {width:108px;}
.recipe-main-materials-table td:nth-child(2) {width:108px;}
.recipe-main-components-table th:nth-child(3) {width:112px;}
.recipe-main-components-table td:nth-child(3) {width:112px;}
.recipe-main-materials-table th:nth-child(3) {width:112px;}
.recipe-main-materials-table td:nth-child(3) {width:112px;}
.recipe-main-components-table th:nth-child(4) {width:108px;}
.recipe-main-components-table td:nth-child(4) {width:108px;}
.recipe-main-materials-table th:nth-child(4) {width:108px;}
.recipe-main-materials-table td:nth-child(4) {width:108px;}
.recipe-stage-table th:nth-child(3) {width:108px;}
.recipe-stage-table td:nth-child(3) {width:108px;}
.recipe-yield-format-grid {grid-template-columns:2.05fr 0.82fr 0.58fr 0.78fr;}
.recipe-stage-table th:nth-child(1) {width:auto;}
.recipe-stage-table td:nth-child(1) {width:auto;}
.recipe-stage-table th:nth-child(2) {width:138px;}
.recipe-stage-table td:nth-child(2) {width:138px;}
.recipe-capacity-copy {margin-top:0.15rem;color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.recipe-subsection {border:1px solid #e7eef9;border-radius:var(--workspace-radius-card);padding:0.85rem;display:grid;gap:0.7rem;}
.recipe-note {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.15rem;background:linear-gradient(90deg, rgba(239, 246, 255, 0.88), rgba(255, 255, 255, 0.96));}
.recipe-note-main {display:flex;align-items:flex-start;gap:0.95rem;flex:1 1 460px;min-width:0;}
.recipe-note-icon {width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex:0 0 40px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.recipe-note-title {color:#162847;font-size:var(--workspace-page-copy-size);font-weight:700;margin:0 0 0.12rem;}
.recipe-note-copy {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;margin:0;}
@media (max-width: 1399.98px) {
.recipe-grid-main {grid-template-columns:repeat(3, minmax(0, 1fr));}


}
@media (max-width: 1199.98px) {
.recipe-editor-grid {grid-template-columns:minmax(0,1fr);}
.recipe-flow-grid {grid-template-columns:1fr;}
.recipe-yield-grid {grid-template-columns:1fr;}
.recipe-section-head {flex-wrap:wrap;}


}
@media (max-width: 991.98px) {
.recipe-grid-main {grid-template-columns:1fr;}


}

/* resources/views/productions/form.blade.php */
.production-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--workspace-side-panel-width));gap:0.85rem;align-items:start;}
.production-left-stack {display:grid;gap:0.85rem;}
.production-panel {overflow:hidden;}
.production-panel-head {padding:0;margin:0 0 0.75rem !important;border-bottom:0;background:transparent;}
.production-preview-head {padding:0;margin:0 0 0.75rem !important;border-bottom:0;background:transparent;}
.production-panel-body {padding:0;}
.production-section-icon {width:auto;height:auto;border-radius:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--brand-primary);background:transparent;border:0;font-size:0.95rem;}
.production-section-heading {display:flex;align-items:center;gap:0.65rem;}
.production-step-number {color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;line-height:1;}
.production-panel-head {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.production-panel-title {color:var(--workspace-title);font-size:var(--workspace-section-title-size);font-weight:700;margin:0;}
.production-panel-copy {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;margin:0.25rem 0 0;}
.production-details-grid {display:grid!important;grid-template-columns:minmax(150px,.72fr) minmax(125px,.55fr) minmax(0,1.72fr) minmax(0,1.15fr)!important;gap:.7rem!important;}
.production-details-grid .operation-field {grid-column:auto!important;}
.production-quantities-field {grid-column:1 / -1!important;min-width:0;}
.production-quantities-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;}
@media(max-width:767.98px){.production-quantities-grid {grid-template-columns:minmax(0,1fr);}}
.production-details-grid .production-expiration-field {grid-column:1 / 2!important;}
.production-details-grid .production-notes-field {grid-column:2 / 5!important;}









.production-readonly {display:grid;gap:0.12rem;padding:0.8rem 0.9rem;min-height:var(--workspace-control-height);border:1px solid var(--workspace-border-strong);border-radius:var(--workspace-radius-control);background:#f8fbff;}
.production-readonly-value {color:#1c2948;font-size:var(--workspace-table-size);font-weight:600;line-height:1.2;}
.production-readonly-copy {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.3;}
.production-preview-head {display:block;}
.production-preview-content {padding:0;}


.production-preview-name {display:grid;gap:0.12rem;}
.production-preview-name strong {font-size:var(--workspace-table-size);color:#162847;}
.production-preview-name span {color:var(--workspace-muted);font-size:var(--workspace-table-size);}
.production-type-badge {display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:700;line-height:1;white-space:nowrap;}
.production-preview-status {display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:700;line-height:1;white-space:nowrap;}
.production-type-badge {min-height:28px;padding:0.34rem 0.65rem;border:1px solid rgba(216, 225, 240, 0.95);color:#4b5f82;background:#f8fbff;text-transform:capitalize;}
.production-preview-status {min-width:74px;padding:0.36rem 0.75rem;border:1px solid transparent;}
.production-preview-status.ok {color:#15803d;background:#ecfdf5;border-color:rgba(74, 222, 128, 0.28);}
.production-preview-status.low_stock {color:#c2410c;background:#fff7ed;border-color:rgba(251, 146, 60, 0.28);}
.production-preview-status.not_available {color:#dc2626;background:#fef2f2;border-color:rgba(248, 113, 113, 0.28);}
.production-stock-ok {margin-top:0.65rem;border:1px solid rgba(134, 239, 172, 0.55);background:#f0fdf4;color:#166534;border-radius:14px;padding:0.78rem 0.9rem;font-size:var(--workspace-page-copy-size);font-weight:600;}
.production-confirm-card {display:grid;gap:0;overflow:hidden;position:sticky;top:1rem;}
.production-confirm-head {padding:0;margin-bottom:.75rem;border-bottom:0;background:transparent;}
.production-confirm-body {display:grid;gap:0.7rem;padding:0;}
.production-confirm-title {color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;margin:0;}
.production-confirm-copy {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;margin:0.25rem 0 0;}
.production-summary-box {border:1px solid var(--workspace-border);border-radius:16px;overflow:hidden;background:#fff;}
.production-cost-box {border:1px solid var(--workspace-border);border-radius:16px;overflow:hidden;background:#fff;}
.production-summary-box h3 {margin:0 0 0.85rem;color:#162847;font-size:var(--workspace-section-title-size);font-weight:800;}
.production-cost-box h3 {margin:0 0 0.85rem;color:#162847;font-size:var(--workspace-section-title-size);font-weight:800;}
.production-summary-inner {padding:.85rem .95rem;}
.production-cost-inner {padding:.85rem .95rem;}
.production-summary-row {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.44rem 0;border-bottom:1px solid rgba(232, 237, 245, 0.95);font-size:var(--workspace-page-copy-size);}
.production-cost-row {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.44rem 0;border-bottom:1px solid rgba(232, 237, 245, 0.95);font-size:var(--workspace-table-size);}
.production-summary-row:last-child {border-bottom:0;}
.production-cost-row:last-child {border-bottom:0;}
.production-summary-row span:first-child {color:#53698f;}
.production-cost-row span:first-child {color:#53698f;}
.production-summary-row strong {color:#162847;font-weight:700;text-align:right;}
.production-cost-row strong {color:#162847;font-weight:700;text-align:right;}
.production-cost-total {margin-top:0.6rem;border:1px solid rgba(251, 191, 36, 0.3);background:#fffaf0;border-radius:14px;padding:0.72rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:var(--workspace-page-copy-size);}
.production-cost-total strong {color:#162847;font-size:var(--workspace-table-size);}
.production-stock-box {border:1px solid rgba(134, 239, 172, 0.55);background:#f0fdf4;border-radius:16px;padding:0.78rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.production-stock-box strong {display:block;color:#166534;margin-bottom:0.2rem;}
.production-stock-box span {color:#166534;font-size:var(--workspace-page-copy-size);}
.production-stock-icon {width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.88);color:#16a34a;font-size:1rem;flex:0 0 38px;}
.production-confirm-actions {display:grid;gap:0.6rem;}
.production-actions-panel {display:grid;gap:.7rem;}
.production-actions-row {display:grid;grid-template-columns:minmax(0, 1.45fr) minmax(180px, .75fr);gap:.7rem;}
.production-confirm-note {border:1px solid var(--workspace-border);border-radius:16px;padding:0.72rem .85rem;color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);display:flex;align-items:center;gap:0.7rem;}
.production-final-action {display:none;justify-content:center;margin-top:.85rem;}
.production-final-action .operation-button {min-width:0;}
.production-form-mobile-back-fab {display:none;}
.production-preview-pagination {margin-top:.65rem;}
.production-preview-pagination[hidden] {display:none!important;}
.production-preview-pagination .operation-footer {margin-top:0;}
.production-preview-pagination nav {margin-left:auto;}
.production-preview-table tbody tr.production-preview-page-hidden {display:none!important;}
.production-empty {color:var(--workspace-muted);text-align:center;padding:2rem 1rem;}
@media (max-width: 1399.98px) {





}
@media (max-width: 1199.98px) {
.production-layout {grid-template-columns:minmax(0,1fr) minmax(0,var(--workspace-side-panel-tablet-width));}



}
@media (max-width: 991.98px) {
.production-layout {grid-template-columns:1fr;}
.production-details-grid {grid-template-columns:minmax(145px,.72fr) minmax(120px,.55fr) minmax(0,1.52fr) minmax(0,1fr)!important;}
.production-confirm-card {position:static;}


}
@media (max-width: 767.98px) {
.production-desktop-actions {display:none!important;}
.production-form-mobile-back-fab {position:fixed!important;right:16px!important;bottom:82px!important;z-index:1045!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%!important;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.9),var(--brand-primary))!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,83,177,.32)!important;text-decoration:none!important;animation:arvix-production-form-back-nudge 1.8s ease-in-out infinite;}
.production-form-mobile-back-fab i {font-size:1.15rem;}
@keyframes arvix-production-form-back-nudge {0%,100%{transform:translateX(0);}45%{transform:translateX(-6px);}65%{transform:translateX(-6px);}}
@media (prefers-reduced-motion: reduce) {.production-form-mobile-back-fab {animation:none!important;}}
.production-final-action {display:flex;gap:.75rem;margin-top:.35rem;margin-bottom:1rem;}
.production-final-action .operation-button {padding-top:.45rem;padding-bottom:.75rem;}
.production-details-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
.production-details-grid .operation-field {grid-column:1 / -1!important;}
.production-details-grid .production-date-field {grid-column:1!important;grid-row:1!important;}
.production-details-grid .production-quantity-field {grid-column:2!important;grid-row:1!important;}
.production-details-grid .production-responsible-field {grid-column:1!important;grid-row:3!important;}
.production-details-grid .production-expiration-field {grid-column:2!important;grid-row:3!important;}
.production-details-grid .production-notes-field {grid-column:1 / -1!important;}
.production-summary-box {display:none!important;}

.production-panel {}
.production-confirm-card {}
.production-panel-head {align-items:stretch;}
.production-preview-content {overflow-x:auto;-webkit-overflow-scrolling:touch;}
.production-summary-row {align-items:flex-start;}
.production-cost-row {align-items:flex-start;}
.production-cost-total {align-items:flex-start;}
.production-actions-row {grid-template-columns:1fr;}
.production-preview-content {overflow:visible;}
.production-preview-table {display:block!important;width:100%!important;min-width:0!important;}
.production-preview-table thead {display:none!important;}
.production-preview-table tbody {display:grid!important;gap:.55rem!important;}
.production-preview-table tbody tr {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:.65rem!important;width:100%!important;padding:.7rem!important;border:1px solid #e1e8f3!important;border-radius:var(--workspace-radius-card)!important;background:#fff!important;}
.production-preview-table tbody td {display:none!important;padding:0!important;border:0!important;min-width:0!important;}
.production-preview-table tbody td:nth-child(1) {display:block!important;grid-column:1!important;grid-row:1!important;text-align:left!important;}
.production-preview-table tbody td:nth-child(3) {display:flex!important;grid-column:2!important;grid-row:1!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:.12rem!important;text-align:right!important;white-space:nowrap!important;}
.production-preview-table tbody td:nth-child(3)::before {content:"CONSUMO";display:block!important;width:100%!important;font-size:var(--workspace-meta-size)!important;font-weight:600!important;line-height:1!important;color:var(--workspace-muted)!important;text-align:right!important;text-transform:uppercase!important;}
.production-preview-table .production-preview-name strong {display:block!important;font-size:var(--workspace-table-size)!important;font-weight:800!important;line-height:1.25!important;color:var(--workspace-title)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.production-preview-table .production-preview-name span {display:none!important;}
.production-preview-table .production-empty {display:block!important;grid-column:1 / -1!important;text-align:center!important;}


}
.production-section-heading > .production-section-icon {color:#0d6efd !important;}
.production-section-heading > .production-section-icon > i {color:#0d6efd !important;}
.production-confirm-head > .production-section-icon {color:#0d6efd !important;}
.production-confirm-head > .production-section-icon > i {color:#0d6efd !important;}
.production-panel .production-section-heading .production-panel-title {font-size:var(--workspace-section-title-size);font-weight:700 !important;line-height:1.2 !important;color:var(--workspace-title) !important;}
.production-confirm-card .production-confirm-head .production-confirm-title {font-size:var(--workspace-page-copy-size);font-weight:700 !important;line-height:1.2 !important;color:var(--workspace-title) !important;}
.production-panel .production-section-heading .production-step-number {font-size:var(--workspace-page-copy-size);font-weight:700 !important;line-height:1.2 !important;color:var(--workspace-title) !important;}
.production-confirm-card .production-confirm-head .production-step-number {font-size:var(--workspace-page-copy-size);font-weight:700 !important;line-height:1.2 !important;color:var(--workspace-title) !important;}
.production-panel .production-section-heading {gap:.55rem !important;}
.production-confirm-card .production-confirm-head {gap:.55rem !important;}
.production-panel .production-section-heading .production-section-icon {font-size:.95rem;color:#0d6efd !important;}
.production-panel .production-section-heading .production-section-icon > i {font-size:.95rem;color:#0d6efd !important;}
.production-confirm-card .production-confirm-head .production-section-icon {font-size:.95rem;color:#0d6efd !important;}
.production-confirm-card .production-confirm-head .production-section-icon > i {font-size:.95rem;color:#0d6efd !important;}

/* resources/views/stock-receipts/create.blade.php */
.receipt-create-secondary {white-space:nowrap;}
.receipt-create-primary {white-space:nowrap;}
.receipt-inline-primary {white-space:nowrap;}
.receipt-flow-grid {display:grid;gap:1rem;}
.receipt-create-grid {display:grid;gap:1rem;}
.receipt-flow-grid {grid-template-columns:repeat(3, minmax(0, 1fr));}
.receipt-create-grid {grid-template-columns:minmax(0,1fr) minmax(0,var(--workspace-side-panel-width));gap:1rem;align-items:start;}
.receipt-flow-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);}
.receipt-create-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);}
.receipt-capture-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);}
.receipt-flow-card {display:flex;gap:0.95rem;align-items:center;padding:0.85rem 1rem;}
.receipt-flow-icon {width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 44px;border:1px solid transparent;align-self:center;}
.receipt-flow-icon.flow {color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.08);border-color:#bfdbfe;}
.receipt-flow-icon.separation {color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe;}
.receipt-flow-icon.impact {color:#16a34a;background:#ecfdf5;border-color:#bbf7d0;}
.receipt-flow-pill {display:inline-flex;align-items:center;padding:0.24rem 0.55rem;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--workspace-muted);background:#f6f9ff;border:1px solid #e1eaf8;margin-bottom:0.5rem;}
.receipt-flow-name {color:var(--workspace-title);font-size:var(--workspace-table-size);font-weight:700;margin-bottom:0.22rem;letter-spacing:-0.01em;}
.receipt-flow-text {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.receipt-capture-card .card-body {padding:1.15rem 1.15rem 1.2rem;}
.receipt-create-card .card-body {padding:1.15rem 1.15rem 1.2rem;}
.receipt-step-pill {display:inline-flex;align-items:center;padding:0.32rem 0.62rem;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.08);border:1px solid #bfdbfe;margin-bottom:0.55rem;}
.receipt-block-title {color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;margin:0 0 0.18rem;letter-spacing:-0.01em;text-transform:none !important;}
.receipt-block-copy {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);margin:0;line-height:1.45;}
.receipt-capture-grid {display:grid;grid-template-columns:minmax(190px, .9fr) minmax(220px, 1fr) minmax(260px, 1.25fr) 118px;gap:0.8rem;align-items:end;margin-top:1rem;}
.receipt-lines-head th {color:var(--workspace-muted) !important;font-size:var(--workspace-label-size);letter-spacing:var(--workspace-label-spacing) !important;text-transform:uppercase !important;font-weight:700 !important;}
.receipt-camera-actions {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) auto auto;gap:0.7rem;align-items:center;margin-top:0.85rem;}
.receipt-capture-mode-title {margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(228, 236, 247, 0.96);color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;}
.receipt-capture-mode-copy {margin:0.2rem 0 0;color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);}
.receipt-inline-list {margin-top:1rem;min-height:205px;border-top:1px solid rgba(228, 236, 247, 0.96);background:transparent;overflow:hidden;}
.receipt-inline-list .receipt-list-table-wrap {min-height:205px;}
.receipt-inline-list .receipt-empty-state {height:145px;vertical-align:middle;}
.receipt-list-actions {display:flex;gap:0.7rem;flex-wrap:wrap;justify-content:flex-end;}
.receipt-info-note {border-radius:18px;background:#ecfdf5;border:1px solid #bbf7d0;color:#2f855a;padding:0.9rem 1rem;font-size:var(--workspace-page-copy-size);line-height:1.45;margin-top:0.95rem;}
.receipt-summary-box {border-radius:18px;border:1px solid var(--workspace-border);background:#fbfdff;padding:0.95rem 1rem;margin-top:1rem;}
.receipt-summary-row {display:flex;justify-content:space-between;align-items:center;gap:0.8rem;margin-bottom:0.45rem;}
.receipt-summary-row:last-child {margin-bottom:0;}
.receipt-summary-row span {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);}
.receipt-summary-row strong {color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;}
.receipt-list-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);overflow:hidden;}
.receipt-list-head {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem 0.9rem;border-bottom:1px solid rgba(232, 237, 245, 0.92);}
.receipt-list-table-wrap {padding:0.2rem 1.15rem 0.55rem;}
.receipt-inline-list .receipt-list-table-wrap {padding:0.6rem 0.1rem 0.15rem;}
.receipt-list-table .receipt-qty-cell .form-control {width:76px;max-width:100%;}
.receipt-list-table .receipt-price-cell .input-group {max-width:100%;}
.receipt-list-table .receipt-price-cell .form-control {min-width:0;}
.receipt-list-table .receipt-item-type {white-space:nowrap;}
.receipt-list-table .receipt-type-badge {display:inline-flex;align-items:center;padding:.3rem .6rem;border:1px solid #bfdbfe;border-radius:999px;background:rgba(var(--brand-primary-rgb),.08);color:var(--brand-primary);font-weight:700;}
.receipt-list-table .receipt-type-badge.material {border-color:#fed7aa;background:#fff7ed;color:#c2410c;}
.receipt-list-table .receipt-type-badge.unidentified {border-color:#e5e7eb;background:#f8fafc;color:#64748b;}






.receipt-empty-state {padding:1.55rem 1rem 1.35rem !important;text-align:center;color:var(--workspace-copy) !important;}
.receipt-empty-state i {display:block;font-size:1.2rem;margin-bottom:0.4rem;color:#7f92b3;}
@media (max-width: 1199.98px) {
.receipt-flow-grid {grid-template-columns:1fr;}
.receipt-create-grid {grid-template-columns:1fr;}
.receipt-capture-grid {grid-template-columns:1fr;}
.receipt-camera-actions {grid-template-columns:1fr;}
.receipt-list-actions {justify-content:flex-start;}
.receipt-inline-list .receipt-list-table-wrap {padding-left:0;padding-right:0;}


}




.receipt-mode-panel {display:none;}.receipt-mode-panel.active {display:block;}

.receipt-upload-grid {display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.15fr);gap:1rem;align-items:stretch;}
.receipt-upload-box {border:1px dashed #93b7f5;border-radius:16px;background:#fbfdff;padding:1.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:180px;}
.receipt-upload-box .form-control {max-width:430px;}
.receipt-section-title {display:flex;align-items:center;gap:.55rem;color:var(--workspace-title);font-weight:700;font-size:var(--workspace-section-title-size);margin-bottom:.35rem;}
.receipt-manual-grid {display:grid;grid-template-columns:minmax(170px,210px) minmax(300px,1fr) 230px;gap:.8rem;align-items:end;}
.receipt-unknown-grid {display:grid;grid-template-columns:minmax(170px,210px) minmax(250px,1fr) 230px;gap:.8rem;align-items:end;margin-top:1rem;}
.receipt-mode-panel[data-receipt-panel="manual"] #manual-add-button {width:230px;max-width:100%;padding-inline:.9rem;}
.receipt-mode-panel[data-receipt-panel="manual"] #add-unknown-item {width:230px;max-width:100%;padding-inline:.9rem;}
.receipt-money-group .form-control {border-top-left-radius:0!important;border-bottom-left-radius:0!important;}
.receipt-side-actions {display:grid;gap:.65rem;margin-top:1rem;}
.receipt-side-actions .btn {width:100%;}
.receipt-side-card {position:sticky;top:1rem;align-self:start;}
.receipt-product-head {display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.35rem;padding-top:.85rem;border-top:1px solid var(--workspace-border);}
@media(max-width:1199.98px) {
.receipt-upload-grid {grid-template-columns:1fr;}
.receipt-manual-grid {grid-template-columns:1fr;}
.receipt-unknown-grid {grid-template-columns:1fr;}
.receipt-side-card {position:static;}


}
@media (min-width:768px) and (max-width:1199.98px) {
.receipt-create-actions .btn {white-space:nowrap !important;}

.receipt-mode-panel[data-receipt-panel="manual"] .receipt-manual-barcode {display:none !important;}
.receipt-mode-panel[data-receipt-panel="manual"] .receipt-manual-grid {grid-template-columns:minmax(0,1fr) 150px !important;gap:.6rem;}
.receipt-mode-panel[data-receipt-panel="manual"] #manual-add-button {width:150px !important;max-width:150px !important;}



}
.receipt-mode-panel {min-height:185px;padding-top:.15rem;}
.receipt-mode-panel[data-receipt-panel="document"] .receipt-upload-box {max-width:none;width:100%;min-height:0;padding:1.15rem;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.35fr) minmax(210px,.55fr);gap:1rem;align-items:center;text-align:left;}
.receipt-upload-intro {display:flex;align-items:center;justify-content:flex-start;gap:.9rem;min-width:0;padding-right:1rem;border-right:1px solid var(--workspace-border);}
.receipt-upload-intro>i {font-size:1.65rem;color:var(--brand-primary);flex:0 0 auto;}
.receipt-upload-copy {min-width:0;}
.receipt-upload-copy strong {display:block;color:var(--workspace-title);font-size:var(--workspace-page-copy-size);}
.receipt-upload-copy small {display:block;color:var(--workspace-copy);margin-top:.15rem;}
.receipt-upload-box .form-control {max-width:none;width:100%;margin:0!important;align-self:center;}
.receipt-upload-box #analyze-receipt-file {width:100%;margin:0!important;min-height:42px;align-self:center;}
.receipt-mode-panel[data-receipt-panel="document"] .receipt-info-note {margin-top:.75rem;}
@media(max-width:991.98px) {
.receipt-mode-panel[data-receipt-panel="document"] .receipt-upload-box {grid-template-columns:1fr;}
.receipt-upload-intro {border-right:0;border-bottom:1px solid var(--workspace-border);padding:0 0 .8rem;}


}
.receipt-mode-panel[data-receipt-panel="scanner"] .receipt-manual-grid {grid-template-columns:minmax(0,1fr) 150px;}
.receipt-mode-panel[data-receipt-panel="scanner"] .receipt-manual-grid>div {grid-column:auto!important;}
@media(max-width:767.98px) {
.receipt-mode-panel[data-receipt-panel="scanner"] .receipt-manual-grid {grid-template-columns:minmax(0,1fr);}
.receipt-mode-panel[data-receipt-panel="scanner"] .receipt-manual-grid>button {width:100%;}


}
.receipt-line-actions {display:inline-flex;align-items:center;justify-content:flex-end;gap:.4rem;}
@media(max-width:1199.98px) {
.receipt-mode-panel {min-height:0;}


}
.receipt-create-grid > .receipt-steps-stack {background:transparent !important;border:0 !important;border-radius:0;box-shadow:none !important;padding:0 !important;overflow:visible !important;}
.receipt-create-grid > .receipt-steps-stack > .card-body {display:grid !important;gap:1rem !important;padding:0 !important;overflow:visible !important;}
.receipt-create-grid > .receipt-steps-stack > .card-body > .receipt-step-block {display:block !important;width:100% !important;margin:0 !important;padding:1rem 1.05rem !important;background:#ffffff !important;border:1px solid #d7e2f0 !important;border-radius:var(--workspace-radius-card);box-shadow:0 10px 28px rgba(31, 55, 92, 0.06) !important;overflow:hidden !important;}

.receipt-create-grid > .receipt-steps-stack > .card-body > .receipt-step-block .receipt-inline-list {margin-left:0 !important;margin-right:0 !important;}
.receipt-create-grid > .receipt-steps-stack > .card-body > .receipt-step-block:nth-of-type(2) {padding-bottom:.85rem !important;}
.receipt-create-grid > .receipt-steps-stack > .card-body > .receipt-step-block:nth-of-type(2) .receipt-product-head {border-top:0 !important;padding-top:0 !important;margin-top:0 !important;margin-bottom:.55rem !important;}
.receipt-create-grid > .receipt-steps-stack > .card-body > .receipt-step-block:nth-of-type(2) .receipt-inline-list {min-height:145px;}
.receipt-create-grid > .receipt-steps-stack > .card-body > .receipt-step-block:nth-of-type(2) .receipt-empty-state {height:120px;padding-top:1rem !important;padding-bottom:1rem !important;}
.receipt-create-grid > .receipt-steps-stack > .card-body > .receipt-step-block:nth-of-type(2) .receipt-info-note {margin-top:.65rem !important;padding-top:.7rem !important;padding-bottom:.7rem !important;}
.receipt-mobile-receipt-data {display:none;}
.receipt-mobile-back-fab {display:none;}
@media (min-width:768px) and (max-width:1199.98px) {
.receipt-create-grid {grid-template-columns:minmax(0,1fr) minmax(0,var(--workspace-side-panel-tablet-width));}
.receipt-side-card {position:sticky;top:1rem;}

.receipt-manual-grid {grid-template-columns:minmax(150px,.55fr) minmax(260px,1.2fr) minmax(160px,.55fr);}
.receipt-unknown-grid {grid-template-columns:minmax(150px,.55fr) minmax(260px,1.2fr) minmax(160px,.55fr);}
.receipt-mode-panel[data-receipt-panel="scanner"] .receipt-manual-grid {grid-template-columns:minmax(0,1fr) 160px;}


}
@media(max-width:767.98px) {
.receipt-create-grid {grid-template-columns:1fr;gap:.65rem;}
.receipt-capture-card .card-body {padding:.7rem;}
.receipt-create-card .card-body {padding:.7rem;}
.receipt-step-block {border-radius:16px;}
.receipt-list-card {border-radius:var(--workspace-radius-card);}
.receipt-side-card {border-radius:var(--workspace-radius-card);}
.receipt-section-title {font-size:var(--workspace-section-title-size);}
.receipt-block-copy {font-size:var(--workspace-page-copy-size);}


.receipt-mode-panel[data-receipt-panel="scanner"] > .receipt-section-title {display:none!important;}
.receipt-mode-tabs {display:flex!important;}
.receipt-mode-panel {min-height:0;}
.receipt-manual-grid {grid-template-columns:1fr!important;gap:.55rem;}
.receipt-unknown-grid {grid-template-columns:1fr!important;gap:.55rem;}
.receipt-camera-actions {grid-template-columns:1fr!important;gap:.55rem;}
.receipt-mode-panel[data-receipt-panel="manual"] #manual-add-button {width:100%;}
.receipt-mode-panel[data-receipt-panel="manual"] #add-unknown-item {width:100%;}
.receipt-mode-panel[data-receipt-panel="scanner"] .receipt-manual-grid {grid-template-columns:1fr!important;}
.receipt-product-head {margin-top:.6rem;padding-top:.6rem;}
.receipt-list-head {padding:.75rem;}
.receipt-list-table-wrap {padding:.35rem .65rem;}
.receipt-inline-list .receipt-list-table-wrap {padding:.35rem .65rem;}
.receipt-list-table tr {padding:.7rem;border:1px solid #e1e8f3!important;border-radius:var(--workspace-radius-card);background:#fff;}
.receipt-list-table td {padding:.32rem 0!important;min-height:1.7rem;}
.receipt-list-table td::before {letter-spacing:.05em;}
.receipt-list-table td {padding-left:6.1rem!important;}
.receipt-list-table td:first-child {padding-left:0!important;}
.receipt-list-table td:first-child::before {display:none;}
.receipt-list-table .receipt-qty-cell .form-control {width:100%;max-width:150px;}
.receipt-list-table .receipt-price-cell .input-group {max-width:150px;}
.receipt-info-note {padding:.65rem;border-radius:12px;font-size:var(--workspace-page-copy-size);}
.receipt-side-card {position:static;}
.receipt-summary-box {border-radius:13px;padding:.75rem;}
.receipt-summary-row span {font-size:var(--workspace-page-copy-size);}
.receipt-summary-row strong {font-size:var(--workspace-page-copy-size);}
.receipt-side-actions .btn {min-height:var(--workspace-control-height);}
.receipt-mobile-back-fab {position:fixed!important;right:16px!important;bottom:82px!important;z-index:1045!important;width:48px!important;height:48px;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.9),var(--brand-primary))!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,83,177,.32)!important;text-decoration:none!important;}
.receipt-mobile-back-fab i {font-size:1.15rem;}
.receipt-mobile-receipt-data {display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.5rem;margin-bottom:.55rem;}
.receipt-mobile-receipt-data .form-control {min-width:0;}
.receipt-mobile-receipt-data .form-select {min-width:0;}
.receipt-create-grid > aside .receipt-section-title {margin-bottom:.3rem!important;}
.receipt-create-grid > aside textarea[name="notes"] {height:58px!important;min-height:58px!important;resize:none;}
.receipt-clear-list-button {display:none!important;}
.receipt-clear-list-button i {margin:0!important;}
.receipt-scanner-barcode {display:none!important;}
.receipt-side-date {display:none!important;}
.receipt-side-supplier {display:none!important;}
.receipt-side-purchase-order {display:none!important;}
.receipt-inline-list {border-top:0!important;}
.receipt-inline-list .receipt-list-table-wrap {padding-left:.35rem!important;padding-right:.35rem!important;}
.receipt-list-table tr[data-line] {display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(70px,.8fr)!important;grid-template-areas:"product product product" "qty price subtotal"!important;column-gap:.45rem!important;row-gap:0!important;align-items:end!important;position:relative!important;margin:0!important;padding:.7rem!important;width:100%!important;box-sizing:border-box!important;border:1px solid #e1e8f3!important;border-radius:var(--workspace-radius-card)!important;background:#fff!important;}
.receipt-list-table tr[data-line] > .receipt-product-cell {border-bottom:1px solid #e8edf5!important;padding:0 38px .45rem 0!important;margin:0 0 .45rem!important;}
.receipt-list-table tr[data-line] > td {display:none!important;}
.receipt-list-table tr[data-line] > .receipt-product-cell {display:block!important;grid-area:product!important;min-width:0!important;}
.receipt-list-table tr[data-line] > .receipt-product-cell::before {display:none!important;}
.receipt-list-table .receipt-product-cell .line-item-name {font-size:var(--workspace-table-size)!important;font-weight:800!important;line-height:1.25!important;color:var(--workspace-title)!important;overflow:hidden;text-overflow:ellipsis;}
.receipt-list-table .receipt-product-cell .line-item-meta {display:block!important;margin-top:.12rem!important;font-size:var(--workspace-meta-size)!important;font-weight:400!important;line-height:1.25!important;color:var(--workspace-copy)!important;overflow:hidden;text-overflow:ellipsis;}
.receipt-list-table tr[data-line] > .receipt-qty-cell {display:block!important;grid-area:qty!important;padding:0!important;}
.receipt-list-table tr[data-line] > .receipt-qty-cell::before {display:block!important;position:static!important;width:auto!important;margin-bottom:.18rem!important;font-size:.68rem!important;line-height:1!important;}
.receipt-list-table .receipt-qty-cell .form-control {width:100%!important;max-width:none!important;text-align:center!important;}
.receipt-list-table tr[data-line] > .receipt-price-cell {display:block!important;grid-area:price!important;padding:0!important;min-width:0!important;}
.receipt-list-table tr[data-line] > .receipt-price-cell::before {display:block!important;position:static!important;width:auto!important;margin-bottom:.18rem!important;font-size:.68rem!important;line-height:1!important;}
.receipt-list-table .receipt-price-cell .input-group {width:100%!important;max-width:none!important;}
.receipt-list-table tr[data-line] > .receipt-subtotal-cell {display:block!important;grid-area:subtotal!important;padding:0!important;min-width:0!important;align-self:end!important;}
.receipt-list-table tr[data-line] > .receipt-subtotal-cell::before {display:block!important;position:static!important;width:auto!important;margin-bottom:.18rem!important;font-size:.68rem!important;line-height:1!important;}
.receipt-list-table tr[data-line] > .receipt-qty-cell::before,
.receipt-list-table tr[data-line] > .receipt-price-cell::before,
.receipt-list-table tr[data-line] > .receipt-subtotal-cell::before {font-size:var(--workspace-meta-size)!important;font-weight:600!important;letter-spacing:0!important;line-height:1!important;color:var(--workspace-muted)!important;text-transform:uppercase!important;}
.receipt-list-table .receipt-subtotal-cell .line-subtotal {height:var(--workspace-control-height)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;font-size:var(--workspace-table-size)!important;font-weight:800!important;color:var(--workspace-title)!important;line-height:1.25!important;margin:0!important;}
.receipt-list-table tr[data-line] > .receipt-subtotal-cell::before {transform:translateY(-1px)!important;}
.receipt-list-table tr[data-line] > .receipt-qty-cell,
.receipt-list-table tr[data-line] > .receipt-price-cell,
.receipt-list-table tr[data-line] > .receipt-subtotal-cell {align-self:end!important;}
.receipt-list-table tr[data-line] > .receipt-qty-cell::before,
.receipt-list-table tr[data-line] > .receipt-price-cell::before,
.receipt-list-table tr[data-line] > .receipt-subtotal-cell::before {height:.68rem!important;display:block!important;}
.receipt-list-table tr[data-line] > .receipt-actions-cell {display:block!important;position:absolute!important;top:.55rem!important;right:.55rem!important;width:auto!important;padding:0!important;min-height:0!important;}
.receipt-list-table tr[data-line] > .receipt-actions-cell::before {display:none!important;}
.receipt-list-table .receipt-actions-cell .receipt-line-actions {display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;}
.receipt-list-table .receipt-actions-cell .remove-line {width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;display:inline-grid!important;place-items:center!important;}
.receipt-list-table tr[data-line] > .receipt-expiry-cell {display:none!important;}
.receipt-list-table tr[data-line] > .receipt-item-type {display:none!important;}
.receipt-mobile-pagination {display:flex;justify-content:center;align-items:center;gap:.35rem;margin-top:.65rem;}
.receipt-mobile-pagination button {min-width:32px;height:32px;border:1px solid #d7e2f0;border-radius:8px;background:#fff;color:var(--workspace-title);font-weight:700;}
.receipt-mobile-pagination button.active {background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);}


}


/* Tablet/desktop receipt mode tabs: compact labels with a clear selected state. */
@media (min-width:768px) {
  .receipt-create-shell .receipt-mode-tabs .receipt-mode-tab {
    display:inline-flex;
    align-items:center;
    text-align:center;
    border-radius:10px 10px 0 0;
  }
  .receipt-create-shell .receipt-mode-tabs .receipt-mode-tab.active {
    background:rgba(var(--brand-primary-rgb),.10)!important;
    color:var(--brand-primary)!important;
    border-bottom-color:var(--brand-primary)!important;
    font-weight:700!important;
  }
}
@media (min-width:1200px) {
  .receipt-create-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,var(--workspace-side-panel-width))!important;
    gap:1rem!important;
    align-items:start!important;
  }
  .receipt-create-grid>.receipt-steps-stack {
    grid-column:1!important;
    min-width:0!important;
  }
  .receipt-create-grid>.receipt-side-card {
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    align-self:start!important;
  }
}

/* resources/views/packaging/form.blade.php */
.catalog-form-grid-packaging-main {display:grid;grid-template-columns:1.45fr 1.2fr 0.9fr 0.9fr;gap:1.15rem;align-items:start;}
.catalog-form-grid-packaging-secondary {display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.15rem;align-items:start;}
.catalog-form-section-card {border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);background:var(--workspace-surface);padding:1.15rem 1.2rem;}
.catalog-form-section-head {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;}
.catalog-form-section-head .catalog-form-note-title {margin-bottom:0.18rem;}
.catalog-form-section-head .catalog-form-note-copy {max-width:760px;}
.catalog-form-card .listbox-shell {min-height:var(--workspace-control-height);height:var(--workspace-control-height);}.catalog-form-inline-danger-btn {text-decoration:none;}

@media (max-width: 1399.98px) {
.catalog-form-grid-packaging-main {grid-template-columns:repeat(3, minmax(0, 1fr));}
.catalog-form-grid-packaging-secondary {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 991.98px) {
.catalog-form-grid-packaging-main {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-grid-packaging-secondary {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.catalog-form-grid-packaging-main {grid-template-columns:minmax(0, 1fr);}
.catalog-form-grid-packaging-secondary {grid-template-columns:minmax(0, 1fr);}
.catalog-form-section-head {flex-direction:column;align-items:stretch;}


}

/* resources/views/inventory/index.blade.php */
.inventory-actions {display:flex;gap:.75rem;flex-wrap:wrap;flex:0 0 auto;}
.inventory-main-head {display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #e8edf5;flex-wrap:wrap;}
.inventory-pending-alert {display:flex;align-items:center;gap:.75rem;border:1px solid #fde2b7;background:#fffaf0;flex-wrap:wrap;}
.inventory-pending-icon {width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#f59e0b;background:#fff7ed;border:1px solid #fed7aa;}
.inventory-pending-text {color:var(--workspace-copy);min-width:0;flex:1 1 180px;}
.inventory-pending-text strong {display:block;color:var(--workspace-title);}
.inventory-filters {--operation-filter-count:2;border-bottom:1px solid #eef2f7;}
.inventory-tabs {display:flex;gap:.55rem;flex-wrap:wrap;padding:1rem;border-bottom:1px solid #eef2f7;}
.inventory-item-cell {display:flex;align-items:center;gap:.7rem;min-width:0;}
.inventory-item-cell strong {min-width:0;overflow-wrap:anywhere;}
@media(min-width:768px) {
.inventory-tabs {border-bottom:0!important;}
.inventory-table-wrap {border-top:0!important;}
.inventory-table {border-top:0!important;}
.inventory-table thead,.inventory-table thead tr,.inventory-table thead th {border-top:0!important;}
}
@media(min-width:768px) and (max-width:1199.98px) {
.app-authenticated .app-main-content .inventory-head.operation-page-head {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:1rem;}
.app-authenticated .app-main-content .inventory-head-main.operation-head-main {flex:1 1 auto;min-width:0;gap:.65rem;}
.inventory-head-main>div {min-width:0;}
.app-authenticated .app-main-content .inventory-head .inventory-copy {max-width:440px;font-size:13px;line-height:1.35;}
.app-authenticated .app-main-content .inventory-head .inventory-actions {display:flex;flex:0 0 auto;margin-left:auto;flex-wrap:nowrap;white-space:nowrap;align-self:flex-start;}
.inventory-item-cell {min-width:200px;}
}
@media(max-width:767.98px) {
.inventory-actions {margin:0;}
.inventory-head .inventory-actions {display:none!important;}
.inventory-actions>* {flex:1;}
.inventory-mobile-adjustment {display:flex;width:100%;margin-top:.65rem;justify-content:center;}
.inventory-mobile-adjustment .operation-button {width:75%;max-width:280px;justify-content:center;}
.app-authenticated .app-main-content .inventory-kpi-grid.operation-kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;}
.app-authenticated .app-main-content .inventory-kpi-card.operation-kpi-card {min-width:0;padding:.5rem .15rem;}
.inventory-main-head {align-items:stretch;}
.inventory-pending-alert {display:none!important;}
.inventory-filters>.inventory-filter {display:none!important;}
.inventory-tabs {display:none!important;}
.inventory-item-cell {min-width:0;}
.inventory-filters {border-bottom:0!important;padding-bottom:0!important;margin-bottom:-40px!important;}
.inventory-table-wrap {padding-top:0!important;}


}

/* resources/views/orders/index.blade.php */
.order-row {text-decoration:none;border-bottom:1px solid #edf2f8;}
.order-row:last-child {border:0;}
.order-row strong {display:block;}
.order-row small {display:block;}
.order-row small {font-size:var(--workspace-meta-size);color:#71819c;}
.order-stat small {font-size:var(--workspace-meta-size);font-weight:800;}
.order-empty {padding:2.5rem;text-align:center;color:#667085;}
@media(max-width:767.98px) {
.order-head .btn {white-space:nowrap;}
.order-number {grid-column:1;}
.order-row>.badge {grid-column:2;grid-row:1;}
.order-customer {grid-column:1/-1;}
.order-row>i {display:none;}


}

/* resources/views/sales-events/index.blade.php */
.event-filter-bar {--operation-filter-count:3;}
.event-search {position:relative;}
.event-filter {position:relative;}
.event-date {position:relative;}
.event-search i {position:absolute;left:1rem;top:50%;pointer-events:none;}
.event-date i {position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#7f92b3;font-size:.95rem;pointer-events:none;}
.event-filter .form-select {appearance:none;-webkit-appearance:none;background-repeat:no-repeat,no-repeat;background-position:right 0 top 0,right .95rem center;background-size:2.7rem 100%,14px 14px;}
 .event-filter-actions {display:flex;align-items:center;justify-content:flex-end;}
.event-mobile-card-cell {display:none!important;}

@media (max-width: 767.98px) {
.app-authenticated .app-main-content .event-kpi-grid.operation-kpi-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.3rem!important;}
.app-authenticated .app-main-content .event-kpi-grid .operation-kpi-card {min-height:96px!important;padding:.45rem .1rem!important;gap:.3rem!important;}
.event-kpi-grid .operation-kpi-icon {width:32px!important;height:32px!important;flex:0 0 32px!important;}
.event-kpi-grid .operation-kpi-value {font-size:var(--workspace-kpi-value-size)!important;}
.event-kpi-grid .operation-kpi-label {font-size:var(--workspace-meta-size)!important;line-height:1.15!important;overflow-wrap:normal!important;word-break:normal!important;}
.event-kpi-grid .operation-kpi-copy {display:none!important;}
.production-hero > .production-primary-btn {display:none!important;}

.event-filter-bar {grid-template-columns:repeat(2,minmax(0,1fr))!important;position:relative!important;}
.event-filter-bar .event-search {grid-column:1 / -1!important;grid-row:1!important;margin-right:54px!important;min-width:0!important;}
.event-filter-bar .event-filter {grid-column:1 / -1!important;grid-row:2!important;}
.event-filter-bar .event-date:nth-of-type(3) {grid-column:1!important;grid-row:3!important;min-width:0!important;}
.event-filter-bar .event-date:nth-of-type(4) {grid-column:2!important;grid-row:3!important;min-width:0!important;}
.event-filter-bar .event-date .operation-input {width:100%!important;min-width:0!important;}
.event-filter-bar .event-filter-actions {grid-column:2!important;grid-row:1!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;z-index:1!important;}
.event-register-card .event-filter-bar.operation-filters {padding:.75rem .8rem .1rem!important;}
.event-register-card #event-table-wrapper {margin-top:10px!important;}
.event-filter-actions {grid-column:auto!important;grid-row:auto!important;justify-content:stretch;}

.event-mobile-card-cell {display:none!important;}
.event-table tbody tr:has(td[colspan]:not(.event-mobile-card-cell)) {display:block!important;}
.event-table tbody tr:not(:has(td[colspan]:not(.event-mobile-card-cell))) {display:block!important;padding:0!important;border:0!important;background:transparent!important;}
.event-table tbody tr:not(:has(td[colspan]:not(.event-mobile-card-cell)))>td:not(.event-mobile-card-cell) {display:none!important;}
.event-table tbody tr:not(:has(td[colspan]:not(.event-mobile-card-cell)))>.event-mobile-card-cell {display:block!important;padding:0!important;}
.event-mobile-card {border:1px solid #e1e8f3;border-radius:var(--workspace-radius-card);background:#fff;}
.event-mobile-card-head {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:start;}
.event-mobile-card-copy {min-width:0;}
.event-mobile-card-values {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.35rem;margin-top:5px;padding-top:5px;padding-bottom:5px;border-top:1px solid #e8edf5;}
.event-mobile-card-values>div {display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;}
.event-mobile-card-values strong {max-width:100%;overflow-wrap:anywhere;}
.event-mobile-card-values span,.event-mobile-card-date span {font-size:var(--workspace-meta-size);line-height:1;font-weight:600;color:var(--workspace-muted);text-transform:uppercase;}
.event-mobile-card-values strong {font-size:var(--workspace-table-size);line-height:1.25;font-weight:700;color:var(--workspace-copy-strong);}
.event-mobile-card-footer {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding-top:5px;border-top:1px solid #e8edf5;}
.event-mobile-card-date {display:flex;align-items:baseline;gap:.25rem;min-width:0;white-space:nowrap;}
.event-mobile-card-date strong {font-size:var(--workspace-meta-size);line-height:1.25;font-weight:700;color:var(--workspace-copy-strong);}
.event-mobile-card-footer .table-action-group {justify-self:end;justify-content:flex-end;}

}

/* resources/views/dashboard.blade.php */
.dashboard-exec{display:flex;flex-direction:column;gap:16px;min-width:0;color:var(--workspace-title,#17294b)}
.dashboard-exec *{box-sizing:border-box}
.dashboard-exec-head{min-width:0}


 .dashboard-exec-period{position:relative;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid var(--workspace-border,#dce5f2);background:var(--workspace-surface,#fff);border-radius:12px;padding:10px 12px;color:var(--workspace-text,#1c2948);font-weight:700;font-size:.85rem;white-space:nowrap;z-index:5}
.dashboard-exec-period select{display:none}
.dashboard-exec-mobile-menu{display:block;position:relative}
.dashboard-exec-mobile-menu summary{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;list-style:none;color:var(--workspace-text);font-size:.85rem}
.dashboard-exec-mobile-menu summary::-webkit-details-marker{display:none}
.dashboard-exec-mobile-menu summary .dashboard-period-label{font-weight:700}
.dashboard-exec-mobile-menu summary .bi-chevron-down{color:var(--brand-primary);font-size:.75rem}
.dashboard-exec-mobile-menu[open] summary .bi-chevron-down{transform:rotate(180deg)}
.dashboard-exec-mobile-options{border-color:var(--operation-select-border,var(--workspace-border));box-shadow:0 12px 28px rgba(15,35,65,.16)}
.dashboard-exec-mobile-options button{color:var(--workspace-text);font-weight:600}
.dashboard-exec-mobile-options button[aria-current="true"]{background:rgba(var(--brand-primary-rgb),.10);color:var(--brand-primary)}

.dashboard-exec-mobile-options{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:190px;max-width:calc(100vw - 24px);padding:6px;background:var(--workspace-surface,#fff);border:1px solid var(--workspace-border,#dce5f2);border-radius:12px;box-shadow:0 12px 28px rgba(15,35,65,.16);z-index:10}
.dashboard-exec-mobile-options button{display:block;width:100%;padding:10px 12px;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--workspace-text,#1c2948);font-size:.83rem;cursor:pointer}
.dashboard-exec-mobile-options button[aria-current="true"]{background:#eaf2ff;color:#2369ed;font-weight:700}
.dashboard-exec-mobile-options button:hover,.dashboard-exec-mobile-options button:focus-visible{background:#f0f5fd}

.dashboard-exec-custom-dates{position:absolute;right:0;top:calc(100% + 8px);display:flex;align-items:center;justify-content:flex-end;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:12px;background:var(--workspace-surface,#fff);border:1px solid var(--workspace-border,#dce5f2);border-radius:12px;box-shadow:var(--workspace-shadow,0 10px 30px rgba(0,0,0,.12));white-space:normal} .dashboard-exec-custom-dates[hidden]{display:none!important}
.dashboard-exec-custom-dates label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:.8rem;line-height:1.2;color:var(--workspace-copy);white-space:nowrap}
.dashboard-exec-custom-dates input{box-sizing:border-box;min-width:0;width:142px;height:38px;border:1px solid var(--workspace-border);border-radius:9px;padding:7px 9px;color:var(--workspace-text);background:var(--workspace-surface);font-size:.8rem}
.dashboard-exec-custom-dates button{border:0;border-radius:9px;background:var(--brand-primary);color:#fff;padding:0 13px;height:38px;font-weight:700;line-height:1;white-space:nowrap}
.dashboard-exec-kpis{min-width:0}
.dashboard-exec-panel{background:var(--workspace-surface,#fff);border:1px solid var(--workspace-border,#dce5f2);border-radius:var(--workspace-radius-card,16px);min-width:0}
.dashboard-exec-card{text-decoration:none!important;transition:border-color .15s}
.dashboard-exec-card:hover{border-color:var(--brand-primary,#2563eb)}
.dashboard-exec-kpi-content{display:flex;flex-direction:column;min-width:0;flex:1}
.dashboard-exec-card .dashboard-exec-kpi-content .operation-kpi-label{order:1}
.dashboard-exec-card .dashboard-exec-kpi-content .operation-kpi-value{order:2}
.dashboard-exec-card .dashboard-exec-kpi-content .dashboard-exec-kpi-description{order:3}
.dashboard-exec-kpi-description{display:block;margin-top:4px;font-size:var(--workspace-page-copy-size,.9rem);line-height:1.4;color:var(--workspace-copy,#617394);font-weight:500}


.dashboard-exec-icon.blue{background:rgba(var(--brand-primary-rgb),.08);color:var(--brand-primary)}
.dashboard-exec-icon.green{background:#ecfdf5;color:#15803d}
.dashboard-exec-icon.rose{background:#fef2f2;color:#dc2626}
.dashboard-exec-icon.amber{background:#fff7ed;color:#c2410c}



.dashboard-exec-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:12px;align-items:stretch}
.dashboard-exec-panel{padding:18px}
.dashboard-exec-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.dashboard-exec-panel-title{display:flex;align-items:center;gap:10px;min-width:0}
.dashboard-exec-panel-title>i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#eaf2ff;color:#2369ed;font-size:1.1rem}
.dashboard-exec-panel-title h2{font-size:1.04rem;font-weight:800;margin:0;color:var(--workspace-title,#17294b)}
.dashboard-exec-panel-title p{font-size:var(--workspace-page-copy-size,.9rem);color:var(--workspace-copy,#617394);margin:3px 0 0}
.dashboard-exec-panel-head .dashboard-exec-legend{margin:0;align-self:flex-end;padding-bottom:3px;flex-wrap:wrap}
.dashboard-exec-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border:1px solid var(--brand-primary,#2563eb);border-radius:9px;background:transparent;color:var(--brand-primary,#2563eb);text-decoration:none;font-size:var(--workspace-page-copy-size,.9rem);font-weight:700;line-height:1.25;white-space:nowrap}
.dashboard-exec-link:hover,.dashboard-exec-link:focus-visible{background:transparent;color:var(--brand-primary,#2563eb);border-color:var(--brand-primary,#2563eb);text-decoration:none}
.dashboard-exec-link i{font-size:1rem;line-height:1}
.dashboard-exec-legend{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:2px 0 6px;font-size:var(--workspace-kpi-label-size,.9rem);font-weight:700;line-height:1.35;color:var(--workspace-text,#1c2948)}
.dashboard-exec-legend span{display:inline-flex;align-items:center;white-space:nowrap}
.dashboard-exec-legend i{display:inline-block;width:10px;height:10px;flex:0 0 10px;border-radius:50%;margin-right:6px}
.dashboard-exec-legend .sales{background:#287dff}.dashboard-exec-legend .profit{background:#15803d}.dashboard-exec-legend .costs{background:#ef4444}
.dashboard-exec-chart{display:block;width:100%;height:auto;max-height:250px;overflow:visible}
.dashboard-exec-chart-labels{display:grid;grid-template-columns:repeat(var(--chart-columns),minmax(0,1fr));text-align:center;font-size:.73rem;color:var(--workspace-muted,#617394);margin:6px 16px 0 11.5%}.dashboard-exec-chart-labels span{min-width:0}
.dashboard-exec-empty{font-size:.8rem;color:var(--workspace-muted,#617394);margin:8px 0 0;text-align:center}
.dashboard-exec-feature{display:block;margin:12px 0 0}
.dashboard-exec-product-photo{position:relative;width:100%;height:155px;border-radius:12px;overflow:hidden;background:#edf3ff}
.dashboard-exec-product-img{display:block;width:100%;height:100%;object-fit:cover}
.dashboard-exec-product-placeholder{display:grid;place-items:center;width:100%;height:100%;background:#edf3ff;color:#7a94bd;font-size:2.1rem}
.dashboard-exec-feature-tag{position:absolute;left:10px;top:10px;background:#f59e0b;color:#fff;border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:800}
.dashboard-exec-product-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-weight:800;font-size:1.02rem;margin:10px 0 12px;color:var(--workspace-title,#17294b)}
.dashboard-exec-product-spec{font-size:.78rem;font-weight:600;color:var(--workspace-copy,#617394)}
.dashboard-exec-product-note{font-size:var(--workspace-page-copy-size,.9rem);line-height:1.45;color:var(--workspace-copy,#617394)}
.dashboard-exec-feature-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dashboard-exec-feature-stats strong{display:block;font-size:1.1rem;overflow-wrap:anywhere;color:var(--workspace-title,#17294b)}
.dashboard-exec-feature-stats small{display:block;margin-top:2px;color:var(--workspace-copy,#617394);font-size:var(--workspace-page-copy-size,.9rem);line-height:1.35;font-weight:500}
.dashboard-exec-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dashboard-exec-insight{display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:90px;padding:15px 14px;border-radius:12px;background:#f0faf6;color:inherit;text-decoration:none!important;transition:filter .15s}
.dashboard-exec-insight:hover{filter:brightness(.98)}
.dashboard-exec-insight-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#dcf8ed;color:#0ca46d}
.dashboard-exec-insight-icon i{font-size:1.5rem;line-height:1}
.dashboard-exec-insight.amber{background:#fff8ee}.dashboard-exec-insight.amber .dashboard-exec-insight-icon{background:#fff0d8;color:#ef9200}
.dashboard-exec-insight.rose{background:#fff3f5}.dashboard-exec-insight.rose .dashboard-exec-insight-icon{background:#ffe3e8;color:#ed4260}
.dashboard-exec-insight.blue{background:#f0f6ff}.dashboard-exec-insight.blue .dashboard-exec-insight-icon{background:#e0ecff;color:#287dff}
.dashboard-exec-insight.green{background:#effaf5}.dashboard-exec-insight.green .dashboard-exec-insight-icon{background:#dcf8ed;color:#0ca46d}
.dashboard-exec-insight-copy{display:block;min-width:0;padding-top:2px}
.dashboard-exec-insight strong{display:block;font-size:var(--workspace-kpi-label-size,.9rem);line-height:1.35;color:var(--workspace-title,#17294b)}
.dashboard-exec-insight small{display:block;color:var(--workspace-copy,#617394);font-size:var(--workspace-page-copy-size,.9rem);line-height:1.45;margin-top:4px}
.dashboard-exec-important .dashboard-exec-panel-title>i{background:#fff6e8;color:#ec9a00}
.dashboard-exec-important-details{margin-top:12px;border-top:1px solid var(--workspace-border,#dce5f2);padding-top:10px}
.dashboard-exec-important-details>summary{cursor:pointer;color:var(--brand-primary,#2563eb);font-weight:700;font-size:var(--workspace-page-copy-size,.9rem)}
.dashboard-exec-important-detail-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-top:12px}
.dashboard-exec-important-detail-row{display:flex;align-items:center;gap:10px;border:1px solid var(--workspace-border,#dce5f2);border-radius:10px;padding:11px;text-decoration:none!important;color:var(--workspace-text,#1c2948)}
.dashboard-exec-important-detail-row>i:first-child{color:var(--brand-primary,#2563eb);font-size:1.2rem}
.dashboard-exec-important-detail-row>i:last-child{margin-left:auto;color:var(--workspace-copy,#617394)}
.dashboard-exec-important-detail-row span{min-width:0}.dashboard-exec-important-detail-row strong{display:block;font-size:var(--workspace-kpi-label-size,.9rem)}.dashboard-exec-important-detail-row small{display:block;font-size:var(--workspace-page-copy-size,.9rem);color:var(--workspace-copy,#617394)}

@media (min-width:768px) and (max-width:1199.98px){.dashboard-exec-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-exec-main{grid-template-columns:1fr}.dashboard-exec-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.dashboard-exec-period{width:52px;height:40px;flex:0 0 52px;justify-content:center;padding:0;border-radius:11px}.dashboard-exec-period>i,.dashboard-exec-period>select{display:none}.dashboard-exec-mobile-menu{display:block}.dashboard-exec-mobile-menu summary{justify-content:center;gap:5px;width:50px;height:38px}.dashboard-exec-mobile-menu summary .dashboard-period-label{display:none}.dashboard-exec-mobile-menu summary i:first-child{font-size:1.375rem}.dashboard-exec-mobile-menu summary i:last-child{font-size:.72rem}.dashboard-exec-custom-dates{right:0;left:auto;width:min(300px,calc(100vw - 24px));max-width:calc(100vw - 24px);display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;justify-items:stretch;white-space:normal}.dashboard-exec-custom-dates[hidden]{display:none!important}.dashboard-exec-custom-dates label{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;margin:0;white-space:nowrap}.dashboard-exec-custom-dates input{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:38px;font-size:13px}.dashboard-exec-custom-dates button{justify-self:end;min-width:80px;height:38px}.dashboard-exec{gap:12px}.dashboard-exec-period{font-size:.72rem;padding:8px}.dashboard-exec-main{grid-template-columns:1fr;gap:10px}.dashboard-exec-panel{padding:13px}.dashboard-exec-panel-title h2{font-size:.94rem}.dashboard-exec-panel-title p{font-size:var(--workspace-page-copy-size,.9rem)}.dashboard-exec-chart{max-height:170px}.dashboard-exec-feature{margin:10px 0}.dashboard-exec-product-photo{height:155px}.dashboard-exec-insights{grid-template-columns:1fr;gap:7px}.dashboard-exec-feature-stats strong{font-size:1.1rem}.dashboard-exec-panel-head{margin-bottom:8px}}

/* Page-specific operational views centralized from Blade. */

/* resources/views/invoices/form.blade.php */
.invoice-info {display:grid;grid-template-columns:1.2fr .7fr .7fr .5fr;gap:.65rem;}
.invoice-info .wide {grid-column:1/-1;}
.invoice-card label {display:block;}
.invoice-source {padding:.8rem 0;border-top:1px solid #edf2f8;margin-top:.8rem;}
.invoice-source strong {display:block;}
.invoice-source span {display:block;}
.invoice-source span {font-size:var(--workspace-page-copy-size);color:#667085;}
.invoice-lines>div {display:grid;grid-template-columns:1fr 80px 100px 110px;gap:.6rem;padding:.6rem 0;border-top:1px solid #edf2f8;font-size:var(--workspace-table-size);}
.invoice-lines small {display:block;font-size:var(--workspace-meta-size);color:var(--workspace-muted);}
.invoice-direct-note {margin-top:1rem;padding:.8rem;background:#f6f9fd;border-radius:10px;font-size:var(--workspace-page-copy-size);color:#667085;}
.invoice-actions {text-align:right;padding-top:1rem;}
@media(max-width:767.98px) {
.invoice-info {grid-template-columns:1fr 1fr;}
.invoice-info>div:first-child {grid-column:1/-1;}
.invoice-info .wide {grid-column:1/-1;}
.invoice-lines>div {grid-template-columns:1fr 1fr 1fr;}
.invoice-lines>div>span:first-child {grid-column:1/-1;}
.invoice-lines>div>b {text-align:right;}
.invoice-actions .btn {width:100%;}


}

/* resources/views/invoices/index.blade.php */
.invoice-row {text-decoration:none;border-bottom:1px solid #edf2f8;}
.invoice-row:last-child {border:0;}
.invoice-row strong {display:block;}
.invoice-row small {display:block;}
.invoice-row small {font-size:var(--workspace-meta-size);color:#71819c;}
.invoice-stat small {font-size:var(--workspace-meta-size);font-weight:800;}
.invoice-empty {padding:2.5rem;text-align:center;color:#667085;}
@media(max-width:767.98px) {
.invoice-row>span:nth-child(2) {grid-column:1/-1;}
.invoice-row>i {display:none;}


}

/* resources/views/orders/show.blade.php */
.order-summary small {font-size:var(--workspace-meta-size);font-weight:800;letter-spacing:.08em;color:var(--workspace-muted);}
.order-address small {font-size:var(--workspace-meta-size);font-weight:800;letter-spacing:.08em;color:var(--workspace-muted);}
.order-summary>div {background:#fff;border:1px solid #d9e4f3;border-radius:16px;padding:.8rem;}
.order-workflow {background:#fff;border:1px solid #d9e4f3;border-radius:16px;padding:.8rem;}
.order-summary strong {display:block;font-size:var(--workspace-page-copy-size);}
.order-address {display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid #edf2f8;}
.order-address strong {display:block;font-size:var(--workspace-table-size);}
.order-lines-head {display:grid;grid-template-columns:minmax(260px,1fr) 90px 110px 110px;gap:.7rem;align-items:center;}
.order-line {display:grid;grid-template-columns:minmax(260px,1fr) 90px 110px 110px;gap:.7rem;align-items:center;}
.order-lines-head {font-size:var(--workspace-table-size);font-weight:800;color:var(--workspace-muted);padding:.7rem;}
.order-line {padding:.65rem .7rem;border-top:1px solid #edf2f8;font-size:var(--workspace-table-size);}
.order-line strong {display:block;}
.order-line small {display:block;}
.order-line small {font-size:var(--workspace-meta-size);color:var(--workspace-muted);}
.order-total {display:flex;justify-content:flex-end;gap:1rem;padding:.8rem;font-size:var(--workspace-page-copy-size);}
.order-workflow {margin-top:.8rem;display:flex;justify-content:space-between;align-items:center;}
.order-workflow>div {display:flex;gap:.4rem;}
@media(max-width:767.98px) {
.order-summary>div {padding:.6rem;}
.order-address {grid-template-columns:1fr;}
.order-lines-head {display:none;}
.order-line {grid-template-columns:1fr 1fr 1fr;padding:.7rem .2rem;}
.order-line>span:first-child {grid-column:1/-1;}
.order-line>span:not(:first-child):before {content:attr(data-label);display:block;font-size:var(--workspace-table-size);font-weight:800;color:var(--workspace-muted);}
.order-line>span:last-child {text-align:right;}
.order-total {justify-content:space-between;}
.order-workflow {display:block;}
.order-workflow>div {margin-top:.6rem;display:grid;grid-template-columns:1fr 1fr;}
.order-workflow button {width:100%;font-size:var(--workspace-button-font-size);}


}

/* resources/views/products/show.blade.php */
.product-view-hero {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.product-view-hero-main {display:grid;grid-template-columns:64px minmax(0, 1fr);gap:1.15rem;align-items:start;flex:1 1 auto;min-width:0;}
.product-view-image-shell {width:64px;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(244,248,255,.96), rgba(235,243,255,.96));border:1px solid rgba(190, 210, 242, 0.9);}
.product-view-placeholder {width:64px;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(244,248,255,.96), rgba(235,243,255,.96));border:1px solid rgba(190, 210, 242, 0.9);}
.product-view-image {width:100%;height:100%;object-fit:cover;}
.product-view-placeholder {font-size:var(--workspace-page-copy-size);color:#274978;}
.product-view-hero-copy {display:grid;gap:0.75rem;align-content:start;}
.product-view-title-line {display:flex;align-items:center;gap:0.85rem;flex-wrap:wrap;}
.product-view-meta-row {display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap;color:#4b6287;font-size:var(--workspace-meta-size);font-weight:600;}
.product-view-meta-row span {display:inline-flex;align-items:center;gap:0.45rem;}
.product-view-subtitle {margin:0;color:var(--workspace-copy-strong);font-size:var(--workspace-page-copy-size);}
.product-view-top-actions {display:inline-flex;align-items:center;gap:0.8rem;flex-wrap:wrap;margin-left:auto;}
.product-view-summary-strip {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem;}
.product-view-summary-item {display:flex;align-items:center;gap:0.85rem;padding:1rem 1.05rem;min-height:104px;background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);}
.product-view-summary-icon {width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;}
.product-view-section-icon {width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;}
.product-view-summary-label {margin:0 0 0.32rem;}
.product-view-summary-value {margin:0;color:var(--workspace-title);font-size:var(--workspace-page-copy-size);line-height:1.28;font-weight:700;}
.product-view-grid {display:grid;grid-template-columns:minmax(0, 1fr);gap:1rem;align-items:start;}
.product-view-main {display:grid;gap:1rem;}
.product-view-side {display:grid;gap:1rem;}
.product-view-main {grid-template-columns:minmax(0, 1fr);align-items:start;}
.product-view-card .card-body {padding:1.22rem 1.25rem;}
.product-view-section-head {display:flex;align-items:flex-start;justify-content:space-between;gap:0.9rem;margin-bottom:1rem;}
.product-view-section-title-wrap {display:flex;align-items:flex-start;gap:0.9rem;min-width:0;}
.product-view-section-title {margin:0 0 0.3rem;color:var(--workspace-title);font-size:var(--workspace-section-title-size);font-weight:700;letter-spacing:-0.01em;}
.product-view-section-title small {font-size:var(--workspace-meta-size);color:#6b7c96;font-weight:600;}
.product-view-section-copy {margin:0;color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.product-view-table thead th {text-transform:uppercase;letter-spacing:var(--workspace-label-spacing);font-weight:700;color:var(--workspace-muted);border-bottom-color:rgba(221, 229, 244, 0.95);white-space:nowrap;}
.product-view-table tbody td {color:#334968;border-bottom-color:rgba(228, 234, 246, 0.95);}
.product-view-table tbody tr:last-child td {border-bottom-color:transparent;}
.product-view-total-table-row td {font-weight:700;color:#1f3d70;background:rgba(248, 251, 255, 0.92);}
.product-view-summary-list {display:grid;gap:0;}
.product-view-summary-row {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.88rem 0;border-bottom:1px solid rgba(228, 234, 246, 0.95);color:#334968;font-size:var(--workspace-page-copy-size);}
.product-view-summary-row:last-child {border-bottom-color:transparent;}
.product-view-summary-row strong {color:var(--workspace-title);font-weight:700;}
.product-view-summary-row.total-row {margin-top:0.4rem;padding:1rem 0.95rem;border:1px solid rgba(187, 247, 208, 0.98);border-radius:16px;background:rgba(240, 253, 244, 0.98);color:#16a34a;font-size:var(--workspace-page-copy-size);}
.product-view-summary-row.total-row strong {color:#16a34a;}
.product-view-note-box {border:1px solid rgba(221, 229, 244, 0.95);border-radius:16px;padding:1rem 1.05rem;font-size:var(--workspace-page-copy-size);line-height:1.55;color:#536a8d;background:rgba(255,255,255,0.98);}
.is-purple {color:#7c3aed;background:rgba(245, 243, 255, 0.98);}
.is-green {color:#16a34a;background:rgba(220, 252, 231, 0.98);}
.is-blue {color:#2563eb;background:rgba(219, 234, 254, 0.98);}
.is-green-soft {color:#16a34a;background:rgba(236, 253, 245, 0.98);}
.is-orange {color:#f97316;background:rgba(255, 237, 213, 0.98);}
.is-sky {color:#0f766e;background:rgba(204, 251, 241, 0.98);}
.is-cyan {color:#0891b2;background:rgba(236, 254, 255, 0.98);}
.product-view-status {display:inline-flex;align-items:center;border-radius:var(--workspace-radius-chip);padding:.25rem .7rem;font-size:var(--workspace-meta-size);font-weight:700;}
.product-view-status.is-inactive {background:#f1f5f9;color:#64748b;}
@media (max-width: 1199.98px) {
.product-view-summary-strip {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.product-view-top-actions {margin-left:0;}
.product-view-summary-strip {grid-template-columns:1fr;}


}

/* Operational page CSS migrated from Blade: same selectors and responsive rules. */

/* resources/views/orders/form.blade.php */
.order-info {display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:.7rem;}
.order-info .wide {grid-column:span 3;}
.order-card label {display:block;margin-bottom:.2rem;}
.order-products-head {display:flex;justify-content:space-between;align-items:center;margin:1rem 0 .5rem;padding-top:.8rem;border-top:1px solid #edf2f8;}
.order-line {display:grid;grid-template-columns:minmax(250px,1fr) 100px 130px 100px 38px;gap:.55rem;align-items:end;padding:.55rem 0;border-bottom:1px solid #edf2f8;}
.line-total {height:38px;display:flex;align-items:center;font-weight:800;}
.order-grand {display:flex;justify-content:flex-end;gap:1rem;padding:1rem 0;font-size:var(--workspace-page-copy-size);}
.order-grand strong {font-size:var(--workspace-table-size);}
.order-actions {text-align:right;}
@media(max-width:767.98px) {
.order-info {grid-template-columns:1fr 1fr;gap:.5rem;}
.order-info>div:first-child {grid-column:1/-1;}
.order-info .wide {grid-column:1/-1;}
.order-line {grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;}
.order-line .product {grid-column:1/-1;}
.order-line .line-total {grid-column:1;}
.order-line .remove-line {grid-column:3;grid-row:2;}
.order-grand {justify-content:space-between;}
.order-actions .btn {width:100%;}


}

/* resources/views/overheads/form.blade.php */
.catalog-form-grid.catalog-form-grid-overhead {grid-template-columns:minmax(0, 1.25fr)
            minmax(0, 0.65fr)
            minmax(0, 0.7fr)
            minmax(0, 0.95fr)
            minmax(0, 0.75fr);}
@media (max-width: 1199.98px) {
.catalog-form-grid.catalog-form-grid-overhead {grid-template-columns:1fr;}


}

/* resources/views/products/index.blade.php */
#products-search-form {display:grid;grid-template-columns:minmax(240px, 1.5fr) minmax(160px, .8fr) minmax(150px, .7fr) auto;align-items:center;gap:.8rem;}
#products-search-form .form-select {margin:0;}
#products-search-form .form-control {margin:0;}
#products-search-form .catalog-index-page-btn {text-decoration:none;}
#products-table-wrapper .catalog-index-table-wrap {overflow-x:auto;}
@media (max-width: 767.98px) {
#products-table-wrapper .catalog-index-table thead {display:none;}
#products-table-wrapper .catalog-index-table {display:block;}
#products-table-wrapper .catalog-index-table tbody {display:block;}
#products-table-wrapper .catalog-index-table tbody tr {display:block;}
#products-table-wrapper .catalog-index-table tbody td {display:block;}
#products-table-wrapper .catalog-index-table tbody tr {padding:.8rem 0;border-bottom:1px solid var(--workspace-border);}
#products-table-wrapper .catalog-index-table tbody td {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .3rem;border:0;}
#products-table-wrapper .catalog-index-table tbody td[data-label]::before {content:attr(data-label);flex:0 0 36%;color:var(--workspace-muted);font-weight:700;}
#products-table-wrapper .catalog-index-table tbody td:first-child {display:block;}
#products-table-wrapper .catalog-index-table tbody td:first-child::before {display:block;}
#products-table-wrapper .catalog-index-table tbody td:last-child .table-action-group {margin-left:auto;}
#products-table-wrapper .catalog-index-table tbody td[colspan] {display:block;text-align:center;}


}
@media (max-width: 1199.98px) {
#products-search-form {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
#products-search-form {grid-template-columns:1fr;}


}

/* resources/views/recipes/index.blade.php */
.recipe-type-filter {flex:0 1 250px;min-width:min(100%, 220px);}
@media (max-width: 767.98px) {
.recipe-type-filter {flex:1 1 100%;}


}

/* resources/views/recipes/show.blade.php */
.recipe-view-back {display:inline-flex;align-items:center;gap:0.55rem;color:#38527d;text-decoration:none;font-weight:600;font-size:var(--workspace-page-copy-size);}
.recipe-view-back:hover {color:#1e40af;}
.recipe-view-head-main {display:grid;gap:1rem;min-width:0;flex:1 1 auto;}
.recipe-view-title-wrap {display:grid;gap:0.82rem;min-width:0;align-content:start;}
.recipe-view-title-row {display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;}
.recipe-view-type-badge {display:inline-flex;align-items:center;min-height:38px;padding:0.45rem 0.9rem;border-radius:999px;border:1px solid #dbe7ff;background:rgba(255, 255, 255, 0.9);color:#31456f;font-size:var(--workspace-meta-size);font-weight:600;}
.recipe-view-stat-pill {display:inline-flex;align-items:center;gap:0.4rem;min-height:30px;width:fit-content;padding:0.28rem 0.72rem;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:680;}
.recipe-view-stat-pill.inactive {color:#d97706;background:#fff4e5;}
.recipe-view-secondary-btn {text-decoration:none;}
.recipe-view-primary-btn {text-decoration:none;}
.recipe-view-grid {display:grid;grid-template-columns:minmax(320px, 1fr) minmax(640px, 2fr);gap:1.5rem;align-items:start;}
.recipe-view-panel {display:grid;gap:1rem;}
.recipe-view-panel-head {display:grid;gap:0.45rem;}
.recipe-view-panel-kicker {display:inline-flex;align-items:center;width:fit-content;padding:0.38rem 0.75rem;border-radius:var(--workspace-radius-card);background:#f4f7fd;color:#304465;border:1px solid #dfe8fb;font-size:var(--workspace-meta-size);letter-spacing:0.08em;text-transform:uppercase;font-weight:700;}
.recipe-view-ingredients {border:1px solid #e1e9f8;border-radius:18px;overflow:hidden;background:#fff;}
.recipe-view-ingredients-head {display:grid;grid-template-columns:minmax(0, 1fr) 88px 72px;gap:0.9rem;align-items:center;padding:0.9rem 1rem;}
.recipe-view-ingredient-row {display:grid;grid-template-columns:minmax(0, 1fr) 88px 72px;gap:0.9rem;align-items:center;padding:0.9rem 1rem;}
.recipe-view-ingredients-head {font-size:var(--workspace-page-copy-size);letter-spacing:0.12em;text-transform:uppercase;color:#8aa0c4;font-weight:700;border-bottom:1px solid #edf2fb;}
.recipe-view-ingredient-row + .recipe-view-ingredient-row {border-top:1px solid #edf2fb;}
.recipe-view-two-col-table {border-collapse:separate;border-spacing:0;border:1px solid #e1e9f8;border-radius:18px;overflow:hidden;background:#fff;}
.recipe-view-two-col-table thead th {padding:0.9rem 1rem;letter-spacing:0.12em;text-transform:uppercase;color:#8aa0c4;font-weight:700;border-bottom:1px solid #edf2fb;}
.recipe-view-two-col-table th:first-child {text-align:left;}
.recipe-view-two-col-table td:first-child {text-align:left;}
.recipe-view-two-col-table th:last-child {text-align:right;white-space:nowrap;}
.recipe-view-two-col-table td:last-child {text-align:right;white-space:nowrap;}
.recipe-view-two-col-table tbody td {padding:0.9rem 1rem;color:#213252;border-bottom:1px solid #edf2fb;}
.recipe-view-two-col-table tbody tr:last-child td {border-bottom:0;}
.recipe-view-two-col-table .recipe-view-total-row td {font-weight:700;color:#13803d;background:linear-gradient(135deg, #f1fff5 0%, #ebfff0 100%);}
.recipe-view-two-col-table .recipe-view-total-row.is-time td {color:#2a4064;background:#fafcff;}
.recipe-view-two-col-table .recipe-view-total-row.is-time-total td {color:#2a4064;background:#fafcff;}
.recipe-view-two-col-table .recipe-view-total-row.is-time-total td {font-weight:800;}
.recipe-view-ingredient-name {display:flex;align-items:center;gap:0.7rem;color:#213252;font-weight:600;}
.recipe-view-dot {width:10px;height:10px;border-radius:999px;flex:0 0 auto;}
.recipe-view-base-total {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.9rem 1rem;border-radius:16px;border:1px solid #b8f0c8;background:linear-gradient(135deg, #f1fff5 0%, #ebfff0 100%);color:#13803d;font-weight:700;}
.recipe-view-subsection {display:grid;gap:0.7rem;}
.recipe-view-subsection-title {display:flex;align-items:center;justify-content:space-between;gap:0.8rem;}
.recipe-view-subsection-title h3 {margin:0;font-size:var(--workspace-section-title-size);line-height:1.25;color:#203253;font-weight:700;}
.recipe-view-subsection-copy {margin:0;color:#7388aa;font-size:var(--workspace-page-copy-size);}
.recipe-view-step-list {display:grid;gap:0.8rem;}
.recipe-view-note-list {display:grid;gap:0.8rem;}
.recipe-view-step {display:grid;grid-template-columns:36px minmax(0, 1fr) auto;gap:0.85rem;align-items:start;padding:0.8rem 0;border-top:1px solid #edf2fb;}
.recipe-view-step:first-child {border-top:0;padding-top:0;}
.recipe-view-step-badge {width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--workspace-meta-size);font-weight:680;color:#fff !important;background:#7c3aed;}
.recipe-view-step-badge i {color:#fff !important;}
.recipe-view-step-copy h4 {margin:0 0 0.22rem;font-size:var(--workspace-section-title-size);color:#203253;font-weight:680;}
.recipe-view-step-copy p {margin:0;color:#607492;font-size:var(--workspace-page-copy-size);line-height:1.55;}
.recipe-view-step-time {display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0.24rem 0.72rem;border-radius:999px;background:#eff5ff;color:#2450b6;font-weight:680;font-size:var(--workspace-page-copy-size);white-space:nowrap;}
.recipe-view-base-time {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.95rem 1rem;border:1px solid #e1e9f8;border-radius:16px;background:#fafcff;color:#2a4064;font-weight:700;}
.recipe-view-routes {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem;}
.recipe-view-route {border:1px solid var(--route-border, #dbe6f8);background:color-mix(in srgb, var(--route-soft, #fff) 42%, white);border-radius:24px;padding:1rem;display:grid;gap:0.95rem;}
.recipe-view-route-head {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.recipe-view-route-kicker {display:inline-flex;align-items:center;padding:0.4rem 0.8rem;border-radius:999px;font-size:var(--workspace-meta-size);letter-spacing:0.08em;text-transform:uppercase;font-weight:700;color:var(--route-accent, #203253);background:rgba(255, 255, 255, 0.8);border:1px solid color-mix(in srgb, var(--route-accent, #203253) 22%, white);}
.recipe-view-route-title {margin:0.2rem 0 0;font-size:var(--workspace-page-copy-size);line-height:1.15;color:var(--route-accent, #203253);font-weight:700;letter-spacing:-0.03em;}
.recipe-view-route-note {color:#5e7290;font-size:var(--workspace-page-copy-size);line-height:1.55;}
.recipe-view-route-meta {display:grid;grid-template-columns:88px minmax(0, 1fr);gap:1rem;align-items:start;padding-bottom:1rem;border-bottom:1px solid rgba(220, 230, 246, 0.9);}
.recipe-view-route-visual {width:88px;height:88px;border-radius:22px;background:rgba(255, 255, 255, 0.88);border:1px solid rgba(220, 230, 246, 0.95);display:flex;align-items:center;justify-content:center;color:var(--route-accent, #203253);font-size:var(--workspace-page-copy-size);}
.recipe-view-route-metrics {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.75rem 1rem;}
.recipe-view-route-metric {display:grid;gap:0.18rem;}
.recipe-view-route-metric-label {display:inline-flex;align-items:center;gap:0.45rem;}
.recipe-view-route-metric-value {color:#203253;font-weight:700;font-size:var(--workspace-kpi-value-size);line-height:1.45;}
.recipe-view-route-process {display:grid;gap:0.7rem;}
.recipe-view-route-process-title {margin:0;color:#2d4368;font-size:var(--workspace-page-copy-size);letter-spacing:0.1em;text-transform:uppercase;font-weight:700;}
.recipe-view-route-summary {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.85rem 1rem;border-radius:16px;background:rgba(255, 255, 255, 0.9);border:1px solid rgba(220, 230, 246, 0.95);font-weight:700;color:#203253;}
.recipe-view-info-note {display:flex;align-items:flex-start;gap:0.85rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid #d9e5fb;background:linear-gradient(135deg, rgba(245, 249, 255, 0.96), rgba(241, 247, 255, 0.9));color:#476386;}
.recipe-view-info-note i {color:#2556be;font-size:1.1rem;margin-top:0.1rem;}
.recipe-view-empty {border:1px dashed #d7e4fb;border-radius:18px;padding:1.15rem;color:#7389ad;background:rgba(255, 255, 255, 0.72);}
@media (max-width: 1399.98px) {
.recipe-view-grid {grid-template-columns:1fr;}
.recipe-view-routes {grid-template-columns:1fr;}


}
@media (max-width: 767.98px) {
.recipe-view-route-meta {grid-template-columns:1fr;}
.recipe-view-route-metrics {grid-template-columns:1fr;}
.recipe-view-ingredients-head {grid-template-columns:1fr;}
.recipe-view-ingredient-row {grid-template-columns:1fr;}
.recipe-view-step {grid-template-columns:34px 1fr;}
.recipe-view-step-time {grid-column:2 / -1;width:fit-content;}


}

/* resources/views/productions/show.blade.php */
/* Desktop/tablet: canonical operation-* presentation. Local rules below are structural only. */
.production-show-top-actions {display:inline-flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-left:auto;justify-content:flex-end;}
.production-show-action-btn {white-space:nowrap;text-decoration:none;}
.production-show-lot {margin:.28rem 0 0;display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap;}
.production-show-meta {display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:.48rem;}
.production-show-meta span {display:inline-flex;align-items:center;gap:.45rem;}
.production-show-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start;}
.production-show-main,.production-show-side {display:grid;gap:1rem;}
.production-show-card-body {padding:1.2rem 1.25rem;}
.production-show-section-head {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.production-show-expiration {flex:0 0 auto;display:flex;align-items:center;gap:.45rem;white-space:nowrap;}
.production-show-table {margin-top:1rem;}
@media (min-width:768px) {
.production-show-card-body .operation-table-wrap {padding-left:0!important;padding-right:0!important;}
}
.production-show-component-copy {display:grid;gap:.12rem;}
.production-show-summary-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;}
.production-show-summary-grid dd {overflow-wrap:anywhere;margin:0;}
@media(max-width:767.98px){.production-show-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
.production-show-summary-row {display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.production-show-description-line {display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;}
.production-show-description-line .production-show-observation {margin:0;}

/* Mobile keeps the previously approved production-detail presentation. */
@media (max-width: 767.98px) {
.production-show-top-actions {display:inline-flex;align-items:center;gap:0.8rem;flex-wrap:wrap;margin-left:auto;justify-content:flex-end;}
.production-show-action-btn {white-space:nowrap;text-decoration:none;}
.production-show-lot {margin:0.28rem 0 0;color:#334968;font-size:var(--workspace-page-copy-size);font-weight:600;display:inline-flex;align-items:center;gap:0.55rem;flex-wrap:wrap;}
.production-show-meta {display:flex;align-items:center;gap:0.65rem;flex-wrap:wrap;margin-top:0.48rem;color:#4b6287;font-size:var(--workspace-meta-size);font-weight:600;}
.production-show-meta span {display:inline-flex;align-items:center;gap:0.45rem;}
.production-show-chip {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:30px;padding:0.32rem 0.7rem;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:700;border:1px solid transparent;white-space:nowrap;}
.production-show-status {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:30px;padding:0.32rem 0.7rem;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:700;border:1px solid transparent;white-space:nowrap;}
.production-show-status.completed {color:#15803d;background:#ecfdf5;border-color:rgba(74, 222, 128, 0.28);}
.production-show-status.cancelled {color:#dc2626;background:#fef2f2;border-color:rgba(248, 113, 113, 0.28);}
.production-show-chip.purple {color:#7c3aed;background:#f5f3ff;border-color:rgba(196, 181, 253, 0.45);}
.production-show-card-grid {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem;}
.production-show-kpi {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:var(--workspace-shadow);padding:1.05rem 1.15rem;display:flex;align-items:center;gap:0.95rem;min-height:92px;min-width:0;}
.production-show-kpi>div {min-width:0;}
.production-show-kpi-label {margin-bottom:0.2rem;}
.production-show-kpi-value {color:var(--workspace-title);font-size:var(--workspace-kpi-value-size);font-weight:700;line-height:1.05;margin-bottom:0.28rem;letter-spacing:-0.02em;}
.production-show-kpi-copy {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.25;}
.production-show-grid {display:grid;grid-template-columns:minmax(0, 1fr);gap:1rem;align-items:start;}
.production-show-main {display:grid;gap:1rem;}
.production-show-side {display:grid;gap:1rem;}
.production-show-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);box-shadow:none !important;overflow:hidden;}
.production-show-card-body {padding:1.2rem 1.25rem;}
.production-show-section-title {margin:0;color:var(--workspace-title);font-size:var(--workspace-section-title-size);font-weight:800;letter-spacing:-0.02em;}
.production-show-section-copy {margin:0.28rem 0 0;color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.production-show-table {margin-top:1rem;}


.production-show-table tfoot td {border-bottom:1px solid rgba(232, 237, 245, 0.92);padding:0.9rem 0.7rem;vertical-align:middle;color:#1c2948;}
.production-show-table tfoot td {font-weight:800;background:#f8fbff;color:#1f3d70;}
.production-show-component-copy {display:grid;gap:0.12rem;}
.production-show-component-copy strong {color:#162847;font-size:var(--workspace-page-copy-size);}
.production-show-component-copy span {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);}
.production-show-type {display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0.34rem 0.7rem;border-radius:999px;font-size:var(--workspace-page-copy-size);font-weight:700;border:1px solid rgba(216, 225, 240, 0.95);background:#f8fbff;color:#4b5f82;}
.production-show-stock-good {color:#16a34a;font-weight:700;}
.production-show-summary-box {border:1px solid var(--workspace-border);border-radius:16px;overflow:hidden;}
.production-show-summary-inner {padding:1rem;}
.production-show-summary-row {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.62rem 0;border-bottom:1px solid rgba(232, 237, 245, 0.95);font-size:var(--workspace-page-copy-size);}
.production-show-summary-row:last-child {border-bottom:0;}
.production-show-summary-row span:first-child {color:#53698f;}
.production-show-summary-row strong {color:#162847;font-weight:700;text-align:right;}
.production-show-summary-total {margin-top:0.85rem;border:1px solid rgba(var(--brand-primary-rgb),.16);border-radius:14px;background:rgba(var(--brand-primary-rgb),.08);padding:0.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#1f3d70;font-size:var(--workspace-page-copy-size);font-weight:800;}
.production-show-section-head {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.production-show-expiration {flex:0 0 auto;display:flex;align-items:center;gap:.45rem;color:#53698f;font-size:var(--workspace-page-copy-size);line-height:1.3;white-space:nowrap;}
.production-show-expiration strong {color:var(--workspace-title);font-weight:700;}
.production-show-observation {margin:.35rem 0 0;color:#53698f;font-size:var(--workspace-page-copy-size);line-height:1.4;}
.production-show-observation strong {color:var(--workspace-title);font-weight:700;}
.production-show-note-box {border:1px solid var(--workspace-border);border-radius:16px;padding:1rem;color:#53698f;font-size:var(--workspace-page-copy-size);line-height:1.5;background:#fff;}
.production-show-readonly {border:1px solid rgba(var(--brand-primary-rgb),.16);background:rgba(var(--brand-primary-rgb),.08);color:var(--brand-primary);border-radius:16px;padding:0.95rem 1rem;display:flex;align-items:center;gap:0.7rem;font-size:var(--workspace-page-copy-size);font-weight:600;}

.production-show-card-grid {grid-template-columns:1fr;}
.production-show-top-actions {margin-left:0;justify-content:flex-start;}
.app-authenticated .app-main-content .production-show-top-actions {display:none!important;}
.production-show-mobile-back-fab {position:fixed!important;right:16px!important;bottom:82px!important;z-index:1045!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%!important;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.9),var(--brand-primary))!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,83,177,.32)!important;text-decoration:none!important;}
.production-show-mobile-back-fab i {font-size:1.15rem;}
.production-show-mobile-back-fab {animation:arvix-mobile-back-nudge 1.8s ease-in-out infinite;}
@keyframes arvix-mobile-back-nudge {0%,100%{transform:translateX(0);}45%{transform:translateX(-6px);}65%{transform:translateX(-6px);}}
@media (prefers-reduced-motion: reduce) {.production-show-mobile-back-fab {animation:none!important;}}
.production-show-expiration {display:none!important;}
.production-show-description-line {display:block;}
.production-show-description-line .production-show-observation {margin:.35rem 0 0;}
.production-show-card-body {padding:.75rem .8rem .85rem;}
.production-show-card-body .operation-table-wrap {padding:0!important;overflow:visible!important;}
.production-show-table {display:block!important;width:100%!important;min-width:0!important;margin-top:.7rem!important;}
.production-show-table thead {display:none!important;}
.production-show-table tbody {display:grid!important;gap:.55rem!important;}
.production-show-table tbody tr {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.38rem .65rem!important;width:100%!important;padding:.7rem!important;border:1px solid #e1e8f3!important;border-radius:var(--workspace-radius-card)!important;background:#fff!important;}
.production-show-table tbody tr.production-pagination-hidden {display:none!important;}
.production-show-table tbody td {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.7rem!important;width:auto!important;min-width:0!important;padding:.28rem 0!important;border:0!important;text-align:right!important;}
.production-show-table tbody td:first-child {grid-column:1 / -1!important;display:block!important;padding:0 0 .42rem!important;border-bottom:1px solid #e8edf5!important;text-align:left!important;}
.production-show-table tbody td:not(:first-child)::before {content:attr(data-label);flex:1 1 auto;color:var(--workspace-muted);font-size:var(--workspace-meta-size);font-weight:600;text-align:left;}
.production-show-table .production-show-component-copy {gap:.12rem!important;}
.production-show-table .production-show-component-copy strong {display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.production-show-table .production-show-component-copy span {display:block!important;margin-top:.1rem!important;}
.production-show-table .production-show-type {min-height:0!important;padding:.2rem .5rem!important;}
.production-show-table tbody tr {position:relative!important;padding:.7rem!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:.65rem!important;}
.production-show-table tbody td:nth-child(1) {grid-column:1!important;grid-row:1!important;padding:0!important;border-bottom:0!important;text-align:left!important;}
.production-show-table tbody td:nth-child(2) {display:none!important;}
.production-show-table tbody td:nth-child(3) {grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:.12rem!important;padding:0!important;text-align:right!important;white-space:nowrap!important;}
.production-show-table tbody td:nth-child(3)::before {flex:0 0 auto!important;width:100%!important;font-size:var(--workspace-meta-size)!important;font-weight:600!important;line-height:1!important;color:var(--workspace-muted)!important;text-align:right!important;text-transform:uppercase!important;}
.production-show-table tbody td:nth-child(n+4) {display:none!important;}
.production-show-table .production-show-component-copy strong {font-size:var(--workspace-table-size)!important;font-weight:800!important;line-height:1.25!important;color:var(--workspace-title)!important;}
.production-show-table .production-show-component-copy span {margin-top:.12rem!important;font-size:var(--workspace-meta-size)!important;line-height:1.25!important;color:var(--workspace-copy)!important;}
.production-show-table.production-show-draft-table tbody td:nth-child(1) {grid-column:1!important;grid-row:1!important;padding:0!important;border-bottom:0!important;text-align:left!important;}
.production-show-table.production-show-draft-table tbody td:nth-child(2) {display:none!important;}
.production-show-table.production-show-draft-table tbody td:nth-child(3) {grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:.12rem!important;padding:0!important;text-align:right!important;white-space:nowrap!important;}
.production-show-table.production-show-draft-table tbody td:nth-child(3)::before {flex:0 0 auto!important;width:100%!important;font-size:var(--workspace-meta-size)!important;font-weight:600!important;line-height:1!important;color:var(--workspace-muted)!important;text-align:right!important;text-transform:uppercase!important;}
.production-show-table.production-show-draft-table tbody td:nth-child(n+4) {display:none!important;}
.production-show-table.production-show-draft-table .production-show-component-copy strong {font-size:var(--workspace-table-size)!important;font-weight:800!important;line-height:1.25!important;color:var(--workspace-title)!important;}
.production-show-table.production-show-draft-table .production-show-component-copy span {margin-top:.12rem!important;font-size:var(--workspace-meta-size)!important;line-height:1.25!important;color:var(--workspace-copy)!important;}
.production-show-card-body>.operation-footer {padding-left:0!important;padding-right:0!important;}


}
.production-show-mobile-back-fab {display:none;}

/* resources/views/stock-receipts/show.blade.php */
.receipt-review-actions { flex: 0 0 auto; justify-content: flex-end; }
@media (max-width: 767.98px) { .receipt-review-actions { width: 100%; justify-content: stretch; } .receipt-review-actions .btn { flex: 1 1 100%; } }
/* Shared receipt structure: global visual contract + receipt-specific geometry. */
.receipt-show-shell>form {min-width:0;}
.receipt-show-title {overflow-wrap:anywhere;}
.receipt-show-reference {margin-left:.25rem;}
.receipt-show-back {white-space:nowrap;}
.receipt-meta-value,.receipt-meta-copy {overflow-wrap:anywhere;}
.receipt-main-head {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem .6rem;}
.receipt-main-head>div {min-width:0;}
.receipt-main-action {white-space:nowrap;}
.receipt-table-wrap {padding:.2rem 1.15rem .45rem;max-width:100%;overflow-x:auto;}
.receipt-approval-product {min-width:210px;}
@media (min-width:768px) {
.receipt-approval-qty {width:69px;}
.receipt-approval-price {width:116px;}
}
.receipt-approval-subtotal-cell {width:105px;white-space:nowrap;}
.receipt-approval-expiry {width:145px;min-width:145px;}
.receipt-approval-notes {min-width:220px;}
.receipt-mobile-field-label,.receipt-review-mobile-approve,.receipt-mobile-line-summary,.receipt-mobile-back-fab {display:none;}
.receipt-item-title {color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;line-height:1.22;margin-bottom:.16rem;letter-spacing:-.01em;}
.receipt-item-copy {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.3;}
.receipt-small-copy {color:var(--workspace-copy);font-size:var(--workspace-meta-size);line-height:1.3;}
.receipt-table-footer {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.2rem 1.15rem;}
.receipt-table-footer-copy {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);}
.receipt-review-body {padding:1.1rem 1.2rem 1.2rem;}
.receipt-note {border-radius:18px;background:#f5f9ff;border:1px solid #dbe7fb;color:var(--workspace-copy);padding:.95rem 1rem;font-size:var(--workspace-page-copy-size);line-height:1.45;margin-bottom:1rem;}
.receipt-review-grid {display:grid;grid-template-columns:minmax(170px,.65fr) minmax(190px,.8fr) minmax(320px,1.55fr);gap:.9rem;margin-bottom:1rem;}
.receipt-review-field {min-width:0;}
.receipt-review-field .form-control {width:100%;min-width:0;}
.receipt-review-grid label {margin-bottom:.4rem;}
@media (min-width:768px) {
.receipt-approval-qty .form-control {width:61px;max-width:100%;}
.receipt-approval-price .input-group {width:112px;max-width:100%;}
}
.receipt-approval-price .form-control {min-width:0;}

@media (min-width:768px) and (max-width:1199.98px) {
.receipt-review-card,.receipt-review-body {width:100%;max-width:100%;min-width:0;}
.receipt-show-shell {overflow:hidden;}
.receipt-main-head {padding:.8rem .85rem .45rem;align-items:center;min-width:0;}
.receipt-main-head>div {flex:1 1 auto;}
.receipt-review-body {padding:.75rem .8rem .85rem;overflow:hidden;}
.receipt-note {padding:.65rem .7rem;margin-bottom:.65rem;border-radius:14px;font-size:var(--workspace-page-copy-size);overflow-wrap:anywhere;}
.receipt-review-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.7rem;}
.receipt-review-field-notes {grid-column:1/-1;}
.receipt-table-wrap {box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:.05rem 0 .35rem;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;}
.receipt-approval-table {max-width:none!important;}
.receipt-table-footer {padding:.5rem .1rem .65rem;}
}
@media (min-width:768px) {
/* Receipt review: give editable quantity, unit price and subtotal comfortable working space. */
.receipt-review-card .receipt-approval-table .receipt-approval-qty {width:130px!important;min-width:130px!important;}
.receipt-review-card .receipt-approval-table .receipt-approval-price {width:180px!important;min-width:180px!important;}
.receipt-review-card .receipt-approval-table .receipt-approval-subtotal-cell {width:150px!important;min-width:150px!important;}
.receipt-review-card .receipt-approval-table .receipt-approval-qty .form-control {width:110px!important;min-width:110px!important;max-width:none!important;}
.receipt-review-card .receipt-approval-table .receipt-approval-price .input-group {width:160px!important;min-width:160px!important;max-width:none!important;}
.receipt-review-card .receipt-approval-table .receipt-mobile-field-label {display:none!important;}
.receipt-review-card .receipt-approval-table tbody td {vertical-align:middle!important;}
.receipt-review-card .receipt-approval-expiry .form-control,
.receipt-review-card .receipt-approval-qty .form-control,
.receipt-review-card .receipt-approval-price .input-group,
.receipt-review-card .receipt-approval-notes .form-control,
.receipt-review-card .receipt-approval-notes .form-select {height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;margin:0!important;}
.receipt-review-card .receipt-approval-price .input-group>.form-control,
.receipt-review-card .receipt-approval-price .input-group>.input-group-text {height:100%!important;}
.receipt-review-card .receipt-approval-subtotal-cell {vertical-align:middle!important;}
.receipt-review-card .receipt-approval-subtotal {display:flex!important;align-items:center!important;height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;}
.receipt-review-card .receipt-main-head {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;}
.receipt-review-card .receipt-main-head>div {flex:1 1 auto!important;min-width:0!important;}
.receipt-review-card .receipt-main-action-top {flex:0 0 auto!important;margin:0!important;align-self:flex-start!important;}
.receipt-review-card .receipt-review-body {width:100%;max-width:none;box-sizing:border-box;}
.receipt-review-card .receipt-table-wrap {width:100%;max-width:none;box-sizing:border-box;}
.receipt-review-card .receipt-table-wrap {padding-left:0!important;padding-right:0!important;}
.receipt-review-card .receipt-approval-table {width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
}
@media (min-width:900px) and (max-width:1199.98px) and (orientation:landscape) {
.receipt-review-grid {grid-template-columns:minmax(0,.85fr) minmax(0,.75fr) minmax(0,1.4fr);}
.receipt-review-field-notes {grid-column:auto;}
}

/* Receipt-specific presentation is mobile-only. Desktop/tablet use the global operation-* contract. */

@media (max-width:767.98px) {
.receipt-show-shell>form {min-width:0;}
}


@media (max-width:767.98px) {
.receipt-show-title {overflow-wrap:anywhere;}
}


@media (max-width:767.98px) {
.receipt-show-reference {margin-left:.25rem;}
}


@media (max-width:767.98px) {
.receipt-show-back {white-space:nowrap;}
}


@media(max-width:767.98px) {
.receipt-show-back {display:none!important;}
}

@media (max-width:767.98px) {
.receipt-meta-value {overflow-wrap:anywhere;}
}


@media (max-width:767.98px) {
.receipt-meta-copy {overflow-wrap:anywhere;}
}


@media (max-width:767.98px) {
.receipt-main-head {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem .6rem;}
}


@media (max-width:767.98px) {
.receipt-main-head>div {min-width:0;}
}


@media (max-width:767.98px) {
.receipt-main-action {white-space:nowrap;}
}


@media (max-width:767.98px) {
.receipt-table-wrap {padding:.2rem 1.15rem .45rem;max-width:100%;overflow-x:auto;}
}


@media (max-width:767.98px) {
.receipt-approval-product {min-width:210px;}
}


@media (max-width:767.98px) {
.receipt-approval-qty {width:86px;}
}


@media (max-width:767.98px) {
.receipt-approval-price {width:145px;}
}


@media (max-width:767.98px) {
.receipt-approval-subtotal-cell {width:105px;white-space:nowrap;}
}


@media (max-width:767.98px) {
.receipt-approval-expiry {width:145px;min-width:145px;}
}


@media (max-width:767.98px) {
.receipt-approval-notes {min-width:220px;}
}


@media (max-width:767.98px) {
.receipt-mobile-field-label {display:none;}
}


@media (max-width:767.98px) {
.receipt-item-title {color:var(--workspace-title);font-size:var(--workspace-page-copy-size);font-weight:700;line-height:1.22;margin-bottom:.16rem;letter-spacing:-.01em;}
}


@media (max-width:767.98px) {
.receipt-item-copy {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);line-height:1.3;}
}


@media (max-width:767.98px) {
.receipt-small-copy {color:var(--workspace-copy);font-size:var(--workspace-meta-size);line-height:1.3;}
}


@media (max-width:767.98px) {
.receipt-table-footer {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.2rem 1.15rem;}
}


@media (max-width:767.98px) {
.receipt-table-footer-copy {color:var(--workspace-copy);font-size:var(--workspace-page-copy-size);}
}


@media (max-width:767.98px) {
.receipt-review-body {padding:1.1rem 1.2rem 1.2rem;}
}


@media (max-width:767.98px) {
.receipt-note {border-radius:18px;background:#f5f9ff;border:1px solid #dbe7fb;color:var(--workspace-copy);padding:.95rem 1rem;font-size:var(--workspace-page-copy-size);line-height:1.45;margin-bottom:1rem;}
}


@media (max-width:767.98px) {
.receipt-review-grid {display:grid;grid-template-columns:minmax(170px,.65fr) minmax(190px,.8fr) minmax(320px,1.55fr);gap:.9rem;margin-bottom:1rem;}
}


@media (max-width:767.98px) {
.receipt-review-field {min-width:0;}
}


@media (max-width:767.98px) {
.receipt-review-field .form-control {width:100%;min-width:0;}
}


@media (max-width:767.98px) {
.receipt-review-grid label {margin-bottom:.4rem;}
}


@media (max-width:767.98px) {
.receipt-approval-qty .form-control {width:76px;max-width:100%;}
}


@media (max-width:767.98px) {
.receipt-approval-price .input-group {width:140px;max-width:100%;}
}


@media (max-width:767.98px) {
.receipt-approval-price .form-control {min-width:0;}
}


@media (max-width:767.98px) {
.receipt-review-mobile-approve {display:none;}
}


@media (max-width:767.98px) {
.receipt-mobile-line-summary {display:none;}
}


@media (max-width:767.98px) {
.receipt-mobile-back-fab {display:none;}
}


@media (max-width:767.98px) {
.receipt-review-grid {grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);}
.receipt-show-title-label {display:block;}
.receipt-show-reference {display:block;}
.receipt-show-reference {margin-left:0;margin-top:.08rem;}
.receipt-meta-kicker {overflow-wrap:anywhere;}
.receipt-meta-value {overflow-wrap:anywhere;}


.receipt-main-head {padding:.75rem;}
.receipt-detail-card .receipt-main-head {display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "copy" "approved";align-items:center;gap:.18rem .5rem;}
.receipt-detail-card .receipt-main-head>div {display:contents;}
.receipt-detail-card .receipt-main-heading {grid-area:title;}
.receipt-detail-card .receipt-main-copy {grid-area:copy;}
.receipt-detail-card .receipt-approved-tag {grid-area:approved;justify-self:start;}

.receipt-detail-card .receipt-table-wrap {overflow:visible;}
.receipt-detail-card .receipt-table {display:block;}
.receipt-detail-card .receipt-table thead {display:none;}
.receipt-detail-card .receipt-table tbody {display:grid;gap:.45rem;}
.receipt-detail-card .receipt-table tr {display:block;padding:.7rem;border:1px solid #e1e8f3!important;border-radius:var(--workspace-radius-card);background:#fff;}
.receipt-detail-card .receipt-table td {display:none!important;padding:0!important;min-height:0;border:0!important;position:static!important;text-align:left!important;}
.receipt-detail-card .receipt-table td::before {content:none!important;display:none!important;}
.receipt-detail-card .receipt-table td.receipt-approval-product {display:block!important;}
.receipt-detail-card .receipt-approval-product>.receipt-item-title {display:none;}
.receipt-detail-card .receipt-approval-product>.receipt-item-copy {display:none;}
.receipt-detail-card .receipt-mobile-line-summary {display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"product expiry" "values values";column-gap:.65rem;align-items:start;}
.receipt-mobile-product-copy {grid-area:product;min-width:0;}
.receipt-mobile-expiry-corner {grid-area:expiry;display:flex!important;flex-direction:column;align-items:flex-end;justify-content:flex-start;white-space:nowrap;line-height:1.1;}
.receipt-mobile-expiry-date {font-size:var(--workspace-table-size);font-weight:800;line-height:1.25;color:var(--workspace-title);}
.receipt-mobile-expiry-label {margin-top:.12rem;font-size:var(--workspace-meta-size);font-weight:400;line-height:1.25;color:var(--workspace-copy);}

.receipt-mobile-product-name {font-size:var(--workspace-table-size);font-weight:800;line-height:1.25;color:var(--workspace-title);overflow-wrap:anywhere;}
.receipt-mobile-product-meta {margin-top:.12rem;font-size:var(--workspace-meta-size);line-height:1.25;color:var(--workspace-copy);}
.receipt-mobile-expiry {margin-top:.42rem;font-size:var(--workspace-page-copy-size);color:var(--workspace-muted);}
.receipt-mobile-expiry strong {color:var(--workspace-copy-strong);font-weight:700;}
.receipt-mobile-line-values {grid-area:values;display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:space-between;gap:.45rem;margin-top:.5rem;padding-top:.45rem;border-top:1px solid #e8edf5;}
.receipt-mobile-line-values>div {display:flex;align-items:baseline;gap:.25rem;min-width:0;}
.receipt-mobile-line-values small {font-size:var(--workspace-meta-size);line-height:1!important;font-weight:600;color:var(--workspace-muted);text-transform:uppercase;letter-spacing:0;}
.receipt-mobile-line-values strong {font-size:var(--workspace-table-size);color:var(--workspace-copy-strong);white-space:nowrap;}
.receipt-mobile-line-values>div:last-child strong {font-weight:800;color:var(--workspace-title);}
.receipt-review-card .receipt-review-body {overflow:visible;}
.receipt-review-card .receipt-review-grid {grid-template-columns:minmax(105px,.72fr) minmax(0,1.7fr);gap:.4rem;margin-bottom:.6rem;}
.receipt-review-card .receipt-review-field {grid-column:auto!important;}
.receipt-review-card .receipt-review-field-notes {grid-column:auto!important;}
.receipt-review-card .receipt-review-grid label {line-margin-bottom:.14rem;}
.receipt-review-card .receipt-review-field-date>label {line-;}
.receipt-review-card .receipt-review-field-notes>label {line-;}
.receipt-review-card .receipt-table-wrap {overflow:visible;}
.receipt-review-card .receipt-approval-table {display:block;}
.receipt-review-card .receipt-approval-table thead {display:none;}
.receipt-review-card .receipt-approval-table tbody {display:grid;gap:.55rem;}
.receipt-review-card .receipt-approval-row {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.72fr);grid-template-areas:"product product expiry" "qty price subtotal" "notes notes notes";gap:.35rem .45rem;margin:0!important;}
.receipt-review-card .receipt-approval-row.receipt-pagination-hidden {display:none!important;}
.receipt-review-card .receipt-approval-row td {display:block!important;width:auto!important;min-width:0!important;margin:0!important;position:static!important;text-align:left!important;}
.receipt-review-card .receipt-approval-row td::before {content:none!important;display:none!important;}
.receipt-review-card .receipt-approval-product {grid-area:product;align-self:start;}
.receipt-review-card .receipt-approval-expiry {grid-area:expiry;}
.receipt-review-card .receipt-approval-qty {grid-area:qty;}
.receipt-review-card .receipt-approval-price {grid-area:price;}
.receipt-review-card .receipt-approval-subtotal-cell {grid-area:subtotal;}
.receipt-review-card .receipt-approval-notes {grid-area:notes;}
.receipt-review-card .receipt-item-copy {margin-top:.12rem;}
.receipt-review-card .receipt-mobile-field-label {display:block;margin:0 0 .18rem;line-font-weight:700;}
.receipt-review-card .receipt-approval-expiry .receipt-mobile-field-label {display:none!important;}
.receipt-review-card .receipt-approval-expiry .form-control {width:100%!important;}
.receipt-review-card .receipt-approval-qty {margin-top:.1rem!important;}
.receipt-review-card .receipt-approval-price {margin-top:.1rem!important;}
.receipt-review-card .receipt-approval-qty {width:100%!important;}
.receipt-review-card .receipt-approval-price {width:100%!important;}
.receipt-review-card .receipt-approval-qty .form-control {box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;}
.receipt-review-card .receipt-approval-price .input-group {box-sizing:border-box;width:100%!important;max-width:none!important;min-height:var(--workspace-control-height);height:var(--workspace-control-height);margin:0!important;}
.receipt-review-card .receipt-approval-price .input-group>.form-control {box-sizing:border-box;line-;}
.receipt-review-card .receipt-approval-price .input-group>.input-group-text {box-sizing:border-box;}
.receipt-review-card .receipt-approval-subtotal-cell {display:block!important;align-self:start;}
.receipt-review-card .receipt-approval-subtotal-cell .receipt-mobile-field-label {margin:0 0 .18rem!important;}
.receipt-review-card .receipt-approval-subtotal {box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;width:100%;height:32px;min-height:32px;text-align:right;}
.receipt-review-card .receipt-approval-notes {border-top:1px solid #edf1f7!important;}
.receipt-review-card .receipt-note-toggle {display:none;}
.receipt-review-card .receipt-approval-notes .form-control {width:100%!important;max-width:none!important;margin:0!important;}
.receipt-review-card .receipt-approval-notes .form-select {width:100%!important;max-width:none!important;margin:0!important;}
.receipt-review-card .receipt-approval-notes {display:none!important;}
.receipt-review-card .receipt-review-mobile-approve {display:block;margin-top:.7rem;}
.receipt-review-card .receipt-main-action-top {width:100%!important;max-width:none!important;justify-content:center!important;padding-top:5px!important;padding-bottom:5px!important;margin-top:.65rem!important;}
.receipt-table-footer {padding:.45rem .7rem .7rem;}
.receipt-table-footer-copy {font-size:var(--workspace-page-copy-size);}

/* Hard reset every legacy separator in review cards; product border is the only divider. */
.receipt-review-card .receipt-approval-row,
.receipt-review-card .receipt-approval-row td,
.receipt-review-card .receipt-approval-product,
.receipt-review-card .receipt-approval-qty,
.receipt-review-card .receipt-approval-price,
.receipt-review-card .receipt-approval-subtotal-cell,
.receipt-review-card .receipt-approval-notes {border-top:0!important;}
.receipt-review-card .receipt-approval-row::before,
.receipt-review-card .receipt-approval-row::after,
.receipt-review-card .receipt-approval-row td::before,
.receipt-review-card .receipt-approval-row td::after,
.receipt-review-card .receipt-approval-qty::before,
.receipt-review-card .receipt-approval-qty::after,
.receipt-review-card .receipt-approval-price::before,
.receipt-review-card .receipt-approval-price::after,
.receipt-review-card .receipt-approval-subtotal-cell::before,
.receipt-review-card .receipt-approval-subtotal-cell::after {content:none!important;display:none!important;border:0!important;background:none!important;}
.receipt-review-card .receipt-approval-product {border-bottom:0!important;}

/* Canonical mobile review item layout — overrides legacy review experiments. */
.receipt-review-card .receipt-approval-row {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(72px,.75fr)!important;
  grid-template-areas:"product product product" "qty price subtotal"!important;
  gap:0 .45rem!important;
  align-items:start!important;
  width:100%!important;
  padding:.7rem!important;
}
.receipt-review-card .receipt-approval-row::before,
.receipt-review-card .receipt-approval-row::after,
.receipt-review-card .receipt-approval-qty::before,
.receipt-review-card .receipt-approval-price::before,
.receipt-review-card .receipt-approval-subtotal-cell::before {content:none!important;display:none!important;}
.receipt-review-card .receipt-approval-product {
  grid-area:product!important;
  width:100%!important;
  padding:0 0 .45rem!important;
  margin:0 0 .45rem!important;
  border:0!important;
  border-bottom:1px solid #e8edf5!important;
}
.receipt-review-card .receipt-approval-expiry,
.receipt-review-card .receipt-approval-notes {display:none!important;}
.receipt-review-card .receipt-approval-qty,
.receipt-review-card .receipt-approval-price,
.receipt-review-card .receipt-approval-subtotal-cell {
  border:0!important;
  margin:0!important;
  padding:0!important;
  align-self:start!important;
  min-width:0!important;
}
.receipt-review-card .receipt-approval-qty {grid-area:qty!important;width:auto!important;}
.receipt-review-card .receipt-approval-price {grid-area:price!important;width:auto!important;}
.receipt-review-card .receipt-approval-subtotal-cell {
  grid-area:subtotal!important;
  display:grid!important;
  grid-template-rows:var(--workspace-meta-size) var(--workspace-control-height)!important;
  row-gap:.3rem!important;
  width:auto!important;
  text-align:right!important;
}
.receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-price>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {
  display:block!important;
  height:var(--workspace-meta-size)!important;
  margin:0 0 .3rem!important;
  padding:0!important;
  font-size:var(--workspace-meta-size)!important;
  line-height:1!important;
  font-weight:600!important;
  color:var(--workspace-muted)!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
}
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {
  margin:0!important;
  text-align:right!important;
}
.receipt-review-card .receipt-approval-qty .form-control,
.receipt-review-card .receipt-approval-price .input-group,
.receipt-review-card .receipt-approval-subtotal {
  box-sizing:border-box!important;
  height:var(--workspace-control-height)!important;
  min-height:var(--workspace-control-height)!important;
  margin:0!important;
}
.receipt-review-card .receipt-approval-qty .form-control,
.receipt-review-card .receipt-approval-price .input-group {width:100%!important;max-width:none!important;}
.receipt-review-card .receipt-approval-subtotal {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
  font-size:var(--workspace-table-size)!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:var(--workspace-title)!important;
  white-space:nowrap!important;
}

/* Review mobile: no internal divider lines anywhere inside an item card. */
.receipt-review-card .receipt-approval-row,
.receipt-review-card .receipt-approval-row *,
.receipt-review-card .receipt-approval-row td,
.receipt-review-card .receipt-approval-row .form-control,
.receipt-review-card .receipt-approval-row .form-select,
.receipt-review-card .receipt-approval-row .input-group,
.receipt-review-card .receipt-approval-row .input-group-text {
  border-top-color:transparent!important;
  border-bottom-color:transparent!important;
}
.receipt-review-card .receipt-approval-row::before,
.receipt-review-card .receipt-approval-row::after,
.receipt-review-card .receipt-approval-row *::before,
.receipt-review-card .receipt-approval-row *::after {
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
.receipt-review-card .receipt-approval-row {border:1px solid #e1e8f3!important;}
.receipt-review-card .receipt-approval-row .form-control,
.receipt-review-card .receipt-approval-row .form-select,
.receipt-review-card .receipt-approval-row .input-group-text {
  border:1px solid var(--bs-border-color)!important;
}
.receipt-review-card .receipt-approval-price .input-group>.form-control {
  border:1px solid var(--bs-border-color)!important;
  border-left:0!important;
}

/* Review mobile: subtotal is intentionally hidden. */
.receipt-review-card .receipt-approval-subtotal-cell {display:none!important;}
.receipt-review-card .receipt-approval-row {
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
  grid-template-areas:"product product" "qty price"!important;
}

.receipt-mobile-back-fab {position:fixed!important;right:16px!important;bottom:82px!important;z-index:1045!important;width:48px!important;height:48px;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.9),var(--brand-primary))!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,83,177,.32)!important;text-decoration:none!important;}
.receipt-mobile-back-fab i {font-size:1.15rem;}
.receipt-mobile-back-fab {animation:arvix-mobile-back-nudge 1.8s ease-in-out infinite;}
@keyframes arvix-mobile-back-nudge {0%,100%{transform:translateX(0);}45%{transform:translateX(-6px);}65%{transform:translateX(-6px);}}
@media (prefers-reduced-motion: reduce) {.receipt-mobile-back-fab {animation:none!important;}}
.receipt-review-card td.receipt-approval-notes.d-none.d-md-table-cell {display:none!important;}
.receipt-review-card .receipt-review-grid .receipt-review-field>label.form-label {line-font-weight:700!important;}
.receipt-review-card .receipt-review-grid .receipt-review-field>label.form-label>span {line-font-weight:700!important;}
.receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label {line-font-weight:700!important;}
.receipt-review-card .receipt-approval-price>.receipt-mobile-field-label {line-font-weight:700!important;}
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {line-font-weight:700!important;}
.receipt-review-card .receipt-note {margin-bottom:.3rem!important;}
/* Final mobile review alignment: one divider, one baseline for amount fields. */
.receipt-review-card .receipt-approval-qty,
.receipt-review-card .receipt-approval-price,
.receipt-review-card .receipt-approval-subtotal-cell {border-top:0!important;padding-top:.7rem!important;margin-top:0!important;}
.receipt-review-card .receipt-approval-qty {position:relative!important;}
.receipt-review-card .receipt-approval-qty::before {content:""!important;display:block!important;position:absolute!important;top:.18rem!important;left:0!important;width:calc(300% + .9rem)!important;height:1px!important;background:#e8edf5!important;}
.receipt-review-card .receipt-approval-subtotal-cell {display:grid!important;grid-template-rows:auto var(--workspace-control-height)!important;align-items:start!important;text-align:right!important;}
.receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-price>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {margin:0 0 .3rem!important;}
.receipt-review-card .receipt-approval-subtotal {height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;line-height:1.25!important;}

/* Mobile review card mirrors the approved receipt-detail item hierarchy. */
.receipt-review-card .receipt-approval-row {padding:.7rem!important;border:1px solid #e1e8f3!important;border-radius:var(--workspace-radius-card)!important;background:#fff!important;}
.receipt-review-card .receipt-item-title {font-size:var(--workspace-table-size)!important;font-weight:800!important;line-height:1.25!important;color:var(--workspace-title)!important;}
.receipt-review-card .receipt-item-copy {margin-top:.12rem!important;font-size:var(--workspace-meta-size)!important;line-height:1.25!important;color:var(--workspace-copy)!important;}
.receipt-review-card .receipt-approval-qty,
.receipt-review-card .receipt-approval-price,
.receipt-review-card .receipt-approval-subtotal-cell {border-top:1px solid #e8edf5!important;padding-top:.45rem!important;}
.receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-price>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {font-size:var(--workspace-meta-size)!important;line-height:1!important;font-weight:600!important;color:var(--workspace-muted)!important;text-transform:uppercase!important;letter-spacing:0!important;}
.receipt-review-card .receipt-approval-qty .form-control,
.receipt-review-card .receipt-approval-price .input-group {font-size:var(--workspace-table-size)!important;color:var(--workspace-copy-strong)!important;}
.receipt-review-card .receipt-approval-subtotal {font-size:var(--workspace-table-size)!important;font-weight:800!important;color:var(--workspace-title)!important;}

/* Mobile review amount row: match receipt-detail typography and baseline. */
.receipt-review-card .receipt-approval-row {grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(70px,.75fr)!important;grid-template-areas:"product product expiry" "qty price subtotal" "notes notes notes"!important;}
.receipt-review-card .receipt-approval-qty,
.receipt-review-card .receipt-approval-price,
.receipt-review-card .receipt-approval-subtotal-cell {align-self:start!important;padding-top:.7rem!important;}
.receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-price>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {display:block!important;margin:0 0 .3rem!important;font-size:var(--workspace-meta-size)!important;line-height:1!important;font-weight:600!important;color:var(--workspace-muted)!important;text-transform:uppercase!important;letter-spacing:0!important;}
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {text-align:right!important;}
.receipt-review-card .receipt-approval-qty .form-control,
.receipt-review-card .receipt-approval-price .input-group,
.receipt-review-card .receipt-approval-subtotal {height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;margin:0!important;}
.receipt-review-card .receipt-approval-subtotal-cell {display:block!important;text-align:right!important;}
.receipt-review-card .receipt-approval-subtotal {display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;font-size:var(--workspace-table-size)!important;font-weight:800!important;line-height:1.25!important;color:var(--workspace-title)!important;}

.receipt-review-card .receipt-review-grid {margin-top:0!important;margin-bottom:.5rem!important;}
.receipt-review-card .receipt-approval-row {grid-template-columns:minmax(0,1fr) 50px 86px!important;grid-template-areas:"product qty price"!important;gap:.3rem!important;align-items:start!important;}
.receipt-review-card .receipt-approval-expiry {display:none!important;}
.receipt-review-card .receipt-approval-subtotal-cell {display:none!important;}
.receipt-review-card .receipt-approval-notes {display:none!important;}
.receipt-review-card .receipt-approval-product {grid-area:product!important;}
.receipt-review-card .receipt-item-code {margin-top:.14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.receipt-review-card .receipt-approval-qty {grid-area:qty!important;margin:0!important;width:50px!important;}
.receipt-review-card .receipt-approval-price {grid-area:price!important;margin:0!important;width:86px!important;}
.receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label {margin:0 0 .18rem!important;line-;}
.receipt-review-card .receipt-approval-price>.receipt-mobile-field-label {margin:0 0 .18rem!important;line-;}
.receipt-review-card .receipt-approval-qty .form-control {width:50px!important;max-width:50px!important;}
.receipt-review-card .receipt-approval-price .input-group {width:86px!important;max-width:86px!important;}
.receipt-review-card .receipt-approval-row td.receipt-approval-subtotal-cell {display:none!important;}
.receipt-review-card .receipt-approval-row td.receipt-approval-expiry {display:none!important;}
.receipt-review-card .receipt-approval-row td.receipt-approval-notes {display:none!important;}

.receipt-review-card .receipt-approval-table tbody {gap:.45rem!important;}
.receipt-review-card .receipt-approval-row {box-sizing:border-box!important;width:100%!important;padding:.65rem!important;border:1px solid #e1e8f3!important;border-radius:var(--workspace-radius-card)!important;background:#fff!important;}
.receipt-review-card .receipt-approval-product {padding:0!important;}
.receipt-review-card .receipt-approval-qty,
.receipt-review-card .receipt-approval-price {padding:0!important;align-self:start!important;}
.receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-price>.receipt-mobile-field-label {display:block!important;font-size:var(--workspace-meta-size)!important;line-height:1.1!important;font-weight:700!important;color:var(--workspace-muted)!important;text-align:left!important;}
.receipt-review-card .receipt-approval-qty .form-control,
.receipt-review-card .receipt-approval-price .input-group {height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;}

/* Mobile review item: keep every desktop field, reorganized as a compact card. */
.receipt-review-card .receipt-approval-row {grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"product expiry" "qty price" "subtotal subtotal" "notes notes"!important;gap:.5rem .65rem!important;padding:.7rem!important;}
.receipt-review-card .receipt-approval-product {grid-area:product!important;min-width:0!important;}
.receipt-review-card .receipt-approval-expiry {grid-area:expiry!important;display:block!important;width:108px!important;min-width:108px!important;padding:0!important;}
.receipt-review-card .receipt-approval-expiry .receipt-mobile-field-label {display:block!important;margin:0 0 .18rem!important;font-size:var(--workspace-meta-size)!important;line-height:1.1!important;text-align:right!important;}
.receipt-review-card .receipt-approval-expiry .form-control {width:108px!important;height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;padding-left:.45rem!important;padding-right:.3rem!important;font-size:var(--workspace-meta-size)!important;}
.receipt-review-card .receipt-approval-qty {grid-area:qty!important;width:auto!important;margin:0!important;padding:0!important;}
.receipt-review-card .receipt-approval-price {grid-area:price!important;width:auto!important;margin:0!important;padding:0!important;}
.receipt-review-card .receipt-approval-qty .form-control {width:100%!important;max-width:none!important;}
.receipt-review-card .receipt-approval-price .input-group {width:100%!important;max-width:none!important;}
.receipt-review-card .receipt-approval-subtotal-cell {grid-area:subtotal!important;display:flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:.4rem!important;width:100%!important;padding:.05rem 0 0!important;}
.receipt-review-card .receipt-approval-subtotal-cell .receipt-mobile-field-label {display:inline!important;margin:0!important;font-size:var(--workspace-meta-size)!important;}
.receipt-review-card .receipt-approval-subtotal {display:inline!important;width:auto!important;height:auto!important;min-height:0!important;font-weight:800!important;}
.receipt-review-card .receipt-approval-notes,
.receipt-review-card td.receipt-approval-notes.d-none.d-md-table-cell {grid-area:notes!important;display:block!important;width:100%!important;padding:.45rem 0 0!important;border-top:1px solid #edf1f7!important;}
.receipt-review-card .receipt-approval-notes .receipt-mobile-field-label {display:block!important;margin:0 0 .18rem!important;}

.receipt-review-card .receipt-main-head>div {width:100%!important;}
.receipt-review-card .receipt-main-action-top {display:flex!important;width:max-content!important;max-width:100%!important;margin:10px auto 0!important;justify-content:center!important;}
.receipt-review-card .receipt-review-grid {display:block!important;}
.receipt-review-card .receipt-review-field-date,
.receipt-review-card .receipt-review-field-notes {display:flex!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin:0 0 .45rem!important;}
.receipt-review-card .receipt-review-field-date>label,
.receipt-review-card .receipt-review-field-notes>label {flex:0 0 auto!important;margin:0!important;white-space:nowrap!important;}
.receipt-review-card .receipt-review-field-date>.form-control,
.receipt-review-card .receipt-review-field-notes>.form-control {flex:1 1 auto!important;min-width:0!important;width:auto!important;}

.receipt-review-card .receipt-approval-row {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"product" "expiry" "qty" "price" "subtotal" "notes"!important;}
.receipt-review-card .receipt-approval-product {width:100%!important;}
.receipt-review-card .receipt-item-title {white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.receipt-review-card .receipt-item-copy {display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* Review rows mirror the compact mobile receipt-detail card while keeping editable controls. */
.receipt-review-card .receipt-approval-row {grid-template-columns:minmax(0,1fr) 108px!important;grid-template-areas:"product expiry" "qty price subtotal" "notes notes notes"!important;column-gap:.55rem!important;row-gap:.45rem!important;}
.receipt-review-card .receipt-approval-product {grid-area:product!important;}
.receipt-review-card .receipt-approval-expiry {grid-area:expiry!important;display:block!important;width:108px!important;min-width:108px!important;}
.receipt-review-card .receipt-approval-expiry .receipt-mobile-field-label {display:block!important;text-align:right!important;}
.receipt-review-card .receipt-approval-qty {grid-area:qty!important;width:auto!important;}
.receipt-review-card .receipt-approval-price {grid-area:price!important;width:auto!important;}
.receipt-review-card .receipt-approval-subtotal-cell {grid-area:subtotal!important;width:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:.18rem!important;padding:0!important;}
.receipt-review-card .receipt-approval-subtotal-cell .receipt-mobile-field-label {display:block!important;margin:0!important;}
.receipt-review-card .receipt-approval-notes {grid-area:notes!important;}
.receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
.receipt-review-card .receipt-approval-price>.receipt-mobile-field-label {margin-bottom:.18rem!important;}

.receipt-review-card .receipt-approval-row {grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(70px,.75fr)!important;grid-template-areas:"product product expiry" "qty price subtotal" "notes notes notes"!important;}
.receipt-review-card .receipt-approval-qty,
.receipt-review-card .receipt-approval-price,
.receipt-review-card .receipt-approval-subtotal-cell {align-self:start!important;min-width:0!important;}

.receipt-review-card .receipt-approval-row td.receipt-approval-subtotal-cell {grid-area:subtotal!important;display:flex!important;visibility:visible!important;align-self:start!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;}
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {display:block!important;visibility:visible!important;margin:0 0 .18rem!important;font-size:var(--workspace-meta-size)!important;line-height:1.1!important;}
.receipt-review-card .receipt-approval-subtotal-cell>.receipt-approval-subtotal {display:block!important;visibility:visible!important;width:auto!important;height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;line-height:var(--workspace-control-height)!important;font-size:var(--workspace-table-size)!important;font-weight:800!important;color:var(--workspace-title)!important;white-space:nowrap!important;}

.receipt-review-card .receipt-approval-qty {position:relative!important;padding-top:.7rem!important;}
.receipt-review-card .receipt-approval-qty::before {content:""!important;display:block!important;position:absolute!important;top:.18rem!important;left:0!important;width:calc(300% + 1.1rem)!important;height:1px!important;background:#e8edf5!important;}
.receipt-review-card .receipt-approval-price,
.receipt-review-card .receipt-approval-subtotal-cell {border-top:0!important;padding-top:.7rem!important;}

/* Canonical mobile review item: same visual structure as receipt detail. */
.receipt-review-card .receipt-approval-row {
  grid-template-columns:minmax(0,1fr) 108px!important;
  grid-template-rows:auto 1px auto!important;
  grid-template-areas:"product expiry" "divider divider" "qty price" "subtotal subtotal" "notes notes"!important;
  column-gap:.65rem!important;
  row-gap:5px!important;
  padding:.7rem!important;
  border:1px solid #e1e8f3!important;
  border-radius:var(--workspace-radius-card)!important;
  background:#fff!important;
}
.receipt-review-card .receipt-approval-row::before {
  content:""!important;
  display:block!important;
  grid-area:divider!important;
  position:static!important;
  width:100%!important;
  height:1px!important;
  background:#e8edf5!important;
  border:0!important;
}
.receipt-review-card .receipt-approval-product {grid-area:product!important;padding:0!important;min-width:0!important;}
.receipt-review-card .receipt-approval-expiry {grid-area:expiry!important;display:block!important;width:108px!important;min-width:108px!important;padding:0!important;}
.receipt-review-card .receipt-approval-qty {grid-area:qty!important;position:static!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;}
.receipt-review-card .receipt-approval-qty::before {content:none!important;display:none!important;}
.receipt-review-card .receipt-approval-price {grid-area:price!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;}
.receipt-review-card .receipt-approval-subtotal-cell {grid-area:subtotal!important;display:flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:flex-end!important;gap:.4rem!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;}
.receipt-review-card .receipt-approval-notes,
.receipt-review-card td.receipt-approval-notes.d-none.d-md-table-cell {grid-area:notes!important;display:block!important;width:100%!important;padding:.45rem 0 0!important;border-top:1px solid #edf1f7!important;}


.receipt-review-card .receipt-table-wrap {width:100%!important;padding-left:0!important;padding-right:0!important;}
.receipt-review-card .receipt-approval-table,
.receipt-review-card .receipt-approval-table tbody {width:100%!important;}
.receipt-review-card .receipt-approval-row {position:relative!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;}
.receipt-review-card .receipt-approval-row::after {content:""!important;display:block!important;position:absolute!important;left:.7rem!important;right:.7rem!important;top:3.35rem!important;height:1px!important;background:#e1e8f3!important;pointer-events:none!important;}
.receipt-review-card .receipt-approval-qty::before {display:none!important;}
.receipt-review-card .receipt-approval-qty,
.receipt-review-card .receipt-approval-price,
.receipt-review-card .receipt-approval-subtotal-cell {padding-top:.8rem!important;}
.receipt-review-card .receipt-main-head p {margin-bottom:0!important;}
.receipt-review-card .receipt-note {margin-top:0!important;margin-bottom:.12rem!important;}
.receipt-review-card .receipt-review-grid {margin-top:0!important;}


}



/* Final mobile review item layout: product/meta, divider, quantity/price/subtotal. */
@media (max-width:767.98px) {
  .receipt-review-card .receipt-approval-row {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(70px,.75fr)!important;
    grid-template-rows:auto minmax(calc(14px + .3rem + var(--workspace-control-height) + 6px),auto)!important;
    grid-template-areas:"product product product" "qty price subtotal"!important;
    column-gap:.55rem!important;
    row-gap:5px!important;
    align-items:start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    padding:.7rem!important;
    border:1px solid #e1e8f3!important;
    border-radius:var(--workspace-radius-card)!important;
    background:#fff!important;
  }
  .receipt-review-card .receipt-approval-product {
    grid-area:product!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }
  .receipt-review-card .receipt-item-title {
    display:block!important;
    margin:0!important;
    font-size:var(--workspace-table-size)!important;
    font-weight:800!important;
    line-height:1.25!important;
  }
  .receipt-review-card .receipt-item-copy {
    display:block!important;
    margin-top:.12rem!important;
    font-size:var(--workspace-meta-size)!important;
    line-height:1.25!important;
  }
  .receipt-review-card .receipt-approval-row::before {
    content:none!important;
    display:none!important;
  }
  .receipt-review-card .receipt-approval-qty,
  .receipt-review-card .receipt-approval-price,
  .receipt-review-card .receipt-approval-subtotal-cell {
    align-self:start!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:14px var(--workspace-control-height)!important;
    row-gap:.3rem!important;
    margin:0!important;
    padding:5px 0 0!important;
    border-top:1px solid #e8edf5!important;
  }
  .receipt-review-card .receipt-approval-subtotal-cell {
    flex-direction:unset!important;
    align-items:unset!important;
    justify-content:unset!important;
    text-align:right!important;
  }
  .receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
  .receipt-review-card .receipt-approval-price>.receipt-mobile-field-label,
  .receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {
    display:block!important;
    height:14px!important;
    min-height:14px!important;
    margin:0!important;
    padding:0!important;
    line-height:14px!important;
  }
  .receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {
    text-align:right!important;
  }
  .receipt-review-card .receipt-approval-qty .form-control,
  .receipt-review-card .receipt-approval-price .input-group,
  .receipt-review-card .receipt-approval-subtotal {
    align-self:start!important;
    box-sizing:border-box!important;
    height:var(--workspace-control-height)!important;
    min-height:var(--workspace-control-height)!important;
    margin:0!important;
  }
  .receipt-review-card .receipt-approval-subtotal {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    line-height:normal!important;
  }
  .receipt-review-card .receipt-approval-expiry,
  .receipt-review-card .receipt-approval-notes,
  .receipt-review-card td.receipt-approval-notes.d-none.d-md-table-cell {
    display:none!important;
  }
  .receipt-review-card .receipt-approval-row td.receipt-approval-subtotal-cell {
    grid-area:subtotal!important;
    display:flex!important;
    visibility:visible!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
  }
  .receipt-review-card .receipt-approval-qty,
  .receipt-review-card .receipt-approval-price,
  .receipt-review-card .receipt-approval-subtotal-cell {
    padding-top:0!important;
  }
  .receipt-review-card .receipt-approval-row::after {
    content:none!important;
    display:none!important;
  }
}


/* Mobile review header: title/copy first, approval action centered below. */
@media (max-width:767.98px) {
  .receipt-review-card .receipt-main-head {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .receipt-review-card .receipt-main-action-top {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    margin:.65rem auto 0!important;
  }
}


/* Mobile review approval button: reduce vertical padding by 10px total. */
@media (max-width:767.98px) {
  .receipt-review-card .receipt-main-action-top {
    padding-top:calc(var(--bs-btn-padding-y) - 5px)!important;
    padding-bottom:calc(var(--bs-btn-padding-y) - 5px)!important;
  }
}


/* Mobile review amounts: restore subtotal on the same row and baseline as quantity/price. */
@media (max-width:767.98px) {
  .receipt-review-card .receipt-approval-row {
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(68px,.75fr)!important;
    grid-template-areas:"product product product" "qty price subtotal"!important;
    column-gap:.45rem!important;
  }
  .receipt-review-card .receipt-approval-row td.receipt-approval-subtotal-cell {
    grid-area:subtotal!important;
    display:grid!important;
    visibility:visible!important;
    grid-template-rows:auto var(--workspace-control-height)!important;
    align-self:start!important;
    align-items:start!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    text-align:right!important;
  }
  .receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {
    display:block!important;
    visibility:visible!important;
    height:var(--workspace-meta-size)!important;
    margin:0 0 .3rem!important;
    padding:0!important;
    font-size:var(--workspace-meta-size)!important;
    line-height:1!important;
    font-weight:600!important;
    color:var(--workspace-muted)!important;
    text-transform:uppercase!important;
    text-align:right!important;
  }
  .receipt-review-card .receipt-approval-subtotal-cell>.receipt-approval-subtotal {
    display:flex!important;
    visibility:visible!important;
    align-items:center!important;
    justify-content:flex-end!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:var(--workspace-control-height)!important;
    min-height:var(--workspace-control-height)!important;
    margin:0!important;
    padding:0!important;
    line-height:1.25!important;
    font-size:var(--workspace-table-size)!important;
    font-weight:800!important;
    color:var(--workspace-title)!important;
    white-space:nowrap!important;
  }
}


/* Mobile review: force quantity, price and subtotal to the exact same label/value tracks. */
@media (max-width:767.98px) {
  .receipt-review-card .receipt-approval-qty,
  .receipt-review-card .receipt-approval-price,
  .receipt-review-card .receipt-approval-subtotal-cell {
    display:grid!important;
    grid-template-rows:14px var(--workspace-control-height)!important;
    row-gap:.3rem!important;
    align-self:start!important;
    margin:0!important;
    padding:0!important;
  }
  .receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
  .receipt-review-card .receipt-approval-price>.receipt-mobile-field-label,
  .receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {
    display:block!important;
    box-sizing:border-box!important;
    height:14px!important;
    min-height:14px!important;
    margin:0!important;
    padding:0!important;
    line-height:14px!important;
  }
  .receipt-review-card .receipt-approval-qty .form-control,
  .receipt-review-card .receipt-approval-price .input-group,
  .receipt-review-card .receipt-approval-subtotal {
    align-self:start!important;
    box-sizing:border-box!important;
    height:var(--workspace-control-height)!important;
    min-height:var(--workspace-control-height)!important;
    margin:0!important;
  }
  .receipt-review-card .receipt-approval-subtotal {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    line-height:normal!important;
  }
}


/* Mobile review: keep the single product/amount separator with 1px spacing on both sides. */
@media (max-width:767.98px) {
  .receipt-review-card .receipt-approval-product {
    padding-bottom:1px!important;
    margin-bottom:1px!important;
    border-bottom:0!important;
  }

  /* Final canonical review-card override: match the approved receipt-detail card. */
  .receipt-review-card .receipt-approval-row {
    display:grid!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(68px,.75fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"product product product" "qty price subtotal"!important;
    column-gap:.45rem!important;
    row-gap:0!important;
    align-items:start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:.7rem!important;
    border:1px solid #e1e8f3!important;
    border-radius:var(--workspace-radius-card)!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .receipt-review-card .receipt-approval-product {
    grid-area:product!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 .45rem!important;
    border-bottom:1px solid #e8edf5!important;
  }
  .receipt-review-card .receipt-approval-qty,
  .receipt-review-card .receipt-approval-price,
  .receipt-review-card .receipt-approval-row td.receipt-approval-subtotal-cell {
    align-self:start!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:14px var(--workspace-control-height)!important;
    row-gap:.3rem!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:.45rem 0 0!important;
    border:0!important;
  }
  .receipt-review-card .receipt-approval-qty {grid-area:qty!important;}
  .receipt-review-card .receipt-approval-price {grid-area:price!important;}
  .receipt-review-card .receipt-approval-row td.receipt-approval-subtotal-cell {
    grid-area:subtotal!important;
    visibility:visible!important;
    text-align:right!important;
  }
  .receipt-review-card .receipt-approval-qty>.receipt-mobile-field-label,
  .receipt-review-card .receipt-approval-price>.receipt-mobile-field-label,
  .receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {
    display:block!important;
    visibility:visible!important;
    box-sizing:border-box!important;
    height:14px!important;
    min-height:14px!important;
    margin:0!important;
    padding:0!important;
    font-size:var(--workspace-meta-size)!important;
    line-height:14px!important;
    font-weight:600!important;
    color:var(--workspace-muted)!important;
    text-transform:uppercase!important;
  }
  .receipt-review-card .receipt-approval-subtotal-cell>.receipt-mobile-field-label {text-align:right!important;}
  .receipt-review-card .receipt-approval-qty .form-control,
  .receipt-review-card .receipt-approval-price .input-group,
  .receipt-review-card .receipt-approval-subtotal {
    box-sizing:border-box!important;
    height:var(--workspace-control-height)!important;
    min-height:var(--workspace-control-height)!important;
    margin:0!important;
  }
  .receipt-review-card .receipt-approval-subtotal {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    padding:0!important;
    font-size:var(--workspace-table-size)!important;
    font-weight:800!important;
    line-height:1.25!important;
    color:var(--workspace-title)!important;
  }
  .receipt-review-card .receipt-approval-expiry,
  .receipt-review-card .receipt-approval-notes,
  .receipt-review-card td.receipt-approval-notes.d-none.d-md-table-cell {display:none!important;}
  .receipt-review-card .receipt-approval-row::before,
  .receipt-review-card .receipt-approval-row::after {content:none!important;display:none!important;}
}

@media (max-width:767.98px) {
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard {
    display:grid!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(68px,.75fr)!important;
    grid-template-areas:"product product product" "qty price subtotal"!important;
    grid-template-rows:auto auto!important;
    column-gap:.45rem!important;
    row-gap:.45rem!important;
    align-items:start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:.7rem!important;
    border:1px solid #e1e8f3!important;
    border-radius:var(--workspace-radius-card)!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-product {
    grid-area:product!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 .45rem!important;
    border:0!important;
    box-shadow:inset 0 -1px 0 #e8edf5!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-qty,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-price,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>td.receipt-approval-subtotal-cell {
    display:grid!important;
    visibility:visible!important;
    grid-template-rows:14px var(--workspace-control-height)!important;
    row-gap:.3rem!important;
    align-self:start!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-sizing:border-box!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-qty {grid-area:qty!important;}
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-price {grid-area:price!important;}
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>td.receipt-approval-subtotal-cell {
    grid-area:subtotal!important;
    text-align:right!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard .receipt-mobile-field-label {
    display:block!important;
    visibility:visible!important;
    height:14px!important;
    min-height:14px!important;
    margin:0!important;
    padding:0!important;
    font-size:var(--workspace-meta-size)!important;
    line-height:14px!important;
    font-weight:600!important;
    color:var(--workspace-muted)!important;
    text-transform:uppercase!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-subtotal-cell>.receipt-mobile-field-label {text-align:right!important;}
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard .receipt-approval-qty .form-control,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard .receipt-approval-price .input-group,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard .receipt-approval-subtotal {
    height:var(--workspace-control-height)!important;
    min-height:var(--workspace-control-height)!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard .receipt-approval-subtotal {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    padding:0!important;
    font-size:var(--workspace-table-size)!important;
    font-weight:800!important;
    line-height:1.25!important;
    color:var(--workspace-title)!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-expiry,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-notes {display:none!important;}
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard::before,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard::after {content:none!important;display:none!important;}
}


@media (max-width:767.98px) {
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard {
    display:block!important;
    padding:.7rem!important;
    border:1px solid #e1e8f3!important;
    border-radius:var(--workspace-radius-card)!important;
    background:#fff!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>td {display:none!important;}
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>td.receipt-approval-product {
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
  }
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-product>.receipt-item-title,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>.receipt-approval-product>.receipt-item-copy {display:none!important;}
  .receipt-review-card .receipt-review-line-summary {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"product" "values"!important;
    width:100%!important;
  }
  .receipt-review-card .receipt-review-line-values {
    display:grid!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(68px,.75fr)!important;
    align-items:start!important;
    justify-content:stretch!important;
  }
  .receipt-review-card .receipt-review-line-values>div {
    display:grid!important;
    grid-template-rows:14px var(--workspace-control-height)!important;
    row-gap:.3rem!important;
    align-items:start!important;
    min-width:0!important;
  }
  .receipt-review-card .receipt-review-line-values small {
    display:block!important;
    height:14px!important;
    line-height:14px!important;
  }
  .receipt-review-card .receipt-review-line-values .form-control,
  .receipt-review-card .receipt-review-line-values .input-group,
  .receipt-review-card .receipt-review-line-values .receipt-approval-subtotal {
    box-sizing:border-box!important;
    height:var(--workspace-control-height)!important;
    min-height:var(--workspace-control-height)!important;
    margin:0!important;
  }
  .receipt-review-card .receipt-review-mobile-subtotal {text-align:right!important;}
  .receipt-review-card .receipt-review-mobile-subtotal small {text-align:right!important;}
  .receipt-review-card .receipt-review-mobile-subtotal .receipt-approval-subtotal {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
  }
}


@media (max-width:767.98px) {
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>td.receipt-approval-qty,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>td.receipt-approval-price,
  .receipt-review-card .receipt-approval-row.receipt-review-mobile-standard>td.receipt-approval-subtotal-cell {
    display:none!important;
  }
}


@media (max-width:767.98px) {
  .receipt-review-card .receipt-review-line-values {
    margin-top:.5rem!important;
    padding-top:.45rem!important;
    border-top:1px solid #e8edf5!important;
  }
}
/* Review-only desktop/tablet footer spacing; mobile cards retain their own layout. */
@media (min-width:768px) {
.receipt-review-card .receipt-review-body {padding-bottom:.35rem!important;}
.receipt-review-card .receipt-table-footer {padding-bottom:.35rem!important;}
}
@media (max-width:767.98px) {
/* Review fields follow the mobile reading order: date, supplier, notes. */
.receipt-review-card .receipt-review-field-supplier {display:flex!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin:0 0 .45rem!important;min-width:0;}
.receipt-review-card .receipt-review-field-supplier>label {flex:0 0 auto!important;margin:0!important;white-space:nowrap!important;}
.receipt-review-card .receipt-review-field-supplier>.form-select {flex:1 1 auto!important;min-width:0!important;width:auto!important;}
}
/* Mobile review footer: remove the excess blank band below the item count. */
@media (max-width:767.98px) {
.receipt-review-card .receipt-review-body {padding-bottom:.3rem!important;}
.receipt-review-card .receipt-table-footer {padding:.4rem .15rem .3rem!important;margin-bottom:0!important;min-height:0!important;}
.receipt-review-card .receipt-table-wrap {padding-bottom:0!important;margin-bottom:0!important;}
}

/* resources/views/inventory/kardex.blade.php */
.kx-filters {--operation-filter-count:4;grid-template-columns:minmax(180px,1fr) minmax(220px,1.35fr) minmax(150px,.8fr) minmax(135px,.6fr) minmax(135px,.6fr) 46px;border-bottom:1px solid #eef2f7;}
.kx-field {min-width:0;}
@media(min-width:768px) {
.kx-table {width:100%;table-layout:fixed;}
.kx-table th:nth-child(1),.kx-table td:nth-child(2) {width:14%;}
.kx-table th:nth-child(2),.kx-table td:nth-child(3) {width:23%;}
.kx-table th:nth-child(3),.kx-table td:nth-child(4) {width:17%;}
.kx-table th:nth-child(4),.kx-table td:nth-child(5) {width:10%;}
.kx-table th:nth-child(5),.kx-table td:nth-child(6) {width:10%;}
.kx-table th:nth-child(6),.kx-table td:nth-child(7) {width:12%;}
.kx-table th:nth-child(7),.kx-table td:nth-child(8) {width:14%;}
.kx-table th,.kx-table td {overflow-wrap:anywhere;}
}

.kx-refresh {align-self:center;}
.operation-wide-values .operation-kpi-value {overflow-wrap:anywhere;}
.operation-wide-values .operation-money {overflow-wrap:normal;}
.kx-card-head {padding:1rem;border-bottom:1px solid #e8edf5;}
.kx-entry {color:#15803d;font-weight:700;}
.kx-exit {color:#e11d48;font-weight:700;}
.kx-empty {text-align:center;padding:2rem 1rem;color:var(--workspace-muted);}
.kx-mobile-back-fab {display:none;}
@media(min-width:768px) {
.kx-filters {border-bottom:0!important;}
.kx-card-head {border-bottom:0!important;}
.kx-table-wrap,.kx-table,.kx-table thead,.kx-table thead tr,.kx-table thead th {border-top:0!important;}
}
@media(max-width:767.98px) {
.kx-head>.operation-button {display:none!important;}
.kx-card-head {border-bottom:0!important;}
.kx-summary {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.kx-summary>.kx-stat:nth-child(1),
.kx-summary>.kx-stat:nth-child(2) {grid-column:1 / -1!important;}
.kx-filters {grid-template-columns:repeat(2,minmax(0,1fr)) 46px!important;}
.kx-filters>.kx-field:nth-child(1) {grid-column:1 / 3!important;grid-row:1!important;}
.kx-filters>.kx-field:nth-child(2) {grid-column:1 / -1!important;grid-row:2!important;}
.kx-filters>.kx-field:nth-child(3) {grid-column:1 / -1!important;grid-row:3!important;}
.kx-filters>.kx-field:nth-child(4) {grid-column:1!important;grid-row:4!important;}
.kx-filters>.kx-field:nth-child(5) {grid-column:2 / -1!important;grid-row:4!important;}
.kx-filters>.kx-field {min-width:0!important;}
.kx-filters>.kx-field .operation-input {width:100%!important;min-width:0!important;}
.kx-refresh {grid-column:3!important;grid-row:1!important;align-self:start;}
.kx-mobile-card-cell {display:block!important;}
.kx-mobile-card-detail {margin-top:.2rem;font-size:var(--workspace-meta-size);line-height:1.3;color:var(--workspace-copy);}
.kx-mobile-card-cost {text-align:right;white-space:nowrap;}
.kx-mobile-card-cost span {display:block;font-size:var(--workspace-meta-size);line-height:1;color:var(--workspace-muted);text-transform:uppercase;font-weight:600;}
.kx-mobile-card-cost strong {display:block;margin-top:.18rem;font-size:var(--workspace-table-size);line-height:1.25;color:var(--workspace-copy-strong);}
.kx-mobile-card-values {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%;}
.kx-mobile-card-values>div {display:block!important;min-width:0;width:100%;text-align:center;}
.kx-mobile-card-values strong {display:block;margin-top:.18rem;white-space:nowrap;}
.kx-mobile-card-footer {font-size:var(--workspace-meta-size);color:var(--workspace-copy);}
.kx-mobile-card-footer strong {color:var(--workspace-copy-strong);}
.kx-mobile-back-fab {position:fixed!important;right:16px!important;bottom:82px!important;z-index:1045!important;width:48px!important;height:48px;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.9),var(--brand-primary))!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,83,177,.32)!important;text-decoration:none!important;animation:arvix-kx-back-nudge 1.8s ease-in-out infinite;}
.kx-mobile-back-fab i {font-size:1.15rem;}
.kx-mobile-card-cell {display:none!important;}
@keyframes arvix-kx-back-nudge {0%,100%{transform:translateX(0);}45%{transform:translateX(-6px);}65%{transform:translateX(-6px);}}
}
@media (prefers-reduced-motion: reduce) {.kx-mobile-back-fab {animation:none!important;}}

/* Operational form and reconciliation CSS moved from Blade. */

/* resources/views/ingredient-skus/form.blade.php */
.purchase-form-grid {display:grid;gap:1rem 1.1rem;align-items:start;}
.purchase-form-grid-5-primary {grid-template-columns:repeat(5, minmax(0, 1fr));}
.purchase-form-grid-6-secondary {grid-template-columns:minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, 0.72fr) minmax(0, 0.78fr) minmax(0, 0.75fr) minmax(0, 0.85fr);}
.purchase-form-grid-4 {grid-template-columns:repeat(4, minmax(0, 1fr));}
.purchase-form-grid > * {min-width:0;}
.purchase-form-grid .catalog-form-switch-wrap {height:100%;justify-content:flex-start;padding-top:0;}
.purchase-form-grid .catalog-form-switch {min-height:var(--workspace-control-height);align-items:center;}
.purchase-form-grid .catalog-form-switch-label {display:flex;align-items:center;margin-bottom:0.65rem;}
@media (max-width: 1199.98px) {
.purchase-form-grid-4 {grid-template-columns:repeat(2, minmax(0, 1fr));}
.purchase-form-grid-5-primary {grid-template-columns:repeat(2, minmax(0, 1fr));}
.purchase-form-grid-6-secondary {grid-template-columns:repeat(2, minmax(0, 1fr));}
.purchase-form-grid .catalog-form-switch-wrap {padding-top:0;}


}
@media (max-width: 767.98px) {
.purchase-form-grid-4 {grid-template-columns:repeat(2, minmax(0, 1fr));}
.purchase-form-grid-4 > * {grid-column:1 / -1;}
.purchase-form-row-second > :nth-child(3),
.purchase-form-row-second > :nth-child(4),
.purchase-form-row-third > :nth-child(1),
.purchase-form-row-third > :nth-child(2) {grid-column:auto;}
/* SKU purchase presentations: keep reference price and status side by side on mobile. */
.purchase-form-row-third > .catalog-form-switch-wrap .catalog-form-switch-label {margin-bottom:4px;}
.purchase-form-row-third > .catalog-form-switch-wrap .catalog-form-switch {min-height:32px;}
.purchase-form-row-third > :nth-child(3),
.purchase-form-row-third > :nth-child(4) {grid-column:auto;}
.purchase-form-grid-5-primary {grid-template-columns:1fr;}
.purchase-form-grid-6-secondary {grid-template-columns:1fr;}


}

/* resources/views/ingredient-skus/index.blade.php */
.purchase-presentations-head {grid-template-columns:minmax(0, 3fr) minmax(0, 5fr);column-gap:1rem;}
.purchase-presentations-head .catalog-index-actions {justify-self:stretch;}
.catalog-tabs-nav {display:inline-flex;align-items:center;gap:0.55rem;padding:0.35rem;border-radius:18px;background:#f8fbff;border:1px solid rgba(37, 99, 235, 0.10);}
.purchase-tab-panel {display:none;}.purchase-tab-panel.is-active {display:block;}

@media (max-width: 1199.98px) {
.purchase-presentations-head {grid-template-columns:1fr;row-gap:1rem;}


}

/* resources/views/inventory/adjustments/create.blade.php */
.adjustment-head-actions {display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;}
.adjustment-notice {display:flex;align-items:flex-start;gap:.8rem;}
.adjustment-notice-icon {flex:0 0 auto;color:var(--operation-info-fg);}
.adjustment-notice>span:last-child {min-width:0;}
.adjustment-card-head {margin-bottom:1rem;}
.adjustment-quantity-control {display:flex;align-items:stretch;width:100%;min-width:0;}
.adjustment-quantity-control>.form-control {flex:1 1 auto;width:1%;min-width:0;margin:0;border-right:0;border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
.adjustment-quantity-unit {box-sizing:border-box;flex:0 1 110px;min-width:0;min-height:46px;margin:0;padding:.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--workspace-border);border-radius:0 var(--workspace-radius-control) var(--workspace-radius-control) 0;background:#f8fbff;color:var(--workspace-text);font-size:var(--workspace-page-copy-size);line-height:1.3;overflow-wrap:anywhere;}
.adjustment-stock-hint {font-size:12px;color:var(--workspace-copy);margin-top:5px;}
.adjustment-impact {display:flex;align-items:flex-start;gap:.65rem;}
.adjustment-impact i {color:var(--operation-info-fg);}
@media(min-width:768px) {
.adjustment-form>.item-type-field {grid-column:4 / span 3;grid-row:1;}
.adjustment-form>.item {grid-column:7 / span 4;grid-row:1;}
.adjustment-form>#quantity-group,
.adjustment-form>#counted-group {grid-column:11 / span 2;grid-row:1;}
.adjustment-form>.adjustment-type-field {grid-column:1 / span 3;grid-row:1;}
.adjustment-form>.reason-field {grid-column:1 / span 3;grid-row:2;}
.adjustment-form>.notes {grid-column:4 / -1;grid-row:2;}
.adjustment-form>.expiration {grid-column:1 / span 2;grid-row:3;}
.adjustment-form>.adjustment-cost-field {grid-column:3 / span 2;grid-row:3;}
.adjustment-form>.notes textarea.operation-input {height:46px!important;min-height:46px!important;resize:none;}
}
.adjustment-mobile-submit,.adjustment-mobile-back-fab {display:none!important;}
@media(max-width:767.98px) {
.adjustment-head-actions {display:none!important;}
.adjustment-card-head {margin-bottom:1rem;}
.adjustment-mobile-submit {display:flex!important;width:100%;margin-top:.75rem;}
.adjustment-form {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.adjustment-form>.operation-field {grid-column:auto!important;}
.adjustment-form>.item,
.adjustment-form>.notes,
.adjustment-form>.operation-field-full {grid-column:1 / -1!important;}
.adjustment-form>.adjustment-type-field {grid-column:1!important;grid-row:1!important;}
.adjustment-form>.item-type-field {grid-column:2!important;grid-row:1!important;}
.adjustment-form>.item {grid-column:1 / -1!important;grid-row:2!important;}
.adjustment-form>#quantity-group,
.adjustment-form>#counted-group {grid-column:1!important;grid-row:3!important;}
.adjustment-form>.reason-field {grid-column:2!important;grid-row:3!important;}
.adjustment-form>.notes {grid-column:1 / -1!important;grid-row:4!important;}
.adjustment-form>.expiration {grid-column:1!important;grid-row:5!important;}
.adjustment-form>.adjustment-cost-field {grid-column:2!important;grid-row:5!important;}

.adjustment-mobile-back-fab {position:fixed!important;right:16px!important;bottom:82px!important;z-index:1045!important;width:48px!important;height:48px;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%;background:linear-gradient(135deg,#1677e8,#0b5fc9)!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,83,177,.32)!important;text-decoration:none!important;animation:arvix-adjustment-back-nudge 1.8s ease-in-out infinite;}
.adjustment-mobile-back-fab i {font-size:1.15rem;}
@keyframes arvix-adjustment-back-nudge {0%,100%{transform:translateX(0);}45%{transform:translateX(-6px);}65%{transform:translateX(-6px);}}
}
@media (prefers-reduced-motion: reduce) {.adjustment-mobile-back-fab {animation:none!important;}}

/* resources/views/packaging/purchase-setup.blade.php */
.catalog-form-grid-purchase-materials {grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.9fr) minmax(0, 0.85fr) minmax(0, 0.9fr) minmax(0, 0.9fr);}
.catalog-form-grid-purchase-materials-secondary {grid-template-columns:minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 0.8fr);align-items:start;}
.catalog-form-inline-note {margin-top:0.55rem;color:#7084a8;font-size:var(--workspace-table-size);line-height:1.45;}
@media (max-width: 1399.98px) {
.catalog-form-grid-purchase-materials {grid-template-columns:repeat(2, minmax(0, 1fr));}
.catalog-form-grid-purchase-materials-secondary {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.catalog-form-grid-purchase-materials {grid-template-columns:1fr;}
.catalog-form-grid-purchase-materials-secondary {grid-template-columns:1fr;}


}

/* resources/views/packaging-item-skus/form.blade.php */
.purchase-form-grid {display:grid;gap:1rem 1.1rem;align-items:start;}
.purchase-form-grid-5-primary {grid-template-columns:minmax(0, 1.35fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.72fr) minmax(0, 1fr);}
.purchase-form-grid-6-secondary {grid-template-columns:minmax(0, 0.9fr) minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(0, 0.85fr) minmax(0, 0.72fr);}
.purchase-form-grid > * {min-width:0;}
.purchase-form-grid .catalog-form-switch-wrap {height:100%;justify-content:flex-start;padding-top:0;}
.purchase-form-grid .catalog-form-switch {min-height:var(--workspace-control-height);align-items:center;}
.purchase-form-grid .catalog-form-switch-label {display:flex;align-items:center;margin-bottom:0.65rem;}
@media (max-width: 1199.98px) {
.purchase-form-grid-5-primary {grid-template-columns:repeat(2, minmax(0, 1fr));}
.purchase-form-grid-6-secondary {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.purchase-form-grid-5-primary {grid-template-columns:1fr;}
.purchase-form-grid-6-secondary {grid-template-columns:1fr;}


}

/* resources/views/product-builds/form.blade.php */
.builder-hero {position:relative;overflow:hidden;}
.builder-hero::after {content:'';position:absolute;inset:auto -3rem -3rem auto;width:180px;height:180px;pointer-events:none;}
.builder-kicker {color:#2563eb;text-transform:uppercase;letter-spacing:0.16em;font-size:var(--workspace-meta-size);font-weight:800;}
.type-choice-grid {display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:0.8rem;margin-top:1rem;}.type-choice {text-align:left;}
.type-choice .icon-wrap {width:42px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:0.8rem;}

.builder-setup-grid {display:grid;grid-template-columns:1.2fr 1.2fr 1.8fr 0.8fr 0.8fr;gap:0.85rem;margin-top:1.2rem;}
.builder-panel {border-radius:var(--workspace-radius-card);background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(249,251,255,0.98));border:1px solid rgba(148, 163, 184, 0.16);box-shadow:0 22px 40px rgba(15, 23, 42, 0.07);overflow:hidden;}
.builder-panel-body {padding:1.35rem;}
.builder-panel-title {display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1rem;}
.library-filter-row {display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:0.95rem;}
.builder-library {display:grid;gap:1rem;max-height:980px;overflow:auto;padding-right:0.2rem;}
.library-section {border:1px solid rgba(148, 163, 184, 0.14);border-radius:var(--workspace-radius-card);background:rgba(255,255,255,0.95);padding:1rem;}
.library-section-header {display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.8rem;}
.library-section-icon {width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:1rem;}
.library-item-list {display:grid;gap:0.65rem;}
.library-item {width:100%;text-align:left;border:1px solid rgba(148, 163, 184, 0.14);border-radius:18px;background:linear-gradient(180deg, #ffffff, #f8fbff);padding:0.9rem;transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;}
.library-item:hover {transform:translateY(-1px);box-shadow:0 16px 30px rgba(37, 99, 235, 0.08);border-color:rgba(37, 99, 235, 0.20);}
.library-item-top {display:flex;align-items:start;justify-content:space-between;gap:0.75rem;margin-bottom:0.4rem;}
.library-pill {display:inline-flex;align-items:center;gap:0.35rem;border-radius:999px;padding:0.28rem 0.62rem;font-size:var(--workspace-meta-size);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;background:#eff6ff;color:#2563eb;}
.builder-workbench {display:grid;gap:1rem;}
.workbench-preview {position:relative;overflow:hidden;border-radius:28px;padding:1.15rem;min-height:430px;background:radial-gradient(circle at top left, rgba(251,191,36,0.12), transparent 24%),
            radial-gradient(circle at 90% 18%, rgba(236,72,153,0.10), transparent 22%),
            linear-gradient(180deg, #fef6fb 0%, #f8fbff 46%, #eef3fb 100%);border:1px solid rgba(148, 163, 184, 0.16);}
.workbench-preview::before {content:'';position:absolute;left:0;right:0;bottom:62px;height:26px;background:repeating-linear-gradient(
            90deg,
            rgba(148,163,184,0.18) 0 48px,
            rgba(255,255,255,0.52) 48px 96px
        );border-top:2px solid rgba(148,163,184,0.18);border-bottom:2px solid rgba(148,163,184,0.12);}
.workbench-preview::after {content:'';position:absolute;inset:auto 1.2rem 1rem 1.2rem;height:46px;border-radius:20px;background:linear-gradient(180deg, rgba(15,23,42,0.10), rgba(15,23,42,0.04));}
.preview-stage-header {position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem;}
.preview-badges {display:flex;gap:0.55rem;flex-wrap:wrap;}
.preview-badge {display:inline-flex;align-items:center;gap:0.35rem;border-radius:999px;padding:0.38rem 0.74rem;font-size:var(--workspace-meta-size);font-weight:700;background:rgba(255,255,255,0.78);color:#334155;border:1px solid rgba(148,163,184,0.14);}
.preview-stage-copy {max-width:340px;}
.preview-assembly {position:relative;z-index:1;min-height:280px;display:flex;align-items:center;justify-content:center;padding-inline:1rem;}
.visual-jar-shell {position:relative;z-index:1;}
.visual-cake-shell {position:relative;z-index:1;}
.visual-box-shell {position:relative;z-index:1;}
.visual-custom-shell {position:relative;z-index:1;}
.visual-jar-shell {width:260px;display:flex;flex-direction:column;align-items:center;gap:0.55rem;}
.visual-jar-lid {width:154px;height:24px;border-radius:999px;background:linear-gradient(180deg, #cbd5e1, #94a3b8);box-shadow:inset 0 2px 5px rgba(255,255,255,0.5);}
.visual-jar-body {width:230px;height:270px;border-radius:36px 36px 26px 26px;border:4px solid rgba(148,163,184,0.48);background:rgba(255,255,255,0.82);overflow:hidden;box-shadow:inset 0 0 0 10px rgba(255,255,255,0.34);display:flex;flex-direction:column-reverse;}
.visual-cake-shell {width:320px;display:grid;justify-items:center;gap:0.8rem;}
.visual-cake-top {width:280px;height:30px;border-radius:999px;background:linear-gradient(180deg, #fbcfe8, #f9a8d4);box-shadow:inset 0 3px 7px rgba(255,255,255,0.55);}
.visual-cake-body {width:300px;height:240px;border-radius:28px 28px 38px 38px;overflow:hidden;border:3px solid rgba(148,163,184,0.30);background:rgba(255,255,255,0.84);display:flex;flex-direction:column;box-shadow:inset 0 0 0 10px rgba(255,255,255,0.34);}
.visual-box-shell {width:min(100%, 380px);min-height:245px;border-radius:28px;padding:1rem;border:3px dashed rgba(148,163,184,0.34);background:linear-gradient(180deg, rgba(255,255,255,0.88), rgba(248,250,252,0.96));display:flex;flex-wrap:wrap;gap:0.75rem;align-content:flex-start;justify-content:center;}
.visual-custom-shell {width:min(100%, 420px);display:grid;gap:0.7rem;}
.preview-layer {display:flex;align-items:center;justify-content:center;color:#0f172a;font-weight:700;text-align:center;font-size:var(--workspace-page-copy-size);padding:0.55rem;border-top:1px solid rgba(255,255,255,0.38);}
.preview-box-chip {min-width:110px;max-width:160px;padding:0.8rem;border-radius:18px;text-align:center;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,0.32);}
.preview-custom-card {border-radius:18px;background:rgba(255,255,255,0.88);border:1px solid rgba(148,163,184,0.16);padding:0.85rem 0.95rem;}
.preview-packaging-strip {position:relative;z-index:1;margin-top:1rem;display:flex;justify-content:center;gap:0.6rem;flex-wrap:wrap;}
.packaging-pill {display:inline-flex;align-items:center;gap:0.4rem;border-radius:999px;background:rgba(255,255,255,0.88);color:#0f172a;border:1px solid rgba(148,163,184,0.18);padding:0.45rem 0.78rem;font-size:var(--workspace-meta-size);font-weight:700;}
.layers-stack {display:grid;gap:1rem;}
.builder-layer-card {border:1px solid rgba(148, 163, 184, 0.14);border-radius:var(--workspace-radius-card);background:linear-gradient(180deg, #ffffff, #f8fbff);box-shadow:0 16px 26px rgba(15, 23, 42, 0.05);overflow:hidden;}
.builder-layer-card-header {display:flex;justify-content:space-between;gap:1rem;align-items:start;padding:1rem 1rem 0.85rem;border-bottom:1px solid rgba(148,163,184,0.10);}
.builder-layer-card-body {padding:1rem;}
.layer-mini-meta {display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.4rem;}
.layer-mini-pill {display:inline-flex;align-items:center;gap:0.3rem;border-radius:999px;padding:0.28rem 0.65rem;background:#eff6ff;color:#2563eb;font-size:var(--workspace-meta-size);font-weight:700;}
.layer-actions {display:flex;gap:0.45rem;flex-wrap:wrap;justify-content:end;}
.layer-actions .btn {min-width:40px;}
.layer-visual-line {display:flex;align-items:center;gap:0.75rem;padding:0.8rem 1rem;border-radius:18px;background:rgba(248,250,252,0.88);border:1px solid rgba(148,163,184,0.12);margin-bottom:1rem;}
.layer-color-dot {width:18px;height:18px;border-radius:999px;flex-shrink:0;border:2px solid rgba(255,255,255,0.92);box-shadow:0 0 0 1px rgba(148,163,184,0.18);}
.summary-grid {display:grid;gap:0.8rem;margin-bottom:1rem;}
.summary-metric {border:1px solid rgba(148,163,184,0.14);border-radius:22px;background:linear-gradient(180deg, #ffffff, #f8fbff);padding:1rem;box-shadow:0 14px 24px rgba(15, 23, 42, 0.04);}
.summary-metric-label {margin-bottom:0.45rem;}
.summary-metric-value {color:#0f172a;font-size:var(--workspace-kpi-value-size);font-weight:800;line-height:1.1;}
.summary-metric.is-highlight {background:linear-gradient(135deg, #eff6ff, #ffffff);border-color:rgba(37,99,235,0.20);}
.builder-tip-card {border-radius:var(--workspace-radius-card);background:linear-gradient(180deg, #f8fafc, #ffffff);border:1px solid rgba(148,163,184,0.14);padding:1rem;}
.empty-stage {width:min(100%, 420px);padding:2rem 1.4rem;border-radius:24px;background:rgba(255,255,255,0.72);border:2px dashed rgba(148,163,184,0.30);text-align:center;}
.builder-hidden-field {display:none;}
@media (max-width: 1400px) {
.builder-setup-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
.type-choice-grid {grid-template-columns:repeat(3, minmax(0, 1fr));}


}
@media (max-width: 991.98px) {
.type-choice-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
.builder-setup-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.type-choice-grid {grid-template-columns:1fr;}
.builder-setup-grid {grid-template-columns:1fr;}


}

/* resources/views/sales-events/reconcile.blade.php */
.event-close-shell {display:grid;gap:1rem;}
.event-close-card {background:#fff;border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);padding:1.25rem;min-width:0;}
.event-close-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;}
.event-close-number {max-width:105px;}
.event-close-table {min-width:850px;}
.event-close-table th {color:var(--workspace-muted);font-size:var(--workspace-label-size);letter-spacing:var(--workspace-label-spacing);text-transform:uppercase;white-space:nowrap;}
.event-close-table td {vertical-align:middle;}
.event-close-money {white-space:nowrap;font-variant-numeric:tabular-nums;}
.event-close-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}
.event-close-header-actions {display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;}
.event-close-kpi {background:#fff;border:1px solid var(--workspace-border);border-radius:22px;padding:1.05rem 1.15rem;display:flex;align-items:center;gap:.95rem;min-height:100px;min-width:0;box-shadow:none;}
.event-close-kpi-icon {width:54px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;flex:0 0 54px;}
.event-close-kpi-icon.red {color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;}
.event-close-kpi-icon.purple {color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;}
.event-close-kpi-label {margin-bottom:.25rem;}
.event-close-kpi-value {display:block;color:#162847;font-size:var(--workspace-kpi-value-size);font-weight:800;line-height:1;margin-bottom:.22rem;overflow-wrap:anywhere;}
.event-close-kpi-copy {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
@media(max-width:1199.98px) {
.event-close-summary {grid-template-columns:repeat(3,minmax(0,1fr));}


}
@media(max-width:767.98px) {
.event-close-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.event-close-summary {grid-template-columns:repeat(2,minmax(0,1fr));}
.event-close-card {padding:1rem;}
.event-close-header-actions {justify-content:flex-start;}


}
@media(max-width:480px) {
.event-close-summary {grid-template-columns:1fr;}


}

.event-close-table {width:100%;min-width:0;table-layout:fixed;}
.event-close-table td {overflow-wrap:anywhere;}
.event-close-table :is(.form-control,.form-select,.input-group) {min-width:0;max-width:100%;}
.event-close-kpi {min-height:0;}
@media(max-width:767.98px){.event-close-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.event-close-kpi{padding:.8rem;gap:.5rem;border-radius:14px}.event-close-kpi-icon{width:36px;height:36px;flex-basis:36px}.event-close-kpi-copy{font-size:.72rem}.event-close-table.operation-stack-table{min-width:0!important}.event-close-table.operation-stack-table tbody tr{margin-bottom:.65rem!important}}
@media(max-width:480px){.event-close-summary{grid-template-columns:repeat(2,minmax(0,1fr));}}
.event-close-pager {display:flex;justify-content:space-between;align-items:center;padding:.4rem 0!important;gap:.5rem;font-size:var(--workspace-meta-size);}
.event-close-pager [data-page-controls] {display:flex;gap:.35rem;}
.event-close-pager [data-page-controls]:empty {display:none;}
.event-close-summary{grid-template-columns:repeat(4,minmax(0,1fr));}
.event-close-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--workspace-border);padding:.25rem .5rem 0;overflow-x:auto;}
.event-close-tab{appearance:none;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--workspace-muted);padding:.8rem 1rem;white-space:nowrap;font-weight:650;cursor:pointer;}
.event-close-tab.active{color:var(--workspace-primary,#2563eb);border-bottom-color:currentColor;background:rgba(37,99,235,.06);}
.event-close-tab i{margin-right:.45rem;}
.event-close-card[hidden]{display:none!important;}
.event-close-card.sales-event-section-card{padding:1rem!important;}
.event-close-product-table{table-layout:fixed;width:100%;min-width:0;}
.event-close-product-table th:nth-child(1){width:24%;}.event-close-product-table th:nth-child(2){width:13%;}.event-close-product-table th:nth-child(3),.event-close-product-table th:nth-child(4){width:13%;}.event-close-product-table th:nth-child(5){width:10%;}.event-close-product-table th:nth-child(6){width:13%;}.event-close-product-table th:nth-child(7){width:14%;}
.event-close-expense-table{table-layout:fixed;width:100%;min-width:0;}
.event-close-expense-table th:nth-child(1){width:23%;}.event-close-expense-table th:nth-child(2){width:23%;}.event-close-expense-table th:nth-child(3){width:13%;}.event-close-expense-table th:nth-child(4){width:21%;}.event-close-expense-table th:nth-child(5){width:14%;}.event-close-expense-table th:nth-child(6){width:6%;}
.event-close-product-table .event-close-number,.event-close-expense-table .event-close-number{width:100%;max-width:100%;}
@media(max-width:767.98px){.event-close-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.event-close-summary .event-close-kpi:last-child{grid-column:auto;}.event-close-card.sales-event-section-card{padding:.75rem!important;}.event-close-tabs{gap:0;}.event-close-tab{padding:.7rem .55rem;font-size:.8rem;}.event-close-expense-table.operation-stack-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem!important;border:1px solid var(--workspace-border);border-radius:14px;background:#fff;}.event-close-expense-table.operation-stack-table tbody tr.d-none{display:none!important;}.event-close-expense-table.operation-stack-table tbody tr td{display:block!important;min-width:0!important;width:100%!important;padding:0!important;border:0!important;}.event-close-expense-table.operation-stack-table tbody tr td:first-child{grid-column:1/-1;}.event-close-expense-table.operation-stack-table tbody tr td::before{display:block!important;position:static!important;content:attr(data-label);font-size:.75rem;font-weight:600;color:var(--workspace-muted);margin-bottom:.25rem;}.event-close-expense-table.operation-stack-table tbody tr td:last-child{grid-column:1/-1;}.event-close-expense-table.operation-stack-table tbody tr td .form-control,.event-close-expense-table.operation-stack-table tbody tr td .form-select{width:100%!important;}.event-close-expense-table.operation-stack-table tbody tr td:nth-child(5){display:flex!important;flex-direction:column;justify-content:center;}}

/* resources/views/sales-events/form-v2.blade.php: static styles and reconcile variant */
.sales-event-form .catalog-form-section-card {box-shadow:none !important;filter:none !important;}
.sales-event-mobile-submit {display:none;}

.sales-event-main-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;align-items:end;}
.sales-event-main-grid > .sales-event-type-field {grid-column:1 / 3 !important;}
.sales-event-main-grid > .sales-event-date-field {grid-column:3 / 5 !important;}
.sales-event-main-grid > .sales-event-name-field {grid-column:5 / 8 !important;}
.sales-event-main-grid > .sales-event-location-field {grid-column:8 / 11 !important;}
.sales-event-main-grid > .sales-event-responsible-field {grid-column:11 / 13 !important;}
.sales-event-main-grid > .sales-event-notes-field {grid-column:1 / -1 !important;}
.sales-event-header-actions {display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-left:auto;min-width:0;}
.sales-event-section-card {padding:1rem 0 !important;}
.sales-event-workspace {margin-top:1rem;min-width:0;}
.sales-event-tabs {display:flex;gap:.4rem;margin:0;padding:0;border-bottom:1px solid var(--workspace-border);}
@media(min-width:768px) {
.sales-event-section-card {padding:1rem 0 !important;}
.sales-event-section-head,.sales-event-section-card > .sales-event-empty,.sales-event-section-card > .operation-table-wrap,.sales-event-section-card > .operation-footer {margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important;}
.sales-event-section-card > .operation-table-wrap {padding-left:0!important;padding-right:0!important;}
}
.sales-event-tab {display:inline-flex;align-items:center;text-align:center;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;}
.sales-event-tab.active {background:rgba(var(--brand-primary-rgb),.10)!important;color:var(--brand-primary)!important;border-bottom-color:var(--brand-primary)!important;font-weight:700!important;}

.sales-event-tab-panel {display:none;}.sales-event-tab-panel.active {display:block;}

.sales-event-empty {padding:2rem 1rem;text-align:center;color:var(--workspace-muted);border:1px dashed #d7e3f4;border-radius:18px;background:#fbfdff;}
.sales-event-empty i {display:block;font-size:1.5rem;margin-bottom:.45rem;color:#8ea0bf;}
.sales-event-section-head {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.sales-event-section-title {margin:0 0 .18rem;}
.sales-event-section-copy {margin:0;}

.sales-event-expense-table {table-layout:fixed;width:100%;min-width:0;}
.sales-event-expense-table th:nth-child(1),.sales-event-expense-table td:nth-child(1) {width:4%;text-align:center;}
.sales-event-expense-table th:nth-child(2),.sales-event-expense-table td:nth-child(2) {width:19%;}
.sales-event-expense-table th:nth-child(3),.sales-event-expense-table td:nth-child(3) {width:26%;}
.sales-event-expense-table th:nth-child(4),.sales-event-expense-table td:nth-child(4) {width:14%;}
.sales-event-expense-table th:nth-child(5),.sales-event-expense-table td:nth-child(5) {width:17%;}
.sales-event-expense-table th:nth-child(6),.sales-event-expense-table td:nth-child(6) {width:15%;}
.sales-event-expense-table th:last-child,.sales-event-expense-table td:last-child {width:5%;}
.sales-event-expense-table td {min-width:0;}
.sales-event-expense-table td .input-group,.sales-event-expense-table td .form-control,.sales-event-expense-table td .form-select {min-width:0;max-width:100%;}
.sales-event-expense-table .expense-quantity-group .input-group-text {min-width:3.25rem;padding-inline:.35rem;}
.expense-select-wrap {position:relative;}
.expense-select-wrap .form-select {width:100%;appearance:none!important;-webkit-appearance:none!important;}
.expense-select-wrap::after {content:'\F282';font-family:'bootstrap-icons';position:absolute;top:1px;right:1px;width:2.8rem;height:var(--workspace-control-height);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);background:#eef5ff;border-left:1px solid var(--workspace-border-strong);border-radius:var(--workspace-radius-control);pointer-events:none;font-size:var(--workspace-input-size);}
.expense-quantity-group .input-group-text {min-width:5.4rem;justify-content:center;}
.sales-event-helper {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.35;margin-top:0.35rem;}
.sales-event-product-table {table-layout:fixed;min-width:1120px;}
.sales-event-product-table th {width:auto;}
.sales-event-product-table td {width:auto;}
.sales-event-product-table th:nth-child(1) {width:4.5%;text-align:center;}
.sales-event-product-table td:nth-child(1) {width:4.5%;text-align:center;}
.sales-event-product-table th:nth-child(2) {width:31%;}
.sales-event-product-table td:nth-child(2) {width:31%;}
.sales-event-product-table th:nth-child(3) {width:14%;}
.sales-event-product-table td:nth-child(3) {width:14%;}
.sales-event-product-table th:nth-child(4) {width:15%;}
.sales-event-product-table td:nth-child(4) {width:15%;}
.sales-event-product-table th:nth-child(5) {width:15%;}
.sales-event-product-table td:nth-child(5) {width:15%;}
.sales-event-product-table th:nth-child(6) {width:15%;}
.sales-event-product-table td:nth-child(6) {width:15%;}
.sales-event-product-table .product-select-wrap {position:relative;}
.sales-event-product-table .product-select-wrap .form-select {width:100%;appearance:none !important;-webkit-appearance:none !important;}
.sales-event-product-table .product-select-wrap::after {content:'\F282';font-family:'bootstrap-icons';position:absolute;top:1px;right:1px;width:2.8rem;height:var(--workspace-control-height);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);background:#eef5ff;border-left:1px solid var(--workspace-border-strong);border-radius:var(--workspace-radius-control);pointer-events:none;font-size:var(--workspace-input-size);}
.sales-event-product-table [data-product-taken] {min-width:4.6rem;border-radius:var(--workspace-radius-control) 0 0 var(--workspace-radius-control);}
.sales-event-product-table [data-product-unit] {min-width:4.8rem;padding-inline:.55rem;justify-content:center;border-radius:var(--workspace-radius-control);font-weight:500;}
/* Preserve the global rounded control silhouette across the quantity/unit input group. */
.sales-event-product-table .input-group:has([data-product-taken]) {border-radius:var(--workspace-radius-control);}
.sales-event-product-table .input-group [data-product-taken] {border-radius:var(--workspace-radius-control) 0 0 var(--workspace-radius-control)!important;}
.sales-event-product-table .input-group [data-product-unit] {border-radius:0 var(--workspace-radius-control) var(--workspace-radius-control) 0!important;}
.sales-event-row-number {width:2.15rem;height:2.15rem;margin:0 auto;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f4f8ff;border:1px solid #cfe0fb;color:var(--brand-primary);font-weight:800;font-size:var(--workspace-table-size);box-shadow:inset 3px 0 0 rgba(var(--brand-primary-rgb),.84);}


    .sales-event-product-table th:last-child,
    .sales-event-product-table td:last-child {

        width: 3.5rem;

}
@media (max-width: 1199.98px) {
.sales-event-main-grid > .sales-event-notes-field {grid-column:1 / -1 !important;}
}
@media (max-width: 767.98px) {
.sales-event-form .sales-event-main-grid.operation-form-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;}
.sales-event-form .sales-event-main-grid.operation-form-grid > .sales-event-type-field {grid-column:1 / 2 !important;grid-row:1 !important;min-width:0;}
.sales-event-form .sales-event-main-grid.operation-form-grid > .sales-event-date-field {grid-column:2 / 3 !important;grid-row:1 !important;min-width:0;}
.sales-event-form .sales-event-main-grid.operation-form-grid > .sales-event-type-field .form-label,
.sales-event-form .sales-event-main-grid.operation-form-grid > .sales-event-date-field .form-label {white-space:nowrap;}
.sales-event-form .sales-event-main-grid.operation-form-grid > .sales-event-type-field :is(.form-select,.operation-input),
.sales-event-form .sales-event-main-grid.operation-form-grid > .sales-event-date-field :is(.form-control,.operation-input) {width:100%;min-width:0;}
.sales-event-main-grid > .sales-event-name-field,
.sales-event-main-grid > .sales-event-location-field,
.sales-event-main-grid > .sales-event-responsible-field,
.sales-event-main-grid > .sales-event-notes-field {grid-column:1 / -1 !important;}
.sales-event-section-head {flex-direction:column;}
.sales-event-form .sales-event-workspace {padding:.75rem 0;border:0;border-radius:0;box-shadow:none;}
.sales-event-form .sales-event-tabs {padding:0;}
.sales-event-form .sales-event-section-card {padding:1rem 0 !important;}
.sales-event-form .sales-event-section-head {padding-inline:0;}
.sales-event-form .sales-event-table.operation-stack-table tbody {width:100%;}
.sales-event-form .sales-event-table.operation-stack-table tbody tr {width:100%;margin-inline:0;}
.sales-event-section-head > .catalog-form-page-btn {align-self:center;}
.sales-event-form .sales-event-table.operation-stack-table {min-width:0 !important;}
.sales-event-form .sales-event-table.operation-stack-table thead {display:none;}
.sales-event-form .sales-event-table.operation-stack-table tbody {display:grid;gap:.55rem;}
.sales-event-form .sales-event-table.operation-stack-table tbody tr {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:.7rem .8rem;background:#fff;border:1px solid var(--workspace-border);border-radius:14px;box-shadow:none;overflow:hidden;}
.sales-event-form .sales-event-table.operation-stack-table tbody td {display:flex;flex-direction:column;align-items:stretch;min-width:0;width:auto !important;padding:.5rem .35rem !important;border:0 !important;border-top:1px solid #e7eef8 !important;background:transparent !important;}
.sales-event-form .sales-event-table.operation-stack-table tbody td:nth-child(1) {display:none;}
.sales-event-form .sales-event-table.operation-stack-table tbody td:nth-child(2) {grid-column:1 / -1;border-top:0 !important;padding-top:.1rem !important;padding-bottom:.55rem !important;}
.sales-event-form .sales-event-table.operation-stack-table tbody td:last-child {justify-content:flex-end;}
.sales-event-form .sales-event-product-table tbody tr {grid-template-columns:repeat(4,minmax(0,1fr));}
.sales-event-form .sales-event-product-table tbody td:nth-child(2) {grid-column:1 / -1;}
.sales-event-form .sales-event-product-table tbody td:nth-child(3) {grid-column:1 / 3;}
.sales-event-form .sales-event-product-table tbody td:nth-child(4) {grid-column:3 / 5;}
.sales-event-form .sales-event-product-table tbody td:nth-child(5) {grid-column:1 / 3;}
.sales-event-form .sales-event-product-table tbody td:nth-child(6) {grid-column:3 / 4;}
.sales-event-form .sales-event-product-table tbody td:last-child {grid-column:4 / 5;align-items:center;justify-content:flex-end;}
.sales-event-form .sales-event-table.operation-stack-table tbody td::before {flex:0 0 auto;margin:0 0 .3rem;color:#607493;font-size:.68rem;font-weight:800;line-height:1;text-transform:uppercase;}
.sales-event-form .sales-event-table.operation-stack-table :is(.form-control,.form-select,.input-group-text) {font-size:.78rem;}
.sales-event-form .sales-event-table.operation-stack-table .input-group {width:100%;}
.sales-event-product-table tbody td:nth-child(2)::before {content:none;}
.sales-event-product-table tbody td:nth-child(3)::before {content:'Cant.';}
.sales-event-product-table tbody td:nth-child(4)::before {content:'Costo';}
.sales-event-product-table tbody td:nth-child(5)::before {content:'P. venta';}
.sales-event-product-table tbody td:nth-child(6)::before {content:'Total';}
.sales-event-expense-table tbody td:nth-child(2)::before {content:none;}
.sales-event-expense-table tbody td:nth-child(3)::before {content:'Concepto';}
.sales-event-expense-table tbody td:nth-child(4)::before {content:'Cant.';}
.sales-event-expense-table tbody td:nth-child(5)::before {content:'P. unit.';}
.sales-event-expense-table tbody td:nth-child(6)::before {content:'Total';}
.sales-event-form .sales-event-table.operation-stack-table tbody td:nth-child(2) :is(.product-select-wrap,.expense-select-wrap) {width:100%;}
.sales-event-form .sales-event-table.operation-stack-table tbody td:last-child .operation-button {min-width:2.35rem;width:2.35rem;height:2.35rem;padding:0;}
.sales-event-form .operation-footer {padding:.75rem 0 0;}
.sales-event-form .sales-event-section-card {padding-bottom:0!important;}
.sales-event-form .sales-event-section-card > .operation-footer {
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:.65rem 1rem!important;
    display:flex;
    align-items:center;
    box-sizing:border-box;
}
.sales-event-form .sales-event-section-card > .operation-footer:empty {display:none!important;}
.sales-event-form .sales-event-section-card > .operation-footer .pagination {margin-bottom:0!important;}

.app-authenticated .app-main-content .sales-event-form .sales-event-table.operation-stack-table tbody tr {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-table.operation-stack-table tbody tr.d-none {display:none !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-table.operation-stack-table tbody td {display:flex !important;flex-direction:column !important;align-items:stretch !important;min-width:0 !important;width:auto !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-product-table tbody td:nth-child(1) {display:none !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-product-table tbody td:nth-child(2) {grid-column:1 / -1 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-product-table tbody td:nth-child(3) {grid-column:1 / 3 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-product-table tbody td:nth-child(4) {display:none !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-product-table tbody td:nth-child(4) {grid-column:3 / 5 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-product-table tbody td:nth-child(5) {grid-column:3 / 5 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-product-table tbody td:nth-child(6) {grid-column:1 / 4 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-product-table tbody td:last-child {display:flex !important;grid-column:4 / 5 !important;align-items:center !important;justify-content:flex-end !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-table.operation-stack-table tbody td::before {position:static !important;width:auto !important;margin:0 0 .3rem !important;padding:0 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-expense-table tbody td:nth-child(1) {display:none !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-expense-table tbody td:nth-child(2) {grid-column:1 / -1 !important;border-top:0 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-expense-table tbody td:nth-child(3) {grid-column:1 / -1 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-expense-table tbody td:nth-child(4) {grid-column:1 / 3 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-expense-table tbody td:nth-child(5) {grid-column:3 / 5 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-expense-table tbody td:nth-child(6) {grid-column:1 / 4 !important;}
.app-authenticated .app-main-content .sales-event-form .sales-event-expense-table tbody td:last-child {display:flex !important;grid-column:4 / 5 !important;align-items:center !important;justify-content:flex-end !important;}
.sales-event-header-actions {display:none !important;}
.sales-event-mobile-submit {display:flex;grid-column:1 / -1 !important;justify-content:center;margin-top:.15rem;}
.sales-event-mobile-submit .operation-button {width:auto;min-width:10rem;}
.app-authenticated .app-main-content .event-mobile-back {display:inline-flex!important;position:fixed!important;left:auto!important;right:1rem!important;bottom:calc(4.75rem + env(safe-area-inset-bottom, 0px))!important;top:auto!important;z-index:99999!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#0d6efd!important;color:#fff!important;border:1px solid #0d6efd!important;box-shadow:0 10px 24px rgba(15,23,42,.22)!important;visibility:visible!important;opacity:1!important;}
.app-authenticated .app-main-content .event-mobile-back i {display:block!important;font-size:1.15rem!important;line-height:1!important;}
.sales-event-header-actions {justify-content:stretch;}
.sales-event-header-actions > * {flex:1 1 auto;}


}

/* Sales event reconcile mode retains its conditional column geometry. */
.sales-event-form.sales-event-reconcile .sales-event-product-table {min-width:1460px;}

    .sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(1), .sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(1) {
 width: 4%;
}
.sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(2) {width:28%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(2) {width:28%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(3) {width:14%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(3) {width:14%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(4) {width:10%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(4) {width:10%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(5) {width:10%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(5) {width:10%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(6) {width:10%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(6) {width:10%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(7) {width:13%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(7) {width:13%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(8) {width:13%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(8) {width:13%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table th:nth-child(9) {width:13%;}
.sales-event-form.sales-event-reconcile .sales-event-product-table td:nth-child(9) {width:13%;}


/* Shared PWA installation prompt, formerly inline in layouts/app.blade.php. */
.pwa-install-prompt{position:fixed;inset:0;z-index:2000;background:rgba(3,18,47,.62);display:flex;align-items:center;justify-content:center;padding:20px}
.pwa-install-prompt[hidden]{display:none}
.pwa-install-card{position:relative;width:min(420px,100%);background:#fff;border-radius:20px;padding:30px 26px 24px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.pwa-install-close{position:absolute;right:14px;top:14px;border:0;background:transparent;font-size:1.1rem;color:#64748b}
.pwa-install-icon{width:62px;height:62px;margin:0 auto 16px;border-radius:18px;display:grid;place-items:center;background:#eaf2ff;color:#0b5fc9;font-size:1.8rem}
.pwa-install-card h2{font-size:1.35rem;font-weight:800;color:#0b1f3a;margin-bottom:8px}
.pwa-install-card p,.pwa-install-ios{color:#64748b;font-size:.94rem;line-height:1.5}
.pwa-install-ios{background:#f6f8fb;border-radius:12px;padding:12px;margin:14px 0}
.pwa-install-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}
@media(max-width:575.98px){.pwa-install-prompt{align-items:flex-end;padding:12px}.pwa-install-card{border-radius:20px;padding:28px 20px 20px}.pwa-install-actions{flex-direction:column}.pwa-install-actions .btn{width:100%;padding:.72rem}}

/* Operational list and detail styles moved from Blade. */

/* resources/views/items/index.blade.php */
#items-search-form .ts-wrapper {margin:0;box-shadow:none !important;filter:none !important;}
#items-search-form .form-select {margin:0;}
.catalog-index-shell .catalog-index-ghost-btn {box-shadow:none !important;filter:none !important;}

/* resources/views/invoices/show.blade.php */
.invoice-summary small {font-size:var(--workspace-meta-size);font-weight:800;color:var(--workspace-muted);letter-spacing:.07em;}
.invoice-bill small {font-size:var(--workspace-meta-size);font-weight:800;color:var(--workspace-muted);letter-spacing:.07em;}
.invoice-summary>div {background:#fff;border:1px solid #d9e4f3;border-radius:16px;padding:.8rem;}
.payment-card {background:#fff;border:1px solid #d9e4f3;border-radius:var(--workspace-radius-card);padding:.8rem;}
.payments-history {background:#fff;border:1px solid #d9e4f3;border-radius:16px;padding:.8rem;}
.invoice-summary strong {display:block;font-size:var(--workspace-page-copy-size);}
.invoice-bill {display:flex;justify-content:space-between;padding-bottom:.8rem;}
.invoice-bill strong {display:block;font-size:var(--workspace-table-size);}
.invoice-bill span {display:block;font-size:var(--workspace-page-copy-size);}
.invoice-lines-head {display:grid;grid-template-columns:1fr 90px 110px 110px;gap:.6rem;}
.invoice-line {display:grid;grid-template-columns:1fr 90px 110px 110px;gap:.6rem;}
.invoice-lines-head {font-size:var(--workspace-table-size);font-weight:800;color:var(--workspace-muted);padding:.6rem;}
.invoice-line {font-size:var(--workspace-table-size);padding:.65rem;border-top:1px solid #edf2f8;}
.invoice-line small {display:block;font-size:var(--workspace-meta-size);color:var(--workspace-muted);}
.invoice-totals {margin-left:auto;max-width:320px;padding-top:.7rem;}
.invoice-totals>div {display:flex;justify-content:space-between;padding:.25rem;font-size:var(--workspace-page-copy-size);}
.invoice-totals .grand {font-size:var(--workspace-page-copy-size);border-top:1px solid #d9e4f3;margin-top:.25rem;padding-top:.5rem;}
.invoice-actions {display:flex;justify-content:flex-end;gap:.4rem;margin-top:.7rem;}
.payment-card {display:grid;grid-template-columns:1fr 140px 120px 130px 1fr auto;gap:.5rem;align-items:center;margin-top:.8rem;}
.payment-card>div strong {display:block;}
.payment-card>div small {display:block;}
.payment-card>div small {font-size:var(--workspace-meta-size);color:#667085;}
.payments-history {margin-top:.8rem;}
.payments-history h2 {font-size:var(--workspace-section-title-size);}
.payments-history>div {display:grid;grid-template-columns:120px 1fr 100px;padding:.5rem;border-top:1px solid #edf2f8;font-size:var(--workspace-page-copy-size);}
.payments-history strong {text-align:right;}
@media(max-width:767.98px) {
.invoice-lines-head {display:none;}
.invoice-line {grid-template-columns:1fr 1fr 1fr;padding:.65rem .1rem;}
.invoice-line>span:first-child {grid-column:1/-1;}
.invoice-line>span:not(:first-child):before {content:attr(data-label);display:block;font-size:var(--workspace-table-size);font-weight:800;color:var(--workspace-muted);}
.invoice-line>span:last-child {text-align:right;}
.invoice-totals {max-width:none;}
.payment-card {grid-template-columns:1fr 1fr;}
.payment-card>div {grid-column:1/-1;}
.payment-card button {grid-column:1/-1;}
.payments-history>div {grid-template-columns:90px 1fr auto;}


}
@media print {
.app-sidebar {display:none!important;}
.app-header {display:none!important;}
.mobile-app-header {display:none!important;}
.mobile-bottom-nav {display:none!important;}
.invoice-actions {display:none!important;}
.payment-card {display:none!important;}
.payments-history {display:none!important;}
.main-content {margin:0!important;padding:0!important;}
.app-main {margin:0!important;padding:0!important;}


}

/* resources/views/stock-receipts/inspection.blade.php */
.receipt-inspection-shell { width:100%; min-width:0; }
.receipt-inspection-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1.15rem; }
.receipt-inspection-heading { display:flex; align-items:center; gap:.85rem; min-width:0; }
.receipt-inspection-icon { display:grid; place-items:center; width:56px; height:56px; flex-shrink:0; border:1px solid #afc7ff; background:#e2edff; border-radius:17px; color:#1765e7; font-size:1.45rem; }
.receipt-inspection-title { font-size:clamp(1.2rem,2vw,1.7rem); font-weight:750; letter-spacing:-.025em; color:var(--workspace-title,#182c4b); margin:0 0 .2rem; overflow-wrap:anywhere; }
.receipt-inspection-subtitle { color:var(--workspace-copy,#5a7194); font-size:var(--workspace-page-copy-size,.9rem); margin:0; }
.receipt-inspection-card { border:1px solid #d7e3f6!important; border-radius:16px!important; box-shadow:none!important; background:#fff; overflow:hidden; }
.receipt-inspection-card .card-body { padding:1.1rem; }
.receipt-inspection-section-title { color:var(--workspace-title,#182c4b); font-size:1.05rem; font-weight:700; margin:0 0 .3rem; letter-spacing:0; }
.receipt-inspection-table-wrap { overflow-x:auto; width:100%; }
.receipt-inspection-table { width:100%; min-width:850px; margin:0; }
.receipt-inspection-table thead th { background:#edf3fc; color:#536a8d; font-size:.73rem; font-weight:750; text-transform:uppercase; letter-spacing:.025em; padding:.9rem .8rem; border-bottom:1px solid #d7e3f6; white-space:nowrap; }
.receipt-inspection-table tbody td { vertical-align:middle; padding:.8rem; border-bottom:1px solid #dce6f5; }
.receipt-inspection-table .inspection-details[hidden] { display:none; }
.receipt-inspection-table .inspection-details td { background:#f5f8fe!important; padding:1rem; }
.receipt-inspection-table .inspection-details .row { margin:0; }
.receipt-inspection-table .form-control,.receipt-inspection-table .form-select { display:block!important; width:100%!important; min-width:95px; min-height:39px; border:1px solid #d2dff2!important; background:#fff!important; color:#182c4b!important; border-radius:9px!important; padding:.4rem .65rem!important; font-size:.88rem!important; opacity:1!important; visibility:visible!important; }
.receipt-inspection-table .form-control:focus,.receipt-inspection-table .form-select:focus { border-color:#4d91ff!important; box-shadow:0 0 0 .15rem rgba(47,112,230,.12)!important; }
.receipt-inspection-table .inspection-item strong { color:var(--workspace-title,#182c4b); }
.receipt-inspection-table .inspection-toggle { white-space:nowrap; color:#1262c6!important; border-color:#a9c9f2!important; background:#eef6ff!important; font-weight:650; }
.receipt-inspection-footer { display:flex; justify-content:flex-end; padding:.15rem 0 1rem; }
.receipt-inspection-footer .btn { min-height:42px; }
@media(max-width:767.98px) {
 .receipt-inspection-head { align-items:flex-start; }
 .receipt-inspection-icon { width:44px; height:44px; border-radius:12px; }
 .receipt-inspection-card .card-body { padding:.85rem; }
 .receipt-inspection-table { min-width:780px; }
 .receipt-inspection-table thead th,.receipt-inspection-table tbody td { padding:.65rem .55rem; }
 .receipt-inspection-footer .btn { width:100%; }
}

/* resources/views/sales-events/show.blade.php */
.event-view {display:grid;gap:1rem;}
.event-view-header-actions {display:flex;gap:.65rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto;min-width:0;}
.event-view-meta {display:flex;gap:.6rem 1.2rem;flex-wrap:wrap;color:var(--workspace-muted);margin-top:.5rem;}
.event-view-card {min-width:0;}
.event-view-kpis {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.event-view-kpis .operation-kpi-card {min-height:104px;}
.event-view-table td {vertical-align:middle;}
.event-view-detail {min-width:0;padding:1rem!important;}
.event-view-tabs-block {min-width:0;background:var(--workspace-surface);}
.event-view-tabs {display:flex;gap:.4rem;margin:0;padding:0;border-bottom:1px solid var(--workspace-border);}
.event-view-tab {display:inline-flex;align-items:center;text-align:center;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;}
.event-view-tab.active {background:rgba(var(--brand-primary-rgb),.10)!important;color:var(--brand-primary)!important;border-bottom-color:var(--brand-primary)!important;font-weight:700!important;}
.event-view-tab-panel {display:none;padding:1rem 0 0;}
.event-view-tab-panel > .operation-table-wrap {padding-left:0!important;padding-right:0!important;}
.event-view-tab-panel.active {display:block;}
.event-view-section-head {margin-bottom:1rem;}
.event-view-section-title {margin:0 0 .18rem;}
.event-view-section-copy {margin:0;}
.event-view-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;}
.event-view-summary div {padding:.8rem;border:1px solid var(--workspace-border);border-radius:12px;}
.event-view-summary strong {display:block;}
@media(max-width:1199.98px) {
.event-view-kpis {grid-template-columns:repeat(3,minmax(0,1fr))!important;}


}
@media(max-width:767.98px) {
.event-view-kpis {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.event-view-summary {grid-template-columns:repeat(2,minmax(0,1fr));}
.event-view-back {display:none!important;}
.event-view-mobile-back {display:inline-flex!important;position:fixed!important;right:1rem!important;bottom:calc(4.75rem + env(safe-area-inset-bottom, 0px))!important;z-index:99999!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#0d6efd!important;color:#fff!important;border:1px solid #0d6efd!important;box-shadow:0 10px 24px rgba(15,23,42,.22)!important;}
.event-view-mobile-back i {font-size:1.15rem;line-height:1;}
.event-view-tab-panel > .operation-table-wrap {padding:0!important;overflow:visible!important;}
.event-view-table {display:block!important;min-width:0!important;width:100%!important;}
.event-view-table thead {display:none!important;}
.event-view-table tbody {display:grid!important;gap:.55rem!important;}
.event-view-table tbody tr {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem .85rem!important;padding:.8rem!important;border:1px solid var(--workspace-border)!important;border-radius:12px!important;background:var(--workspace-surface)!important;}
.event-view-table tbody td {display:block!important;padding:0!important;border:0!important;min-width:0!important;text-align:left!important;}
.event-view-table tbody td:first-child {grid-column:1!important;padding-bottom:.6rem!important;border-bottom:1px solid var(--workspace-border)!important;}
.event-view-table tbody td.event-view-assigned {grid-column:2!important;grid-row:1!important;padding-bottom:.6rem!important;border-bottom:1px solid var(--workspace-border)!important;text-align:right!important;}
.event-view-table tbody td.event-view-assigned::before {text-align:right!important;}
.event-view-table tbody td.event-view-estimate {display:none!important;}
.event-view-table tbody td::before {content:attr(data-label)!important;display:block!important;margin:0 0 .18rem!important;font-size:.68rem!important;font-weight:700!important;line-height:1.15!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--workspace-muted)!important;}
.event-view-table tbody td:first-child::before {margin-bottom:.22rem!important;}
.event-view-table tbody td:first-child strong {font-size:.92rem!important;color:var(--workspace-title)!important;}
.event-view-table tbody tr > td[colspan] {grid-column:1 / -1!important;text-align:center!important;padding:.65rem!important;}
.event-view-table tbody tr > td[colspan]::before {display:none!important;}
}
@media(max-width:480px) {
.event-view-kpis {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.event-view-summary {grid-template-columns:1fr;}
}

/* Reports overview responsive styles (formerly inline). */
.reports-flow-grid {display:grid;gap:1rem;}
.reports-flow-grid {grid-template-columns:repeat(3, minmax(0, 1fr));}

.reports-note-card {}

.reports-pill {display:inline-flex;align-items:center;padding:0.32rem 0.62rem;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:0.5rem;}
.reports-kpi-tag {margin-left:auto;align-self:center;display:inline-flex;align-items:center;padding:0.28rem 0.68rem;border-radius:999px;font-size:var(--workspace-meta-size);font-weight:700;line-height:1;white-space:nowrap;}
.reports-kpi-tag.inventory {color:#7c3aed;background:#f5f3ff;border:1px solid rgba(167, 139, 250, 0.28);}
.reports-kpi-tag.margin {color:#2563eb;background:#eff6ff;border:1px solid rgba(96, 165, 250, 0.28);}
.reports-kpi-tag.cost {color:#16a34a;background:#ecfdf5;border:1px solid rgba(74, 222, 128, 0.28);}
.reports-info-content {flex:1 1 auto;min-width:0;}
.reports-card-head {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.15rem 0.75rem;}
.reports-search-input {position:relative;}
.reports-search-input i {position:absolute;left:1rem;top:50%;pointer-events:none;}

.reports-table thead th small {display:block;margin-top:0.18rem;color:#8ea0bf;letter-spacing:normal;text-transform:none;font-weight:600;}





.reports-product-link {color:#2563eb;font-weight:600;text-decoration:none;}
.reports-product-link:hover {color:#1d4ed8;}
.reports-status {white-space:nowrap;}
.reports-note-card {display:flex;align-items:flex-start;gap:0.85rem;}
.reports-note-card i {color:#2556be;font-size:1.1rem;margin-top:0.08rem;}
.reports-note-card p {margin:0;font-size:var(--workspace-page-copy-size);line-height:1.55;}
@media (max-width: 1199.98px) {
.reports-flow-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.reports-flow-grid {grid-template-columns:1fr;}


}

/* Configuration and customer detail presentation centralized. */

/* resources/views/configuration/catalogs.blade.php */
.catalog-hub {padding:.2rem .15rem 1rem}
.catalog-hub-header {display:flex;align-items:center;gap:.85rem;margin-bottom:0}
.catalog-hub-icon {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:rgba(var(--brand-primary-rgb),.08);color:var(--brand-primary);font-size:1.35rem}
.catalog-hub-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.catalog-hub-card {background:var(--workspace-surface);border:1px solid var(--workspace-border);border-radius:var(--workspace-radius-card);padding:1.2rem;box-shadow:var(--workspace-shadow);min-width:0}
.catalog-hub-card-head {display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}
.catalog-hub-card-head i {color:var(--brand-primary);font-size:1.25rem}
.catalog-hub-card h2 {font-size:1rem;font-weight:700;margin:0;color:var(--workspace-title)}
.catalog-hub-card p {color:var(--workspace-copy);font-size:.875rem;margin:0 0 1rem}
.catalog-hub-links {display:grid;gap:.45rem}
.catalog-hub-links a {display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .8rem;border:1px solid var(--workspace-border);border-radius:10px;text-decoration:none;color:var(--workspace-title);font-weight:500}
.catalog-hub-link-label {display:inline-flex;align-items:center;gap:.65rem;min-width:0}
.catalog-hub-link-label>i {display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;font-size:1rem;color:var(--brand-primary);line-height:1}
.catalog-hub-link-label>span {min-width:0}
.catalog-hub-links a:hover,.catalog-hub-links a:focus-visible {border-color:var(--brand-primary);color:var(--brand-primary)}
@media(min-width:768px) and (max-width:1199.98px){.catalog-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.catalog-hub-grid{grid-template-columns:1fr}.catalog-hub-card{padding:1rem}}

/* resources/views/customers/show.blade.php */
.customer-summary small {font-size:var(--workspace-meta-size);font-weight:800;color:var(--workspace-muted);letter-spacing:.08em;}
.customer-notes small {font-size:var(--workspace-meta-size);font-weight:800;color:var(--workspace-muted);letter-spacing:.08em;}
.customer-actions {display:flex;gap:.4rem;}
.customer-summary {display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:.8rem;}
.customer-summary>div {background:#fff;border:1px solid #d9e4f3;border-radius:16px;padding:.8rem;}
.customer-history>section {background:#fff;border:1px solid #d9e4f3;border-radius:var(--workspace-radius-card);padding:.8rem;}
.customer-notes {background:#fff;border:1px solid #d9e4f3;border-radius:16px;padding:.8rem;}
.customer-summary strong {display:block;font-size:var(--workspace-page-copy-size);}
.customer-summary span {display:block;font-size:var(--workspace-page-copy-size);}
.customer-summary span {color:#667085;font-size:var(--workspace-page-copy-size);margin-top:.12rem;}
.customer-history {display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
.section-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;}
.section-head h2 {font-size:var(--workspace-section-title-size);margin:0;font-weight:800;}
.section-head p {font-size:var(--workspace-page-copy-size);color:#667085;margin:.12rem 0 0;}
.history-row {display:grid;grid-template-columns:1fr 95px 90px 14px;gap:.5rem;align-items:center;padding:.6rem .2rem;border-top:1px solid #edf2f8;text-decoration:none;color:#1c2940;font-size:var(--workspace-table-size);}
.history-row strong {display:block;}
.history-row small {display:block;}
.history-row small {font-size:var(--workspace-meta-size);color:var(--workspace-muted);}
.empty {padding:1.5rem;text-align:center;color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);}
.customer-notes {margin-top:.8rem;}
.customer-notes p {margin:.2rem 0 0;font-size:var(--workspace-page-copy-size);}
@media(max-width:767.98px) {
.customer-summary {grid-template-columns:1fr 1fr;gap:.45rem;}
.customer-summary>div {padding:.6rem;}
.customer-history {grid-template-columns:1fr;}
.history-row {grid-template-columns:1fr 72px 70px 12px;}
.section-head .btn {font-size:var(--workspace-button-font-size);}


}

/* Item type form: four aligned fields on desktop; responsive on smaller screens. */
.catalog-form-grid.catalog-form-grid-item-types {
  grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.5fr) minmax(0,1.25fr);
  align-items:start;
}
.catalog-form-grid-item-types > .catalog-form-field,
.catalog-form-grid-item-types > .catalog-form-switch-wrap {min-width:0;}
@media (max-width:1199.98px) {
  .catalog-form-grid.catalog-form-grid-item-types {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767.98px) {
  .catalog-form-grid.catalog-form-grid-item-types {grid-template-columns:minmax(0,1fr);}
}

/* Shared catalog forms and listings migrated from page-local styles. */

/* catalogs/measurement-units/form */
.catalog-form-grid-measurement-unit {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1.15rem;align-items:start;}
.catalog-form-grid-measurement-unit .catalog-form-switch-wrap {margin:0;height:auto;min-height:0;justify-content:flex-start;align-self:start;}
.catalog-form-grid-measurement-unit .catalog-form-switch-label {display:inline-flex;align-items:center;}
.catalog-form-grid-measurement-unit .catalog-form-switch {min-height:var(--workspace-control-height, 44px);align-items:center;gap:.7rem;}
@media (max-width: 1199.98px) {
.catalog-form-grid-measurement-unit {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.catalog-form-grid-measurement-unit {grid-template-columns:minmax(0,1fr);gap:.85rem;}
.catalog-form-grid-measurement-unit > .catalog-form-field,
.catalog-form-grid-measurement-unit > .catalog-form-switch-wrap {grid-column:1 / -1;min-width:0;}
}

/* catalogs/preparation-stages/form */
.catalog-form-note-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.catalog-form-page-btn {white-space:nowrap;text-decoration:none;}
.catalog-form-primary-btn {white-space:nowrap;text-decoration:none;}
.catalog-form-grid {display:grid;gap:1rem 1.2rem;grid-template-columns:minmax(0, 0.62fr) minmax(0, 0.88fr);align-items:start;}
.catalog-form-field .form-label {margin-bottom:0.65rem;}
.catalog-form-switch-label {margin-bottom:0.65rem;}
.catalog-form-field textarea {min-height:var(--workspace-control-height);border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);box-shadow:none !important;font-size:var(--workspace-input-size);color:#1c2948;background:rgba(255,255,255,0.96);}
.catalog-form-field textarea {min-height:168px;padding-top:1rem;resize:vertical;}
.catalog-form-description {margin-top:0.65rem;}
.catalog-form-field textarea::placeholder {color:#8ea0bf;}
.catalog-form-switch-wrap {display:flex;flex-direction:column;justify-content:center;min-height:100%;}
.catalog-form-switch {display:flex;align-items:center;gap:0.85rem;}
.catalog-form-switch .form-check-input {width:4.4rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background-color:#22c55e;border-color:#22c55e;box-shadow:none !important;background-image:none;position:relative;}
.catalog-form-switch .form-check-input::after {content:'\F633';font-family:"bootstrap-icons";position:absolute;top:50%;right:0.35rem;transform:translateY(-50%);width:1.45rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background:#ffffff;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:var(--workspace-input-size);font-weight:700;}
.catalog-form-switch .form-check-input:not(:checked) {background-color:#cbd5e1;border-color:#cbd5e1;}
.catalog-form-switch .form-check-input:not(:checked)::after {content:'';left:0.35rem;right:auto;}
.catalog-form-switch-copy {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-helper {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-helper {margin-top:0.7rem;}
.catalog-form-note {margin-top:1.2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border-radius:20px;background:linear-gradient(180deg, #f8fbff 0%, #f3f8ff 100%);border:1px solid rgba(216, 225, 240, 0.95);}
.catalog-form-note-main {display:flex;align-items:flex-start;gap:1rem;flex:1 1 460px;min-width:0;}
.catalog-form-note-title {margin:0;color:#17305b;font-size:var(--workspace-page-copy-size);font-weight:700;}
.catalog-form-note-copy {margin:0.3rem 0 0;color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-actions {align-self:center;}
@media (max-width: 991.98px) {
.catalog-form-grid {grid-template-columns:1fr;}


}

/* catalogs/preparation-stages/index */
.stages-card-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.stages-violet {background:#f3e8ff;color:#7c3aed;border-color:#ddd6fe;}
.stages-success {background:#eafbf1;color:#16a34a;border-color:#bbf7d0;}
.stages-amber {background:#fff7e8;color:#d97706;border-color:#fde68a;}
.stages-import-form {display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.stages-page-btn {white-space:nowrap;text-decoration:none;}
.stages-primary-btn {white-space:nowrap;text-decoration:none;}
.stages-import-control {display:inline-flex;align-items:center;overflow:hidden;min-height:48px;border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);background:rgba(255,255,255,0.94);}
.stages-import-trigger {display:inline-flex;align-items:center;}
.stages-import-name {display:inline-flex;align-items:center;min-height:48px;padding:0 1rem;font-size:var(--workspace-meta-size);}
.stages-import-trigger {gap:0.55rem;border-right:1px solid rgba(230, 236, 246, 0.95);margin:0;}
.stages-import-name {min-width:230px;color:var(--workspace-muted);}
.stages-import-input {display:none;}
.stages-info-card {background:rgba(255,255,255,0.96);border:1px solid rgba(216, 225, 240, 0.92);border-radius:var(--workspace-radius-card);box-shadow:0 18px 36px rgba(92, 114, 162, 0.08);}
.stages-info-card {padding:1.25rem 1.35rem;}
.stages-info-card {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.stages-info-copy {display:flex;align-items:center;gap:1rem;}
.stages-soft-badge {display:inline-flex;align-items:center;gap:0.5rem;}
.stages-search {display:flex;align-items:center;gap:0.75rem;min-width:min(100%, 560px);flex:1 1 560px;min-height:48px;padding:0 1rem;border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);background:rgba(255,255,255,0.94);}
.stages-search i {color:var(--workspace-muted);font-size:1.05rem;}
.stages-table-wrap {border-top:1px solid rgba(230, 236, 246, 0.9);}
.stages-table {border-collapse:collapse;}
.stages-table thead th {color:#8ea0bf;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;padding:0.95rem 0.25rem 0.85rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);}
.stages-table thead th:first-child {padding-left:0.3rem;}
.stages-table tbody td:first-child {padding-left:0.3rem;}
.stages-table thead th:last-child {padding-right:0.3rem;}
.stages-table tbody td:last-child {padding-right:0.3rem;}
.stages-table tbody td {padding:0.95rem 0.25rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);vertical-align:middle;color:#1c2948;}
.stages-row {display:flex;align-items:center;gap:0.85rem;}
.stages-name {color:#162847;font-size:var(--workspace-meta-size);font-weight:700;margin:0;}
.stages-muted {color:var(--workspace-muted);font-size:var(--workspace-meta-size);line-height:1.45;}
.stages-status-pill {display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;min-height:30px;border-radius:999px;padding:0.25rem 0.8rem;font-size:var(--workspace-meta-size);font-weight:700;white-space:nowrap;}
.stages-status-pill::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px;}
.stages-status-pill.inactive {background:rgba(241, 245, 249, 0.95);color:#64748b;}
.stages-table-actions {display:inline-flex;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;}
.stages-ghost-btn {text-decoration:none;}.stages-danger-btn {text-decoration:none;}

.stages-table-footer {padding-top:0.95rem;}
@media (max-width: 1199.98px) {
.stages-info-card {align-items:stretch;}


}
@media (max-width: 767.98px) {
.stages-info-copy {flex-direction:column;}
.stages-import-form {width:100%;}
.stages-import-control {width:100%;}
.stages-import-name {min-width:0;flex:1 1 auto;}
.stages-search {min-width:0;flex-basis:100%;}


}

/* catalogs/product-categories/form */
.presentation-form-card-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.presentation-form-note-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.presentation-form-page-btn {white-space:nowrap;text-decoration:none;}
.presentation-form-primary-btn {white-space:nowrap;text-decoration:none;}
.presentation-form-grid {display:grid;gap:1rem 1.2rem;grid-template-columns:minmax(0, 0.62fr) minmax(0, 0.88fr);align-items:start;}
.presentation-form-field .form-label {margin-bottom:0.65rem;}
.presentation-form-switch-label {margin-bottom:0.65rem;}
.presentation-form-field .text-danger {color:#ef4444 !important;}
.presentation-form-field textarea {min-height:var(--workspace-control-height);border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);box-shadow:none !important;font-size:var(--workspace-input-size);color:#1c2948;background:rgba(255,255,255,0.96);}
.presentation-form-field textarea {min-height:168px;padding-top:1rem;resize:vertical;}
.presentation-form-description {margin-top:0.65rem;}
.presentation-form-field textarea::placeholder {color:#8ea0bf;}
.presentation-form-field textarea:focus {border-color:rgba(59, 130, 246, 0.32);box-shadow:0 0 0 0.18rem rgba(59, 130, 246, 0.09) !important;}
.presentation-form-switch-wrap {display:flex;flex-direction:column;justify-content:center;min-height:100%;}
.presentation-form-switch {display:flex;align-items:center;gap:0.85rem;}
.presentation-form-switch .form-check-input {width:4.4rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background-color:#22c55e;border-color:#22c55e;box-shadow:none !important;background-image:none;position:relative;}
.presentation-form-switch .form-check-input::after {content:'\F633';font-family:"bootstrap-icons";position:absolute;top:50%;right:0.35rem;transform:translateY(-50%);width:1.45rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background:#ffffff;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:var(--workspace-input-size);font-weight:700;}
.presentation-form-switch .form-check-input:not(:checked) {background-color:#cbd5e1;border-color:#cbd5e1;}
.presentation-form-switch .form-check-input:not(:checked)::after {content:'';left:0.35rem;right:auto;}
.presentation-form-switch-copy {color:#5f7195;font-size:var(--workspace-page-copy-size);line-height:1.45;}
.presentation-form-helper {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;margin-top:0.7rem;}
.presentation-form-note {margin-top:1.2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border-radius:20px;background:linear-gradient(180deg, #f8fbff 0%, #f3f8ff 100%);border:1px solid rgba(216, 225, 240, 0.95);}
.presentation-form-note-main {display:flex;align-items:flex-start;gap:1rem;flex:1 1 460px;min-width:0;}
.presentation-form-note-title {margin:0;color:#17305b;font-size:var(--workspace-page-copy-size);font-weight:700;}
.presentation-form-note-copy {margin:0.3rem 0 0;color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.presentation-form-actions {align-self:center;}
@media (max-width: 991.98px) {
.presentation-form-grid {grid-template-columns:1fr;}


}

/* catalogs/product-categories/index */
.presentations-card-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.presentations-violet {background:#f3e8ff;color:#7c3aed;border-color:#ddd6fe;}
.presentations-success {background:#eafbf1;color:#16a34a;border-color:#bbf7d0;}
.presentations-amber {background:#fff7e8;color:#d97706;border-color:#fde68a;}
.presentations-import-form {display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.presentations-page-btn {white-space:nowrap;text-decoration:none;}
.presentations-primary-btn {white-space:nowrap;text-decoration:none;}
.presentations-import-control {display:inline-flex;align-items:center;overflow:hidden;min-height:48px;border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);background:rgba(255,255,255,0.94);}
.presentations-import-trigger {display:inline-flex;align-items:center;}
.presentations-import-name {display:inline-flex;align-items:center;min-height:48px;padding:0 1rem;font-size:var(--workspace-table-size);}
.presentations-import-trigger {gap:0.55rem;border-right:1px solid rgba(230, 236, 246, 0.95);margin:0;}
.presentations-import-name {min-width:230px;color:var(--workspace-muted);}
.presentations-import-input {display:none;}
.presentations-info-card {background:rgba(255,255,255,0.96);border:1px solid rgba(216, 225, 240, 0.92);border-radius:var(--workspace-radius-card);box-shadow:0 18px 36px rgba(92, 114, 162, 0.08);}
.presentations-info-card {padding:1.25rem 1.35rem;}
.presentations-info-card {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.presentations-info-copy {display:flex;align-items:center;gap:1rem;}
.presentations-soft-badge {display:inline-flex;align-items:center;gap:0.5rem;}
.presentations-search {display:flex;align-items:center;gap:0.75rem;min-width:min(100%, 560px);flex:1 1 560px;min-height:48px;padding:0 1rem;border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);background:rgba(255,255,255,0.94);}
.presentations-search i {color:var(--workspace-muted);font-size:1.05rem;}
.presentations-table-wrap {border-top:1px solid rgba(230, 236, 246, 0.9);}
.presentations-table {border-collapse:collapse;}
.presentations-table thead th {color:#8ea0bf;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;padding:0.95rem 0.25rem 0.85rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);}
.presentations-table thead th:first-child {padding-left:0.3rem;}
.presentations-table tbody td:first-child {padding-left:0.3rem;}
.presentations-table thead th:last-child {padding-right:0.3rem;}
.presentations-table tbody td:last-child {padding-right:0.3rem;}
.presentations-table tbody td {padding:0.95rem 0.25rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);vertical-align:middle;color:#1c2948;}
.presentations-row {display:flex;align-items:center;gap:0.85rem;}
.presentations-name {color:#162847;font-size:var(--workspace-table-size);font-weight:700;margin:0;}
.presentations-muted {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.presentations-status-pill {display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;min-height:30px;border-radius:999px;padding:0.25rem 0.8rem;font-size:var(--workspace-meta-size);font-weight:700;white-space:nowrap;}
.presentations-status-pill::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px;}
.presentations-status-pill.inactive {background:rgba(241, 245, 249, 0.95);color:#64748b;}
.presentations-table-actions {display:inline-flex;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;}
.presentations-ghost-btn {text-decoration:none;}.presentations-danger-btn {text-decoration:none;}

.presentations-table-footer {padding-top:0.95rem;}
@media (max-width: 1199.98px) {
.presentations-info-card {align-items:stretch;}


}
@media (max-width: 767.98px) {
.presentations-info-copy {flex-direction:column;}
.presentations-import-form {width:100%;}
.presentations-import-control {width:100%;}
.presentations-import-name {min-width:0;flex:1 1 auto;}
.presentations-search {min-width:0;flex-basis:100%;}


}

/* Remaining shared catalog families. */

/* catalogs/product-presentations/form */
.presentation-form-card-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.presentation-form-note-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.presentation-form-page-btn {white-space:nowrap;text-decoration:none;}
.presentation-form-primary-btn {white-space:nowrap;text-decoration:none;}
.presentation-form-grid {display:grid;gap:1rem 1.2rem;grid-template-columns:minmax(0, 0.62fr) minmax(0, 0.88fr);align-items:start;}
.presentation-form-field .form-label {margin-bottom:0.65rem;}
.presentation-form-switch-label {margin-bottom:0.65rem;}
.presentation-form-field .text-danger {color:#ef4444 !important;}
.presentation-form-field textarea {min-height:var(--workspace-control-height);border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);box-shadow:none !important;font-size:var(--workspace-input-size);color:#1c2948;background:rgba(255,255,255,0.96);}
.presentation-form-field textarea {min-height:168px;padding-top:1rem;resize:vertical;}
.presentation-form-description {margin-top:0.65rem;}
.presentation-form-field textarea::placeholder {color:#8ea0bf;}
.presentation-form-field textarea:focus {border-color:rgba(59, 130, 246, 0.32);box-shadow:0 0 0 0.18rem rgba(59, 130, 246, 0.09) !important;}
.presentation-form-switch-wrap {display:flex;flex-direction:column;justify-content:center;min-height:100%;}
.presentation-form-switch {display:flex;align-items:center;gap:0.85rem;}
.presentation-form-switch .form-check-input {width:4.4rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background-color:#22c55e;border-color:#22c55e;box-shadow:none !important;background-image:none;position:relative;}
.presentation-form-switch .form-check-input::after {content:'\F633';font-family:"bootstrap-icons";position:absolute;top:50%;right:0.35rem;transform:translateY(-50%);width:1.45rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background:#ffffff;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:var(--workspace-input-size);font-weight:700;}
.presentation-form-switch .form-check-input:not(:checked) {background-color:#cbd5e1;border-color:#cbd5e1;}
.presentation-form-switch .form-check-input:not(:checked)::after {content:'';left:0.35rem;right:auto;}
.presentation-form-switch-copy {color:#5f7195;font-size:var(--workspace-page-copy-size);line-height:1.45;}
.presentation-form-helper {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;margin-top:0.7rem;}
.presentation-form-note {margin-top:1.2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border-radius:20px;background:linear-gradient(180deg, #f8fbff 0%, #f3f8ff 100%);border:1px solid rgba(216, 225, 240, 0.95);}
.presentation-form-note-main {display:flex;align-items:flex-start;gap:1rem;flex:1 1 460px;min-width:0;}
.presentation-form-note-title {margin:0;color:#17305b;font-size:var(--workspace-page-copy-size);font-weight:700;}
.presentation-form-note-copy {margin:0.3rem 0 0;color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.presentation-form-actions {align-self:center;}
@media (max-width: 991.98px) {
.presentation-form-grid {grid-template-columns:1fr;}
.presentation-form-switch-wrap {padding-top:0;}


}

/* Product presentations index shares the product categories index rules above. */
/* Recipe formats form uses the shared preparation-stage form rules above. */
/* catalogs/recipe-formats/index */
.formats-card-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.formats-violet {background:#f3e8ff;color:#7c3aed;border-color:#ddd6fe;}
.formats-success {background:#eafbf1;color:#16a34a;border-color:#bbf7d0;}
.formats-amber {background:#fff7e8;color:#d97706;border-color:#fde68a;}
.formats-import-form {display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.formats-page-btn {white-space:nowrap;text-decoration:none;}
.formats-primary-btn {white-space:nowrap;text-decoration:none;}
.formats-import-control {display:inline-flex;align-items:center;overflow:hidden;min-height:48px;border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);background:rgba(255,255,255,0.94);}
.formats-import-trigger {display:inline-flex;align-items:center;}
.formats-import-name {display:inline-flex;align-items:center;min-height:48px;padding:0 1rem;font-size:var(--workspace-table-size);}
.formats-import-trigger {gap:0.55rem;border-right:1px solid rgba(230, 236, 246, 0.95);margin:0;}
.formats-import-name {min-width:230px;color:var(--workspace-muted);}
.formats-import-input {display:none;}
.formats-info-card {background:rgba(255,255,255,0.96);border:1px solid rgba(216, 225, 240, 0.92);border-radius:var(--workspace-radius-card);box-shadow:0 18px 36px rgba(92, 114, 162, 0.08);}
.formats-info-card {padding:1.25rem 1.35rem;}
.formats-info-card {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.formats-info-copy {display:flex;align-items:center;gap:1rem;}
.formats-soft-badge {display:inline-flex;align-items:center;gap:0.5rem;}
.formats-search {display:flex;align-items:center;gap:0.75rem;min-width:min(100%, 560px);flex:1 1 560px;min-height:48px;padding:0 1rem;border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);background:rgba(255,255,255,0.94);}
.formats-search i {color:var(--workspace-muted);font-size:1.05rem;}
.formats-table-wrap {border-top:1px solid rgba(230, 236, 246, 0.9);}
.formats-table {border-collapse:collapse;}
.formats-table thead th {color:#8ea0bf;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;padding:0.95rem 0.25rem 0.85rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);}
.formats-table thead th:first-child {padding-left:0.3rem;}
.formats-table tbody td:first-child {padding-left:0.3rem;}
.formats-table thead th:last-child {padding-right:0.3rem;}
.formats-table tbody td:last-child {padding-right:0.3rem;}
.formats-table tbody td {padding:0.95rem 0.25rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);vertical-align:middle;color:#1c2948;}
.formats-row {display:flex;align-items:center;gap:0.85rem;}
.formats-name {color:#162847;font-size:var(--workspace-table-size);font-weight:700;margin:0;}
.formats-muted {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.formats-status-pill {display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;min-height:30px;border-radius:999px;padding:0.25rem 0.8rem;font-size:var(--workspace-meta-size);font-weight:700;white-space:nowrap;}
.formats-status-pill::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px;}
.formats-status-pill.inactive {background:rgba(241, 245, 249, 0.95);color:#64748b;}
.formats-table-actions {display:inline-flex;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;}
.formats-ghost-btn {text-decoration:none;}.formats-danger-btn {text-decoration:none;}

.formats-table-footer {padding-top:0.95rem;}
@media (max-width: 1199.98px) {
.formats-info-card {align-items:stretch;}


}
@media (max-width: 767.98px) {
.formats-info-copy {flex-direction:column;}
.formats-import-form {width:100%;}
.formats-import-control {width:100%;}
.formats-import-name {min-width:0;flex:1 1 auto;}
.formats-search {min-width:0;flex-basis:100%;}


}

/* catalogs/recipe-types/form */
.catalog-form-note-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.catalog-form-page-btn {white-space:nowrap;text-decoration:none;}
.catalog-form-primary-btn {white-space:nowrap;text-decoration:none;}
.catalog-form-grid {display:grid;gap:1rem 1.2rem;grid-template-columns:minmax(0, 0.34fr) minmax(0, 0.46fr) minmax(0, 0.6fr);align-items:start;}
.catalog-form-field .form-label {margin-bottom:0.65rem;}
.catalog-form-switch-label {margin-bottom:0.65rem;}
.catalog-form-field textarea {min-height:var(--workspace-control-height);border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);box-shadow:none !important;font-size:var(--workspace-input-size);color:#1c2948;background:rgba(255,255,255,0.96);}
.catalog-form-field textarea {min-height:168px;padding-top:1rem;resize:vertical;}
.catalog-form-description {margin-top:0.65rem;}
.catalog-form-field textarea::placeholder {color:#8ea0bf;}
.catalog-form-switch-wrap {display:flex;flex-direction:column;justify-content:center;min-height:100%;}
.catalog-form-switch {display:flex;align-items:center;gap:0.85rem;}
.catalog-form-switch .form-check-input {width:4.4rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background-color:#22c55e;border-color:#22c55e;box-shadow:none !important;background-image:none;position:relative;}
.catalog-form-switch .form-check-input::after {content:'\F633';font-family:"bootstrap-icons";position:absolute;top:50%;right:0.35rem;transform:translateY(-50%);width:1.45rem;height:var(--workspace-control-height);border-radius:var(--workspace-radius-control);background:#ffffff;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:var(--workspace-input-size);font-weight:700;}
.catalog-form-switch .form-check-input:not(:checked) {background-color:#cbd5e1;border-color:#cbd5e1;}
.catalog-form-switch .form-check-input:not(:checked)::after {content:'';left:0.35rem;right:auto;}
.catalog-form-switch-copy {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-helper {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-helper {margin-top:0.7rem;}
.catalog-form-note {margin-top:1.2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border-radius:20px;background:linear-gradient(180deg, #f8fbff 0%, #f3f8ff 100%);border:1px solid rgba(216, 225, 240, 0.95);}
.catalog-form-note-main {display:flex;align-items:flex-start;gap:1rem;flex:1 1 460px;min-width:0;}
.catalog-form-note-title {margin:0;color:#17305b;font-size:var(--workspace-page-copy-size);font-weight:700;}
.catalog-form-note-copy {margin:0.3rem 0 0;color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.catalog-form-actions {align-self:center;}
@media (max-width: 1199.98px) {
.catalog-form-grid {grid-template-columns:1fr;}


}

/* catalogs/recipe-types/index */
.recipe-types-card-icon {width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 56px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;}
.recipe-types-violet {background:#f3e8ff;color:#7c3aed;border-color:#ddd6fe;}
.recipe-types-success {background:#eafbf1;color:#16a34a;border-color:#bbf7d0;}
.recipe-types-amber {background:#fff7e8;color:#d97706;border-color:#fde68a;}
.recipe-types-import-form {display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.recipe-types-page-btn {white-space:nowrap;text-decoration:none;}
.recipe-types-primary-btn {white-space:nowrap;text-decoration:none;}
.recipe-types-import-control {display:inline-flex;align-items:center;overflow:hidden;min-height:48px;border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);background:rgba(255,255,255,0.94);}
.recipe-types-import-trigger {display:inline-flex;align-items:center;}
.recipe-types-import-name {display:inline-flex;align-items:center;min-height:48px;padding:0 1rem;font-size:var(--workspace-table-size);}
.recipe-types-import-trigger {gap:0.55rem;border-right:1px solid rgba(230, 236, 246, 0.95);margin:0;}
.recipe-types-import-name {min-width:230px;color:var(--workspace-muted);}
.recipe-types-import-input {display:none;}
.recipe-types-info-card {background:rgba(255,255,255,0.96);border:1px solid rgba(216, 225, 240, 0.92);border-radius:var(--workspace-radius-card);box-shadow:0 18px 36px rgba(92, 114, 162, 0.08);}
.recipe-types-info-card {padding:1.25rem 1.35rem;}
.recipe-types-info-card {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.recipe-types-info-copy {display:flex;align-items:center;gap:1rem;}
.recipe-types-soft-badge {display:inline-flex;align-items:center;gap:0.5rem;}
.recipe-types-search {display:flex;align-items:center;gap:0.75rem;min-width:min(100%, 560px);flex:1 1 560px;min-height:48px;padding:0 1rem;border-radius:16px;border:1px solid rgba(216, 225, 240, 0.95);background:rgba(255,255,255,0.94);}
.recipe-types-search i {color:var(--workspace-muted);font-size:1.05rem;}
.recipe-types-table-wrap {border-top:1px solid rgba(230, 236, 246, 0.9);}
.recipe-types-table {border-collapse:collapse;}
.recipe-types-table thead th {color:#8ea0bf;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;padding:0.95rem 0.25rem 0.85rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);}
.recipe-types-table thead th:first-child {padding-left:0.3rem;}
.recipe-types-table tbody td:first-child {padding-left:0.3rem;}
.recipe-types-table thead th:last-child {padding-right:0.3rem;}
.recipe-types-table tbody td:last-child {padding-right:0.3rem;}
.recipe-types-table tbody td {padding:0.95rem 0.25rem;border-bottom:1px solid rgba(230, 236, 246, 0.95);vertical-align:middle;color:#1c2948;}
.recipe-types-row {display:flex;align-items:center;gap:0.85rem;}
.recipe-types-name {color:#162847;font-size:var(--workspace-table-size);font-weight:700;margin:0;}
.recipe-types-code {color:var(--workspace-muted);font-size:var(--workspace-meta-size);line-height:1.4;text-transform:uppercase;letter-spacing:0.08em;}
.recipe-types-muted {color:var(--workspace-muted);font-size:var(--workspace-page-copy-size);line-height:1.45;}
.recipe-types-status-pill {display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;min-height:30px;border-radius:999px;padding:0.25rem 0.8rem;font-size:var(--workspace-meta-size);font-weight:700;white-space:nowrap;}
.recipe-types-status-pill::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px;}
.recipe-types-status-pill.inactive {background:rgba(241, 245, 249, 0.95);color:#64748b;}
.recipe-types-table-actions {display:inline-flex;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;}
.recipe-types-ghost-btn {text-decoration:none;}.recipe-types-danger-btn {text-decoration:none;}

.recipe-types-table-footer {padding-top:0.95rem;}
@media (max-width: 1199.98px) {
.recipe-types-info-card {align-items:stretch;}


}
@media (max-width: 767.98px) {
.recipe-types-shell .catalog-index-info-copy {flex-direction:row;align-items:flex-start;min-width:0;}
.recipe-types-import-form {width:100%;}
.recipe-types-import-control {width:100%;}
.recipe-types-import-name {min-width:0;flex:1 1 auto;}
.recipe-types-search {min-width:0;flex-basis:100%;}


}

/* catalogs/suppliers/form */
.supplier-form-grid {display:grid;gap:1rem 1.1rem;grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 1.15fr);align-items:start;}
.supplier-form-grid > * {min-width:0;}
.supplier-form-grid .catalog-form-switch-wrap {height:100%;justify-content:flex-start;padding-top:0;}
.supplier-form-grid .catalog-form-switch-label {display:flex;align-items:center;}
.supplier-form-grid .catalog-form-switch {min-height:var(--workspace-control-height);align-items:center;}
@media (max-width: 1199.98px) {
.supplier-form-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}


}
@media (max-width: 767.98px) {
.supplier-form-grid {grid-template-columns:1fr;}


}

/* Inventory item detail global styles. */
.operation-wide-values .operation-kpi-value {overflow-wrap:anywhere;}
.operation-wide-values .operation-money {overflow-wrap:normal;}
.kardex-card-head {padding:1rem;border-bottom:1px solid #e8edf5;}
.kardex-move {display:inline-flex;align-items:center;gap:.45rem;font-weight:700;}
.kardex-move.in {color:#15803d;}
.kardex-qty.in {color:#15803d;}
.kardex-move.out {color:#e11d48;}
.kardex-qty.out {color:#e11d48;}
.kardex-qty {font-weight:700;}
.kardex-empty {text-align:center;color:var(--workspace-muted);}


/* Shared semantic sizing for product table columns. */
.product-col-width-4 {width:4%;}
.product-col-width-6 {width:6%;}
.product-col-width-13 {width:13%;}
.product-col-width-14 {width:14%;}
.product-col-width-16 {width:16%;}
.product-col-width-17 {width:17%;}
.product-col-width-21 {width:21%;}
.product-col-width-35 {width:35%;}
.product-col-width-40 {width:40%;}

/* Consistent operational detail and utility presentation. */
.receipt-inspection-count-input {min-width:100px;}
.receipt-mobile-compact-label {font-size:10px!important;line-height:1!important;}
/* Access history: keep the two-line "Último acceso" label centered and legible on phones. */
.access-last-login-mobile {width:100%;line-height:1.15;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .access-four-kpis .access-kicker:has(.access-last-login-mobile) {
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  body.app-authenticated .app-main-content .access-four-kpis .access-last-login-mobile {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    font-size:12px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
}
.access-primary-emphasis {font-weight:600;}
.settings-company-logo-preview {max-width:210px;max-height:90px;object-fit:contain;}


/* Receipt capture layout and camera controls. */
.receipt-steps-transparent {background:transparent;border:0;box-shadow:none;}
.receipt-steps-body {padding:0;}
.receipt-mode-unavailable {cursor:not-allowed;opacity:.58;}
.receipt-grid-full {grid-column:1/-1;}
.receipt-grid-double {grid-column:span 2;}
.receipt-camera-wrapper {display:none;}
.receipt-camera-reader {width:100%;max-width:520px;}
.receipt-section-title-spaced {margin-bottom:.75rem;}
.receipt-expiry-width {max-width:170px;}


/* Shared dynamic accent contracts: only runtime values remain in Blade variables. */
.recipe-view-step-primary {background:#2563eb;}
.recipe-view-route-accent {color:var(--route-accent);}
.recipe-view-route-background {background:var(--route-accent);}
.layer-color-dot {background:var(--layer-dot-color,#e2e8f0);}
.layer-color-dot-default {--layer-dot-color:#c7d2fe;}

/* Item categories: search expands, type/status retain their widths, reset stays aligned. */
@media (min-width:768px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form.item-category-toolbar {
    display:grid!important;
    grid-template-columns:minmax(120px,0.8fr) minmax(165px,1.15fr) minmax(135px,0.85fr) 44px!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    width:100%!important;
  }
  body.app-authenticated .app-main-content form.item-category-toolbar > * {
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  body.app-authenticated .app-main-content form.item-category-toolbar > .catalog-index-search {
    grid-column:1!important;
    width:100%!important;
  }
  body.app-authenticated .app-main-content form.item-category-toolbar > .catalog-filter-shell {
    width:100%!important;
  }
  body.app-authenticated .app-main-content form.item-category-toolbar > .catalog-clear-icon {
    width:44px!important;
    min-width:44px!important;
  }
}

/* Item categories only: explicit grid tracks prevent global filter rules from collapsing Estado. */
@media (min-width:768px) {
  body.app-authenticated .app-main-content #item-categories-search-form.item-category-toolbar {
    display:grid!important;
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) 44px!important;
    grid-template-rows:46px!important;
    gap:10px!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content #item-categories-search-form.item-category-toolbar > .catalog-index-search {
    grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content #item-categories-search-form.item-category-toolbar > .catalog-type-filter-shell {
    grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content #item-categories-search-form.item-category-toolbar > .catalog-status-filter-shell {
    grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content #item-categories-search-form.item-category-toolbar > .catalog-clear-icon {
    grid-column:4!important;grid-row:1!important;width:44px!important;min-width:44px!important;
  }
  body.app-authenticated .app-main-content #item-categories-search-form.item-category-toolbar > .catalog-filter-shell > select {
    width:100%!important;min-width:0!important;max-width:100%!important;
  }
}

/* Catalog mobile: Code and Name occupy the first row. Excludes verified Units and Brands. */
@media (max-width:767.98px) {
  .catalog-form-grid.catalog-code-name-mobile,
  .presentation-form-grid.catalog-code-name-mobile {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .catalog-form-grid.catalog-code-name-mobile > *,
  .presentation-form-grid.catalog-code-name-mobile > * {
    min-width:0!important;
  }
  .catalog-form-grid.catalog-code-name-mobile > :nth-child(n+3),
  .presentation-form-grid.catalog-code-name-mobile > :nth-child(n+3) {
    grid-column:1 / -1!important;
  }
  .row.catalog-code-name-mobile > :nth-child(1),
  .row.catalog-code-name-mobile > :nth-child(2) {
    width:50%!important;
    flex:0 0 auto!important;
  }
  .row.catalog-code-name-mobile > :nth-child(n+3) {
    width:100%!important;
  }
}

/* Brand and item-type forms: description is a separate full-width textarea below the primary fields. */
@media (min-width:768px) {
  .catalog-form-shell .brand-form-fields {
    grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.2fr)!important;
  }
  .catalog-form-grid.catalog-form-grid-item-types {
    grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.2fr);
  }
}

/* Item category create/edit: four primary fields in one desktop/tablet row. */
@media (min-width:768px) {
  .catalog-form-grid.catalog-form-grid-item-categories {
    grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1.3fr);
    align-items:start;
  }
  .catalog-form-grid-item-categories > * {min-width:0;}
}

/* Catalog list cards: remove only outer horizontal inset on mobile, keeping card padding. */
@media (max-width:767.98px) {
  .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table > tbody {
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* Item categories only: hide description cell in mobile list cards. */
@media (max-width:767.98px) {
  .catalog-index-shell .catalog-index-table-wrap table.item-categories-table tbody > tr > td[data-label="Descripción"],
  .catalog-index-shell .catalog-index-table-wrap table.item-categories-table tbody > tr > td[data-label="Description"] {
    display:none!important;
  }
}

/* Item category cards: type badge and item count share one mobile line. */
.item-category-mobile-count {display:none;}
@media (max-width:767.98px) {
  .catalog-index-shell .catalog-index-table-wrap table.item-categories-table tbody td.item-category-type-cell {
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap;
  }
  .catalog-index-shell .catalog-index-table-wrap table.item-categories-table .item-category-mobile-count {
    display:inline!important;
    font-size:12px;
    font-weight:700;
    color:var(--workspace-muted);
  }
}

/* Presentation-specific placement; dimensions come from the shared mobile card contract. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table tbody > tr:has(.presentation-mobile-actions) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto 1px auto auto!important;
    column-gap:10px!important;
    row-gap:0!important;
    align-items:center!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table tbody > tr:has(.presentation-mobile-actions)::before {
    content:""!important;display:block!important;grid-column:1/-1!important;grid-row:3!important;
    height:1px!important;background:var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table tbody > tr > td {
    min-width:0!important;width:auto!important;max-width:none!important;
    padding:0!important;border:0!important;margin:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table tbody > tr > td::before {
    content:none!important;display:none!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-name {
    display:block!important;grid-column:1!important;grid-row:1!important;text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-name .catalog-index-row {
    display:block!important;padding:0!important;margin:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-name .catalog-index-row-icon {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-name .catalog-index-name {
    margin:0!important;font-size:16px!important;line-height:1.3!important;font-weight:700!important;
    color:var(--mobile-item-title)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-code {
    display:block!important;grid-column:1!important;grid-row:2!important;
    margin-top:3px!important;padding-bottom:9px!important;
    font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-status {
    display:flex!important;grid-column:2!important;grid-row:1/3!important;
    justify-content:flex-end!important;align-self:start!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-ingredients,
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-purchases {
    display:flex!important;grid-column:1!important;align-items:center!important;
    gap:4px!important;font-size:13px!important;line-height:1.4!important;
    color:var(--mobile-item-secondary)!important;font-weight:600!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-ingredients {
    grid-row:4!important;margin-top:7px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-purchases {
    grid-row:5!important;margin-top:5px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-ingredients::before {
    content:"INGREDIENTES:"!important;display:inline!important;font-weight:700!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-purchases::before {
    content:"COMPRAS:"!important;display:inline!important;font-weight:700!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-actions {
    display:flex!important;grid-column:2!important;grid-row:4/6!important;
    justify-content:flex-end!important;align-self:center!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-actions .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.purchase-presentations-table .presentation-mobile-actions .table-action-icon {
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    border-radius:12px!important;
  }
}

/* Global mobile secondary text: use one readable size across record cards.
   The user role in Users and Access inherits this contract instead of 16px. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content :is(
    .users-mobile-record .users-role-text,
    .mobile-record-summary .mobile-record-txtop,
    .mobile-record-summary .mobile-record-details,
    .mobile-record-summary .mobile-record-contact,
    .mobile-record-summary .users-mobile-email,
    .mobile-record-summary .users-mobile-created,
    .catalog-index-shell .catalog-mobile-detail
  ) {
    font-size:13px!important;
    line-height:1.4;
  }
}

/* Mobile catalog card secondary fields: consistent 13px across similar pages.
   Scoped to catalog record cards; desktop and tablet are unchanged. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr > :is(
    td.unit-mobile-code,
    td.unit-mobile-associations,
    td.catalog-mobile-code,
    td.catalog-mobile-detail,
    td.brand-mobile-metric,
    td.presentation-mobile-ingredients,
    td.presentation-mobile-purchases
  ),
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr :is(
    .unit-mobile-subtitle-type,
    .unit-mobile-metric-label,
    .unit-mobile-metric-value
  ) {
    font-size:13px!important;
    line-height:1.4!important;
  }
}

/* Global mobile record-card contract: shared dimensions, independent page data.
   Applied only to established mobile card wrappers; desktop/tablet unchanged. */
@media (max-width:767.98px) {
  body.app-authenticated {
    --mobile-item-padding:10px;
    --mobile-item-radius:15px;
    --mobile-item-border:#dfe7f3;
    --mobile-item-divider:#e8edf5;
    --mobile-item-title:#162847;
    --mobile-item-secondary:#516685;
    --mobile-item-gap:10px;
  }
  body.app-authenticated .app-main-content :is(
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-index-table-actions),
    .users-table-card .users-mobile-cards .users-table tbody tr:has(.users-mobile-record),
    .mobile-compact-records tbody tr:has(.mobile-record-summary),
    .operation-mobile-card
  ) {
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content :is(
    .mobile-record-top,
    .users-mobile-header,
    .operation-mobile-card-head
  ) {column-gap:var(--mobile-item-gap);}
  body.app-authenticated .app-main-content :is(
    .mobile-record-name,
    .users-mobile-identity .mobile-record-name,
    .operation-mobile-card .operation-row-title
  ) {
    color:var(--mobile-item-title)!important;
    font-weight:700!important;
    overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content :is(
    .mobile-record-txtop,
    .mobile-record-txtbot1,
    .mobile-record-txtbot2,
    .users-mobile-email,
    .users-mobile-created,
    .operation-mobile-card .operation-meta
  ) {
    font-size:13px!important;
    color:var(--mobile-item-secondary)!important;
    overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content :is(
    .mobile-compact-records .mobile-record-top,
    .operation-mobile-card-values,
    .operation-mobile-card-footer
  ) {border-color:var(--mobile-item-divider)!important;}
  body.app-authenticated .app-main-content :is(
    .mobile-compact-records .mobile-record-bottom,
    .operation-mobile-card-footer
  ) {gap:var(--mobile-item-gap)!important;align-items:center!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.purchase-presentations-table tbody > tr:has(.presentation-mobile-actions) {
    padding:var(--mobile-item-padding)!important;
    border-radius:var(--mobile-item-radius)!important;
  }
}

/* Shared mobile table-record geometry, based on Access History.
   Only record tables already using a mobile card layout opt into this rule.
   Editable line-item tables and desktop/tablet tables are deliberately excluded. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content :is(
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr:has(.catalog-mobile-title, .catalog-mobile-code, .unit-mobile-name, .catalog-index-table-actions),
    .users-table-card .users-mobile-cards .users-table tbody > tr:has(.users-mobile-record),
    .mobile-compact-records tbody > tr:has(.mobile-record-summary),
    .operation-table tbody > tr > td.operation-mobile-card-cell > .operation-mobile-card
  ) {
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
  }
  body.app-authenticated .app-main-content :is(
    .mobile-compact-records .mobile-record-top,
    .users-mobile-cards .users-mobile-header,
    .operation-mobile-card-head
  ) {
    column-gap:10px!important;
  }
  body.app-authenticated .app-main-content :is(
    .mobile-compact-records .mobile-record-txtop,
    .mobile-compact-records .mobile-record-txtbot1,
    .mobile-compact-records .mobile-record-txtbot2,
    .users-mobile-cards .users-role-text,
    .users-mobile-cards .users-mobile-email,
    .users-mobile-cards .users-mobile-created,
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr > td.catalog-mobile-code,
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr > td.catalog-mobile-detail,
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr > td.unit-mobile-code,
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table tbody > tr > td.unit-mobile-associations
  ) {
    font-size:13px!important;
    line-height:1.4!important;
  }
  body.app-authenticated .app-main-content :is(
    .mobile-compact-records .mobile-record-bottom .table-action-icon,
    .users-mobile-cards .users-table-actions .table-action-icon,
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table .catalog-mobile-actions .table-action-icon,
    .catalog-index-shell .catalog-index-table-wrap table.operation-stack-table .unit-mobile-actions .table-action-icon
  ) {
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
}

/* Standard mobile cards for data listings that still use the base operation-stack-table.
   Excludes specialized cards and editable line-item tables by opting in via view class. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content :is(
    .items-records-table,
    .ingredients-records-table,
    .ingredient-skus-records-table,
    .packaging-records-table,
    .products-records-table,
    .product-builds-records-table,
    .recipes-records-table,
    .suppliers-records-table,
    .overheads-records-table,
    .reports-records-table
  ) tbody > tr:not(:has(td[colspan])) {
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:10px!important;
  }
  body.app-authenticated .app-main-content :is(
    .items-records-table,
    .ingredients-records-table,
    .ingredient-skus-records-table,
    .packaging-records-table,
    .products-records-table,
    .product-builds-records-table,
    .recipes-records-table,
    .suppliers-records-table,
    .overheads-records-table,
    .reports-records-table
  ) tbody > tr:not(:has(td[colspan])) > td {
    min-width:0!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
  body.app-authenticated .app-main-content :is(
    .items-records-table,
    .ingredients-records-table,
    .ingredient-skus-records-table,
    .packaging-records-table,
    .products-records-table,
    .product-builds-records-table,
    .recipes-records-table,
    .suppliers-records-table,
    .overheads-records-table,
    .reports-records-table
  ) tbody > tr:not(:has(td[colspan])) > td:first-child {
    grid-column:1 / -1!important;
    font-size:16px!important;
    font-weight:700!important;
  }
  body.app-authenticated .app-main-content :is(
    .items-records-table,
    .ingredients-records-table,
    .ingredient-skus-records-table,
    .packaging-records-table,
    .products-records-table,
    .product-builds-records-table,
    .recipes-records-table,
    .suppliers-records-table,
    .overheads-records-table,
    .reports-records-table
  ) tbody > tr:not(:has(td[colspan])) > td:last-child {
    grid-column:1 / -1!important;
    border-top:1px solid var(--mobile-item-divider)!important;
    margin-top:8px!important;
    padding-top:10px!important;
    justify-content:flex-end!important;
  }
  body.app-authenticated .app-main-content :is(
    .items-records-table,
    .ingredients-records-table,
    .ingredient-skus-records-table,
    .packaging-records-table,
    .products-records-table,
    .product-builds-records-table,
    .recipes-records-table,
    .suppliers-records-table,
    .overheads-records-table,
    .reports-records-table
  ) tbody > tr:not(:has(td[colspan])) .table-action-icon {
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* Production has its own card markup; inherit the same global record geometry. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .production-table .production-mobile-card {
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
  }
  body.app-authenticated .app-main-content .production-table :is(
    .production-mobile-card-values span,
    .production-mobile-card-values strong,
    .production-mobile-card-date span,
    .production-mobile-card-date strong
  ) {font-size:13px!important;line-height:1.4!important;}
  body.app-authenticated .app-main-content .production-table :is(
    .production-mobile-card-values,
    .production-mobile-card-footer
  ) {border-color:var(--mobile-item-divider)!important;}
  body.app-authenticated .app-main-content .production-table .production-mobile-card .table-action-icon {
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* Orders, invoices and customers are link-based record lists, not HTML tables.
   Use the same mobile card geometry without altering their navigation or content. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content :is(
    .order-list > .order-row.operation-list-row,
    .invoice-list > .invoice-row.operation-list-row,
    .commercial-list > .commercial-row.operation-list-row
  ) {
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
    gap:var(--mobile-item-gap)!important;
  }
  body.app-authenticated .app-main-content :is(
    .order-list > .order-row,
    .invoice-list > .invoice-row,
    .commercial-list > .commercial-row
  ) small {
    font-size:13px!important;
    line-height:1.4!important;
    color:var(--mobile-item-secondary)!important;
  }
  body.app-authenticated .app-main-content :is(
    .order-list > .order-row,
    .invoice-list > .invoice-row,
    .commercial-list > .commercial-row
  ) :is(.operation-list-primary strong,.commercial-primary strong) {
    font-size:16px!important;
    line-height:1.3!important;
    color:var(--mobile-item-title)!important;
  }
}

/* Sales events use a dedicated mobile card: unify its geometry and secondary labels. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .event-table .event-mobile-card {
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
  }
  body.app-authenticated .app-main-content .event-table :is(
    .event-mobile-card-values span,
    .event-mobile-card-values strong,
    .event-mobile-card-date span,
    .event-mobile-card-date strong
  ) {font-size:13px!important;line-height:1.4!important;}
  body.app-authenticated .app-main-content .event-table :is(
    .event-mobile-card-values,
    .event-mobile-card-footer
  ) {border-color:var(--mobile-item-divider)!important;}
  body.app-authenticated .app-main-content .event-table .event-mobile-card .table-action-icon {
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* Stock receipt records use a dedicated card, not operation-mobile-card.
   Bring their geometry and secondary labels into the shared mobile contract. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .receipts-table .receipts-mobile-card {
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
  }
  body.app-authenticated .app-main-content .receipts-table :is(
    .receipts-mobile-card-copy .operation-meta,
    .receipts-mobile-card-values span,
    .receipts-mobile-card-values strong,
    .receipts-mobile-status-row
  ) {
    font-size:13px!important;
    line-height:1.4!important;
  }
  body.app-authenticated .app-main-content .receipts-table .receipts-mobile-card-values {
    border-color:var(--mobile-item-divider)!important;
  }
}



/* Presentations: match item-category responsive record contract. */
.purchase-presentations-table .presentation-mobile-only-cell {display:none;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.purchase-presentations-table tbody > tr.presentation-record {
    display:block!important;box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;background:#fff!important;
    height:auto!important;min-height:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.purchase-presentations-table tbody > tr.presentation-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.purchase-presentations-table tbody > tr.presentation-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.purchase-presentations-table tbody > tr.presentation-record > td {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.purchase-presentations-table tbody > tr.presentation-record > td.presentation-mobile-only-cell {
    display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;
    padding:0!important;margin:0!important;border:0!important;background:transparent!important;
    grid-column:auto!important;grid-row:auto!important;text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.purchase-presentations-table tbody > tr.presentation-record > td.presentation-mobile-only-cell::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:start!important;margin:0!important;
    padding:0 0 10px!important;border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .mobile-record-name {
    font-size:16px!important;line-height:1.3!important;font-weight:700!important;color:var(--mobile-item-title)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .mobile-record-txtop {
    margin-top:3px!important;font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .catalog-index-status-pill {justify-self:end!important;white-space:nowrap!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .mobile-record-bottom {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:end!important;margin:10px 0 0!important;padding:0!important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-presentations-table .mobile-record-bottom {padding:0!important;}

  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .mobile-record-details {min-width:0!important;display:grid!important;gap:3px!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell :is(.mobile-record-txtbot1,.mobile-record-txtbot2) {
    font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .purchase-presentations-table .presentation-mobile-only-cell .table-action-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* Recipe types: single five-column desktop table; mobile card lives inside Code cell. */
.recipe-types-records-table .recipe-type-mobile-card {display:none!important;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-types-records-table tbody > tr.recipe-type-record {
    display:block!important;box-sizing:border-box!important;padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;height:auto!important;min-height:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table tbody > tr.recipe-type-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table tbody > tr.recipe-type-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table tbody > tr.recipe-type-record > td {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table tbody > tr.recipe-type-record > td.catalog-mobile-code {
    display:block!important;width:100%!important;min-width:0!important;padding:0!important;
    margin:0!important;border:0!important;background:transparent!important;
    text-align:left!important;grid-column:auto!important;grid-row:auto!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table tbody > tr.recipe-type-record > td.catalog-mobile-code::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table tbody > tr.recipe-type-record > td.catalog-mobile-code > .recipe-types-row {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card {display:block!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
    align-items:start!important;padding:0 0 10px!important;margin:0!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .mobile-record-name {font-size:16px!important;font-weight:700!important;line-height:1.3!important;color:var(--mobile-item-title)!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .mobile-record-txtop {font-size:13px!important;line-height:1.4!important;margin-top:3px!important;color:var(--mobile-item-secondary)!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .mobile-record-bottom {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
    align-items:end!important;margin:10px 0 0!important;padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .mobile-record-details {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .mobile-record-txtbot1 {font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .catalog-index-table-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table .recipe-type-mobile-card .table-action-icon {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;}
}

/* Recipe types: code must render once, without a secondary caption. */
@media (min-width:768px) {
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table tbody > tr > td.catalog-mobile-code .recipe-types-code,
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table tbody > tr > td.catalog-mobile-code .recipe-types-name + span {
    display:none!important;
  }
}

/* Recipe types: explicit viewport isolation; desktop/tablet never render mobile markup. */
@media screen and (min-width:768px) {
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-types-records-table tbody tr.recipe-type-record td.catalog-mobile-code > div.recipe-type-mobile-card {
    display:none!important;visibility:hidden!important;
  }
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-types-records-table tbody tr.recipe-type-record td.catalog-mobile-code > div.recipe-types-row {
    display:flex!important;visibility:visible!important;
  }
}

/* Recipe types desktop/tablet: show only the primary code, never a secondary code caption. */
@media (min-width:768px) {
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table td.catalog-mobile-code .recipe-types-row .recipe-types-code,
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table td.catalog-mobile-code .recipe-types-row .catalog-index-muted,
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-types-records-table td.catalog-mobile-code .recipe-types-row .recipe-types-name ~ * {
    display:none!important;
  }
}

/* Recipe type form: enforce Code + Name on one mobile row. */
@media screen and (max-width:767.98px) {
  html body.app-authenticated .app-main-content .catalog-form-shell form#catalog-record-form > .catalog-form-grid.catalog-code-name-mobile {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:16px!important;
  }
  html body.app-authenticated .app-main-content .catalog-form-shell form#catalog-record-form > .catalog-form-grid.catalog-code-name-mobile > .catalog-form-field:nth-child(1) {
    grid-column:1!important;grid-row:1!important;min-width:0!important;width:auto!important;
  }
  html body.app-authenticated .app-main-content .catalog-form-shell form#catalog-record-form > .catalog-form-grid.catalog-code-name-mobile > .catalog-form-field:nth-child(2) {
    grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important;
  }
  html body.app-authenticated .app-main-content .catalog-form-shell form#catalog-record-form > .catalog-form-grid.catalog-code-name-mobile > .catalog-form-switch-wrap:nth-child(3) {
    grid-column:1/-1!important;grid-row:2!important;
  }
}

/* Yield formats: mobile-only alignment and two-tier cards, no extra table cells. */
.recipe-formats-records-table .recipe-format-mobile-card {display:none!important;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .formats-shell .formats-info-card .formats-info-copy {
    display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;
    align-items:center!important;gap:12px!important;flex-direction:row!important;
    width:100%!important;text-align:left!important;
  }
  body.app-authenticated .app-main-content .formats-shell .formats-info-card .formats-info-copy > .formats-card-icon {
    grid-column:1!important;grid-row:1!important;justify-self:start!important;
  }
  body.app-authenticated .app-main-content .formats-shell .formats-info-card .formats-info-copy > div {
    grid-column:2!important;grid-row:1!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-formats-records-table tbody > tr.recipe-format-record {
    display:block!important;box-sizing:border-box!important;padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;height:auto!important;min-height:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table tbody > tr.recipe-format-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table tbody > tr.recipe-format-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table tbody > tr.recipe-format-record > td {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table tbody > tr.recipe-format-record > td.catalog-mobile-code {
    display:block!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;
    border:0!important;background:transparent!important;text-align:left!important;
    grid-column:auto!important;grid-row:auto!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table tbody > tr.recipe-format-record > td.catalog-mobile-code::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-desktop-code {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card {display:block!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
    align-items:start!important;padding:0 0 10px!important;margin:0!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .mobile-record-name {font-size:16px!important;font-weight:700!important;line-height:1.3!important;color:var(--mobile-item-title)!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .mobile-record-txtop {font-size:13px!important;line-height:1.4!important;margin-top:3px!important;color:var(--mobile-item-secondary)!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .mobile-record-bottom {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
    align-items:end!important;margin:10px 0 0!important;padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .mobile-record-details {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .mobile-record-txtbot1 {font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .catalog-index-table-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.recipe-formats-records-table .recipe-format-mobile-card .table-action-icon {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;}
}

/* Yield formats: restore native five-column table on desktop and tablet. */
@media screen and (min-width:768px) {
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-formats-records-table {
    display:table!important;width:100%!important;
  }
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-formats-records-table thead {
    display:table-header-group!important;
  }
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-formats-records-table tbody {
    display:table-row-group!important;
  }
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-formats-records-table tbody > tr.recipe-format-record {
    display:table-row!important;height:auto!important;
  }
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-formats-records-table tbody > tr.recipe-format-record > td {
    display:table-cell!important;vertical-align:middle!important;
  }
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-formats-records-table tbody > tr.recipe-format-record > td.catalog-mobile-code > .recipe-format-mobile-card {
    display:none!important;visibility:hidden!important;
  }
  html body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.recipe-formats-records-table tbody > tr.recipe-format-record > td.catalog-mobile-code > .recipe-format-desktop-code {
    display:inline!important;visibility:visible!important;
  }
}

/* Catalog create/edit forms: one field per row on phones, regardless of previous two-column utilities. */
@media screen and (max-width:767.98px) {
  html body .app-main-content .catalog-form-shell .catalog-form-card form .catalog-form-grid,
  html body .app-main-content .catalog-form-shell .catalog-form-card form .presentation-form-grid,
  html body .app-main-content .catalog-form-shell .catalog-form-card form .row.catalog-code-name-mobile,
  html body .app-main-content .presentation-form-shell form .presentation-form-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  html body .app-main-content .catalog-form-shell .catalog-form-card form .catalog-form-grid > *,
  html body .app-main-content .catalog-form-shell .catalog-form-card form .presentation-form-grid > *,
  html body .app-main-content .catalog-form-shell .catalog-form-card form .row.catalog-code-name-mobile > *,
  html body .app-main-content .presentation-form-shell form .presentation-form-grid > * {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
  }
  html body .app-main-content .catalog-form-shell .catalog-form-card form .catalog-form-grid input,
  html body .app-main-content .catalog-form-shell .catalog-form-card form .catalog-form-grid select,
  html body .app-main-content .catalog-form-shell .catalog-form-card form .catalog-form-grid textarea {
    max-width:100%;
    box-sizing:border-box;
  }
}

/* Item types form: definitive single-field rows on phones. */
@media screen and (max-width:767.98px) {
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-item-types {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:16px!important;
  }
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-item-types > .catalog-form-field,
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-item-types > .catalog-form-switch-wrap {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
  }
}

/* Item categories create/edit: each field occupies its own mobile row. */
@media screen and (max-width:767.98px) {
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-item-categories {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:16px!important;
  }
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-item-categories > .catalog-form-field,
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-item-categories > .catalog-form-switch-wrap {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
  }
}

/* Purchase presentations create/edit: one full-width field per mobile row. */
@media screen and (max-width:767.98px) {
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-presentations {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:16px!important;
  }
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-presentations > .catalog-form-field,
  html body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-card #catalog-record-form > .catalog-form-grid.catalog-form-grid-presentations > .catalog-form-switch-wrap {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
  }
}

/* Recipe types create/edit: one field per mobile row, with readable active switch text. */
@media screen and (max-width:767.98px) {
  .catalog-form-shell #catalog-record-form > .catalog-form-grid.catalog-form-grid-recipe-types {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:16px!important;
  }
  .catalog-form-shell #catalog-record-form > .catalog-form-grid.catalog-form-grid-recipe-types > * {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
  }
  .catalog-form-grid-recipe-types .catalog-form-switch {
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    width:100%!important;
  }
  .catalog-form-grid-recipe-types .catalog-form-switch-copy {
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    overflow-wrap:break-word;
  }
}

/* Preparation stages: catalog-standard mobile layout only. */
.preparation-stage-mobile-card {display:none;}
@media screen and (max-width:767.98px) {
  body.app-authenticated .app-main-content .stages-info-card .stages-info-copy {
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:12px!important;
    width:100%!important;
  }
  body.app-authenticated .app-main-content .stages-info-card .stages-info-copy > .stages-card-icon {
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.app-authenticated .app-main-content .stages-info-card .stages-info-copy > div {
    flex:1 1 auto!important;
    min-width:0!important;
    text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-form-shell #catalog-record-form > .catalog-form-grid.catalog-form-grid-preparation-stages {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:16px!important;
  }
  body.app-authenticated .app-main-content .catalog-form-shell #catalog-record-form > .catalog-form-grid.catalog-form-grid-preparation-stages > * {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-form-grid-preparation-stages .catalog-form-switch {
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    width:100%!important;
  }
  body.app-authenticated .app-main-content .catalog-form-grid-preparation-stages .catalog-form-switch-copy {
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    overflow-wrap:break-word;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table tbody > tr.preparation-stage-record > td.catalog-mobile-code {
    display:block!important;
    width:100%!important;
    grid-column:1 / -1!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table tbody > tr.preparation-stage-record > td.catalog-mobile-code::before {
    display:none!important;
    content:none!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table tbody > tr.preparation-stage-record > td:not(.catalog-mobile-code) {
    display:none!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .preparation-stage-desktop-code {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .preparation-stage-mobile-card {display:block!important;width:100%!important;min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .mobile-record-top {
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
    padding:0 0 10px!important;margin:0!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .mobile-record-copy {flex:1 1 auto!important;min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .mobile-record-name {
    font-size:16px!important;font-weight:700!important;line-height:1.3!important;color:var(--mobile-item-title)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .mobile-record-txtop {
    font-size:13px!important;line-height:1.4!important;margin-top:3px!important;color:var(--mobile-item-secondary)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .mobile-record-bottom {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;
    margin:10px 0 0!important;padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .mobile-record-details {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .mobile-record-txtbot1 {
    font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.preparation-stages-records-table .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  }
}

/* Final product categories, product presentations and event types:
   reuse the measurement-units mobile record and form pattern. */
.final-catalog-mobile-card {display:none;}
@media screen and (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .presentations-info-card .presentations-info-copy {
    display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;width:100%!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .presentations-info-card .presentations-info-copy > .presentations-card-icon {
    flex:0 0 auto!important;margin:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .presentations-info-card .presentations-info-copy > div {
    flex:1 1 auto!important;min-width:0!important;text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-form-shell #catalog-record-form > .catalog-form-grid-final-products {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;gap:16px!important;
  }
  body.app-authenticated .app-main-content .catalog-form-shell #catalog-record-form > .catalog-form-grid-final-products > * {
    grid-column:1 / -1!important;grid-row:auto!important;width:100%!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-form-grid-final-products :is(.presentation-form-switch,.catalog-form-switch) {
    display:flex!important;align-items:center!important;gap:16px!important;width:100%!important;
  }
  body.app-authenticated .app-main-content .catalog-form-grid-final-products :is(.presentation-form-switch-copy,.catalog-form-switch-copy) {
    flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;overflow-wrap:break-word;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record > td.final-catalog-mobile-primary {
    display:block!important;width:100%!important;grid-column:1 / -1!important;padding:0!important;border:0!important;background:transparent!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record > td.final-catalog-mobile-primary::before {
    display:none!important;content:none!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record > td:not(.final-catalog-mobile-primary) {
    display:none!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .final-catalog-desktop-code {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .final-catalog-mobile-card {display:block!important;width:100%!important;min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .mobile-record-top {
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;
    padding:0 0 10px!important;margin:0!important;border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .mobile-record-copy {flex:1 1 auto!important;min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .mobile-record-name {font-size:16px!important;font-weight:700!important;line-height:1.3!important;color:var(--mobile-item-title)!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .mobile-record-txtop {font-size:13px!important;line-height:1.4!important;margin-top:3px!important;color:var(--mobile-item-secondary)!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .mobile-record-bottom {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
    align-items:end!important;margin:10px 0 0!important;padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .mobile-record-details {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table :is(.mobile-record-txtbot1,.mobile-record-txtbot2) {
    font-size:13px!important;line-height:1.4!important;color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  }
}

/* Product category controls and active switch: same shared component as measurement units. */
.catalog-form-grid-final-products > .catalog-form-switch-wrap {
  min-width:0;
}
.catalog-form-grid-final-products > .catalog-form-switch-wrap .catalog-form-switch {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.catalog-form-grid-final-products > .catalog-form-switch-wrap .catalog-form-switch .form-check {
  flex:0 0 auto;
}
.catalog-form-grid-final-products > .catalog-form-switch-wrap .catalog-form-switch-copy {
  flex:1 1 auto;
  min-width:0;
  width:auto;
  max-width:none;
}
#product-categories-search-form.catalog-index-toolbar {
  display:flex;
  align-items:center;
  gap:12px;
}
#product-categories-search-form .catalog-index-search {
  flex:1 1 auto;
  width:auto;
  min-width:0;
}
#product-categories-search-form .catalog-status-filter-shell,
#product-categories-search-form .catalog-clear-icon {
  flex:0 0 auto;
}
@media (max-width:767.98px) {
  #product-categories-search-form.catalog-index-toolbar {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  #product-categories-search-form .catalog-index-search {
    grid-column:1 / -1;
    width:100%;
  }
  #product-categories-search-form .catalog-status-filter-shell {
    grid-column:1;
    min-width:0;
  }
  #product-categories-search-form .catalog-clear-icon {
    grid-column:2;
  }
}

/* Product categories: enforce the global two-section mobile TR inside responsive table wrapper. */
@media screen and (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .presentations-table-wrap .table-responsive {
    overflow:visible!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    padding:var(--mobile-item-padding)!important;
    margin:0 0 12px!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record > td.final-catalog-mobile-primary {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record > td:not(.final-catalog-mobile-primary) {
    display:none!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record > td.final-catalog-mobile-primary .final-catalog-mobile-card {
    display:block!important;
    width:100%!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record .mobile-record-top {
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 0 10px!important;
    margin:0!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.final-catalog-records-table tbody > tr.final-catalog-record .mobile-record-bottom {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:10px!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
}

/* Product categories: same verified mobile-record top/bottom structure as measurement units.
   Desktop keeps the original seven data cells. */
.product-categories-records-table .product-category-mobile-cell {display:none;}
.product-categories-records-table .final-catalog-desktop-code {display:inline;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .product-categories-records-table tbody > tr.product-category-record {
    display:block!important;
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-categories-records-table tbody > tr.product-category-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell .product-categories-records-table tbody > tr.product-category-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-categories-records-table tbody > tr.product-category-record > td:not(.product-category-mobile-code) {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-categories-records-table tbody > tr.product-category-record > td.product-category-mobile-code {
    display:block!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-categories-records-table .product-category-mobile-code::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-categories-records-table .final-catalog-desktop-code {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-categories-records-table .product-category-mobile-code > .product-category-mobile-cell {display:block!important;width:100%!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:start!important;
    padding:0 0 10px!important;margin:0!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .mobile-record-name {
    color:var(--mobile-item-title)!important;font-size:16px!important;
    font-weight:700!important;line-height:1.3!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .mobile-record-txtop {
    margin-top:3px!important;color:var(--mobile-item-secondary)!important;
    font-size:13px!important;line-height:1.4!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .catalog-index-status-pill {
    justify-self:end!important;white-space:nowrap!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .mobile-record-bottom {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:end!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .mobile-record-details {
    min-width:0!important;display:grid!important;gap:3px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell :is(.mobile-record-txtbot1,.mobile-record-txtbot2) {
    font-size:13px!important;line-height:1.4!important;
    color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:8px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-category-mobile-cell .table-action-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}


@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.product-categories-records-table tbody > tr.product-category-record > td {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.product-categories-records-table tbody > tr.product-category-record > td.product-category-mobile-code {
    display:block!important;width:100%!important;grid-column:auto!important;grid-row:auto!important;
    align-self:stretch!important;margin:0!important;padding:0!important;border:0!important;
    background:transparent!important;text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.product-categories-records-table .product-category-mobile-cell {display:block!important;}
}


/* Product presentations AMR: aligned with measurement units. */
/* Measurement units: match the shared mobile-record top/bottom structure.
   Desktop keeps the original seven data cells. */
.product-presentations-records-table .product-presentation-mobile-cell {display:none;}
.product-presentations-records-table .final-catalog-desktop-code {display:inline;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentations-records-table tbody > tr.product-presentation-record {
    display:block!important;
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentations-records-table tbody > tr.product-presentation-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentations-records-table tbody > tr.product-presentation-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentations-records-table tbody > tr.product-presentation-record > td:not(.product-presentation-mobile-code) {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentations-records-table tbody > tr.product-presentation-record > td.product-presentation-mobile-code {
    display:block!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentations-records-table .product-presentation-mobile-code::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentations-records-table .final-catalog-desktop-code {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentations-records-table .product-presentation-mobile-code > .product-presentation-mobile-cell {display:block!important;width:100%!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:start!important;
    padding:0 0 10px!important;margin:0!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .mobile-record-name {
    color:var(--mobile-item-title)!important;font-size:16px!important;
    font-weight:700!important;line-height:1.3!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .mobile-record-txtop {
    margin-top:3px!important;color:var(--mobile-item-secondary)!important;
    font-size:13px!important;line-height:1.4!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .catalog-index-status-pill {
    justify-self:end!important;white-space:nowrap!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .mobile-record-bottom {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:end!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .mobile-record-details {
    min-width:0!important;display:grid!important;gap:3px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell :is(.mobile-record-txtbot1,.mobile-record-txtbot2) {
    font-size:13px!important;line-height:1.4!important;
    color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:8px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .product-presentation-mobile-cell .table-action-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}


@media(max-width:767.98px){
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.product-presentations-records-table tbody > tr.product-presentation-record > td{display:none!important;}
body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.product-presentations-records-table tbody > tr.product-presentation-record > td.product-presentation-mobile-code{display:block!important;width:100%!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important;}
body.app-authenticated .app-main-content .catalog-index-shell table.product-presentations-records-table .product-presentation-mobile-cell{display:block!important;}
}
#product-presentations-search-form.catalog-index-toolbar{display:flex;align-items:center;gap:12px;}
#product-presentations-search-form .catalog-index-search{flex:1 1 auto;width:auto;min-width:0;}
#product-presentations-search-form .catalog-status-filter-shell,#product-presentations-search-form .catalog-clear-icon{flex:0 0 auto;}
@media(max-width:767.98px){
#product-presentations-search-form.catalog-index-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}
#product-presentations-search-form .catalog-index-search{grid-column:1/-1;width:100%;}
#product-presentations-search-form .catalog-status-filter-shell{grid-column:1;min-width:0;}
#product-presentations-search-form .catalog-clear-icon{grid-column:2;}
}

/* Event types: ARVIX Mobile Record, using measurement units reference. */
/* Measurement units: match the shared mobile-record top/bottom structure.
   Desktop keeps the original seven data cells. */
.event-types-records-table .event-type-mobile-cell {display:none;}
.event-types-records-table .final-catalog-desktop-code {display:inline;}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .event-types-records-table tbody > tr.event-type-record {
    display:block!important;
    box-sizing:border-box!important;
    padding:var(--mobile-item-padding)!important;
    border:1px solid var(--mobile-item-border)!important;
    border-radius:var(--mobile-item-radius)!important;
    background:#fff!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-types-records-table tbody > tr.event-type-record::before,
  body.app-authenticated .app-main-content .catalog-index-shell .event-types-records-table tbody > tr.event-type-record::after {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .event-types-records-table tbody > tr.event-type-record > td:not(.event-type-mobile-code) {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .event-types-records-table tbody > tr.event-type-record > td.event-type-mobile-code {
    display:block!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-types-records-table .event-type-mobile-code::before {display:none!important;content:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .event-types-records-table .final-catalog-desktop-code {display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .event-types-records-table .event-type-mobile-code > .event-type-mobile-cell {display:block!important;width:100%!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:start!important;
    padding:0 0 10px!important;margin:0!important;
    border-bottom:1px solid var(--mobile-item-divider)!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .mobile-record-copy {min-width:0!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .mobile-record-name {
    color:var(--mobile-item-title)!important;font-size:16px!important;
    font-weight:700!important;line-height:1.3!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .mobile-record-txtop {
    margin-top:3px!important;color:var(--mobile-item-secondary)!important;
    font-size:13px!important;line-height:1.4!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .catalog-index-status-pill {
    justify-self:end!important;white-space:nowrap!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .mobile-record-bottom {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:end!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .mobile-record-details {
    min-width:0!important;display:grid!important;gap:3px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell :is(.mobile-record-txtbot1,.mobile-record-txtbot2) {
    font-size:13px!important;line-height:1.4!important;
    color:var(--mobile-item-secondary)!important;overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .catalog-index-table-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:8px!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .event-type-mobile-cell .table-action-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}


@media(max-width:767.98px){
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.event-types-records-table tbody > tr.event-type-record > td{display:none!important;}
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-wrap table.event-types-records-table tbody > tr.event-type-record > td.event-type-mobile-code{
    display:block!important;width:100%!important;grid-column:auto!important;grid-row:auto!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.event-types-records-table .event-type-mobile-cell{display:block!important;}
}
.event-type-active-switch .catalog-form-switch{display:flex;align-items:center;gap:12px;min-width:0;}
.event-type-active-switch .catalog-form-switch .form-check{flex:0 0 auto;}
.event-type-active-switch .catalog-form-switch-copy{flex:1 1 auto;min-width:0;max-width:none;width:auto;}
#event-types-search-form.catalog-index-toolbar{display:flex;align-items:center;gap:12px;}
#event-types-search-form .catalog-index-search{flex:1 1 auto;min-width:0;width:auto;}
#event-types-search-form .catalog-clear-icon{flex:0 0 auto;}
@media(max-width:767.98px){
  #event-types-search-form.catalog-index-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}
  #event-types-search-form .catalog-index-search{grid-column:1;min-width:0;}
  #event-types-search-form .catalog-clear-icon{grid-column:2;}
}

/* Event types: use the same toolbar and form layout conventions as Brands. */
#event-types-search-form.catalog-index-toolbar{display:flex;align-items:center;gap:12px;}
#event-types-search-form .catalog-index-search{flex:1 1 auto;min-width:0;width:auto;}
#event-types-search-form .catalog-status-filter-shell,
#event-types-search-form .catalog-clear-icon{flex:0 0 auto;}
.event-type-form-fields > .event-type-active-switch{min-width:0;}
@media(max-width:767.98px){
  #event-types-search-form.catalog-index-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}
  #event-types-search-form .catalog-index-search{grid-column:1/-1;width:100%;}
  #event-types-search-form .catalog-status-filter-shell{grid-column:1;min-width:0;}
  #event-types-search-form .catalog-clear-icon{grid-column:2;}
  body.app-authenticated .app-main-content .catalog-form-shell .event-type-form-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
  body.app-authenticated .app-main-content .catalog-form-shell .event-type-form-fields > *{grid-column:1/-1!important;min-width:0!important;}
}

/* Overhead catalog: shared toolbar, responsive form, and AMR mobile rows. */
#overheads-search-form.catalog-index-toolbar{display:flex;align-items:center;gap:12px}
#overheads-search-form .catalog-index-search{flex:1 1 auto;width:auto;min-width:0}
#overheads-search-form .catalog-clear-icon{flex:0 0 auto}
.overheads-records-table .overhead-mobile-only-cell{display:none}
@media(max-width:767.98px){
  #overheads-search-form.catalog-index-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  #overheads-search-form .catalog-index-search{grid-column:1;min-width:0}
  #overheads-search-form .catalog-clear-icon{grid-column:2}
  body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-grid-overhead{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-grid-overhead > *{grid-column:1/-1!important;min-width:0!important}
  body.app-authenticated .app-main-content .catalog-index-shell table.overheads-records-table{display:block!important;width:100%!important}
  body.app-authenticated .app-main-content .catalog-index-shell table.overheads-records-table thead{display:none!important}
  body.app-authenticated .app-main-content .catalog-index-shell table.overheads-records-table tbody{display:block!important;width:100%!important}
  body.app-authenticated .app-main-content .catalog-index-shell table.overheads-records-table tbody tr.overhead-record{
    display:block!important;width:100%!important;min-width:0!important;
    padding:var(--mobile-item-padding,12px)!important;
    margin:0 0 12px!important;border:1px solid var(--mobile-item-border,#d7e3f6)!important;
    border-radius:var(--mobile-item-radius,12px)!important;background:#fff!important
  }
  body.app-authenticated .app-main-content .catalog-index-shell table.overheads-records-table tbody tr.overhead-record > td{display:none!important}
  body.app-authenticated .app-main-content .catalog-index-shell table.overheads-records-table tbody tr.overhead-record > td.overhead-mobile-only-cell{
    display:block!important;width:100%!important;padding:0!important;margin:0!important;
    border:0!important;background:transparent!important;text-align:left!important
  }
  body.app-authenticated .app-main-content .catalog-index-shell .overhead-mobile-only-cell .mobile-record-top{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
    padding:0 0 10px!important;margin:0!important;border-bottom:1px solid var(--mobile-item-divider,#d7e3f6)!important
  }
  body.app-authenticated .app-main-content .catalog-index-shell .overhead-mobile-only-cell .mobile-record-bottom{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;align-items:end!important;margin:10px 0 0!important;padding:0!important
  }
  body.app-authenticated .app-main-content .catalog-index-shell .overhead-mobile-only-cell .catalog-index-table-actions{
    display:flex!important;justify-content:flex-end!important;gap:8px!important;align-items:center!important
  }
}

/* Overheads: compact receipt-style summary and proportionate search controls. */
@media(min-width:768px){
  .overheads-summary-grid.receipts-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .overheads-receipts-shell #overheads-search-form.receipts-toolbar{display:flex;align-items:center;gap:12px}
  .overheads-receipts-shell #overheads-search-form .receipts-search{flex:1 1 auto;width:auto;min-width:0}
  .overheads-receipts-shell #overheads-search-form .receipts-filter{flex:0 0 220px;width:220px;min-width:0}
  .overheads-receipts-shell #overheads-search-form .receipts-toolbar-actions{flex:0 0 auto}
  body.app-authenticated .app-main-content .catalog-form-shell .catalog-form-grid-overhead{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important}
}
@media(max-width:767.98px){
  .overheads-summary-grid.receipts-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .overheads-receipts-shell #overheads-search-form.receipts-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .overheads-receipts-shell #overheads-search-form .receipts-search{grid-column:1/-1;min-width:0;width:100%}
  .overheads-receipts-shell #overheads-search-form .receipts-filter{grid-column:1;min-width:0;width:100%}
  .overheads-receipts-shell #overheads-search-form .receipts-toolbar-actions{grid-column:2}
}

/* Overheads: reuse the receipts table appearance without leaking mobile AMR cells into desktop. */
@media(min-width:768px){
  .overheads-receipts-table th.overhead-mobile-only-cell,
  .overheads-receipts-table td.overhead-mobile-only-cell{display:none!important}
  .overheads-receipts-table .table-action-group{display:flex;align-items:center;justify-content:flex-end;gap:8px}
  .overheads-receipts-table .table-action-group form{display:inline-flex;margin:0}
}
@media(max-width:767.98px){
  .overheads-receipts-table .table-action-group{display:flex;align-items:center;justify-content:flex-end;gap:8px}
  .overheads-receipts-table .table-action-group form{display:inline-flex;margin:0}
}

/* ARVIX Mobile Record (AMR) — overheads only. */
@media (max-width:767.98px) {
  .overheads-receipts-shell .overheads-summary-grid.receipts-metrics-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .overheads-receipts-shell #overheads-search-form.receipts-toolbar {display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important;align-items:center!important}
  .overheads-receipts-shell #overheads-search-form .receipts-search {grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important}
  .overheads-receipts-shell #overheads-search-form .receipts-toolbar-actions {grid-column:2!important;grid-row:1!important;min-width:0!important;width:42px!important}
  .overheads-receipts-shell #overheads-search-form .receipts-toolbar-actions a {width:42px!important;min-width:42px!important}
  .overheads-receipts-shell #overheads-search-form .receipts-filter {grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important}
  .overheads-receipts-shell #overheads-search-form .receipts-filter select {width:100%!important}
  .overheads-receipts-table thead,.overheads-receipts-table .overhead-record > td:not(.overhead-mobile-only-cell) {display:none!important}
  .overheads-receipts-table,.overheads-receipts-table tbody,.overheads-receipts-table tr.arvix-mobile-record {display:block!important;width:100%!important}
  .overheads-receipts-table tr.arvix-mobile-record {border:1px solid var(--workspace-border)!important;border-radius:12px!important;margin-bottom:8px!important;overflow:hidden!important}
  .overheads-receipts-table tr.arvix-mobile-record > td.overhead-mobile-only-cell {display:block!important;width:100%!important;padding:12px!important;border:0!important}
  .overheads-receipts-table .mobile-record-top,.overheads-receipts-table .mobile-record-bottom {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .overheads-receipts-table .mobile-record-bottom {margin-top:10px!important}
  .overheads-receipts-table .mobile-record-copy,.overheads-receipts-table .mobile-record-details {min-width:0!important;flex:1!important}
}

/* Overheads mobile corrective rules: isolated from global 4-column KPI and stack-table rules. */
@media screen and (max-width:767.98px) {
 body.app-authenticated .app-main-content .overheads-receipts-shell .overheads-summary-grid.operation-kpi-grid,
 body.app-authenticated .app-main-content .overheads-receipts-shell .overheads-summary-grid.receipts-metrics-grid {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overheads-summary-grid > .operation-kpi-card {display:flex!important;width:auto!important;min-width:0!important;grid-column:auto!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .mobile-hide-back {display:none!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .mobile-floating-back {display:flex!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell #overheads-search-form.receipts-toolbar {display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell #overheads-search-form .receipts-search {grid-column:1!important;grid-row:1!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell #overheads-search-form .receipts-toolbar-actions {grid-column:2!important;grid-row:1!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell #overheads-search-form .receipts-filter {grid-column:1/-1!important;grid-row:2!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell #overheads-search-form .receipts-filter,
 body.app-authenticated .app-main-content .overheads-receipts-shell #overheads-search-form .receipts-filter .ts-wrapper {width:100%!important;max-width:100%!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overheads-receipts-table-wrap {display:block!important;overflow:visible!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell table.overheads-receipts-table,
 body.app-authenticated .app-main-content .overheads-receipts-shell table.overheads-receipts-table tbody {display:block!important;width:100%!important;visibility:visible!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell table.overheads-receipts-table thead {display:none!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell table.overheads-receipts-table tbody tr.overhead-record {display:block!important;width:100%!important;min-width:0!important;height:auto!important;visibility:visible!important;margin:0 0 10px!important;padding:0!important;border:1px solid var(--workspace-border)!important;border-radius:12px!important;background:#fff!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell table.overheads-receipts-table tbody tr.overhead-record > td {display:none!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell table.overheads-receipts-table tbody tr.overhead-record > td.overhead-mobile-only-cell {display:block!important;visibility:visible!important;width:100%!important;max-width:100%!important;height:auto!important;padding:12px!important;border:0!important;background:transparent!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overhead-mobile-only-cell .mobile-record-top {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;border-bottom:1px solid var(--workspace-border)!important;padding-bottom:10px!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overhead-mobile-only-cell .mobile-record-bottom {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;margin-top:10px!important}
}

/* Overhead AMR follows the access-log mobile record layout; scoped only to this module. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .overheads-receipts-shell .catalog-index-page-btn.mobile-hide-back {display:none!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell > .mobile-floating-back {display:grid!important;place-items:center!important;position:fixed!important;right:16px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important;border-radius:50%!important;z-index:1045!important;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.9),var(--brand-primary))!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,83,177,.32)!important;animation:arvix-mobile-back-nudge 1.8s ease-in-out infinite!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overheads-receipts-table-wrap.mobile-compact-records tbody {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overheads-receipts-table-wrap.mobile-compact-records tbody tr.arvix-mobile-record {box-sizing:border-box!important;margin:0!important;padding:10px!important;border:1px solid #e1e8f3!important;border-radius:15px!important;box-shadow:none!important;overflow:visible!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overheads-receipts-table-wrap.mobile-compact-records tbody tr.arvix-mobile-record > td.overhead-mobile-only-cell {display:block!important;padding:0!important;border:0!important;width:100%!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overhead-mobile-only-cell .mobile-record-summary {display:block!important;width:100%!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overhead-mobile-only-cell .mobile-record-top {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;margin:0!important;padding:0 0 10px!important;border-bottom:1px solid var(--mobile-item-divider,#d7e3f6)!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overhead-mobile-only-cell .mobile-record-bottom {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;margin:10px 0 0!important;padding:0!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overhead-mobile-only-cell .mobile-record-identity,
 body.app-authenticated .app-main-content .overheads-receipts-shell .overhead-mobile-only-cell .mobile-record-contact {min-width:0!important}
 body.app-authenticated .app-main-content .overheads-receipts-shell .overhead-mobile-only-cell .table-action-group {display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important}
}
@media (prefers-reduced-motion:reduce) {
 body.app-authenticated .app-main-content .overheads-receipts-shell > .mobile-floating-back {animation:none!important}
}

/* Overheads mobile toolbar: exact requested padding (top horizontal bottom). */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .overheads-receipts-shell form#overheads-search-form.receipts-toolbar.operation-filters {padding:12px 12px 8px!important;box-sizing:border-box!important}
}

/* Purchase presentations: access-history structure with isolated AMR display rules. */
@media (min-width:768px) {
 .purchase-presentations-shell .purchase-presentations-table .mobile-record-summary {display:none!important}
 .purchase-presentations-shell .purchase-presentations-table .presentation-desktop-cell {display:table-cell!important}
}
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table-wrap {display:block!important;overflow:visible!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table {display:block!important;width:100%!important;min-width:0!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table thead {display:none!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table tbody {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table tbody > tr {display:block!important;width:100%!important;min-width:0!important;padding:12px 12px 8px!important;border:1px solid var(--mobile-item-border,#e1e8f3)!important;border-radius:15px!important;background:#fff!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table tbody > tr > td.presentation-desktop-cell {display:none!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table tbody > tr > td.presentation-name-cell {display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table .presentation-name-cell > .access-primary-text,
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table .presentation-name-cell > .access-muted {display:none!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table .mobile-record-summary {display:block!important;width:100%!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table .mobile-record-top {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;padding-bottom:10px!important;border-bottom:1px solid var(--mobile-item-divider,#d7e3f6)!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table .mobile-record-bottom {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important;margin-top:10px!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table .mobile-record-contact {min-width:0!important;overflow-wrap:anywhere!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell .purchase-presentations-table .catalog-index-table-actions {display:flex!important;gap:8px!important;align-items:center!important}
}


/* Purchase presentations — scoped Access Logs layout, no legacy catalog presentation. */
.purchase-presentations-shell .presentations-toolbar{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important}
.purchase-presentations-shell .presentations-toolbar .presentation-search{position:relative;flex:1 1 auto;min-width:0}
.purchase-presentations-shell .presentations-toolbar .presentation-search .bi-search{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}
.purchase-presentations-shell .presentations-toolbar .presentation-search input{width:100%;padding-left:40px}
.purchase-presentations-shell .presentations-toolbar select[name="type"],
.purchase-presentations-shell .presentations-toolbar select[name="status"]{flex:0 0 180px;width:180px}
.purchase-presentations-shell .presentations-toolbar .operation-reset{flex:0 0 auto}
.purchase-presentations-shell .purchase-presentations-table{width:100%;border-collapse:collapse}
.purchase-presentations-shell .purchase-presentations-table td,.purchase-presentations-shell .purchase-presentations-table th{vertical-align:middle}
.purchase-presentations-shell .purchase-presentations-table .catalog-index-table-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.purchase-presentations-shell .purchase-presentations-table .catalog-index-table-actions form{margin:0}
@media(max-width:767.98px){
 .purchase-presentations-shell .presentations-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;padding:12px 12px 8px!important}
 .purchase-presentations-shell .presentations-toolbar .presentation-search{grid-column:1;grid-row:1}
 .purchase-presentations-shell .presentations-toolbar .operation-reset{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center}
 .purchase-presentations-shell .presentations-toolbar select[name="type"]{grid-column:1;grid-row:2;width:100%!important;min-width:0!important;flex:auto!important}
 .purchase-presentations-shell .presentations-toolbar select[name="status"]{grid-column:2;grid-row:2;width:100%!important;min-width:0!important;flex:auto!important}
 .purchase-presentations-shell .presentations-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important}
 .purchase-presentations-shell .presentations-toolbar .presentation-search{grid-column:1/3!important}
 .purchase-presentations-shell .presentations-toolbar .operation-reset{grid-column:3!important}
 .purchase-presentations-shell .purchase-presentations-table tbody>tr>td.presentation-name-cell .mobile-record-summary{display:block!important}
 .purchase-presentations-shell .purchase-presentations-table tbody>tr>td.presentation-name-cell .mobile-record-identity{min-width:0!important}
 .purchase-presentations-shell .purchase-presentations-table tbody>tr>td.presentation-name-cell .mobile-record-name{overflow-wrap:anywhere}
}


/* Presentations: native selects are wrapped by initializeNativeSelectShells.
   Style the actual listbox-shell, not a Tom Select wrapper. */
@media (min-width:768px){
 body.app-authenticated .app-main-content .purchase-presentations-shell .access-table-card > form.presentations-toolbar.operation-filters{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,260px) minmax(220px,260px) 46px!important;gap:12px!important;align-items:center!important;
 }
 body.app-authenticated .app-main-content .purchase-presentations-shell form.presentations-toolbar > .presentation-search{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell form.presentations-toolbar > .listbox-shell:nth-child(2){grid-column:2!important;grid-row:1!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell form.presentations-toolbar > .listbox-shell:nth-child(3){grid-column:3!important;grid-row:1!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell form.presentations-toolbar > .operation-reset{grid-column:4!important;grid-row:1!important;margin:0!important}
}
body.app-authenticated .app-main-content .purchase-presentations-shell form.presentations-toolbar > .listbox-shell{
 box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:0 1 auto!important;
}
body.app-authenticated .app-main-content .purchase-presentations-shell form.presentations-toolbar > .listbox-shell > select.form-select{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:46px!important;
 box-sizing:border-box!important;padding-right:54px!important;background-image:none!important;
}
@media (max-width:767.98px){
 body.app-authenticated .app-main-content .purchase-presentations-shell form.presentations-toolbar > .listbox-shell:nth-child(2){grid-column:1/-1!important;grid-row:2!important}
 body.app-authenticated .app-main-content .purchase-presentations-shell form.presentations-toolbar > .listbox-shell:nth-child(3){grid-column:1/-1!important;grid-row:3!important}
}

/* Actual purchase SKU page: isolated access-history structure */
.purchase-skus-shell .purchase-skus-toolbar{display:flex;align-items:center;gap:12px;padding:12px}
.purchase-skus-shell .purchase-skus-search{position:relative;flex:1 1 auto;min-width:0}
.purchase-skus-shell .purchase-skus-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}
.purchase-skus-shell .purchase-skus-search input{width:100%;padding-left:40px}
.purchase-skus-shell .purchase-skus-table{width:100%;border-collapse:collapse}
.purchase-skus-shell .purchase-skus-table td,.purchase-skus-shell .purchase-skus-table th{vertical-align:middle}
.purchase-skus-shell .purchase-skus-table .catalog-index-table-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}
.purchase-skus-shell .purchase-skus-table .catalog-index-table-actions form{margin:0}
@media(min-width:768px){.purchase-skus-shell .purchase-skus-table .mobile-record-summary{display:none!important}}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:12px 12px 8px}
 .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-search{grid-column:1}
 .purchase-skus-shell .purchase-skus-toolbar .operation-reset{grid-column:2;display:flex;align-items:center;justify-content:center}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table-wrap{display:block!important;overflow:visible!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table{display:block!important;min-width:0!important;width:100%!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table thead{display:none!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table tbody>tr{display:block!important;width:100%!important;border:1px solid #d8e4f4!important;border-radius:14px!important;padding:12px 12px 8px!important;background:#fff!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table tbody>tr>td.purchase-skus-desktop-cell{display:none!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table tbody>tr>td.purchase-skus-main-cell{display:block!important;width:100%!important;padding:0!important;border:0!important}
 .purchase-skus-shell .purchase-skus-table .purchase-skus-desktop-value{display:none!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table .mobile-record-summary{display:block!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table .mobile-record-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;padding-bottom:9px!important;border-bottom:1px solid #d8e4f4!important}
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table .mobile-record-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;padding:0!important}
}


/* Unified purchase presentations: one search and two proportional filters. */
.purchase-skus-shell .purchase-skus-toolbar select[name="type"]{flex:0 0 190px;width:190px;min-width:0}
.purchase-skus-shell .purchase-skus-toolbar select[name="status"]{flex:0 0 155px;width:155px;min-width:0}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important}
 .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-search{grid-column:1/3!important;grid-row:1}
 .purchase-skus-shell .purchase-skus-toolbar .operation-reset{grid-column:3!important;grid-row:1}
 .purchase-skus-shell .purchase-skus-toolbar select[name="type"]{grid-column:1/4;grid-row:2;width:100%!important;min-width:0!important}
 .purchase-skus-shell .purchase-skus-toolbar select[name="status"]{grid-column:1/4;grid-row:3;width:100%!important;min-width:0!important}
}
@media(min-width:768px) and (max-width:1050px){
 .purchase-skus-shell .purchase-skus-toolbar{flex-wrap:wrap}
 .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-search{flex:1 1 280px}
}

/* Dashboard only: preserve two KPI cards per row on mobile. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .dashboard-exec-kpis.operation-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* Suppliers: access-log design and responsive record pattern; scoped to suppliers only. */
.suppliers-shell .suppliers-head-actions{align-items:center}
.suppliers-shell .suppliers-import-form{display:flex;align-items:center;gap:8px;margin:0}
.suppliers-shell .suppliers-import-form label{margin:0;max-width:220px}
.suppliers-shell .suppliers-import-form #suppliers-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suppliers-shell .suppliers-toolbar{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important}
.suppliers-shell .suppliers-search{flex:1 1 auto;min-width:0;position:relative}
.suppliers-shell .suppliers-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}
.suppliers-shell .suppliers-search input{width:100%;padding-left:40px}
.suppliers-shell .suppliers-toolbar select[name="status"]{width:180px;flex:0 0 180px}
.suppliers-shell .suppliers-toolbar .operation-reset{flex:0 0 auto}
.suppliers-shell .suppliers-records-table{width:100%;border-collapse:collapse}
.suppliers-shell .suppliers-records-table td,.suppliers-shell .suppliers-records-table th{vertical-align:middle}
.suppliers-shell .suppliers-records-table .catalog-index-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.suppliers-shell .suppliers-records-table .catalog-index-table-actions form{margin:0}
@media(min-width:768px){.suppliers-shell .suppliers-records-table .mobile-record-summary{display:none!important}}
@media(max-width:767.98px){
 .suppliers-shell .suppliers-head-actions{justify-content:center}
 .suppliers-shell .suppliers-import-form{flex-wrap:wrap;justify-content:center}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;padding:12px 12px 8px!important}
 .suppliers-shell .suppliers-toolbar .suppliers-search{grid-column:1;grid-row:1}
 .suppliers-shell .suppliers-toolbar .operation-reset{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center}
 .suppliers-shell .suppliers-toolbar select[name="status"]{grid-column:1/-1;grid-row:2;width:100%!important;min-width:0!important;flex:auto!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-table-wrap{display:block!important;overflow:visible!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table{display:block!important;min-width:0!important;width:100%!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table thead{display:none!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table tbody>tr.supplier-record{display:block!important;width:100%!important;min-width:0!important;border:1px solid #d8e4f4!important;border-radius:14px!important;padding:12px 12px 8px!important;background:#fff!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table tbody>tr>td.supplier-desktop-cell{display:none!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table tbody>tr>td.supplier-mobile-record{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important}
 .suppliers-shell .suppliers-records-table .supplier-desktop-code{display:none!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table .mobile-record-summary{display:block!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table .mobile-record-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;padding-bottom:9px!important;border-bottom:1px solid #d8e4f4!important}
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-records-table .mobile-record-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;padding-top:9px!important}
 .suppliers-shell .suppliers-records-table .mobile-record-contact{min-width:0;overflow-wrap:anywhere}
}

/* Kardex only: two KPI cards per row on mobile, without affecting closed pages. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .kx-summary.operation-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Suppliers filters: search fills available width; status and clear retain fixed sizes. */
@media (min-width: 768px) {
  body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(200px, 1fr) 44px !important;
    align-items: center;
    gap: 12px !important;
    width: 100%;
  }
  .suppliers-shell .suppliers-toolbar .suppliers-search,
  .suppliers-shell .suppliers-toolbar select[name="status"],
  .suppliers-shell .suppliers-toolbar .operation-reset {
    min-width: 0;
    width: 100%;
    grid-column: auto;
    grid-row: auto;
  }
  .suppliers-shell .suppliers-toolbar select[name="status"] { flex: initial; }
  .suppliers-shell .suppliers-toolbar .suppliers-search,
  .suppliers-shell .suppliers-toolbar select[name="status"],
  .suppliers-shell .suppliers-toolbar .operation-reset { height: 46px; }
}


/* Suppliers: access-logs filter layout, scoped to this page only. */
@media (min-width: 768px) {
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar {
  display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(190px,1fr) 44px!important;
  gap:10px!important;align-items:center!important;width:100%;
 }
 .suppliers-shell .suppliers-toolbar > .suppliers-search,
 .suppliers-shell .suppliers-toolbar > .suppliers-status-field,
 .suppliers-shell .suppliers-toolbar > .suppliers-filter-actions {min-width:0;width:100%;margin:0;flex:none;}
 .suppliers-shell .suppliers-toolbar .suppliers-status-field select {width:100%!important;min-width:0!important;height:46px;}
 .suppliers-shell .suppliers-toolbar .suppliers-filter-actions {display:flex;justify-content:center;}
 .suppliers-shell .suppliers-toolbar .suppliers-filter-actions .operation-reset {width:44px;height:46px;display:flex;align-items:center;justify-content:center;}
}
@media (max-width: 767.98px) {
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar {display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;}
 .suppliers-shell .suppliers-toolbar > .suppliers-search {grid-column:1;grid-row:1;min-width:0;}
 .suppliers-shell .suppliers-toolbar > .suppliers-filter-actions {grid-column:2;grid-row:1;min-width:0;display:flex;}
 .suppliers-shell .suppliers-toolbar > .suppliers-status-field {grid-column:1/-1;grid-row:2;min-width:0;}
 .suppliers-shell .suppliers-toolbar .suppliers-status-field select {width:100%!important;min-width:0!important;}
 .suppliers-shell .suppliers-toolbar .suppliers-filter-actions .operation-reset {width:44px;display:flex;align-items:center;justify-content:center;}
}

/* Suppliers: ensure the filter row and its controls consume the full available width. */
@media (min-width: 768px) {
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar {
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) 44px!important;
  width:100%!important;max-width:none!important;
 }
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar > .suppliers-search,
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar > .suppliers-status-field {
  width:100%!important;max-width:none!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar .suppliers-search input,
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-toolbar .suppliers-status-field select {
  display:block;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box;
 }
}

/* Suppliers desktop toolbar: one flexible search, compact status, reset at far right. */
@media (min-width: 768px) {
 body.app-authenticated .app-main-content .suppliers-shell form#suppliers-search-form.suppliers-toolbar {
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:stretch!important;
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
 }
 body.app-authenticated .app-main-content .suppliers-shell form#suppliers-search-form > .suppliers-search {
  flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;
 }
 body.app-authenticated .app-main-content .suppliers-shell form#suppliers-search-form > .suppliers-status-field {
  flex:0 0 230px!important;width:230px!important;max-width:230px!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .suppliers-shell form#suppliers-search-form > .suppliers-filter-actions {
  flex:0 0 44px!important;width:44px!important;min-width:44px!important;
  margin-left:auto!important;justify-content:flex-end!important;
 }
 body.app-authenticated .app-main-content .suppliers-shell form#suppliers-search-form > .suppliers-search input,
 body.app-authenticated .app-main-content .suppliers-shell form#suppliers-search-form > .suppliers-status-field select {width:100%!important;max-width:none!important;box-sizing:border-box!important;}
}

/* Suppliers mobile only: match the two-row measurement-units record layout. */
@media (max-width: 767.98px) {
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-table-wrap {overflow:visible!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table {display:block!important;width:100%!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table thead {display:none!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table tbody {display:block!important;width:100%!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table tbody > tr.supplier-record {display:block!important;width:100%!important;box-sizing:border-box!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table tbody > tr.supplier-record > td {display:none!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table tbody > tr.supplier-record > td.supplier-mobile-record {display:block!important;width:100%!important;box-sizing:border-box!important;}
 body.app-authenticated .app-main-content .suppliers-shell .supplier-mobile-record > .measurement-unit-mobile-cell {display:block!important;width:100%!important;}
 body.app-authenticated .app-main-content .suppliers-shell .supplier-mobile-record .mobile-record-top {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;padding-bottom:9px!important;border-bottom:1px solid #d8e4f4!important;}
 body.app-authenticated .app-main-content .suppliers-shell .supplier-mobile-record .mobile-record-bottom {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important;padding:0!important;}
 body.app-authenticated .app-main-content .suppliers-shell .supplier-mobile-record .mobile-record-copy,
 body.app-authenticated .app-main-content .suppliers-shell .supplier-mobile-record .mobile-record-details {min-width:0!important;overflow-wrap:anywhere!important;}
 body.app-authenticated .app-main-content .suppliers-shell .supplier-mobile-record .catalog-index-table-actions {display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;}
 body.app-authenticated .app-main-content .suppliers-shell .supplier-mobile-record .table-action-icon {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;}
 body.app-authenticated .app-main-content .suppliers-shell .supplier-mobile-record .supplier-desktop-code {display:none!important;}
}

/* Suppliers mobile table body: remove inherited inner padding only here. */
@media (max-width: 767.98px) {
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table > tbody {
  padding:0!important;
 }
}

/* Separate supplier record cards without restoring tbody padding. */
@media (max-width: 767.98px) {
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table > tbody > tr.supplier-record + tr.supplier-record {
  margin-top: 10px !important;
 }
}

/* Suppliers desktop/tablet: restore a normal seven-column table after mobile card refactor. */
@media (min-width: 768px) {
 body.app-authenticated .app-main-content .suppliers-shell .suppliers-table-wrap {overflow-x:auto!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table {display:table!important;width:100%!important;min-width:0!important;border-collapse:collapse!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table thead {display:table-header-group!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table tbody {display:table-row-group!important;padding:0!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table tbody > tr.supplier-record {display:table-row!important;margin:0!important;padding:0!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table tbody > tr.supplier-record > td {display:table-cell!important;vertical-align:middle!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table .supplier-mobile-record > .measurement-unit-mobile-cell {display:none!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table .supplier-mobile-record > .supplier-desktop-code {display:inline!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table .supplier-desktop-cell {display:table-cell!important;}
 body.app-authenticated .app-main-content .suppliers-shell table.suppliers-records-table .catalog-index-table-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;}
}

/* Overheads only: display and center the existing New overhead cost action on mobile. */
@media (max-width: 767.98px) {
 body.app-authenticated .app-main-content .overheads-receipts-shell .receipts-page-head > .catalog-index-actions {
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;flex-wrap:wrap!important;
 }
 body.app-authenticated .app-main-content .overheads-receipts-shell .receipts-page-head .receipts-create-btn {
  display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;
  position:static!important;opacity:1!important;margin-inline:0!important;
 }
}

/* System settings: deliberate field rows, scoped without changing other modules. */
.settings-page-pad .settings-general-rows{display:flex;flex-direction:column;gap:16px}
.settings-page-pad .settings-general-row{display:grid;gap:16px;align-items:start}
.settings-page-pad .settings-general-row>div{min-width:0}
.settings-page-pad .settings-general-row-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-page-pad .settings-general-row-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.settings-page-pad .settings-logo-file-picker{min-height:42px;max-width:100%}
.settings-page-pad .settings-logo-file-trigger{min-height:34px;height:34px;padding:0 12px;gap:6px}
.settings-page-pad .settings-logo-file-trigger>span{font-size:13px}
.settings-page-pad .settings-logo-file-trigger>i{font-size:15px;width:16px;height:16px;flex-basis:16px}
@media (min-width:768px) and (max-width:1199.98px){
 .settings-page-pad .settings-general-row-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767.98px){
 .settings-page-pad .settings-general-row-two,.settings-page-pad .settings-general-row-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .settings-page-pad .settings-general-row{gap:12px}
 .settings-page-pad .settings-logo-file-trigger{padding:0 9px}
}

/* Settings general first row: logo, company name and representative. */
.settings-page-pad .settings-general-row-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-page-pad .settings-general-logo{min-width:0}
.settings-page-pad .settings-general-logo .settings-logo-file-picker{width:100%}
.settings-page-pad .settings-general-logo .settings-logo-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:768px) and (max-width:1199.98px){
 .settings-page-pad .settings-general-row-three{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767.98px){
 .settings-page-pad .settings-general-row-three{grid-template-columns:minmax(0,1fr)}
}

/* Mobile settings: address and email each occupy a full row. */
@media (max-width:767.98px){
 .settings-page-pad .settings-general-row-four:has([name="company_address"]) > div:has([name="company_address"]),
 .settings-page-pad .settings-general-row-four:has([name="company_address"]) > div:has([name="company_email"]){
  grid-column:1 / -1;
 }
}

/* Customers: reuse supplier catalog records and form components, scoped to customers. */
.customer-editor-shell .customer-editor-section{padding:0;margin:0 0 18px;border:0}
.customer-editor-shell .customer-editor-section:last-of-type{margin-bottom:0}
.customer-editor-shell .customer-editor-section-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:#18345b;margin:0 0 16px}
.customer-editor-shell .customer-editor-section-title i{color:#2868e7}
.customer-editor-shell .customer-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.customer-editor-shell .customer-editor-grid>*{min-width:0}
.customer-editor-shell .customer-editor-grid>.operation-field-full{grid-column:1/-1}
.customer-editor-shell .customer-active-row{display:flex;align-items:center;gap:12px;min-height:44px}
.customer-editor-shell .customer-active-switch{display:flex;align-items:center;flex:0 0 auto;margin:0;padding:0}
.customer-editor-shell .customer-active-switch .form-check-input{float:none;margin:0;cursor:pointer}
.customer-editor-shell .customer-active-description{color:#536b8e;font-size:13px;line-height:1.4}
.customer-editor-shell .customer-editor-grid .form-control,.customer-editor-shell .customer-editor-grid .form-select{width:100%}
@media(min-width:768px) and (max-width:1199.98px){
 .customer-editor-shell .customer-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767.98px){
 .customer-editor-shell .customer-editor-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .customer-editor-shell .customer-editor-grid>*{grid-column:1/-1}
}

/* Customers: same proportional search/status/reset toolbar as supplier catalog. */
@media(min-width:768px){
 body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form.suppliers-toolbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) 230px 44px!important;gap:10px!important;align-items:center!important;
 }
 body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form>.suppliers-search,
 body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form>.suppliers-status-field,
 body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form>.suppliers-filter-actions{
  grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:100%!important;
 }
}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form.suppliers-toolbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important;
 }
 body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form>.suppliers-search{grid-column:1!important;grid-row:1!important;min-width:0!important}
 body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form>.suppliers-filter-actions{grid-column:2!important;grid-row:1!important;width:44px!important}
 body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form>.suppliers-status-field{grid-column:1/-1!important;grid-row:2!important;min-width:0!important}
}
body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form input,
body.app-authenticated .app-main-content .customers-catalog-shell form#customers-search-form select{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}

/* Customer list: first table cell is customer on desktop and responsive record on mobile. */
@media(min-width:768px){
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table tbody>tr.customer-record>td.customer-mobile-cell{
  display:table-cell!important;width:auto!important;min-width:0!important;padding:inherit!important;border:inherit!important;background:transparent!important;
 }
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table .customer-mobile-content{display:none!important}
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table .customer-desktop-name{display:inline!important}
}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table .customer-desktop-name{display:none!important}
}

/* Customer primary column: independent desktop cell and mobile record. */
@media(min-width:768px){
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table tbody tr.customer-record>td.customer-primary-cell{
  display:table-cell!important;vertical-align:middle!important;width:auto!important;min-width:0!important;
  padding:12px 14px!important;border-bottom:1px solid var(--bs-border-color,#e5e7eb)!important;
 }
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table td.customer-primary-cell>.customer-mobile-content{display:none!important}
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table td.customer-primary-cell>.customer-desktop-name{display:inline!important}
}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table tbody tr.customer-record>td.customer-primary-cell{
  display:block!important;width:100%!important;box-sizing:border-box!important;padding:0!important;border:0!important;background:transparent!important;
 }
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table td.customer-primary-cell>.customer-mobile-content{display:block!important;width:100%!important}
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table td.customer-primary-cell>.customer-desktop-name{display:none!important}
 body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table tbody tr.customer-record>td.customer-desktop-cell{display:none!important}
}

/* Access history: neutral outlined buttons matching the Ver historial reference. */
body.app-authenticated .app-main-content .access-shell .access-history-reference-btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 min-height:46px!important;padding:10px 17px!important;border:1px solid #d3e0f2!important;
 border-radius:12px!important;background:#fff!important;color:#42536d!important;
 font-weight:600!important;font-size:14px!important;line-height:1.2!important;
 text-decoration:none!important;box-shadow:none!important;transition:background-color .2s,border-color .2s!important;
}
body.app-authenticated .app-main-content .access-shell .access-history-reference-btn i{font-size:16px!important;color:#42536d!important}
body.app-authenticated .app-main-content .access-shell .access-history-reference-btn:hover,
body.app-authenticated .app-main-content .access-shell .access-history-reference-btn:focus-visible{
 background:#f5f8fe!important;border-color:#b9cce9!important;color:#34455f!important;
}

/* Clientes: eliminar el padding interno del encabezado y pie de cada registro móvil. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table .customer-mobile-content .mobile-record-top,
  body.app-authenticated .app-main-content .customers-catalog-shell table.customers-records-table .customer-mobile-content .mobile-record-bottom {
    padding: 0 !important;
  }
}

/* Item catalog: two information columns and independent actions on mobile only. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .items-records-table .operation-mobile-card-values {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px 12px!important;
    align-items:start!important;
  }
  body.app-authenticated .app-main-content .items-records-table .operation-mobile-card-values > div:not(.catalog-index-table-actions) {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
    min-width:0!important;
    white-space:normal!important;
  }
  body.app-authenticated .app-main-content .items-records-table .operation-mobile-card-values .catalog-index-table-actions {
    grid-column:1 / -1!important;
    display:flex!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    padding-top:6px!important;
  }
  body.app-authenticated .app-main-content .items-records-table .operation-mobile-card-values strong {
    overflow-wrap:anywhere!important;
  }
}

/* Inventory stock cards: standard two-column mobile information layout. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .inventory-table .operation-mobile-card-values {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px 12px!important;
    align-items:start!important;
  }
  body.app-authenticated .app-main-content .inventory-table .operation-mobile-card-values > div:not(.inventory-mobile-actions) {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
    min-width:0!important;
    white-space:normal!important;
  }
  body.app-authenticated .app-main-content .inventory-table .operation-mobile-card-values .inventory-mobile-actions {
    grid-column:1 / -1!important;
    display:flex!important;
    justify-content:flex-end!important;
    padding-top:6px!important;
  }
  body.app-authenticated .app-main-content .inventory-table .operation-mobile-card-values strong {
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table .mobile-record-txtbot2 {font-weight:400!important;}
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table .mobile-record-txtbot2 strong {font-weight:700!important;}
}

@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table .mobile-record-txtbot1 {font-weight:400!important;}
}

/* Item catalog: desktop filter sizing; mobile uses page AMR and shared supplier rules. */
@media (min-width:768px) {
 body.app-authenticated .app-main-content .items-catalog-shell .items-toolbar {display:flex!important;align-items:center!important;gap:12px!important;}
 body.app-authenticated .app-main-content .items-catalog-shell .items-search {flex:1 1 0!important;width:auto!important;min-width:0!important;}
 body.app-authenticated .app-main-content .items-catalog-shell .items-filter-actions {flex:0 0 auto!important;}
 body.app-authenticated .app-main-content .items-catalog-shell .items-toolbar .items-type-field {flex:0 0 265px!important;width:265px!important;}
 body.app-authenticated .app-main-content .items-catalog-shell .items-toolbar .items-category-field {flex:0 0 275px!important;width:275px!important;}
 body.app-authenticated .app-main-content .items-catalog-shell .items-toolbar .items-status-field {flex:0 0 195px!important;width:195px!important;}
 body.app-authenticated .app-main-content .items-catalog-shell .items-toolbar :is(.items-type-field,.items-category-field,.items-status-field) select {width:100%!important;min-width:0!important;}
}


/* Item detail: compact operational actions and balanced inventory cards. */
.item-show-operations { margin: 14px 0; }
.item-show-operation-links { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.item-show-operation-links > a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 9px; text-decoration: none; }
.item-show-grid-operational { grid-template-columns: minmax(0, 1.5fr) minmax(260px, .5fr); }
.item-show-grid-operational .item-show-stack { min-width: 0; }
.item-show-grid-operational .table-card .card-body { min-height: 0; }
.item-show-stat-precision { display: block; font-size: 11px; font-weight: 400; color: var(--bs-secondary-color, #5a6d88); margin-top: 3px; }
.item-show-grid-operational .operation-table-wrap { overflow-x: auto; }
.item-show-grid-operational .item-show-soft-card { min-height: 0; }
@media (max-width: 767.98px) {
  .item-show-operation-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .item-show-operation-links > a { font-size: 12px; text-align: center; }
  .item-show-grid-operational { display: flex; flex-direction: column; }
}


/* PEG — Ficha de ítem. Autoridad visual compartida: ingredientes y materiales.
   Scope estricto: evita afectar las demás páginas del sistema. */
.app-authenticated .app-main-content .item-show-shell {
    display:flex; flex-direction:column; gap:16px; min-width:0;
    color:var(--workspace-title);
}
.app-authenticated .app-main-content .item-show-shell > section {margin:0;min-width:0;}
.app-authenticated .app-main-content .item-show-shell .item-show-stats {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
}
.app-authenticated .app-main-content .item-show-shell .item-show-stat {
    min-width:0; min-height:100px; padding:16px 18px; border:1px solid var(--workspace-border);
    border-radius:var(--workspace-radius-card); background:var(--workspace-surface);
    box-shadow:var(--workspace-shadow);
}
.app-authenticated .app-main-content .item-show-shell .item-show-stat-label {
    margin:0 0 10px; font-size:var(--workspace-kpi-label-size); font-weight:500;
    line-height:1.3; color:var(--workspace-copy);
}
.app-authenticated .app-main-content .item-show-shell .item-show-stat-value,
.app-authenticated .app-main-content .item-show-shell .item-show-stat-value.small,
.app-authenticated .app-main-content .item-show-shell .item-show-stat-value.tiny {
    margin:0; font-size:var(--workspace-kpi-value-size); font-weight:700;
    line-height:1.25; color:var(--workspace-title); overflow-wrap:anywhere;
}
.app-authenticated .app-main-content .item-show-shell .item-show-type-badge {
    font-size:var(--workspace-meta-size); padding:7px 13px; border-radius:999px;
    background:var(--workspace-surface); border:1px solid var(--workspace-border-strong);
    color:var(--workspace-title); font-weight:600;
}
.app-authenticated .app-main-content .item-show-shell :is(.content-card,.table-card) {
    background:var(--workspace-surface); border:1px solid var(--workspace-border);
    border-radius:var(--workspace-radius-card); box-shadow:var(--workspace-shadow);
    overflow:hidden; min-width:0;
}
.app-authenticated .app-main-content .item-show-shell :is(.content-card,.table-card) > .card-body {
    padding:18px 20px;
}
.app-authenticated .app-main-content .item-show-shell :is(.item-show-table-title,.item-show-section-title) {
    font-size:var(--workspace-section-title-size); font-weight:700; letter-spacing:0;
    text-transform:none; color:var(--workspace-title); line-height:1.35; margin:0;
}
.app-authenticated .app-main-content .item-show-shell .item-show-table-head {
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
    gap:10px; margin-bottom:16px;
}
.app-authenticated .app-main-content .item-show-shell .item-show-grid-operational {
    display:grid; grid-template-columns:minmax(0, 2fr) minmax(280px, 0.9fr); gap:16px;
}
.app-authenticated .app-main-content .item-show-shell .item-show-stack {display:grid;gap:16px;align-content:start;min-width:0;}
.app-authenticated .app-main-content .item-show-shell .item-show-soft-card {
    padding:14px; border:1px solid var(--workspace-border); border-radius:12px;
    background:var(--workspace-surface); box-shadow:none; min-width:0;
}
.app-authenticated .app-main-content .item-show-shell .item-show-operations {padding:0;}
.app-authenticated .app-main-content .item-show-shell .item-show-operation-links {
    display:flex;flex-wrap:wrap;gap:10px;
}
.app-authenticated .app-main-content .item-show-shell .item-show-operation-links > a {
    min-height:40px; padding:9px 14px; font-size:var(--workspace-meta-size);
    border-radius:var(--workspace-radius-control); text-decoration:none; font-weight:600;
}
.app-authenticated .app-main-content .item-show-shell .operation-table-wrap {
    overflow-x:auto; border:1px solid var(--workspace-border);border-radius:12px;
}
.app-authenticated .app-main-content .item-show-shell table.operation-table {
    width:100%; margin:0; border-collapse:separate; border-spacing:0;
    font-size:var(--workspace-table-size);
}
.app-authenticated .app-main-content .item-show-shell table.operation-table thead th {
    background:var(--workspace-surface-muted, #edf3fc); color:var(--workspace-muted);
    padding:12px 13px; font-size:var(--workspace-meta-size); font-weight:700;
    letter-spacing:0; text-transform:none; border-bottom:1px solid var(--workspace-border);
}
.app-authenticated .app-main-content .item-show-shell table.operation-table tbody td {
    padding:12px 13px; vertical-align:middle; color:var(--workspace-title);
    border-bottom:1px solid var(--workspace-border);
}
.app-authenticated .app-main-content .item-show-shell table.operation-table tbody tr:last-child td {border-bottom:0;}
.app-authenticated .app-main-content .item-show-shell .item-show-inline-actions {display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.app-authenticated .app-main-content .item-show-shell .item-show-inline-btn {
    min-height:36px; padding:7px 10px; font-size:var(--workspace-meta-size);
    border-radius:var(--workspace-radius-control);text-decoration:none;
}
.app-authenticated .app-main-content .item-show-shell .item-show-stat-precision {
    display:block; font-size:11px; font-weight:400; margin-top:4px;color:var(--workspace-copy);
}
@media (max-width:1199.98px) {
    .app-authenticated .app-main-content .item-show-shell .item-show-stats {grid-template-columns:repeat(3,minmax(0,1fr));}
    .app-authenticated .app-main-content .item-show-shell .item-show-grid-operational {grid-template-columns:1fr;}
}
@media (max-width:767.98px) {
    .app-authenticated .app-main-content .item-show-shell .item-show-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
    .app-authenticated .app-main-content .item-show-shell .item-show-stat {min-height:88px;padding:12px;}
    .app-authenticated .app-main-content .item-show-shell .item-show-stat-value,
    .app-authenticated .app-main-content .item-show-shell .item-show-stat-value.small,
    .app-authenticated .app-main-content .item-show-shell .item-show-stat-value.tiny {font-size:18px;}
    .app-authenticated .app-main-content .item-show-shell :is(.content-card,.table-card) > .card-body {padding:12px;}
    .app-authenticated .app-main-content .item-show-shell .item-show-operation-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
    .app-authenticated .app-main-content .item-show-shell .item-show-operation-links > a {white-space:normal;}
}

/* PEG: item detail KPIs reuse the same components as Catálogo de ítems. */
.app-authenticated .app-main-content .item-show-shell .item-detail-global-kpis {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
}
.app-authenticated .app-main-content .item-show-shell .item-detail-global-kpis .access-stat-card {
    min-width:0; height:100%;
}
.app-authenticated .app-main-content .item-show-shell .item-detail-global-kpis .operation-kpi-value {
    overflow-wrap:anywhere;
}
@media(max-width:767.98px) {
    .app-authenticated .app-main-content .item-show-shell .item-detail-global-kpis {
        grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    }
    .app-authenticated .app-main-content .item-show-shell .item-detail-global-kpis .operation-kpi-copy {display:none;}
}

/* PEG: purchase presentations and lots share a row on desktop. */
.app-authenticated .app-main-content .item-show-shell .item-detail-sections {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,calc((100% - 36px)/4));
    align-items:start;
    gap:16px;
}
.app-authenticated .app-main-content .item-show-shell .item-detail-sections:not(:has(.item-detail-lots)) {grid-template-columns:minmax(0,1fr);}
.app-authenticated .app-main-content .item-show-shell .item-detail-main,
.app-authenticated .app-main-content .item-show-shell .item-detail-lots {min-width:0;}
.app-authenticated .app-main-content .item-show-shell .item-detail-lots .item-detail-table-card {
    border:1px solid var(--workspace-border);border-radius:16px;background:var(--workspace-surface);overflow:hidden;
}
.app-authenticated .app-main-content .item-show-shell .item-detail-lots .item-detail-table-card > .card-body {padding:18px 20px;}
.app-authenticated .app-main-content .item-show-shell .item-detail-lots .item-show-table-head {display:flex;gap:12px;align-items:center;padding-bottom:14px;}
.app-authenticated .app-main-content .item-show-shell .item-detail-section-heading {display:flex;align-items:flex-start;gap:10px;min-width:0;}
.app-authenticated .app-main-content .item-show-shell .peg-presentations-head .item-detail-section-heading {align-items:center;}
.app-authenticated .app-main-content .item-show-shell .item-detail-lots .item-detail-section-heading {align-items:center;}
.app-authenticated .app-main-content .item-show-shell .item-detail-section-icon {color:var(--brand-primary);font-size:19px;line-height:1.3;flex:none;}
.app-authenticated .app-main-content .item-show-shell .item-detail-section-description {margin:3px 0 0;color:var(--workspace-copy);font-size:var(--workspace-meta-size);line-height:1.4;}
.app-authenticated .app-main-content .item-show-shell .item-detail-lot-list {display:grid;gap:10px;}
.app-authenticated .app-main-content .item-show-shell .item-detail-lot-card {padding:12px 14px;border:1px solid var(--workspace-border);border-radius:12px;background:var(--workspace-surface);}
.app-authenticated .app-main-content .item-show-shell .item-detail-lot-code {font-size:var(--workspace-table-size);font-weight:700;overflow-wrap:anywhere;}
.app-authenticated .app-main-content .item-show-shell .item-detail-lot-meta {display:grid;gap:5px;margin-top:8px;font-size:var(--workspace-meta-size);color:var(--workspace-copy);}
.app-authenticated .app-main-content .item-show-shell .item-detail-lot-meta strong {color:var(--workspace-title);}
@media(max-width:767.98px) {
    .app-authenticated .app-main-content .item-show-shell .item-detail-sections {grid-template-columns:minmax(0,1fr);}
    .app-authenticated .app-main-content .item-show-shell .item-detail-lots .item-detail-table-card > .card-body {padding:12px;}
}

/* Detail-page purchase table: use catalog geometry without the extra mobile-only column. */
@media(min-width:768px) {
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .suppliers-table-wrap {overflow-x:auto;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table {display:table;width:100%;min-width:740px;table-layout:auto;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table thead {display:table-header-group;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table tbody {display:table-row-group;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table tr {display:table-row;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table td.supplier-mobile-record {display:none!important;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table td.supplier-desktop-cell {display:table-cell;}
}
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table {display:block;width:100%;min-width:0;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table thead,
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table td.supplier-desktop-cell {display:none!important;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table tbody,
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table tr.presentation-record {display:block;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table td.supplier-mobile-record {display:block;width:100%;padding:0;border:0;}
}
/* Purchase presentations reuse the catalog/suppliers table classes and global typography.
   Only the surrounding detail card differs from the catalog index page. */
body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card {
    border:0;box-shadow:none;border-radius:0!important;overflow:hidden;min-width:0;
}
body.app-authenticated .app-main-content .item-show-shell .peg-presentations-body {padding:0;}
body.app-authenticated .app-main-content .item-show-shell .peg-presentations-head {
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:12px 16px;border-bottom:0;
}
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-head {flex-wrap:wrap;padding:12px;}
}

/* Presentations: inherit the same table typography and spacing as Suppliers. */
body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .suppliers-table-wrap {
    box-sizing:border-box;padding:0 12.8px 8px!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table thead th {
    font-size:var(--workspace-label-size)!important;
    font-weight:700;letter-spacing:var(--workspace-label-spacing);
    text-transform:uppercase;padding:1rem .8rem!important;
}
body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table tbody td.supplier-desktop-cell {
    font-size:var(--workspace-table-size)!important;
    padding:.95rem .8rem!important;
    border-bottom:1px solid var(--workspace-border)!important;
}
body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table tbody tr:last-child td.supplier-desktop-cell {
    border-bottom:1px solid var(--workspace-border)!important;
}
body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .mobile-paginated-footer {
    padding:16px!important;border:0!important;
}
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .suppliers-table-wrap {padding:0 12px 8px!important;}
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .mobile-paginated-footer {padding:12px!important;}
}

/* Purchase presentations: same 16px outer corner radius as desktop KPI cards. */
body.app-authenticated .app-main-content .item-show-shell section.peg-presentations-card {
    border-radius:16px!important;
    overflow:hidden;
}
body.app-authenticated .app-main-content .item-show-shell section.peg-presentations-card .peg-presentations-body,
body.app-authenticated .app-main-content .item-show-shell section.peg-presentations-card .peg-presentations-head,
body.app-authenticated .app-main-content .item-show-shell section.peg-presentations-card .suppliers-table-wrap,
body.app-authenticated .app-main-content .item-show-shell section.peg-presentations-card table.suppliers-records-table,
body.app-authenticated .app-main-content .item-show-shell section.peg-presentations-card .mobile-paginated-footer {
    border-radius:0!important;
}
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .item-show-shell section.peg-presentations-card {border-radius:12px!important;}
}

/* Keep purchase-presentation row actions horizontal in narrow desktop cards. */
@media(min-width:768px) {
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table th:last-child,
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card table.suppliers-records-table td.supplier-desktop-cell:last-child {
        min-width:108px;
        white-space:nowrap;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .catalog-index-table-actions.item-show-inline-actions {
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:8px;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .catalog-index-table-actions.item-show-inline-actions form {
        margin:0;
        flex:0 0 auto;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .catalog-index-table-actions.item-show-inline-actions .table-action-icon {
        flex:0 0 auto;
    }
}

/* Item detail mobile: two KPI columns and compact purchase presentation header. */
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .item-show-shell .item-detail-global-kpis {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-head {
        flex-direction:column;
        align-items:stretch;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-head > a {
        align-self:center;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-head .item-show-table-title {
        display:none!important;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .mobile-record-top {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:start;
        gap:10px;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .item-presentation-supplier {
        justify-self:end;
        align-self:start;
        max-width:145px;
        min-width:0;
        white-space:normal;
        overflow-wrap:anywhere;
        text-align:center;
    }
}

/* Detail mobile header actions: Edit | Add SKU | Back, centered as one group. */
body.app-authenticated .app-main-content .item-show-shell .item-show-mobile-sku {display:none;}
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .item-show-shell .catalog-form-top-actions {
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:wrap!important;
        align-items:center!important;
        justify-content:center!important;
        gap:8px!important;
        width:100%;
    }
    body.app-authenticated .app-main-content .item-show-shell .catalog-form-top-actions > a {
        flex:0 0 auto;
        width:auto!important;
    }
    body.app-authenticated .app-main-content .item-show-shell .item-show-mobile-sku {display:inline-flex!important;}
    body.app-authenticated .app-main-content .item-show-shell .item-show-section-sku {display:none!important;}
}

/* Mobile item purchase card: no auto-generated field title, divided sections, green supplier pill. */
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card td.item-presentation-mobile::before,
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card td.item-presentation-mobile::after,
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card tr.presentation-record::before {
        content:none!important;
        display:none!important;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card td.item-presentation-mobile .mobile-record-top {
        padding-bottom:10px!important;
        border-bottom:1px solid var(--workspace-border)!important;
        margin-bottom:10px!important;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card td.item-presentation-mobile .mobile-record-bottom {
        padding-top:0!important;
        margin-top:0!important;
    }
    body.app-authenticated .app-main-content .item-show-shell .peg-presentations-card .item-presentation-supplier.catalog-index-status-pill {
        background:rgba(220,252,231,.95)!important;
        color:#16a34a!important;
        border:0!important;
    }
}

/* Products catalog: responsive KPI grid and consistent single-line row actions. */
body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .table-action-group {
    display:inline-flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}
body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .table-action-group > a,
body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .table-action-group > form {
    flex:0 0 auto;
}
body.app-authenticated .app-main-content .products-catalog-shell .products-records-table th:last-child,
body.app-authenticated .app-main-content .products-catalog-shell .products-records-table td:last-child {
    white-space:nowrap;
}
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .products-catalog-shell .products-catalog-kpis {
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    body.app-authenticated .app-main-content .products-catalog-shell .products-records-table td:last-child .table-action-group {
        width:100%;
        justify-content:flex-end;
    }
}

/* Final products: keep filters usable on narrow screens and pagination inside the card. */
body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 16px 16px;
}
body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer nav {
    margin-left:auto;
}
@media(max-width:767.98px) {
    body.app-authenticated .app-main-content .products-catalog-shell #products-search-form {
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 44px!important;
        gap:8px!important;
        padding:12px!important;
    }
    body.app-authenticated .app-main-content .products-catalog-shell #products-search-form .catalog-index-search {
        grid-column:1;
        min-width:0!important;
        width:100%!important;
    }
    body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > select {
        grid-column:1 / -1;
        min-width:0!important;
        width:100%!important;
    }
    body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > a {
        grid-column:2;
        grid-row:1;
        justify-self:end;
    }
    body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer {
        justify-content:center;
        text-align:center;
    }
    body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer nav {
        margin-left:0;
        width:100%;
    }
}


/* Final products: reuse the suppliers toolbar/table/footer design, with two compact listboxes. */
@media(min-width:768px) {
 body.app-authenticated .app-main-content .products-catalog-shell form#products-search-form.products-toolbar {
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) 200px 166px 44px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .suppliers-search,
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-category-field,
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-status-field,
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-filter-actions {
  min-width:0!important;width:100%!important;max-width:none!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form select {
  width:100%!important;min-width:0!important;max-width:none!important;
 }
}
body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer.operation-footer {
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:12px;
 padding:16px 20px;
 margin:0;
}
body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer.operation-footer nav {
 width:auto;
 margin-left:auto;
}
@media(max-width:767.98px) {
 body.app-authenticated .app-main-content .products-catalog-shell form#products-search-form.products-toolbar {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;
  gap:8px!important;
  align-items:center!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .suppliers-search {
  grid-column:1 / -1!important;grid-row:1!important;width:100%!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-category-field {
  grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-status-field {
  grid-column:2!important;grid-row:2!important;width:100%!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-filter-actions {
  grid-column:3!important;grid-row:2!important;width:44px!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form select {
  width:100%!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer.operation-footer {
  padding:12px;
  justify-content:center;
  text-align:center;
 }
 body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer.operation-footer nav {
  margin:0;
 }
}
@media(max-width:420px) {
 body.app-authenticated .app-main-content .products-catalog-shell form#products-search-form.products-toolbar {
  grid-template-columns:minmax(0,1fr) 44px!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-category-field {grid-column:1!important;grid-row:2!important;}
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-status-field {grid-column:1!important;grid-row:3!important;}
 body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-filter-actions {grid-column:2!important;grid-row:2!important;}
}

/* Product catalog filters: preserve full option labels and dropdown arrow. */
@media(min-width:768px) {
 body.app-authenticated .app-main-content .products-catalog-shell form#products-search-form.products-toolbar {
  grid-template-columns:minmax(160px,1fr) 240px 205px 44px!important;
 }
}
body.app-authenticated .app-main-content .products-catalog-shell #products-search-form .products-category-field select,
body.app-authenticated .app-main-content .products-catalog-shell #products-search-form .products-status-field select {
 padding-left:12px!important;
 padding-right:34px!important;
 text-overflow:clip;
 white-space:nowrap;
}

/* ADS migration: Products final mobile component rules (from products/index.blade.php). */
/* Final products: mobile layout only; desktop and shared catalog styles remain unchanged. */
.products-catalog-shell .products-mobile-details { display:none; }
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .products-catalog-shell .products-catalog-kpis {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-catalog-kpis > .operation-kpi-card {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    gap:5px!important;
    min-width:0!important;
    padding:10px 3px!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-catalog-kpis .operation-kpi-icon {
    align-self:center!important;
    margin:0 auto!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-catalog-kpis .operation-kpi-card > div {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    min-width:0!important;
    width:100%!important;
    text-align:center!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-catalog-kpis .operation-kpi-value {
    order:1!important;
    margin:0!important;
    text-align:center!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-catalog-kpis .operation-kpi-label {
    order:2!important;
    text-align:center!important;
    font-size:var(--workspace-meta-size)!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-catalog-kpis .operation-kpi-copy {
    order:3!important;
    margin:2px 0 0!important;
    font-size:var(--workspace-meta-size)!important;
    line-height:1.25!important;
    overflow-wrap:normal!important;
    text-align:center!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell form#products-search-form.products-toolbar {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:8px!important;
    align-items:center!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .suppliers-search {
    grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-category-field {
    grid-column:1 / -1!important;grid-row:2!important;width:100%!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-status-field {
    grid-column:1 / -1!important;grid-row:3!important;width:100%!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell #products-search-form > .products-filter-actions {
    grid-column:2!important;grid-row:1!important;width:44px!important;justify-self:end!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell #products-search-form select {
    width:100%!important;min-width:0!important;max-width:none!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table {
    display:block!important;width:100%!important;min-width:0!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table thead {
    display:none!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table tbody {
    display:grid!important;gap:10px!important;width:100%!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table tbody > tr:not(:has(td[colspan])) {
    display:block!important;width:100%!important;min-width:0!important;
    padding:12px!important;box-sizing:border-box!important;
    border:1px solid var(--mobile-item-border,#e2e8f0)!important;
    border-radius:var(--mobile-item-radius,12px)!important;
    background:#fff!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table tbody > tr:not(:has(td[colspan])) > td {
    display:none!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table tbody > tr:not(:has(td[colspan])) > td.products-main-cell {
    display:block!important;width:100%!important;padding:0!important;border:0!important;
    text-align:left!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-main-cell > .catalog-index-row {
    display:none!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr {
    display:block!important;width:100%!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .mobile-record-top {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;gap:8px!important;margin:0 0 9px!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .mobile-record-name {
    font-weight:800!important;overflow-wrap:anywhere!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .mobile-record-bottom {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:8px!important;
    border-top:1px solid var(--mobile-item-divider,#e2e8f0)!important;
    padding-top:10px!important;
    margin-top:0!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .mobile-record-details {
    display:grid!important;
    grid-column:1!important;
    gap:4px!important;
    min-width:0!important;
    width:100%!important;
    font-size:var(--workspace-meta-size)!important;
    line-height:1.4!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .mobile-record-details > div {
    min-width:0!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .mobile-record-separator {
    display:none!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .catalog-index-table-actions {
    display:flex!important;
    grid-column:2!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    min-width:0!important;
    margin:0!important;
  }
  body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .catalog-index-table-actions form {
    margin:0!important;
  }
  @media(max-width:390px) {
    body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .catalog-index-table-actions {
      gap:4px!important;
    }
  }
}

/* ADS migration: Items catalog local styles (from items/index.blade.php). */
/* Keep item listings consistent with the completed supplier and presentation tables. */
/* Override the global catalog filter widths (195px !important). */
@media (min-width: 768px) {
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form .items-type-field {
        flex: 0 0 265px !important;
        width: 265px !important;
        min-width: 265px !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form .items-category-field {
        flex: 0 0 275px !important;
        width: 275px !important;
        min-width: 275px !important;
    }
}

@media (min-width: 768px) {
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap {
        display: block !important;
        overflow-x: auto !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell table.items-records-table {
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell table.items-records-table thead { display: table-header-group !important; }
    body.app-authenticated .app-main-content .items-catalog-shell table.items-records-table tbody { display: table-row-group !important; }
    body.app-authenticated .app-main-content .items-catalog-shell table.items-records-table tbody > tr { display: table-row !important; }
    body.app-authenticated .app-main-content .items-catalog-shell table.items-records-table tbody > tr > td { display: table-cell !important; vertical-align: middle !important; }
    body.app-authenticated .app-main-content .items-catalog-shell table.items-records-table .items-mobile-card-cell { display: none !important; }
    body.app-authenticated .app-main-content .items-catalog-shell table.items-records-table .catalog-index-table-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
    }
}

@media (max-width: 767.98px) {
    body.app-authenticated .app-main-content .items-catalog-shell .access-four-kpis {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .access-four-kpis .access-stat-card {
        min-width: 0 !important;
        height: auto !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .access-four-kpis .operation-kpi-copy {
        display: none !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form {
        padding: 12px 12px 8px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 42px !important;
        gap: 8px !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form .items-search {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form .items-type-field {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form .items-category-field {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form .items-status-field {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form .items-filter-actions {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: end !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form :is(.items-type-field,.items-category-field,.items-status-field) select {
        width: 100% !important;
        min-width: 0 !important;
        text-overflow: ellipsis;
    }
    /* Keep the mobile controls close to the first record. */
    body.app-authenticated .app-main-content .items-catalog-shell #items-search-form {
        margin-bottom: 0 !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell #items-table-wrapper,
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap {
        margin-top: 0 !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap tbody {
        padding: 0 !important;
    }
    /* AMR: preserve the Suppliers mobile table geometry. */
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap {
        padding: 0 12px 8px !important;
        overflow: visible !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .items-records-table thead,
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .items-records-table .supplier-desktop-cell {
        display: none !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .items-records-table .item-record {
        display: block !important;
        padding: 10px !important;
        margin: 0 0 10px !important;
        border: 1px solid #dbe6f3 !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .items-records-table .items-mobile-card-cell {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .measurement-unit-mobile-cell {
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-top {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 8px !important;
        padding: 0 0 9px !important;
        border-bottom: 1px solid #e2e8f0 !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-copy {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-name {
        font-size: 16px !important;
        font-weight: 700 !important;
        overflow-wrap: anywhere !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-txtop {
        font-size: 13px !important;
        font-weight: 400 !important;
        margin-top: 3px !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-details {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        min-width: 0 !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-txtbot1,
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-txtbot2 {
        font-size: 13px !important;
        font-weight: 400 !important;
        overflow-wrap: anywhere !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap table.items-records-table {
        display: block !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap table.items-records-table tbody {
        display: block !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-bottom {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-bottom .mobile-record-details {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 104px) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-bottom .mobile-record-details > div {
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        line-height: 18px !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-bottom .mobile-record-details {
        max-width: calc(100% - 132px) !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-bottom .catalog-index-table-actions {
        display: flex !important;
        flex: 0 0 124px !important;
        width: 124px !important;
        min-width: 124px !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-bottom .catalog-index-table-actions > a,
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-bottom .catalog-index-table-actions > form {
        display: inline-flex !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
    }
    body.app-authenticated .app-main-content .items-catalog-shell .items-table-wrap .mobile-record-bottom .catalog-index-table-actions .table-action-icon {
        display: inline-flex !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
    }
}


/* ADS — Ingredient recipe equivalences: compact mobile record layout.
   Applies equally to server-rendered rows and #conversion-row-template clones. */
@media (max-width:767.98px) {
  .catalog-form-shell #conversion-rows {
    counter-reset: ingredient-equivalence;
    gap:12px!important;
  }
  .catalog-form-shell #conversion-rows > .conversion-row.catalog-conversion-grid {
    counter-increment: ingredient-equivalence;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    gap:10px 8px!important;
    padding:12px!important;
    border:1px solid var(--operation-field-border,#d6e2f3)!important;
    border-radius:12px!important;
    background:var(--workspace-surface,#fff)!important;
    align-items:center!important;
    min-width:0!important;
  }
  .catalog-form-shell #conversion-rows > .conversion-row.catalog-conversion-grid::before {
    content:"Equivalencia " counter(ingredient-equivalence);
    grid-column:1!important;
    grid-row:1!important;
    font-size:var(--workspace-meta-size,13px)!important;
    font-weight:700!important;
    color:var(--workspace-text,#1b3152)!important;
  }
  .catalog-form-shell #conversion-rows > .conversion-row.catalog-conversion-grid > .catalog-conversion-remove {
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    min-width:0!important;
  }
  .catalog-form-shell #conversion-rows > .conversion-row.catalog-conversion-grid > .catalog-conversion-remove button {
    width:auto!important;
    min-width:40px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    margin:0!important;
  }
  .catalog-form-shell #conversion-rows > .conversion-row.catalog-conversion-grid > .catalog-conversion-unit {
    grid-column:1 / -1!important;
    grid-row:2!important;
    min-width:0!important;
  }
  .catalog-form-shell #conversion-rows > .conversion-row.catalog-conversion-grid > .catalog-conversion-quantity {
    grid-column:1 / -1!important;
    grid-row:3!important;
    min-width:0!important;
  }
  .catalog-form-shell #conversion-rows > .conversion-row.catalog-conversion-grid :is(input,select) {
    width:100%!important;
    min-width:0!important;
  }
}


/* ADS — Optional contextual guidance in item forms (all breakpoints). */
.catalog-form-shell details.catalog-form-guidance > summary {
  cursor:pointer;
  color:var(--workspace-muted,#526989);
  font-size:var(--workspace-meta-size,13px);
  font-weight:600;
  line-height:1.5;
}
.catalog-form-shell details.catalog-form-guidance[open] > summary {
  color:var(--workspace-text,#1b3152);
}
.catalog-form-shell details.catalog-form-guidance.catalog-form-note {
  display:block;
}
.catalog-form-shell details.catalog-form-guidance.catalog-form-note > .catalog-form-note-main {
  margin-top:10px;
}


/* ADS — Compact ingredient form layout, phone only. */
@media (max-width:767.98px) {
  /* Purchase/inventory switches occupy one row; retain accessible labels. */
  .catalog-form-shell:has(#ingredient-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap {
    grid-column:auto!important;
    min-width:0!important;
  }
  .catalog-form-shell:has(#ingredient-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap .catalog-form-switch-copy {
    display:none!important;
  }
  .catalog-form-shell:has(#ingredient-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap > .catalog-form-switch-label {
    font-size:var(--workspace-meta-size,13px)!important;
    line-height:1.35!important;
    min-height:2.7em!important;
  }
  /* Keep switch directly below its title, without reserved two-line height. */
  .catalog-form-shell:has(#ingredient-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap > .catalog-form-switch-label {
    min-height:0!important;
    margin-bottom:4px!important;
  }
  .catalog-form-shell:has(#ingredient-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap > .catalog-form-switch {
    min-height:30px!important;
    height:auto!important;
    padding:0!important;
  }
  /* Yield section: text on the left and enable switch at top right. */
  .catalog-form-shell:has(#ingredient-form) #yield-profile-section > .catalog-form-section-head {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
  }
  .catalog-form-shell:has(#ingredient-form) #yield-profile-section > .catalog-form-section-head > :first-child {
    min-width:0!important;
  }
  .catalog-form-shell:has(#ingredient-form) #yield-profile-section > .catalog-form-section-head > .form-check.form-switch {
    justify-self:end!important;
    align-self:center!important;
    padding:0!important;
    min-height:0!important;
  }
  .catalog-form-shell:has(#ingredient-form) #yield-profile-section > .catalog-form-section-head > .form-check.form-switch > .form-check-input {
    position:static!important;
    float:none!important;
    margin:0!important;
  }
  /* Profile name full width, then source quantity + gross weight side by side. */
  .catalog-form-shell #yield-profile-fields .catalog-form-grid-yield-profile {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .catalog-form-shell #yield-profile-fields .catalog-form-grid-yield-profile > :first-child {
    grid-column:1 / -1!important;
  }
  .catalog-form-shell #yield-profile-fields .catalog-form-grid-yield-profile > :nth-child(2) {
    grid-column:1!important;
  }
  .catalog-form-shell #yield-profile-fields .catalog-form-grid-yield-profile > :nth-child(3) {
    grid-column:2!important;
  }
  /* Prevent the unit/weight input groups from overflowing their half-width cells. */
  .catalog-form-shell #yield-profile-fields .catalog-form-grid-yield-profile > .catalog-form-field {
    min-width:0!important;
    max-width:100%!important;
  }
  .catalog-form-shell #yield-profile-fields .catalog-form-grid-yield-profile .input-group {
    display:flex!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .catalog-form-shell #yield-profile-fields .catalog-form-grid-yield-profile .input-group > input.form-control {
    flex:1 1 0%!important;
    width:1%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .catalog-form-shell #yield-profile-fields .catalog-form-grid-yield-profile .input-group > .input-group-text {
    flex:0 0 auto!important;
    max-width:45%!important;
    padding-inline:8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  /* Yield row: Type; Target; Obtained|Cost; Grams|Recipe unit; Recipe qty|Delete. */
  .catalog-form-shell #yield-profile-rows > .yield-profile-row {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px 8px!important;
    align-items:end!important;
    min-width:0!important;
  }
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > * {
    min-width:0!important;
    max-width:100%!important;
  }
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > :nth-child(1),
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > .yield-target-wrap,
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > .yield-name-wrap {
    grid-column:1 / -1!important;
  }
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > :nth-child(4),
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > :nth-child(6) {
    grid-column:1 / span 2!important;
  }
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > :nth-child(5),
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > .yield-recipe-unit-wrap {
    grid-column:3 / span 2!important;
  }
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > .yield-recipe-qty-wrap {
    grid-column:1 / span 3!important;
  }
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > :last-child {
    grid-column:4!important;
    justify-self:end!important;
    align-self:end!important;
  }
  .catalog-form-shell #yield-profile-rows > .yield-profile-row > :last-child button {
    width:44px!important;
    min-width:44px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
  }
}


/* ADS — Packaging/material catalog forms: mobile field hierarchy.
   Covers packaging, production supplies and other non-ingredient item types. */
@media (max-width:767.98px) {
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-packaging-row-one > .catalog-form-field:has(> #packaging_category_id) {
    grid-column:1 / -1!important;
    min-width:0!important;
  }
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-ingredient-row-two {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-ingredient-row-two > .catalog-form-field:has(> #measurement_unit_id) {
    grid-column:1 / -1!important;
  }
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-ingredient-row-two > .catalog-form-field:has(> #minimum_stock) {
    grid-column:1!important;
  }
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-ingredient-row-two > .catalog-form-field:has(#unit_cost) {
    grid-column:2!important;
  }
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap {
    grid-column:auto!important;
    min-width:0!important;
  }
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap .catalog-form-switch-copy {
    display:none!important;
  }
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap > .catalog-form-switch-label {
    min-height:0!important;
    margin-bottom:4px!important;
    font-size:var(--workspace-meta-size,13px)!important;
    line-height:1.35!important;
  }
  .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap > .catalog-form-switch {
    min-height:30px!important;
    height:auto!important;
    padding:0!important;
  }
}

/* VCP-03 — Item type badge: centralized replacement for legacy inline styling. */
body.app-authenticated .app-main-content .items-catalog-shell .items-type-pill {
    background: rgba(239,246,255,.95);
    color: #2563eb;
}

/* VCP — Shared ingredient and packaging form rules; migrated unchanged from form-mobile-styles partial. */
.catalog-conversion-grid {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) 56px;
    gap: 14px;
    align-items: end;
}
.catalog-conversion-grid > * { min-width: 0; }
.catalog-conversion-remove {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.catalog-conversion-remove .remove-conversion-row {
    min-width: 44px;
    min-height: 44px;
}
@media (max-width: 575.98px) {
    .catalog-conversion-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px;
    }
    .catalog-conversion-remove {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

.catalog-form-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
.catalog-form-header-actions > button,
.catalog-form-header-actions > a {
    margin: 0;
}
@media (max-width: 575.98px) {
    .catalog-form-header-actions {
        width: 100%;
        justify-content: flex-end;
    }
}

.catalog-form-ingredient-fields {
    display: contents;
}
.catalog-form-grid-ingredient-unified {
    display: grid;
    align-items: start;
    gap: 12px;
}
.catalog-form-grid-ingredient-row-one {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1.2fr) minmax(0, 1fr);
}
.catalog-form-grid-packaging-row-one {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1.2fr);
}
.catalog-form-grid-ingredient-row-two {
    grid-template-columns: repeat(3, minmax(0, 1fr)) repeat(2, minmax(0, 1.1fr));
}
.catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    padding-top: 0;
}
.catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap > .catalog-form-switch-label {
    display: block;
    margin: 0 0 8px;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
}
.catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap > .catalog-form-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0;
}
.catalog-form-grid-ingredient-row-two .catalog-form-switch .form-check {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 0;
    padding: 0;
}
.catalog-form-grid-ingredient-row-two .catalog-form-switch .form-check-input {
    position: static;
    float: none;
    margin: 0;
    flex: 0 0 auto;
}
.catalog-form-grid-ingredient-row-two .catalog-form-switch-copy {
    margin: 0;
    min-width: 0;
    font-size: 14px;
    line-height: 1.4;
}
.catalog-form-grid-ingredient-unified > * {
    min-width: 0;
}
@media (max-width: 1199.98px) {
    .catalog-form-grid-ingredient-row-one,
    .catalog-form-grid-packaging-row-one,
    .catalog-form-grid-ingredient-row-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767.98px) {
    .catalog-form-grid-ingredient-row-one,
    .catalog-form-grid-packaging-row-one,
    .catalog-form-grid-ingredient-row-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .catalog-form-grid-ingredient-row-one > :first-child,
    .catalog-form-grid-ingredient-row-one > :nth-child(2),
    .catalog-form-grid-ingredient-row-one > :nth-child(3),
    .catalog-form-grid-packaging-row-one > :first-child,
    .catalog-form-grid-packaging-row-one > :nth-child(2),
    .catalog-form-grid-packaging-row-one > :nth-child(3) {
        grid-column: 1 / -1;
    }
    .catalog-form-ingredient-fields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .catalog-form-ingredient-fields > .catalog-form-grid-ingredient-unified {
        display: contents;
    }
    .catalog-form-ingredient-fields > .catalog-form-grid-ingredient-row-one > :first-child {
        grid-column: 1 / -1;
    }
    .catalog-form-ingredient-fields #name,
    .catalog-form-ingredient-fields #ingredient_category_id {
        min-width: 0;
    }
    .catalog-form-ingredient-fields .catalog-form-field:has(> #name),
    .catalog-form-ingredient-fields .catalog-form-field:has(> #ingredient_category_id) {
        grid-column: 1 / -1;
    }
    .catalog-form-ingredient-fields .catalog-form-field:has(> #ingredient_type) {
        grid-column: 1;
        grid-row: 4;
    }
    .catalog-form-ingredient-fields .catalog-form-field:has(> #measurement_unit_id) {
        grid-column: 2;
        grid-row: 4;
    }
    .catalog-form-ingredient-fields .catalog-form-field:has(> #minimum_stock) {
        grid-column: 1;
        grid-row: 5;
    }
    .catalog-form-ingredient-fields .catalog-form-field:has(#purchase_price) {
        grid-column: 2;
        grid-row: 5;
    }
    .catalog-form-ingredient-fields > .catalog-form-grid-ingredient-row-two > .catalog-form-switch-wrap {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .catalog-form-shell:has(#ingredient-form),
    .catalog-form-shell:has(#packaging-item-form) {
        min-width: 0;
        max-width: 100%;
    }
    .catalog-form-shell:has(#ingredient-form) .catalog-form-grid-ingredient-main,
    .catalog-form-shell:has(#ingredient-form) .catalog-form-grid-ingredient-secondary,
    .catalog-form-shell:has(#ingredient-form) .catalog-form-grid-ingredient-derivation,
    .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-packaging-main,
    .catalog-form-shell:has(#packaging-item-form) .catalog-form-grid-packaging-secondary {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }
    .catalog-form-shell:has(#ingredient-form) .catalog-form-field,
    .catalog-form-shell:has(#packaging-item-form) .catalog-form-field,
    .catalog-form-shell:has(#ingredient-form) .catalog-form-switch-wrap,
    .catalog-form-shell:has(#packaging-item-form) .catalog-form-switch-wrap {
        min-width: 0;
        max-width: 100%;
    }
    .catalog-form-shell:has(#ingredient-form) input,
    .catalog-form-shell:has(#ingredient-form) select,
    .catalog-form-shell:has(#ingredient-form) textarea,
    .catalog-form-shell:has(#packaging-item-form) input,
    .catalog-form-shell:has(#packaging-item-form) select,
    .catalog-form-shell:has(#packaging-item-form) textarea {
        max-width: 100%;
    }
    .catalog-form-shell:has(#ingredient-form) .catalog-form-actions,
    .catalog-form-shell:has(#packaging-item-form) .catalog-form-actions {
        width: 100%;
        flex-wrap: wrap;
    }
}

/* VCP — Supplier editor grid; migrated without declaration changes. */
@media (min-width: 992px) { .supplier-editor-shell .supplier-form-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;} }
@media (min-width: 576px) and (max-width: 991.98px) { .supplier-editor-shell .supplier-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} }
@media (max-width: 575.98px) { .supplier-editor-shell .supplier-form-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;} }
.supplier-editor-shell .supplier-form-grid > * {min-width:0;}

/* VCP — SKU index filters and AST/AMR layout; migrated unchanged from index Blade. */
/* Purchase presentation filters: same expandable search and fixed select proportions as Suppliers. */
body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
}
.purchase-skus-shell .purchase-skus-toolbar .purchase-skus-search {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
}
.purchase-skus-shell .purchase-skus-toolbar .purchase-skus-type-field,
.purchase-skus-shell .purchase-skus-toolbar .purchase-skus-status-field {
  flex: 0 0 190px !important;
  width: 190px !important;
  min-width: 0 !important;
}
@media (min-width: 768px) {
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-status-field {
    flex: 0 0 225px !important;
    width: 225px !important;
  }
}
.purchase-skus-shell .purchase-skus-toolbar .purchase-skus-type-field select,
.purchase-skus-shell .purchase-skus-toolbar .purchase-skus-status-field select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.purchase-skus-shell .purchase-skus-toolbar .suppliers-filter-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table tbody {
    padding: 0 !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table-wrap tbody {
    padding: 0 !important;
  }
}
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    padding: 12px 12px 8px !important;
    gap: 8px !important;
  }
  .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-search {grid-column:1;grid-row:1}
  .purchase-skus-shell .purchase-skus-toolbar .suppliers-filter-actions {grid-column:2;grid-row:1;margin-left:0}
  .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-type-field {grid-column:1 / -1;grid-row:2}
  .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-status-field {grid-column:1 / -1;grid-row:3}
  .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-type-field,
  .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-status-field {
    width:100% !important;min-width:0 !important;flex:auto !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-toolbar {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  }
  .purchase-skus-shell .purchase-skus-toolbar .purchase-skus-search {grid-column:1 / -1;padding-right:52px}
  .purchase-skus-shell .purchase-skus-toolbar .suppliers-filter-actions {grid-column:2;grid-row:1;justify-self:end}
}

@media (min-width: 768px) {
  body.app-authenticated .app-main-content .purchase-skus-shell .purchase-skus-table-wrap {
    display: block !important;
    overflow-x: auto !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table thead {
    display: table-header-group !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table tbody {
    display: table-row-group !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table tbody > tr {
    display: table-row !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table tbody > tr > td {
    display: table-cell !important;
    vertical-align: middle !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table .mobile-record-summary {
    display: none !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table .purchase-skus-desktop-value {
    display: inline !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table .purchase-skus-desktop-cell {
    display: table-cell !important;
  }
  body.app-authenticated .app-main-content .purchase-skus-shell table.purchase-skus-table .catalog-index-table-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }
}

/* VCP — Indirect expenses mobile header/actions; migrated unchanged. */
@media (max-width: 767.98px) {
    body .overheads-receipts-shell .receipts-page-head.operation-page-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    body .overheads-receipts-shell .catalog-index-actions.operation-head-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    body .overheads-receipts-shell .catalog-index-actions.operation-head-actions > a {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }
}

/* VCP — Measurement units desktop/tablet filter layout (migrated unchanged). */
@media (min-width: 768px) {
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#measurement-units-search-form {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) 220px 230px 44px !important;
                gap: 12px !important;
                align-items: center !important;
                width: 100% !important;
            }
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#measurement-units-search-form > .catalog-index-search {
                grid-column: 1 !important;
                min-width: 0 !important;
                width: 100% !important;
            }
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#measurement-units-search-form > .catalog-filter-shell {
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
            }
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#measurement-units-search-form > .catalog-filter-shell > select {
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                padding-left: 12px !important;
                padding-right: 52px !important;
                white-space: nowrap !important;
            }
        }

/* VCP — Measurement units: consistent mobile type/status filter typography. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#measurement-units-search-form.catalog-index-toolbar :is(
    select#measurement-units-type-filter,
    select#measurement-units-status-filter
  ) {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }
}

/* VCP — Brands: mobile status filter matches the 16px overhead frequency control. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#brands-search-form.catalog-index-toolbar select#brands-status-filter {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
  }
}

/* VCP — Item types: match mobile status filter to 16px operational standard. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-types-search-form.catalog-index-toolbar select#item-types-status-filter {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
  }
}

/* VCP — Item categories: shared desktop/tablet toolbar layout (migrated from Blade). */

        @media (min-width: 768px) {
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) 220px 230px 44px !important;
                align-items: center !important;
                gap: 12px !important;
                width: 100% !important;
            }
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form > .catalog-index-search {
                grid-column: 1 !important;
                grid-row: 1 !important;
                width: 100% !important;
                min-width: 0 !important;
            }
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form > .catalog-type-filter-shell {
                grid-column: 2 !important;
                grid-row: 1 !important;
            }
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form > .catalog-status-filter-shell {
                grid-column: 3 !important;
                grid-row: 1 !important;
            }
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form > .catalog-filter-shell,
            body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form > .catalog-filter-shell > select {
                width: 100% !important;
                min-width: 0 !important;
                max-width: 100% !important;
            }
        }
    
/* VCP — Item categories: mobile filters use the 16px operational standard. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form.catalog-index-toolbar :is(
    select#item-categories-type-filter,
    select#item-categories-status-filter
  ) {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
  }
}
.item-category-materials-pill {background:rgba(239,246,255,.95);color:#2563eb;}

/* Item categories — mobile: each filter occupies its own row. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form.catalog-index-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    gap: 8px !important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form.catalog-index-toolbar > .catalog-index-search {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form.catalog-index-toolbar > .catalog-type-filter-shell {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form.catalog-index-toolbar > .catalog-status-filter-shell {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form.catalog-index-toolbar > .catalog-clear-icon {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }
  body.app-authenticated .app-main-content .catalog-index-shell .catalog-index-table-card form#item-categories-search-form.catalog-index-toolbar > .catalog-filter-shell > select {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Presentaciones de compra: importar centrado y filtros móviles en filas independientes. */
.purchase-presentations-shell .catalog-index-info-card .catalog-index-bulk-actions{justify-content:center}
.purchase-presentations-shell .catalog-index-info-card .catalog-index-import-form{justify-content:center}
@media(max-width:767.98px){
 .purchase-presentations-shell .presentations-toolbar{grid-template-columns:minmax(0,1fr) 44px!important}
 .purchase-presentations-shell .presentations-toolbar .presentation-search{grid-column:1!important;grid-row:1!important}
 .purchase-presentations-shell .presentations-toolbar .operation-reset{grid-column:2!important;grid-row:1!important}
 .purchase-presentations-shell .presentations-toolbar select[name="type"]{grid-column:1/-1!important;grid-row:2!important;width:100%!important}
 .purchase-presentations-shell .presentations-toolbar select[name="status"]{grid-column:1/-1!important;grid-row:3!important;width:100%!important}
}

/* Presentaciones de compra: encabezado horizontal de importación y filtros móviles independientes. */
@media(max-width:767.98px){
 .purchase-presentations-shell .catalog-index-info-card .catalog-index-info-copy{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}
 .purchase-presentations-shell .catalog-index-info-card .catalog-index-info-copy>.catalog-index-card-icon{flex:0 0 auto!important}
 .purchase-presentations-shell .catalog-index-info-card .catalog-index-info-copy>div{flex:1 1 0!important;min-width:0!important}
 .purchase-presentations-shell .presentations-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important}
 .purchase-presentations-shell .presentations-toolbar .presentation-search{grid-column:1!important;grid-row:1!important}
 .purchase-presentations-shell .presentations-toolbar .operation-reset{grid-column:2!important;grid-row:1!important}
 .purchase-presentations-shell .presentations-toolbar select[name="type"]{grid-column:1 / -1!important;grid-row:2!important;justify-self:stretch!important;min-width:0!important;width:100%!important}
 .purchase-presentations-shell .presentations-toolbar select[name="status"]{grid-column:1 / -1!important;grid-row:3!important;justify-self:stretch!important;min-width:0!important;width:100%!important}
}

/* VCP Presentaciones de compra: listbox estructural idéntico al catálogo aprobado. */
.purchase-presentations-shell .presentations-toolbar .presentation-type-filter-shell,
.purchase-presentations-shell .presentations-toolbar .presentation-status-filter-shell{flex:0 0 180px;min-width:0}
.purchase-presentations-shell .presentations-toolbar .presentation-type-filter-shell select,
.purchase-presentations-shell .presentations-toolbar .presentation-status-filter-shell select{display:block;width:100%!important;max-width:100%;min-width:0}
@media(max-width:767.98px){
 .purchase-presentations-shell .presentations-toolbar .presentation-type-filter-shell{grid-column:1/-1!important;grid-row:2!important;width:100%!important}
 .purchase-presentations-shell .presentations-toolbar .presentation-status-filter-shell{grid-column:1/-1!important;grid-row:3!important;width:100%!important}
 .purchase-presentations-shell .presentations-toolbar .presentation-type-filter-shell select,
 .purchase-presentations-shell .presentations-toolbar .presentation-status-filter-shell select{grid-column:auto!important;grid-row:auto!important;flex:none!important;width:100%!important}
}

/* VCP — Tipos de recetas: barra de filtros y separación de tabla PEG. */
body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form.catalog-index-toolbar {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 220px 44px!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:10px!important;
  padding-bottom:0!important;
}
body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form > .catalog-index-search {
  grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;
}
body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form > .catalog-status-filter-shell {
  grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;
}
body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form > .catalog-status-filter-shell > select {
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  font-size:16px!important;font-weight:400!important;letter-spacing:normal!important;
}
body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form > .catalog-clear-icon {
  grid-column:3!important;grid-row:1!important;justify-self:end!important;
  width:44px!important;min-width:44px!important;
}
body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-table-wrapper {
  margin-top:0!important;padding-top:0!important;
}
@media(max-width:767.98px) {
  body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form.catalog-index-toolbar {
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:8px!important;margin-bottom:8px!important;
  }
  body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form > .catalog-index-search {
    grid-column:1!important;grid-row:1!important;
  }
  body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form > .catalog-clear-icon {
    grid-column:2!important;grid-row:1!important;
  }
  body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form > .catalog-status-filter-shell {
    grid-column:1 / -1!important;grid-row:2!important;width:100%!important;
  }
  body.app-authenticated .app-main-content .recipe-types-shell #recipe-types-search-form > .catalog-status-filter-shell > select {
    grid-column:auto!important;grid-row:auto!important;width:100%!important;
  }
}

/* VCP Tipos de recetas: títulos KPI de una o dos líneas, alineados. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .recipe-types-shell .mobile-kpi-row .operation-kpi-label {
    display:flex!important;align-items:flex-start!important;justify-content:center!important;
    min-height:calc(2 * 1.15em)!important;line-height:1.15!important;
    width:100%!important;padding:0 2px!important;box-sizing:border-box!important;
    text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
  }
}

/* ADS / PEG: títulos de todos los KPI operativos semibold en móvil. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .operation-kpi-card .operation-kpi-label {
    font-weight:600!important;
  }
}


/* Item types: status filter uses the same native listbox shell as measurement units.
   Scope to this toolbar so generic catalog status rules cannot draw a second arrow. */
body.app-authenticated .app-main-content #item-types-search-form > .catalog-status-filter-shell {
  position:relative;
  min-width:0;
  height:46px;
}
body.app-authenticated .app-main-content #item-types-search-form > .catalog-status-filter-shell > select.catalog-status-filter {
  width:100%!important;
  height:46px!important;
  padding:0 52px 0 12px!important;
  background-image:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}


/* Item types: contained dropdown, avoiding the browser-native select popup on mobile. */
body.app-authenticated .app-main-content #item-types-search-form > .item-types-status-shell {
  position:relative!important;
  min-width:0!important;
  height:46px!important;
  overflow:visible!important;
  isolation:isolate;
}
#item-types-search-form .item-types-status-native {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
}
#item-types-search-form .item-types-status-trigger {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  height:46px;
  padding:0 0 0 12px;
  border:1px solid var(--bs-border-color,#cbd5e1);
  border-radius:10px;
  background:var(--bs-body-bg,#fff);
  color:var(--bs-body-color,#1d2a39);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
#item-types-search-form .item-types-status-trigger > [data-status-label] {
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#item-types-search-form .item-types-status-arrow {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  align-self:stretch;
  border-left:1px solid rgba(var(--brand-primary-rgb),.22);
  border-radius:0 9px 9px 0;
  background:rgba(var(--brand-primary-rgb),.10);
}
#item-types-search-form .item-types-status-arrow::after {
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid var(--brand-primary);
  border-bottom:2px solid var(--brand-primary);
  transform:translateY(-2px) rotate(45deg);
}
#item-types-search-form .item-types-status-options:not([hidden]) {
  display:flex;
  flex-direction:column;
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  right:0;
  width:100%;
  min-width:0;
  max-height:min(240px,45vh);
  overflow-y:auto;
  padding:4px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:10px;
  background:var(--bs-body-bg,#fff);
  box-shadow:0 12px 28px rgba(15,23,42,.15);
  z-index:3100;
}
#item-types-search-form .item-types-status-options[hidden] { display:none!important; }
#item-types-search-form .item-types-status-options > button {
  display:block;
  width:100%;
  padding:10px 12px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--bs-body-color,#1d2a39);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
#item-types-search-form .item-types-status-options > button:hover,
#item-types-search-form .item-types-status-options > button:focus-visible,
#item-types-search-form .item-types-status-options > button[aria-selected="true"] {
  background:rgba(var(--brand-primary-rgb),.12);
}

/* Measurement units: contained dropdowns, avoiding the browser-native select popup on mobile. */
body.app-authenticated .app-main-content #measurement-units-search-form > .measurement-filter-shell {
  position:relative!important;
  min-width:0!important;
  height:46px!important;
  overflow:visible!important;
  isolation:isolate;
}
#measurement-units-search-form .measurement-filter-native {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
}
#measurement-units-search-form .measurement-filter-trigger {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  height:46px;
  padding:0 0 0 12px;
  border:1px solid var(--bs-border-color,#cbd5e1);
  border-radius:10px;
  background:var(--bs-body-bg,#fff);
  color:var(--bs-body-color,#1d2a39);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
#measurement-units-search-form .measurement-filter-trigger > [data-status-label] {
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#measurement-units-search-form .measurement-filter-arrow {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  align-self:stretch;
  border-left:1px solid rgba(var(--brand-primary-rgb),.22);
  border-radius:0 9px 9px 0;
  background:rgba(var(--brand-primary-rgb),.10);
}
#measurement-units-search-form .measurement-filter-arrow::after {
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid var(--brand-primary);
  border-bottom:2px solid var(--brand-primary);
  transform:translateY(-2px) rotate(45deg);
}
#measurement-units-search-form .measurement-filter-options:not([hidden]) {
  display:flex;
  flex-direction:column;
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  right:0;
  width:100%;
  min-width:0;
  max-height:min(240px,45vh);
  overflow-y:auto;
  padding:4px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:10px;
  background:var(--bs-body-bg,#fff);
  box-shadow:0 12px 28px rgba(15,23,42,.15);
  z-index:3100;
}
#measurement-units-search-form .measurement-filter-options[hidden] { display:none!important; }
#measurement-units-search-form .measurement-filter-options > button {
  display:block;
  width:100%;
  padding:10px 12px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--bs-body-color,#1d2a39);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
#measurement-units-search-form .measurement-filter-options > button:hover,
#measurement-units-search-form .measurement-filter-options > button:focus-visible,
#measurement-units-search-form .measurement-filter-options > button[aria-selected="true"] {
  background:rgba(var(--brand-primary-rgb),.12);
}

/* Product details: balanced fields without affecting assembly or costing grids. */
@media (min-width:1200px) {
  .product-form-panel[data-product-panel="details"] .product-form-grid-main > :nth-child(1) {grid-column:span 2;}
  .product-form-panel[data-product-panel="details"] .product-form-grid-main > :nth-child(2) {grid-column:span 4;}
  .product-form-panel[data-product-panel="details"] .product-form-grid-main > :nth-child(3),
  .product-form-panel[data-product-panel="details"] .product-form-grid-main > :nth-child(4) {grid-column:span 3;}
  .product-form-panel[data-product-panel="details"] .product-form-grid-main > :nth-child(n+5) {grid-column:span 3;}
}
.product-form-panel[data-product-panel="details"] .product-form-grid-secondary > * {grid-column:1 / -1;}
@media (min-width:768px) and (max-width:1199.98px) {
  .product-form-panel[data-product-panel="details"] .product-form-grid-main > :nth-child(2) {grid-column:span 1!important;}
}

/* Product assembly: legible column proportions and responsive stacked rows. */
@media (min-width: 768px) {
  #assembly-table {table-layout:fixed;width:100%;}
  #assembly-table th,#assembly-table td {vertical-align:middle;}
  #assembly-table td .form-control,#assembly-table td .form-select {min-width:0;max-width:100%;}
  #assembly-table td .ts-wrapper {width:100%;min-width:0;}
  #assembly-table td .input-group {flex-wrap:nowrap;}
  #assembly-table td .input-group .form-control {min-width:0;width:1%;}
}
@media (max-width:767.98px) {
  #assembly-table tbody tr {padding:12px 0;}
  #assembly-table td {min-width:0;}
  #assembly-table td .form-control,#assembly-table td .form-select,#assembly-table td .ts-wrapper {max-width:100%;width:100%;}
}

/* Final product details: compact and consistent three-field cost row. */
.product-form-panel[data-product-panel="details"] .product-form-grid-costs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 1.1rem;margin-top:1rem;align-items:start;}
.product-form-panel[data-product-panel="details"] .product-form-grid-costs > * {min-width:0;}
.product-form-panel[data-product-panel="details"] .product-form-grid-costs > :nth-child(1) {grid-column:span 1;}
.product-form-panel[data-product-panel="details"] .product-form-grid-costs > :nth-child(2) {grid-column:span 1;}
.product-form-panel[data-product-panel="details"] .product-form-grid-costs > :nth-child(3) {grid-column:span 2;}
@media (max-width:767.98px) {
.product-form-panel[data-product-panel="details"] .product-form-grid-costs {grid-template-columns:repeat(2,minmax(0,1fr));}
.product-form-panel[data-product-panel="details"] .product-form-grid-costs > :nth-child(1),.product-form-panel[data-product-panel="details"] .product-form-grid-costs > :nth-child(2) {grid-column:span 1;}
.product-form-panel[data-product-panel="details"] .product-form-grid-costs > :nth-child(3) {grid-column:span 2;}
}

/* Final product: five fields per row on wide screens. */
@media (min-width:1200px) {
 .product-form-panel[data-product-panel="details"] .product-form-grid-main {grid-template-columns:repeat(5,minmax(0,1fr));}
 .product-form-panel[data-product-panel="details"] .product-form-grid-main > * {grid-column:span 1!important;}
}

/* Product details: three equally sized fields per row on desktop. */
@media (min-width:1200px) {
 .product-form-panel[data-product-panel="details"] .product-form-grid-main {grid-template-columns:repeat(3,minmax(0,1fr));}
 .product-form-panel[data-product-panel="details"] .product-form-grid-main > * {grid-column:span 1!important;}
}

/* Product details: four fields per row, including the photo upload. */
@media (min-width:1200px) {
 .product-form-panel[data-product-panel="details"] .product-form-grid-main {grid-template-columns:repeat(4,minmax(0,1fr));}
 .product-form-panel[data-product-panel="details"] .product-form-grid-main > * {grid-column:span 1!important;}
 .product-form-panel[data-product-panel="details"] .product-form-file-control {min-width:0;max-width:100%;}
 .product-form-panel[data-product-panel="details"] .product-form-file-name {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

/* Productos finales: categoría bajo nombre y división entre cabecera y costos en móvil. */
@media(max-width:767px){
 body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .products-mobile-category{margin-top:5px;line-height:1.35;color:var(--bs-secondary-color,#586d8b);font-size:var(--workspace-meta-size,12px);overflow-wrap:anywhere}
 body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .mobile-record-top{margin-bottom:9px!important}
 body.app-authenticated .app-main-content .products-catalog-shell .products-records-table .products-amr .mobile-record-bottom{border-top:1px solid var(--mobile-item-divider,#e2e8f0)!important;padding-top:10px!important}
}

/* Productos finales: footer móvil igual al patrón de Proveedores. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer.operation-footer.mobile-paginated-footer {
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:space-between!important;
  text-align:left!important;gap:8px!important;padding:12px 8px!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer.operation-footer.mobile-paginated-footer .operation-meta {
  flex:0 1 auto!important;min-width:0!important;margin:0!important;text-align:left!important;
 }
 body.app-authenticated .app-main-content .products-catalog-shell .catalog-index-table-footer.operation-footer.mobile-paginated-footer nav {
  flex:0 0 auto!important;width:auto!important;margin:0 0 0 auto!important;
 }
}

/* Nuevo/editar producto final: composición móvil sin afectar escritorio. */
.product-form-shell .product-tab-short{display:none}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .product-form-shell .catalog-form-actions{
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:100%!important;gap:10px!important;margin-inline:auto!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .catalog-form-actions>*{flex:0 1 auto!important}
 body.app-authenticated .app-main-content .product-form-shell .product-form-metric-row{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-metric-row>.product-form-metric-card{
  min-width:0!important;width:100%!important;max-width:none!important;
 }
 .product-form-shell .product-tab-long{display:none!important}
 .product-form-shell .product-tab-short{display:inline!important}
 body.app-authenticated .app-main-content .product-form-shell .product-form-tabs{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:2px!important;overflow:visible!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-tab{
  min-width:0!important;width:100%!important;gap:5px!important;padding:9px 3px!important;
  font-size:12px!important;white-space:nowrap!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-grid-main{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 9px!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-grid-main>.catalog-form-field{
  grid-column:1/-1!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-grid-main>.catalog-form-field:nth-child(n+6):nth-child(-n+11){
  grid-column:span 1!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-grid-main .input-group{
  flex-wrap:nowrap!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-grid-main .input-group>.form-control{
  min-width:0!important;width:1%!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-panel[data-product-panel="assembly"],
 body.app-authenticated .app-main-content .product-form-shell .product-form-panel[data-product-panel="packaging"]{
  padding-left:0!important;padding-right:0!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-panel[data-product-panel="assembly"]>.row,
 body.app-authenticated .app-main-content .product-form-shell .product-form-panel[data-product-panel="packaging"]>.row{margin-inline:0!important}
 body.app-authenticated .app-main-content .product-form-shell .product-form-panel[data-product-panel="assembly"] .operation-table-wrap,
 body.app-authenticated .app-main-content .product-form-shell .product-form-panel[data-product-panel="packaging"] .operation-table-wrap{
  padding-left:0!important;padding-right:0!important;margin-inline:0!important;
 }
 .product-form-shell #add-assembly-row,.product-form-shell #add-packaging-row{
  display:flex!important;justify-content:center!important;margin:10px auto 0!important;
 }
 .product-form-shell #assembly-table thead,.product-form-shell .product-packaging-table thead{display:none!important}
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody tr,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody tr{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 8px!important;padding:12px 2px!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td{
  display:block!important;grid-column:span 1!important;width:auto!important;min-width:0!important;
  padding:0!important;border:0!important;text-align:left!important;
 }
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td:nth-child(-n+2),
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td:first-child{
  grid-column:1/-1!important;
 }
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td:last-child,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td:last-child{
  display:flex!important;align-items:end!important;justify-content:center!important;
 }

 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td .ts-wrapper,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td .ts-wrapper{
  width:100%!important;min-width:0!important;max-width:100%!important;
 }
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td .input-group,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td .input-group{
  flex-wrap:nowrap!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td .input-group .form-control,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td .input-group .form-control{
  min-width:0!important;width:1%!important;
 }
}

/* Producto final: legibilidad de etiquetas y margen interno de filas móviles. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody tr,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody tr{
  padding-left:9px!important;padding-right:9px!important;
 }
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td[data-label]::before,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td[data-label]::before{
  font-size:13px!important;font-weight:600!important;line-height:1.4!important;
 }
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td::before,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td::before{
  font-size:13px!important;font-weight:600!important;line-height:1.4!important;
 }
 body.app-authenticated .app-main-content .product-form-shell #assembly-table tbody td:last-child::before,
 body.app-authenticated .app-main-content .product-form-shell .product-packaging-table tbody td:last-child::before{
  content:none!important;display:none!important;
 }
}

/* Detalle de producto final: acciones centradas y KPI en dos columnas en móvil. */
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .product-view-shell .product-view-top-actions{
  display:flex!important;justify-content:center!important;align-items:center!important;
  flex-wrap:wrap!important;width:100%!important;margin:0 auto!important;gap:9px!important;
 }
 body.app-authenticated .app-main-content .product-view-shell .product-view-top-actions>a,
 body.app-authenticated .app-main-content .product-view-shell .product-view-top-actions>button{
  flex:0 0 auto!important;margin:0!important;
 }
 body.app-authenticated .app-main-content .product-view-shell .product-view-summary-strip{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
 }
 body.app-authenticated .app-main-content .product-view-shell .product-view-summary-item{
  min-width:0!important;width:100%!important;
 }
}

/* Descripciones breves de KPI en formularios y detalle de producto final. */
body.app-authenticated .app-main-content .product-form-shell .product-form-metric-description,
body.app-authenticated .app-main-content .product-view-shell .product-view-summary-description{
 display:block;margin:4px 0 0;color:#617694;font-size:12px;font-weight:400;line-height:1.35;overflow-wrap:anywhere;
}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .product-form-shell .product-form-metric-description,
 body.app-authenticated .app-main-content .product-view-shell .product-view-summary-description{font-size:11px;line-height:1.3}
}

/* KPI producto final: patrón Catálogo de ítems (icono | título, valor, descripción). */
body.app-authenticated .app-main-content .product-form-shell .product-form-metric-row>.product-form-metric-card,
body.app-authenticated .app-main-content .product-view-shell .product-view-summary-strip>.product-view-summary-item{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:flex-start!important;text-align:left!important;gap:12px!important;
 padding:14px 15px!important;min-width:0!important;
}
body.app-authenticated .app-main-content .product-form-shell .product-form-metric-card>.operation-kpi-icon,
body.app-authenticated .app-main-content .product-view-shell .product-view-summary-item>.product-view-summary-icon{
 flex:0 0 auto!important;margin:0!important;
}
body.app-authenticated .app-main-content .product-form-shell .product-form-metric-card>div,
body.app-authenticated .app-main-content .product-view-shell .product-view-summary-item>div{
 flex:1 1 0!important;min-width:0!important;display:flex!important;
 flex-direction:column!important;align-items:flex-start!important;text-align:left!important;
}
body.app-authenticated .app-main-content .product-form-shell .product-form-metric-label,
body.app-authenticated .app-main-content .product-view-shell .product-view-summary-label{
 order:1!important;margin:0 0 3px!important;font-weight:700!important;
}
body.app-authenticated .app-main-content .product-form-shell .product-form-metric-value,
body.app-authenticated .app-main-content .product-view-shell .product-view-summary-value{
 order:2!important;margin:0 0 3px!important;font-weight:700!important;
}
body.app-authenticated .app-main-content .product-form-shell .product-form-metric-description,
body.app-authenticated .app-main-content .product-view-shell .product-view-summary-description{
 order:3!important;margin:0!important;font-size:12px!important;
 line-height:1.35!important;font-weight:400!important;color:var(--workspace-muted,#60738e)!important;
}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .product-form-shell .product-form-metric-row>.product-form-metric-card,
 body.app-authenticated .app-main-content .product-view-shell .product-view-summary-strip>.product-view-summary-item{
  padding:11px 9px!important;gap:7px!important;min-height:105px!important;
 }
 body.app-authenticated .app-main-content .product-form-shell .product-form-metric-description,
 body.app-authenticated .app-main-content .product-view-shell .product-view-summary-description{
  font-size:11px!important;
 }
}

/* Productos finales: formularios y detalle conservan dos KPI por fila en móvil. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .product-form-shell .access-stats-grid.operation-kpi-grid,
  body.app-authenticated .app-main-content .product-view-shell .access-stats-grid.operation-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body.app-authenticated .app-main-content .product-form-shell .access-stats-grid > .operation-kpi-card,
  body.app-authenticated .app-main-content .product-view-shell .access-stats-grid > .operation-kpi-card {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Clientes: estilos de detalle centralizados desde la vista. */
.customer-show .customer-head{align-items:center}
.customer-show .customer-contact-summary{display:flex;flex-direction:column;gap:7px;margin-top:8px;font-size:13px;color:var(--workspace-muted);overflow-wrap:anywhere}
.customer-show .customer-contact-summary>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.customer-show .customer-contact-summary i{color:var(--brand-primary);font-size:14px}
.customer-show .customer-summary-separator{opacity:.45}
.customer-show .customer-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.customer-show .customer-history>section{min-width:0;padding:18px}
.customer-show .customer-history .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--workspace-border);margin-bottom:12px}
.customer-show .customer-history .section-head h2{margin:0}
.customer-show .customer-history .section-head p{margin:4px 0 0}
.customer-show .customer-history .empty{display:flex;justify-content:center;align-items:center;min-height:130px;text-align:center;color:var(--workspace-muted)}
.customer-show .customer-history .section-head .operation-button{white-space:nowrap}
@media(max-width:767.98px){.customer-show .customer-history{grid-template-columns:1fr;gap:12px}.customer-show .customer-history>section{padding:14px}.customer-show .customer-history .section-head{flex-wrap:wrap}.customer-show .customer-contact-summary{font-size:12px}}
@media print{.customer-show .customer-actions,.customer-show .section-head .btn{display:none!important}.customer-show .customer-history{grid-template-columns:1fr!important}.customer-show .customer-history>section{break-inside:avoid}}


/* Clientes / Ver detalle: contrato PEG y KPI responsivos. */
body.app-authenticated .app-main-content .customer-detail-shell .customer-actions {
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px;
}
body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis {
  margin-top:16px;
}
body.app-authenticated .app-main-content .customer-detail-shell .customer-history > .operation-form-card {
  min-width:0;
}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis.access-stats-grid.operation-kpi-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis > .operation-kpi-card {
    width:100%!important; min-width:0!important;
  }
}


/* Clientes Nuevo/Editar: pares de campos en móvil sin alterar escritorio. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .customer-editor-shell .customer-editor-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:10px;
    row-gap:12px;
  }
  body.app-authenticated .app-main-content .customer-editor-shell .customer-editor-grid > * {
    grid-column:1/-1;
    min-width:0;
  }
  body.app-authenticated .app-main-content .customer-editor-shell .customer-editor-grid > .customer-mobile-half {
    grid-column:span 1;
    min-width:0;
  }
}


/* Clientes / Ver detalle: cuatro KPI en una sola fila móvil. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .customer-detail-shell .customer-actions {
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%;
  }
  body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis.access-stats-grid.operation-kpi-grid {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis > .operation-kpi-card {
    min-width:0!important;
    width:100%!important;
    padding:8px 3px!important;
    text-align:center;
  }
  body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis .operation-kpi-icon {
    margin-inline:auto;
  }
  body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis .operation-kpi-label,
  body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis .operation-kpi-copy {
    font-size:10px!important;
    overflow-wrap:anywhere;
  }
  body.app-authenticated .app-main-content .customer-detail-shell .customer-detail-kpis .operation-kpi-value {
    font-size:14px!important;
    overflow-wrap:anywhere;
  }
}


/* Clientes / detalle: barra móvil sin contenedor blanco ni acciones secundarias. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .customer-detail-shell .customer-actions {
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin-inline:auto!important;
    justify-content:center!important;
  }
  body.app-authenticated .app-main-content .customer-detail-shell .customer-actions > a:not(.operation-button-primary) {
    display:none!important;
  }
}


/* Pedidos: contratos PEG compartidos, sin modificar lógica comercial. */
body.app-authenticated .app-main-content .orders-peg-index .orders-peg-kpis,
body.app-authenticated .app-main-content .orders-peg-detail .orders-peg-kpis {
  margin-bottom:16px;
}
body.app-authenticated .app-main-content .orders-peg-detail .order-head-actions,
body.app-authenticated .app-main-content .orders-peg-form .order-actions {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .orders-peg-index .orders-peg-kpis.access-stats-grid.operation-kpi-grid,
  body.app-authenticated .app-main-content .orders-peg-detail .orders-peg-kpis.access-stats-grid.operation-kpi-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.app-authenticated .app-main-content .orders-peg-index .orders-peg-kpis > .operation-kpi-card,
  body.app-authenticated .app-main-content .orders-peg-detail .orders-peg-kpis > .operation-kpi-card {
    width:100%!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .orders-peg-detail .order-head-actions,
  body.app-authenticated .app-main-content .orders-peg-form .order-form-head {
    justify-content:center;
  }
}


/* Pedidos Index: patrón AST/AMR de Clientes, con filtros adicionales de negocio. */
body.app-authenticated .app-main-content .orders-catalog-shell .orders-toolbar {
 display:grid!important;
 grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(150px,1fr) 44px!important;
 gap:10px!important;
 align-items:center;
}
body.app-authenticated .app-main-content .orders-catalog-shell .orders-toolbar > * {min-width:0}
body.app-authenticated .app-main-content .orders-catalog-shell .orders-toolbar select {width:100%}
body.app-authenticated .app-main-content .orders-catalog-shell .orders-status-pill {
 display:inline-flex;align-items:center;justify-content:center;
 padding:5px 10px;border-radius:999px;
 font-size:11px;font-weight:700;white-space:nowrap;
 color:#1d5de1;background:#edf3ff;border:1px solid #bdd1ff;
}
body.app-authenticated .app-main-content .orders-catalog-shell .orders-status-delivered {
 color:#13814a;background:#e2f9ed;border-color:#bdebcf;
}
body.app-authenticated .app-main-content .orders-catalog-shell .orders-status-cancelled {
 color:#66758a;background:#edf0f4;border-color:#dce2e9;
}
body.app-authenticated .app-main-content .orders-catalog-shell .orders-status-prepared {
 color:#8054b8;background:#f3ecff;border-color:#dfcdf8;
}
body.app-authenticated .app-main-content .orders-catalog-shell .orders-mobile-content {display:none}
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-toolbar {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 }
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-toolbar .suppliers-search {grid-column:1/-1}
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-toolbar .suppliers-filter-actions {grid-column:1/-1;justify-content:flex-end}
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table thead {display:none!important}
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table tr.order-record {display:block!important}
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table tr.order-record > td.orders-desktop-cell {display:none!important}
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table tr.order-record > td.orders-primary-cell {display:block!important;width:100%!important}
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table .orders-desktop-number {display:none!important}
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-mobile-content {display:block}
}


/* Pedidos Nuevo/Editar: cuadrícula PEG aislada de operation-form-grid. */
body.app-authenticated .app-main-content .orders-peg-form .order-card {
  width:100%;
  min-width:0;
  padding:20px;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields {
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(180px,1fr)!important;
  gap:16px!important;
  align-items:end;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields > div {
  min-width:0;
  grid-column:auto;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields > .wide {
  grid-column:1/-1!important;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields :is(input,select) {
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
body.app-authenticated .app-main-content .orders-peg-form .order-products-head {
  margin-top:20px;
  padding-top:16px;
}
body.app-authenticated .app-main-content .orders-peg-form .order-line {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 100px 130px 100px 44px!important;
  align-items:end;
  gap:10px!important;
}
body.app-authenticated .app-main-content .orders-peg-form .order-line > * {
  min-width:0;
}
body.app-authenticated .app-main-content .orders-peg-form .order-line :is(input,select) {
  width:100%;
  min-width:0;
}
body.app-authenticated .app-main-content .orders-peg-form .order-actions {
  display:flex!important;
  justify-content:center!important;
  margin-top:16px;
}
@media (min-width:768px) {
  body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields > .wide:nth-last-child(2) {
    grid-column:1/3!important;
  }
  body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields > .wide:last-child {
    grid-column:3/4!important;
  }
}
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .orders-peg-form .order-card {
    padding:14px;
  }
  body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields > div:first-child {
    grid-column:1/-1!important;
  }
  body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields > .wide {
    grid-column:1/-1!important;
  }
  body.app-authenticated .app-main-content .orders-peg-form .order-line {
    grid-template-columns:repeat(2,minmax(0,1fr)) 42px!important;
    align-items:end;
    gap:10px!important;
  }
  body.app-authenticated .app-main-content .orders-peg-form .order-line > .product {
    grid-column:1/-1!important;
    grid-row:auto!important;
  }
  body.app-authenticated .app-main-content .orders-peg-form .order-line > .line-total {
    grid-column:1/3!important;
  }
  body.app-authenticated .app-main-content .orders-peg-form .order-line > .remove-line {
    grid-column:3!important;
    grid-row:3!important;
  }
}


/* Pedidos: campos principales y líneas de productos. */
.orders-peg-form .orders-form-fields{grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.4fr)!important}
.orders-peg-form .orders-form-fields>.order-address-field{grid-column:4!important}
.orders-peg-form .orders-form-fields>.order-notes-field{grid-column:1/-1!important}
.orders-peg-form .order-products-head p{margin:4px 0 0;color:#61728f;font-size:13px}
.orders-peg-form .orders-lines-heading{display:grid;grid-template-columns:minmax(0,1fr) 110px 140px 115px 44px;gap:10px;padding:12px 10px;background:#edf3fc;color:#516685;font-size:12px;font-weight:700}
.orders-peg-form .order-line{grid-template-columns:minmax(0,1fr) 110px 140px 115px 44px!important;padding:12px 10px;border-bottom:1px solid #d9e5f5}
.orders-peg-form .order-line label{display:none}
@media(max-width:1050px){.orders-peg-form .orders-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.orders-peg-form .orders-form-fields>.order-address-field{grid-column:1/-1!important}}
@media(max-width:767.98px){.orders-peg-form .orders-lines-heading{display:none}.orders-peg-form .order-line{grid-template-columns:repeat(2,minmax(0,1fr)) 42px!important;padding:12px 0}.orders-peg-form .order-line label{display:block}.orders-peg-form .order-line>.product{grid-column:1/-1!important}.orders-peg-form .order-line>.remove-line{grid-column:3!important;grid-row:3!important}}


/* Pedidos Nuevo/Editar: proporciones definitivas de cabecera y armado. */
body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields {
 grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)!important;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields>.order-address-field {
 grid-column:4!important;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields>.order-notes-field {
 grid-column:1/-1!important;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-lines-heading,
body.app-authenticated .app-main-content .orders-peg-form .order-line {
 grid-template-columns:minmax(0,1fr) minmax(110px,.25fr) minmax(120px,.3fr) minmax(100px,.23fr) 44px!important;
 column-gap:16px!important;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-lines-heading {
 background:#edf3fc;
 padding:16px 12px;
}
body.app-authenticated .app-main-content .orders-peg-form .order-line {
 padding:16px 12px;
 align-items:center;
}
body.app-authenticated .app-main-content .orders-peg-form .order-line .remove-line {
 width:40px;
 height:40px;
 padding:0;
 border:0;
 border-radius:10px;
 background:#fff0f0;
 color:#e24c58;
}
body.app-authenticated .app-main-content .orders-peg-form .order-line .line-total {
 font-weight:700;
}
@media (min-width:768px) and (max-width:1050px) {
 body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields>.order-address-field {
  grid-column:1/-1!important;
 }
}
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields>.order-address-field,
 body.app-authenticated .app-main-content .orders-peg-form .orders-form-fields>.order-notes-field {
  grid-column:1/-1!important;
 }
 body.app-authenticated .app-main-content .orders-peg-form .order-line {
  grid-template-columns:repeat(2,minmax(0,1fr)) 42px!important;
  column-gap:10px!important;
 }
}


/* Pedidos: solo encabezados de columnas, sin etiquetas repetidas en cada producto. */
body.app-authenticated .app-main-content .orders-peg-form .orders-lines-table .order-line label {
 display:none!important;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-lines-heading>span:last-child {
 text-align:center;
}


/* Pedidos: acciones superiores y precio con prefijo monetario. */
body.app-authenticated .app-main-content .orders-peg-form .orders-form-head-actions,
body.app-authenticated .app-main-content .orders-peg-form .order-form-head .orders-form-head-actions {
 display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;
}
body.app-authenticated .app-main-content .orders-peg-form .order-price-control {
 display:flex;align-items:stretch;width:100%;min-width:0;
}
body.app-authenticated .app-main-content .orders-peg-form .order-price-currency {
 display:grid;place-items:center;flex:0 0 38px;background:#f7faff;
 border:1px solid #d4e2fa;border-right:0;border-radius:10px 0 0 10px;
 color:#243a60;font-weight:600;
}
body.app-authenticated .app-main-content .orders-peg-form .order-price-control .price {
 flex:1;min-width:0;border-radius:0 10px 10px 0!important;
}
body.app-authenticated .app-main-content .orders-peg-form .orders-lines-heading>span:last-child {
 visibility:hidden;
}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .orders-peg-form .orders-form-head-actions {justify-content:center;width:100%}
}


/* Pedidos: acciones de avance de estado en AST y AMR. */
body.app-authenticated .app-main-content .orders-catalog-shell .catalog-index-table-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px;
}
body.app-authenticated .app-main-content .orders-catalog-shell .catalog-index-table-actions form {
  display:inline-flex;
  margin:0;
  padding:0;
}
body.app-authenticated .app-main-content .orders-catalog-shell .order-action-transition {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:0;
  border:0;
  border-radius:10px;
  background:#e8f8ef;
  color:#16834c;
  cursor:pointer;
}
body.app-authenticated .app-main-content .orders-catalog-shell .order-action-prepared {
  background:#edf1ff;
  color:#5558c6;
}
body.app-authenticated .app-main-content .orders-catalog-shell .order-action-delivered {
  background:#e4f7fb;
  color:#087b98;
}
body.app-authenticated .app-main-content .orders-catalog-shell .order-action-transition:hover {
  filter:brightness(.95);
}


/* Pedidos AST: franja de encabezados igual al patrón Productos finales. */
@media (min-width:768px) {
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table thead {
  display:table-header-group!important;
 }
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table thead tr,
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table thead th {
  background:#edf3fc!important;
  background-color:#edf3fc!important;
 }
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table thead th {
  color:#526887!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  border-top:0!important;
  border-bottom:1px solid #dbe5f3!important;
  padding:17px 12px!important;
 }
}


/* Pedidos: encabezado AST pintado sin depender de la clase del body. */
@media (min-width:768px) {
 .orders-catalog-shell .orders-table-wrap table.orders-records-table {
   border-collapse:separate!important;
   border-spacing:0!important;
 }
 .orders-catalog-shell .orders-table-wrap table.orders-records-table > thead,
 .orders-catalog-shell .orders-table-wrap table.orders-records-table > thead > tr,
 .orders-catalog-shell .orders-table-wrap table.orders-records-table > thead > tr > th {
   background:#edf3fc!important;
   background-color:#edf3fc!important;
   background-image:none!important;
 }
 .orders-catalog-shell .orders-table-wrap table.orders-records-table > thead > tr > th {
   color:#526887!important;
   border-bottom:1px solid #dbe5f3!important;
   box-shadow:inset 0 0 0 999px #edf3fc!important;
 }
}


/* Pedidos > Ver detalle: encabezado de productos conforme al PEG. */
body.app-authenticated .app-main-content .orders-peg-detail .order-detail-card > .order-lines-head,
.orders-peg-detail .order-detail-card > .order-lines-head {
  background:#edf3fc!important;
  background-color:#edf3fc!important;
  color:#526887!important;
  border-top:0!important;
  border-bottom:1px solid #dbe5f3!important;
  padding:16px 12px!important;
  font-size:12px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}
.orders-peg-detail .order-detail-card > .order-lines-head > span {
  color:#526887!important;
  font-weight:700!important;
}


/* Pedidos > Ver detalle: mismas columnas para encabezado y registros. */
@media (min-width:768px) {
 .orders-peg-detail .order-detail-card > .order-lines-head,
 .orders-peg-detail .order-detail-card > .order-line {
   display:grid!important;
   grid-template-columns:minmax(0,1fr) 100px 140px 140px!important;
   gap:12px!important;
   align-items:center!important;
   padding-left:12px!important;
   padding-right:12px!important;
 }
 .orders-peg-detail .order-detail-card > .order-lines-head > :nth-child(n+2),
 .orders-peg-detail .order-detail-card > .order-line > :nth-child(n+2) {
   text-align:right!important;
 }
}
.orders-peg-detail .order-detail-card > .order-address {
 display:flex!important;
 flex-direction:column!important;
 gap:8px!important;
}
.orders-peg-detail .order-detail-card > .order-address > div {
 display:flex!important;
 align-items:baseline!important;
 flex-wrap:wrap;
 gap:8px!important;
 min-width:0;
}
.orders-peg-detail .order-detail-card > .order-address small {
 display:inline!important;
 margin:0!important;
 flex:0 0 auto;
 font-weight:700!important;
}
.orders-peg-detail .order-detail-card > .order-address strong {
 display:inline!important;
 min-width:0;
 font-weight:500!important;
 overflow-wrap:anywhere;
}


/* Pedidos > Ver detalle: Entregar en y Descripción en una misma fila. */
@media (min-width:768px) {
 .orders-peg-detail .order-detail-card > .order-address {
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   column-gap:24px!important;
   align-items:start!important;
 }
}
@media (max-width:767.98px) {
 .orders-peg-detail .order-detail-card > .order-address {
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   column-gap:12px!important;
   align-items:start!important;
 }
}


/* Pedidos Index AMR: cuatro KPI en una fila y negocio a ancho completo. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .orders-peg-index .orders-peg-kpis.access-stats-grid.operation-kpi-grid,
  .orders-peg-index .orders-peg-kpis.access-stats-grid.operation-kpi-grid {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .orders-peg-index .orders-peg-kpis > .operation-kpi-card {
    min-width:0!important;
    width:100%!important;
    padding:9px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:4px!important;
  }
  .orders-peg-index .orders-peg-kpis .operation-kpi-icon {
    margin:0 auto!important;
  }
  .orders-peg-index .orders-peg-kpis .operation-kpi-value {
    font-size:16px!important;
    line-height:1.2!important;
  }
  .orders-peg-index .orders-peg-kpis .operation-kpi-label {
    font-size:10px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  .orders-peg-index .orders-peg-kpis .operation-kpi-copy {
    display:none!important;
  }
  body.app-authenticated .app-main-content .orders-catalog-shell .orders-toolbar,
  .orders-catalog-shell .orders-toolbar {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:8px!important;
  }
  .orders-catalog-shell .orders-toolbar > .suppliers-search {
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  .orders-catalog-shell .orders-toolbar > .access-toolbar-actions {
    grid-column:2!important;
    grid-row:1!important;
  }
  .orders-catalog-shell .orders-toolbar > .suppliers-status-field {
    grid-column:1/-1!important;
    grid-row:2!important;
  }
  .orders-catalog-shell .orders-toolbar > .orders-customer-filter {
    grid-column:1/-1!important;
    grid-row:3!important;
    width:100%!important;
    min-width:0!important;
  }
  .orders-catalog-shell .orders-toolbar > .orders-customer-filter select {
    width:100%!important;
    max-width:100%!important;
  }
}


/* Pedidos Index: contrato ARVIX Mobile Record (AMR), como Proveedores. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table,
 .orders-catalog-shell .orders-records-table {
   display:block!important;
   width:100%!important;
   min-width:0!important;
   border:0!important;
 }
 .orders-catalog-shell .orders-records-table tbody {
   display:flex!important;
   flex-direction:column!important;
   gap:8px!important;
   width:100%!important;
 }
 .orders-catalog-shell .orders-records-table tr.order-record {
   display:block!important;
   width:100%!important;
   min-width:0!important;
   border:1px solid #dce6f4!important;
   border-radius:14px!important;
   background:#fff!important;
   overflow:hidden!important;
   margin:0!important;
 }
 .orders-catalog-shell .orders-records-table tr.order-record > td.orders-primary-cell {
   display:block!important;
   width:100%!important;
   padding:10px!important;
   border:0!important;
   box-sizing:border-box!important;
 }
 .orders-catalog-shell .orders-records-table tr.order-record > td.orders-desktop-cell {
   display:none!important;
 }
 .orders-catalog-shell .orders-records-table .orders-desktop-number {
   display:none!important;
 }
 .orders-catalog-shell .orders-mobile-content {
   display:block!important;
   min-width:0!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-top {
   display:flex!important;
   justify-content:space-between!important;
   align-items:flex-start!important;
   gap:8px!important;
   padding:0 0 10px!important;
   border-bottom:1px solid #dce6f4!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-copy {
   flex:1 1 auto!important;
   min-width:0!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-name {
   font-weight:700!important;
   font-size:13px!important;
   color:#1d3052!important;
   overflow-wrap:anywhere!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-txtop {
   font-size:12px!important;
   color:#587092!important;
   margin-top:4px!important;
 }
 .orders-catalog-shell .orders-mobile-content .orders-status-pill {
   flex:0 0 auto!important;
   max-width:42%!important;
   white-space:nowrap!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-bottom {
   display:flex!important;
   justify-content:space-between!important;
   align-items:center!important;
   gap:8px!important;
   padding-top:10px!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-details {
   flex:1 1 auto!important;
   min-width:0!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot1,
 .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot2 {
   font-size:11px!important;
   line-height:1.5!important;
   color:#526887!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot1 {
   font-weight:700!important;
 }
 .orders-catalog-shell .orders-mobile-content .catalog-index-table-actions {
   display:flex!important;
   flex:0 0 auto!important;
   align-items:center!important;
   justify-content:flex-end!important;
   gap:6px!important;
 }
 .orders-catalog-shell .orders-mobile-content .catalog-index-table-actions form {
   display:inline-flex!important;
   margin:0!important;
 }
}


/* Pedidos AMR: tipografía KPI consistente con el patrón móvil de Proveedores. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .orders-peg-index .orders-peg-kpis .operation-kpi-label,
 .orders-peg-index .orders-peg-kpis .operation-kpi-label {
   font-size:12px!important;
   line-height:1.25!important;
   font-weight:600!important;
   letter-spacing:0!important;
   overflow-wrap:normal!important;
   word-break:normal!important;
 }
 body.app-authenticated .app-main-content .orders-peg-index .orders-peg-kpis .operation-kpi-value,
 .orders-peg-index .orders-peg-kpis .operation-kpi-value {
   font-size:20px!important;
   line-height:1.2!important;
   font-weight:700!important;
 }
 .orders-peg-index .orders-peg-kpis > .operation-kpi-card {
   padding:10px 4px!important;
 }
}


/* Pedidos AMR: corregir badges comprimidos y acciones desalineadas. */
@media (max-width:767.98px) {
 .orders-catalog-shell .orders-records-table tr.order-record > td.orders-primary-cell .orders-mobile-content {
   width:100%!important;
   min-width:0!important;
   box-sizing:border-box!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-top {
   display:grid!important;
   grid-template-columns:minmax(0,1fr) max-content!important;
   align-items:start!important;
   gap:8px!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-top .orders-status-pill {
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   position:static!important;
   float:none!important;
   width:auto!important;
   min-width:max-content!important;
   max-width:none!important;
   height:auto!important;
   padding:5px 9px!important;
   margin:0!important;
   font-size:10px!important;
   line-height:1.2!important;
   white-space:nowrap!important;
   word-break:normal!important;
   overflow-wrap:normal!important;
   transform:none!important;
   box-sizing:border-box!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-bottom {
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto!important;
   align-items:center!important;
   gap:10px!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-details {
   min-width:0!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot1,
 .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot2 {
   font-size:12px!important;
   line-height:1.4!important;
   overflow-wrap:normal!important;
 }
 .orders-catalog-shell .orders-mobile-content .catalog-index-table-actions {
   width:auto!important;
   min-width:0!important;
   margin:0!important;
   padding:0!important;
   flex-wrap:nowrap!important;
 }
 .orders-catalog-shell .orders-mobile-content .catalog-index-table-actions .table-action-icon {
   flex:0 0 38px!important;
   width:38px!important;
   height:38px!important;
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
 }
}


/* Pedidos AMR: tipografía y proporciones del componente Proveedores. */
@media (max-width:767.98px) {
  .orders-catalog-shell .orders-records-table tr.order-record {
    padding:10px!important;
    box-sizing:border-box!important;
  }
  .orders-catalog-shell .orders-records-table tr.order-record > td.orders-primary-cell {
    padding:0!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-top {
    grid-template-columns:minmax(0,1fr) auto!important;
    margin:0!important;
    padding:0 0 9px!important;
    min-height:0!important;
    align-items:start!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-name {
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:800!important;
    overflow-wrap:anywhere!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-txtop {
    font-size:13px!important;
    line-height:1.4!important;
    margin-top:3px!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-bottom {
    min-height:44px!important;
    padding:10px 0 0!important;
    margin:0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot1,
  .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot2 {
    font-size:13px!important;
    line-height:1.4!important;
  }
  .orders-catalog-shell .orders-mobile-content .orders-status-pill {
    font-size:13px!important;
    line-height:1.2!important;
    padding:4px 12px!important;
    border-radius:999px!important;
    max-width:none!important;
    min-width:0!important;
    width:max-content!important;
    white-space:nowrap!important;
  }
  .orders-catalog-shell .orders-mobile-content .catalog-index-table-actions {
    min-height:44px!important;
    gap:6px!important;
  }
  .orders-catalog-shell .orders-mobile-content .catalog-index-table-actions .table-action-icon {
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }
}


/* Pedidos AMR: medidas comprobadas en Proveedores; tarjetas separadas. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .orders-catalog-shell .orders-table-wrap,
  .orders-catalog-shell .orders-table-wrap {
    padding:0 12px 8px!important;
    overflow:visible!important;
  }
  body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table,
  .orders-catalog-shell .orders-records-table {
    display:block!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    width:100%!important;
  }
  body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table tbody,
  .orders-catalog-shell .orders-records-table tbody {
    display:flex!important;
    flex-direction:column!important;
    row-gap:10px!important;
    padding:0!important;
    width:100%!important;
  }
  body.app-authenticated .app-main-content .orders-catalog-shell .orders-records-table tbody > tr.order-record,
  .orders-catalog-shell .orders-records-table tbody > tr.order-record {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #dce6f4!important;
    border-radius:14px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    box-shadow:none!important;
  }
  .orders-catalog-shell .orders-records-table tbody > tr.order-record > td.orders-primary-cell {
    display:block!important;
    padding:0!important;
    border:0!important;
    width:100%!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-name {
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.3!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-txtop,
  .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot1,
  .orders-catalog-shell .orders-mobile-content .mobile-record-txtbot2 {
    font-size:13px!important;
    line-height:1.4!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-top {
    padding:0 0 9px!important;
    border-bottom:1px solid #e2eaf5!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-bottom {
    padding:10px 0 0!important;
    min-height:44px!important;
  }
  .orders-catalog-shell .orders-mobile-content .mobile-record-top .orders-status-pill {
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.2!important;
    padding:4px 12px!important;
    min-height:30px!important;
    max-width:none!important;
    width:max-content!important;
    white-space:nowrap!important;
  }
  .orders-catalog-shell .orders-mobile-content .catalog-index-table-actions .table-action-icon {
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
}


/* Pedidos AMR: separación entre TR idéntica a Proveedores (10px vertical). */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .orders-catalog-shell table.orders-records-table > tbody,
 .orders-catalog-shell table.orders-records-table > tbody {
   display:flex!important;
   flex-direction:column!important;
   gap:0!important;
   width:100%!important;
   border-spacing:0!important;
 }
 body.app-authenticated .app-main-content .orders-catalog-shell table.orders-records-table > tbody > tr.order-record,
 .orders-catalog-shell table.orders-records-table > tbody > tr.order-record {
   display:block!important;
   width:100%!important;
   margin:10px 0 0!important;
   padding:10px!important;
   border:1px solid #dce6f4!important;
   border-radius:14px!important;
   background:#fff!important;
   box-sizing:border-box!important;
 }
 .orders-catalog-shell table.orders-records-table > tbody > tr.order-record:first-child {
   margin-top:0!important;
 }
 .orders-catalog-shell .orders-mobile-content .mobile-record-name {
   font-size:16px!important;
 }
 .orders-catalog-shell .orders-mobile-content :is(.mobile-record-txtop,.mobile-record-txtbot1,.mobile-record-txtbot2,.orders-status-pill) {
   font-size:13px!important;
 }
}

/* ARVIX Standard Table: shared desktop table and pagination contract. */
.arvix-standard-table{width:100%;border-top:0!important;border-bottom:0!important}
.arvix-standard-table thead,.arvix-standard-table thead tr,.arvix-standard-table thead th{border-bottom:0!important;box-shadow:none!important}
.arvix-standard-table tbody tr:not(:last-child)>td{border-bottom:1px solid #d6e2f4}
.arvix-standard-table-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 16px!important;min-height:64px!important;border-top:0!important;border-bottom:0!important}
.arvix-standard-table-footer>span{font-size:12px!important;line-height:1.45!important;color:#587096!important;flex:1 1 auto;min-width:0}
.arvix-standard-table-footer nav{margin-left:auto;flex:0 0 auto}
.arvix-standard-table-footer .pagination{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;margin:0!important;padding:0!important}
.arvix-standard-table-footer .pagination .page-item{margin:0!important;padding:0!important}
.arvix-standard-table-footer .pagination .page-link{width:42px!important;min-width:42px!important;height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #d6e2f4!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;color:#48648b!important;font-size:12px!important}
.arvix-standard-table-footer .pagination .active .page-link{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.arvix-standard-table-footer .pagination .disabled .page-link{background:#f1f5fa!important;color:#8ba0bc!important}
@media(max-width:767.98px){.arvix-standard-table-footer{padding:12px 8px!important;gap:8px!important}.arvix-standard-table-footer .pagination .page-link{width:36px!important;min-width:36px!important;height:40px!important}}

/* ARVIX Mobile Record (AMR): shared structure for responsive table records. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .arvix-mobile-record {
    padding: 10px !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 8px !important;
    padding: 0 0 9px !important;
    min-height: 0 !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-copy {
    min-width: 0 !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-copy .operation-row-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #162847 !important;
    overflow-wrap: anywhere !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-copy .operation-meta {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #516685 !important;
    margin-top: 3px !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-head .operation-status {
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 4px 12.8px !important;
    white-space: nowrap !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    align-items: end !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 12px 9px 0 !important;
    border-top: 1px solid #e8edf5 !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-footer-main {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    color: #516685 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-values {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    gap: 12px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-values > div {
    display: inline-flex !important;
    align-items: baseline !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
    margin: 0 !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-footer-main span,
  body.app-authenticated .app-main-content .arvix-mobile-record-footer-main strong {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #516685 !important;
    font-weight: 600 !important;
  }
  body.app-authenticated .app-main-content .arvix-mobile-record-footer > .table-action-group {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: 96px !important;
    min-width: 96px !important;
    height: 44px !important;
  }
}


/* Recipes: supplier-style compact toolbar and four KPIs. */
.recipes-catalog-shell .recipes-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.recipes-catalog-shell form.recipes-filter-bar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,230px) minmax(205px,225px) 44px!important;gap:10px!important;align-items:center;width:100%}
.recipes-catalog-shell .recipes-filter-bar .catalog-index-search{min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;flex:none!important}
.recipes-catalog-shell .recipes-filter-bar select.recipes-filter-select{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;margin:0!important;padding-right:32px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recipes-catalog-shell .recipes-filter-bar .recipes-clear-btn{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;justify-self:end;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:10px;text-decoration:none;flex:none}
@media(min-width:768px) and (max-width:1099.98px){
 .recipes-catalog-shell form.recipes-filter-bar{grid-template-columns:minmax(0,1fr) minmax(185px,205px) minmax(185px,205px) 44px!important;gap:8px!important}
}
@media(max-width:767.98px){
 .recipes-catalog-shell .recipes-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .recipes-catalog-shell form.recipes-filter-bar{grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important}
 .recipes-catalog-shell .recipes-filter-bar .catalog-index-search{grid-column:1;grid-row:1}
 .recipes-catalog-shell .recipes-filter-bar select.recipes-filter-select{grid-column:1 / -1!important;width:100%!important;max-width:100%!important}
 .recipes-catalog-shell .recipes-filter-bar select[name="type"]{grid-row:2!important}
 .recipes-catalog-shell .recipes-filter-bar select[name="presentation"]{grid-row:3!important}
 .recipes-catalog-shell .recipes-filter-bar .recipes-clear-btn{grid-column:2;grid-row:1;align-self:center;height:44px!important}
}

/* Recipes table: supplier catalog visual standard (desktop only). */
@media (min-width:768px) {
 .recipes-catalog-shell .recipes-table-wrap{overflow-x:auto}
 .recipes-catalog-shell .recipes-records-table{width:100%;border-collapse:collapse;border-spacing:0}
 .recipes-catalog-shell .recipes-records-table thead{background:#eaf1fb}
 .recipes-catalog-shell .recipes-records-table thead th{background:#eaf1fb;color:#536989;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0;padding:17px 12px;border:0;vertical-align:middle;line-height:1.4}
 .recipes-catalog-shell .recipes-records-table tbody td{padding:16px 12px;border-bottom:1px solid #d6e2f4;vertical-align:middle;font-size:14px}
 .recipes-catalog-shell .recipes-records-table tbody tr:last-child td{border-bottom:1px solid #d6e2f4}
 .recipes-catalog-shell .recipes-records-table .catalog-index-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
 .recipes-catalog-shell .recipes-records-table .catalog-index-table-actions form{margin:0}
 .recipes-catalog-shell .recipes-records-table th:last-child,.recipes-catalog-shell .recipes-records-table td:last-child{text-align:right}
}
.recipes-catalog-shell .recipes-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 4px;min-height:70px}
.recipes-catalog-shell .recipes-table-footer .operation-meta{font-size:12px;line-height:1.5;color:#587096}
.recipes-catalog-shell .recipes-table-footer .pagination{margin:0}
@media(max-width:767.98px){
 .recipes-catalog-shell .recipes-table-footer{padding:12px 4px;min-height:58px}
}

/* Recipe mobile record: title + presentation, type badge, summary + actions. */
.recipes-catalog-shell .recipes-mobile-head,
.recipes-catalog-shell .recipes-mobile-footer{display:none}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-records-table tbody>tr.arvix-mobile-record{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;
  padding:12px!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-records-table tbody>tr.arvix-mobile-record>td:not(.recipes-record-main):not(.recipes-record-actions){display:none!important}
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-records-table tbody>tr.arvix-mobile-record>td.recipes-record-main,
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-records-table tbody>tr.arvix-mobile-record>td.recipes-record-actions{
  display:block!important;grid-column:1!important;width:100%!important;min-width:0!important;
  padding:0!important;border:0!important;text-align:left!important;background:transparent!important;
 }
 .recipes-catalog-shell .recipes-desktop-name{display:none!important}
 .recipes-catalog-shell .recipes-mobile-head{display:flex!important;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:11px}
 .recipes-catalog-shell .recipes-mobile-identity{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
 .recipes-catalog-shell .recipes-mobile-name{font-size:14px;line-height:1.35;color:#20314d}
 .recipes-catalog-shell .recipes-mobile-presentation{font-size:12px;line-height:1.35;color:#61738f}
 .recipes-catalog-shell .recipes-mobile-type{flex:0 0 auto;max-width:43%;text-align:center;white-space:normal}
 .recipes-catalog-shell .recipes-record-actions{border-top:1px solid #d8e4f4!important;padding-top:10px!important}
 .recipes-catalog-shell .recipes-mobile-footer{display:block!important}
 .recipes-catalog-shell .recipes-mobile-summary{display:flex;flex-direction:column;gap:4px;text-align:left;font-size:12px;line-height:1.45;color:#536989;font-variant-numeric:tabular-nums}
 .recipes-catalog-shell .recipes-mobile-separator{padding:0 5px;color:#9caec6}
 .recipes-catalog-shell .recipes-record-actions{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;grid-template-rows:auto!important;align-items:center!important;column-gap:8px!important}
 .recipes-catalog-shell .recipes-record-actions .recipes-mobile-footer{display:block!important;grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important}
 .recipes-catalog-shell .recipes-mobile-summary{font-size:11px;gap:3px;overflow-wrap:anywhere}
 .recipes-catalog-shell .recipes-record-actions .catalog-index-table-actions.recipes-mobile-actions-cell{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:5px!important;margin:0!important;width:max-content!important;min-width:0!important}
 .recipes-catalog-shell .recipes-record-actions .table-action-icon{flex:0 0 auto}
}

/* Recipes mobile: match the shared mobile-record-bottom two-cell footer. */
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-records-table tbody>tr.arvix-mobile-record>td.recipes-record-actions{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:space-between!important;
  gap:8px!important;width:100%!important;min-height:44px!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-record-actions>.recipes-mobile-footer{
  display:block!important;flex:1 1 0!important;min-width:0!important;width:auto!important;
  grid-column:auto!important;grid-row:auto!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-record-actions>.catalog-index-table-actions.recipes-mobile-actions-cell{
  display:flex!important;flex:0 0 auto!important;flex-direction:row!important;
  flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;
  width:auto!important;min-width:0!important;margin:0!important;
  grid-column:auto!important;grid-row:auto!important;
 }
 .recipes-catalog-shell .recipes-mobile-summary{font-size:11px!important;line-height:1.4!important}
}

/* Recipes mobile: full-width filter rows and clear card section divider. */
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .recipes-catalog-shell form.recipes-filter-bar{
  display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
  grid-template-rows:auto auto auto!important;gap:10px 8px!important;
  align-items:center!important;width:100%!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-filter-bar>.catalog-index-search{
  grid-column:1!important;grid-row:1!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-filter-bar>.recipes-clear-btn{
  grid-column:2!important;grid-row:1!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-filter-bar>select.recipes-filter-select[name="type"]{
  grid-column:1 / -1!important;grid-row:2!important;display:block!important;
  width:100%!important;min-width:0!important;max-width:none!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-filter-bar>select.recipes-filter-select[name="presentation"]{
  grid-column:1 / -1!important;grid-row:3!important;display:block!important;
  width:100%!important;min-width:0!important;max-width:none!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-records-table tbody>tr.arvix-mobile-record>td.recipes-record-actions{
  border-top:1px solid #d8e4f4!important;
  margin-top:0!important;padding-top:10px!important;
 }
}

/* Force each recipe selector onto its own mobile row despite inherited toolbar layout. */
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form{
  display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
  grid-template-areas:"search clear" "type type" "presentation presentation"!important;
  grid-auto-flow:row!important;align-items:center!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>.catalog-index-search{
  grid-area:search!important;grid-column:1!important;grid-row:1!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>.recipes-clear-btn{
  grid-area:clear!important;grid-column:2!important;grid-row:1!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>select[name="type"]{
  grid-area:type!important;grid-column:1 / 3!important;grid-row:2!important;
  justify-self:stretch!important;min-width:0!important;width:100%!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>select[name="presentation"]{
  grid-area:presentation!important;grid-column:1 / 3!important;grid-row:3!important;
  justify-self:stretch!important;min-width:0!important;width:100%!important;
 }
}

/* Recipes filters: structural rows prevent the presentation selector collapsing into the reset column. */
@media(min-width:768px){
 .recipes-catalog-shell .recipes-filter-type-row,
 .recipes-catalog-shell .recipes-filter-presentation-row{display:contents}
}
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form{
  display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
  grid-template-rows:auto auto auto!important;
  grid-template-areas:"search clear" "type type" "presentation presentation"!important;
  gap:10px 8px!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>.catalog-index-search{
  grid-area:search!important;grid-column:1!important;grid-row:1!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>.recipes-clear-btn{
  grid-area:clear!important;grid-column:2!important;grid-row:1!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>.recipes-filter-type-row{
  display:block!important;grid-area:type!important;grid-column:1 / -1!important;
  grid-row:2!important;width:100%!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>.recipes-filter-presentation-row{
  display:block!important;grid-area:presentation!important;grid-column:1 / -1!important;
  grid-row:3!important;width:100%!important;min-width:0!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>.recipes-filter-type-row>select,
 body.app-authenticated .app-main-content .recipes-catalog-shell #recipes-search-form>.recipes-filter-presentation-row>select{
  display:block!important;position:static!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;float:none!important;
 }
}

/* Recipe workspace: single-column, tabbed editor matching ARVIX form controls. */
.recipe-workspace #recipe-form.recipe-config-card{display:block;min-width:0}
.recipe-workspace .recipe-workspace-nav{margin-bottom:18px;border-bottom:1px solid #d9e5f5}
.recipe-workspace .recipe-workspace-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px}
.recipe-workspace .recipe-workspace-tab{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;color:#617695;font-size:13px;font-weight:700;padding:13px 18px;white-space:nowrap;cursor:pointer}
.recipe-workspace .recipe-workspace-tab:hover{color:#175bd6;background:#f2f6ff}
.recipe-workspace .recipe-workspace-tab.is-active{color:#175bd6;border-bottom-color:#1769ec}
.recipe-workspace .recipe-workspace-panel[hidden]{display:none!important}
.recipe-workspace .recipe-workspace-panel{min-width:0}
.recipe-workspace .recipe-workspace-panel>.recipe-section-card{width:100%;max-width:none}
.recipe-workspace .recipe-operations-stack{display:grid;grid-template-columns:1fr;gap:18px}
.recipe-workspace .recipe-operations-stack>.recipe-subsection{min-width:0;margin:0;padding:18px;border:1px solid #d9e5f5;border-radius:14px}
.recipe-workspace .recipe-editor-grid:empty{display:none}
.recipe-workspace .recipe-review-card{padding:20px;border:1px solid #d9e5f5;border-radius:14px;background:#f8faff}
.recipe-workspace .recipe-review-card h2{font-size:18px;color:#20314d;margin:0 0 8px}
.recipe-workspace .recipe-review-card p{margin:0;color:#607595;font-size:14px}
.recipe-workspace .recipe-workspace-panel>.recipe-grid-main{grid-template-columns:minmax(120px,.75fr) minmax(220px,1.5fr) minmax(180px,1.1fr) minmax(150px,1fr) minmax(110px,.7fr) minmax(100px,.7fr)}
.recipe-workspace .recipe-workspace-panel>.recipe-field{margin-top:16px}
.recipe-workspace .recipe-workspace-panel .recipe-section-card .table-responsive{max-width:100%}
@media(max-width:1399.98px){
 .recipe-workspace .recipe-workspace-panel>.recipe-grid-main{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767.98px){
 .recipe-workspace .recipe-workspace-panel>.recipe-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}
 .recipe-workspace .recipe-workspace-tab{padding:12px 14px}
 .recipe-workspace .recipe-operations-stack>.recipe-subsection{padding:12px}
}
@media(max-width:480px){
 .recipe-workspace .recipe-workspace-panel>.recipe-grid-main{grid-template-columns:minmax(0,1fr)}
}

/* Recipe editor: five tabs and persistent KPI-width live review. */
.recipe-workspace .recipe-workspace-tab{font-size:14px}
.recipe-workspace .recipe-workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,270px);gap:16px;align-items:start}
.recipe-workspace .recipe-workspace-content{min-width:0}
.recipe-workspace .recipe-review-card{position:sticky;top:18px;padding:17px 15px;background:#fff;border:1px solid #d9e5f5;border-radius:14px;min-width:0}
.recipe-workspace .recipe-review-card h2{font-size:16px;line-height:1.35;margin:0 0 5px}
.recipe-workspace .recipe-review-card p{font-size:12px;line-height:1.4;margin:0 0 12px}
.recipe-workspace .recipe-review-table{width:100%;border-collapse:collapse;font-size:12px}
.recipe-workspace .recipe-review-table tr{border-top:1px solid #e5ecf7}
.recipe-workspace .recipe-review-table th,.recipe-workspace .recipe-review-table td{padding:10px 2px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.recipe-workspace .recipe-review-table th{font-weight:600;color:#657996;width:49%}
.recipe-workspace .recipe-review-table td{font-weight:700;color:#213656}
.recipe-workspace .recipe-context-note{margin-top:18px;border-radius:14px;padding:15px}
.recipe-workspace .recipe-context-note .recipe-note-title{font-size:14px}
.recipe-workspace .recipe-context-note .recipe-note-copy{font-size:12px}
.recipe-workspace .recipe-workspace-panel>.recipe-subsection{padding:18px;border:1px solid #d9e5f5;border-radius:14px;min-width:0}
@media(max-width:991.98px){
 .recipe-workspace .recipe-workspace-layout{grid-template-columns:minmax(0,1fr)}
 .recipe-workspace .recipe-review-card{position:static}
}


/* Recipe editor follows the production form's two-column card architecture. */
@media(min-width:992px){
 .recipe-workspace #recipe-form.recipe-config-card{
  display:block!important;background:transparent!important;border:0!important;
  box-shadow:none!important;padding:0!important;border-radius:0!important;
 }
 .recipe-workspace #recipe-form .recipe-workspace-layout{
  display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,1fr)!important;
  align-items:start!important;gap:14px!important;
 }
 .recipe-workspace #recipe-form .recipe-workspace-content{
  background:#fff!important;border:1px solid #d6e2f4!important;
  border-radius:16px!important;padding:16px 18px 20px!important;
  min-width:0!important;box-shadow:none!important;
 }
 .recipe-workspace #recipe-form .recipe-review-card{
  position:sticky;top:16px;background:#fff!important;
  border:1px solid #d6e2f4!important;border-radius:16px!important;
  padding:18px 16px!important;box-shadow:none!important;
  min-width:0!important;
 }
}
.recipe-workspace #recipe-form .recipe-workspace-nav{
 margin:0 0 18px!important;border-bottom:1px solid #d6e2f4!important;
 background:transparent!important;
}
.recipe-workspace #recipe-form .recipe-workspace-tabs{gap:4px!important}
.recipe-workspace #recipe-form .recipe-workspace-tab{font-size:14px!important}
@media(max-width:991.98px){
 .recipe-workspace #recipe-form .recipe-workspace-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 .recipe-workspace #recipe-form .recipe-workspace-content,.recipe-workspace #recipe-form .recipe-review-card{
  background:#fff!important;border:1px solid #d6e2f4!important;border-radius:14px!important;
  padding:14px!important;box-shadow:none!important;
 }
 .recipe-workspace #recipe-form .recipe-review-card{position:static!important;margin:0!important}
}

/* Ingredients tab: action in tab bar, table without redundant inner card. */
.recipe-workspace #recipe-form .recipe-workspace-nav{display:flex!important;align-items:center!important;gap:12px!important}
.recipe-workspace #recipe-form .recipe-workspace-tabs{flex:1 1 auto!important;min-width:0!important}
.recipe-workspace #recipe-form .recipe-tab-ingredient-action{flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important}
.recipe-workspace #recipe-form .recipe-tab-ingredient-action[hidden]{display:none!important}
.recipe-workspace #recipe-form #recipe-workspace-panel-1>.recipe-section-card{
 border:0!important;box-shadow:none!important;background:transparent!important;
 padding:0!important;margin:0!important;border-radius:0!important;
}
@media(max-width:767.98px){
 .recipe-workspace #recipe-form .recipe-workspace-nav{flex-wrap:wrap!important}
 .recipe-workspace #recipe-form .recipe-tab-ingredient-action{margin-left:auto!important}
}

/* Ingredients editor table: ARVIX Standard Table visual language (Suppliers reference). */
@media(min-width:768px){
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table{
  width:100%;border-collapse:collapse;table-layout:auto;background:#fff;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table thead th{
  background:#edf3fc;color:#536987;font-size:13px;font-weight:700;
  text-transform:uppercase;letter-spacing:.01em;padding:15px 12px;
  border-bottom:1px solid #d8e3f3;text-align:left;white-space:nowrap;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody td{
  padding:14px 12px;border-bottom:1px solid #d8e3f3;
  vertical-align:middle;color:#233653;background:#fff;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table th:last-child,
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table td:last-child{
  width:72px;text-align:right;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table th:nth-child(2),
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table th:nth-child(3){width:15%}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table th:nth-child(4){width:19%}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table td .operation-input{
  width:100%;min-width:0;box-sizing:border-box;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table td:last-child button{
  display:inline-flex;align-items:center;justify-content:center;
 }
}

/* Recipe ingredient monetary inputs and editable table footer. */
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-money{
 display:flex;align-items:stretch;width:100%;min-width:0;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-currency{
 display:flex;align-items:center;justify-content:center;flex:0 0 38px;
 background:#f5f8fd;color:#263d5f;border:1px solid #d6e2f4;
 border-radius:8px 0 0 8px;font-size:14px;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-money .operation-input{
 flex:1 1 auto;width:100%;min-width:0;border-radius:0 8px 8px 0!important;
 border-left:0!important;box-sizing:border-box;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-footer{
 padding:18px 3px 4px;color:#586f91;font-size:12px;line-height:1.5;
 border-top:0;
}

/* ARVIX ingredient pagination: counter left, numbered controls right. */
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-footer{
 display:flex;align-items:center;justify-content:space-between;gap:16px;
 padding:18px 4px 4px!important;min-height:54px;flex-wrap:wrap;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-pagination{
 display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-left:auto;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-page-btn{
 appearance:none;display:inline-flex;align-items:center;justify-content:center;
 min-width:43px;height:43px;padding:0 11px;border:1px solid #d4e0f3;
 border-radius:11px;background:#fff;color:#526b91;font-size:12px;
 font-weight:600;cursor:pointer;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-page-btn.is-active{
 background:#2563eb;border-color:#2563eb;color:#fff;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-page-btn:disabled{
 background:#f0f4fa;color:#9aabc5;cursor:default;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody tr[hidden]{
 display:none!important;
}
@media(max-width:480px){
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-footer{align-items:flex-start}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-pagination{width:100%;justify-content:flex-end}
}

/* Recipes: shared ingredient-style tables for time and material tabs. */
.recipe-workspace #recipe-form .recipe-tab-context-action{
 flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important;
}
.recipe-workspace #recipe-form .recipe-tab-context-action[hidden]{display:none!important}
.recipe-workspace #recipe-form #recipe-workspace-panel-2>.recipe-subsection,
.recipe-workspace #recipe-form #recipe-workspace-panel-3>.recipe-subsection{
 border:0!important;background:transparent!important;box-shadow:none!important;
 padding:0!important;margin:0!important;border-radius:0!important;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-2>.recipe-subsection>.recipe-section-head,
.recipe-workspace #recipe-form #recipe-workspace-panel-3>.recipe-subsection>.recipe-section-head{display:none!important}
.recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-ingredient-money,
.recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-ingredient-money{
 display:flex;align-items:stretch;width:100%;min-width:0;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-ingredient-currency,
.recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-ingredient-currency{
 display:flex;align-items:center;justify-content:center;flex:0 0 38px;
 background:#f5f8fd;color:#263d5f;border:1px solid #d6e2f4;
 border-radius:8px 0 0 8px;font-size:14px;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-ingredient-money .operation-input,
.recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-ingredient-money .operation-input{
 flex:1 1 auto;width:100%;min-width:0;border-radius:0 8px 8px 0!important;
 border-left:0!important;box-sizing:border-box;
}
.recipe-workspace #recipe-form [data-recipe-table-footer]{
 display:flex;align-items:center;justify-content:space-between;gap:16px;
 padding:18px 4px 4px;min-height:54px;flex-wrap:wrap;
 color:#586f91;font-size:12px;line-height:1.5;
}
.recipe-workspace #recipe-form [data-recipe-table-pagination]{
 display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-left:auto;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-2 tbody tr[hidden],
.recipe-workspace #recipe-form #recipe-workspace-panel-3 tbody tr[hidden]{display:none!important}
@media(min-width:768px){
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table{
  width:100%;border-collapse:collapse;table-layout:auto;background:#fff;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table thead th,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table thead th{
  background:#edf3fc;color:#536987;font-size:13px;font-weight:700;
  text-transform:uppercase;letter-spacing:.01em;padding:15px 12px;
  border-bottom:1px solid #d8e3f3;text-align:left;white-space:nowrap;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody td,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody td{
  padding:14px 12px;border-bottom:1px solid #d8e3f3;
  vertical-align:middle;color:#233653;background:#fff;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table th:last-child,
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table td:last-child,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table th:last-child,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table td:last-child{
  width:72px;text-align:right;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table td .operation-input,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table td .operation-input{
  width:100%;min-width:0;box-sizing:border-box;
 }
}
@media(max-width:480px){
 .recipe-workspace #recipe-form [data-recipe-table-pagination]{width:100%;justify-content:flex-end}
}

/* Time and material footers: match the existing Ingredients footer exactly. */
.recipe-workspace #recipe-form #recipe-workspace-panel-2 [data-recipe-table-footer],
.recipe-workspace #recipe-form #recipe-workspace-panel-3 [data-recipe-table-footer]{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:16px!important;flex-wrap:wrap!important;min-height:54px!important;
 padding:18px 4px 4px!important;margin:0!important;border:0!important;
 color:#586f91;font-size:12px;line-height:1.5;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-2 [data-recipe-table-pagination],
.recipe-workspace #recipe-form #recipe-workspace-panel-3 [data-recipe-table-pagination]{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:5px!important;margin-left:auto!important;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-ingredient-page-btn,
.recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-ingredient-page-btn{
 appearance:none!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;min-width:43px!important;height:43px!important;
 padding:0 11px!important;border:1px solid #d4e0f3!important;
 border-radius:11px!important;background:#fff!important;color:#526b91!important;
 font-size:12px!important;font-weight:600!important;cursor:pointer;
 box-shadow:none!important;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-ingredient-page-btn.is-active,
.recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-ingredient-page-btn.is-active{
 background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;
}
.recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-ingredient-page-btn:disabled,
.recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-ingredient-page-btn:disabled{
 background:#f0f4fa!important;border-color:#d4e0f3!important;
 color:#9aabc5!important;cursor:default!important;
}

/* Match cost-reference column widths to the Ingredients table. */
@media(min-width:768px){
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table th:nth-child(3),
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table td:nth-child(3),
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table th:nth-child(4),
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table td:nth-child(4){
  width:19%!important;min-width:190px!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table .recipe-ingredient-money,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table .recipe-ingredient-money{
  width:100%!important;min-width:0!important;
 }
}

/* Material measurement units: allow readable names such as pairs and dozens. */
@media(min-width:768px){
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table th:nth-child(3),
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table td:nth-child(3){
  width:20%!important;min-width:190px!important;
 }
}
.recipe-workspace #recipe-form #recipe-workspace-panel-3 select[data-material-unit]{
 width:100%!important;min-width:0!important;text-overflow:ellipsis;
 padding-right:32px!important;
}

/* Recipe summary: increase typography only, without changing card geometry. */
.recipe-workspace #recipe-form .recipe-review-card h2{font-size:18px}
.recipe-workspace #recipe-form .recipe-review-card p{font-size:14px}
.recipe-workspace #recipe-form .recipe-review-table{font-size:14px}

/* Yields module: same ARVIX visual language as recipe and supplier screens. */
.recipe-yields-editor .recipe-workspace-card{border:1px solid #d8e3f3;border-radius:16px;background:#fff;overflow:hidden}
.recipe-yields-editor .yield-editor-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-bottom:1px solid #d8e3f3;padding:0 12px;margin:0 0 18px}
.recipe-yields-editor .yield-editor-tabs .nav-link{appearance:none;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#597091;font-size:14px;font-weight:700;padding:16px 15px;cursor:pointer}
.recipe-yields-editor .yield-editor-tabs .nav-link.active{border-bottom-color:#2563eb;color:#2563eb;background:#f4f7fd}
.recipe-yields-editor [data-yield-section]{padding:0 16px 18px}
.recipe-yields-editor [data-yield-section][hidden]{display:none!important}
.recipe-yields-editor [data-yield-section] .table-responsive{border-radius:8px;overflow-x:auto}
.recipe-yields-editor [data-yield-section] .table{width:100%;border-collapse:collapse;margin-bottom:0}
.recipe-yields-editor [data-yield-section] .table thead th{background:#edf3fc;color:#536987;text-transform:uppercase;font-size:13px;font-weight:700;padding:15px 12px;border-bottom:1px solid #d8e3f3;white-space:nowrap}
.recipe-yields-editor [data-yield-section] .table tbody td{padding:15px 12px;border-bottom:1px solid #d8e3f3;color:#233653;vertical-align:middle}
.recipe-yields-editor .yield-editor-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.recipe-yields-editor .yield-editor-section-head h3{font-size:18px;font-weight:700;margin:0;color:#1c3050}
.recipe-yields-editor .yield-editor-table-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:15px 4px 4px;font-size:12px;color:#586f91}
.recipe-yields-editor .yield-editor-empty{text-align:center;color:#8aa0c3;padding:24px 12px!important}
@media(max-width:640px){.recipe-yields-editor .yield-editor-tabs .nav-link{padding:12px 10px;font-size:13px}.recipe-yields-editor [data-yield-section]{padding:0 10px 14px}}

/* Recipe editor: compact mobile fields and supplier-style ingredient pagination. */
@media(max-width:767.98px){
 .recipe-workspace #recipe-form #recipe-workspace-panel-0 .recipe-grid-main{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px!important;row-gap:12px!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-0 .recipe-grid-main>.recipe-field{min-width:0!important;grid-column:span 2}
 .recipe-workspace #recipe-form #recipe-workspace-panel-0 .recipe-grid-main>.recipe-field:has(#code),
 .recipe-workspace #recipe-form #recipe-workspace-panel-0 .recipe-grid-main>.recipe-field:has(#recipe_type_id),
 .recipe-workspace #recipe-form #recipe-workspace-panel-0 .recipe-grid-main>.recipe-field:has(#yield_quantity),
 .recipe-workspace #recipe-form #recipe-workspace-panel-0 .recipe-grid-main>.recipe-field:has(#yield_unit){grid-column:span 1}
 .recipe-workspace #recipe-form #recipe-workspace-panel-0 .recipe-grid-main>.recipe-field .operation-input{min-width:0;width:100%}
 .recipe-workspace #recipe-form .recipe-workspace-nav .recipe-tab-ingredient-action{
  margin:8px auto!important;justify-content:center!important;flex:0 0 auto!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody tr>td{
  padding-left:0!important;padding-right:0!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-footer{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;flex-wrap:nowrap!important;padding:12px 10px!important;min-height:72px!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-footer>[data-ingredient-count]{
  flex:1 1 auto;min-width:0;font-size:12px;line-height:17px;max-width:105px;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-pagination{
  width:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;gap:3px!important;flex-wrap:nowrap!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-ingredient-page-btn{
  width:35px!important;min-width:35px!important;height:38px!important;padding:0!important;
  border-radius:9px!important;font-size:12px!important;
 }
}

/* Recipe registration: mobile horizontal table navigation, never compress columns. */
@media(max-width:767.98px){
 .recipe-workspace #recipe-form .recipe-workspace-panel .table-responsive.operation-table-wrap{
  display:block!important;max-width:100%!important;width:100%!important;
  overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;touch-action:pan-x pan-y;
 }
 .recipe-workspace #recipe-form .recipe-workspace-panel .table-responsive.operation-table-wrap>table{
  min-width:680px!important;width:max-content!important;table-layout:auto!important;
 }
 .recipe-workspace #recipe-form .recipe-workspace-panel .table-responsive.operation-table-wrap>table th,
 .recipe-workspace #recipe-form .recipe-workspace-panel .table-responsive.operation-table-wrap>table td{
  white-space:nowrap!important;
 }
 .recipe-workspace #recipe-form .recipe-workspace-panel .table-responsive.operation-table-wrap>table td .operation-input{
  min-width:90px;
 }
 .recipe-workspace #recipe-form .recipe-workspace-panel .recipe-ingredient-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
 }
}

/* Mobile recipe ingredients: full-width editable cards, no horizontal gutter. */
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .recipe-workspace #recipe-form #recipe-workspace-panel-1 .table-responsive.operation-table-wrap{
  margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;
  overflow-x:visible!important;overflow-y:visible!important;
 }
 body.app-authenticated .app-main-content .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table{
  display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;
  table-layout:auto!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table thead{display:none!important}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody{display:block!important;width:100%!important}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr:not([hidden]):not([data-ingredient-empty]){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  margin:0 0 10px!important;padding:12px!important;border:1px solid #d8e3f3!important;
  border-radius:12px!important;background:#fff!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr[hidden]{display:none!important}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr:not([hidden]):not([data-ingredient-empty])>td{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  text-align:left!important;white-space:normal!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr:not([hidden]):not([data-ingredient-empty])>td::before{
  display:block!important;color:#536987!important;font-size:12px!important;font-weight:600!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td:nth-child(1){grid-column:span 2}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td:nth-child(1)::before{content:"Ingrediente"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td:nth-child(2)::before{content:"Cantidad"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td:nth-child(3)::before{content:"Unidad"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td:nth-child(4)::before{content:"Costo ref."}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td:nth-child(5)::before{content:"Acción"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td:nth-child(5){align-items:flex-end!important}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td .operation-input{
  min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr>td .recipe-ingredient-money{width:100%!important;min-width:0!important}
 .recipe-workspace #recipe-form #recipe-workspace-panel-1 .recipe-main-components-table tbody>tr[data-ingredient-empty]{display:block!important;width:100%!important}
}

/* Recipe registration: centered save action and consistent mobile table cards. */
.recipe-workspace .recipe-workspace-head .recipe-workspace-actions{display:flex!important;justify-content:center!important;align-items:center!important}
@media(min-width:768px){
 .recipe-workspace .recipe-workspace-head{position:relative}
 .recipe-workspace .recipe-workspace-head .recipe-workspace-actions{margin-left:auto}
}
@media(max-width:767.98px){
 .recipe-workspace .recipe-workspace-head .recipe-workspace-actions{
  width:100%!important;margin:10px auto 0!important;justify-content:center!important;
 }
 .recipe-workspace .recipe-workspace-head .recipe-workspace-actions .recipe-primary-btn{
  margin:0 auto!important;justify-content:center!important;
 }
 /* The shared floating back control already defines size, placement and animation. */
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .table-responsive.operation-table-wrap,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .table-responsive.operation-table-wrap{
  margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;
  overflow-x:visible!important;overflow-y:visible!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table{
  display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table thead,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table thead{display:none!important}
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody{display:block!important;width:100%!important}
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty]),
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr:not([hidden]):not([data-base-material-empty]){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  margin:0 0 10px!important;padding:12px!important;border:1px solid #d8e3f3!important;
  border-radius:12px!important;background:#fff!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr[hidden],
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr[hidden]{display:none!important}
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden])>td,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr:not([hidden])>td{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  text-align:left!important;white-space:normal!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td::before,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td::before{
  display:block!important;color:#536987!important;font-size:12px!important;font-weight:600!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:first-child,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td:first-child{grid-column:span 2}
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:nth-child(1)::before{content:"Etapa"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:nth-child(2)::before{content:"Minutos"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:nth-child(3)::before{content:"Costo ref."}
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:nth-child(4)::before{content:"Acción"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td:nth-child(1)::before{content:"Material"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td:nth-child(2)::before{content:"Cantidad"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td:nth-child(3)::before{content:"Unidad"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td:nth-child(4)::before{content:"Costo ref."}
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td:nth-child(5)::before{content:"Acción"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td .operation-input,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td .operation-input{
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:last-child,
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td:last-child{align-items:flex-end!important}
}

/* Shared mobile layout parity: Ingredients, Times and Materials. */
@media(max-width:767.98px){
 body.app-authenticated .app-main-content .recipe-workspace #recipe-form :is(#recipe-workspace-panel-2,#recipe-workspace-panel-3) .table-responsive.operation-table-wrap{
  padding:0!important;margin:0!important;overflow-x:visible!important;overflow-y:visible!important;
 }
 body.app-authenticated .app-main-content .recipe-workspace #recipe-form :is(#recipe-workspace-panel-2,#recipe-workspace-panel-3) :is(.recipe-stage-table,.recipe-main-materials-table){
  display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;
  table-layout:auto!important;
 }
 .recipe-workspace #recipe-form :is(#recipe-workspace-panel-2,#recipe-workspace-panel-3) :is(.recipe-stage-table,.recipe-main-materials-table) tbody>tr:not([hidden])>td .recipe-ingredient-money{
  min-width:0!important;width:100%!important;max-width:100%!important;
 }
 .recipe-workspace #recipe-form :is(#recipe-workspace-panel-2,#recipe-workspace-panel-3) .recipe-ingredient-footer{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;flex-wrap:nowrap!important;padding:12px 10px!important;min-height:72px!important;
 }
 .recipe-workspace #recipe-form :is(#recipe-workspace-panel-2,#recipe-workspace-panel-3) .recipe-ingredient-footer>[data-recipe-table-count]{
  flex:1 1 auto!important;min-width:0!important;max-width:105px!important;font-size:12px!important;line-height:17px!important;
 }
 .recipe-workspace #recipe-form :is(#recipe-workspace-panel-2,#recipe-workspace-panel-3) .recipe-ingredient-pagination{
  width:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;flex-wrap:nowrap!important;
 }
 .recipe-workspace #recipe-form :is(#recipe-workspace-panel-2,#recipe-workspace-panel-3) .recipe-ingredient-page-btn{
  width:35px!important;min-width:35px!important;height:38px!important;padding:0!important;border-radius:9px!important;font-size:12px!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:nth-child(4)::before{content:"Acción"}
 .recipe-workspace #recipe-form #recipe-workspace-panel-3 .recipe-main-materials-table tbody>tr>td:nth-child(5)::before{content:"Acción"}
}

/* Times mobile tab: centered add action and stage/action on one row. */
@media(max-width:767.98px){
 .recipe-workspace #recipe-form .recipe-workspace-nav .recipe-tab-stage-action{
  margin:8px auto!important;justify-content:center!important;flex:0 0 auto!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty]){
  grid-template-columns:minmax(0,1fr) 48px!important;
  align-items:end!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:first-child{
  grid-column:1!important;grid-row:1!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:last-child{
  grid-column:2!important;grid-row:1!important;align-items:stretch!important;justify-content:flex-end!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:last-child::before{
  content:none!important;display:none!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:nth-child(2){
  grid-column:1!important;grid-row:2!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr>td:nth-child(3){
  grid-column:2!important;grid-row:2!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden])>td:last-child .recipe-outline-danger-btn{
  width:48px!important;min-width:48px!important;max-width:48px!important;
  height:42px!important;margin:0!important;padding:0!important;
 }
}

/* Tiempos: minutos y costo de referencia en mitades iguales en móvil. */
@media (max-width:767.98px) {
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty]) {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:nth-child(2),
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:nth-child(3) {
  min-width:0!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:nth-child(2) {
  grid-column:1!important;grid-row:2!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:nth-child(3) {
  grid-column:2!important;grid-row:2!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:first-child {
  grid-column:1!important;grid-row:1!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:last-child {
  grid-column:2!important;grid-row:1!important;align-items:flex-end!important;
 }
}

/* Tiempos móvil: etapa ocupa el espacio disponible y eliminar conserva ancho fijo. */
@media(max-width:767.98px){
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty]){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:first-child{
  grid-column:1 / -1!important;grid-row:1!important;padding-right:58px!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:last-child{
  grid-column:2!important;grid-row:1!important;align-self:end!important;justify-self:end!important;z-index:1;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:nth-child(2){
  grid-column:1!important;grid-row:2!important;
 }
 .recipe-workspace #recipe-form #recipe-workspace-panel-2 .recipe-stage-table tbody>tr:not([hidden]):not([data-stage-empty])>td:nth-child(3){
  grid-column:2!important;grid-row:2!important;
 }
}

/* Registro de recetas: centrar Agregar material en la pestaña Materiales (móvil). */
@media (max-width:767.98px) {
 .recipe-workspace #recipe-form .recipe-workspace-nav .recipe-tab-material-action {
  margin:8px auto!important;
  justify-content:center!important;
  flex:0 0 auto!important;
 }
}

/* Registro de recetas: Volver junto a Guardar solo en tablet/escritorio. */
@media(max-width:767.98px){
 .recipe-workspace .recipe-workspace-head .recipe-desktop-back{display:none!important}
}
@media(min-width:768px){
 .recipe-workspace .recipe-workspace-head .recipe-desktop-back{display:inline-flex!important}
}

/* Recipe detail: ARVIX global structure, standard tables and AMR records. */
.recipe-view-shell .recipe-view-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.recipe-view-shell .recipe-view-panel{min-width:0;width:100%;overflow:hidden}
.recipe-view-shell .recipe-view-routes{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%}
.recipe-view-shell .recipe-view-route{width:100%;max-width:none;min-width:0;box-sizing:border-box}
.recipe-view-shell .recipe-view-route-meta{min-width:0}
.recipe-view-shell .recipe-view-route-metrics{min-width:0}
.recipe-view-shell .recipe-view-route-metric{min-width:0;overflow-wrap:anywhere}
.recipe-view-shell .recipe-view-route-metric-value{overflow-wrap:anywhere}
.recipe-view-shell .recipe-view-subsection-heading{font-size:1rem;font-weight:700;color:#1c3153;margin:22px 0 12px}
.recipe-view-shell .table-responsive.operation-table-wrap{width:100%;max-width:100%;overflow-x:auto}
.recipe-view-shell .arvix-standard-table{width:100%!important;min-width:0!important;table-layout:auto!important}
.recipe-view-shell .arvix-standard-table th:last-child,.recipe-view-shell .arvix-standard-table td:last-child{text-align:right;white-space:nowrap;width:25%}
.recipe-view-shell .recipe-view-stat-pill{display:inline-flex;align-items:center}
@media(max-width:1199.98px){
 .recipe-view-shell .recipe-view-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767.98px){
 .recipe-view-shell .recipe-view-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .recipe-view-shell .recipe-view-panel{padding:14px!important}
 .recipe-view-shell .recipe-view-route{padding:14px!important}
 .recipe-view-shell .recipe-view-route-meta{grid-template-columns:minmax(0,1fr)!important}
 .recipe-view-shell .recipe-view-route-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .recipe-view-shell .recipe-view-route-visual{display:none!important}
 .recipe-view-shell .table-responsive.operation-table-wrap{overflow-x:visible!important}
 .recipe-view-shell .arvix-standard-table{display:block!important;min-width:0!important;width:100%!important}
 .recipe-view-shell .arvix-standard-table thead{display:none!important}
 .recipe-view-shell .arvix-standard-table tbody{display:block!important;width:100%!important}
 .recipe-view-shell .arvix-standard-table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:10px;padding:12px 10px!important;border-bottom:1px solid #dbe5f2;background:#fff}
 .recipe-view-shell .arvix-standard-table tbody td{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;overflow-wrap:anywhere}
 .recipe-view-shell .arvix-standard-table tbody td:before{display:none!important;content:none!important}
 .recipe-view-shell .arvix-standard-table tbody td:last-child{text-align:right!important;white-space:normal!important;font-weight:700}
 .recipe-view-shell .arvix-standard-table tbody tr.recipe-view-total-row{background:#eef6ff!important;border-radius:10px;margin-top:6px}
 .recipe-view-shell .arvix-standard-table tbody td[colspan]{grid-column:1/-1!important;text-align:left!important}
}

/* Detalle de recetas: distribución por secciones, sin columnas comprimidas */
.recipe-view-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}
.recipe-view-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
.recipe-view-identity{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}
.recipe-view-identity-category{font-weight:650;color:#304465;border:1px solid #dbe7ff;background:#f4f7fd;border-radius:999px;padding:.4rem .8rem}
.recipe-view-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.recipe-view-panel,.recipe-view-route{min-width:0}
@media(max-width:1100px){.recipe-view-routes{grid-template-columns:minmax(0,1fr)}.recipe-view-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.recipe-view-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-view-route-meta{grid-template-columns:minmax(0,1fr)}.recipe-view-route-metrics{grid-template-columns:minmax(0,1fr)}.recipe-view-two-col-table{width:100%;table-layout:fixed}.recipe-view-two-col-table td,.recipe-view-two-col-table th{overflow-wrap:anywhere;white-space:normal!important}}

/* Recipe detail: preserve compact two-column table design on mobile. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .recipe-detail-shell .table-responsive.operation-table-wrap { overflow-x:visible!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table { display:table!important;table-layout:auto!important;width:100%!important;min-width:0!important;border-collapse:collapse!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table thead { display:table-header-group!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table tbody { display:table-row-group!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table tr { display:table-row!important;background:transparent!important;border:0!important;box-shadow:none!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table th,
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table td { display:table-cell!important;min-width:0!important;width:auto!important;max-width:none!important;padding:12px 8px!important;vertical-align:middle!important;border:0!important;border-bottom:1px solid #d6e2f4!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important;line-height:1.4!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table th { background:#eef4fd!important;color:#536c90!important;font-weight:700!important;text-transform:uppercase!important;font-size:12px!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table th:first-child,
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table td:first-child { text-align:left!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table th:not(:first-child),
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table td:not(:first-child) { text-align:right!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table td::before { content:none!important;display:none!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell table.recipe-detail-list-table .operation-button { padding:6px 8px!important;font-size:12px!important;min-width:0!important;white-space:nowrap!important; }
  body.app-authenticated .app-main-content .recipe-detail-shell .catalog-form-card.operation-form-card { min-width:0!important; }
}

/* Recipe detail: equal left/right gutters for stacked cards on mobile. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .recipe-detail-shell .recipe-detail-content-row {
    margin-left:0!important;
    margin-right:0!important;
    --bs-gutter-x:0px;
    row-gap:16px;
  }
  body.app-authenticated .app-main-content .recipe-detail-shell .recipe-detail-content-row > [class*="col-"] {
    padding-left:0!important;
    padding-right:0!important;
    min-width:0!important;
  }
  body.app-authenticated .app-main-content .recipe-detail-shell .recipe-detail-content-row .catalog-form-card.operation-form-card {
    width:100%!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Recipe detail: 2 KPI cards per mobile row and a persistent floating back control. */
@media (max-width: 767.98px) {
  body.app-authenticated .app-main-content .recipe-detail-shell .recipe-detail-kpis.mobile-kpi-row.access-four-kpis {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.app-authenticated .app-main-content .recipe-detail-shell .recipe-detail-kpis > .access-stat-card {
    min-width:0!important;
    min-height:108px!important;
    padding:12px!important;
  }
  body.app-authenticated .app-main-content .recipe-detail-shell .recipe-detail-kpis .operation-kpi-value {
    overflow-wrap:anywhere!important;
  }
}
@media (min-width: 768px) {
  .recipe-detail-shell .recipe-detail-floating-back {
    display:grid!important;
    position:fixed!important;
    z-index:1045!important;
    right:24px!important;
    bottom:24px!important;
    width:48px!important;
    height:48px!important;
    place-items:center!important;
    border-radius:50%!important;
    background:var(--brand-primary,#2563eb)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(9,83,177,.25)!important;
    text-decoration:none!important;
  }
}

/* Yields module: shared recipe layout, two KPI columns and compact mobile records. */
@media (max-width:767.98px) {
  body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis.mobile-kpi-row { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important; }
  body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis > * { min-width:0!important;padding:12px!important;min-height:105px!important; }
  body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table tbody tr.arvix-mobile-record { min-width:0!important; }
  body.app-authenticated .app-main-content .recipe-yields-editor .recipe-config-card { min-width:0!important; }
}
@media (min-width:768px) {
  .recipe-yields-editor .recipe-detail-floating-back { display:grid!important;position:fixed!important;z-index:1045!important;right:24px!important;bottom:24px!important;width:48px!important;height:48px!important;place-items:center!important;border-radius:50%!important;background:var(--brand-primary,#2563eb)!important;color:#fff!important;box-shadow:0 10px 24px rgba(9,83,177,.25)!important;text-decoration:none!important; }
}

/* Yields: scoped search/filter layout; no extra submit button. */
@media (min-width:768px) {
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form {
  display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(180px,240px) minmax(170px,220px) 44px!important;gap:10px!important;align-items:center!important;
 }
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > * {min-width:0!important;width:100%!important;max-width:none!important;grid-row:1!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > .catalog-index-search {grid-column:1!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > .recipes-filter-type-row {grid-column:2!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > .recipes-filter-presentation-row {grid-column:3!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > .recipes-clear-btn {grid-column:4!important;}
}
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form {display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > * {min-width:0!important;width:100%!important;max-width:none!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > .catalog-index-search {grid-column:1!important;grid-row:1!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > .recipes-clear-btn {grid-column:2!important;grid-row:1!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > .recipes-filter-type-row {grid-column:1/-1!important;grid-row:2!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell #yields-filter-form > .recipes-filter-presentation-row {grid-column:1/-1!important;grid-row:3!important;}
}

/* Yields AMR: render meaningful mobile cards instead of blank recipe table rows. */
@media (min-width:768px) {
 .yields-catalog-shell .yields-mobile-summary {display:none!important;}
}
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table {width:100%!important;min-width:0!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table tbody>tr.arvix-mobile-record {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:12px!important;min-width:0!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table tbody>tr.arvix-mobile-record>td:not(.yields-record-main):not(.yields-record-actions) {display:none!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table tbody>tr.arvix-mobile-record>td.yields-record-main,
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table tbody>tr.arvix-mobile-record>td.yields-record-actions {display:block!important;grid-column:1!important;width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;text-align:left!important;background:transparent!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-mobile-summary {display:grid!important;gap:7px!important;margin-top:8px!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-mobile-name {font-weight:600!important;overflow-wrap:anywhere!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-mobile-metrics {display:flex!important;flex-wrap:wrap!important;gap:5px 14px!important;font-size:12px!important;color:#536c90!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table tbody>tr.arvix-mobile-record>td.yields-record-actions {margin-top:10px!important;padding-top:10px!important;border-top:1px solid #d8e4f4!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-record-actions .catalog-index-table-actions {display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-record-actions form {margin:0!important;}
}

/* Rendimientos: four compact KPIs in one mobile row and metrics beside actions. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis.mobile-kpi-row.access-four-kpis {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis > .access-stat-card {min-width:0!important;min-height:88px!important;padding:8px 3px!important;gap:4px!important;align-items:center!important;text-align:center!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis .access-card-icon {width:26px!important;height:26px!important;min-width:26px!important;font-size:13px!important;margin:0 auto!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis .access-stat-value {font-size:17px!important;line-height:1.15!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis .access-kicker {font-size:10px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis .access-stat-copy {display:none!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table tbody>tr.arvix-mobile-record>td.yields-record-actions {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-record-actions .yields-mobile-metrics {display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:3px!important;min-width:0!important;flex:1 1 auto!important;font-size:11px!important;line-height:1.3!important;color:#536c90!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-record-actions .catalog-index-table-actions {flex:0 0 auto!important;justify-content:flex-end!important;gap:5px!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-record-actions .table-action-icon {width:30px!important;height:30px!important;min-width:30px!important;}
}
@media (min-width:768px) { .yields-catalog-shell .yields-record-actions > .yields-mobile-metrics {display:none!important;} }

/* Rendimientos: enforce exactly four KPI tiles on a single mobile row. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .yields-catalog-shell > .yields-kpis.access-stats-grid.mobile-kpi-row {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-template-rows:auto!important;column-gap:5px!important;row-gap:0!important;width:100%!important;min-width:0!important;overflow:visible!important;
 }
 body.app-authenticated .app-main-content .yields-catalog-shell > .yields-kpis.access-stats-grid.mobile-kpi-row > .access-stat-card {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;grid-column:auto!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:88px!important;margin:0!important;padding:7px 2px!important;gap:3px!important;text-align:center!important;
 }
 body.app-authenticated .app-main-content .yields-catalog-shell > .yields-kpis .access-stat-card > div {width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell > .yields-kpis .access-kicker {display:block!important;width:100%!important;font-size:9px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell > .yields-kpis .access-stat-value {font-size:17px!important;line-height:1.1!important;}
}

/* Mobile typography refinement for Recipe and Yield record lists. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-kpis .access-stat-value {font-size:21px!important;line-height:1.2!important;font-weight:750!important;}
 body.app-authenticated .app-main-content .recipes-catalog-shell .recipes-kpis .access-kicker {font-size:11px!important;line-height:1.25!important;font-weight:600!important;}
 body.app-authenticated .app-main-content .recipes-catalog-shell:not(.yields-catalog-shell) .recipes-records-table .recipes-mobile-presentation {font-size:12px!important;line-height:1.45!important;}
 body.app-authenticated .app-main-content .recipes-catalog-shell:not(.yields-catalog-shell) .recipes-records-table .recipes-mobile-summary {font-size:12px!important;line-height:1.5!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis .access-stat-value {font-size:21px!important;line-height:1.2!important;font-weight:750!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-kpis .access-kicker {font-size:10px!important;line-height:1.25!important;font-weight:600!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-mobile-name {font-size:13px!important;line-height:1.4!important;}
 body.app-authenticated .app-main-content .yields-catalog-shell .yields-records-table .yields-record-actions .yields-mobile-metrics {font-size:12px!important;line-height:1.45!important;}
}

/* Rendimientos mobile KPI typography: match Proveedores shared KPI rules exactly. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .yields-catalog-shell > .yields-kpis.mobile-kpi-row .operation-kpi-value.access-stat-value {
  font-size:var(--workspace-kpi-value-size)!important;
  font-weight:700!important;
  line-height:1.25!important;
 }
 body.app-authenticated .app-main-content .yields-catalog-shell > .yields-kpis.mobile-kpi-row .operation-kpi-label.access-kicker {
  font-size:var(--workspace-meta-size)!important;
  font-weight:600!important;
  line-height:1.15!important;
 }
}

/* Recetas mobile KPI typography: use the same shared tokens as Proveedores. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .recipes-catalog-shell:not(.yields-catalog-shell) .recipes-kpis.mobile-kpi-row .operation-kpi-value.access-stat-value {
  font-size:var(--workspace-kpi-value-size)!important;
  font-weight:700!important;
  line-height:1.25!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell:not(.yields-catalog-shell) .recipes-kpis.mobile-kpi-row .operation-kpi-label.access-kicker {
  font-size:var(--workspace-meta-size)!important;
  font-weight:600!important;
  line-height:1.15!important;
 }
}

/* Recetas and Rendimientos: match the supplier mobile status filter. */
@media (max-width:767.98px) {
 body.app-authenticated .app-main-content .recipes-catalog-shell form.recipes-filter-bar select.form-select.operation-input.recipes-filter-select {
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.5!important;
  height:46px!important;
  min-height:46px!important;
  padding-top:.62rem!important;
  padding-bottom:.62rem!important;
 }
 body.app-authenticated .app-main-content .recipes-catalog-shell form.recipes-filter-bar select.form-select.operation-input.recipes-filter-select option {
  font-size:14px!important;
  font-weight:400!important;
 }
}