/* ============================================================
   SWIFT — KODAI KAK TEH BRAND SYSTEM
   One palette for EVERY page.
   Chocolate brown • Maroon • Golden yellow • Warm cream • Beige
   ============================================================ */
:root {
  --kkt-brown:#3b2420;
  --kkt-brown-2:#4a2a24;
  --kkt-maroon:#9b2226;
  --kkt-maroon-dark:#7a1c20;
  --kkt-gold:#d4a62c;
  --kkt-gold-soft:#f3e6c4;
  --kkt-cream:#faf5ea;
  --kkt-cream-2:#f6efe3;
  --kkt-beige:#e8d8c5;
  --kkt-border:#d8c7b5;
  --kkt-text:#3b2a25;
  --kkt-muted:#806a5a;
  --kkt-white:#fffaf2;
}

/* PAGE BASE */
html, body,
body.theme-dark,
html.theme-dark,
html.theme-dark body {
  background:#faf5ea !important;
  color:var(--kkt-text) !important;
}
body,
body.theme-dark {
  --bg-page:#faf5ea !important;
  --text-heading:#3b2420 !important;
  --text-muted:#806a5a !important;
}

.main,
.main-container,
.page,
.page.active,
.content,
.management-page,
.employee-page {
  background:#faf5ea !important;
  color:var(--kkt-text) !important;
}

