/*
 * Y Digital CRM dark premium theme layer.
 * Safe global overrides loaded by Perfex after assets/css/style.css.
 */

:root {
  --yd-background: #090d11;
  --yd-bg: #090d11;
  --yd-surface: #0f141b;
  --yd-surface-elevated: #141a22;
  --yd-surface-hover: #1a222d;
  --yd-surface-soft: #0b1016;
  --yd-border: #26313d;
  --yd-border-soft: rgba(39, 49, 61, 0.72);
  --yd-border-subtle: rgba(244, 246, 248, 0.07);
  --yd-text-primary: #f4f6f8;
  --yd-text-secondary: #a5afbd;
  --yd-text-muted: #6f7a89;
  --yd-accent: #f0b90b;
  --yd-accent-hover: #ffd24d;
  --yd-accent-soft: rgba(240, 185, 11, 0.12);
  --yd-accent-border: rgba(240, 185, 11, 0.36);
  --yd-success: #20c997;
  --yd-warning: #f0b90b;
  --yd-danger: #ff6b6b;
  --yd-info: #8ab4ff;
  --yd-radius: 12px;
  --yd-radius-sm: 8px;
  --yd-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
  --yd-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.22);
}

html,
body {
  background: var(--yd-background) !important;
  color: var(--yd-text-primary);
}

body,
#wrapper,
#content,
.content,
.main-content {
  background: var(--yd-background) !important;
}

.content {
  padding-top: 24px;
}

hr,
.divider,
.dropdown-divider {
  border-color: var(--yd-border-subtle) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.panel-title,
.bold,
strong {
  color: var(--yd-text-primary);
}

p,
li,
dd,
dt,
.control-label,
label {
  color: var(--yd-text-secondary);
}

a {
  color: var(--yd-accent);
}

a:hover,
a:focus {
  color: var(--yd-accent-hover);
  text-decoration: none;
}

.text-muted,
.help-block,
.small,
small,
.subtext,
.text-neutral-500,
.text-neutral-600,
[class*="tw-text-neutral-400"],
[class*="tw-text-neutral-500"],
[class*="tw-text-neutral-600"] {
  color: var(--yd-text-secondary) !important;
}

.text-neutral-700,
.text-neutral-800,
.text-neutral-900,
[class*="tw-text-neutral-700"],
[class*="tw-text-neutral-800"],
[class*="tw-text-neutral-900"] {
  color: var(--yd-text-primary) !important;
}

.bg-white,
.tw-bg-white,
[class*="tw-bg-white"],
.tw-bg-neutral-50,
.tw-bg-neutral-100,
[class*="tw-bg-neutral-50"],
[class*="tw-bg-neutral-100"] {
  background-color: var(--yd-surface-elevated) !important;
}

[class*="tw-border-neutral"],
.border,
.tw-border,
.tw-border-solid {
  border-color: var(--yd-border) !important;
}

.tw-shadow,
.tw-shadow-sm,
.tw-shadow-xs,
[class*="tw-shadow"] {
  box-shadow: var(--yd-shadow-soft) !important;
}

#header {
  background: rgba(11, 14, 17, 0.96) !important;
  border-bottom: 1px solid var(--yd-border-soft);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.28);
}

#header nav,
#header .logo,
#header .logo-text,
#header .navbar-nav > li > a {
  color: var(--yd-text-primary) !important;
}

#header .navbar-nav > li > a {
  border-radius: var(--yd-radius-sm);
  margin: 8px 2px;
}

#header .navbar-nav > li > a:hover,
#header .navbar-nav > li > a:focus,
#header .navbar-nav .open > a,
#header .navbar-nav .open > a:hover,
#header .navbar-nav .open > a:focus {
  background: var(--yd-surface-hover) !important;
  color: var(--yd-accent) !important;
}

#header .fa,
#header .fa-regular,
#header svg,
.hide-menu,
.mobile-menu-toggle {
  color: var(--yd-text-secondary) !important;
}

#header a:hover .fa,
#header a:hover .fa-regular,
#header a:hover svg,
.hide-menu:hover,
.mobile-menu-toggle:hover {
  color: var(--yd-accent) !important;
}

#top_search,
#top_search_button {
  color: var(--yd-text-secondary) !important;
}

#top_search input,
#search_input {
  background: var(--yd-surface-elevated) !important;
  border: 1px solid var(--yd-border) !important;
  color: var(--yd-text-primary) !important;
  border-radius: var(--yd-radius-sm) !important;
  height: 38px;
}

#top_search input:focus,
#search_input:focus {
  border-color: var(--yd-accent) !important;
  box-shadow: 0 0 0 3px var(--yd-accent-soft) !important;
}

#top_search input::placeholder,
#search_input::placeholder {
  color: var(--yd-text-muted) !important;
}

#search_results,
.search-results,
.search-history {
  background: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-primary) !important;
}

#menu,
.sidebar {
  background: #080a0d !important;
  border-right: 1px solid var(--yd-border-soft);
}

#side-menu,
.sidebar .nav {
  background: transparent !important;
}

