/*
 * Hunza Explorers CRM Custom Theme (Lab)
 * Presentation-only overrides; no function or behavior changes.
 */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');

:root {
    --crm-primary: #0f4c5c;
    --crm-primary-strong: #0b3743;
    --crm-accent: #e36414;
    --crm-bg: #f3efe7;
    --crm-surface: #ffffff;
    --crm-border: #d9d3c6;
    --crm-text: #1f2933;
    --crm-muted: #52606d;
    --crm-shadow: 0 10px 24px rgba(15, 76, 92, 0.12);
    --crm-shadow-soft: 0 6px 16px rgba(11, 55, 67, 0.08);
    --crm-radius: 12px;
}

body {
    font-family: 'Outfit', 'Segoe UI', sans-serif;
    background:
        radial-gradient(circle at 15% 20%, rgba(227, 100, 20, 0.08) 0%, rgba(227, 100, 20, 0) 45%),
        radial-gradient(circle at 90% 10%, rgba(15, 76, 92, 0.12) 0%, rgba(15, 76, 92, 0) 40%),
        var(--crm-bg);
    color: var(--crm-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Space Grotesk', 'Outfit', sans-serif;
    letter-spacing: 0.01em;
}

header,
.crm-header-bar {
    background: linear-gradient(135deg, var(--crm-primary), var(--crm-primary-strong));
}

.crm-header-brand-copy p {
    opacity: 0.9;
}

.container,
.layout .container {
    max-width: 1320px;
}

.layout .main {
    border: 1px solid var(--crm-border);
    border-radius: 16px;
    box-shadow: var(--crm-shadow-soft);
}

.crm-nav {
    background: #f7f3eb;
    border-bottom: 1px solid #d7cebc;
}

.nav-item,
.nav-item:first-child {
    border-color: #d7cebc;
}

.nav-link {
    color: #3d4952;
    font-weight: 600;
}

.nav-link:hover {
    background: #efe7d8;
    color: var(--crm-primary-strong);
}

.nav-link.active {
    background: linear-gradient(135deg, var(--crm-accent), #c9560f);
    color: #fff;
}

.btn,
button,
input[type="submit"] {
    border-radius: 10px;
    transition: transform 0.16s ease, box-shadow 0.2s ease;
}

.btn:hover,
button:hover,
input[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 76, 92, 0.18);
}

.stat-card,
.section,
.card,
.panel,
.table-wrap,
.notification-dropdown {
    border-radius: var(--crm-radius);
    box-shadow: var(--crm-shadow);
    border-color: var(--crm-border);
}

.crm-dashboard .welcome-box {
    background: linear-gradient(135deg, var(--crm-primary), #136f86 60%, var(--crm-accent));
    border-radius: 16px;
    box-shadow: var(--crm-shadow);
}

.crm-dashboard .section-title {
    border-bottom-color: var(--crm-accent);
}

.crm-dashboard .stats-grid .stat-card {
    border-top: 4px solid #bfd3da;
}

.crm-dashboard .stats-grid .stat-card:nth-child(2n) {
    border-top-color: #f1ba92;
}

.crm-dashboard .stats-grid .stat-number {
    color: var(--crm-primary);
}

.crm-dashboard .recent-list li:hover {
    background: #fbf8f2;
}

.crm-dashboard .section {
    border-radius: 14px;
}

/* Dashboard-specific phase-2 refinements (index.php Operations Hub) */
.crm-main-dashboard .dash-hero {
    gap: 18px;
}

.crm-main-dashboard .dash-panel {
    border: 1px solid var(--crm-border);
    border-radius: 18px;
    box-shadow: var(--crm-shadow-soft);
    background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);
}

.crm-main-dashboard .dash-panel-hd {
    border-bottom: 1px solid #eadfc8;
}

.crm-main-dashboard .dash-panel-hd h1,
.crm-main-dashboard .dash-panel-hd h2,
.crm-main-dashboard .dash-panel-hd h3 {
    letter-spacing: 0.005em;
}

.crm-main-dashboard .dash-actions .dash-btn,
.crm-main-dashboard .dash-actions .dash-btn-secondary {
    border-radius: 12px;
    border: 1px solid #d9cdb8;
    box-shadow: 0 3px 10px rgba(15, 76, 92, 0.08);
}

.crm-main-dashboard .dash-actions .dash-btn {
    background: linear-gradient(135deg, #0f4c5c, #136f86);
    color: #fff;
    border-color: #0f4c5c;
}

.crm-main-dashboard .dash-actions .dash-btn-secondary {
    background: #f8f2e7;
    color: #2d4754;
}

.crm-main-dashboard .hero-chip {
    border-radius: 14px;
    border: 1px solid #e8dcc6;
    background: #fffdf9;
}

.crm-main-dashboard .hero-chip-value {
    color: #0f4c5c;
}

.crm-main-dashboard .hero-chip.is-alert {
    background: #fff3e9;
    border-color: #f3cfb4;
}

.crm-main-dashboard .hero-chip.is-success {
    background: #edf8f4;
    border-color: #b8e0d0;
}

.crm-main-dashboard .kpi-card {
    border-radius: 14px;
    border: 1px solid #e6dcc8;
    background: #fff;
}

.crm-main-dashboard .kpi-card::after {
    opacity: 0.18;
}

.crm-main-dashboard .kpi-value {
    color: #173244;
}

.crm-main-dashboard .action-item {
    border: 1px solid #e6dcc8;
    border-radius: 12px;
    background: #fffdfa;
}

.crm-main-dashboard .action-item:hover {
    background: #f7efe0;
    border-color: #dcc6a6;
}

.crm-main-dashboard .action-value {
    color: #0f4c5c;
}

.crm-main-dashboard .module-card {
    border-radius: 14px;
    border: 1px solid #eadfc8;
}

.crm-main-dashboard .agenda-item {
    border-radius: 12px;
}

.crm-main-dashboard .agenda-item:hover {
    background: #f7efe2;
}

/* Bookings module refinements */
.crm-container .page-header {
    border-bottom-color: #e4d9c4;
}

.crm-container .page-header h1 {
    color: #173244;
}

.crm-container .page-header .subtitle {
    color: #647685;
}

.crm-container .filter-section,
.crm-container .filter-group {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    background: #fffdfa;
    box-shadow: var(--crm-shadow-soft);
}

.crm-container .stats-grid .stat-card {
    border: 1px solid #e8dcc6;
    border-top: 3px solid #c7d7de;
    background: linear-gradient(180deg, #ffffff 0%, #fffcf6 100%);
}

.crm-container .stats-grid .stat-card:nth-child(2n) {
    border-top-color: #f2be99;
}

.crm-container .stat-value {
    color: #163649;
}

.crm-container .stat-label {
    color: #627482;
}

/* Requests module refinements */
.requests-header {
    padding: 8px 2px 2px;
}

.requests-header h2 {
    color: #173244;
}

.requests-filter-group {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    padding: 12px;
    background: #fffdfa;
    box-shadow: var(--crm-shadow-soft);
}

.requests-table-wrap table {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    overflow: hidden;
}

.requests-table-wrap tbody tr:hover td {
    background: #fbf4e7;
}

.badge {
    border-radius: 999px;
}

/* Inbox module refinements */
.inbox-wrapper {
    background: linear-gradient(180deg, #f5efe4 0%, #f0e8da 100%);
}

.inbox-container {
    border: 1px solid #e6d9c2;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

.inbox-sidebar {
    background: linear-gradient(180deg, #fbf8f2 0%, #f3ebdd 100%);
    border-right: 1px solid #e7dcc7;
}

.sidebar-nav li a {
    border-radius: 8px;
}

.sidebar-nav li a.active {
    background: linear-gradient(135deg, #0f4c5c, #136f86);
}

.message-list,
.message-detail {
    background: #fffdf9;
}

.message-item {
    border-bottom: 1px solid #eee3ce;
}

.message-item:hover {
    background: #f8efe1;
}

.message-item.selected {
    background: #ece3d3;
}

.message-subject {
    color: #173244;
}

.message-date {
    color: #6f7f8c;
}

/* Campaigns module refinements */
.crm-campaigns-container .campaigns-header h1 {
    color: #173244;
}

.crm-campaigns-container .create-form {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #fffcf6 100%);
    box-shadow: var(--crm-shadow-soft);
}

.crm-campaigns-container .campaigns-grid {
    gap: 18px;
}

.crm-campaigns-container .campaign-card {
    border: 1px solid #e8dcc6;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #fffcf6 100%);
}

.crm-campaigns-container .campaign-card h3 {
    color: #173244;
}

.crm-campaigns-container .campaign-card:hover {
    box-shadow: 0 10px 22px rgba(15, 76, 92, 0.12);
    transform: translateY(-1px);
}

.crm-campaigns-container .status-badge {
    border-radius: 999px;
    padding: 5px 10px;
}

.crm-campaigns-container .progress-bar {
    background: #efe4d0;
    border-radius: 999px;
}

.crm-campaigns-container .progress-fill {
    background: linear-gradient(90deg, #0f4c5c, #e36414);
}

.crm-campaigns-container .delete-icon {
    border: 1px solid #efb4bc;
}

/* Calendar module refinements */
body .cal-page {
    background: linear-gradient(180deg, #f4ecde 0%, #efe5d4 100%);
}

body .cal-page .cal-toolbar {
    background: #fffdf9;
    border-bottom: 1px solid #e8dcc7;
    box-shadow: 0 2px 10px rgba(15, 76, 92, 0.06);
}

body .cal-page .cal-view-tabs {
    background: #f6efe3;
    border-color: #e4d6bf;
}

body .cal-page .cal-view-tab.active {
    color: #0f4c5c;
}

body .cal-page .cal-sidebar {
    background: linear-gradient(180deg, #fffdf8 0%, #f4ecdf 100%);
    border-right: 1px solid #e7dcc8;
}

body .cal-page .cal-stat-card {
    background: #fffaf1;
    border-color: #e6d9c3;
}

body .cal-page .cal-main {
    background: #fffdf9;
}

body .cal-page .cal-month-cell.today,
body .cal-page .cal-week-header-day.today-col {
    background: #f9f1e3;
}

body .cal-page .today .cal-day-num,
body .cal-page .cal-today-btn,
body .cal-page .cal-tool-btn.active {
    background: #0f4c5c;
    border-color: #0f4c5c;
}

body .cal-page .cal-filter-bar {
    background: #f7efe1;
    border-bottom-color: #e3d5bf;
}

body .cal-page .cal-legend {
    background: #fffdf9;
    border-bottom-color: #eadfcf;
}

/* Itinerary repository refinements */
body .itn-repo-page .itn-page-header h1,
body .itn-repo-page .itn-list-title,
body .itn-repo-page .itn-stat-val,
body .itn-repo-page .itn-group-title {
    color: #173244;
}

body .itn-repo-page .itn-filter-bar,
body .itn-repo-page .itn-stat,
body .itn-repo-page .itn-list-wrap,
body .itn-repo-page .modal-box {
    border-color: #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .itn-repo-page .itn-list-table thead th {
    background: #f5ede0;
}

body .itn-repo-page .itn-list-table tbody tr:hover {
    background: #fbf4e8;
}

body .itn-repo-page .itn-tab.active,
body .itn-repo-page .btn-filter,
body .itn-repo-page .itn-action-btn.primary,
body .itn-repo-page .itn-page-btn.active {
    background: #0f4c5c;
    border-color: #0f4c5c;
}

body .itn-repo-page .itn-tab.active .badge {
    background: #e36414;
}

/* Itinerary detail refinements */
body .itn-builder-page,
body .itn-builder-main {
    background: linear-gradient(180deg, #f5eee2 0%, #f0e7d9 100%);
}

body .itn-builder-page .itn-builder-header,
body .itn-builder-page .itn-overview-card,
body .itn-builder-page .itn-day-card,
body .itn-builder-page .itn-builder-sidebar,
body .itn-builder-page .act-modal-box,
body .itn-builder-page .itn-print-options-modal,
body .itn-builder-page .compare-modal,
body .itn-builder-page .cm-section {
    border-color: #e7dbc6;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .itn-builder-page .itn-day-header,
body .itn-builder-page .itn-overview-card .card-title,
body .itn-builder-page .cm-section-hd {
    background: #f8f1e6;
}

body .itn-builder-page .btn-save-itn,
body .itn-builder-page .btn-sm,
body .itn-builder-page .itn-icon-btn:hover,
body .itn-builder-page .itn-meals-cb:checked + .itn-meals-cb-lbl {
    background: #0f4c5c;
    border-color: #0f4c5c;
    color: #fff;
}

body .itn-builder-page .itn-activity-row:hover {
    border-color: #d8c9af;
    background: #fbf4e7;
}

body .itn-builder-page .itn-pricing-bar {
    background: linear-gradient(135deg, #0f4c5c, #136f86);
}

/* Contacts module refinements */
body .crm-contacts-container .contacts-header h1,
body .crm-contacts-container .contact-name-link {
    color: #173244;
}

body .crm-contacts-container .filters-bar,
body .crm-contacts-container .create-contact-modal,
body .crm-contacts-container .bulk-actions-bar {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .crm-contacts-container .filters-bar,
body .crm-contacts-container .create-contact-modal {
    background: linear-gradient(180deg, #fffdf8 0%, #f7efe2 100%);
}

body .crm-contacts-container .contacts-table {
    border: 1px solid #e6d9c2;
    border-radius: 12px;
    overflow: hidden;
}

body .crm-contacts-container .contacts-table th {
    background: #f5ede0;
    color: #2f3d46;
}

body .crm-contacts-container .contacts-table tr:hover {
    background: #fbf4e8;
}

body .crm-contacts-container .tag-badge {
    border-radius: 999px;
}

/* Contact detail refinements */
body .cp {
    background: linear-gradient(180deg, #f5eee2 0%, #f0e7d9 100%);
}

body .cp .cp-hero,
body .cp .cp-card,
body .cp .cp-itn-assign,
body .cp .cp-tbl {
    border: 1px solid #e7dbc6;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .cp .cp-ch,
body .cp .cp-tbl thead th {
    background: #f7f0e5;
}

body .cp .cp-tbl tbody tr:hover {
    background: #fbf5e9;
}

body .cp .cp-btn,
body .cp .cp-save {
    border-radius: 10px;
}

/* Customers list/detail refinements */
body .main h2 {
    color: #173244;
}

body .customers-toolbar input,
body .customer-info-card,
body .customers-table-wrap,
body .customer-detail-table-wrap,
body .customer-topbar-nav a {
    border: 1px solid #e7dcc7;
    border-radius: 12px;
}

body .customer-info-card,
body .customers-table-wrap,
body .customer-detail-table-wrap {
    background: linear-gradient(180deg, #fffdf8 0%, #f7efe1 100%);
    box-shadow: var(--crm-shadow-soft);
}

body .customer-topbar-nav a.active,
body .customers-toolbar .btn.btn-primary {
    background: #0f4c5c;
    border-color: #0f4c5c;
    color: #fff;
}

body .customers-table-wrap table thead th,
body .customer-detail-table-wrap table thead th {
    background: #f5ede0;
}

body .customers-table-wrap table tbody tr:hover,
body .customer-detail-table-wrap table tbody tr:hover {
    background: #fbf4e8;
}

/* Guides list refinements */
body .crm-container .guides-grid .guide-card,
body .crm-container .no-data-card,
body .crm-container .filter-section,
body .crm-container #guide-bulk-bar {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .crm-container .guides-grid .guide-card {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
}

body .crm-container .guide-card-header,
body .crm-container .guide-card-footer {
    background: #f7efe2;
}

body .crm-container .guide-info h3 a,
body .crm-container .page-header h1 {
    color: #173244;
}

body .crm-container .filter-input,
body .crm-container .filter-select {
    border-color: #d9ccb4;
}

/* Guide detail refinements */
body .guide-detail-page {
    background: linear-gradient(180deg, #f5eee2 0%, #f0e7d9 100%);
}

body .guide-detail-page .section-card,
body .guide-detail-page .assignment-card,
body .guide-detail-page .modal-content,
body .guide-detail-page .tours-table,
body .guide-detail-page .guide-tab-nav {
    border: 1px solid #e7dbc6;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .guide-detail-page .section-header,
body .guide-detail-page .tours-table thead th {
    background: #f7f0e5;
}

body .guide-detail-page .guide-tab-nav a.active,
body .guide-detail-page .btn.btn-primary {
    background: #0f4c5c;
    border-color: #0f4c5c;
    color: #fff;
}

body .guide-detail-page .tours-table tbody tr:hover {
    background: #fbf4e8;
}

/* Agents refinements */
body .agents-header h2 {
    color: #173244;
}

body .agents-stats > div,
body .agents-filter-bar,
body .agents-table-wrap,
body #agentBulkBar,
body .modal-content {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .agents-stats > div,
body .agents-filter-bar,
body .agents-table-wrap {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
}

body .agents-table thead th {
    background: #f5ede0;
}

body .agents-table tbody tr:hover td {
    background: #fbf4e8;
}

body .agents-table .badge {
    border-radius: 999px;
}

body .agents-header .btn.btn-primary,
body .agents-filter-bar .btn.btn-primary {
    background: #0f4c5c;
    border-color: #0f4c5c;
}

/* Tickets module refinements */
body .crm-tickets-container,
body .crm-ticket-detail {
    background: linear-gradient(180deg, #f5eee2 0%, #f0e7d9 100%);
    border-radius: 14px;
    padding: 16px;
}

body .crm-tickets-container .tickets-toolbar,
body .crm-tickets-container .filters-applied,
body .crm-ticket-detail .ticket-info,
body .crm-ticket-detail .ticket-section,
body .crm-ticket-detail .add-note-form,
body .crm-ticket-detail .email-summary {
    border: 1px solid #e7dcc7;
    border-radius: 12px;
    box-shadow: var(--crm-shadow-soft);
}

body .crm-tickets-container .tickets-table,
body .crm-ticket-detail .ticket-section {
    background: #fffdf8;
}

body .crm-tickets-container .tickets-table th,
body .crm-ticket-detail .section-title {
    background: #f5ede0;
    color: #2f3d46;
}

body .crm-tickets-container .tickets-table tr:hover,
body .crm-ticket-detail .note:hover,
body .crm-ticket-detail .email-summary:hover {
    background: #fbf4e8;
}

body .crm-ticket-detail .ticket-id-link,
body .crm-ticket-detail .note-author,
body .crm-tickets-container .ticket-id-link {
    color: #173244;
}

/* Finance modules refinements */
body .fin-wrap {
    background: linear-gradient(180deg, #f5eee2 0%, #efe5d6 100%);
    border-radius: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
}

body .fin-wrap .fin-page-hd h1 {
    color: #173244;
}

body .fin-wrap .fin-nav a {
    border: 1px solid #e3d5bf;
    border-radius: 10px;
    background: #fbf6ed;
}

body .fin-wrap .fin-nav a:hover,
body .fin-wrap .fin-nav a.active {
    background: #0f4c5c;
    border-color: #0f4c5c;
}

body .fin-wrap .kpi,
body .fin-wrap .fin-card,
body .fin-wrap .filter-bar,
body .fin-wrap .guide-selector,
body .fin-wrap .modal-box,
body .fin-wrap .modal-content {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .fin-wrap .kpi,
body .fin-wrap .fin-card,
body .fin-wrap .filter-bar,
body .fin-wrap .guide-selector {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
}

body .fin-wrap .fin-card-hd,
body .fin-wrap table.fin-tbl th {
    background: #f5ede0;
}

body .fin-wrap table.fin-tbl tr:hover td {
    background: #fbf4e8;
}

body .fin-wrap .badge {
    border-radius: 999px;
}

/* Suppliers (catalog + list) refinements */
body .sp-wrap {
    background: linear-gradient(180deg, #f5eee2 0%, #efe5d6 100%);
    border-radius: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

body .sp-wrap .sp-head h1 {
    color: #173244;
}

body .sp-wrap .stat-card,
body .sp-wrap .cat-panel,
body .sp-wrap .add-form {
    border-color: #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .sp-wrap .stat-card,
body .sp-wrap .cat-panel {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
}

body .sp-wrap .cat-phd,
body .sp-wrap .items-table th,
body .sp-wrap .sup-table th {
    background: #f5ede0;
}

body .sp-wrap .items-table tr:hover td,
body .sp-wrap .sup-table tr:hover td {
    background: #fbf4e8;
}

body .sp-wrap .cat-tab-btn.active,
body .sp-wrap .btn-primary {
    background: #0f4c5c;
    border-color: #0f4c5c;
}

body .sp-wrap .chip {
    border-radius: 999px;
}

/* Supplier detail refinements */
body .supplier-detail-wrap {
    background: linear-gradient(180deg, #f5eee2 0%, #efe5d6 100%);
    border-radius: 16px;
    padding-top: 16px;
    padding-bottom: 24px;
}

body .supplier-detail-wrap .summary-card,
body .supplier-detail-wrap .section-card,
body .supplier-detail-wrap .mini-form {
    border-color: #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .supplier-detail-wrap .summary-card,
body .supplier-detail-wrap .section-card {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
}

body .supplier-detail-wrap .section-hd,
body .supplier-detail-wrap .data-table th {
    background: #f5ede0;
}

body .supplier-detail-wrap .data-table tr:hover td {
    background: #fbf4e8;
}

body .supplier-detail-wrap .tab-nav {
    background: rgba(247, 242, 234, 0.95);
    border-color: #e6d9c2;
}

body .supplier-detail-wrap .tab-nav a {
    border: 1px solid #e3d5bf;
    background: #fbf6ed;
}

body .supplier-detail-wrap .btn-primary {
    background: #0f4c5c;
    border-color: #0f4c5c;
}

/* LOI Documents refinements */
body .loidoc-wrap .loidoc-card {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
    box-shadow: var(--crm-shadow-soft);
}

body .loidoc-wrap .loidoc-card h2 {
    color: #173244;
}

body .loidoc-wrap .loidoc-input {
    border-color: #d9ccb4;
    border-radius: 10px;
}

body .loidoc-wrap .loidoc-input:focus {
    border-color: var(--crm-accent);
    box-shadow: 0 0 0 3px rgba(227, 100, 20, 0.15);
}

body .loidoc-wrap .loidoc-add-btn {
    background: #0f4c5c;
}

body .loidoc-wrap .loidoc-doc-thumb {
    border-color: #e7dcc7;
    background: #fffdf8;
    border-radius: 10px;
}

/* Audit Log */
body .crm-audit-container .stats-grid .stat-card {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .crm-audit-container .filter-bar {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
    border: 1px solid #e7dcc7;
    border-radius: 12px;
}

body .crm-audit-container .logs-table th {
    background: #f5ede0;
    color: #4a6070;
}

body .crm-audit-container .logs-table tr:hover td {
    background: #fbf4e8;
}

/* Automation Rules */
body .crm-automation-container .automation-header {
    margin-bottom: 20px;
}

body .crm-automation-container .info-card {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .crm-automation-container .create-rule-form {
    background: linear-gradient(180deg, #fffdf8 0%, #f5ede2 100%);
    border: 1px solid #e7dcc7;
    border-radius: 14px;
}

body .crm-automation-container .btn.btn-primary {
    background: #0f4c5c;
    border-color: #0f4c5c;
}

/* Notifications */
body .notifications-header {
    margin-bottom: 18px;
}

body .filter-tabs .filter-tab.active {
    background: var(--crm-accent);
    color: #fff;
    border-color: var(--crm-accent);
}

body .notification-list .notification-item {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
    border: 1px solid #e7dcc7;
    border-radius: 12px;
    margin-bottom: 8px;
    box-shadow: var(--crm-shadow-soft);
}

body .notification-list .notification-item.unread {
    background: linear-gradient(180deg, #fff8ee 0%, #faecd5 100%);
    border-color: #e3c99a;
}

/* Hotel Finance */
body .hf-wrap .hf-stats .hf-stat {
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

body .hf-wrap .hf-filter-bar {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
    border: 1px solid #e7dcc7 !important;
}

/* Supplier Reports */
body .supplier-report-wrap .kpi-grid .kpi {
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    box-shadow: var(--crm-shadow-soft);
}

/* Settings page (.settings-tabs is unique to settings.php) */
.settings-tabs .tab-button.active {
    background: #0f4c5c;
    border-color: #0f4c5c;
    color: #fff;
}

.settings-tabs .tab-button {
    border-radius: 10px;
}

.tab-content .form-section,
.tab-content .card,
.tab-content .settings-card {
    border: 1px solid #e7dcc7;
    border-radius: 14px;
    background: linear-gradient(180deg, #fffdf8 0%, #f6eedf 100%);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    background: var(--crm-surface);
}

table thead th {
    background: #f4ede1;
    color: #2f3d46;
}

table tr:nth-child(even) td {
    background: #fffcf7;
}

input,
select,
textarea {
    border: 1px solid #ccbfa8;
    border-radius: 10px;
    font-family: 'Outfit', sans-serif;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--crm-accent);
    box-shadow: 0 0 0 3px rgba(227, 100, 20, 0.18);
    outline: none;
}

.notification-dropdown {
    border: 1px solid #d7cebc;
}

.notification-header {
    background: #f8f2e7;
}

a,
.ticket-link,
.nav-link {
    color: var(--crm-primary);
}

a:hover,
.ticket-link:hover,
.nav-link:hover {
    color: var(--crm-primary-strong);
}

.btn-primary,
button.btn-primary,
.crm-header-actions .btn-primary {
    background: var(--crm-accent);
    border-color: var(--crm-accent);
    color: #fff;
}

.btn-primary:hover,
button.btn-primary:hover,
.crm-header-actions .btn-primary:hover {
    background: #bf4f0b;
    border-color: #bf4f0b;
}

@keyframes crmFadeRise {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.main,
.crm-dashboard .section,
.crm-dashboard .stat-card {
    animation: crmFadeRise 0.34s ease both;
}

@media (max-width: 768px) {
    .container,
    .layout .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .crm-dashboard .dashboard-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .crm-dashboard .dashboard-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }

    .crm-main-dashboard .dash-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        gap: 8px;
    }
}