/*
 * theme-pro.css — Professional theme override for All Landlord Certificates Dashboard
 * Applied after main.css; dark sidebar, refined blues, improved typography & contrast.
 */

/* ============================================================
   1. CSS CUSTOM PROPERTIES
   ============================================================ */
:root {
  --pro-primary:        #1d4ed8;
  --pro-primary-light:  rgba(29, 78, 216, 0.10);
  --pro-primary-ring:   rgba(29, 78, 216, 0.22);
  --pro-secondary:      #0f766e;
  --pro-success:        #15803d;
  --pro-danger:         #b91c1c;
  --pro-warning:        #b45309;
  --pro-info:           #0f766e;
  --pro-purple:         #7c3aed;
  --pro-orange:         #ea580c;

  --pro-body-bg:        #f5f7fb;
  --pro-card-bg:        #ffffff;
  --pro-card-border:    #d6dfeb;
  --pro-card-shadow:    0 3px 14px rgba(15, 23, 42, 0.06);

  --pro-sidebar-bg:     #ffffff;
  --pro-sidebar-deep:   #f8fbff;
  --pro-sidebar-text:   #334155;
  --pro-sidebar-active: #0f172a;
  --pro-sidebar-accent: #1d4ed8;
  --pro-sidebar-active-bg: rgba(29, 78, 216, 0.08);

  --pro-header-bg:      #ffffff;
  --pro-header-border:  #dde6f2;

  --pro-text-body:      #1f2937;
  --pro-text-heading:   #0f172a;
  --pro-text-muted:     #64748b;

  --pro-input-border:   #cbd5e1;
  --pro-input-bg:       #ffffff;
  --pro-input-focus:    #1d4ed8;

  --pro-table-header:   #edf3ff;
  --pro-table-border:   #d9e2ef;
  --pro-table-hover:    #f4f8ff;
}

/* ============================================================
   2. BASE
   ============================================================ */
body {
  background: var(--pro-body-bg) !important;
  color: var(--pro-text-body) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--pro-primary);
}
a:hover {
  color: #1d4ed8;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--pro-text-heading) !important;
}

/* ============================================================
   3. SIDEBAR — dark navy
   ============================================================ */
.sidebar-nav-wrapper {
  background: var(--pro-sidebar-bg) !important;
  border-right: 1px solid #dbe5f1 !important;
  box-shadow: 2px 0 10px rgba(15, 23, 42, 0.04) !important;
}

.sidebar-nav-wrapper .navbar-logo {
  background: var(--pro-sidebar-deep) !important;
  border-bottom: 1px solid #dbe5f1 !important;
  padding: 16px 20px !important;
}

/* Keep logo natural for better brand fidelity */
.sidebar-nav-wrapper .navbar-logo img {
  filter: none;
  opacity: 1;
}

/* Divider */
.sidebar-nav-wrapper .sidebar-nav .divider hr {
  border-color: #e2e8f0 !important;
}