.sidebar .sidebar-user-profile > a,
.sidebar-user-profile .profile {
  background: linear-gradient(180deg, #151b23 0%, #10161d 100%) !important;
  border: 1px solid var(--yd-border) !important;
  border-radius: var(--yd-radius) !important;
  color: var(--yd-text-primary) !important;
  box-shadow: none !important;
}

.sidebar ul.nav > li {
  position: relative;
}

.sidebar ul.nav li a {
  color: var(--yd-text-secondary) !important;
  border-radius: var(--yd-radius-sm);
  margin: 2px 8px;
  transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.sidebar ul.nav li a .menu-icon {
  color: var(--yd-text-muted) !important;
}

.sidebar ul.nav > li > a:hover,
.sidebar ul.nav > li > a:focus,
.sidebar ul.nav > li .nav-second-level > li > a:hover,
.sidebar ul.nav > li .nav-second-level > li > a:focus {
  background: rgba(255, 255, 255, 0.045) !important;
  color: var(--yd-text-primary) !important;
}

.sidebar ul.nav li.active > a,
.sidebar > ul.nav > li.active > a,
.sidebar > ul.nav > li.active a:first-child {
  background: var(--yd-accent-soft) !important;
  color: var(--yd-accent) !important;
  box-shadow: inset 3px 0 0 var(--yd-accent);
}

.sidebar ul.nav li.active > a .menu-icon,
.sidebar ul.nav > li > a:hover .menu-icon,
.sidebar ul.nav > li > a:focus .menu-icon {
  color: var(--yd-accent) !important;
}

.sidebar ul.nav li .nav-second-level li a {
  background: transparent !important;
  color: var(--yd-text-muted) !important;
}

.sidebar ul.nav li .nav-second-level li.active a {
  color: var(--yd-accent) !important;
}

.screen-options-area,
.screen-options-btn {
  background: var(--yd-surface) !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
}

.screen-options-btn {
  border-radius: 0 0 var(--yd-radius-sm) var(--yd-radius-sm);
}

.panel,
.panel_s,
.widget .panel_s,
.tab-content,
.panel-table-full,
.table-responsive,
.well,
.thumbnail,
.list-group-item,
.fc-view,
.fc-widget-content {
  background: var(--yd-surface) !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-primary) !important;
}

.panel,
.panel_s,
.widget .panel_s {
  border: 1px solid var(--yd-border) !important;
  border-radius: var(--yd-radius) !important;
  box-shadow: var(--yd-shadow-soft) !important;
  overflow: hidden;
}

.panel-body,
.panel-heading,
.panel-footer,
.panel_s .panel-body,
.panel_s .panel-heading,
.panel_s .panel-footer {
  background: transparent !important;
  border-color: var(--yd-border-subtle) !important;
  color: var(--yd-text-primary) !important;
}

.panel-body,
.panel_s .panel-body {
  padding: 20px;
}

.panel-heading,
.panel_s .panel-heading {
  padding: 16px 20px;
}

.widget {
  color: var(--yd-text-primary);
}

.widget-dragger {
  color: var(--yd-text-muted) !important;
}

.widget-dragger:hover,
.widget-dragger:active {
  color: var(--yd-accent) !important;
}

.placeholder-dashboard-widgets {
  background: rgba(240, 185, 11, 0.05) !important;
  border: 1px dashed var(--yd-accent-border) !important;
  border-radius: var(--yd-radius);
}

.quick-stats-invoices .top_stats_wrapper,
.quick-stats-leads .top_stats_wrapper,
.quick-stats-projects .top_stats_wrapper,
.quick-stats-tasks .top_stats_wrapper,
.quick-stats-white,
.top_stats_wrapper {
  background: linear-gradient(180deg, #151b23 0%, #11161d 100%) !important;
  border: 1px solid var(--yd-border) !important;
  border-radius: var(--yd-radius) !important;
  box-shadow: var(--yd-shadow-soft) !important;
  color: var(--yd-text-primary) !important;
  min-height: 112px;
  padding: 18px !important;
}

.top_stats_wrapper .tw-flex,
.top_stats_wrapper .tw-inline-flex,
.top_stats_wrapper span,
.top_stats_wrapper svg {
  color: var(--yd-text-secondary) !important;
}

.top_stats_wrapper > .tw-flex > span:last-child,
.top_stats_wrapper .tw-font-semibold {
  color: var(--yd-text-primary) !important;
  font-size: 18px;
  font-weight: 800;
}

.quick-stats-invoices .top_stats_wrapper svg,
.quick-stats-invoices .top_stats_wrapper .tw-font-semibold {
  color: var(--yd-text-primary) !important;
}

.quick-stats-leads .top_stats_wrapper svg,
.quick-stats-leads .top_stats_wrapper .tw-font-semibold {
  color: var(--yd-text-primary) !important;
}

.quick-stats-projects .top_stats_wrapper svg,
.quick-stats-projects .top_stats_wrapper .tw-font-semibold {
  color: var(--yd-text-primary) !important;
}

.quick-stats-tasks .top_stats_wrapper svg,
.quick-stats-tasks .top_stats_wrapper .tw-font-semibold {
  color: var(--yd-text-primary) !important;
}

.progress,
.progress-bar-mini {
  background: #0b1016 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px var(--yd-border-subtle) !important;
  height: 7px !important;
  overflow: hidden;
}

.progress-bar {
  border-radius: 999px !important;
  box-shadow: none !important;
}

.progress-bar-success,
.bg-success {
  background-color: rgba(32, 201, 151, 0.52) !important;
}

.progress-bar-warning,
.bg-warning {
  background-color: rgba(240, 185, 11, 0.52) !important;
}

.progress-bar-danger,
.bg-danger {
  background-color: rgba(255, 107, 107, 0.48) !important;
}

.progress-bar-info,
.bg-info,
.quick-stats-projects .progress-bar {
  background-color: rgba(138, 180, 255, 0.46) !important;
}

.progress-bar-default,
.quick-stats-tasks .progress-bar {
  background-color: rgba(240, 185, 11, 0.46) !important;
}

.nav-tabs {
  background: transparent !important;
  border-bottom: 1px solid var(--yd-border) !important;
}

.nav-tabs > li > a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: var(--yd-text-muted) !important;
  font-weight: 700;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background: rgba(255, 255, 255, 0.035) !important;
  color: var(--yd-text-primary) !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid var(--yd-accent) !important;
  color: var(--yd-accent) !important;
}

.tab-content {
  border-radius: 0 0 var(--yd-radius) var(--yd-radius);
}

.table,
table.table,
.dataTable,
.table.items {
  background: var(--yd-surface) !important;
  color: var(--yd-text-primary) !important;
}

.table > thead,
.table.items thead,
table.dataTable thead {
  background: #0f141b !important;
}

.table > thead > tr > th,
.table.items > thead > tr > th,
.table.dataTable > thead > tr > th,
table.dataTable thead th {
  background: #0f141b !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.table > tbody > tr,
table.dataTable tbody tr {
  background: var(--yd-surface) !important;
}

.table-striped > tbody > tr:nth-of-type(odd),
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background: rgba(255, 255, 255, 0.018) !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
table.dataTable tbody td {
  border-color: var(--yd-border-subtle) !important;
  color: var(--yd-text-secondary);
}

.table-hover > tbody > tr:hover,
.table > tbody > tr:hover,
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background: var(--yd-surface-hover) !important;
}

.table a,
table.dataTable a {
  color: var(--yd-text-primary);
}

.table a:hover,
table.dataTable a:hover {
  color: var(--yd-accent);
}

.dataTables_wrapper,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: var(--yd-text-secondary) !important;
}

.dataTables_filter input,
.dataTables_length select,
.dataTables_wrapper input,
.dataTables_wrapper select {
  background: var(--yd-surface-elevated) !important;
  border: 1px solid var(--yd-border) !important;
  color: var(--yd-text-primary) !important;
  border-radius: var(--yd-radius-sm) !important;
}

.dt-buttons .btn,
.dt-button,
.buttons-collection,
.buttons-colvis,
.buttons-copy,
.buttons-csv,
.buttons-excel,
.buttons-pdf,
.buttons-print {
  background: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
}

.dt-buttons .btn:hover,
.dt-button:hover {
  background: var(--yd-surface-hover) !important;
  border-color: var(--yd-accent-border) !important;
  color: var(--yd-accent) !important;
}

.pagination > li > a,
.pagination > li > span,
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: var(--yd-surface-elevated) !important;
  border: 1px solid var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
  border-radius: var(--yd-radius-sm) !important;
  margin-right: 5px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--yd-accent) !important;
  border-color: var(--yd-accent) !important;
  color: #0b0e11 !important;
}

.form-control,
input,
select,
textarea,
.bootstrap-select .btn-default,
.bootstrap-select > .dropdown-toggle,
.select2-container .select2-choice,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-primary) !important;
  border-radius: var(--yd-radius-sm) !important;
  box-shadow: none !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus,
.bootstrap-select.open > .dropdown-toggle,
.bootstrap-select .btn-default:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--yd-accent) !important;
  box-shadow: 0 0 0 3px var(--yd-accent-soft) !important;
  outline: none !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--yd-text-muted) !important;
}

.input-group-addon,
.input-group-btn .btn {
  background: #0f141b !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
}

.btn {
  border-radius: var(--yd-radius-sm) !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.35;
  padding: 7px 12px;
  box-shadow: none !important;
}

.btn-primary {
  background: var(--yd-accent) !important;
  border-color: var(--yd-accent) !important;
  color: #0b0e11 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: var(--yd-accent-hover) !important;
  border-color: var(--yd-accent-hover) !important;
  color: #0b0e11 !important;
}

.btn-default,
.btn-secondary,
.btn-info {
  background: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-primary) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-info:hover,
.btn-info:focus {
  background: var(--yd-surface-hover) !important;
  border-color: var(--yd-accent-border) !important;
  color: var(--yd-accent) !important;
}

.btn-success {
  background: rgba(22, 199, 132, 0.16) !important;
  border-color: rgba(22, 199, 132, 0.34) !important;
  color: var(--yd-success) !important;
}

.btn-warning {
  background: rgba(240, 185, 11, 0.16) !important;
  border-color: rgba(240, 185, 11, 0.34) !important;
  color: var(--yd-warning) !important;
}

