/* Shared NAZAFA navy and red palette. Layouts remain in their page stylesheets. */
.nazafa-brand {
    --primary: #dc293d;
    --primary-dark: #981d29;
    --primary-light: #fcecef;
    --primary-soft: #fff6f7;
    --text: #20313f;
    --text-primary: #20313f;
    --text-secondary: #607080;
    --border: #dfe6eb;
    background: #f5f7f9;
    color: #20313f;
}
.nazafa-brand .manager-navbar { border-color: #dfe6eb; box-shadow: 0 1px 8px #20313f0a; }
.nazafa-brand .manager-nav-links a { color: #526474; }
.nazafa-brand .manager-nav-links a:hover,
.nazafa-brand .manager-nav-links a.active { color: #981d29; background: #fcecef; }
.nazafa-brand .dashboard-heading h1 { color: #20313f; }
.nazafa-brand .dashboard-eyebrow { color: #981d29; }
.nazafa-brand .vehicle-panel { border-color: #dfe6eb; box-shadow: 0 3px 18px #20313f10; }
.nazafa-brand .report-controls { background: #f3f5f7; border-color: #dfe6eb; }
.nazafa-brand .report-controls label { color: #20313f; }
.nazafa-brand .report-controls button { background: white; color: #20313f; border-color: #c4d0d8; }
.nazafa-brand .report-controls button:hover { background: #edf1f4; }
.nazafa-brand .report-controls #exportReportExcel { background: #dc293d; border-color: #dc293d; color: white; }
.nazafa-brand .report-controls #exportReportExcel:hover { background: #981d29; border-color: #981d29; }
.nazafa-brand #reportCount { color: #20313f; }
.nazafa-brand .report-table-scroll { border-color: #dfe6eb; }
.nazafa-brand #managerReportTable th { background: #edf1f4; color: #20313f; border-color: #dfe6eb; }
.nazafa-brand #managerReportTable td { border-color: #dfe6eb; }
.nazafa-brand #managerReportTable tbody tr:hover { background: #f3f5f7; }
.nazafa-brand #managerReportTable tfoot,
.nazafa-brand #managerReportTable tfoot td { background: #edf1f4; color: #20313f; }
.nazafa-brand .service-actions a { background: #edf1f4; color: #20313f; border-color: #d3dce3; }
.nazafa-brand .service-actions a:hover { background: #e4eaf0; }
.nazafa-brand .service-actions button { background: #fcecef; color: #981d29; border-color: #efc7ce; }
.nazafa-brand #exportReportDialog { color: #20313f; border-color: #dfe6eb; box-shadow: 0 24px 80px #20313f30; }
.nazafa-brand #exportReportDialog::backdrop { background: #20313f70; }
.nazafa-brand #exportReportDialog .export-card-icon { background: #fcecef; color: #981d29; }
.nazafa-brand #exportReportHelp,
.nazafa-brand #exportReportDialog .export-file-preview small { color: #607080; }
.nazafa-brand #exportReportDialog .export-file-preview { background: #f5f7f9; border-color: #dfe6eb; }
.nazafa-brand #exportReportDialog .export-file-type { color: #20313f; background: #e4eaf0; }
.nazafa-brand #exportReportDialog button[value="yes"] { background: #dc293d; border-color: #dc293d; }
.nazafa-brand #exportReportDialog button:focus-visible { outline-color: #dc293d; }

.nazafa-brand:is(.operations-theme, .operational-page, .nazafa-login, .manager-entry-page, .manager-data-page) {
    --primary: #dc293d; --primary-color: #dc293d; --primary-dark: #981d29; --primary-hover: #981d29;
    --primary-gradient: linear-gradient(135deg, #dc293d, #981d29);
    --primary-light: #fcecef; --primary-soft: #fff6f7;
    --secondary-color: #20313f; --secondary-dark: #14232e;
    --accent-green: #20313f; --accent-green-dark: #14232e;
    --bg-light: #f5f7f9; --text: #20313f; --text-primary: #20313f; --text-secondary: #607080;
    --border-color: #dfe6eb; --border-light: #e5eaf0;
    --shadow-primary: 0 2px 6px #20313f14;
    background: #f5f7f9; color: #20313f;
}
.nazafa-brand .navbar { background: rgba(255,255,255,.97); border-color: #dfe6eb; box-shadow: 0 1px 8px #20313f0a; }
.nazafa-brand .nav-link { color: #526474; }
.nazafa-brand .nav-link:hover,
.nazafa-brand .nav-link.active { color: #981d29; background: #fcecef; box-shadow: none; }
.nazafa-brand .hamburger span { background: #20313f; }
.nazafa-brand :is(.dashboard-eyebrow, .panel-step) { color: #981d29; }
.nazafa-brand .operations-heading::before,
.nazafa-brand .container > .page-header::before { color: #981d29; }
.nazafa-brand :is(.dashboard-heading h1, .operations-heading h1, .panel-heading h2, .page-title, .client-name, .driver-name, .vehicle-number, .client-title, .product-title, .header-card h2, .reset-card h2, .modal h2, .form-card h2) { color: #20313f; }
.nazafa-brand :is(.dashboard-card, .actions-card, .client-card, .driver-card, .vehicle-card, .client-card-overview, .product-card-overview, .header-card, .reset-card) { border-color: #dfe6eb; box-shadow: 0 3px 18px #20313f10; }
.nazafa-brand :is(.client-card, .driver-card, .vehicle-card, .client-card-overview, .product-card-overview):hover { border-color: #b6c4cd; box-shadow: 0 3px 18px #20313f10; }
.nazafa-brand :is(.card-icon, .client-icon, .product-icon) { background: #edf1f4; color: #20313f; }
.nazafa-brand :is(.client-header, .driver-header, .vehicle-header, .client-id, .driver-id, .stat-box, .bin-item, .location-section, .location-card-overview, .bin-row, .sizes-list .size-row) { background: #f3f5f7; color: #20313f; border-color: #dfe6eb; }
.nazafa-brand :is(.stat-value, .location-section h4, .bin-item strong, .location-header h4, .location-title, .location-icon, .bin-icon, .total-cost-display) { color: #20313f; }
.nazafa-brand :is(.beautify-btn, .add-client-btn, .add-btn, .add-vehicle-btn, .submit-btn, .add-size-btn, .pagination-btn, .export-btn, .print-btn, .filter-btn, .login-btn, .add-description) { background: #dc293d; color: white; border-color: #dc293d; box-shadow: none; }
.nazafa-brand :is(.beautify-btn, .add-client-btn, .add-btn, .add-vehicle-btn, .submit-btn, .add-size-btn, .pagination-btn, .export-btn, .print-btn, .filter-btn, .login-btn, .add-description):hover { background: #981d29; border-color: #981d29; color: white; box-shadow: none; }
.nazafa-brand :is(.view-details-btn, .edit-btn) { background: #20313f; color: white; box-shadow: none; }
.nazafa-brand :is(.view-details-btn, .edit-btn):hover { background: #14232e; }
.nazafa-brand :is(.page-link, .view-more-btn) { background: #edf1f4; color: #20313f; border-color: #dfe6eb; }
.nazafa-brand .page-item.active .page-link,
.nazafa-brand .pagination-btn.active { background: #20313f; color: white; border-color: #20313f; }
.nazafa-brand :is(.pagination-btn:disabled, .pagination-btn.disabled) { background: #edf1f4; color: #8a98a5; }
.nazafa-brand .view-more-btn svg path { stroke: #20313f; }
.nazafa-brand :is(.form-section, .location-card, #productForm, .filter-controls) { background: #f3f5f7; border-color: #dfe6eb; }
.nazafa-brand :is(.form-section h3, #productForm label, .filter-controls label) { color: #20313f; }
.nazafa-brand #productForm button[type="submit"] { background: #dc293d; box-shadow: none; }
.nazafa-brand #productForm button[type="submit"]:hover { background: #981d29; }
.nazafa-brand :is(input, select, textarea):focus { border-color: #dc293d; box-shadow: 0 0 0 3px #dc293d14; }
.nazafa-brand :is(button, a, input, select, textarea, summary):focus-visible { outline-color: #dc293d; }
.nazafa-brand .filter-controls :is(input, select) { color: #20313f; }
.nazafa-brand .reports-table th,
.nazafa-brand #reportTable thead th,
.nazafa-brand #reportTable tr:first-child th { background: #edf1f4; color: #20313f; border-color: #dfe6eb; }
.nazafa-brand .reports-table tbody tr:hover,
.nazafa-brand #reportTable tbody tr:hover td { background: #f3f5f7; }
.nazafa-brand #reportTable tbody tr:nth-child(even) td { background: #fafbfc; }
.nazafa-brand :is(.trip-sheet-header, #dateSubmitGroup) { background: #f3f5f7; border-color: #dfe6eb !important; }
.nazafa-brand #driverName { background: #f5f7f9; }
.nazafa-brand :is(#selectedVehicleStatus, .required) { color: #981d29; }
.nazafa-brand .dashboard-submit-row { border-color: #dfe6eb; }
.nazafa-brand .company-card { border-color: #dfe6eb; }
.nazafa-brand .company-card:hover { background: #f5f7f9; border-color: #b6c4cd; box-shadow: 0 6px 18px #20313f10; }
.nazafa-brand .company-card .company-monogram { background: #edf1f4; color: #20313f; }
.nazafa-brand .company-card span,
.nazafa-brand .company-back,
.nazafa-brand :is(#companyCount, #skipReportCount, #tankerReportCount) { color: #20313f; }
.nazafa-brand .company-card > span:last-child { border-color: #e5eaf0; }
.nazafa-brand .radio-option.assigned { border-color: #20313f; background: #edf1f4; }
.nazafa-brand .current-badge { background: #20313f; }
.nazafa-brand.nazafa-login .branding-section { color: #20313f; }
.nazafa-brand.nazafa-login .branding-section h1 { text-shadow: none; }
.nazafa-brand.nazafa-login .feature-item { background: white; border: 1px solid #dfe6eb; }
.nazafa-brand.nazafa-login .feature-item:hover { background: #edf1f4; }
.nazafa-brand.nazafa-login .login-header { background: #20313f; }
.nazafa-brand.nazafa-login .login-container { border: 1px solid #dfe6eb; box-shadow: 0 14px 35px #20313f14; }
.nazafa-brand.nazafa-login .bg-decoration { display: none; }
.nazafa-brand.nazafa-login .branding-section .logo { animation: none; text-shadow: none; font-size: inherit; }
.nazafa-brand.nazafa-login .login-brand-logo { display: block; width: min(100%, 320px); height: auto; }
.nazafa-brand.nazafa-login .login-header .logo-icon { animation: none; font-size: inherit; }
.nazafa-brand.nazafa-login .login-header .login-brand-logo { width: 200px; max-width: 100%; margin: 0 auto 18px; padding: 10px; border-radius: 7px; background: white; }
.nazafa-brand.nazafa-login .download-btn { background: #20313f; color: white; border-color: #20313f; }
.nazafa-brand.nazafa-login .download-btn:hover { background: #14232e; }
.nazafa-brand.nazafa-login #eyeOpen { stroke: #20313f; }