/* Nav links - default */
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a {
  color: var(--pro-sidebar-text) !important;
  transition: background 0.18s, color 0.18s, border-color 0.18s !important;
  border-radius: 8px;
  margin: 2px 8px;
  font-weight: 600;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a .icon {
  color: var(--pro-sidebar-text) !important;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a span.text {
  color: var(--pro-sidebar-text) !important;
}

/* Nav links — active / hover */
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a.collapsed,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a.collapsed {
  color: var(--pro-sidebar-active) !important;
  background: var(--pro-sidebar-active-bg) !important;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a span.text,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a span.text {
  color: var(--pro-sidebar-active) !important;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a .icon,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a .icon {
  color: var(--pro-sidebar-accent) !important;
}

/* Active left border indicator */
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a::before,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a.collapsed::before,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a::before,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a.collapsed::before {
  background: var(--pro-sidebar-accent) !important;
}

/* Sub-nav dropdown */
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul {
  background: #f3f7ff !important;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a {
  color: #475569 !important;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover {
  color: #0f172a !important;
  background: rgba(29,78,216,0.10) !important;
}

/* Expand/collapse arrows on dark bg */
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a::after,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children > a::before {
  border-color: #64748b !important;
}

/* ============================================================
   4. HEADER
   ============================================================ */
.header {
  background: var(--pro-header-bg) !important;
  border-bottom: 1px solid var(--pro-header-border) !important;
  box-shadow: 0 1px 8px rgba(15, 23, 42, 0.05) !important;
  padding: 12px 0 !important;
}

.header .header-right .profile-box .profile-info .info h6 {
  color: var(--pro-text-heading) !important;
}

/* Profile icon circle */
.header .header-right .profile-box .profile-info .info .image {
  background: var(--pro-primary-light) !important;
  color: var(--pro-primary) !important;
  border: 2px solid #dbeafe !important;
}

/* ============================================================
   5. CARDS
   ============================================================ */
.card-style {
  background: var(--pro-card-bg) !important;
  border: 1px solid var(--pro-card-border) !important;
  box-shadow: var(--pro-card-shadow) !important;
  border-radius: 10px !important;
  overflow: hidden;
}

/* Generic Bootstrap cards */
.card {
  border: 1px solid var(--pro-card-border) !important;
  box-shadow: var(--pro-card-shadow) !important;
  border-radius: 10px !important;
}
.card-header {
  background: var(--pro-table-header) !important;
  border-bottom: 1px solid var(--pro-card-border) !important;
  font-weight: 700 !important;
}

/* ============================================================
   6. BUTTONS — main-btn variants
   ============================================================ */

/* Primary */
.main-btn.primary-btn {
  background: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(29,78,216,0.24) !important;
}
.main-btn.primary-btn:hover,
.main-btn.primary-btn-outline:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #fff !important;
}
.main-btn.primary-btn-outline {
  background: transparent !important;
  border-color: var(--pro-primary) !important;
  color: var(--pro-primary) !important;
}

/* Secondary / info */
.main-btn.secondary-btn {
  background: var(--pro-secondary) !important;
  border-color: var(--pro-secondary) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(15,118,110,0.20) !important;
}
.main-btn.secondary-btn:hover {
  background: #0e7490 !important;
  border-color: #0e7490 !important;
}
.main-btn.secondary-btn-outline {
  background: transparent !important;
  border-color: var(--pro-secondary) !important;
  color: var(--pro-secondary) !important;
}
.main-btn.secondary-btn-outline:hover {
  background: var(--pro-secondary) !important;
  color: #fff !important;
}

/* Success */
.main-btn.success-btn {
  background: var(--pro-success) !important;
  border-color: var(--pro-success) !important;
  box-shadow: 0 2px 8px rgba(5,150,105,0.20) !important;
}
.main-btn.success-btn:hover {
  background: #047857 !important;
  border-color: #047857 !important;
}
.main-btn.success-btn-outline {
  background: transparent !important;
  border-color: var(--pro-success) !important;
  color: var(--pro-success) !important;
}
.main-btn.success-btn-outline:hover {
  background: var(--pro-success) !important;
  color: #fff !important;
}

/* Danger */
.main-btn.danger-btn {
  background: var(--pro-danger) !important;
  border-color: var(--pro-danger) !important;
  box-shadow: 0 2px 8px rgba(220,38,38,0.20) !important;
}
.main-btn.danger-btn:hover {
  background: #b91c1c !important;
  border-color: #b91c1c !important;
}
.main-btn.danger-btn-outline {
  background: transparent !important;
  border-color: var(--pro-danger) !important;
  color: var(--pro-danger) !important;
}
.main-btn.danger-btn-outline:hover {
  background: var(--pro-danger) !important;
  color: #fff !important;
}

/* Warning */
.main-btn.warning-btn {
  background: var(--pro-warning) !important;
  border-color: var(--pro-warning) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(217,119,6,0.20) !important;
}
.main-btn.warning-btn:hover {
  background: #b45309 !important;
  border-color: #b45309 !important;
  color: #fff !important;
}
.main-btn.warning-btn-outline {
  background: transparent !important;
  border-color: var(--pro-warning) !important;
  color: var(--pro-warning) !important;
}
.main-btn.warning-btn-outline:hover {
  background: var(--pro-warning) !important;
  color: #fff !important;
}

/* Info (lime → teal) */
.main-btn.info-btn {
  background: var(--pro-info) !important;
  border-color: var(--pro-info) !important;
  box-shadow: 0 2px 8px rgba(8,145,178,0.20) !important;
}
.main-btn.info-btn:hover,
.main-btn.info-btn-outline:hover {
  background: #0e7490 !important;
  border-color: #0e7490 !important;
  color: #fff !important;
}

/* ============================================================
   7. BOOTSTRAP BUTTONS
   ============================================================ */
.btn-primary {
  background-color: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
  box-shadow: 0 2px 6px rgba(29,78,216,0.20) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}
.btn-outline-primary {
  color: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
}
.btn-outline-primary:hover {
  background-color: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
}

.btn-success {
  background-color: var(--pro-success) !important;
  border-color: var(--pro-success) !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: #047857 !important;
  border-color: #047857 !important;
}
.btn-outline-success {
  color: var(--pro-success) !important;
  border-color: var(--pro-success) !important;
}
.btn-outline-success:hover {
  background-color: var(--pro-success) !important;
  border-color: var(--pro-success) !important;
}

.btn-danger {
  background-color: var(--pro-danger) !important;
  border-color: var(--pro-danger) !important;
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
}

.btn-warning {
  background-color: var(--pro-warning) !important;
  border-color: var(--pro-warning) !important;
  color: #fff !important;
}
.btn-warning:hover, .btn-warning:focus {
  background-color: #b45309 !important;
  border-color: #b45309 !important;
  color: #fff !important;
}
.btn-outline-warning {
  color: var(--pro-warning) !important;
  border-color: var(--pro-warning) !important;
}
.btn-outline-warning:hover {
  background-color: var(--pro-warning) !important;
  border-color: var(--pro-warning) !important;
  color: #fff !important;
}

.btn-info {
  background-color: var(--pro-info) !important;
  border-color: var(--pro-info) !important;
  color: #fff !important;
}
.btn-info:hover {
  background-color: #0e7490 !important;
  border-color: #0e7490 !important;
}
.btn-outline-info {
  color: var(--pro-info) !important;
  border-color: var(--pro-info) !important;
}
.btn-outline-info:hover {
  background-color: var(--pro-info) !important;
  border-color: var(--pro-info) !important;
  color: #fff !important;
}

/* ============================================================
   8. BADGES
   ============================================================ */
.badge.badge-primary,
.badge.bg-primary {
  background-color: var(--pro-primary) !important;
  color: #fff !important;
}
.badge.badge-success,
.badge.bg-success {
  background-color: var(--pro-success) !important;
  color: #fff !important;
}
.badge.badge-danger,
.badge.bg-danger {
  background-color: var(--pro-danger) !important;
  color: #fff !important;
}
.badge.badge-warning,
.badge.bg-warning {
  background-color: var(--pro-warning) !important;
  color: #fff !important;
}
.badge.badge-info,
.badge.bg-info {
  background-color: var(--pro-info) !important;
  color: #fff !important;
}

/* Soft badges */
.badge-primary-soft {
  background: rgba(37,99,235,0.1) !important;
  color: var(--pro-primary) !important;
}
.badge-success-soft {
  background: rgba(5,150,105,0.1) !important;
  color: var(--pro-success) !important;
}
.badge-danger-soft {
  background: rgba(220,38,38,0.1) !important;
  color: var(--pro-danger) !important;
}
.badge-warning-soft {
  background: rgba(217,119,6,0.1) !important;
  color: var(--pro-warning) !important;
}
.badge-info-soft {
  background: rgba(8,145,178,0.1) !important;
  color: var(--pro-info) !important;
}

/* ============================================================
   9. ICON CARDS / STAT CARDS
   ============================================================ */
.icon-card {
  background: var(--pro-card-bg) !important;
  border: 1px solid var(--pro-card-border) !important;
  box-shadow: var(--pro-card-shadow) !important;
  border-radius: 12px !important;
}

/* Progress bar colors */
.progress-bar {
  background-color: var(--pro-primary) !important;
}
.bg-primary { background-color: var(--pro-primary) !important; }
.bg-success  { background-color: var(--pro-success) !important; }
.bg-danger   { background-color: var(--pro-danger) !important; }
.bg-warning  { background-color: var(--pro-warning) !important; }
.bg-info     { background-color: var(--pro-info) !important; }

.text-primary { color: var(--pro-primary) !important; }
.text-success  { color: var(--pro-success) !important; }
.text-danger   { color: var(--pro-danger) !important; }
.text-warning  { color: var(--pro-warning) !important; }
.text-info     { color: var(--pro-info) !important; }
.text-muted    { color: var(--pro-text-muted) !important; }

/* ============================================================
   10. TABLES
   ============================================================ */
.table {
  border-color: var(--pro-table-border) !important;
  color: var(--pro-text-body) !important;
}
.table thead th,
.table > thead > tr > th {
  background: var(--pro-table-header) !important;
  color: var(--pro-text-heading) !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-bottom: 2px solid var(--pro-table-border) !important;
  padding: 11px 14px !important;
}
.table tbody tr {
  border-color: var(--pro-table-border) !important;
}
.table tbody tr td {
  padding: 11px 14px !important;
  vertical-align: middle !important;
  border-color: var(--pro-table-border) !important;
  color: var(--pro-text-body) !important;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background: var(--pro-table-hover) !important;
}
.table-striped tbody tr:nth-of-type(odd) > td,
.table-striped tbody tr:nth-of-type(odd) > th {
  background: #f8fafc !important;
}

/* ============================================================
   11. FORM INPUTS
   ============================================================ */
.form-control,
.form-select {
  background: var(--pro-input-bg) !important;
  border: 1px solid var(--pro-input-border) !important;
  color: var(--pro-text-heading) !important;
  border-radius: 8px !important;
  font-size: 0.9rem !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  min-height: 40px;
}
.form-control:focus,
.form-select:focus {
  background: #ffffff !important;
  border-color: var(--pro-input-focus) !important;
  box-shadow: 0 0 0 3px rgba(29,78,216,0.18) !important;
  color: var(--pro-text-heading) !important;
}
.form-control::placeholder {
  color: #9ca3af !important;
}
.form-label {
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  color: #334155 !important;
  margin-bottom: 5px !important;
}

/* Input groups */
.input-group-text {
  background: var(--pro-table-header) !important;
  border-color: var(--pro-input-border) !important;
  color: var(--pro-text-muted) !important;
}

/* Checkboxes / radios */
.form-check-input:checked {
  background-color: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
}
.form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important;
}

/* ============================================================
   12. PAGINATION
   ============================================================ */
.page-link {
  color: var(--pro-primary) !important;
  border-color: var(--pro-table-border) !important;
}
.page-link:hover {
  background: var(--pro-primary-light) !important;
  border-color: var(--pro-primary) !important;
  color: var(--pro-primary) !important;
}
.page-item.active .page-link {
  background-color: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
  color: #fff !important;
}

/* ============================================================
   13. DROPDOWN MENUS
   ============================================================ */
.dropdown-menu {
  border: 1px solid var(--pro-card-border) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12) !important;
  border-radius: 10px !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background: var(--pro-primary-light) !important;
  color: var(--pro-primary) !important;
}

/* ============================================================
   14. ALERTS
   ============================================================ */
.alert-primary {
  background: rgba(37,99,235,0.08) !important;
  border-color: rgba(37,99,235,0.25) !important;
  color: #1e40af !important;
}
.alert-success {
  background: rgba(5,150,105,0.08) !important;
  border-color: rgba(5,150,105,0.25) !important;
  color: #065f46 !important;
}
.alert-danger {
  background: rgba(220,38,38,0.08) !important;
  border-color: rgba(220,38,38,0.25) !important;
  color: #991b1b !important;
}
.alert-warning {
  background: rgba(217,119,6,0.08) !important;
  border-color: rgba(217,119,6,0.25) !important;
  color: #92400e !important;
}
.alert-info {
  background: rgba(8,145,178,0.08) !important;
  border-color: rgba(8,145,178,0.25) !important;
  color: #155e75 !important;
}

/* ============================================================
   15. SECTION HEADINGS & PAGE TITLES
   ============================================================ */
.section-title h3,
.section-title h4,
.section-title h5 {
  color: var(--pro-text-heading) !important;
}

/* ============================================================
   16. STATUS TAGS (inline colored spans in order tables)
   ============================================================ */
span[style*="background-color: #4a6cf7"],
span[style*="background:#4a6cf7"] {
  background-color: var(--pro-primary) !important;
}

/* ============================================================
   17. OVERLAY & MOBILE SIDEBAR
   ============================================================ */
.overlay {
  background: rgba(15, 23, 42, 0.42) !important;
}

/* ============================================================
   18. FOOTER INSIDE MAIN
   ============================================================ */
.main-wrapper .footer {
  border-top: 1px solid var(--pro-table-border) !important;
}
.main-wrapper .footer .copyright p a,
.main-wrapper .footer .terms a {
  color: var(--pro-primary) !important;
}

/* ============================================================
   19. SCROLLBAR (Webkit)
   ============================================================ */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* ============================================================
   20. SECTION CONTAINER POLISH
   ============================================================ */
.section {
  background: transparent !important;
}

/* New order form container inside section */
.new_order_form .container-fluid {
  background-color: #ffffff !important;
  border: 1px solid var(--pro-card-border) !important;
  box-shadow: var(--pro-card-shadow) !important;
  border-radius: 14px !important;
}

/* Tab active color for new_order_form */
.new_order_form .order-tab .nav-link.active,
.new_order_form .order-tab .nav-link:hover {
  color: var(--pro-primary) !important;
  border-bottom-color: var(--pro-primary) !important;
}

/* Keep fieldset/legend mostly page-specific to avoid over-styling all forms */

/* ============================================================
   21. LIST GROUP
   ============================================================ */
.list-group-item:hover {
  background: var(--pro-table-hover) !important;
}

/* ============================================================
   22. NAV TABS
   ============================================================ */
.nav-tabs .nav-link.active {
  color: var(--pro-primary) !important;
  border-bottom: 2px solid var(--pro-primary) !important;
}
.nav-tabs .nav-link:hover {
  color: var(--pro-primary) !important;
}
.nav-pills .nav-link.active {
  background-color: var(--pro-primary) !important;
}

/* ============================================================
   23. MODAL
   ============================================================ */
.modal-header {
  background: var(--pro-table-header) !important;
  border-bottom: 1px solid var(--pro-card-border) !important;
}
.modal-footer {
  border-top: 1px solid var(--pro-card-border) !important;
}

/* ============================================================
   24. CALENDAR (full-calendar)
   ============================================================ */
.fc-button-primary {
  background-color: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
}
.fc-button-primary:hover,
.fc-button-primary:active {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}
.fc-event,
.fc-event-dot {
  background-color: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
}

/* ============================================================
   25. RESPONSIVE SIDEBAR TEXT
   ============================================================ */
@media (max-width: 767.98px) {
  .sidebar-nav-wrapper {
    background: var(--pro-sidebar-bg) !important;
    border-right: 1px solid #dbe5f1 !important;
  }
}

/* ============================================================
   26. ORDERS PAGE — status tabs and action buttons
   ============================================================ */
.orders-list-page .orders-filters-row {
  background: #ffffff !important;
  border: 1px solid var(--pro-card-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
}

.orders-list-page .orders-status-tabs {
  gap: 8px;
  border-bottom: 0 !important;
  flex-wrap: wrap;
}

.orders-list-page .orders-status-tabs .orders-status-item {
  margin: 0 !important;
}

.orders-list-page .orders-status-tabs .nav-link {
  border: 1px solid #cfd9e8 !important;
  border-radius: 999px !important;
  padding: 0.48rem 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.2;
  color: #334155 !important;
  background: #f8fbff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.orders-list-page .orders-status-tabs .nav-link:hover {
  border-color: var(--pro-primary) !important;
  color: var(--pro-primary) !important;
  background: #edf4ff !important;
}

.orders-list-page .orders-status-tabs .nav-link.active {
  background: var(--pro-primary) !important;
  border-color: var(--pro-primary) !important;
  color: #ffffff !important;
}

/* Status color pills */
.orders-list-page .orders-status-tabs .status-completed .nav-link {
  background: #15803d !important;
  border-color: #15803d !important;
  color: #fff !important;
}
.orders-list-page .orders-status-tabs .status-pending .nav-link {
  background: #b45309 !important;
  border-color: #b45309 !important;
  color: #fff !important;
}
.orders-list-page .orders-status-tabs .status-processing .nav-link {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #fff !important;
}
.orders-list-page .orders-status-tabs .status-hold .nav-link {
  background: #475569 !important;
  border-color: #475569 !important;
  color: #fff !important;
}
.orders-list-page .orders-status-tabs .status-cancelled .nav-link {
  background: #b91c1c !important;
  border-color: #b91c1c !important;
  color: #fff !important;
}

.orders-list-page .orders-status-tabs .status-completed .nav-link:hover,
.orders-list-page .orders-status-tabs .status-pending .nav-link:hover,
.orders-list-page .orders-status-tabs .status-processing .nav-link:hover,
.orders-list-page .orders-status-tabs .status-hold .nav-link:hover,
.orders-list-page .orders-status-tabs .status-cancelled .nav-link:hover {
  filter: brightness(0.95);
}

.orders-list-page .orders-status-mobile .orders-status-select {
  border: 1px solid #cfd9e8 !important;
  background: #f8fbff !important;
  color: #0f172a !important;
  font-weight: 600;
  border-radius: 10px !important;
}

.orders-list-page .orders-status-mobile .orders-status-select:focus {
  border-color: var(--pro-primary) !important;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15) !important;
}

.orders-list-page .orders-search-form .btn {
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .orders-list-page .orders-status-tabs {
    gap: 6px;
  }
  .orders-list-page .orders-status-tabs .nav-link {
    padding: 0.42rem 0.8rem !important;
    font-size: 0.84rem;
  }
}

.orders-list-page .orders-actions-list .list-group-item {
  border: 1px solid #d5dfec !important;
  background: #f8fbff !important;
}

.orders-list-page .orders-actions-list .list-group-item a,
.orders-list-page .orders-mobile-row .list-group-item a {
  color: #1d4ed8 !important;
  font-weight: 600;
}

.orders-list-page .orders-actions-list .list-group-item a:hover,
.orders-list-page .orders-mobile-row .list-group-item a:hover {
  color: #1e40af !important;
}

/* ============================================================
   27. PROPERTIES PAGE — action links and buttons
   ============================================================ */
.properties-list-page .table-heading {
  color: #0f172a !important;
  font-weight: 700 !important;
}

.properties-list-page .card-header a,
.properties-list-page .list-group-item a {
  color: #1d4ed8 !important;
  font-weight: 600;
  text-decoration: none;
}

.properties-list-page .card-header a:hover,
.properties-list-page .list-group-item a:hover {
  color: #1e40af !important;
  text-decoration: underline;
}

.properties-list-page .card-footer .btn-success,
.properties-list-page .card-footer .btn-sm.btn-success {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 0.42rem 0.8rem !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(29, 78, 216, 0.2);
}

.properties-list-page .card-footer .btn-success:hover,
.properties-list-page .card-footer .btn-sm.btn-success:hover {
  background: #1e40af !important;
  border-color: #1e40af !important;
}

.properties-list-page .background_sky.bg-light {
  background: #eef4ff !important;
  border-color: #d5dfec !important;
}