.btn-danger {
  background: rgba(234, 57, 67, 0.16) !important;
  border-color: rgba(234, 57, 67, 0.34) !important;
  color: var(--yd-danger) !important;
}

.modal-content,
.modal-body {
  background: var(--yd-surface) !important;
  color: var(--yd-text-primary) !important;
}

.modal-content {
  border: 1px solid var(--yd-border) !important;
  border-radius: var(--yd-radius) !important;
  box-shadow: var(--yd-shadow) !important;
  overflow: hidden;
}

.modal-header,
.modal-footer {
  background: var(--yd-surface) !important;
  border-color: var(--yd-border) !important;
}

.modal-title,
.modal-header .close,
.close {
  color: var(--yd-text-primary) !important;
  opacity: 0.88;
}

.dropdown-menu,
.bootstrap-select .dropdown-menu,
.dropdown-menu.inner,
.select2-drop,
.select2-dropdown {
  background: var(--yd-surface-elevated) !important;
  border: 1px solid var(--yd-border) !important;
  border-radius: var(--yd-radius) !important;
  box-shadow: var(--yd-shadow) !important;
  color: var(--yd-text-primary) !important;
}

.dropdown-menu > li > a,
.dropdown-menu .dropdown-header,
.bootstrap-select .dropdown-menu li a,
.select2-results .select2-result-label {
  color: var(--yd-text-secondary) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li.selected a {
  background: var(--yd-accent-soft) !important;
  color: var(--yd-accent) !important;
}

.label,
.badge {
  border: 1px solid transparent;
  border-radius: 999px !important;
  font-weight: 800;
}

.label-default,
.badge-default,
.label-primary,
.badge-primary {
  background: rgba(154, 164, 178, 0.12) !important;
  border-color: rgba(154, 164, 178, 0.18) !important;
  color: var(--yd-text-secondary) !important;
}

.label-success,
.badge-success {
  background: rgba(22, 199, 132, 0.13) !important;
  border-color: rgba(22, 199, 132, 0.28) !important;
  color: var(--yd-success) !important;
}

.label-warning,
.badge-warning {
  background: rgba(240, 185, 11, 0.14) !important;
  border-color: rgba(240, 185, 11, 0.3) !important;
  color: var(--yd-warning) !important;
}

.label-danger,
.badge-danger {
  background: rgba(234, 57, 67, 0.13) !important;
  border-color: rgba(234, 57, 67, 0.28) !important;
  color: var(--yd-danger) !important;
}

.label-info,
.badge-info {
  background: rgba(79, 140, 255, 0.14) !important;
  border-color: rgba(79, 140, 255, 0.3) !important;
  color: var(--yd-info) !important;
}

.text-success {
  color: var(--yd-success) !important;
}

.text-warning {
  color: var(--yd-warning) !important;
}

.text-danger {
  color: var(--yd-danger) !important;
}

.text-info {
  color: var(--yd-info) !important;
}

.alert-success,
.alert-warning,
.alert-danger,
.alert-info {
  border-radius: var(--yd-radius-sm) !important;
}

.alert-success {
  background: rgba(22, 199, 132, 0.11) !important;
  border-color: rgba(22, 199, 132, 0.3) !important;
  color: var(--yd-success) !important;
}

.alert-warning {
  background: rgba(240, 185, 11, 0.12) !important;
  border-color: rgba(240, 185, 11, 0.3) !important;
  color: var(--yd-warning) !important;
}

.alert-danger {
  background: rgba(234, 57, 67, 0.11) !important;
  border-color: rgba(234, 57, 67, 0.3) !important;
  color: var(--yd-danger) !important;
}

.alert-info {
  background: rgba(79, 140, 255, 0.12) !important;
  border-color: rgba(79, 140, 255, 0.3) !important;
  color: var(--yd-info) !important;
}

.yd-card,
.yd-panel {
  background: var(--yd-surface-elevated);
  border: 1px solid var(--yd-border);
  border-radius: var(--yd-radius);
  box-shadow: var(--yd-shadow-soft);
  color: var(--yd-text-primary);
}

.yd-card {
  padding: 18px;
}

.yd-panel {
  padding: 22px;
}

.yd-toolbar {
  align-items: center;
  background: var(--yd-surface);
  border: 1px solid var(--yd-border);
  border-radius: var(--yd-radius);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 12px;
}

.yd-status {
  align-items: center;
  border: 1px solid var(--yd-border);
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 6px;
  line-height: 1;
  padding: 6px 9px;
}

.yd-status-ok {
  background: rgba(22, 199, 132, 0.13);
  border-color: rgba(22, 199, 132, 0.28);
  color: var(--yd-success);
}

.yd-status-pending {
  background: rgba(240, 185, 11, 0.14);
  border-color: rgba(240, 185, 11, 0.3);
  color: var(--yd-warning);
}

.yd-status-error {
  background: rgba(234, 57, 67, 0.13);
  border-color: rgba(234, 57, 67, 0.28);
  color: var(--yd-danger);
}

.yd-kpi {
  color: var(--yd-text-primary);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.1;
}

.yd-muted {
  color: var(--yd-text-muted) !important;
}

.yd-accent {
  color: var(--yd-accent) !important;
}

/* Third pass: sober financial UI refinements and FullCalendar hardening. */
:root {
  --yd-success-bg: rgba(32, 201, 151, 0.1);
  --yd-danger-bg: rgba(255, 107, 107, 0.1);
  --yd-warning-bg: rgba(240, 185, 11, 0.1);
  --yd-info-bg: rgba(138, 180, 255, 0.1);
}

.btn-primary,
.btn-info,
.btn-default,
.btn-secondary,
.btn-success,
.btn-warning,
.btn-danger,
.btn-light,
.btn-dark {
  box-shadow: none !important;
  text-shadow: none !important;
}

.btn-primary {
  background: var(--yd-accent) !important;
  border-color: rgba(240, 185, 11, 0.55) !important;
  color: #090d11 !important;
}

.btn-info,
.btn-default,
.btn-secondary,
.btn-light {
  background: transparent !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
}

.btn-info:hover,
.btn-default:hover,
.btn-secondary:hover,
.btn-light:hover,
.btn-info:focus,
.btn-default:focus,
.btn-secondary:focus,
.btn-light:focus {
  background: var(--yd-surface-hover) !important;
  border-color: rgba(240, 185, 11, 0.28) !important;
  color: var(--yd-text-primary) !important;
}

.btn-success,
.btn-warning,
.btn-danger {
  background: transparent !important;
}

.btn-success {
  border-color: rgba(32, 201, 151, 0.28) !important;
  color: var(--yd-success) !important;
}

.btn-warning {
  border-color: rgba(240, 185, 11, 0.3) !important;
  color: var(--yd-warning) !important;
}

.btn-danger {
  border-color: rgba(255, 107, 107, 0.3) !important;
  color: var(--yd-danger) !important;
}

.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-success:focus,
.btn-warning:focus,
.btn-danger:focus {
  background: var(--yd-surface-hover) !important;
}

.label-success,
.badge-success,
.bg-success {
  background: var(--yd-success-bg) !important;
  border-color: rgba(32, 201, 151, 0.22) !important;
  color: var(--yd-success) !important;
}

.label-warning,
.badge-warning,
.bg-warning {
  background: var(--yd-warning-bg) !important;
  border-color: rgba(240, 185, 11, 0.24) !important;
  color: var(--yd-warning) !important;
}

.label-danger,
.badge-danger,
.bg-danger {
  background: var(--yd-danger-bg) !important;
  border-color: rgba(255, 107, 107, 0.22) !important;
  color: var(--yd-danger) !important;
}

.label-info,
.badge-info,
.bg-info {
  background: var(--yd-info-bg) !important;
  border-color: rgba(138, 180, 255, 0.22) !important;
  color: var(--yd-info) !important;
}

.progress,
.progress-bar-mini {
  height: 5px !important;
  background: #090d11 !important;
  border: 1px solid rgba(38, 49, 61, 0.65) !important;
}

.progress-bar,
.progress-bar-success,
.progress-bar-warning,
.progress-bar-danger,
.progress-bar-info,
.progress-bar-default {
  opacity: 0.72 !important;
}

.quick-stats-invoices .top_stats_wrapper svg,
.quick-stats-leads .top_stats_wrapper svg,
.quick-stats-projects .top_stats_wrapper svg,
.quick-stats-tasks .top_stats_wrapper svg {
  color: var(--yd-text-muted) !important;
}

.quick-stats-invoices .top_stats_wrapper .tw-font-semibold,
.quick-stats-leads .top_stats_wrapper .tw-font-semibold,
.quick-stats-projects .top_stats_wrapper .tw-font-semibold,
.quick-stats-tasks .top_stats_wrapper .tw-font-semibold {
  color: var(--yd-text-primary) !important;
}

.sidebar ul.nav li.active > a,
.sidebar > ul.nav > li.active > a,
.sidebar > ul.nav > li.active a:first-child {
  background: rgba(240, 185, 11, 0.08) !important;
  box-shadow: inset 2px 0 0 var(--yd-accent);
}

.fc,
#calendar,
.fc-view,
.fc-view-container,
.fc-view-harness,
.fc-view-harness-active,
.fc-scroller,
.fc-scroller-harness,
.fc-day-grid,
.fc-day-grid-container,
.fc-daygrid,
.fc-daygrid-body,
.fc-scrollgrid,
.fc-scrollgrid table,
.fc-bg,
.fc-row,
.fc-list,
.fc-list-table {
  background: var(--yd-surface) !important;
  color: var(--yd-text-secondary) !important;
}

.fc {
  --fc-page-bg-color: var(--yd-surface);
  --fc-neutral-bg-color: #0b1016;
  --fc-border-color: var(--yd-border);
  --fc-today-bg-color: rgba(240, 185, 11, 0.075);
  --fc-highlight-color: rgba(240, 185, 11, 0.1);
  --fc-event-bg-color: rgba(138, 180, 255, 0.1);
  --fc-event-border-color: rgba(138, 180, 255, 0.24);
  --fc-event-text-color: var(--yd-text-primary);
  --fc-list-event-hover-bg-color: var(--yd-surface-hover);
  border-radius: var(--yd-radius);
  overflow: hidden;
}

.fc table,
.fc td,
.fc th,
.fc-theme-standard td,
.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid,
.fc-scrollgrid,
.fc-scrollgrid-section > *,
.fc-widget-header,
.fc-widget-content {
  background: transparent !important;
  border-color: var(--yd-border) !important;
}

.fc-widget-header,
.fc-col-header-cell,
.fc .fc-scrollgrid-section-header > *,
.fc .fc-list-day-cushion,
.fc-theme-standard .fc-list-day-cushion {
  background: #0b1016 !important;
  color: var(--yd-text-secondary) !important;
}

.fc-toolbar,
.fc .fc-toolbar,
.fc .fc-toolbar.fc-header-toolbar {
  background: var(--yd-surface) !important;
  color: var(--yd-text-primary) !important;
  margin-bottom: 14px !important;
}

.fc-toolbar h2,
.fc .fc-toolbar-title {
  color: var(--yd-text-primary) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.fc-button,
.fc .fc-button,
.fc-button-primary,
.fc .fc-button-primary {
  background: transparent !important;
  border: 1px solid var(--yd-border) !important;
  border-radius: var(--yd-radius-sm) !important;
  box-shadow: none !important;
  color: var(--yd-text-secondary) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 6px 10px !important;
  text-transform: none !important;
}

.fc-button:hover,
.fc .fc-button:hover,
.fc-button-primary:hover,
.fc .fc-button-primary:hover,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  background: var(--yd-surface-hover) !important;
  border-color: rgba(240, 185, 11, 0.32) !important;
  color: var(--yd-accent) !important;
}

.fc-button:focus,
.fc .fc-button:focus,
.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 3px var(--yd-accent-soft) !important;
}

