/* Global readability theme: comfortable type and a low-saturation juniper accent. */
:root {
    --ink: #1f2d3d;
    --muted: #5f6f80;
    --line: #d9e2e8;
    --canvas: #f4f7f6;
    --nav-soft: #eaf3f1;
    --primary: #2f7470;
    --primary-dark: #245c59;
}

body { font-size: 14px; }
.sidebar { color: #506275; background: #fbfcfc; }
.brand-mark { background: linear-gradient(145deg, #3e8580, #526d86); box-shadow: 0 7px 18px rgb(47 116 112 / 16%); }
.brand strong { font-size: 15px; }
.brand small { color: #6f8191; font-size: 10px; }
.sidebar-search { min-height: 40px; background: #fff; }
.sidebar-search:focus-within { border-color: #76aaa6; box-shadow: 0 0 0 3px rgb(47 116 112 / 10%); }
.sidebar-search input { font-size: 13px; }
.nav-group h2 { color: #778897; font-size: 10px; }
.nav-item, .nav-module summary { min-height: 41px; color: #4f6275; font-size: 13px; }
.nav-home { color: #fff; background: #376f70; box-shadow: 0 7px 16px rgb(47 96 98 / 16%); }
.nav-home:hover { background: #2d5e60; }
.nav-icon { color: #60788b; background: #edf1f3; }
.nav-submenu a { padding-block: 8px; color: #5d7082; font-size: 12px; }
.nav-submenu a:hover { color: var(--primary-dark); background: var(--nav-soft); }
.breadcrumb-line { color: #66798a; font-size: 11px; }
.topbar-icon:hover { color: var(--primary); background: #edf5f3; }
.eyebrow { color: #6d7f8d; font-size: 11px; }
.executive-heading { background: linear-gradient(105deg, #fff 0%, #f3f7f6 100%); }
.executive-heading h2 { font-size: 25px; }
.executive-heading p { color: #586b7b; font-size: 13px; line-height: 1.55; }
.primary-button, .secondary-button { background: var(--primary); }
.primary-button:hover, .secondary-button:hover { background: var(--primary-dark); }
.dashboard-kpi small { color: #607282; font-size: 12px; }
.dashboard-kpi strong { font-size: clamp(20px, 1.6vw, 25px); }
.dashboard-kpi strong em { color: #667887; font-size: 11px; }
.dashboard-kpi p { color: #6b7c8b; font-size: 11px; line-height: 1.45; }
.dashboard-kpi--cashflow { --kpi: #397b78; --kpi-soft: #e8f3f1; }

/* Home has inline component rules, so these readability values intentionally win. */
.business-analysis-context>div span { color: #627585 !important; font-size: 10px !important; }
.business-analysis-context>div strong { font-size: 12px !important; }
.business-analysis-context nav a { color: #405668 !important; font-size: 11px !important; }
.business-analysis-context nav a:hover { background: #edf5f3 !important; }
.dashboard-agenda header p, .operations-overview header p { color: #5f7180 !important; font-size: 11px !important; line-height: 1.5; }
.dashboard-agenda header>a, .operations-overview header>a { font-size: 11px !important; }
.dashboard-agenda__summary span { color: #536a7b; font-size: 10px; }
.dashboard-agenda__empty strong { font-size: 12px; }
.dashboard-agenda__empty p { color: #607282; font-size: 11px; }
.dashboard-agenda__empty>a { font-size: 11px; }
.operations-grid small { color: #607282 !important; font-size: 11px !important; }
.operations-grid strong { font-size: 16px !important; }
.operations-grid p { color: #607282 !important; font-size: 10px !important; line-height: 1.55 !important; }
.operation-icon.workforce { color: #397b78 !important; background: #e8f3f1 !important; }
.management-action-list p, .management-actions-empty p { color: #607282 !important; font-size: 11px !important; }
.priority { font-size: 10px !important; }
.analysis-limit { border-color: #cbdedb !important; color: #3f625f !important; background: #eef6f4 !important; }
.analysis-limit strong { font-size: 12px !important; }
.analysis-limit p { font-size: 11px !important; line-height: 1.55 !important; }
.business-health { font-size: 11px !important; }
.business-insight-grid strong { font-size: 12px !important; }
.business-insight-grid p { color: #607282 !important; font-size: 11px !important; line-height: 1.55 !important; }

/* Reference-panel direction: dark navigation and dense, flat work surfaces. */
:root {
    --canvas: #eceeed;
    --surface: #ffffff;
    --line: #d7dcdd;
    --nav: #1d2b2f;
    --nav-soft: #2a3b3f;
    --primary: #24847e;
    --primary-dark: #1b6965;
    --ui-primary: #24847e;
    --ui-border: #d7dcdd;
    --ui-muted: #60717a;
}

.app-shell { grid-template-columns: 250px minmax(0, 1fr); background: var(--canvas); }
.sidebar {
    width: 250px;
    padding: 14px 10px 12px;
    color: #cbd5d6;
    background: #1d2b2f;
    border-right: 1px solid #152226;
    box-shadow: none;
}
.brand { padding: 4px 9px 15px; }
.brand-mark { background: #2a8581; box-shadow: none; }
.brand strong { color: #f5f8f8; }
.brand small { color: #91a5a8; }
.sidebar-search { margin-inline: 2px; border-color: #3b4d51; color: #91a4a8; background: #25363a; }
.sidebar-search input { color: #eef3f3; }
.sidebar-search input::placeholder { color: #91a4a8; }
.sidebar-search kbd { border-color: #465b60; color: #9badaf; background: #1b282c; }
.nav-group { margin-top: 11px; }
.nav-group h2 { margin-bottom: 5px; color: #829699; }
.nav-item, .nav-module summary { min-height: 39px; color: #d0d9da; }
.nav-item:hover, .nav-module summary:hover, .nav-module[open] summary { color: #fff; background: #2a3b3f; }
.nav-home { color: #fff; background: #2c7773; box-shadow: none; }
.nav-home:hover { background: #348580; }
.nav-icon { color: #b2c0c1; background: #304247; }
.nav-home .nav-icon { color: #fff; background: rgb(255 255 255 / 12%); }
.nav-chevron { color: #819599; }
.nav-submenu { border-left-color: #405257; }
.nav-submenu a { color: #b9c7c9; }
.nav-submenu a:hover { color: #fff; background: #2a3b3f; }
.nav-submenu a[aria-current="page"] { color: #fff; background: #315054; }
.menu-favorite-toggle { color: #829599; }
.nav-logout-item .nav-item { color: #f0aeb5; }

.workspace { background: var(--canvas); }
.topbar { height: 60px; padding-inline: 20px; background: #f7f8f7; border-bottom-color: #d2d7d7; box-shadow: none; }
.topbar .topbar-icon { box-shadow: none; }
.topbar .user-menu-toggle:hover, .topbar .user-menu-toggle[aria-expanded="true"] { background: #e8eceb; }
.page-content { width: 100%; max-width: none; padding: 16px 18px 26px; }

.panel, .ui-filter, .ui-grid, .ui-form-section,
.dashboard-kpi, .dashboard-agenda, .operations-overview,
.management-actions, .business-insight-panel, .business-analysis-context {
    border-color: #d5dbdc;
    border-radius: 7px;
    box-shadow: none !important;
}
.executive-heading { min-height: 82px; border-radius: 7px; background: #fff; box-shadow: none; }
.executive-metrics { gap: 8px; }
.executive-metrics article { border-radius: 7px; box-shadow: none !important; }
.dashboard-kpi::after { opacity: .55; }
.dashboard-agenda>header, .business-insight-panel>header { background: #f5f7f6 !important; }

.ui-filter__header, .ui-grid__header { min-height: 50px; padding: 9px 13px; background: #f2f4f3; }
.ui-grid__content { background: #fff; }
.data-table, .ui-data-grid, .invoice-table { font-size: 12px; }
.data-table th, .ui-data-grid th, .invoice-table th {
    padding: 8px 10px;
    border-color: #d9dede;
    color: #586a70;
    background: #e9eceb;
    font-size: 10px;
    letter-spacing: .025em;
}
.data-table td, .ui-data-grid td, .invoice-table td {
    padding: 8px 10px;
    border-color: #e1e5e4;
    color: #46585f;
    font-size: 12px;
}
.data-table tbody tr:nth-child(even), .ui-data-grid tbody tr:nth-child(even), .invoice-table tbody tr:nth-child(even) { background: #f5f6f5; }
.data-table tbody tr:hover, .ui-data-grid tbody tr:hover, .invoice-table tbody tr:hover { background: #e6f1ef; }
.data-table tbody tr[aria-selected="true"], .ui-data-grid tbody tr[aria-selected="true"] { background: #dbeae8; }
.ui-grid .ui-pagination { min-height: 48px; padding: 8px 13px; background: #f2f4f3; }
.ui-grid .ui-pagination strong { border-color: var(--primary); background: var(--primary); }

.primary-button, .secondary-button, .ui-action--primary, .btn-primary { border-color: var(--primary) !important; background: var(--primary) !important; box-shadow: none !important; }
.primary-button:hover, .secondary-button:hover, .ui-action--primary:hover, .btn-primary:hover { border-color: var(--primary-dark) !important; background: var(--primary-dark) !important; }
.form-field input:not([type="checkbox"]), .form-field select, .form-field textarea, select:not([multiple]) { border-radius: 5px; background-color: #fff; }

@media(max-width:900px) {
    .app-shell { grid-template-columns: 1fr; }
    .sidebar { width: 270px; }
    .page-content { padding: 13px 11px 20px; }
}

/* Second pass: headers, filters, controls and feedback states. */
.ui-page { gap: 10px; }
.ui-page-header {
    min-height: 56px;
    padding: 9px 13px;
    border-radius: 7px;
    box-shadow: none;
}
.ui-page-header__icon, .ui-filter__icon {
    color: #287a75;
    background: #e2efed;
    border-radius: 6px;
}
.ui-page-header__eyebrow { color: #687a80; font-size: 10px; }
.ui-page-header h2 { color: #26373d; font-size: 18px; }
.ui-page-header p { color: #607178; font-size: 12px; line-height: 1.4; }
.ui-page-header__actions { gap: 5px; }

.ui-action {
    min-height: 34px;
    padding-inline: 11px;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: none;
}
.ui-action--secondary { border-color: #cbd2d3; color: #40545b; background: #fff; }
.ui-action--secondary:hover { border-color: #8fa3a5; color: #263b40; background: #f0f3f2; }
.ui-action--danger { border-color: #e1b9bd; color: #b9424c; background: #fff; }
.ui-row-actions .ui-action { width: 31px; min-width: 31px; min-height: 31px; }

.ui-filter__body { padding: 11px 13px; background: #f4f6f5; }
.ui-filter__primary, .ui-filter__advanced-grid { gap: 9px; }
.ui-filter label>span, .ui-filter .filter-field>span, .ui-filter-field__label {
    margin-bottom: 4px;
    color: #566a70;
    font-size: 10px;
}
.ui-filter input:not([type=checkbox]):not([type=radio]), .ui-filter select, .ui-control {
    height: 36px;
    min-height: 36px;
    border-color: #c7d0d1;
    border-radius: 5px;
    color: #31474d;
    font-size: 12px;
}
.ui-filter input:focus, .ui-filter select:focus, .ui-control:focus,
.form-field input:focus, .form-field select:focus, .form-field textarea:focus {
    border-color: #5c9a96 !important;
    box-shadow: 0 0 0 3px rgb(36 132 126 / 10%) !important;
}
.ui-filter__advanced>summary, .ui-filter__advanced-toggle[aria-expanded="true"] {
    border-color: #aec8c6;
    border-radius: 5px;
    color: #286d69;
    background: #e9f2f1;
    box-shadow: none;
}
.ui-filter__advanced>summary:hover { border-color: #75aaa6; background: #dfecea; box-shadow: none; }
.ui-filter__advanced[open]>summary { border-color: var(--primary); background: var(--primary); }
.ui-count { border-radius: 4px; color: #50646a; background: #e1e5e4; }

.ui-data-grid thead th { height: 36px; padding-inline: 10px; border-bottom-color: #cbd2d2; background: #e5e8e7; }
.ui-data-grid tbody td { min-height: 42px; padding: 8px 10px; }
.ui-data-grid__sortable:hover { color: #236f6b; background: #dce8e6; }
.ui-data-grid__sortable:focus-visible { outline-color: rgb(36 132 126 / 22%); }
.ui-data-grid__sortable::after { right: 10px; color: #869698; }
.ui-grid .ui-pagination a, .ui-grid .ui-pagination .disabled, .ui-grid .ui-pagination strong {
    min-height: 30px;
    padding-inline: 9px;
    border-color: #cbd3d3;
    border-radius: 4px;
}
.ui-grid .ui-pagination a:hover { border-color: #77a7a3; color: var(--primary-dark); background: #e7f0ef; }

.form-section-heading, .panel-heading { background: #f3f5f4; }
.form-section-heading>span { border-radius: 5px; background: var(--primary); }
.form-section-heading h3, .panel-heading h3 { color: #293b41; }
.form-section-heading p, .panel-heading p { color: #607178; font-size: 11px; line-height: 1.45; }
.form-field label { color: #42575e; font-size: 12px; }
.form-field input:not([type="checkbox"]), .form-field select, .form-field textarea { border-color: #c9d1d2; background: #fff; font-size: 13px; }
.field-help, .form-field small { color: #65767c; font-size: 11px; }

.status-badge, .ui-status { border-radius: 4px; text-transform: none; letter-spacing: 0; }
.ui-status--info { color: #286d69; background: #dfecea; }
.ui-status--success { color: #1f6c4e; background: #dfefe7; }
.ui-status--warning { color: #855d17; background: #f5ead2; }
.ui-status--danger { color: #a63e47; background: #f4dfe1; }
.ui-notice { border-radius: 6px; box-shadow: none; }
.empty-state, .dashboard-empty, .organization-empty { color: #607178; background: #fafbfa; }

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.k-input-solid, .k-picker-solid, .k-dropdownlist, .k-numerictextbox {
    border-color: #c7d0d1 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--primary); }
.k-selected, .k-list-item.k-selected { background: var(--primary) !important; }

.report-overview-metrics .report-metric { border-radius: 7px; box-shadow: none; }
.report-metric--sales { --metric-color: #347a76 !important; }
.report-metric--cash { --metric-color: #64707d !important; }
.report-catalog-grid--flat a.report-catalog-card:hover { background: #eaf1ef; }
.report-catalog-table__name>i { color: #287a75; background: #e2efed; }
.sales-invoice-grand-total, .vat-report-footer .vat-payable-total {
    border-left-color: var(--primary);
    color: #3e615f;
    background: #e2efed;
}
.sales-invoice-grand-total strong, .vat-report-footer .vat-payable-total strong { color: var(--primary-dark); }

@media(max-width:620px) {
    .ui-page-header { padding: 11px; }
    .ui-page-header__actions .ui-action { flex: 1; }
    .data-table td, .ui-data-grid td, .invoice-table td { font-size: 11px; }
}

/* Third pass: navigation polish, tabs, overlays and specialist workspaces. */
* { scrollbar-color: #829394 #eef1f0; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: #eef1f0; }
*::-webkit-scrollbar-thumb { border: 2px solid #eef1f0; border-radius: 8px; background: #829394; }
.sidebar { scrollbar-color: #52676b #1d2b2f; }
.sidebar::-webkit-scrollbar-track { background: #1d2b2f; }
.sidebar::-webkit-scrollbar-thumb { border-color: #1d2b2f; background: #52676b; }

:where(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid #4b9a94;
    outline-offset: 2px;
}
.sidebar :where(a, button, input, summary):focus-visible { outline-color: #71b9b4; }

.topbar-page-title { color: #2b3d43; font-size: 17px; }
.topbar .breadcrumb-line, .topbar .breadcrumb-line a { color: #64767c; font-size: 11px; }
.topbar .environment { border-radius: 5px; border-color: #ccd3d3; color: #4f6268; box-shadow: none; }
.topbar .avatar--small, .avatar { color: #fff; background: #3a7b77; }
.user-meta strong { color: #2f4248; }
.user-meta small { color: #697a80; font-size: 10px; }
.dropdown-menu {
    overflow: hidden;
    border-color: #cbd2d2;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 10px 24px rgb(33 48 52 / 13%);
}
.topbar .user-menu {
    position: relative;
    z-index: 1100;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.topbar .user-menu>.dropdown-menu { z-index: 1101; }
.dropdown-item { color: #3f5359; font-size: 12px; }
.dropdown-item:hover, .dropdown-item:focus { color: #244b49; background: #e6efee; }

.section-tabs, .inventory-nav, .stock-section-tabs, .invoice-tabs {
    border-color: #cfd6d6;
    border-radius: 6px;
    background: #f7f8f7;
}
.section-tabs a, .inventory-nav a, .stock-section-tabs a, .stock-section-tabs button, .invoice-tabs a {
    color: #5c6e74;
    font-size: 11px;
}
.section-tabs a.active, .inventory-nav a.active, .stock-section-tabs button.is-active, .invoice-tabs a.active { color: var(--primary-dark); }
.section-tabs a.active { background: #dfecea; }
.inventory-nav a.active::after, .invoice-tabs a.active::after { height: 2px; background: var(--primary); }
.invoice-tabs a span { color: var(--primary-dark); background: #dfecea; }

.metric-card, .report-metric, .product-metric,
.organization-summary article, .agenda-kpi-grid article,
.bank-review-summary, .contact-currency-summary,
.contact-valuation-summary, .contact-movement-panel {
    border-color: #d5dbdc !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
.organization-summary article>i, .agenda-kpi-grid article>i,
.bank-review-summary article>span, .integration-test-card__icon,
.integration-activity-icon, .document-card-heading>span {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.integration-grid { background: #f3f5f4 !important; }
.integration-card, .product-usage-card { border-color: #d6dddd !important; border-radius: 6px !important; background: #fff !important; }
.integration-card:hover, .product-usage-card:hover { border-color: #86aaa7 !important; background: #edf3f2 !important; }

.order-document-toolbar, .sales-editor-toolbar {
    border-color: #cfd6d6;
    border-radius: 7px;
    background: rgb(255 255 255 / 97%);
    box-shadow: 0 3px 10px rgb(33 48 52 / 7%);
}
.order-party-card, .order-meta-card, .order-address-grid article, .order-lines-modern {
    border-color: #d5dbdc;
    border-radius: 7px;
    box-shadow: none;
}
.document-card-heading>span { color: #287a75; background: #e2efed; }
.document-card-heading>a, .record-link:hover, .row-action a, .invoice-number:hover { color: var(--primary-dark); }

.modal-content, .app-confirm-dialog, .invoice-cancel-menu__panel,
.audit-technical dl, .integration-activity-item>details dl,
.contact-movement-currency-picker>div {
    border-color: #cbd3d3;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 14px 32px rgb(28 43 47 / 18%);
}
.modal-header, .modal-footer { border-color: #d8dddd; background: #f4f6f5; }
.modal-title { color: #293d42; }
.contact-movement-currency-picker label:hover { background: #e6efee; }
.contact-movement-currency-picker input, input[type="checkbox"], input[type="radio"] { accent-color: var(--primary); }
.invoice-stock-return-option:hover { border-color: #8eb3b0; background: #edf4f3; }
.invoice-stock-return-option input:checked+.invoice-stock-return-switch { background: var(--primary); }

.service-unavailable-card {
    border-color: #d1d8d8;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}

@media(max-width:900px) {
    .topbar-page-title { font-size: 15px; }
    .section-tabs, .inventory-nav, .invoice-tabs { max-width: 100%; overflow-x: auto; }
}

/* Fourth pass: dashboard, finance and dense operational summaries. */
.executive-dashboard { gap: 10px; }
.dashboard-commandbar {
    padding: 14px 16px;
    border-color: #d4dada;
    border-radius: 7px;
    background: #fff;
    box-shadow: none;
}
.dashboard-welcome h2 { color: #293b41; font-size: clamp(23px, 2vw, 28px); }
.dashboard-welcome p { color: #5b6e74; font-size: 13px; }
.dashboard-quick-actions { gap: 5px; }
.dashboard-quick-actions a {
    min-height: 36px;
    border-color: #cdd5d5;
    border-radius: 5px;
    color: #3f555b;
    box-shadow: none;
}
.dashboard-quick-actions a:hover { border-color: #7fa7a4; color: var(--primary-dark); background: #e7f0ef; }
.period-selector, .period-selector.card { border-radius: 6px; background: #f4f6f5; box-shadow: none !important; }
.period-selector .btn { border-radius: 5px; }

.dashboard-kpi { min-height: 116px; padding: 15px; }
.dashboard-kpi__icon, .executive-metrics .dashboard-kpi__icon { border-radius: 6px !important; }
.dashboard-kpi--sales { --kpi: #596b73; --kpi-soft: #e8ecec; }
.dashboard-kpi--collection { --kpi: #287a60; --kpi-soft: #e2efe9; }
.dashboard-kpi--cashflow { --kpi: #287a75; --kpi-soft: #e2efed; }
.dashboard-kpi--position { --kpi: #9a6a27; --kpi-soft: #f2eadb; }
.executive-metrics article::before { width: 3px; }
.executive-metrics article:nth-child(3)::before { background: #287a75; }
.executive-metrics article:nth-child(4)::before { background: #a67631; }

.finance-dashboard-grid { gap: 10px; }
.chart-panel { min-height: 340px; }
.chart-legend { color: #596b72; font-size: 11px; }
.chart-legend span::before { border-radius: 1px; }
.chart-legend .sales::before, .bar.sales { background: #596b73; }
.chart-legend .collections::before, .bar.collections { background: #338267; }
.chart-legend .payments::before, .bar.payments { background: #b27a32; }
.currency-badge, .amount-chip { border-radius: 4px; }
.balance-sheet dt { color: #566970; font-size: 12px; }
.balance-sheet dd { color: #263a40; font-size: 12px; }
.balance-sheet .subtotal { background: #f1f3f2; }
.balance-sheet .grand-total { border-radius: 5px; color: #285c59; background: #e2efed; }
.hero-amount { color: #263b40; font-size: 25px; }
.cash-flow-summary div { color: #566970; font-size: 12px; }
.compact-grid .grid-head, .trend-table .trend-head { color: #566970; background: #ecefee; }
.compact-grid .grid-head, .compact-grid>a, .trend-table .trend-head, .trend-table>div { padding-inline: 9px; }
.compact-grid>a:hover, .trend-table>div:hover:not(.trend-head) { background: #e9f1f0; }
.compact-grid small { color: #65777d; font-size: 10px; }
.freshness-grid { gap: 8px; }
.freshness-grid>div { border: 1px solid #d9dede; border-radius: 5px; background: #f4f6f5; }
.freshness-grid strong { color: #31464c; font-size: 12px; }
.freshness-grid small { color: #63757b; font-size: 10px; }

.operations-grid article, .business-insight-grid article { padding: 13px 15px; }
.operation-icon, .business-insight-grid article>i { border-radius: 6px; }
.operation-icon { color: #596b73; background: #e8ecec; }
.operation-icon.stock { color: #287a60; background: #e2efe9; }
.operation-icon.expense { color: #9a6a27; background: #f2eadb; }
.management-action-list>a { color: #293e44; }
.management-action-list>a:hover { background: #e9f1f0; }

.product-stock-summary article, .critical-summary-card,
.stock-policy-editor, .stock-policy-group, .warehouse-level-section,
.warehouse-edit-header, .warehouse-edit-panel, .warehouse-edit-footer {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.product-stock-summary span, .critical-summary-card span { color: #5e7076; font-size: 11px; }
.product-stock-summary article { background: #fff; }
.stock-policy-group-title>i, .warehouse-level-heading>span>i,
.warehouse-section-icon, .unit-management-title>span {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.stock-policy-switch small, .stock-tracking-options small,
.stock-policy-group-title small, .warehouse-level-heading small,
.warehouse-header-copy p, .warehouse-section-heading p,
.warehouse-identity-grid small, .warehouse-switch-row small,
.critical-summary-card small { color: #66777d; font-size: 10px; }
.warehouse-header-icon { border-radius: 6px; background: #397873; box-shadow: none; }
.warehouse-toggle input:checked+i, .stock-toggle-control input:checked+i,
.unit-decimal-switch>input:checked+span { background: var(--primary); }

@media(max-width:700px) {
    .dashboard-commandbar { padding: 12px; }
    .dashboard-kpi { min-height: 108px; }
    .chart-legend { flex-wrap: wrap; gap: 8px 12px; }
}

/* Fifth pass: settings, definitions and catalog editors. */
.general-settings-header, .settings-toolbar,
.company-settings-card, .parameter-grid-panel,
.currency-definition-table, .tax-rate-table,
.unit-management-panel, .attribute-index-panel,
.attribute-detail-form, .variant-existing, .variant-builder {
    border-color: #d4dbdb !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
.general-settings-heading-icon { border-radius: 6px; color: #287a75; background: #e2efed; box-shadow: none; }
.general-settings-heading-main h2 { color: #293d42; }
.general-settings-heading-main p { color: #607178; font-size: 12px; }
.general-settings-company { border-radius: 6px; background: #f1f4f3; }
.settings-toolbar { min-height: 50px; background: #f7f8f7; }
.settings-toolbar .company-profile-tabs button { min-height: 50px; height: 50px; color: #596c72; font-size: 11px; }
.settings-toolbar .company-profile-tabs button:hover,
.settings-toolbar .company-profile-tabs button.is-active { color: var(--primary-dark); }
.settings-toolbar .company-profile-tabs button.is-active::after { background: var(--primary); }
.settings-toolbar .company-profile-tabs button.is-active i { color: var(--primary); }
.settings-toolbar-action .btn { font-size: 11px; }

.parameter-table>header, .currency-definition-table>header,
.tax-rate-table>header, .unit-grid-head,
.attribute-index-grid>header, .attribute-options-grid>header,
.definition-list-head {
    color: #53666c;
    background: #e8ebea;
    font-size: 10px;
    letter-spacing: .035em;
}
.parameter-table>article, .currency-definition-row,
.tax-rate-table>.tax-rate-row, .unit-grid-row,
.attribute-index-row, .attribute-option-row, .definition-row { border-color: #dfe4e3; }
.parameter-table>article:hover, .currency-definition-row:hover,
.tax-rate-table>.tax-rate-row:hover, .unit-grid-row:hover,
.attribute-index-row:hover, .definition-row:hover { background: #e9f1f0; }

.category-tree { gap: 4px; }
.category-tree-item { min-height: 43px; border-color: #d5dddd; border-radius: 5px; }
.category-tree-item:hover { border-color: #8eaaa8; background: #edf3f2; }
.category-tree-item strong { color: #2d4248; font-size: 13px; }
.category-tree-item small { color: #63757b; font-size: 11px; }
.category-tree-branch { border-radius: 5px; color: #287a75; background: #e2efed; }

.variant-property-summary { border-radius: 5px; color: #566970; background: #eef1f0; font-size: 12px; }
.variant-property-summary strong { border-color: #cbd5d4; border-radius: 4px; color: #305b58; }
.variant-existing, .variant-builder { background: #f5f7f6; }
.variant-section-title small, .variant-card>div:first-child small { color: #62747a; font-size: 11px; }
.variant-card { border-color: #d4dbdb; border-radius: 5px; }
.variant-card:hover { border-color: #8eaaa8; }
.variant-value-chips span { border-radius: 4px; color: #2d625f; background: #e2efed; font-size: 11px; }
.variant-value-chips small { color: #61767a; font-size: 10px; }
.variant-attribute-heading button { color: var(--primary-dark); font-size: 12px; }

.currency-definition-row, .unit-grid-row { color: #40555b; font-size: 11px; }
.currency-definition-row strong, .unit-code strong, .unit-name strong { color: #2a4147; font-size: 11px; }
.current-tcmb-rate small { color: #65777d; font-size: 10px; }
.current-tcmb-rate b { color: var(--primary-dark); font-size: 11px; }
.currency-rate-cell>em, .local-currency-rate, .currency-rate-cell .use-current-rate { font-size: 10px; }
.currency-rate-cell .use-current-rate { border-radius: 5px; }
.currency-status-switch input:checked+span, .setting-switch-card input:checked+span { background: var(--primary); }
.currency-default span, .currency-status-switch em, .unit-type-badge, .unit-status { font-size: 10px; }
.unit-code i { color: #287a75; background: #e2efed; }
.unit-name small { color: #63757b; font-size: 10px; }
.unit-editor { border-color: #cdd8d7; background: #f3f6f5; }
.unit-editor>header span { color: var(--primary-dark); font-size: 9px; }
.unit-editor>header p, .unit-editor .form-field small { color: #63757b; font-size: 10px; }
.unit-editor .form-field label, .unit-decimal-switch strong { font-size: 11px; }
.unit-decimal-switch small { color: #68797f; font-size: 10px; }

.tax-rate-row>strong, .attribute-index-row strong,
.attribute-section-title h3, .definition-row strong { color: #2a4147; font-size: 11px; }
.tax-rate-input { border-color: #c8d2d2; border-radius: 5px; }
.tax-rate-input>input { font-size: 12px; }
.tax-rate-input:focus-within { border-color: #5c9a96; box-shadow: 0 0 0 3px rgb(36 132 126 / 10%); }
.company-tax-rate-settings>small, .attribute-section-title p,
.attribute-options-note, .definition-row small, .definition-empty span { color: #63757b; font-size: 10px; }
.attribute-section-title>span { border-radius: 4px; color: #287a75; background: #e2efed; }
.attribute-option-count, .definition-count { border-radius: 4px; color: #286a66 !important; background: #e2efed; font-size: 10px; }
.definition-row code { border-radius: 4px; color: #315b58; background: #e7efee; font-size: 10px; }
.definition-icon { border-radius: 6px; }
.definition-icon.category { color: #596b73; background: #e8ecec; }
.definition-icon.center { color: #287a60; background: #e2efe9; }

@media(max-width:760px) {
    .settings-toolbar .company-profile-tabs { gap: 13px; }
    .settings-toolbar .company-profile-tabs button { font-size: 10px; }
    .variant-workspace { grid-template-columns: 1fr; }
}

/* Sixth pass: sales, purchasing, contacts and document workflows. */
.sales-editor-shell { max-width: none; }
.sales-editor { gap: 8px; }
.sales-editor-toolbar, .sales-editor-head, .sales-editor-lines,
.sales-editor-note, .sales-editor-summary,
.contact-editor-toolbar, .contact-editor-panel, .contact-editor-footer {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.sales-editor-title { color: #62747a; font-size: 11px; }
.sales-editor-title strong { color: #2a3e44; font-size: 14px; }
.sales-editor-customer { background: #fff; }
.sales-editor-document, .sales-lines-heading { background: #f3f5f4; }
.sales-lines-heading .eyebrow { font-size: 10px; }
.sales-editor-table-head { min-height: 36px; color: #53666c; background: #e7eae9; font-size: 10px; }
.sales-editor-line { min-height: 58px; border-color: #dfe4e3; }
.sales-editor-line:nth-child(even) { background: #f7f8f7; }
.sales-editor-line:hover { background: #e9f1f0; }
.sales-editor-line>.line-sequence { color: #607379; font-size: 10px; }
.sales-editor-line input, .sales-editor-line select { border-color: #c7d1d1; border-radius: 5px; font-size: 12px; }
.sales-editor-line .field-validation-error { font-size: 10px; }
.sales-editor-line .line-unit, .sales-editor-line .line-tax-rate { color: #586b71; font-size: 11px; }
.sales-editor-line .line-tax-amount, .sales-editor-line .line-total { font-size: 11px; }
.sales-editor-line .line-total { color: #273c42; font-size: 12px; }
.line-sequence { border-radius: 5px; color: #286d69; background: #e2efed; }
.line-remove { border-radius: 5px !important; }
.sales-editor-summary dt { color: #596c72; font-size: 11px; }
.sales-editor-summary dd { color: #293e44; font-size: 12px; }
.sales-editor-summary .grand-total { border-radius: 5px; color: var(--primary-dark); background: #e2efed; }
.sales-editor-summary>small { color: #62747a; font-size: 10px; }

.invoice-reference, .invoice-meta>div { border-radius: 5px; background: #f3f5f4; }
.invoice-reference span, .invoice-meta dt { color: #5d7076; font-size: 10px; }
.invoice-reference strong, .invoice-meta dd { color: #2d4248; font-size: 11px; }
.invoice-note { color: #566970; font-size: 11px; }
.invoice-finance-strip>div>i { border-radius: 6px; }
.invoice-finance-strip small, .invoice-finance-strip dt { color: #5e7076; font-size: 10px; }
.invoice-finance-strip strong, .invoice-finance-strip dd { color: #2b4046; font-size: 12px; }

.contact-editor-toolbar>div:first-child>a { border-radius: 5px; color: #50676d; background: #e8eceb; }
.contact-editor-toolbar p { color: #607278; font-size: 11px; }
.contact-editor-tabs { background: #f3f5f4; }
.contact-editor-tabs button { min-height: 44px; color: #596c72; font-size: 11px; }
.contact-editor-tabs button:hover, .contact-editor-tabs button.active { color: var(--primary-dark); }
.contact-editor-tabs button.active { border-bottom-color: var(--primary); }
.contact-kind-switch label, .contact-tax-options label { color: #42585e; font-size: 12px; }
.contact-form-grid input, .contact-form-grid select, .contact-form-grid textarea,
.repeat-row input, .repeat-row select, .repeat-card input { border-color: #c8d1d1; border-radius: 5px; font-size: 13px; }
.repeat-heading p { color: #62747a; font-size: 11px; }
.repeat-card, .einvoice-card { border-color: #d4dbdb; border-radius: 6px; background: #f6f8f7; }
.contact-editor-footer { background: rgb(255 255 255 / 97%); }
.contact-balance-chip { border-color: #d0d8d8; border-radius: 5px; background: #f3f5f4; }
.contact-balance-chip small { color: #5f7278; font-size: 10px; }
.contact-balance-chip strong { color: #30464c; font-size: 11px; }
.contact-detail-tabs a.active { color: var(--primary-dark); background: #e2efed; }
.rule-badge, .bank-account-heading b { border-radius: 4px; font-size: 10px; }
.bank-account-heading b { color: #286a66; background: #e2efed; }
.bank-account-content dt { color: #64767c; font-size: 10px; }
.bank-account-content dd { color: #354b51; font-size: 11px; }
.bank-iban { border-radius: 5px; background: #eef1f0; }

.contact-movement-metrics { gap: 8px; }
.contact-movement-metrics article, .contact-account-summary { border-color: #d4dbdb; border-radius: 7px; box-shadow: none; }
.contact-movement-metrics small { color: #5e7076; font-size: 11px; }
.account-balance-primary { background: #f3f6f5; }
.account-summary-icon { border-radius: 6px; color: #287a75; background: #e2efed; }
.account-balance-primary small, .account-balance-primary em,
.account-comparison-values small, .account-comparison-legend { color: #607278; font-size: 10px; }
.contact-movement-filter { gap: 9px; padding: 11px 13px; background: #f3f5f4; }
.contact-movement-filter-label { color: #53676d; font-size: 10px; }
.contact-movement-date-range, .contact-movement-currency>div,
.contact-movement-currency-picker>summary, .contact-movement-select-shell { border-color: #c7d1d1; border-radius: 5px; box-shadow: none; }
.contact-movement-date-range>i:first-child { color: #287a75; background: #e2efed; }
.contact-movement-date-range label span { color: #62747a; font-size: 9px; }
.contact-movement-date-range input:focus { background: #f3f7f6 !important; box-shadow: inset 0 -2px var(--primary); }
.contact-movement-currency strong { border-radius: 4px; color: #286a66; background: #e2efed; }
.contact-movement-currency small { color: #607278; font-size: 10px; }
.contact-movement-clear { border-color: #c7d1d1; border-radius: 5px; color: #4d6268; }
.contact-movement-clear:hover { border-color: #79a4a1; color: var(--primary-dark); background: #e7f0ef; }

.order-dispatch-progress, .dispatch-invoice-selection,
.dispatch-detail-overview>article, .dispatch-state-strip,
.dispatch-note-description, .dispatch-detail-actions,
.document-flow>span, .document-flow>a, .document-flow>span>a,
.proforma-totals {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.order-dispatch-progress__heading>span, .dispatch-invoice-selection__heading>span,
.dispatch-invoice-card__document, .incoming-note-document>i {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.order-dispatch-progress__heading small, .dispatch-invoice-selection__heading small,
.dispatch-invoice-card small, .incoming-note-document small,
.incoming-note-source small, .incoming-note-party small,
.dispatch-note-description small { color: #607278; font-size: 10px; }
.order-dispatch-progress__bar span { background: #37837e; }
.order-dispatch-documents>a, .dispatch-invoice-card { border-color: #d6dddd; border-radius: 5px; background: #f8f9f8; }
.order-dispatch-documents>a:hover, .dispatch-invoice-card:hover { border-color: #82aaa7; background: #eaf2f1; }
.dispatch-invoice-card.is-selected { border-color: #5b9692; background: #e2efed; box-shadow: 0 0 0 2px rgb(36 132 126 / 8%); }
.dispatch-invoice-card.is-selected .dispatch-invoice-card__check { border-color: var(--primary); background: var(--primary); }
.dispatch-detail-actions { background: #f3f5f4; }
.document-flow .is-complete { border-color: #9fc1be; background: #e6f1ef; }
.document-flow small { color: #5f7278; font-size: 11px; }
.invoice-total-panel>div:last-child strong, .proforma-totals .grand-total strong { color: var(--primary-dark); }

@media(max-width:760px) {
    .sales-editor-line input, .sales-editor-line select { font-size: 11px; }
    .contact-tab-panel { padding: 14px; }
    .contact-movement-filter { padding: 10px; }
}

/* Seventh pass: agenda, workforce, expenses, integrations and audit. */
.agenda-page, .agenda-workspace-page, .reminder-page, .reminder-workspace-page { gap: 10px !important; }
.agenda-summary, .agenda-kpi-grid { gap: 8px !important; }
.agenda-summary article, .agenda-kpi-grid article {
    min-height: 92px;
    padding: 14px 16px;
    border-color: #d4dbdb !important;
    border-radius: 7px;
    box-shadow: none;
}
.agenda-date>i, .agenda-kpi-grid article>i { border-radius: 6px; color: #287a75; background: #e2efed; }
.agenda-date strong, .agenda-title strong { color: #2b4147; font-size: 12px; }
.agenda-date small, .agenda-title small { color: #607278; font-size: 10px; }
.agenda-form-grid, .agenda-editor-grid,
.reminder-rule-grid, .reminder-editor-grid { gap: 12px !important; }
.agenda-form-grid label, .agenda-editor-grid label,
.reminder-rule-grid label, .reminder-editor-grid label { color: #455a60; font-size: 11px; }
.agenda-form-grid .field-help, .agenda-editor-grid .field-help,
.reminder-rule-grid .field-help, .reminder-editor-grid .field-help { color: #62747a; font-size: 10px; }
.reminder-template-help, .reminder-editor-help {
    border-color: #cbdad8;
    border-radius: 6px;
    color: #47635f;
    background: #eaf2f1;
    font-size: 11px;
}
.reminder-template-help i, .reminder-editor-help i { color: #287a75; }
.reminder-template-help code, .reminder-editor-help code { color: #285f5b; background: #dceae8; }
.reminder-rule-name strong { color: #2c4248; font-size: 12px; }
.reminder-rule-name small { color: #607278; font-size: 10px; }

.workforce-summary, .workforce-incidents,
.employee-details-hero, .employee-details-summary article,
.employee-details-card {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.workforce-summary article { padding: 15px 17px; }
.workforce-summary article::before { background: #596b73; }
.workforce-summary article:nth-child(2)::before { background: #338267; }
.workforce-summary article:nth-child(3)::before { background: #b27a32; }
.workforce-summary article:nth-child(4)::before { background: #b24b55; }
.workforce-summary span, .workforce-summary p { color: #5e7076; }
.workforce-state { border-radius: 4px; }
.workforce-state--transferred { color: #315e5b; background: #e2efed; }
.incident-type { border-radius: 6px; }
.employee-details-avatar { border-radius: 7px; background: #397873; box-shadow: none; }
.employee-details-summary article { min-height: 98px; padding: 14px; }
.employee-details-summary article>span, .employee-details-card>header>span {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.employee-details-summary small { color: #607278; font-size: 10px; }
.employee-details-summary strong { color: #2b4147; font-size: 14px; }
.employee-details-summary p, .employee-details-card header p,
.employee-detail-rows small { color: #607278; font-size: 11px; }
.employee-detail-rows>div>span:first-child { color: #596d73; }
.employee-detail-rows strong, .employee-detail-rows a { color: #2b4147; }
.employee-detail-rows a { color: var(--primary-dark); }

.expense-list-panel, .expense-details-hero,
.expense-details-summary article, .expense-details-card,
.expense-details-lines, .expense-details-decision {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.expense-list-heading { padding: 11px 14px; background: #f3f5f4; }
.expense-list-heading p { color: #607278; font-size: 11px; }
.expense-record-count { border-radius: 4px; color: #286a66; background: #e2efed; font-size: 10px; }
.expense-table th { color: #53666c; background: #e7eae9; font-size: 10px; }
.expense-table td { color: #40555b; font-size: 12px; }
.expense-table td>small { color: #63757b; font-size: 10px; }
.expense-table tbody tr:nth-child(even) { background: #f7f8f7; }
.expense-table tbody tr:hover { background: #e9f1f0; }
.expense-number { color: #2c454b; font-size: 12px; }
.expense-number:hover { color: var(--primary-dark); }
.expense-total small { color: var(--primary-dark) !important; }
.expense-compact-empty { background: #fafbfa; }
.expense-compact-empty>span, .expense-details-title>span,
.expense-details-summary article>span, .expense-details-card>header>span {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.expense-compact-empty p, .expense-details-title p,
.expense-details-summary small, .expense-details-summary p,
.expense-details-card header p, .expense-attachment-list small,
.expense-detail-timeline small, .expense-details-decision header p { color: #607278; font-size: 10px; }
.expense-details-lines>header>span { border-radius: 4px; background: #e8eceb; }
.expense-details-lines th { color: #53666c; background: #e7eae9; font-size: 10px; }
.expense-line-number { border-radius: 4px; color: #526a70; background: #e8eceb; }
.expense-detail-timeline article>span { background: var(--primary); }

.integration-logo, .integration-overview-icon { border-radius: 6px; color: #287a75; background: #e2efed; }
.integration-copy small, .integration-copy em, .integration-card>span:last-child small { color: #607278; font-size: 10px; }
.integration-enabled { border-color: #ccd6d5; border-radius: 5px; background: #f1f4f3; }
.integration-enabled strong { font-size: 11px; }
.integration-enabled small { color: #607278; font-size: 10px; }
.integration-sync-form { border-color: #d4dbdb; border-radius: 6px; background: #f3f5f4; }
.integration-overview { border-color: #d4dbdb; border-radius: 7px; }
.integration-overview-item small { color: #607278; font-size: 10px; }
.integration-overview-item>div>span:not(.integration-scope-list) { color: #64767c; font-size: 10px; }
.integration-scope-list em { border-radius: 4px; color: #286a66; background: #e2efed; font-size: 9px; }
.integration-simulation-notice { border-color: #d2d8d8; border-radius: 6px; color: #53676d; background: #f0f2f2; }
.integration-simulation-notice strong { font-size: 11px; }
.integration-simulation-notice span { font-size: 10px; }
.integration-activity-item { border-color: #dfe4e3; }
.integration-activity-item:nth-child(even) { background: #f7f8f7; }
.integration-activity-copy strong { font-size: 12px; }
.integration-activity-copy p, .integration-activity-copy time { color: #607278; font-size: 10px; }
.integration-activity-item>details summary, .audit-technical summary { border-color: #ccd5d5; border-radius: 4px; color: #4c6268; font-size: 10px; }
.integration-activity-item>details dt, .audit-technical dt { color: #61747a; font-size: 10px; }
.integration-activity-item>details dd, .audit-technical dd { color: #31474d; font-size: 10px; }

.audit-target-summary { border-color: #d4dbdb; border-radius: 7px; }
.audit-target-summary>span { border-radius: 6px; color: #287a75; background: #e2efed; }
.audit-target-summary small { color: #607278; font-size: 10px; }
.audit-target-summary em, .audit-timeline-actor { color: #607278; font-size: 10px; }
.audit-search-page .pagination span, .audit-timeline-panel .pagination span { color: #586d73; font-size: 10px; }

@media(max-width:700px) {
    .agenda-editor-form .ui-form-section__body,
    .reminder-editor-form .ui-form-section__body { padding: 14px; }
    .expense-table td { font-size: 11px; }
}

/* Eighth pass: compliance and analytical reporting surfaces. */
.compliance-settings-surface, .compliance-feature,
.operation-summary article, .operation-queue,
.report-catalog-card, .finance-balance-summary,
.finance-ranking-section, .inventory-report-summary,
.inventory-alert-section, .finance-account-tabs,
.finance-account-summary {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.compliance-settings-section>header { min-height: 58px; padding: 11px 14px; background: #f3f5f4; }
.compliance-settings-section>header>span { border-radius: 6px; color: #287a75; background: #e2efed; }
.compliance-settings-section>header h3 { color: #2b4147; font-size: 13px; }
.compliance-settings-section>header p { color: #607278; font-size: 10px; }
.compliance-settings-form { gap: 10px 12px; padding: 14px; }
.compliance-settings-form>label, .compliance-channel>div label,
.field-label, .individual-name-fields label,
.compliance-feature-body>label { color: #455a60; font-size: 11px; }
.compliance-settings-form input:not([type=checkbox]),
.compliance-settings-form select, .compliance-settings-form textarea {
    border-color: #c7d1d1;
    border-radius: 5px;
    color: #31474d;
    font-size: 12px;
}
.compliance-settings-form input:focus, .compliance-settings-form select:focus,
.compliance-settings-form textarea:focus { border-color: #5c9a96; box-shadow: 0 0 0 3px rgb(36 132 126 / 10%); }
.compliance-settings-form label>small, .compliance-feature-body>label small,
.compliance-channel small, .compliance-connection-toggle small,
.compliance-settings-form footer>span, .compliance-subsection small { color: #607278; font-size: 10px; }
.compliance-choice-row label { border-color: #ccd5d5; border-radius: 5px; color: #40565c; font-size: 11px; }
.compliance-choice-row label:has(input:checked) { border-color: #6b9e9a; color: #285f5b; background: #e2efed; }
.individual-name-fields, .compliance-channel, .compliance-feature>.compliance-channel {
    border-color: #d4dbdb;
    border-radius: 5px;
    background: #f4f6f5;
}
.compliance-channel>label, .compliance-connection-toggle { color: #3d545a; font-size: 11px; }
.compliance-subsection strong { color: #31484e; font-size: 11px; }
.compliance-security-note { border-radius: 5px; color: #4d6764; background: #eaf2f1; font-size: 10px; }
.compliance-security-note i { color: #287a75; }

.operation-summary { gap: 8px; }
.operation-summary article { padding: 12px 14px; }
.operation-summary article>i { border-radius: 6px; }
.operation-summary small { color: #5f7177; font-size: 10px; }
.operation-row { border-color: #dfe4e3; }
.operation-row:nth-child(even) { background: #f7f8f7; }
.operation-row:hover { background: #e9f1f0; }
.operation-main small { color: #607278; font-size: 10px; }
.error-code { border-radius: 4px; font-size: 10px; }
.operation-stats small { color: #5f7177; font-size: 10px; }
.operation-stats b { color: #30464c; font-size: 11px; }

.report-freshness-list article { padding: 13px 14px; }
.report-freshness-list__icon, .report-metric__icon,
.report-catalog-card>i, .report-catalog-grid--flat .report-catalog-card>i {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.report-freshness-list strong { color: #2b4147; font-size: 13px; }
.report-freshness-list small, .report-freshness-list__date { color: #607278; font-size: 10px; }
.report-freshness-note { border-radius: 5px; color: #45615e; background: #e8f1ef; font-size: 11px; }
.report-overview-metrics .report-metric .metric-label { color: #5b6e74; font-size: 11px; }
.report-overview-metrics .report-metric small { color: #607278; font-size: 11px; }
.report-catalog-card { border-radius: 6px; }
.report-catalog-card:hover { border-color: #83a9a6; background: #eaf2f1; }
.report-catalog-card small, .report-catalog-grid--flat .report-catalog-card small,
.report-catalog-table__description { color: #607278; font-size: 11px; }
.source-chip { border-radius: 4px; color: #286a66; background: #e2efed; font-size: 10px; }
.report-currency-selector label { color: #52676d; font-size: 11px; }

.vat-report-note { border-color: #c9d9d7; border-radius: 6px; color: #47635f; background: #eaf2f1; }
.vat-report-note>i { color: #287a75; }
.vat-report-note strong { font-size: 12px; }
.vat-report-note span { font-size: 11px; }
.vat-rate-row summary { color: var(--primary-dark); font-size: 11px; }
.vat-rate-list>div { border-radius: 5px; color: #52676d; background: #eef2f1; font-size: 11px; }
.vat-report-footer, .trade-totals-footer,
.sales-invoice-grid-footer, .finance-balance-footer,
.inventory-report-footer, .workforce-report-footer { background: #f0f3f2; }
.vat-report-footer small, .trade-totals-footer small { color: #607278; font-size: 10px; }
.trade-totals-grid th:nth-child(n+4):nth-child(-n+9) { background: #e7eceb; }
.trade-totals-grid th:nth-child(n+10) { background: #e6efeb; }
.trade-totals-grid th:nth-child(4), .trade-totals-grid th:nth-child(10) { border-left-color: #aebdbc; }

.finance-balance-summary article, .inventory-report-summary article { padding: 15px 17px; }
.finance-balance-summary article::before, .inventory-report-summary article::before { background: #596b73; }
.finance-balance-summary article.net::before, .inventory-report-summary article:nth-child(2)::before { background: #5d7775; }
.finance-balance-summary article.cash::before, .inventory-report-summary article:nth-child(4)::before { background: #b27a32; }
.inventory-report-summary article:nth-child(3)::before { background: #338267; }
.finance-balance-summary article>span, .finance-balance-summary article>p,
.inventory-report-summary span, .inventory-report-summary p { color: #5e7076; }
.finance-balance-state, .inventory-stock-state { border-radius: 4px; }
.finance-ranking-heading p, .finance-ranking-columns p,
.inventory-alert-section header p, .inventory-alert-list p,
.inventory-alert-empty p { color: #607278; font-size: 11px; }
.finance-ranking-columns header>span, .inventory-alert-icon { border-radius: 6px; }
.finance-ranking-columns li { color: #4d6268; font-size: 12px; }
.finance-account-tabs a { min-height: 60px; color: #5b6e74; }
.finance-account-tabs a>i { border-radius: 6px; color: #287a75; background: #e2efed; }
.finance-account-tabs a.active { background: #e6efed; box-shadow: inset 0 -2px 0 var(--primary); }
.finance-account-summary article { padding: 14px 16px; }
.finance-account-summary span { color: #5b6e74; }
.finance-account-summary p { color: #607278; }

@media(max-width:680px) {
    .compliance-settings-form { padding: 12px; }
    .operation-row { padding: 10px; }
    .vat-report-footer, .trade-totals-footer { padding: 10px 12px; }
}

/* Ninth pass: product catalog, inventory and production workspaces. */
.product-detail-workspace .product-usage-panel,
.product-detail-workspace .product-metric,
.product-detail-workspace .product-detail-panel,
.product-stock-table, .critical-stock-panel,
[data-f5-production-recipes]>.panel,
[data-f5-production-orders]>.panel,
[data-f5-production-recipe-details]>.panel,
[data-f5-production-order-details]>.panel,
[data-f5-production-recipe-form] .panel,
[data-f5-production-order-form] .panel {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.product-detail-workspace { gap: 10px; }
.product-detail-workspace .product-usage-panel .panel-heading,
.product-detail-workspace .product-detail-panel .panel-heading {
    min-height: 50px;
    padding: 10px 14px;
    border-bottom-color: #dfe4e3;
    background: #f3f5f4;
}
.product-detail-workspace .product-usage-cards { padding: 0 14px 12px; }
.product-detail-workspace .product-usage-card {
    min-height: 52px;
    border-color: #d7dfde;
    border-radius: 5px;
    background: #f5f7f6;
}
.product-detail-workspace .product-detail-metrics,
.product-detail-workspace .product-detail-grid { gap: 8px; }
.product-detail-workspace .product-metric { min-height: 126px; }
.product-detail-workspace .product-definition-list { padding: 3px 14px 13px; }
.product-detail-workspace .product-stock-bars { padding: 13px 14px; }
.product-publish-state, .product-detail-workspace status-badge,
.product-detail-workspace .status-badge { border-radius: 4px; }
.product-description-content, .product-definition-list,
.product-detail-workspace .product-metric p { color: #52666c; font-size: 12px; }
.product-detail-workspace .product-metric small,
.product-detail-workspace .product-usage-card small { color: #62747a; font-size: 10px; }
.product-list-image, .product-list-no-image {
    border: 1px solid #d3dcdb;
    border-radius: 5px;
    background: #eef2f1;
}

.product-stock-summary { gap: 8px; margin-bottom: 11px; }
.product-stock-summary article { padding: 11px 13px; }
.product-stock-summary strong { color: #2c4248; font-size: 18px; }
.product-stock-summary .available { border-color: #bcd7d1; background: #edf5f2; }
.product-stock-summary .available strong { color: #287a60; }
.product-stock-summary .attention { border-color: #dfcfaf; background: #f7f2e8; }
.product-stock-summary .attention strong { color: #926326; }
.stock-section-tabs { border-bottom-color: #d5dddd; }
.stock-section-tabs button, .stock-section-tabs a { color: #52676d; font-size: 11px; }
.stock-section-tabs button.is-active, .stock-section-tabs a.active {
    border-bottom-color: var(--primary);
    color: var(--primary-dark);
}
.product-stock-table th { padding: 9px 11px; color: #52666c; background: #e9edec; font-size: 10px; }
.product-stock-table td { padding: 10px 11px; border-top-color: #dfe5e4; color: #334a50; font-size: 12px; }
.product-stock-table tbody tr:nth-child(even) td { background: #f7f8f7; }
.product-stock-table tbody tr:hover td { background: #e9f1f0; }
.product-stock-table td:first-child i { color: #567b78; }
.stock-state, .warehouse-rule-mark { border-radius: 4px; font-size: 10px; }
.stock-state.ready { color: #28705a; background: #e2efe9; }
.stock-state.critical { color: #86651d; background: #f4edd9; }
.stock-state.minimum { color: #9b5f24; background: #f5e7d8; }
.stock-state.empty { color: #a44850; background: #f4e2e3; }
.warehouse-rule-mark { color: #4d6c69; background: #e3eceb; }
.stock-level-row-critical td, .stock-level-row-minimum td { background: #faf7ef; }
.stock-level-row-empty td { background: #faf3f3; }
.stock-matrix-total td { color: #3e565c; background: #edf1f0; }
.stock-movement-advanced-toggle, .stock-movement-filter-reset { color: #287a75; }
.stock-policy-footer { border-top-color: #d8dfde; color: #607278; font-size: 11px; }

.critical-stock-summary { gap: 8px; }
.critical-summary-card { min-height: 82px; padding: 12px 14px; }
.critical-summary-card strong { color: #2b4147; font-size: 20px; }
.critical-summary-card.is-empty:before { background: #a95157; }
.critical-summary-card.is-minimum:before { background: #a96d30; }
.critical-summary-card.is-critical:before { background: #a48736; }
.critical-summary-card.is-total:before { background: #397873; }
.critical-stock-filter { border-bottom-color: #d8dfde; }
.critical-stock-table td { height: 52px; }
.critical-status { gap: 6px; padding: 5px 8px; border-radius: 4px; font-size: 10px; }
.critical-row-actions a {
    border-color: #ccd7d6;
    border-radius: 5px;
    color: #287a75;
}
.critical-row-actions a:hover { border-color: #83a9a6; background: #e8f1f0; }
.warehouse-header-copy p, .warehouse-section-heading p,
.warehouse-identity-grid small, .warehouse-switch-row small { font-size: 11px; }

[data-f5-production-recipes] .page-heading,
[data-f5-production-orders] .page-heading,
[data-f5-production-recipe-details] .page-heading,
[data-f5-production-order-details] .page-heading,
[data-f5-production-recipe-form] .page-heading,
[data-f5-production-order-form] .page-heading { border-color: #d4dbdb; box-shadow: none; }
[data-f5-production-recipes] .data-table th,
[data-f5-production-orders] .data-table th,
[data-f5-production-recipe-details] .data-table th,
[data-f5-production-order-details] .data-table th { color: #52666c; background: #e9edec; font-size: 10px; }
[data-f5-production-recipes] .data-table td,
[data-f5-production-orders] .data-table td,
[data-f5-production-recipe-details] .data-table td,
[data-f5-production-order-details] .data-table td { color: #334a50; font-size: 12px; }
[data-f5-production-recipes] .data-table tbody tr:nth-child(even),
[data-f5-production-orders] .data-table tbody tr:nth-child(even),
[data-f5-production-recipe-details] .data-table tbody tr:nth-child(even),
[data-f5-production-order-details] .data-table tbody tr:nth-child(even) { background: #f7f8f7; }
[data-f5-production-recipes] .data-table tbody tr:hover,
[data-f5-production-orders] .data-table tbody tr:hover,
[data-f5-production-recipe-details] .data-table tbody tr:hover,
[data-f5-production-order-details] .data-table tbody tr:hover { background: #e9f1f0; }
[data-f5-production-orders] .data-table td small { color: #607278; font-size: 10px; }
[data-f5-production-recipe-details] code,
[data-f5-production-order-details] code { border-radius: 4px; color: #405d5a; background: #e8eeed; }

@media(max-width:760px) {
    .product-detail-workspace .product-metric { min-height: 112px; }
    .product-stock-table th, .product-stock-table td { padding-inline: 9px; }
    .critical-summary-card { min-height: 76px; }
}

/* Tenth pass: contact directory, contact profiles and reconciliation. */
.contact-hero, .contact-metrics article, .contact-data-panel,
.contact-profile-hero, .contact-detail-tabs,
.contact-detail-card, .contact-section,
.contact-communication-grid>div,
.profile-item-grid article, .profile-address-grid article,
.profile-bank-grid article, .empty-profile-state,
.reconciliation-create-form .ui-form-section,
.reconciliation-editor-form .ui-form-section,
.reconciliation-workspace-page .ui-grid {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.contact-hero, .contact-profile-hero {
    padding: 13px 15px;
    background: #fff;
}
.contact-icon {
    color: #fff !important;
    background: #397873 !important;
    box-shadow: none !important;
}
.contact-hero-title p, .contact-profile-title p { color: #607278; font-size: 11px; }
.contact-hero-actions .secondary-button,
.contact-hero-actions .primary-button { min-height: 36px; border-radius: 5px; }
.contact-metrics { gap: 8px; }
.contact-metrics article { padding: 11px 13px; }
.contact-metrics article>span,
.contact-filter-heading>div>span,
.contact-communication-grid>div>i,
.profile-avatar, .profile-bank-grid article>span {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.contact-metrics article>span.success { color: #28705a; background: #e2efe9; }
.contact-metrics article>span.customer { color: #526f7a; background: #e7edee; }
.contact-metrics article>span.supplier { color: #926326; background: #f2eadb; }
.contact-metrics small { color: #5e7076; font-size: 10px; }
.contact-metrics strong { color: #2b4147; font-size: 17px; }

.contact-filter, .contact-filter-heading { border-color: #dbe1e0; background: #f3f5f4; }
.contact-filter-heading { padding: 10px 14px; }
.contact-filter-heading strong { color: #2d4349; font-size: 13px; }
.contact-filter-heading small, .contact-grid-toolbar small { color: #607278; font-size: 10px; }
.contact-filter-heading em { border-radius: 4px; color: #526b68; background: #e4eceb; font-size: 10px; }
.contact-filter-primary { gap: 8px; padding: 11px 14px; }
.contact-filter label>span { color: #52666c; font-size: 10px; }
.contact-filter input, .contact-filter select {
    height: 39px;
    border-color: #c7d1d1;
    border-radius: 5px;
    color: #30464c;
    font-size: 12px;
}
.contact-search>div i { color: #5b817d; }
.contact-filter-submit { height: 39px; border-radius: 5px; }
.contact-advanced { border-color: #d3dcdb; border-radius: 5px; background: #f6f8f7; }
.contact-advanced summary { color: #4e646a; font-size: 11px; }
.contact-advanced summary small { color: #687a80; font-size: 10px; }
.contact-clear { color: #52676d; font-size: 11px; }
.contact-grid-toolbar { padding: 9px 14px; border-color: #dbe1e0; }
.contact-grid-toolbar strong, .contact-grid-toolbar span { font-size: 11px; }
.contact-table th { color: #52666c; background: #e9edec; font-size: 10px; }
.contact-table td { color: #334a50; font-size: 12px; }
.contact-table tbody tr:nth-child(even) { background: #f7f8f7; }
.contact-table tbody tr:hover { background: #e9f1f0; }
.contact-select input { accent-color: var(--primary); }
.contact-actions a { border-color: #ccd7d6; border-radius: 5px; color: #287a75; }
.contact-actions a:hover { border-color: var(--primary); color: #fff; background: var(--primary); }
.contact-code, .contact-email { font-size: 11px; }
.contact-role { border-radius: 4px; color: #4b6663; background: #e4eceb; font-size: 10px; }
.contact-pagination { border-color: #dbe1e0; color: #607278; font-size: 10px; }
.contact-pagination a { border-color: #ccd7d6; border-radius: 5px; color: #3e6562; }

.contact-detail-tabs { gap: 3px; padding: 4px; }
.contact-detail-tabs a { padding: 8px 11px; border-radius: 4px; color: #52676d; font-size: 11px; }
.contact-detail-tabs a:hover, .contact-detail-tabs a.active { color: var(--primary-dark); background: #e2efed; }
.contact-detail-tabs span, .count-chip { border-radius: 4px; color: #286a66; background: #dcebe9; font-size: 10px; }
.profile-currency { border-radius: 4px; color: #286a66; background: #e2efed; font-size: 10px; }
.profile-rule-list span { border-radius: 5px; color: #607278; background: #f1f3f2; font-size: 11px; }
.profile-rule-list span.enabled { color: #28705a; background: #e2efe9; }
.profile-note { border-radius: 5px; background: #f3f5f4; }
.profile-note strong { color: #3a5056; font-size: 11px; }
.profile-note p { color: #5b6f75; font-size: 11px; }
.contact-communication-grid, .profile-item-grid,
.profile-address-grid, .profile-bank-grid { gap: 8px; }
.contact-communication-grid>div,
.profile-item-grid article, .profile-address-grid article,
.profile-bank-grid article { padding: 11px; background: #f8f9f8; }
.contact-communication-grid small,
.contact-communication-grid em,
.profile-item-grid small, .profile-address-grid small,
.profile-bank-grid small { color: #607278; font-size: 10px; }
.contact-communication-grid strong,
.profile-item-grid strong, .profile-address-grid strong,
.profile-bank-grid strong { color: #30464c; font-size: 11px; }
.profile-address-grid p, .profile-bank-grid code { color: #455c62; font-size: 11px; }
.profile-status, .rule-badge { border-radius: 4px; font-size: 10px; }
.profile-status.enabled, .rule-badge.is-applied { color: #28705a; background: #e2efe9; }
.rule-badge.is-exempt { color: #8c6227; background: #f2eadb; }
.empty-profile-state { color: #607278; background: #f8f9f8; font-size: 11px; }

.reconciliation-form-grid label,
.reconciliation-editor-grid label { color: #455a60; font-size: 11px; }
.reconciliation-form-grid .field-help,
.reconciliation-editor-grid .field-help { color: #607278; font-size: 10px; }
.reconciliation-info, .reconciliation-editor-info {
    border-color: #c9d9d7;
    border-radius: 6px;
    color: #4d6764;
    background: #eaf2f1;
    font-size: 11px;
}
.reconciliation-info i, .reconciliation-editor-info i { color: #287a75; }
.reconciliation-number>i { border-radius: 6px; color: #287a75; background: #e2efed; }
.reconciliation-number small, .reconciliation-contact small,
.reconciliation-balance small { color: #607278; font-size: 10px; }
.reconciliation-table tbody tr:nth-child(even) { background: #f7f8f7; }
.reconciliation-table tbody tr:hover { background: #e9f1f0; }

@media(max-width:760px) {
    .contact-filter-primary { grid-template-columns: 1fr; }
    .contact-filter-heading { align-items: flex-start; gap: 8px; }
    .contact-hero, .contact-profile-hero { align-items: flex-start; }
}

/* Eleventh pass: page headers, dispatch, proforma and document flow. */
.page-heading, .erp-page-header {
    min-height: 62px;
    padding: 10px 14px;
    border-color: #d4dbdb;
    border-radius: 7px;
    background: rgb(255 255 255 / 97%);
    box-shadow: none;
}
.page-heading h2, .erp-page-header h2 { color: #263b41; }
.page-heading p, .erp-page-header p { color: #5f7278; font-size: 11px; line-height: 1.45; }
.page-heading .eyebrow, .erp-page-header .eyebrow {
    color: #62757b;
    font-size: 10px;
    letter-spacing: .75px;
}
.page-heading .back-link { color: #397873; font-size: 11px; }

.order-dispatch-progress { gap: 12px; padding: 15px; }
.order-dispatch-progress__heading>span { width: 38px; height: 38px; border-radius: 6px; }
.order-dispatch-progress__heading h3 { color: #2b4147; font-size: 15px; }
.order-dispatch-progress__heading p { color: #607278; font-size: 11px; }
.order-dispatch-progress__bar { height: 6px; border-radius: 2px; background: #dfe5e4; }
.order-dispatch-documents { gap: 7px; }
.order-dispatch-documents>a {
    padding: 10px 11px;
    border-color: #d4dcdb;
    border-radius: 5px;
    color: #30464c;
    background: #f8f9f8;
}
.order-dispatch-documents>a>i:first-child,
.order-dispatch-empty i { color: #287a75; }
.order-dispatch-documents>a:hover { border-color: #82aaa7; background: #eaf2f1; }
.order-dispatch-documents small { color: #607278; font-size: 10px; }

.dispatch-invoice-assurance {
    padding: 13px 15px;
    border-color: #bfd7d1;
    border-radius: 6px;
    background: #edf5f2;
}
.dispatch-invoice-assurance>span { width: 36px; height: 36px; border-radius: 6px; color: #28705a; background: #dcebe5; }
.dispatch-invoice-assurance strong { color: #285f50; }
.dispatch-invoice-assurance p { color: #587068; font-size: 11px; }
.dispatch-invoice-cards { gap: 6px; padding: 10px; }
.dispatch-invoice-card { padding: 11px 12px; }
.dispatch-invoice-card__check { border-color: #b9c7c5; border-radius: 4px; }
.dispatch-invoice-card strong { color: #2d4349; font-size: 12px; }
.dispatch-invoice-card em { color: #607278; font-size: 11px; }
.dispatch-invoice-selection { padding: 15px; }
.dispatch-invoice-selection__heading { padding-bottom: 11px; border-color: #dce3e2; }
.dispatch-invoice-selection__heading>span { width: 35px; height: 35px; }
.dispatch-invoice-selection__heading strong { color: #2b4147; font-size: 13px; }
.dispatch-invoice-selection dt { color: #5e7076; font-size: 11px; }
.dispatch-invoice-selection dd { color: #2d4349; font-size: 12px; }
.dispatch-invoice-selection dl>div { border-color: #e0e5e4; }
.dispatch-invoice-selection>p { color: #607278; font-size: 11px; }
.dispatch-invoice-selection>p i { color: #287a75; }

.ui-status { border-radius: 4px; font-size: 10px; }
.ui-status--info { color: #286a66; background: #e2efed; }
.ui-status--success { color: #28705a; background: #e2efe9; }
.ui-status--warning { color: #86651d; background: #f4edd9; }
.ui-status--danger { color: #a44850; background: #f4e2e3; }
.dispatch-detail-overview { gap: 10px; }
.dispatch-detail-overview>article { padding: 14px; }
.dispatch-state-strip { padding: 14px; }
.dispatch-state-strip>div { color: #708085; }
.dispatch-state-strip>div span { border-radius: 5px; background: #e8eceb; }
.dispatch-state-strip>div.is-complete { color: #28705a; }
.dispatch-state-strip>div.is-complete span { background: #dcebe5; }
.dispatch-state-strip>i { background: #d7dfde; }
.dispatch-note-description { padding: 13px 15px; }
.dispatch-note-description p { color: #3d545a; font-size: 12px; }
.dispatch-detail-actions { padding: 11px 13px; }

.document-flow { gap: 9px; margin-top: 14px; }
.document-flow>span, .document-flow>a, .document-flow>span>a {
    min-height: 80px;
    padding: 13px;
    border-radius: 6px;
}
.document-flow>i { color: #778b89; }
.document-flow b { color: #2d4349; font-size: 13px; }
.invoice-total-panel { gap: 26px; }

.proforma-info-grid { gap: 10px; }
.proforma-customer-name { color: #263b41; font-size: 20px; }
.proforma-detail-list>div { padding: 10px 0; border-color: #dfe5e4; }
.proforma-detail-list dt { color: #5e7076; font-size: 12px; }
.proforma-detail-list dd { color: #293f45; font-size: 12px; }
.proforma-totals { padding: 15px 18px; }
.proforma-totals>div { border-color: #dfe5e4; }
.proforma-totals span, .proforma-totals small { color: #5e7076; }
.proforma-totals .grand-total strong { font-size: 20px; }
.proforma-note { color: #455c62; font-size: 12px; }

.dashboard-agenda__summary span { border-radius: 5px; color: #52676d; background: #e8eceb; }
.dashboard-agenda__date { border-radius: 5px; color: #286a66; background: #e2efed; }
.dashboard-agenda__date small,
.dashboard-agenda__priority, .dashboard-agenda__items>a>i { font-size: 10px; }
.dashboard-agenda__copy small { color: #607278; font-size: 10px; }
.dashboard-agenda__priority { border-radius: 4px; color: #536a67; background: #e8eceb; }
.dashboard-agenda__items>a:hover { background: #e9f1f0; }

@media(max-width:800px) {
    .dispatch-invoice-card { grid-template-columns: 24px 34px minmax(0,1fr); }
    .dispatch-invoice-card__order, .dispatch-invoice-card__quantity { grid-column: 3; text-align: left; }
    .page-heading, .erp-page-header { position: static; }
}

/* Twelfth pass: product pricing, SEO, images and commerce channels. */
.price-list-group, .price-list-create-form,
.seo-preview-card, .ecommerce-channel-card,
.product-image-card, .product-image-upload {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.price-list-heading { border-bottom-color: #d9dfde; background: #f3f5f4; }
.price-list-heading-actions .count-badge { border-radius: 4px; color: #506763; background: #e2ebe9; font-size: 10px; }
.price-list-record-header {
    color: #52666c;
    background: #e9edec;
    font-size: 10px;
    letter-spacing: .025em;
}
.price-list-record { border-color: #dfe5e4; color: #3d545a; font-size: 12px; }
.price-list-group:nth-child(even) { background: #f7f8f7; }
.price-list-record:hover { background: #e9f1f0; }
.price-list-identity strong, .price-list-period strong,
.price-list-amount strong { color: #2d4349; font-size: 12px; }
.price-list-identity small { color: #607278; font-size: 10px; }
.price-list-identity small b, .tax-mode-badge,
.definition-warning { border-radius: 4px; font-size: 10px; }
.tax-mode-badge { color: #526b68; background: #e5eceb; }
.price-list-form-header { border-color: #d9dfde; background: #f3f5f4; }
.price-list-form-icon { border-radius: 5px; color: #287a75; background: #e2efed; }
.price-list-form-intro .eyebrow { color: #61747a; font-size: 10px; }
.price-list-form-intro strong { color: #2d4349; font-size: 13px; }
.price-list-form-intro small { color: #607278; font-size: 10px; }
.price-list-fields { gap: 10px; padding: 12px 13px 14px; }
.price-list-fields .form-field label { color: #455a60; font-size: 11px; }
.price-list-fields .form-field>span { color: #607278; font-size: 10px; }
.price-date-control {
    border-color: #c7d1d1;
    border-radius: 5px;
    box-shadow: none;
}
.price-date-control:focus-within { border-color: #5c9a96; box-shadow: 0 0 0 3px rgb(36 132 126 / 10%); }
.price-date-control input { color: #31474d; font-size: 11px; }
.price-date-control button { border-left-color: #d8dfde; color: #526f6c; background: #f1f4f3; }
.price-date-control button:hover { color: #286a66; background: #e2efed; }
.price-list-tax-toggle, .price-card-tax-toggle {
    border-color: #ccd5d5;
    border-radius: 5px;
    color: #4d6268;
    background: #f6f8f7;
    font-size: 11px;
}
.price-toggle-control input:checked+i { background: var(--primary); }
.price-history { border-color: #dce2e1; background: #f7f8f7; }
.price-history summary { color: #4d6268; font-size: 11px; }
.price-history summary>b, .price-history-row em { border-radius: 4px; color: #52676d; background: #e4e8e7; font-size: 10px; }
.price-history-head { color: #52666c; background: #e6eae9; font-size: 10px; }
.price-history-row { border-color: #dfe5e4; color: #52676d; font-size: 11px; }
.price-history-row b { color: #354b51; font-size: 11px; }
.price-history-row small { color: #607278; font-size: 10px; }

.seo-score { border-radius: 4px; color: #286a66; background: #e2efed; font-size: 10px; }
.seo-fields .form-field>small { color: #607278; font-size: 10px; }
.seo-slug-input>span {
    border-color: #cbd4d4;
    border-radius: 5px 0 0 5px;
    color: #52676d;
    background: #eef1f0;
    font-size: 11px;
}
.seo-slug-input input { border-radius: 0 5px 5px 0 !important; }
.seo-preview-card { padding: 15px; }
.seo-preview-card>small { color: #607278; font-size: 10px; }
.seo-preview-url { color: #28705a; font-size: 11px; }
.seo-preview-card>strong { color: #315f73; font-size: 16px; }
.seo-preview-card>p { color: #4f6166; font-size: 11px; }

.ecommerce-channel-grid { gap: 8px; }
.ecommerce-channel-card { padding: 11px 12px; background: #f8f9f8; }
.ecommerce-channel-logo { border-radius: 6px; color: #287a75; background: #e2efed; }
.ecommerce-channel-card>div:nth-child(2)>span { color: #607278; font-size: 10px; }
.connection-state { border-radius: 4px; font-size: 10px; }
.connection-state.ready { color: #28705a; background: #e2efe9; }
.connection-state.warning { color: #86651d; background: #f4edd9; }
.ecommerce-warning { border-radius: 5px; color: #805d24; background: #f7f1e5; font-size: 10px; }

.image-count { border-radius: 4px; color: #52676d; background: #e5e9e8; font-size: 10px; }
.product-image-upload {
    min-height: 86px;
    padding: 15px;
    border-color: #9eb9b6;
    background: #f5f8f7;
}
.product-image-upload.is-dragging { border-color: var(--primary); background: #e2efed; box-shadow: inset 0 0 0 2px rgb(36 132 126 / 10%); }
.product-image-upload>i { border-radius: 6px; color: #287a75; background: #e2efed; }
.product-image-upload strong { color: #30464c; font-size: 12px; }
.product-image-upload span { color: #607278; font-size: 10px; }
.product-image-toolbar { border-radius: 5px; color: #5c7076; background: #eef1f0; font-size: 10px; }
.product-image-card { transition: border-color .15s, background .15s; }
.product-image-card:hover { border-color: #83a9a6; background: #f7f9f8; transform: none; box-shadow: none; }
.product-image-preview { background: #eef1f0; }
.cover-badge, .drag-handle { border-radius: 4px; font-size: 10px; }
.cover-badge { color: #806024; background: #f4ecd8; }
.drag-handle { color: #52676d; }
.product-image-card-footer { color: #607278; font-size: 10px; }

@media(max-width:900px) {
    .price-list-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .seo-editor-layout, .ecommerce-channel-grid { grid-template-columns: 1fr; }
}

/* Thirteenth pass: tenant subscription and platform administration. */
.tenant-hero, .tenant-summary-grid>article, .tenant-info-bar,
.tenant-modules-panel, .platform-admin-metrics article,
.platform-company-panel, .platform-detail-hero,
.platform-subscription-card, .platform-license-summary,
.platform-create-form, .platform-created-card,
.platform-created-details, .platform-danger-zone {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.tenant-hero { padding: 14px 16px; background: #fff; }
.tenant-brand>span, .platform-detail-icon {
    border-radius: 6px;
    color: #fff;
    background: #397873;
}
.tenant-brand small, .platform-detail-hero small { color: #607278; font-size: 10px; }
.tenant-brand h2, .platform-detail-hero h2 { color: #263b41; }
.tenant-brand p, .platform-detail-hero p { color: #607278; font-size: 11px; }
.tenant-status { border-radius: 4px; color: #52676d; background: #e8eceb; font-size: 10px; }
.tenant-status.status-2 { color: #28705a; background: #e2efe9; }
.tenant-status.status-3 { color: #a44850; background: #f4e2e3; }
.tenant-summary-grid { gap: 8px; }
.tenant-summary-grid>article { min-height: 82px; padding: 12px 14px; }
.tenant-summary-icon { border-radius: 6px; }
.tenant-summary-icon.plan, .tenant-summary-icon.users { color: #526f7a; background: #e7edee; }
.tenant-summary-icon.modules { color: #28705a; background: #e2efe9; }
.tenant-summary-icon.deployment { color: #926326; background: #f2eadb; }
.tenant-summary-grid small, .tenant-summary-grid em { color: #607278; font-size: 10px; }
.tenant-summary-grid strong { color: #2b4147; font-size: 17px; }
.tenant-summary-grid strong b { color: #6b7c82; font-size: 11px; }
.tenant-info-bar { background: #f6f8f7; }
.tenant-info-bar>div { border-color: #dce2e1; }
.tenant-info-bar>div>i { color: #397873; }
.tenant-info-bar small { color: #607278; font-size: 10px; }
.tenant-info-bar strong { color: #354b51; font-size: 11px; }
.tenant-managed-notice {
    border-color: #c9d9d7 !important;
    border-radius: 6px !important;
    color: #45615e !important;
    background: #eaf2f1 !important;
}
.tenant-managed-notice strong, .tenant-managed-notice span { font-size: 11px !important; }
.tenant-warning { border-color: #dfcfaf; border-radius: 6px; color: #805d24; background: #f7f1e5; }
.tenant-warning strong, .tenant-warning span { font-size: 11px; }
.tenant-section-heading, .platform-section-heading { padding: 12px 15px; border-color: #d9dfde; background: #f3f5f4; }
.tenant-section-heading h3, .platform-section-heading h3 { color: #2b4147; font-size: 14px; }
.tenant-section-heading p, .platform-section-heading p { color: #607278; font-size: 11px; }
.tenant-module-count, .platform-section-heading>span { border-radius: 4px; color: #286a66; background: #e2efed; font-size: 10px; }
.tenant-module-card { border-color: #dfe5e4; background: #fff; }
.tenant-module-card.is-enabled { background: #f0f5f3; }
.tenant-module-icon { border-radius: 6px; color: #66787e; background: #e8eceb; }
.tenant-module-card.is-enabled .tenant-module-icon { color: #28705a; background: #dcebe5; }
.tenant-module-copy strong { color: #30464c; font-size: 12px; }
.tenant-module-copy small { color: #607278; font-size: 10px; }
.tenant-module-action>span { color: #607278; font-size: 10px; }
.tenant-switch { background: #bfc9c8; }
.tenant-switch.is-on { background: var(--primary); }
.tenant-readonly-state { border-radius: 4px; font-size: 10px; }

.platform-admin-metrics { gap: 8px; }
.platform-admin-metrics article { min-height: 74px; padding: 12px 14px; }
.platform-admin-metrics article>i,
.platform-company-name>i, .platform-section-heading>i {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.platform-admin-metrics small { color: #607278; font-size: 10px; }
.platform-admin-metrics strong { color: #2b4147; font-size: 18px; }
.platform-company-head { color: #52666c; background: #e9edec; font-size: 10px; }
.platform-company-row { border-color: #dfe5e4; color: #455c62; }
.platform-company-row:nth-child(odd) { background: #f7f8f7; }
.platform-company-row:hover { background: #e9f1f0; }
.platform-company-row>span { font-size: 11px; }
.platform-company-name strong { color: #2d4349; font-size: 12px; }
.platform-company-name small { color: #607278; font-size: 10px; }
.platform-detail-grid { gap: 10px; }
.platform-subscription-form { padding: 13px; }
.platform-license-values article { border-color: #dfe5e4; }
.platform-license-values small { color: #607278; font-size: 10px; }
.platform-license-values strong { color: #2d4349; font-size: 13px; }

.platform-create-section { padding: 17px 19px; border-color: #dfe5e4; }
.platform-create-heading { border-color: #dfe5e4; }
.platform-create-heading>span { border-radius: 5px; color: #286a66; background: #e2efed; }
.platform-create-heading h3 { color: #2b4147; font-size: 14px; }
.platform-create-heading p { color: #607278; font-size: 11px; }
.platform-create-form .form-field label { color: #455a60; font-size: 11px; }
.platform-create-form .form-field label em,
.platform-create-form .form-field>small { color: #607278; font-size: 10px; }
.platform-module-tools strong { border-radius: 4px; color: #286a66; background: #e2efed; font-size: 10px; }
.platform-module-tools button { border-color: #ccd5d5; border-radius: 5px; color: #4d6268; font-size: 10px; }
.platform-module-tools button:hover { border-color: #83a9a6; color: #286a66; background: #eaf2f1; }
.platform-module-choice { border-color: #d4dcdb; border-radius: 6px; }
.platform-module-choice:hover { border-color: #83a9a6; background: #f1f5f4; }
.platform-module-choice>span { border-radius: 5px; color: #607278; background: #e8eceb; }
.platform-module-choice strong { color: #30464c; font-size: 11px; }
.platform-module-choice small { color: #607278; font-size: 10px; }
.platform-module-choice:has(input:checked) { border-color: #6f9e9a; background: #eaf2f1; box-shadow: inset 3px 0 var(--primary); }
.platform-module-choice:has(input:checked)>span { color: #287a75; background: #dcebe9; }
.platform-module-choice:has(input:checked) .choice-check { color: #287a75; }
.platform-create-footer { border-color: #d9dfde; background: #f3f5f4; box-shadow: none; }
.platform-create-footer>span { color: #607278; font-size: 10px; }

.platform-created-icon { background: #338267; }
.platform-created-title small { color: #52706a; font-size: 10px; }
.platform-created-title p { color: #607278; font-size: 11px; }
.platform-created-details article { border-color: #dfe5e4; }
.platform-created-details small, .platform-created-details span { color: #607278; font-size: 10px; }
.platform-created-details strong { color: #2d4349; font-size: 11px; }
.platform-activation-link input { border-radius: 5px 0 0 5px; }
.platform-activation-link .btn { border-radius: 0 5px 5px 0; }
.platform-danger-zone { background: #faf4f4; }
.platform-danger-zone p, .platform-danger-zone form label { font-size: 11px; }

@media(max-width:760px) {
    .tenant-summary-grid { grid-template-columns: 1fr; }
    .platform-create-section { padding: 14px; }
}

/* Fourteenth pass: invoice lists and purchasing document relations. */
.invoice-kpis article, .invoice-list-panel,
.purchase-process-card, .purchase-compact-empty,
.order-document-lines-panel, .invoice-cancel-menu__panel {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.invoice-kpis { gap: 8px; }
.invoice-kpis article { min-height: 82px; padding: 12px 14px; }
.invoice-kpis .kpi-icon { border-radius: 6px; }
.invoice-kpis .kpi-icon.blue { color: #526f7a; background: #e7edee; }
.invoice-kpis .kpi-icon.amber { color: #926326; background: #f2eadb; }
.invoice-kpis .kpi-icon.green { color: #28705a; background: #e2efe9; }
.invoice-kpis .kpi-icon.red { color: #a44850; background: #f4e2e3; }
.invoice-kpis small { color: #5e7076; font-size: 10px; letter-spacing: .025em; }
.invoice-kpis strong { color: #2b4147; font-size: 17px; }
.invoice-kpis article div>span { color: #607278; font-size: 10px; }
.invoice-kpis article.attention { border-color: #dec5c7; background: #faf4f4; }
.invoice-value-kpi>i { color: #287a75; }

.invoice-list-panel { overflow: hidden; }
.invoice-table th, .sales-invoices-table th { color: #52666c; background: #e9edec; font-size: 10px; }
.invoice-table td, .sales-invoices-table td { color: #3f565c; font-size: 12px; }
.invoice-table tbody tr:nth-child(even),
.sales-invoices-table tbody tr:nth-child(even) { background: #f7f8f7; }
.invoice-table tbody tr:hover, .sales-invoices-table tbody tr:hover { background: #e9f1f0; }
.invoice-table tbody tr.overdue-row,
.sales-invoices-table tbody tr.overdue-row { background: #faf3f3; }
.invoice-table td>small, .sales-invoices-table .cell-subtitle { color: #607278; font-size: 10px; }
.invoice-number, .sales-invoices-table .record-link { color: #315f5c; font-size: 11px; }
.invoice-number:hover, .sales-invoices-table .record-link:hover { color: #244b49; }
.invoice-table .total-cell strong,
.sales-invoices-table .total-cell strong { color: #293f45; font-size: 12px; }
.invoice-table .total-cell small,
.sales-invoices-table .total-cell small { color: #397873 !important; }
.due-date { color: #52676d; }
.due-date.overdue { color: #a44850; }
.invoice-row-action { border-color: #ccd7d6; border-radius: 5px; color: #287a75; }
.invoice-row-action:hover { border-color: var(--primary); color: #fff; background: var(--primary); transform: none; }
.new-order-menu-popover {
    border-color: #cbd3d3;
    border-radius: 7px;
    box-shadow: 0 12px 28px rgb(28 43 47 / 16%);
}
.new-order-menu-popover>a:hover { background: #e9f1f0; }
.order-type-icon { border-radius: 5px; }

.invoice-cancel-menu>summary { border-radius: 5px; }
.invoice-cancel-menu__panel>strong { color: #3b5157; font-size: 11px; }
.invoice-stock-return-option {
    border-color: #d2dbda;
    border-radius: 5px;
    color: #4d6268;
    background: #f7f8f7;
}
.invoice-stock-return-copy strong { color: #3b5157; font-size: 11px; }
.invoice-stock-return-copy small { color: #607278; font-size: 10px; }
.invoice-stock-return-switch { background: #bdc8c7; }

.order-lines-modern { overflow: hidden; }
.order-lines-modern .data-table th,
.order-lines-modern .invoice-table th { color: #52666c; background: #e9edec; font-size: 10px; }
.order-lines-modern .data-table td,
.order-lines-modern .invoice-table td { color: #3f565c; font-size: 12px; }
.document-definition-list dt { color: #607278; font-size: 10px; }
.document-definition-list dd { color: #30464c; font-size: 11px; }
.variance-pill { border-radius: 4px; color: #52676d; background: #e5e9e8; font-size: 10px; }
.variance-pill.outside { color: #a44850; background: #f4e2e3; }

.purchase-process-grid { gap: 9px; }
.purchase-process-card .panel-heading { min-height: 56px; padding: 11px 14px; background: #f3f5f4; }
.purchase-process-list { background: #fff; }
.purchase-process-item { min-height: 56px; padding: 9px 14px; border-color: #dfe5e4; color: #30464c; }
.purchase-process-item:nth-child(even) { background: #f7f8f7; }
.purchase-process-item.linked:hover { background: #e9f1f0; }
.purchase-process-item strong { font-size: 11px; }
.purchase-process-item small { color: #607278; font-size: 10px; }
.purchase-process-item.linked>i { color: #6e8582; font-size: 10px; }
.process-icon { border-radius: 6px; }
.process-icon.receipt { color: #28705a; background: #e2efe9; }
.process-icon.invoice { color: #287a75; background: #e2efed; }
.process-state { border-radius: 4px; color: #28705a; background: #e2efe9; font-size: 10px; }
.purchase-compact-empty { background: #f8f9f8; }
.purchase-compact-empty>span { border-radius: 6px; color: #287a75; background: #e2efed; }
.purchase-compact-empty h4 { color: #30464c; }
.purchase-compact-empty p { color: #607278; font-size: 11px; }

@media(max-width:760px) {
    .invoice-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .purchase-process-item { padding-inline: 11px; }
}

/* Fifteenth pass: product and service catalog list/editor navigation. */
.product-page-header, .product-list-panel,
.product-edit-tabs, .product-form-card {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.product-heading-icon {
    border-radius: 6px;
    color: #fff;
    background: #397873;
    box-shadow: none;
}
.product-page-header .heading-actions { gap: 5px; }
.product-stock-warning {
    padding: 9px 11px;
    border-color: #dfcfaf;
    border-radius: 5px;
    color: #805d24;
    background: #f7f1e5;
    font-size: 11px;
}
.product-filter { border-color: #d9dfde; background: #f3f5f4; }
.product-filter label>span, .product-range-field legend {
    color: #52666c;
    font-size: 10px;
    letter-spacing: .025em;
}
.product-filter-primary { gap: 8px; padding: 11px 14px 9px; }
.product-filter input, .product-filter select {
    height: 38px;
    border-color: #c7d1d1;
    border-radius: 5px;
    color: #30464c;
    font-size: 12px;
}
.product-search-field i { color: #397873; }
.product-filter-submit { height: 38px; border-radius: 5px; }
.product-advanced {
    margin: 0 14px 10px;
    border-color: #d2dbda;
    border-radius: 5px;
    background: #f7f8f7;
}
.product-advanced summary { color: #4d6268; font-size: 11px; }
.product-advanced summary small { color: #687a80; font-size: 10px; }
.product-range-field>span { color: #718287; }
.product-filter-clear { height: 38px; color: #52676d; font-size: 11px; }
.product-filter-clear:hover { color: #286a66; background: #e8f1f0; }
.product-grid-toolbar { padding: 9px 14px; border-color: #d9dfde; color: #607278; font-size: 10px; }
.product-grid-toolbar strong { color: #2d4349; font-size: 12px; }
.product-table th { height: 37px; color: #52666c; background: #e9edec; font-size: 10px; }
.product-table td { padding: 9px 11px; color: #3f565c; font-size: 12px; }
.product-table tbody tr:nth-child(even) { background: #f7f8f7; }
.product-table tbody tr:hover { background: #e9f1f0; }
.product-row-actions a { border-color: #ccd7d6; border-radius: 5px; color: #287a75; }
.product-row-actions a:hover { border-color: var(--primary); color: #fff; background: var(--primary); }
.product-sku { color: #41585e; font-size: 11px; }
.product-stock.is-positive { color: #28705a; }
.product-stock.is-negative { color: #a44850; }
.product-stock.is-zero { color: #718287; }

.product-edit-tabs {
    gap: 0;
    padding: 0 10px;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 7px 7px 0 0;
    background: rgb(255 255 255 / 97%);
}
.product-edit-tab { min-height: 46px; padding: 0 13px; color: #596c72; font-size: 11px; }
.product-edit-tab:hover, .product-edit-tab:focus { color: var(--primary-dark); background: #f1f5f4; }
.product-edit-tab:focus-visible { outline-color: #72aaa6; }
.product-edit-tab.is-active { color: var(--primary-dark); background: transparent; }
.product-edit-tab.is-active::after { height: 2px; background: var(--primary); }
.product-edit-tab span, .product-edit-tab.is-active span {
    border-radius: 4px;
    color: #286a66;
    background: #e2efed;
    font-size: 10px;
}
.product-form-card { padding: 14px; background: #f8f9f8; }
.product-form-card-heading { margin-bottom: 12px; }
.product-form-card-heading>span { border-radius: 6px; color: #287a75; background: #e2efed; }
.product-form-card-heading h4 { color: #30464c; font-size: 13px; }
.product-form-card-heading p { color: #607278; font-size: 10px; }

@media(max-width:620px) {
    .product-filter-primary, .product-advanced>div { grid-template-columns: 1fr; }
    .product-page-header .heading-actions { width: 100%; }
    .product-page-header .heading-actions>* { flex: 1; }
}

/* Sixteenth pass: categories, attributes, variants and unit definitions. */
.catalog-categories-page .category-browser,
.category-definition-form, .variant-existing,
.variant-builder, .attribute-options-grid,
.unit-management-panel {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.catalog-categories-page .category-browser-toolbar {
    padding: 9px 14px;
    border-bottom: 1px solid #d9dfde;
    background: #f3f5f4;
}
.category-tree { gap: 4px; margin-block: 10px 15px; }
.category-tree-item { min-height: 42px; padding-block: 6px; background: #fff; }
.category-tree-item:nth-child(even) { background: #f7f8f7; }
.category-tree-item:hover { border-color: #83a9a6; background: #e9f1f0; }
.category-tree-branch { width: 27px; height: 27px; }
.category-definition-form { border-color: #d9dfde; }

.attribute-standard-grid th { color: #52666c; background: #e9edec; font-size: 10px; }
.attribute-standard-grid td { color: #3f565c; font-size: 12px; }
.attribute-row-link { color: #3f565c; }
.attribute-row-link strong { color: #2d4349; font-size: 11px; }
.attribute-row-link:hover { color: #286a66; }
.attribute-status-switch { background: #bdc8c7; }
.attribute-status-switch.is-active { background: var(--primary); }
.attribute-row-actions a, .attribute-row-actions button {
    border-color: #ccd7d6;
    border-radius: 5px;
    color: #287a75;
}
.attribute-row-actions a:hover { border-color: #83a9a6; background: #e9f1f0; }
.attribute-row-actions button { border-color: #e2bfc2; color: #ad4851; }
.attribute-row-actions button:hover { background: #faf0f1; }
.attribute-options-grid { overflow: hidden; }
.attribute-options-grid>header { color: #52666c; background: #e9edec; font-size: 10px; }
.attribute-option-row { border-color: #dfe5e4; }
.attribute-option-row:nth-child(even) { background: #f7f8f7; }
.attribute-option-row:hover { background: #e9f1f0; }
.attribute-option-row input.attribute-option-code,
.attribute-option-row input.attribute-option-name,
.attribute-option-row input.attribute-option-order {
    border-color: #c7d1d1 !important;
    border-radius: 5px !important;
    color: #30464c !important;
    font-size: 11px !important;
}
.attribute-option-row input:focus {
    border-color: #5c9a96 !important;
    box-shadow: 0 0 0 2px rgb(36 132 126 / 10%) !important;
}
.attribute-option-delete { border-radius: 5px; font-size: 10px; }

.variant-workspace { gap: 9px; }
.variant-existing, .variant-builder { padding: 13px; }
.variant-section-title strong { color: #2d4349; font-size: 13px; }
.variant-card-list { gap: 6px; }
.variant-card { padding: 9px 11px; background: #fff; }
.variant-card:nth-child(even) { background: #f7f8f7; }
.variant-card>div:first-child strong { color: #30464c; font-size: 12px; }
.variant-remove, .variant-attribute-row>button { border-radius: 5px; }
.variant-attribute-row .form-field label { font-size: 10px; }
.variant-attribute-row input, .variant-attribute-row select { font-size: 12px; }

.unit-management-title>span { border-radius: 6px; }
.unit-management-panel .definition-row:nth-child(even) { background: #f7f8f7; }
.unit-management-panel .definition-row:hover { background: #e9f1f0; }
.unit-decimal-switch>input:checked+span { background: var(--primary); }

@media(max-width:760px) {
    .category-definition-form .form-field:nth-child(2) { min-width: 0; }
    .variant-card { grid-template-columns: 1fr auto; }
}

/* Seventeenth pass: privacy governance, retention and audit details. */
.privacy-explainer, .retention-explainer,
.retention-form-card, .retention-decision,
.retention-decision-grid article,
.audit-target-summary, .audit-timeline-panel {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.privacy-explainer article, .retention-explainer article { border-color: #dfe5e4; }
.privacy-explainer article>span {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.privacy-explainer strong, .retention-explainer strong { color: #30464c; font-size: 11px; }
.privacy-explainer p, .retention-explainer p { color: #607278; font-size: 10px; }
.privacy-tags { gap: 3px; }
.privacy-tags span {
    padding: 3px 6px;
    border-radius: 4px;
    color: #426864;
    background: #e2efed;
    font-size: 10px;
}
.privacy-permission { color: #526f7a; }
.privacy-page [data-privacy-access-matrix] td small,
.privacy-page [data-privacy-access-events] td small { color: #607278; font-size: 10px; }
.privacy-page [data-privacy-access-matrix] td strong,
.privacy-page [data-privacy-access-events] td strong { color: #30464c; font-size: 11px; }
.privacy-page .pagination { border-color: #d9dfde; }
.privacy-page .pagination span { color: #607278; font-size: 10px; }

.retention-explainer article>span {
    border-radius: 5px;
    color: #fff;
    background: #397873;
    font-size: 10px;
}
.retention-form-grid { gap: 10px; }
.retention-legal-hold {
    border-color: #cbd7d6;
    border-radius: 5px;
    background: #f3f6f5;
}
.retention-legal-hold strong { color: #3b5157; font-size: 11px; }
.retention-legal-hold small { color: #607278; font-size: 10px; }
.retention-decision-grid { gap: 8px; padding: 12px; }
.retention-decision-grid article { padding: 11px; background: #f8f9f8; }
.retention-decision-grid small { color: #607278; font-size: 10px; }
.retention-decision-grid strong { color: #30464c; font-size: 11px; }

.audit-technical summary {
    min-height: 29px;
    padding: 5px 8px;
    border-color: #ccd5d5;
    border-radius: 4px;
    color: #4d6268;
    background: #fff;
    font-size: 10px;
}
.audit-technical summary:hover { border-color: #83a9a6; color: #286a66; background: #eaf2f1; }
.audit-technical dl { width: 370px; padding: 11px; }
.audit-technical dl div { grid-template-columns: 95px 1fr; gap: 9px; }
.audit-technical dt { color: #607278; font-size: 10px; }
.audit-technical dd { color: #30464c; font-size: 10px; }
.audit-target-summary { padding: 12px 14px; }
.audit-target-summary strong { color: #30464c; font-size: 12px; }
.audit-timeline-panel .integration-activity-item:hover { background: #e9f1f0; }
.audit-timeline-actor { color: #607278; font-size: 10px; }
.audit-search-page .pagination,
.audit-timeline-panel .pagination { border-color: #d9dfde; background: #f3f5f4; }

@media(max-width:800px) {
    .privacy-explainer, .retention-explainer,
    .retention-form-grid, .retention-decision-grid { grid-template-columns: 1fr; }
    .audit-technical dl { right: auto; left: 0; width: min(370px,calc(100vw - 42px)); }
}

/* Eighteenth pass: cash, bank accounts and liquidity surfaces. */
.account-grid a, .liquidity-totals>div,
.bank-review-summary, .bank-review-actions .panel,
.contact-currency-summary, .contact-valuation-summary {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.account-grid { gap: 8px; scrollbar-color: #829394 transparent; }
.account-grid a {
    min-height: 64px;
    padding: 9px 11px;
    color: #30464c;
    background: #fff;
    transition: border-color .15s, background .15s;
}
.account-grid a:nth-child(even) { background: #f7f8f7; }
.account-grid a:hover { border-color: #83a9a6; background: #e9f1f0; transform: none; box-shadow: none; }
.account-icon { border-radius: 6px; color: #287a75; background: #e2efed; }
.account-grid small { color: #607278; font-size: 10px; }
.account-grid strong { color: #30464c; font-size: 12px; }
.account-grid a>b { color: #293f45; font-size: 12px; }
.account-grid a>b small { color: #607278; font-size: 10px; }

.cash-flow-summary { margin-top: 16px; }
.cash-flow-summary div { padding: 9px 2px; border-color: #dfe5e4; color: #52676d; }
.cash-flow-summary strong { color: #2d4349; }
.hero-amount { color: #263b41; }

.liquidity-panel { min-height: 280px; }
.liquidity-layout { gap: 16px; }
.liquidity-center small, .liquidity-center span {
    color: #607278;
    font-size: 10px;
    letter-spacing: .45px;
}
.liquidity-center strong { color: #2b4147; font-size: 16px; }
.liquidity-totals { gap: 7px; }
.liquidity-totals>div { padding: 8px 9px; background: #f8f9f8; }
.liquidity-totals>div>i { border-radius: 6px; color: #287a75; background: #e2efed; }
.liquidity-totals small { color: #607278; font-size: 10px; }
.liquidity-totals b { color: #3a5056; font-size: 11px; }
.liquidity-totals strong { color: #2d4349; font-size: 12px; }
.top-account-list { gap: 4px 9px; }
.top-account-list>a { border-radius: 5px; color: #40575d; }
.top-account-list>a:nth-child(even) { background: #f7f8f7; }
.top-account-list>a:hover { background: #e9f1f0; }
.top-account-list>a>strong { color: #2d4349; font-size: 11px; }

.bank-review-summary article { min-height: 80px; padding: 12px 14px; border-color: #dfe5e4; }
.bank-review-summary article>span { border-radius: 6px; }
.bank-review-summary small { color: #607278; font-size: 10px; }
.bank-review-summary strong { color: #30464c; font-size: 13px; }
.bank-review-summary em { color: #607278; font-size: 10px; }
.bank-review-actions { gap: 9px; }
.bank-review-history .panel-heading p { color: #607278; font-size: 10px; }
.bank-review-reject .form-section-heading span { border-radius: 6px; color: #a44850; background: #f4e2e3; }

.contact-currency-summary article, .contact-valuation-summary article {
    border-color: #dfe5e4;
    background: #fff;
}
.contact-currency-summary article:nth-child(even),
.contact-valuation-summary article:nth-child(even) { background: #f7f8f7; }
.contact-currency-summary small, .contact-valuation-summary small { color: #607278; font-size: 10px; }
.contact-currency-summary strong, .contact-valuation-summary strong { color: #2d4349; }

@media(max-width:700px) {
    .account-grid, .liquidity-totals, .top-account-list,
    .bank-review-summary { grid-template-columns: 1fr; }
}

/* Nineteenth pass: stock movements and warehouse lists. */
.stock-movement-header, .stock-movement-panel,
.stock-movement-results-panel,
.warehouse-list-page>.inventory-summary,
.warehouse-list-page>.inventory-nav {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.stock-movement-heading-icon,
.stock-movement-header .inventory-title-icon {
    border-radius: 6px;
    color: #fff;
    background: #397873;
    box-shadow: none;
}
.stock-movement-filter-title { padding: 11px 14px; border-color: #d9dfde; }
.stock-movement-filter-title>span { border-radius: 6px; color: #287a75; background: #e2efed; }
.stock-movement-filter-title strong { color: #30464c; font-size: 13px; }
.stock-movement-filter-title small { color: #607278; font-size: 10px; }
.stock-movement-filter-title em,
.stock-movement-results-head>span {
    border-radius: 4px;
    color: #52676d;
    background: #e5e9e8;
    font-size: 10px;
}
.stock-movement-filter { gap: 9px 10px; padding: 12px 14px 14px; background: #f3f5f4; }
.stock-movement-filter label>span,
.stock-movement-warehouse-filter>span { color: #52666c; font-size: 10px; letter-spacing: .025em; }
.stock-movement-filter input, .stock-movement-filter select,
.stock-movement-warehouse-filter .stock-check-select>summary,
.stock-movement-product-filter .select2-selection--single,
.stock-movement-warehouse-filter .select2-selection--multiple {
    border-color: #c7d1d1 !important;
    border-radius: 5px !important;
    color: #30464c;
    font-size: 11px;
}
.stock-movement-search i { color: #397873; }
.stock-movement-warehouse-filter .select2-selection--multiple .select2-selection__choice {
    border-radius: 4px !important;
    color: #426864 !important;
    background: #e2efed !important;
    font-size: 10px !important;
}
.stock-movement-filter-actions .stock-movement-submit,
.stock-movement-filter-actions .stock-movement-clear,
.stock-movement-filter-reset { border-radius: 5px !important; box-shadow: none; }
.stock-movement-advanced-toggle { border-color: #a9c3c1; color: #286a66; background: #fff; }
.stock-movement-advanced-toggle:hover { border-color: #75aaa6; color: #244b49; background: #eaf2f1; }
.stock-movement-filter-reset { border-color: #cbd3d3; color: #4d6268; background: #eef1f0; }
.stock-movement-filter-reset:hover { border-color: #91aaa8; color: #30464c; background: #e5e9e8; }
.stock-movement-results-head { min-height: 52px; padding: 9px 14px; border-color: #d9dfde; background: #f3f5f4; }
.stock-movement-results-head strong { color: #30464c; font-size: 13px; }
.stock-movement-results-head small { color: #607278; font-size: 10px; }
.stock-movement-results-panel .stock-movement-table th {
    height: 38px;
    border-color: #d8dfde;
    color: #52666c;
    background: #e9edec;
    font-size: 10px;
    letter-spacing: .025em;
}
.stock-movement-table td { height: 50px; padding: 8px 11px; color: #3f565c; font-size: 12px; }
.stock-movement-table tbody tr:nth-child(even) { background: #f7f8f7; }
.stock-movement-table tbody tr:hover { background: #e9f1f0; }
.stock-movement-date small, .stock-movement-table .cell-subtitle,
.stock-movement-table td.numeric small { color: #607278; font-size: 10px; }
.stock-direction { padding: 5px 8px; border-radius: 4px; font-size: 10px; }
.stock-direction.is-in { color: #28705a; background: #e2efe9; }
.stock-direction.is-out { color: #a44850; background: #f4e2e3; }
.stock-warehouse { color: #40575d; }
.stock-warehouse i { color: #5f7c79; }
.stock-reference { color: #455c62; font-size: 10px; }
.stock-reason { color: #52676d; }
.stock-movement-empty>span { border-radius: 6px; color: #287a75; background: #e2efed; }
.stock-movement-empty p { color: #607278; font-size: 11px; }
.stock-movement-empty a { color: #286a66; font-size: 11px; }

.warehouse-list-page>.inventory-summary { border-bottom: 1px solid #d9dfde; background: #fff; }
.warehouse-list-page>.inventory-summary>div { border-color: #dfe5e4; }
.warehouse-list-page>.inventory-summary span { color: #607278; font-size: 11px; }
.warehouse-list-page>.inventory-summary strong { color: #2d4349; font-size: 17px; }
.inventory-tag { border-radius: 4px; color: #426864; background: #e2efed; font-size: 10px; }
.inventory-warehouse-grid td { height: 52px; }
.inventory-warehouse-grid tbody tr:nth-child(even) { background: #f7f8f7; }
.inventory-warehouse-grid tbody tr:hover { background: #e9f1f0; }
.inventory-warehouse-grid .row-action a,
[data-f5-warehouse-list] .row-action a { border-color: #ccd7d6; border-radius: 5px; color: #287a75; }

@media(max-width:700px) {
    .warehouse-list-page>.inventory-summary { grid-template-columns: 1fr 1fr; }
    .stock-movement-filter { padding: 11px; }
}

/* Twentieth pass: restaurant and retail operational workspaces. */
[data-f5-restaurant-layout] .metric-card,
[data-f5-restaurant-checks] .metric-card,
[data-f5-restaurant-kitchen] .metric-card,
[data-f5-restaurant-day-ends] .metric-card,
[data-f5-retail-matrix] .metric-card,
[data-f5-retail-pos] .metric-card,
[data-f5-retail-exchanges] .metric-card,
[data-f5-restaurant-layout] .panel,
[data-f5-restaurant-checks] .panel,
[data-f5-restaurant-kitchen] .panel,
[data-f5-restaurant-day-ends] .panel,
[data-f5-retail-matrix] .panel,
[data-f5-retail-pos] .panel,
[data-f5-retail-exchanges] .panel {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
[data-f5-restaurant-layout] .metric-grid,
[data-f5-restaurant-checks] .metric-grid,
[data-f5-restaurant-kitchen] .metric-grid,
[data-f5-restaurant-day-ends] .metric-grid,
[data-f5-retail-matrix] .metric-grid,
[data-f5-retail-pos] .metric-grid,
[data-f5-retail-exchanges] .metric-grid { gap: 8px; }
[data-f5-restaurant-layout] .metric-card,
[data-f5-restaurant-checks] .metric-card,
[data-f5-restaurant-kitchen] .metric-card,
[data-f5-restaurant-day-ends] .metric-card,
[data-f5-retail-matrix] .metric-card,
[data-f5-retail-pos] .metric-card,
[data-f5-retail-exchanges] .metric-card { min-height: 82px; padding: 12px 14px; }
[data-f5-restaurant-layout] .metric-label,
[data-f5-restaurant-checks] .metric-label,
[data-f5-restaurant-kitchen] .metric-label,
[data-f5-restaurant-day-ends] .metric-label,
[data-f5-retail-matrix] .metric-label,
[data-f5-retail-pos] .metric-label,
[data-f5-retail-exchanges] .metric-label { color: #607278; font-size: 11px; }
[data-f5-restaurant-layout] .metric-card strong,
[data-f5-restaurant-checks] .metric-card strong,
[data-f5-restaurant-kitchen] .metric-card strong,
[data-f5-restaurant-day-ends] .metric-card strong,
[data-f5-retail-matrix] .metric-card strong,
[data-f5-retail-pos] .metric-card strong,
[data-f5-retail-exchanges] .metric-card strong { color: #2b4147; font-size: 18px; }

[data-f5-restaurant-layout] .two-column,
[data-f5-restaurant-kitchen] .two-column,
[data-f5-retail-matrix] .two-column { gap: 9px; }
[data-f5-restaurant-layout] .panel-heading,
[data-f5-restaurant-kitchen] .panel-heading,
[data-f5-retail-matrix] .panel-heading,
[data-f5-retail-pos] .panel-heading { padding: 11px 14px; border-color: #d9dfde; background: #f3f5f4; }
.compact-list article { min-height: 51px; padding: 9px 13px; border-color: #dfe5e4; }
.compact-list article:nth-child(even) { background: #f7f8f7; }
.compact-list article:hover { background: #e9f1f0; }
.compact-list article strong { color: #30464c; font-size: 12px; }
.compact-list article small { color: #607278; font-size: 10px; }
.compact-list>p { color: #607278; font-size: 11px; }

[data-f5-retail-pos] .table,
[data-f5-retail-exchanges] .table { margin: 0; font-size: 12px; }
[data-f5-retail-pos] .table th,
[data-f5-retail-exchanges] .table th { color: #52666c; background: #e9edec; font-size: 10px; }
[data-f5-retail-pos] .table td,
[data-f5-retail-exchanges] .table td { color: #3f565c; border-color: #dfe5e4; font-size: 12px; }
[data-f5-retail-pos] .table tbody tr:nth-child(even),
[data-f5-retail-exchanges] .table tbody tr:nth-child(even) { background: #f7f8f7; }
[data-f5-retail-pos] .table tbody tr:hover,
[data-f5-retail-exchanges] .table tbody tr:hover { background: #e9f1f0; }
[data-f5-retail-pos] .table small,
[data-f5-retail-exchanges] .table small { color: #607278; font-size: 10px; }

[data-f5-restaurant-check-open] .form-card,
[data-f5-restaurant-area-form] .form-card,
[data-f5-restaurant-table-form] .form-card,
[data-f5-kitchen-station-form] .form-card,
[data-f5-restaurant-day-end-close] .form-card,
[data-retail-season-form], [data-retail-collection-form],
[data-retail-matrix-form], [data-retail-pos-form],
[data-retail-exchange-form] {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
[data-f5-restaurant-check-open] .form-card>label,
[data-f5-restaurant-area-form] .form-card>label,
[data-f5-restaurant-table-form] .form-card>label,
[data-f5-kitchen-station-form] .form-card>label,
[data-f5-restaurant-day-end-close] .form-card>label,
[data-retail-season-form] label, [data-retail-collection-form] label,
[data-retail-matrix-form] label, [data-retail-pos-form] label,
[data-retail-exchange-form] label { color: #455a60; font-size: 11px; }
.price-mode-badge { border-radius: 4px; font-size: 11px; }
.price-mode-badge.wholesale, .order-type-icon.wholesale { color: #526f7a; background: #e7edee; }
.price-mode-badge.retail, .order-type-icon.retail { color: #28705a; background: #e2efe9; }

@media(max-width:760px) {
    [data-f5-restaurant-layout] .metric-grid,
    [data-f5-restaurant-checks] .metric-grid,
    [data-f5-restaurant-kitchen] .metric-grid,
    [data-f5-restaurant-day-ends] .metric-grid,
    [data-f5-retail-matrix] .metric-grid,
    [data-f5-retail-pos] .metric-grid,
    [data-f5-retail-exchanges] .metric-grid { grid-template-columns: 1fr 1fr; }
}

/* Twenty-first pass: topbar, user menu, favorites and shared notices. */
.topbar .topbar-icon {
    width: 36px;
    height: 36px;
    border-color: #ccd5d5;
    border-radius: 6px;
    color: #5b6f75;
    background: #fff;
}
.topbar .topbar-icon:hover { border-color: #83a9a6; color: #286a66; background: #eaf2f1; }
.notification-dot { top: 5px; right: 5px; width: 7px; height: 7px; background: #b84b54; }
.topbar .user-menu-toggle {
    min-height: 42px;
    padding: 4px 7px;
    border-radius: 6px;
    cursor: pointer;
}
.topbar .user-menu-toggle:hover,
.topbar .user-menu-toggle[aria-expanded="true"] { background: #e8eceb; }
.user-menu-identity strong { color: #30464c; font-size: 12px; }
.user-menu-identity small { color: #607278; font-size: 10px; }
.user-menu-toggle>.bi-chevron-down { color: #718287; font-size: 10px; transition: transform .16s; }
.user-menu-toggle[aria-expanded="true"]>.bi-chevron-down { transform: rotate(180deg); }
.user-menu .dropdown-menu {
    min-width: 310px;
    margin-top: 7px !important;
    padding: 7px;
    border-color: #cbd3d3;
    border-radius: 6px;
    box-shadow: 0 12px 28px rgb(28 43 47 / 16%);
}
.user-menu-summary { padding: 9px 10px; }
.user-menu-summary strong { color: #2d4349; font-size: 12px; }
.user-menu-summary small, .user-menu-summary span { color: #607278; font-size: 10px; }
.user-menu .dropdown-divider { border-color: #dfe5e4; }
.user-menu .dropdown-item { padding: 9px 10px; border-radius: 4px; color: #40575d; font-size: 12px; }
.user-menu .dropdown-item i { color: #5b7a77; }
.user-menu .dropdown-item:hover,
.user-menu .dropdown-item:focus { color: #244b49; background: #e6efee; }
.user-menu .dropdown-item.text-danger { color: #a44850 !important; }
.user-menu .dropdown-item.text-danger:hover { background: #faf0f1; }

.menu-favorite-toggle {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    color: #849799;
    font-size: 10px;
}
.menu-favorite-toggle:hover { color: #b08030; background: #3a4745; }
.menu-favorite-toggle.is-selected { color: #d0a34e; }
.user-menu-empty { padding: 8px; color: #91a4a7; }
.user-menu-empty strong { font-size: 10px; }
.user-menu-empty small { font-size: 9px; }
.user-menu-shortcut>a { font-size: 11px; }
.user-menu-shortcut>a>i { color: #c29b4a; }
.user-menu-shortcut>button { width: 23px; height: 23px; border-radius: 4px; font-size: 9px; }

.notification-region { position: relative; z-index: 70; }
.ui-notice, .notice {
    gap: 10px;
    padding: 11px 13px;
    margin-bottom: 12px;
    border-radius: 6px;
    font-size: 12px;
    box-shadow: none;
}
.ui-notice__icon { border-radius: 5px; }
.ui-notice small { font-size: 11px; }
.ui-notice__close { border-radius: 4px; }
.ui-notice--info { color: #45615e; border-color: #c9d9d7; background: #eaf2f1; }
.ui-notice--success { color: #28705a; border-color: #bfd7d1; background: #edf5f2; }
.ui-notice--warning { color: #805d24; border-color: #dfcfaf; background: #f7f1e5; }
.ui-notice--danger { color: #a44850; border-color: #dec5c7; background: #faf0f1; }
.ui-notice--neutral { color: #52676d; border-color: #d4dbdb; background: #f3f5f4; }
.settings-inline-notice {
    border-color: #bfd7d1;
    border-radius: 6px;
    color: #28705a;
    background: #edf5f2;
}
.settings-inline-notice strong, .settings-inline-notice span { font-size: 11px; }

@media(max-width:700px) {
    .topbar { padding-inline: 10px; }
    .topbar .user-menu-toggle { padding: 3px; }
    .user-menu .dropdown-menu { min-width: min(310px,calc(100vw - 22px)); }
}

/* Twenty-second pass: shared DataTables controls and scrollable grids. */
.dt-container { width: 100%; color: #52676d; font-size: 11px; }
.dt-container .dt-layout-row { gap: 10px; margin: 0; padding: 9px 13px; }
.dt-container .dt-layout-row:first-child { border-bottom: 1px solid #d9dfde; background: #f3f5f4; }
.dt-container .dt-layout-row:last-child { border-top: 1px solid #d9dfde; background: #f3f5f4; }
.dt-container .dt-search, .dt-container .dt-length { color: #52676d; font-size: 11px; }
.dt-container .dt-search label, .dt-container .dt-length label { color: #52676d; font-size: 11px; }
.dt-container .dt-search input,
.dt-container .dt-length select {
    min-height: 36px;
    height: 36px;
    border-color: #c7d1d1;
    border-radius: 5px;
    color: #30464c;
    background-color: #fff;
    font-size: 12px;
}
.dt-container .dt-search input:focus,
.dt-container .dt-length select:focus {
    border-color: #5c9a96;
    outline: 0;
    box-shadow: 0 0 0 3px rgb(36 132 126 / 10%);
}
.dt-container .dt-info { padding: 0 !important; color: #607278; font-size: 10px; }
.dt-container .dt-info strong { color: #30464c; }
.dt-container .dt-paging nav {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid #d4dcdb;
    border-radius: 5px;
    background: #fff;
}
.dt-container .dt-paging .dt-paging-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 31px;
    height: 31px;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #52676d !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10px !important;
}
.dt-container .dt-paging .dt-paging-button:hover:not(.disabled):not(.current) {
    color: #286a66 !important;
    background: #e8f1f0 !important;
}
.dt-container .dt-paging .dt-paging-button.current {
    color: #fff !important;
    background: var(--primary) !important;
    box-shadow: none !important;
}
.dt-container .dt-paging .dt-paging-button.disabled { color: #9aa7a8 !important; opacity: .65; }
.dt-container .dt-paging .ellipsis { color: #7d8d90; }

.table-responsive, .table-scroll, .ui-grid__content,
.invoice-table-wrap, .stock-movement-table-wrap {
    scrollbar-color: #829394 #eef1f0;
    scrollbar-width: thin;
}
.table-responsive::-webkit-scrollbar,
.table-scroll::-webkit-scrollbar,
.ui-grid__content::-webkit-scrollbar,
.invoice-table-wrap::-webkit-scrollbar,
.stock-movement-table-wrap::-webkit-scrollbar { width: 8px; height: 8px; }
.table-responsive::-webkit-scrollbar-track,
.table-scroll::-webkit-scrollbar-track,
.ui-grid__content::-webkit-scrollbar-track,
.invoice-table-wrap::-webkit-scrollbar-track,
.stock-movement-table-wrap::-webkit-scrollbar-track { background: #eef1f0; }
.table-responsive::-webkit-scrollbar-thumb,
.table-scroll::-webkit-scrollbar-thumb,
.ui-grid__content::-webkit-scrollbar-thumb,
.invoice-table-wrap::-webkit-scrollbar-thumb,
.stock-movement-table-wrap::-webkit-scrollbar-thumb {
    border: 2px solid #eef1f0;
    border-radius: 6px;
    background: #829394;
}
.data-table th[aria-sort], .ui-data-grid th[aria-sort],
.invoice-table th[aria-sort] { color: #3f5d5a; background: #dfe8e6; }

.notifyjs-bootstrap-base {
    min-height: 40px !important;
    border-radius: 6px !important;
    color: #40575d !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgb(33 48 52 / 14%) !important;
    font-size: 11px !important;
}

@media(max-width:640px) {
    .dt-container .dt-layout-row { grid-template-columns: 1fr; justify-items: stretch; }
    .dt-container .dt-search input { width: 100%; margin-left: 0; }
    .dt-container .dt-paging { overflow-x: auto; }
}

/* Twenty-third pass: validation, dialogs, enhanced selects and empty states. */
.validation-summary, .field-error, .field-validation-error,
.field-validation, [data-valmsg-for] {
    color: #a44850;
    font-size: 10px;
    line-height: 1.4;
}
.validation-summary:not(:empty) {
    padding: 10px 12px;
    border: 1px solid #dec5c7;
    border-radius: 5px;
    color: #98424a;
    background: #faf0f1;
}
.validation-summary ul { margin-block: 0; padding-left: 17px; }
input.input-validation-error, select.input-validation-error,
textarea.input-validation-error, .ui-control.input-validation-error {
    border-color: #c9787f !important;
    background-color: #fffafa !important;
    box-shadow: 0 0 0 3px rgb(169 72 80 / 8%) !important;
}
.form-field input:disabled, .form-field select:disabled,
.form-field textarea:disabled, .ui-control:disabled {
    border-color: #d5dcdb;
    color: #7b898c;
    background-color: #eef1f0;
    opacity: 1;
}

.modal-content, .app-confirm-dialog {
    overflow: hidden;
    border-color: #cbd3d3;
    border-radius: 7px;
    box-shadow: 0 16px 36px rgb(28 43 47 / 20%);
}
.modal-header, .modal-footer {
    min-height: 52px;
    padding: 11px 14px;
    border-color: #d8dddd;
    background: #f3f5f4;
}
.modal-title { color: #2b4147; font-size: 15px; }
.modal-body { padding: 15px; color: #455c62; font-size: 12px; }
.modal-backdrop.show { opacity: .34; }
.app-confirm-dialog p { color: #52676d; font-size: 12px; }

.select2-container--open .select2-dropdown {
    overflow: hidden;
    border-color: #c7d1d1;
    border-radius: 6px;
    box-shadow: 0 12px 28px rgb(28 43 47 / 16%);
}
.select2-search--dropdown { padding: 7px; background: #f3f5f4; }
.select2-search--dropdown .select2-search__field {
    height: 35px;
    border-color: #c7d1d1 !important;
    border-radius: 5px !important;
    color: #30464c;
    font-size: 12px;
}
.select2-search--dropdown .select2-search__field:focus {
    border-color: #5c9a96 !important;
    outline: 0;
    box-shadow: 0 0 0 3px rgb(36 132 126 / 10%) !important;
}
.select2-results__options { padding: 4px; }
.select2-results__option {
    margin: 1px 0;
    padding: 8px 9px;
    border-radius: 4px;
    color: #40575d;
    font-size: 11px;
}
.select2-container--default .select2-results__option--selected {
    color: #286a66;
    background: #e2efed;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background: var(--primary);
}
.select2-results__message { color: #607278; font-size: 11px; }

.empty-state, .dashboard-empty, .organization-empty,
.image-empty-state, .stock-movement-empty {
    border-color: #d4dbdb;
    border-radius: 7px;
    color: #607278;
    background: #f8f9f8;
    box-shadow: none;
}
.empty-state { margin-block: 36px; padding: 30px; }
.empty-state h2, .empty-state h3,
.dashboard-empty h3, .organization-empty h3 { color: #30464c; }
.empty-state p, .dashboard-empty p,
.organization-empty p { color: #607278; font-size: 11px; }
.empty-state small { color: #718287; font-size: 10px; }
.empty-state>span, .empty-state>i { color: #287a75; }

.security-note { color: #607278; font-size: 11px; }
.security-note span { color: #28705a; }

@media(max-width:640px) {
    .modal-dialog { margin: 10px; }
    .empty-state { margin-block: 20px; padding: 22px 16px; }
}

/* Twenty-fourth pass: workforce employee, asset, assignment and incident forms. */
.employee-form-card, .incident-form-card,
.assignment-form-card, .asset-form-card,
.employee-form-actions, .asset-form-actions {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.employee-form-layout, .incident-form-layout,
.assignment-form-layout, .asset-form-layout { gap: 10px; }
.employee-form-card>header, .incident-form-card>header,
.assignment-form-card>header, .asset-form-card>header {
    padding: 14px 16px;
    border-color: #d9dfde;
    background: #f3f5f4;
}
.employee-form-card>header>span,
.assignment-form-card>header>span,
.asset-form-card>header>span {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.incident-form-card>header>span {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 6px;
    color: #926326;
    background: #f2eadb;
}
.employee-form-card>header h3, .incident-form-card>header h3,
.assignment-form-card>header h3, .asset-form-card>header h3 { color: #2b4147; font-size: 14px; }
.employee-form-card>header p, .incident-form-card>header p,
.assignment-form-card>header p, .asset-form-card>header p { color: #607278; font-size: 11px; }
.employee-form-grid, .incident-form-grid,
.assignment-form-grid, .asset-form-grid { gap: 13px; padding: 16px; }
.employee-field, .incident-field,
.assignment-field, .asset-field { gap: 6px; }
.employee-field>span:first-child, .incident-field>span:first-child,
.assignment-field>span:first-child, .asset-field>span:first-child {
    color: #455a60;
    font-size: 11px;
    letter-spacing: .025em;
}
.employee-field .field-validation, .incident-field .field-validation,
.assignment-field .field-validation, .asset-field .field-validation { font-size: 10px; }
.employee-form-note, .assignment-form-note,
.asset-form-note, .incident-form-note {
    margin: 0 16px 16px;
    padding: 10px 12px;
    border: 1px solid #c9d9d7;
    border-radius: 5px;
    color: #4d6764;
    background: #eaf2f1;
    font-size: 11px;
}
.employee-form-note i, .assignment-form-note i,
.asset-form-note i, .incident-form-note i { color: #287a75; }
.incident-form-note { border-color: #dfcfaf; color: #805d24; background: #f7f1e5; }
.incident-form-note i { color: #926326; }
.assignment-form-note--acceptance { border-color: #bfd7d1; color: #41645a; background: #edf5f2; }
.employee-form-actions, .asset-form-actions {
    padding: 11px 13px;
    background: #f3f5f4;
}

@media(max-width:650px) {
    .employee-form-grid, .incident-form-grid,
    .assignment-form-grid, .asset-form-grid { padding: 13px; }
    .employee-form-card>header, .incident-form-card>header,
    .assignment-form-card>header, .asset-form-card>header { padding: 13px; }
    .employee-form-actions, .asset-form-actions { bottom: 5px; }
}

/* Twenty-fifth pass: payment plans, promissory notes and settlements. */
.payment-plan-create-summary, .payment-plan-create-actions,
.promissory-note-form .ui-form-section,
.finance-settlement-page .form-section {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.payment-plan-create-page, .payment-plan-create-form,
.promissory-note-form { gap: 10px; }
.payment-plan-create-layout, .promissory-note-layout { gap: 10px; }
.payment-plan-create-grid, .promissory-note-grid { gap: 13px; }
.payment-plan-field, .promissory-note-field { gap: 6px; }
.payment-plan-field>span:first-child,
.promissory-note-field>span:first-child {
    color: #455a60;
    font-size: 11px;
    letter-spacing: .025em;
}
.payment-plan-field small, .promissory-note-field small { color: #607278; font-size: 10px; }
.payment-plan-field .field-validation,
.promissory-note-field .field-validation { font-size: 10px; }

.payment-plan-create-summary>header {
    padding: 13px 15px;
    border-color: #d9dfde;
    background: #f3f5f4;
}
.payment-plan-create-summary>header>span {
    width: 35px;
    height: 35px;
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.payment-plan-create-summary header small { color: #607278; font-size: 10px; letter-spacing: .5px; }
.payment-plan-create-summary header strong { color: #2d4349; font-size: 13px; }
.payment-plan-create-summary dl { padding-inline: 15px; }
.payment-plan-create-summary dl>div { padding: 10px 0; border-color: #dfe5e4; }
.payment-plan-create-summary dt { color: #607278; font-size: 11px; }
.payment-plan-create-summary dd { color: #2d4349; font-size: 11px; }
.payment-plan-create-summary>p {
    padding: 12px 15px;
    color: #4d6764;
    background: #eaf2f1;
    font-size: 11px;
}
.payment-plan-create-summary>p i { color: #287a75; }
.payment-plan-create-actions { padding: 11px 13px; background: #f3f5f4; }
.payment-plan-create-actions>span { color: #607278; font-size: 11px; }
.payment-plan-create-actions>span i { color: #28705a; }

.promissory-note-form .ui-form-section__body,
.finance-settlement-page .ui-form-section__body { padding: 16px; }
.promissory-note-info, .finance-settlement-page .settlement-notice {
    padding: 11px 13px;
    border-color: #c9d9d7;
    border-radius: 6px;
    color: #4d6764;
    background: #eaf2f1;
    font-size: 11px;
}
.promissory-note-info i,
.finance-settlement-page .settlement-notice>i { color: #287a75; }
.finance-settlement-page .field-hint,
.finance-settlement-page .settlement-notice small { color: #607278; font-size: 10px; }
.finance-settlement-page .settlement-notice strong { color: #3b5157; font-size: 11px; }

@media(max-width:760px) {
    .payment-plan-create-layout, .promissory-note-layout,
    .payment-plan-create-grid, .promissory-note-grid { grid-template-columns: 1fr; }
    .payment-plan-field--wide, .promissory-note-field--wide { grid-column: auto; }
    .payment-plan-create-actions { align-items: stretch; flex-direction: column; }
    .payment-plan-create-actions>div { display: grid; grid-template-columns: 1fr 1fr; }
}

/* Twenty-sixth pass: integration details and webhook delivery history. */
.integration-overview, .integration-activity,
.webhook-summary, .webhook-information,
.webhook-history, .webhook-result-notice,
.webhook-technical-details {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.integration-overview-item { min-height: 80px; padding: 12px 14px; border-color: #dfe5e4; }
.integration-overview-item:nth-child(even) { background: #f7f8f7; }
.integration-overview-icon { width: 35px; height: 35px; border-radius: 6px; }
.integration-overview-item--simulation .integration-overview-icon {
    color: #526f7a;
    background: #e7edee;
}
.integration-overview-item strong { color: #30464c; font-size: 12px; }
.integration-overview-item small { letter-spacing: .025em; }
.integration-scope-list { gap: 3px; }
.integration-scope-list em { font-size: 10px; }
.integration-test-card { padding: 16px; }
.integration-test-card__icon { width: 36px; height: 36px; }
.integration-test-card h3 { color: #30464c; }
.integration-test-card p { color: #607278; font-size: 11px; }
.integration-simulation-notice {
    border-color: #d2d8d8;
    color: #53676d;
    background: #f0f2f2;
}

.integration-activity .panel-heading,
.webhook-information .panel-heading,
.webhook-history .panel-heading { border-color: #d9dfde; background: #f3f5f4; }
.integration-activity-item { min-height: 58px; padding: 11px 14px; }
.integration-activity-item:hover { background: #e9f1f0; }
.integration-activity-icon { width: 32px; height: 32px; border-radius: 6px; }
.integration-activity-item--success .integration-activity-icon { color: #28705a; background: #e2efe9; }
.integration-activity-item--failed .integration-activity-icon,
.integration-activity-item--error .integration-activity-icon { color: #a44850; background: #f4e2e3; }
.integration-activity-item>details summary:hover { border-color: #83a9a6; color: #286a66; background: #eaf2f1; }
.integration-activity-item>details dl { width: 380px; }

.webhook-result-notice { padding: 11px 13px; }
.webhook-result-notice strong { color: #30464c; font-size: 12px; }
.webhook-result-notice span { color: #607278; font-size: 11px; }
.webhook-result-notice--success { border-color: #bfd7d1; background: #edf5f2; }
.webhook-result-notice--success>i { color: #28705a; }
.webhook-result-notice--error { border-color: #dec5c7; background: #faf0f1; }
.webhook-result-notice--error>i { color: #a44850; }
.webhook-technical-details { margin: 0 14px 13px; background: #f8f9f8; }
.webhook-technical-details summary { padding: 9px 11px; color: #4d6268; font-size: 11px; }
.webhook-technical-details summary:hover { color: #286a66; background: #eaf2f1; }
.webhook-technical-details[open] summary { border-color: #d9dfde; }
.webhook-technical-details .detail-list { background: #fff; }
.webhook-information .detail-list dt { color: #607278; font-size: 10px; }
.webhook-information .detail-list dd { color: #30464c; font-size: 11px; }

@media(max-width:760px) {
    .integration-overview { grid-template-columns: 1fr; }
    .integration-overview-item { border-left: 0; border-top: 1px solid #dfe5e4; }
    .integration-overview-item:first-child { border-top: 0; }
    .integration-activity-item { grid-template-columns: 32px minmax(0,1fr); }
    .integration-activity-item>details { grid-column: 2; }
    .integration-activity-item>details dl { right: auto; left: 0; width: min(380px,calc(100vw - 62px)); }
}

/* Twenty-seventh pass: login, activation, recovery and access states. */
.login-page[data-f5-login], .password-recovery-page { background: #f2f4f3; }
.login-page[data-f5-login] .login-story,
.password-recovery-page .login-story,
.login-page:not([data-f5-login]) .login-story {
    color: #fff;
    background: linear-gradient(145deg,#172529 0%,#20383b 58%,#315d59 100%);
}
.login-story-glow-one { background: radial-gradient(circle,rgb(75 145 139 / 30%),transparent 68%); }
.login-story-glow-two { background: radial-gradient(circle,rgb(111 139 135 / 20%),transparent 68%); }
.login-page .brand-light .brand-mark,
.login-mobile-brand .brand-mark {
    border-radius: 6px;
    background: #397873;
    box-shadow: none;
}
.login-page .brand-light small { color: #b6c8c7; font-size: 10px; }
.login-page[data-f5-login] .story-copy>p { color: #d0dcdb; }
.login-capabilities { gap: 8px; }
.login-capabilities li { padding: 11px 13px; border-radius: 6px; background: rgb(255 255 255 / 6%); }
.login-capabilities li>i { border-radius: 5px; color: #d4e4e2; background: rgb(109 174 168 / 18%); }
.login-capabilities strong { font-size: 13px; }
.login-capabilities small { color: #b8c9c8; font-size: 11px; }
.login-page[data-f5-login] .story-footer { color: #b8c9c8; }
.login-page[data-f5-login] .login-panel,
.password-recovery-page .login-panel { background: #f2f4f3; }
.login-card {
    border-color: #d4dbdb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 38px rgb(33 48 52 / 10%);
}
.login-welcome-icon, .activation-card .auth-heading>span {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
}
.login-card-heading h2, .activation-card .auth-heading h1 { color: #263b41; }
.login-card-heading p, .activation-card .auth-heading p { color: #607278; font-size: 12px; }
.login-context-note {
    border-color: #c9d9d7;
    border-radius: 6px;
    background: #eaf2f1;
}
.login-context-note>i { color: #287a75; }
.login-context-note strong { color: #3b5855; font-size: 11px; }
.login-context-note small { color: #607278; font-size: 10px; }
.login-field label { color: #3b5157; font-size: 12px; }
.login-input-shell {
    height: 44px;
    border-color: #c7d1d1;
    border-radius: 5px;
}
.login-input-shell:focus-within { border-color: #5c9a96; box-shadow: 0 0 0 3px rgb(36 132 126 / 10%); }
.login-input-shell>i { color: #718784; }
.login-input-shell input { height: 42px !important; min-height: 42px !important; color: #30464c; font-size: 13px; }
.password-toggle { border-radius: 4px; color: #607875; }
.password-toggle:hover { color: #286a66; background: #e8f1f0; }
.login-submit { height: 43px !important; border-radius: 5px !important; box-shadow: none !important; }
.login-remember { color: #52676d; font-size: 11px; }
.login-checkmark { border-color: #b9c7c5; border-radius: 4px; }
.login-remember input:checked+.login-checkmark { border-color: var(--primary); background: var(--primary); }
.login-forgot, .login-back-link { color: #286a66; font-size: 11px; }
.login-forgot:hover, .login-back-link:hover { color: #244b49; }
.login-security-note { border-color: #dfe5e4; }
.login-security-note>i { color: #28705a; }
.login-security-note strong { color: #52676d; font-size: 11px; }
.login-security-note small, .login-copyright { color: #718287; font-size: 10px; }
.recovery-result>i, .activation-success {
    border-radius: 6px;
    color: #28705a;
    background: #e2efe9;
}
.recovery-result p { color: #607278; font-size: 12px; }

.service-unavailable-card { padding: 34px 30px; background: #fff; }
.service-unavailable-visual span {
    border-radius: 6px;
    color: #287a75;
    background: #e2efed;
    box-shadow: none;
}
.service-unavailable-visual span:last-child { color: #526f7a; background: #e7edee; }
.service-unavailable-card h2 { color: #263b41; font-size: 23px; }
.service-unavailable-card>p { color: #607278; font-size: 12px; }
.service-unavailable-card>small { color: #718287; font-size: 10px; }

@media(max-width:800px) {
    .login-page[data-f5-login] .login-panel,
    .password-recovery-page .login-panel { padding: 24px 18px; }
    .login-card { border-radius: 7px; }
}

/* Twenty-eighth pass: accessibility, interaction safety and responsive resilience. */
:where(a[href], button, summary, input, select, textarea) { touch-action: manipulation; }
:where(button, summary, [role="button"], a[href]) { -webkit-tap-highlight-color: rgb(36 132 126 / 12%); }
:where(a[href], button, summary):focus-visible {
    outline: 2px solid #397f7a;
    outline-offset: 2px;
}
:where(input, select, textarea):focus-visible { outline: 0; }
:where(a[href]):focus-visible { text-decoration-thickness: 1px; text-underline-offset: 3px; }
:where(button, [role="button"], summary):disabled,
:where(button, [role="button"])[aria-disabled="true"] { cursor: not-allowed; opacity: .62; }
:where([hidden]) { display: none !important; }

.technical-value, .system-document-number,
.detail-list dd, .data-table td, .ui-data-grid td {
    overflow-wrap: anywhere;
}
.numeric, .amount-cell, .finance-money,
.hero-amount, .product-stock, .invoice-total-panel,
.proforma-totals { font-variant-numeric: tabular-nums; }
.muted, .cell-subtitle, .field-help { color: #607278; }

@media(hover:hover) {
    .data-table tbody tr, .ui-data-grid tbody tr,
    .product-table tbody tr, .contact-table tbody tr { transition: background-color .12s; }
}

@media(pointer:coarse) {
    .ui-action, .primary-button, .secondary-button,
    .secondary-outline-button, .danger-button,
    .dropdown-item, .contact-detail-tabs a { min-height: 42px; }
    .icon-button, .table-action-button,
    .product-row-actions a, .contact-actions a,
    .critical-row-actions a, .attribute-row-actions a,
    .attribute-row-actions button { min-width: 38px; width: 38px; min-height: 38px; height: 38px; }
    .menu-favorite-toggle { width: 32px; height: 32px; opacity: 1; }
    .topbar .topbar-icon { width: 40px; height: 40px; }
}

@media(prefers-reduced-motion:reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@media(prefers-contrast:more) {
    :root {
        --line: #aeb9b8;
        --border: #aeb9b8;
        --ui-border: #aeb9b8;
        --muted: #4e6166;
    }
    .data-table th, .ui-data-grid th, .invoice-table th { color: #32484e; }
    .data-table td, .ui-data-grid td, .invoice-table td { color: #263c42; }
    :where(a[href], button, summary):focus-visible { outline-width: 3px; }
}

@media(max-width:700px) {
    body { overflow-x: hidden; }
    .page-content>* { min-width: 0; }
    .heading-actions, .page-actions, .ui-page-header__actions { flex-wrap: wrap; }
    .detail-list>div { grid-template-columns: minmax(90px,.8fr) minmax(0,1.2fr); gap: 10px; }
    .detail-list dd { min-width: 0; }
}

/* Twenty-ninth pass: open-item details and dispatch note creation. */
.open-item-detail-summary article,
.open-item-detail-card, .dispatch-order-summary,
.dispatch-note-form .ui-form-section,
.dispatch-form-actions {
    border-color: #d4dbdb;
    border-radius: 7px;
    box-shadow: none;
}
.finance-open-item-detail-page { gap: 10px; }
.open-item-detail-summary { gap: 8px; }
.open-item-detail-summary article { min-height: 100px; padding: 14px 16px; }
.open-item-detail-summary article::before { background: #596b73; }
.open-item-detail-summary article:nth-child(2)::before { background: #5d7775; }
.open-item-detail-summary article.outstanding::before { background: #a96d30; }
.open-item-detail-summary article:nth-child(4)::before { background: #338267; }
.open-item-detail-summary span { color: #5e7076; font-size: 10px; letter-spacing: .025em; }
.open-item-detail-summary span i { color: #397873; }
.open-item-detail-summary strong { color: #2b4147; font-size: 19px; }
.open-item-detail-summary .date-value { font-size: 16px; }
.open-item-detail-summary p { color: #607278; font-size: 10px; }
.open-item-detail-columns { gap: 9px; }
.open-item-detail-card>header {
    padding: 13px 15px;
    border-color: #d9dfde;
    background: #f3f5f4;
}
.open-item-detail-icon { border-radius: 6px; color: #287a75; background: #e2efed; }
.open-item-detail-card h3 { color: #2d4349; font-size: 14px; }
.open-item-detail-card header p { color: #607278; font-size: 11px; }
.open-item-detail-card dl { padding: 3px 15px 11px; }
.open-item-detail-card dl>div { padding: 11px 0; border-color: #dfe5e4; }
.open-item-detail-card dt { color: #607278; font-size: 11px; }
.open-item-detail-card dd { color: #30464c; font-size: 12px; }
.open-item-detail-card dd.positive,
.open-item-detail-card .direction--receivable { color: #28705a; }
.open-item-detail-card dd.negative,
.open-item-detail-card .direction--payable { color: #a44850; }
.open-item-contact, .open-item-detail-card dl .net {
    border-radius: 5px;
    color: #40575d;
    background: #eef2f1;
}
.open-item-technical-details { border-color: #d9dfde; color: #607278; font-size: 10px; }
.open-item-technical-details summary { color: #4d6268; font-size: 11px; }
.open-item-technical-details summary:hover { color: #286a66; }

.dispatch-note-form { gap: 10px; }
.dispatch-order-picker { gap: 12px; }
.dispatch-order-summary { min-height: 66px; padding: 11px 13px; background: #edf5f2; }
.dispatch-order-summary__icon { width: 36px; height: 36px; border-radius: 6px; color: #28705a; background: #dcebe5; }
.dispatch-order-summary small { color: #587068; font-size: 10px; letter-spacing: .04em; }
.dispatch-order-summary strong { color: #285f50; font-size: 12px; }
.dispatch-order-summary em { color: #587068; font-size: 11px; }
.dispatch-note-form-grid, .dispatch-field-grid { gap: 12px; }
.dispatch-lines-table th { color: #52666c; background: #e9edec; font-size: 10px; }
.dispatch-lines-table td { color: #3f565c; border-color: #dfe5e4; font-size: 12px; }
.dispatch-lines-table tbody tr:nth-child(even) { background: #f7f8f7; }
.dispatch-lines-table tbody tr:hover { background: #e9f1f0; }
.dispatch-line-check { accent-color: var(--primary); }
.dispatch-product i { border-radius: 6px; color: #287a75; background: #e2efed; }
.dispatch-product strong { color: #30464c; font-size: 12px; }
.dispatch-quantity input { border-radius: 5px 0 0 5px; }
.dispatch-quantity span {
    border-color: #cbd4d4;
    border-radius: 0 5px 5px 0;
    color: #52676d;
    background: #eef1f0;
    font-size: 11px;
}
.dispatch-form-actions { padding: 11px 13px; color: #607278; background: #f3f5f4; }
.dispatch-form-actions>span i { color: #287a75; }

@media(max-width:800px) {
    .open-item-detail-summary, .open-item-detail-columns,
    .dispatch-order-picker, .dispatch-note-form-grid,
    .dispatch-field-grid { grid-template-columns: 1fr; }
    .open-item-detail-card dl { grid-template-columns: 1fr; }
    .dispatch-form-actions { align-items: stretch; flex-direction: column; }
}