/* SIDEBARS */
.sidebar,
.sidebar_employee,
.side-nav,
nav.sidebar {
  background:#3b2420 !important;
  color:#f6efe3 !important;
  border-color:#4a2a24 !important;
}
.sidebar-brand,
.sidebar .brand-text .name,
.sidebar .nav-item,
.sidebar .nav-label,
.sidebar-footer,
.sidebar-theme-label,
.sidebar_employee .nav-item,
.side-nav .nav-item {
  color:#f6efe3 !important;
}
.brand-icon,
.sidebar .brand-icon {
  background:linear-gradient(135deg,#d4a62c,#9b2226) !important;
}
.nav-item:hover,
.nav-item.active,
.sidebar .nav-item:hover,
.sidebar .nav-item.active {
  background:#9b2226 !important;
  color:#fffaf2 !important;
  border-color:#d4a62c !important;
}
.nav-item i,
.sidebar .nav-item i,
.sidebar .nav-item .icon,
.side-nav i {
  color:#d4a62c !important;
}
.nav-item.active i,
.sidebar .nav-item.active i {
  color:#fffaf2 !important;
}

/* TOP HEADER */
.header,
.topbar,
.navbar,
.employee-header {
  background:rgba(255,250,242,.96) !important;
  color:var(--kkt-text) !important;
  border:1px solid rgba(155,34,38,.16) !important;
  box-shadow:0 4px 18px rgba(59,36,32,.08) !important;
}
.header .text,
.header .page-title,
.header .name,
.header .pname,
.header .date,
.header .prole,
.header .greeting,
.header-left,
.header-right,
.page-title,
.profile-btn,
.profile-btn * {
  color:var(--kkt-text) !important;
}
.greeting .text .name,
.header .name,
.header .page-title {
  color:#7a1c20 !important;
}
.header .date,
.header .prole,
.header .urole,
.header .text small,
.header p {
  color:#806a5a !important;
}
.header-actions button,
.header-actions a,
.home-btn,
.refresh-btn,
.profile-btn {
  background:#fffaf2 !important;
  color:#4a2a24 !important;
  border-color:#d8c7b5 !important;
}
.header-actions button:hover,
.header-actions a:hover,
.home-btn:hover,
.refresh-btn:hover,
.profile-btn:hover {
  background:#f3e6c4 !important;
  color:#7a1c20 !important;
}

/* AVATARS / BADGES */
.avatar,
.profile-avatar,
.user-avatar,
.user-initials {
  background:#d4a62c !important;
  color:#3b2420 !important;
  border-color:#9b2226 !important;
}
.admin-badge,
.role-badge,
.badge-admin,
.admin-label {
  background:#f3e6c4 !important;
  color:#7a1c20 !important;
  border-color:#d4a62c !important;
}

/* CARDS / PANELS */
.card,
.emp-card,
.employee-card,
.summary-card,
.chart-card,
.todo-card,
.quick-btn-item,
.settings-card,
.settings-section,
.filter-card,
.toolbar,
.section-card,
.report-card,
.salary-card,
.payslip-card,
.attendance-action-card,
.calendar-container .card,
.calendar-layout,
.modal-box,
.modal-content,
.management-card,
.scanner-card,
.scanner-card-head,
.note-card {
  background:#fffaf2 !important;
  color:var(--kkt-text) !important;
  border-color:#e2d2c2 !important;
  box-shadow:0 5px 18px rgba(59,36,32,.07) !important;
}
.card-header,
.card-header-title,
.section-header,
.modal-header {
  color:#4a2a24 !important;
  border-color:#e2d2c2 !important;
}
.card-subtitle,
.secondary-text,
.text-muted,
.muted,
.help-text,
.small-text {
  color:#806a5a !important;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6,
.card-header-title,
.icon-title h3,
.calendar-title,
.month-title,
.settings-title,
.settings-section-title {
  color:#3b2420 !important;
}

/* LINKS */
a,
a:visited {
  color:#8f2a2a !important;
}
a:hover {
  color:#d4a62c !important;
}

/* BUTTONS — primary/action */
.btn-primary,
.btn-save,
.save-btn,
.submit-btn,
.action-btn.primary,
.primary-btn,
button.primary,
button[type="submit"],
.scan-again,
.book-btn,
.explore-btn {
  background:#9b2226 !important;
  color:#fffaf2 !important;
  border-color:#9b2226 !important;
}
.btn-primary:hover,
.btn-save:hover,
.save-btn:hover,
.submit-btn:hover,
.action-btn.primary:hover,
.primary-btn:hover,
button.primary:hover,
button[type="submit"]:hover,
.scan-again:hover,
.book-btn:hover,
.explore-btn:hover {
  background:#7a1c20 !important;
  border-color:#7a1c20 !important;
}
.btn-secondary,
.cancel-btn,
.action-btn.secondary,
.secondary-btn {
  background:#f3e6c4 !important;
  color:#4a2a24 !important;
  border-color:#d4a62c !important;
}

/* FORM FIELDS */
input,
select,
textarea,
.form-control,
.filter-select,
.todo-input-wrap input,
.form-group input,
.form-group select,
.form-group textarea {
  background:#fffaf2 !important;
  color:#3b2a25 !important;
  border-color:#d8c7b5 !important;
}
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.filter-select:focus {
  border-color:#d4a62c !important;
  box-shadow:0 0 0 3px rgba(212,166,44,.14) !important;
  outline:none !important;
}
::placeholder {
  color:#a08b7a !important;
}

/* TABLES */
table,
.custom-table {
  color:#3b2a25 !important;
}
th,
.custom-table th {
  background:#4a2a24 !important;
  color:#fffaf2 !important;
  border-color:#6a5145 !important;
}
td,
.custom-table td {
  color:#4a2a24 !important;
  border-color:#e2d2c2 !important;
}
tbody tr:hover,
.custom-table tbody tr:hover {
  background:#f6efe3 !important;
}

/* COMMON BLUE/GREEN/PURPLE STATUS CLASSES -> BRAND */
.bg-blue,.bg-emerald,.bg-purple,
.icon.blue,.a-icon.blue,
.status-in,.status-active,
.text-primary,.text-success,
.badge-success,.badge-info,.badge-primary,
.status-ready,.ready-status {
  background:#f3e6c4 !important;
  color:#7a1c20 !important;
  border-color:#d4a62c !important;
}
.icon.green,.a-icon.green {
  background:#f3e6c4 !important;
  color:#8f6a2a !important;
}
.icon.orange,.a-icon.orange {
  background:#f3e6c4 !important;
  color:#8f6a2a !important;
}
.icon.red,.a-icon.red,
.badge-danger,.text-danger {
  background:#f3d8d6 !important;
  color:#8f1f23 !important;
}

/* MANAGEMENT / QR SCANNER */
.scanner-page,
.scanner-heading,
.scanner-card,
.scanner-card-head,
.scanner-body {
  color:#3b2a25 !important;
}
.scanner-heading h1,
.scanner-card-head h2,
.scanner-card-head h3 {
  color:#3b2420 !important;
}
.scanner-heading p,
.scanner-card-head p,
.scanner-help,
.scanner-note {
  color:#806a5a !important;
}
.scanner-status,
.scanner-status.scanning {
  background:#f3e6c4 !important;
  color:#7a1c20 !important;
  border-color:#d4a62c !important;
}
.scanner-status.error {
  background:#f3d8d6 !important;
  color:#8f1f23 !important;
}
#reader {
  background:#f6efe3 !important;
  border-color:#d8c7b5 !important;
}

/* EMPLOYEE CALENDAR — remove blue/purple/green accents */
.legend-item,
.day-name,
.calendar-note-card,
.note-body,
.calendar-note-title {
  color:#4a2a24 !important;
}
.legend-box.morning,
.shift-morning {
  background:#f4e2a7 !important;
  border-color:#d4a62c !important;
  color:#7a1c20 !important;
}
.legend-box.afternoon,
.shift-afternoon {
  background:#f3d8d6 !important;
  border-color:#9b2226 !important;
  color:#7a1c20 !important;
}
.legend-box.night,
.shift-night {
  background:#e9d7cf !important;
  border-color:#6a5145 !important;
  color:#4a2a24 !important;
}
.legend-box.off,
.shift-off {
  background:#f7f0e5 !important;
  border-color:#a89a8e !important;
  color:#806a5a !important;
}
.calendar-note-card.note-personal,
.calendar-note-card.note-note {
  background:#f3e6c4 !important;
  color:#7a1c20 !important;
  border-left-color:#d4a62c !important;
}
.calendar-note-card.note-admin,
.calendar-note-card.note-management {
  background:#f3d8d6 !important;
  color:#7a1c20 !important;
  border-left-color:#9b2226 !important;
}

/* MANAGEMENT CALENDAR / EVENT PILLS */
.event-pill.sent,
.event-pill.read,
.event-pill.incoming,
.event-pill.pending {
  border-color:#d4a62c !important;
}
.event-pill.sent { background:#f3d8d6 !important; color:#8f1f23 !important; }
.event-pill.incoming { background:#f3d8d6 !important; color:#8f1f23 !important; }
.event-pill.pending { background:#f3e6c4 !important; color:#7a1c20 !important; }
.event-pill.read { background:#f3e6c4 !important; color:#7a1c20 !important; }

/* DROPDOWNS */
.dropdown,
.profile-menu,
.menu-dropdown {
  background:#fffaf2 !important;
  color:#4a2a24 !important;
  border-color:#d8c7b5 !important;
}
.dropdown .ditem,
.profile-menu a,
.menu-dropdown a {
  color:#4a2a24 !important;
}
.dropdown .ditem:hover,
.profile-menu a:hover,
.menu-dropdown a:hover {
  background:#f3e6c4 !important;
  color:#7a1c20 !important;
}

/* MODALS */
.modal-overlay { background:rgba(59,36,32,.55) !important; }
.modal-box,
.modal-content {
  background:#fffaf2 !important;
  color:#4a2a24 !important;
  border-color:#d4a62c !important;
}
.modal-header,
.modal-footer { border-color:#e2d2c2 !important; }

/* DARK MODE — still the SAME BRAND, not navy/blue */
html.theme-dark,
html.theme-dark body,
body.theme-dark {
  background:#241815 !important;
  color:#f6efe3 !important;
}
body.theme-dark .main,
body.theme-dark .main-container,
body.theme-dark .page,
body.theme-dark .page.active {
  background:#241815 !important;
  color:#f6efe3 !important;
}
body.theme-dark .header,
body.theme-dark .card,
body.theme-dark .emp-card,
body.theme-dark .employee-card,
body.theme-dark .summary-card,
body.theme-dark .chart-card,
body.theme-dark .todo-card,
body.theme-dark .settings-card,
body.theme-dark .settings-section,
body.theme-dark .filter-card,
body.theme-dark .toolbar,
body.theme-dark .section-card,
body.theme-dark .report-card,
body.theme-dark .salary-card,
body.theme-dark .payslip-card,
body.theme-dark .attendance-action-card,
body.theme-dark .calendar-container .card,
body.theme-dark .modal-box,
body.theme-dark .modal-content,
body.theme-dark .scanner-card {
  background:#3b2420 !important;
  color:#f6efe3 !important;
  border-color:#6a5145 !important;
}
body.theme-dark .header .text,
body.theme-dark .header .page-title,
body.theme-dark .header .name,
body.theme-dark .header .pname,
body.theme-dark .header .date,
body.theme-dark .header .prole,
body.theme-dark .profile-btn,
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark h6,
body.theme-dark label,
body.theme-dark p,
body.theme-dark .text-muted,
body.theme-dark .card-subtitle,
body.theme-dark .secondary-text {
  color:#f6efe3 !important;
}
body.theme-dark input,
body.theme-dark select,
body.theme-dark textarea,
body.theme-dark .form-control {
  background:#2f201c !important;
  color:#f6efe3 !important;
  border-color:#6a5145 !important;
}
body.theme-dark th { background:#4a2a24 !important; color:#fffaf2 !important; }
body.theme-dark td { color:#f4eadc !important; border-color:#6a5145 !important; }

/* Never let legacy blue theme accents survive */
[style*="#9b2226"],[style*="#9b2226"],[style*="#9b2226"],[style*="#d4a62c"],[style*="#9b2226"],
[style*="rgb(37, 99, 235)"],[style*="rgb(59, 130, 246)"] {
  color:#9b2226 !important;
  border-color:#d4a62c !important;
}

/* ============================================================
   SWIFT GLOBAL ELEGANT TYPOGRAPHY
   Same refined typography used on Employee Payroll.
   Body/UI: Aptos / Segoe UI
   Main headings: Cambria / Georgia
   ============================================================ */
html, body,
body body {
  font-family: Aptos, "Segoe UI", Arial, sans-serif !important;
}

h1, h2, h3,
.page-title, .section-title,
.card-title, .dashboard-title,
.panel-title, .section-heading,
.salary-title, .report-title,
.modal-title, .form-title {
  font-family: Cambria, Georgia, "Times New Roman", serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.15px;
}

/* Keep compact UI elements clean and modern */
button, input, select, textarea,
.nav-item, .sidebar, .header,
table, th, td, label, small,
.badge, .status-badge {
  font-family: Aptos, "Segoe UI", Arial, sans-serif !important;
}

/* Brand name remains a clean UI mark rather than a serif heading */
.logo, .brand, .brand-text, .sidebar-brand,
.sidebar-brand *, .brand-text body {
  font-family: Aptos, "Segoe UI", Arial, sans-serif !important;
}


/* SWIFT global typography: preserve icon fonts */
body, button, input, select, textarea { font-family: Aptos, "Segoe UI", Arial, sans-serif !important; }
.fa, .fas, .far, .fal, .fab, .fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-brands, [class^="fa-"], [class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
  font-style: normal !important;
}
.fas, .fa-solid { font-weight: 900 !important; }
.far, .fa-regular { font-weight: 400 !important; }
.fab, .fa-brands { font-weight: 400 !important; }