.fc-day,
.fc-day-top,
.fc-daygrid-day,
.fc-timegrid-col,
.fc-daygrid-day-frame,
.fc-timegrid-slot,
.fc-list-table td,
.fc-list-table th {
  background: var(--yd-surface) !important;
  color: var(--yd-text-secondary) !important;
}

.fc-other-month,
.fc-day-other,
.fc-daygrid-day.fc-day-other,
.fc .fc-day-other,
.fc .fc-day-disabled {
  background: #0a0f14 !important;
}

.fc-other-month .fc-day-number,
.fc-day-other .fc-daygrid-day-number,
.fc .fc-day-other .fc-daygrid-day-top,
.fc .fc-day-other .fc-daygrid-day-number {
  color: var(--yd-text-muted) !important;
  opacity: 0.56 !important;
}

.fc-today,
.fc .fc-day-today,
.fc .fc-daygrid-day.fc-day-today,
.fc .fc-timegrid-col.fc-day-today {
  background: rgba(240, 185, 11, 0.075) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 185, 11, 0.18) !important;
}

.fc-day-number,
.fc-daygrid-day-number,
.fc .fc-daygrid-day-number,
.fc .fc-col-header-cell-cushion,
.fc-timegrid-slot-label-cushion {
  color: var(--yd-text-secondary) !important;
  font-weight: 700;
}

.fc-highlight,
.fc .fc-highlight,
.fc-bgevent,
.fc .fc-bg-event,
.fc .fc-non-business {
  background: rgba(240, 185, 11, 0.08) !important;
  opacity: 1 !important;
}

.fc-event,
.fc-h-event,
.fc-v-event,
.fc-day-grid-event,
.fc-daygrid-event,
.fc-timegrid-event,
a.fc-event,
a.fc-event:hover {
  background: rgba(138, 180, 255, 0.1) !important;
  border: 1px solid rgba(138, 180, 255, 0.24) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--yd-text-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 1px 2px !important;
  min-height: 0 !important;
  padding: 1px 7px !important;
}

.fc-event:hover,
.fc-daygrid-dot-event:hover,
.fc-event-selected {
  background: rgba(240, 185, 11, 0.12) !important;
  border-color: rgba(240, 185, 11, 0.28) !important;
  color: var(--yd-accent) !important;
}

.fc-content,
.fc-title,
.fc-time,
.fc-event-title,
.fc-event-time,
.fc-event-main,
.fc-h-event .fc-event-main,
.fc-v-event .fc-event-main {
  color: inherit !important;
  line-height: 1.2 !important;
  padding: 0 !important;
}

.fc-daygrid-event-dot,
.fc-list-event-dot {
  border-color: rgba(138, 180, 255, 0.42) !important;
}

.fc-event[style*="background"],
.fc-event[style*="border"],
.fc-h-event[style*="background"],
.fc-v-event[style*="background"] {
  background-color: rgba(138, 180, 255, 0.1) !important;
  border-color: rgba(138, 180, 255, 0.24) !important;
}

.fc-event.event-bill,
.fc-event.invoice,
.fc-event.fc,
.fc-event[class*="invoice"],
.fc-event[class*="factura"] {
  background: rgba(240, 185, 11, 0.1) !important;
  border-color: rgba(240, 185, 11, 0.24) !important;
  color: var(--yd-warning) !important;
}

.fc-event[class*="lead"],
.fc-event[class*="opportunity"],
.fc-event[class*="oportunidad"] {
  background: rgba(186, 160, 255, 0.1) !important;
  border-color: rgba(186, 160, 255, 0.22) !important;
  color: #c8b8ff !important;
}

.fc-popover,
.fc-theme-standard .fc-popover,
.fc-more-popover {
  background: var(--yd-surface-elevated) !important;
  border: 1px solid var(--yd-border) !important;
  border-radius: var(--yd-radius) !important;
  box-shadow: var(--yd-shadow) !important;
  color: var(--yd-text-primary) !important;
}

.fc-popover-header,
.fc-theme-standard .fc-popover-header {
  background: #0b1016 !important;
  color: var(--yd-text-primary) !important;
}

.fc-list-empty,
.fc .fc-list-empty,
.fc .fc-list-event:hover td {
  background: var(--yd-surface-hover) !important;
}

.calendar-cpicker.cpicker {
  border-color: var(--yd-border) !important;
  box-shadow: inset 0 0 0 2px rgba(9, 13, 17, 0.45) !important;
  opacity: 0.78;
}

.calendar-cpicker.cpicker.active,
.calendar-cpicker.cpicker:hover {
  border-color: var(--yd-accent) !important;
  opacity: 1;
}

/* Fourth pass: executive monochrome polish, loaders, sidebar submenus, switches. */
:root {
  --yd-state-success-text: #6ee7b7;
  --yd-state-success-bg: rgba(16, 185, 129, 0.08);
  --yd-state-success-border: rgba(16, 185, 129, 0.18);
  --yd-state-danger-text: #fca5a5;
  --yd-state-danger-bg: rgba(239, 68, 68, 0.08);
  --yd-state-danger-border: rgba(239, 68, 68, 0.18);
  --yd-state-warning-text: #f0b90b;
  --yd-state-warning-bg: rgba(240, 185, 11, 0.08);
  --yd-state-warning-border: rgba(240, 185, 11, 0.18);
  --yd-state-info-text: #93c5fd;
  --yd-state-info-bg: rgba(59, 130, 246, 0.08);
  --yd-state-info-border: rgba(59, 130, 246, 0.16);
  --yd-state-neutral-text: #a5afbd;
  --yd-state-neutral-bg: rgba(148, 163, 184, 0.08);
  --yd-state-neutral-border: rgba(148, 163, 184, 0.14);
}

.dataTables_processing,
.dt-loader,
.table-loading,
.table-loader,
.loading,
.loader,
.preloader,
.spinner,
.sk-spinner,
.skeleton,
.placeholder,
.ph-item,
.ph-row,
.ph-col,
.tw-animate-pulse,
.animate-pulse,
[class*="loading"],
[class*="loader"],
[class*="skeleton"],
[class*="placeholder"] {
  background-color: #10161d !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
  box-shadow: none !important;
}

.dataTables_processing,
.dt-loader,
.table-loader,
.table-loading {
  background: rgba(16, 22, 29, 0.94) !important;
  border: 1px solid var(--yd-border) !important;
  border-radius: var(--yd-radius) !important;
  color: var(--yd-text-secondary) !important;
  min-height: 56px;
}

.dataTables_processing:before,
.dt-loader:before,
.table-loader:before,
.loader:before,
.preloader:before,
.spinner:before,
.sk-spinner:before,
.fa-spinner,
.fa-spin {
  color: rgba(240, 185, 11, 0.72) !important;
}

.dt-loader:after,
.table-loader:after,
.loading:after,
.loader:after,
.preloader:after,
[class*="loading"]:after,
[class*="loader"]:after {
  background: radial-gradient(circle, rgba(240, 185, 11, 0.68) 0 35%, transparent 38%) !important;
  color: rgba(240, 185, 11, 0.68) !important;
}

.skeleton *,
.placeholder *,
.ph-item *,
.ph-row *,
.ph-col *,
.tw-animate-pulse *,
.animate-pulse * {
  background-color: #18212b !important;
  border-color: rgba(255, 255, 255, 0.04) !important;
}

.skeleton,
.placeholder,
.ph-item,
.tw-animate-pulse,
.animate-pulse {
  background-image: linear-gradient(90deg, #10161d 0%, #18212b 45%, rgba(255, 255, 255, 0.04) 52%, #18212b 60%, #10161d 100%) !important;
}

.img-table-loading,
.table .dataTables_empty,
.dataTables_empty {
  background: var(--yd-surface) !important;
  color: var(--yd-text-muted) !important;
}

#side-menu .nav-second-level,
.sidebar .nav-second-level {
  background: transparent !important;
  border-left: 1px solid rgba(38, 49, 61, 0.42);
  margin: 3px 0 6px 17px;
  padding: 2px 0 2px 7px;
}

#side-menu .nav-second-level li,
.sidebar .nav-second-level li {
  background: transparent !important;
  border: 0 !important;
}

#side-menu .nav-second-level li a,
.sidebar .nav-second-level li a,
.sidebar ul.nav li .nav-second-level li a {
  background: transparent !important;
  border: 0 !important;
  border-left: 2px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--yd-text-secondary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 1px 8px 1px 0 !important;
  padding: 6px 11px 6px 18px !important;
}

#side-menu .nav-second-level li a:hover,
#side-menu .nav-second-level li a:focus,
.sidebar .nav-second-level li a:hover,
.sidebar .nav-second-level li a:focus,
.sidebar ul.nav > li .nav-second-level > li:not(.active) > a:hover,
.sidebar ul.nav > li .nav-second-level > li:not(.active) > a:focus {
  background: var(--yd-surface-elevated) !important;
  border-left-color: transparent !important;
  color: var(--yd-text-primary) !important;
}

#side-menu li.active > a,
.sidebar ul.nav li.active > a,
.sidebar > ul.nav > li.active > a,
.sidebar > ul.nav > li.active a:first-child {
  background: rgba(240, 185, 11, 0.075) !important;
  border-color: rgba(240, 185, 11, 0.12) !important;
  color: var(--yd-accent) !important;
  box-shadow: inset 2px 0 0 var(--yd-accent) !important;
}

#side-menu li .nav-second-level li.active > a,
.sidebar .nav-second-level li.active > a,
.sidebar ul.nav li .nav-second-level li.active a {
  background: rgba(240, 185, 11, 0.055) !important;
  border-left: 2px solid var(--yd-accent) !important;
  box-shadow: none !important;
  color: var(--yd-accent) !important;
}

#side-menu .nav-second-level .badge,
.sidebar .nav-second-level .badge {
  background: var(--yd-state-neutral-bg) !important;
  border-color: var(--yd-state-neutral-border) !important;
  color: var(--yd-state-neutral-text) !important;
}

.btn,
.btn-group .btn,
.dt-button,
.buttons-collection,
.buttons-colvis,
.buttons-copy,
.buttons-csv,
.buttons-excel,
.buttons-pdf,
.buttons-print {
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.btn-primary,
a.btn-primary {
  background: #f0b90b !important;
  border: 1px solid rgba(240, 185, 11, 0.48) !important;
  box-shadow: 0 8px 18px rgba(240, 185, 11, 0.12) !important;
  color: #090d11 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
a.btn-primary:hover,
a.btn-primary:focus,
.open > .dropdown-toggle.btn-primary {
  background: #d8a608 !important;
  border-color: rgba(216, 166, 8, 0.58) !important;
  box-shadow: 0 10px 22px rgba(240, 185, 11, 0.14) !important;
  color: #090d11 !important;
}

.btn-default,
.btn-secondary,
.btn-info,
.dt-button,
.buttons-collection,
.buttons-colvis,
.buttons-copy,
.buttons-csv,
.buttons-excel,
.buttons-pdf,
.buttons-print,
.btn-group .btn:not(.btn-primary) {
  background: rgba(20, 26, 34, 0.72) !important;
  border: 1px solid var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
}

.btn-default:hover,
.btn-secondary:hover,
.btn-info:hover,
.dt-button:hover,
.buttons-collection:hover,
.buttons-colvis:hover,
.buttons-copy:hover,
.buttons-csv:hover,
.buttons-excel:hover,
.buttons-pdf:hover,
.buttons-print:hover,
.btn-group .btn:not(.btn-primary):hover {
  background: var(--yd-surface-hover) !important;
  border-color: rgba(240, 185, 11, 0.22) !important;
  color: var(--yd-text-primary) !important;
}

.btn-success,
.btn-warning,
.btn-danger {
  background: rgba(20, 26, 34, 0.58) !important;
  box-shadow: none !important;
}

.btn-success {
  border-color: var(--yd-state-success-border) !important;
  color: var(--yd-state-success-text) !important;
}

.btn-warning {
  border-color: var(--yd-state-warning-border) !important;
  color: var(--yd-state-warning-text) !important;
}

.btn-danger {
  border-color: var(--yd-state-danger-border) !important;
  color: var(--yd-state-danger-text) !important;
}

.text-success,
a.text-success,
.text-success:hover,
a.text-success:hover {
  color: var(--yd-state-success-text) !important;
}

.text-danger,
a.text-danger,
.text-danger:hover,
a.text-danger:hover {
  color: var(--yd-state-danger-text) !important;
}

.text-warning,
a.text-warning,
.text-warning:hover,
a.text-warning:hover {
  color: var(--yd-state-warning-text) !important;
}

.text-info,
a.text-info,
.text-info:hover,
a.text-info:hover {
  color: var(--yd-state-info-text) !important;
}

.label,
.badge {
  border: 1px solid var(--yd-state-neutral-border) !important;
  box-shadow: none !important;
}

.label-default,
.badge-default,
.label-primary,
.badge-primary {
  background: var(--yd-state-neutral-bg) !important;
  border-color: var(--yd-state-neutral-border) !important;
  color: var(--yd-state-neutral-text) !important;
}

.label-success,
.badge-success,
.bg-success {
  background: var(--yd-state-success-bg) !important;
  border-color: var(--yd-state-success-border) !important;
  color: var(--yd-state-success-text) !important;
}

.label-danger,
.badge-danger,
.bg-danger {
  background: var(--yd-state-danger-bg) !important;
  border-color: var(--yd-state-danger-border) !important;
  color: var(--yd-state-danger-text) !important;
}

.label-warning,
.badge-warning,
.bg-warning {
  background: var(--yd-state-warning-bg) !important;
  border-color: var(--yd-state-warning-border) !important;
  color: var(--yd-state-warning-text) !important;
}

.label-info,
.badge-info,
.bg-info {
  background: var(--yd-state-info-bg) !important;
  border-color: var(--yd-state-info-border) !important;
  color: var(--yd-state-info-text) !important;
}

.progress,
.progress-bar-mini {
  height: 4px !important;
  background: #0b1016 !important;
  border: 0 !important;
}

.progress-bar-success {
  background-color: rgba(110, 231, 183, 0.38) !important;
}

.progress-bar-danger {
  background-color: rgba(252, 165, 165, 0.38) !important;
}

.progress-bar-warning,
.progress-bar-default {
  background-color: rgba(240, 185, 11, 0.42) !important;
}

.progress-bar-info {
  background-color: rgba(147, 197, 253, 0.34) !important;
}

.onoffswitch,
.bootstrap-switch,
.toggle,
.switch,
[class*="switch"] {
  color: var(--yd-text-secondary) !important;
}

.onoffswitch-label,
.bootstrap-switch,
.bootstrap-switch-container,
.bootstrap-switch-label,
.toggle,
.switch,
[class*="switch-label"] {
  background: #0b1016 !important;
  border-color: var(--yd-border) !important;
  box-shadow: none !important;
}

.onoffswitch-inner:before,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch-primary,
.bootstrap-switch-success,
input[type="checkbox"]:checked + .onoffswitch-label,
.onoffswitch-checkbox:checked + .onoffswitch-label {
  background: rgba(240, 185, 11, 0.24) !important;
  border-color: rgba(240, 185, 11, 0.34) !important;
  color: var(--yd-accent) !important;
}

.onoffswitch-inner:after,
.bootstrap-switch .bootstrap-switch-handle-off {
  background: #0b1016 !important;
  color: var(--yd-text-muted) !important;
}

.onoffswitch-switch,
.bootstrap-switch .bootstrap-switch-label,
[class*="switch"] .slider,
input[type="checkbox"] {
  background-color: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
  box-shadow: none !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
input[type="checkbox"]:checked {
  background-color: var(--yd-accent) !important;
  border-color: var(--yd-accent) !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
table.dataTable tbody td,
table.dataTable tbody th {
  color: #dce3ec !important;
}

.table .text-muted,
table.dataTable .text-muted,
.table small,
table.dataTable small,
.table .row-options,
table.dataTable .row-options {
  color: #8996a8 !important;
}

.table a,
table.dataTable a,
.table tbody a:not(.btn),
table.dataTable tbody a:not(.btn) {
  color: #c7d2e0 !important;
}

.table a:hover,
table.dataTable a:hover,
.table tbody a:not(.btn):hover,
table.dataTable tbody a:not(.btn):hover {
  color: var(--yd-accent) !important;
}

.table > thead > tr > th,
.table.dataTable > thead > tr > th,
table.dataTable thead th {
  background: #0b1016 !important;
  color: #8996a8 !important;
}

.table input[type="checkbox"],
table.dataTable input[type="checkbox"],
.checkbox input[type="checkbox"] {
  accent-color: var(--yd-accent);
  background-color: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
}

.client-status,
.customer-status,
.label-client,
.badge-client,
.label-tag,
.tags-labels .label,
.tags-labels .label-tag {
  background: var(--yd-state-neutral-bg) !important;
  border: 1px solid var(--yd-state-neutral-border) !important;
  color: var(--yd-state-neutral-text) !important;
}

.invoice-status,
.estimate-status,
.proposal-status,
.project-status,
.task-status,
.ticket-status,
.status,
[class*="status-"] {
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.text-primary,
a.text-primary,
.text-info,
a.text-info {
  color: var(--yd-state-info-text) !important;
}

.bg-primary,
.label-primary,
.badge-primary {
  background: var(--yd-state-neutral-bg) !important;
  border-color: var(--yd-state-neutral-border) !important;
  color: var(--yd-state-neutral-text) !important;
}

.alert-success,
.alert-danger,
.alert-warning,
.alert-info {
  box-shadow: none !important;
}

.alert-success {
  background: var(--yd-state-success-bg) !important;
  border-color: var(--yd-state-success-border) !important;
  color: var(--yd-state-success-text) !important;
}

.alert-danger {
  background: var(--yd-state-danger-bg) !important;
  border-color: var(--yd-state-danger-border) !important;
  color: var(--yd-state-danger-text) !important;
}

.alert-warning {
  background: var(--yd-state-warning-bg) !important;
  border-color: var(--yd-state-warning-border) !important;
  color: var(--yd-state-warning-text) !important;
}

.alert-info {
  background: var(--yd-state-info-bg) !important;
  border-color: var(--yd-state-info-border) !important;
  color: var(--yd-state-info-text) !important;
}

.finance-summary .text-success,
.finance-summary .text-danger,
.finance-summary .text-warning,
.finance-summary .text-info,
.progress-finance-status,
.progress-finance-status span,
.widget .text-success,
.widget .text-danger,
.widget .text-warning,
.widget .text-info {
  font-weight: 700 !important;
  opacity: 0.86;
}

.panel_s .panel-body .text-success,
.panel_s .panel-body .text-danger,
.panel_s .panel-body .text-warning,
.panel_s .panel-body .text-info {
  text-shadow: none !important;
}

[class*="bg-blue"],
[class*="bg-indigo"],
[class*="bg-purple"],
[class*="bg-pink"],
[class*="bg-red"],
[class*="bg-orange"],
[class*="bg-green"],
[class*="bg-yellow"],
[class*="tw-bg-blue"],
[class*="tw-bg-indigo"],
[class*="tw-bg-purple"],
[class*="tw-bg-pink"],
[class*="tw-bg-red"],
[class*="tw-bg-orange"],
[class*="tw-bg-green"],
[class*="tw-bg-yellow"] {
  background-color: var(--yd-state-neutral-bg) !important;
}

[class*="text-blue"],
[class*="text-indigo"],
[class*="text-purple"],
[class*="text-pink"],
[class*="text-red"],
[class*="text-orange"],
[class*="text-green"],
[class*="text-yellow"],
[class*="tw-text-blue"],
[class*="tw-text-indigo"],
[class*="tw-text-purple"],
[class*="tw-text-pink"],
[class*="tw-text-red"],
[class*="tw-text-orange"],
[class*="tw-text-green"],
[class*="tw-text-yellow"] {
  color: var(--yd-text-secondary) !important;
}

.btn-primary [class*="tw-text-"],
.btn-primary i,
.btn-primary svg {
  color: #090d11 !important;
}

.onoffswitch-label:before {
  background: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22) !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
  background: #f6c73a !important;
  border-color: rgba(240, 185, 11, 0.62) !important;
}

.onoffswitch-checkbox:disabled + .onoffswitch-label,
input[type="checkbox"]:disabled {
  opacity: 0.45 !important;
}

[data-active="true"],
.data-\[active\=true\]\:tw-bg-white[data-active="true"] {
  background-color: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-primary) !important;
}

#dropzoneDragArea,
.dropzoneDragArea,
form.dropzone,
.dropzone .dz-preview .dz-image,
.dz-details,
.dz-details:hover {
  background: var(--yd-surface-elevated) !important;
  border-color: var(--yd-border) !important;
  color: var(--yd-text-secondary) !important;
}

/* Typography pass: compact executive SaaS/fintech rhythm. */
:root {
  --yd-font-sans: Inter, Geist, Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --yd-font-size-xs: 11px;
  --yd-font-size-sm: 12px;
  --yd-font-size-base: 14px;
  --yd-font-size-md: 15px;
  --yd-font-size-lg: 18px;
  --yd-font-size-xl: 24px;
  --yd-font-weight-regular: 400;
  --yd-font-weight-medium: 500;
  --yd-font-weight-semibold: 600;
  --yd-font-weight-bold: 700;
  --yd-line-height-tight: 1.2;
  --yd-line-height-normal: 1.45;
  --yd-letter-spacing-tight: 0;
  --yd-letter-spacing-normal: 0;
  --yd-letter-spacing-ui: 0.01em;
}

html,
body,
#wrapper,
#content,
.content,
.panel,
.panel_s,
.modal,
.dropdown-menu,
.table,
.dataTables_wrapper,
.fc {
  font-family: var(--yd-font-sans) !important;
  font-size: var(--yd-font-size-base);
  font-weight: var(--yd-font-weight-regular);
  letter-spacing: var(--yd-letter-spacing-normal);
  line-height: var(--yd-line-height-normal);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.panel-title,
.modal-title,
.fc-toolbar h2,
.fc .fc-toolbar-title {
  font-family: var(--yd-font-sans) !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-tight) !important;
  line-height: var(--yd-line-height-tight) !important;
}

h1,
.page-title {
  font-size: 24px !important;
}

h2 {
  font-size: 21px !important;
}

h3 {
  font-size: 18px !important;
}

h4,
.panel-title,
.panel-heading h4,
.modal-title {
  font-size: 16px !important;
}

h5,
h6 {
  font-size: var(--yd-font-size-md) !important;
}

.panel-heading,
.panel_s .panel-heading {
  font-size: var(--yd-font-size-md) !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  line-height: var(--yd-line-height-tight) !important;
}

.panel-body,
.panel_s .panel-body,
.widget,
.widget p,
.widget li {
  font-size: var(--yd-font-size-base) !important;
  font-weight: var(--yd-font-weight-regular) !important;
  line-height: var(--yd-line-height-normal) !important;
}

#header,
.navbar,
.navbar-nav > li > a,
#top_search input,
#search_input {
  font-family: var(--yd-font-sans) !important;
  font-size: var(--yd-font-size-base) !important;
  font-weight: var(--yd-font-weight-medium) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
}

#side-menu,
#side-menu li a,
.sidebar ul.nav li a {
  font-family: var(--yd-font-sans) !important;
  font-size: var(--yd-font-size-base) !important;
  font-weight: var(--yd-font-weight-medium) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  line-height: 1.35 !important;
}

#side-menu li.active > a,
.sidebar ul.nav li.active > a,
.sidebar > ul.nav > li.active > a {
  font-weight: var(--yd-font-weight-semibold) !important;
}

#side-menu .nav-second-level li a,
.sidebar .nav-second-level li a,
.sidebar ul.nav li .nav-second-level li a {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  line-height: 1.35 !important;
}

.table,
.table.dataTable,
table.dataTable,
.dataTables_wrapper {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.table > thead > tr > th,
.table.dataTable > thead > tr > th,
table.dataTable thead th,
table.dataTable thead td {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
table.dataTable tbody td,
table.dataTable tbody th {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-regular) !important;
  line-height: 1.42 !important;
}

.table a,
table.dataTable a,
.table tbody a:not(.btn),
table.dataTable tbody a:not(.btn) {
  font-weight: var(--yd-font-weight-medium) !important;
}

.dataTables_filter label,
.dataTables_length label,
.dataTables_info,
.pagination,
.pagination > li > a,
.pagination > li > span {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-medium) !important;
}

.btn,
.btn-group .btn,
.dt-button,
.buttons-collection,
.buttons-colvis,
.buttons-copy,
.buttons-csv,
.buttons-excel,
.buttons-pdf,
.buttons-print {
  font-family: var(--yd-font-sans) !important;
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-ui) !important;
  line-height: 1.25 !important;
  padding: 7px 12px !important;
}

.btn-sm,
.btn-group-sm > .btn,
.btn-group > .btn-sm {
  font-size: 12px !important;
  padding: 5px 10px !important;
}

.label,
.badge,
.label-tag,
.tags-labels .label,
.tags-labels .label-tag,
.status,
[class*="status-"] {
  font-family: var(--yd-font-sans) !important;
  font-size: 11px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-ui) !important;
  line-height: 1.15 !important;
}

.form-control,
input,
select,
textarea,
.bootstrap-select .btn,
.select2,
.select2-container,
.select2-container .select2-choice,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  font-family: var(--yd-font-sans) !important;
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-regular) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  line-height: 1.4 !important;
}

.control-label,
label,
.form-group label,
.checkbox label,
.radio label {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  line-height: 1.35 !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-regular) !important;
}

.dropdown-menu,
.dropdown-menu > li > a,
.bootstrap-select .dropdown-menu li a,
.select2-results .select2-result-label {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  line-height: 1.35 !important;
}

.top_stats_wrapper,
.quick-stats,
.quick-stats-white {
  font-family: var(--yd-font-sans) !important;
}

.top_stats_wrapper .tw-font-medium,
.top_stats_wrapper .tw-inline-flex,
.top_stats_wrapper .tw-truncate {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  line-height: 1.35 !important;
}

.top_stats_wrapper > .tw-flex > span:last-child,
.top_stats_wrapper .tw-font-semibold,
.yd-kpi {
  font-size: 24px !important;
  font-weight: var(--yd-font-weight-bold) !important;
  letter-spacing: var(--yd-letter-spacing-tight) !important;
  line-height: 1.05 !important;
}

.fc,
.fc table,
.fc td,
.fc th,
.fc-button,
.fc-event,
.fc-toolbar {
  font-family: var(--yd-font-sans) !important;
}

.fc-toolbar h2,
.fc .fc-toolbar-title {
  font-size: 18px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
}

.fc-button,
.fc .fc-button,
.fc-button-primary,
.fc .fc-button-primary {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-ui) !important;
  line-height: 1.2 !important;
}

.fc-day-number,
.fc-daygrid-day-number,
.fc .fc-daygrid-day-number,
.fc .fc-col-header-cell-cushion,
.fc-timegrid-slot-label-cushion {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-medium) !important;
}

.fc-event,
.fc-h-event,
.fc-v-event,
.fc-day-grid-event,
.fc-daygrid-event,
.fc-timegrid-event {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
}

/* Typography + casing pass: tech premium hierarchy without altering real data. */
:root {
  --yd-font-sans: Geist, "Inter Tight", Satoshi, "Space Grotesk", Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --yd-font-size-xs: 11px;
  --yd-font-size-sm: 12px;
  --yd-font-size-base: 14px;
  --yd-font-size-md: 15px;
  --yd-font-size-lg: 18px;
  --yd-font-size-xl: 26px;
  --yd-font-weight-regular: 400;
  --yd-font-weight-medium: 500;
  --yd-font-weight-semibold: 600;
  --yd-font-weight-bold: 700;
  --yd-line-height-tight: 1.18;
  --yd-line-height-normal: 1.45;
  --yd-letter-spacing-tight: 0;
  --yd-letter-spacing-normal: 0;
  --yd-letter-spacing-wide: 0.045em;
  --yd-letter-spacing-wider: 0.06em;
}

html,
body,
#wrapper,
#content,
.content,
.panel,
.panel_s,
.widget,
.modal,
.dropdown-menu,
.table,
.dataTables_wrapper,
.fc {
  font-family: var(--yd-font-sans) !important;
  font-size: var(--yd-font-size-base);
  font-weight: var(--yd-font-weight-regular);
  letter-spacing: var(--yd-letter-spacing-normal);
  line-height: var(--yd-line-height-normal);
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.panel-title,
.modal-title,
.fc .fc-toolbar-title {
  font-family: var(--yd-font-sans) !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-tight) !important;
  line-height: var(--yd-line-height-tight) !important;
  text-transform: none !important;
}

h1,
.page-title {
  font-size: var(--yd-font-size-xl) !important;
  font-weight: var(--yd-font-weight-semibold) !important;
}

h2 {
  font-size: 22px !important;
}

h3 {
  font-size: 18px !important;
}

h4,
.panel-title,
.panel-heading h4,
.modal-title {
  font-size: 16px !important;
}

#side-menu,
#side-menu li a,
.sidebar ul.nav li a {
  font-family: var(--yd-font-sans) !important;
  font-size: 14px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-wide) !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

#side-menu li.active > a,
.sidebar ul.nav li.active > a,
.sidebar > ul.nav > li.active > a {
  font-weight: var(--yd-font-weight-semibold) !important;
}

#side-menu .nav-second-level li a,
.sidebar .nav-second-level li a,
.sidebar ul.nav li .nav-second-level li a {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  font-family: var(--yd-font-sans) !important;
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-wide) !important;
  text-transform: uppercase !important;
}

.panel-heading,
.panel_s .panel-heading,
.panel-title,
.widget .panel-heading,
.widget .panel-title {
  font-size: 15px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: 0.025em !important;
  line-height: var(--yd-line-height-tight) !important;
}

.table,
.table.dataTable,
table.dataTable,
.dataTables_wrapper {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.table > thead > tr > th,
.table.dataTable > thead > tr > th,
table.dataTable thead th,
table.dataTable thead td {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-wider) !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
table.dataTable tbody td,
table.dataTable tbody th {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-regular) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  line-height: 1.42 !important;
  text-transform: none !important;
}

.table tbody a:not(.btn),
table.dataTable tbody a:not(.btn),
.table .row-options,
table.dataTable .row-options {
  text-transform: none !important;
}

.btn,
.btn-group .btn,
.dt-button,
.buttons-collection,
.buttons-colvis,
.buttons-copy,
.buttons-csv,
.buttons-excel,
.buttons-pdf,
.buttons-print {
  font-family: var(--yd-font-sans) !important;
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: 0.025em !important;
  line-height: 1.25 !important;
}

.btn-default,
.btn-secondary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.dt-button,
.buttons-collection,
.buttons-colvis,
.buttons-copy,
.buttons-csv,
.buttons-excel,
.buttons-pdf,
.buttons-print,
.btn-group .btn:not(.btn-primary) {
  text-transform: uppercase !important;
}

.btn-primary {
  text-transform: none !important;
}

.label,
.badge,
.label-tag,
.tags-labels .label,
.tags-labels .label-tag,
.status,
[class*="status-"] {
  font-family: var(--yd-font-sans) !important;
  font-size: 11px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-wide) !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.control-label,
label,
.form-group label,
.checkbox label,
.radio label {
  font-family: var(--yd-font-sans) !important;
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-wide) !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.checkbox label,
.radio label {
  letter-spacing: 0.025em !important;
}

.form-control,
input,
select,
textarea,
.bootstrap-select .btn,
.select2,
.select2-container,
.select2-container .select2-choice,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  font-family: var(--yd-font-sans) !important;
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-regular) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-regular) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  text-transform: none !important;
}

.dropdown-menu > li > a,
.bootstrap-select .dropdown-menu li a,
.select2-results .select2-result-label {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.top_stats_wrapper .tw-font-medium,
.top_stats_wrapper .tw-inline-flex,
.top_stats_wrapper .tw-truncate,
.quick-stats .tw-truncate {
  font-size: 13px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-wide) !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.top_stats_wrapper > .tw-flex > span:last-child,
.top_stats_wrapper .tw-font-semibold,
.yd-kpi {
  font-size: 24px !important;
  font-weight: var(--yd-font-weight-bold) !important;
  letter-spacing: var(--yd-letter-spacing-tight) !important;
  line-height: 1.05 !important;
  text-transform: none !important;
}

.fc,
.fc table,
.fc td,
.fc th,
.fc-button,
.fc-event,
.fc-toolbar {
  font-family: var(--yd-font-sans) !important;
}

.fc-toolbar h2,
.fc .fc-toolbar-title {
  font-size: 18px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-tight) !important;
  text-transform: none !important;
}

.fc-button,
.fc .fc-button,
.fc-button-primary,
.fc .fc-button-primary {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-wide) !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.fc .fc-col-header-cell-cushion,
.fc-timegrid-slot-label-cushion {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-semibold) !important;
  letter-spacing: var(--yd-letter-spacing-wide) !important;
  text-transform: uppercase !important;
}

.fc-day-number,
.fc-daygrid-day-number,
.fc .fc-daygrid-day-number {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  text-transform: none !important;
}

.fc-event,
.fc-h-event,
.fc-v-event,
.fc-day-grid-event,
.fc-daygrid-event,
.fc-timegrid-event {
  font-size: 12px !important;
  font-weight: var(--yd-font-weight-medium) !important;
  letter-spacing: var(--yd-letter-spacing-normal) !important;
  text-transform: none !important;
}