/* =====================================================================
   TEMA MODERNO — Claro Premium  (v2 — cobertura completa)
   Reestiliza todo o sistema sem alterar o HTML das páginas.
   Carregue este arquivo POR ÚLTIMO, depois dos demais CSS.
   Para reverter, basta remover o <link> deste arquivo.
   ===================================================================== */

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

:root{
  --tm-bg:        #f4f6fb;
  --tm-surface:   #ffffff;
  --tm-surface-2: #fbfcfe;
  --tm-ink:       #1c2434;
  --tm-ink-soft:  #5b6478;
  --tm-muted:     #8a93a6;
  --tm-line:      #e7ebf3;
  --tm-primary:   #3b5bdb;
  --tm-primary-2: #4c6ef5;
  --tm-accent:    #6741d9;
  --tm-grad:      linear-gradient(135deg,#4c6ef5 0%,#6741d9 100%);
  --tm-grad-success: linear-gradient(135deg,#20c997,#0ca678);
  --tm-grad-warning: linear-gradient(135deg,#ffa94d,#f08c00);
  --tm-grad-danger:  linear-gradient(135deg,#ff6b6b,#e03131);
  --tm-grad-info:    linear-gradient(135deg,#3bc9db,#1098ad);
  --tm-success:   #1e9e6a;
  --tm-danger:    #e03131;
  --tm-warning:   #c77700;
  --tm-info:      #1098ad;
  --tm-radius:    16px;
  --tm-radius-sm: 11px;
  --tm-shadow:    0 1px 2px rgba(28,36,52,.04), 0 8px 24px rgba(28,36,52,.06);
  --tm-shadow-lg: 0 12px 40px rgba(45,55,90,.12);
  --tm-ring:      0 0 0 3px rgba(76,110,245,.18);
}

/* ---------- Base ---------- */
body, body.main-body, body.app{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif !important;
  background:var(--tm-bg) !important;
  color:var(--tm-ink) !important;
  -webkit-font-smoothing:antialiased;
  letter-spacing:.1px;
}
h1,h2,h3,h4,h5,.main-content-title,.main-content-label,.card-title,.page-title{
  font-family:'Sora','Inter',sans-serif !important;
  color:var(--tm-ink) !important;
  font-weight:700 !important;
}
.main-content-label,.card-title{ letter-spacing:.2px !important; }
a{ color:var(--tm-primary); }
a:hover{ color:var(--tm-accent); }
.text-muted{ color:var(--tm-muted) !important; }

/* ---------- Sidebar ---------- */
.app-sidebar, .main-sidemenu{
  background:var(--tm-surface) !important;
  border-right:1px solid var(--tm-line) !important;
  box-shadow:0 0 40px rgba(28,36,52,.05) !important;
}
.main-sidemenu{ box-shadow:none !important; border-right:none !important; }
/* o custom.css do sistema pintava itens e submenus de escuro — neutraliza */
.side-menu__item a{ background-color:transparent !important; color:var(--tm-ink-soft) !important; }
.slide-menu{ background:var(--tm-surface-2) !important; border-left:3px solid var(--tm-primary-2) !important; color:var(--tm-ink-soft) !important; }
.slide-menu .slide-item, .slide-menu a{ color:var(--tm-ink-soft) !important; }
.main-sidebar-header, .app-sidebar__user{
  background:var(--tm-surface) !important;
  border-bottom:1px solid var(--tm-line) !important;
}
.app-sidebar__user .user-pro-body img,
.app-sidebar__user-name{ color:var(--tm-ink) !important; }
.side-menu{ padding:10px 12px !important; }
.side-menu__item{
  border-radius:var(--tm-radius-sm) !important;
  margin:3px 0 !important;
  color:var(--tm-ink-soft) !important;
  font-weight:500 !important;
  transition:all .18s ease !important;
}
.side-menu__item:hover{
  background:rgba(76,110,245,.08) !important;
  color:var(--tm-primary) !important;
  transform:translateX(2px);
}
.side-menu__item.active,
.side-menu__item:focus,
.slide.is-expanded > .side-menu__item{
  background:var(--tm-grad) !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(76,110,245,.35) !important;
}
.side-menu__item.active .side-menu__icon,
.side-menu__item.active .side-menu__label,
.side-menu__item.active .angle,
.slide.is-expanded > .side-menu__item .side-menu__icon,
.slide.is-expanded > .side-menu__item .side-menu__label,
.slide.is-expanded > .side-menu__item .angle{ color:#fff !important; }
.side-menu__icon{ color:inherit !important; }
.side-menu__label{ font-size:13.5px !important; }
.slide-menu .slide-item{ border-radius:9px !important; color:var(--tm-ink-soft) !important; }
.slide-menu .slide-item:hover,
.slide-menu .slide-item.active{ color:var(--tm-primary) !important; background:rgba(76,110,245,.07) !important; }
.app-sidebar .side-item.side-item-category{
  color:var(--tm-muted) !important; font-weight:700 !important;
  letter-spacing:1.2px !important; text-transform:uppercase; font-size:10.5px !important;
}

/* ---------- Header / Topbar ---------- */
.main-header, .main-header.side-header{
  background:rgba(255,255,255,.85) !important;
  backdrop-filter:saturate(180%) blur(12px);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--tm-line) !important;
  box-shadow:0 2px 14px rgba(28,36,52,.04) !important;
}
.main-header-center .form-control,
.main-header .form-control{ border-radius:999px !important; background:var(--tm-surface-2) !important; }
.main-header .nav-link.icon, .header-icon, .main-header-message > a{ color:var(--tm-ink-soft) !important; }
.main-header .dropdown-menu{ border-radius:var(--tm-radius-sm) !important; }

/* ---------- Ícones de Receber/Pagar no topo (destaque premium) ---------- */
.tm-head-icon{
  font-size:15px !important;
  width:34px; height:34px; line-height:34px; text-align:center;
  border-radius:11px; display:inline-block;
}
.tm-head-receber{ background:rgba(14,166,120,.14) !important; }
.tm-head-pagar{ background:rgba(250,82,82,.14) !important; }
.main-header-message .new.nav-link{ position:relative; }
.tm-head-badge{
  border-radius:999px !important; color:#fff !important; border:2px solid #fff !important;
  font-weight:700 !important; box-shadow:0 4px 10px rgba(45,55,90,.18) !important;
  position:absolute; top:2px; right:2px;
}

/* ---------- Botões do cabeçalho: tema dia/noite + tela cheia (estavam invisíveis) ---------- */
.main-header .header-icon-svgs{ fill:var(--tm-primary) !important; color:var(--tm-primary) !important; width:20px !important; height:20px !important; }
#btn_tema, .full-screen-link{
  background:rgba(76,110,245,.10) !important;
  border-radius:12px !important;
  width:40px !important; height:40px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  transition:background .15s ease, transform .15s ease !important;
}
#btn_tema:hover, .full-screen-link:hover{ background:rgba(76,110,245,.20) !important; transform:translateY(-1px); }

/* ---------- Conteúdo ---------- */
.main-content.app-content{ background:var(--tm-bg) !important; }
.page-header{ background:transparent !important; border:none !important; padding-bottom:6px !important; }
.breadcrumb{ background:transparent !important; padding-left:0 !important; }
.breadcrumb-item.active{ color:var(--tm-primary) !important; }

/* ---------- Cards ---------- */
.card, .card.custom-card, .card.sales-card{
  background:var(--tm-surface) !important;
  border:1px solid var(--tm-line) !important;
  border-radius:var(--tm-radius) !important;
  box-shadow:var(--tm-shadow) !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.card:hover{ box-shadow:var(--tm-shadow-lg) !important; }
.card-header{
  background:transparent !important;
  border-bottom:1px solid var(--tm-line) !important;
  font-weight:700 !important;
  border-radius:var(--tm-radius) var(--tm-radius) 0 0 !important;
}
.card-footer{ background:transparent !important; border-top:1px solid var(--tm-line) !important; }

/* Cartões com cor cheia (gradiente premium) */
.card.bg-primary,.bg-primary-gradient{ background:var(--tm-grad) !important; border:none !important; color:#fff !important; }
.card.bg-success,.bg-success-gradient{ background:var(--tm-grad-success) !important; border:none !important; color:#fff !important; }
.card.bg-warning,.bg-warning-gradient{ background:var(--tm-grad-warning) !important; border:none !important; color:#fff !important; }
.card.bg-danger,.bg-danger-gradient{ background:var(--tm-grad-danger) !important; border:none !important; color:#fff !important; }
.card.bg-info,.bg-info-gradient{ background:var(--tm-grad-info) !important; border:none !important; color:#fff !important; }

/* Ícone circular dos widgets */
.circle-icon{ border-radius:16px !important; }
.bg-primary-transparent{ background:rgba(76,110,245,.12) !important; color:var(--tm-primary) !important; }
.bg-success-transparent{ background:rgba(14,166,120,.12) !important; color:var(--tm-success) !important; }
.bg-danger-transparent{ background:rgba(224,49,49,.12) !important; color:var(--tm-danger) !important; }
.bg-warning-transparent{ background:rgba(240,140,0,.14) !important; color:var(--tm-warning) !important; }
.bg-info-transparent{ background:rgba(16,152,173,.12) !important; color:var(--tm-info) !important; }

/* ---------- Kanban (dashboard) ---------- */
.kanban-card{
  border-radius:14px !important;
  overflow:hidden;
  box-shadow:var(--tm-shadow) !important;
  border:1px solid var(--tm-line) !important;
  margin-bottom:14px;
}
.kanban-card-header{ border-radius:14px 14px 0 0 !important; }
.kanban-card-header.bg-primary{ background:var(--tm-grad) !important; }
.kanban-card-header.bg-success{ background:var(--tm-grad-success) !important; }
.kanban-card-header.bg-danger{ background:var(--tm-grad-danger) !important; }
.kanban-card-header.bg-warning{ background:var(--tm-grad-warning) !important; }
.kanban-card-header.bg-info{ background:var(--tm-grad-info) !important; }
.kanban-card-title{ font-family:'Sora',sans-serif !important; font-weight:700 !important; }

/* ---------- Cartões de estatística do dashboard (coloridos) ---------- */
.tm-stat{
  border-radius:18px !important;
  padding:20px 20px !important;
  border:none !important;
  box-shadow:0 10px 26px rgba(45,55,90,.18) !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
a:hover .tm-stat, .tm-stat:hover{ transform:translateY(-3px); box-shadow:0 16px 34px rgba(45,55,90,.24) !important; }
.tm-stat, .tm-stat *{ color:#fff !important; }
.tm-stat p{ opacity:.92; }
.tm-stat h5{ font-family:'Sora',sans-serif !important; font-weight:800 !important; font-size:26px !important; margin:.25rem 0 !important; }
.tm-stat .badge{ background:rgba(255,255,255,.25) !important; color:#fff !important; }
.tm-stat-primary{ background:var(--tm-grad) !important; }
.tm-stat-success{ background:var(--tm-grad-success) !important; }
.tm-stat-danger{ background:var(--tm-grad-danger) !important; }
.tm-stat-warning{ background:var(--tm-grad-warning) !important; }
.tm-stat-info{ background:var(--tm-grad-info) !important; }

/* ---------- Cartões inferiores do dashboard (sales-card) coloridos ---------- */
.card.sales-card{
  border:none !important; border-radius:16px !important; overflow:hidden;
  color:#fff !important; box-shadow:0 10px 26px rgba(45,55,90,.16) !important;
  background:var(--tm-grad) !important; /* cor padrão (evita texto branco no branco) */
  transition:transform .2s ease, box-shadow .2s ease;
}
.card.sales-card:hover{ transform:translateY(-3px); box-shadow:0 16px 34px rgba(45,55,90,.24) !important; }
.card.sales-card h4, .card.sales-card h6, .card.sales-card p, .card.sales-card span, .card.sales-card i{ color:#fff !important; }
.card.sales-card .text-muted{ color:rgba(255,255,255,.85) !important; }
.card.sales-card h4{ font-family:'Sora',sans-serif !important; font-weight:800 !important; }
.card.sales-card .circle-icon{ background:rgba(255,255,255,.22) !important; }
.card.sales-card .circle-icon i{ color:#fff !important; }
.card.sales-card:has(.bg-primary-transparent){ background:linear-gradient(135deg,#4c6ef5,#6741d9) !important; }
.card.sales-card:has(.bg-info-transparent){ background:linear-gradient(135deg,#3bc9db,#1098ad) !important; }
.card.sales-card:has(.bg-secondary-transparent){ background:linear-gradient(135deg,#9775fa,#7048e8) !important; }
.card.sales-card:has(.bg-warning-transparent){ background:linear-gradient(135deg,#ffa94d,#f08c00) !important; }
/* Conectar Dispositivo (classes de ícone próprias) */
.card.sales-card:has(.iconBgRoxo){ background:linear-gradient(135deg,#4c6ef5,#6741d9) !important; }
.card.sales-card:has(.iconBgSuccess){ background:linear-gradient(135deg,#20c997,#0ca678) !important; }
.card.sales-card:has(.iconBgDanger){ background:linear-gradient(135deg,#ff6b6b,#e03131) !important; }
.card.sales-card:has(.iconBgWarning){ background:linear-gradient(135deg,#ffa94d,#f08c00) !important; }
.card.sales-card:has(.iconBgInfo){ background:linear-gradient(135deg,#3bc9db,#1098ad) !important; }
.card.sales-card .circle-icon[class*="iconBg"]{ background:rgba(255,255,255,.22) !important; }

/* ---------- Botões ---------- */
.btn{
  border-radius:11px !important;
  font-weight:600 !important;
  letter-spacing:.2px;
  padding:.5rem 1.05rem !important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}
.btn:hover{ transform:translateY(-1px); }
.btn-sm{ border-radius:9px !important; padding:.34rem .7rem !important; }
.btn-primary{ background:var(--tm-grad) !important; border:none !important; color:#fff !important; box-shadow:0 6px 16px rgba(76,110,245,.32) !important; }
.btn-primary:hover{ filter:brightness(1.05); box-shadow:0 10px 22px rgba(76,110,245,.42) !important; }
.btn-success{ background:var(--tm-grad-success) !important; border:none !important; color:#fff !important; }
.btn-danger{ background:var(--tm-grad-danger) !important; border:none !important; color:#fff !important; }
.btn-info{ background:var(--tm-grad-info) !important; border:none !important; color:#fff !important; }
.btn-warning{ background:var(--tm-grad-warning) !important; border:none !important; color:#fff !important; }
.btn-secondary{ background:#eef1f7 !important; color:var(--tm-ink) !important; border:none !important; }
.btn-light{ background:#eef1f7 !important; color:var(--tm-ink) !important; border:none !important; }
.btn-primary-light{ background:rgba(76,110,245,.12) !important; color:var(--tm-primary) !important; border:none !important; }
.btn-success-light{ background:rgba(14,166,120,.14) !important; color:var(--tm-success) !important; border:none !important; }
.btn-danger-light{ background:rgba(224,49,49,.12) !important; color:var(--tm-danger) !important; border:none !important; }
.btn-info-light{ background:rgba(16,152,173,.12) !important; color:var(--tm-info) !important; border:none !important; }
.btn-outline-primary{ border:1.5px solid var(--tm-primary-2) !important; color:var(--tm-primary) !important; border-radius:11px !important; }
.btn-outline-danger{ border:1.5px solid var(--tm-danger) !important; color:var(--tm-danger) !important; border-radius:11px !important; }
.btn-outline-success{ border:1.5px solid var(--tm-success) !important; color:var(--tm-success) !important; border-radius:11px !important; }

/* ---------- Formulários ---------- */
.form-control,.form-select,textarea,
.select2-container--default .select2-selection--single{
  border:1px solid #e3e7f3 !important;
  border-radius:var(--tm-radius-sm) !important;
  background:#f1f4fb !important;
  color:var(--tm-ink) !important;
  padding:.55rem .85rem !important;
  box-shadow:inset 0 1px 2px rgba(28,36,52,.05) !important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.select2-container--default .select2-selection--single{ height:auto !important; min-height:42px; display:flex; align-items:center; }
.form-control:focus,.form-select:focus,textarea:focus{
  border-color:var(--tm-primary-2) !important;
  box-shadow:var(--tm-ring) !important;
  background:#fff !important;
}
.form-label,label{ color:var(--tm-ink-soft) !important; font-weight:600 !important; font-size:13px !important; }
.input-group-text{ background:#eef1f7 !important; border:1px solid var(--tm-line) !important; border-radius:var(--tm-radius-sm) !important; }
.form-check-input:checked{ background-color:var(--tm-primary-2) !important; border-color:var(--tm-primary-2) !important; }
.form-switch .form-check-input:checked{ background-color:var(--tm-primary-2) !important; }

/* ---------- Tabelas + DataTables ---------- */
.table{ color:var(--tm-ink) !important; }
.table > :not(caption) > * > *{ border-color:var(--tm-line) !important; }
.table thead th{
  background:var(--tm-surface-2) !important;
  color:var(--tm-muted) !important;
  text-transform:uppercase; letter-spacing:.6px; font-size:11.5px !important;
  font-weight:700 !important; border-bottom:1px solid var(--tm-line) !important;
}
.table tbody tr{ transition:background .12s ease; }
.table-hover tbody tr:hover, .table tbody tr:hover{ background:rgba(76,110,245,.05) !important; }
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{
  border:1px solid var(--tm-line) !important; border-radius:999px !important;
  background:var(--tm-surface-2) !important; padding:.35rem .8rem !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius:9px !important; border:none !important; margin:0 2px; color:var(--tm-ink-soft) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  background:var(--tm-grad) !important; color:#fff !important; border:none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background:rgba(76,110,245,.1) !important; color:var(--tm-primary) !important; border:none !important;
}
.dataTables_info, .dataTables_length label, .dataTables_filter label{ color:var(--tm-muted) !important; }

/* paginação Bootstrap */
.page-item.active .page-link{ background:var(--tm-grad) !important; border:none !important; }
.page-link{ color:var(--tm-primary) !important; border-radius:9px !important; margin:0 2px; border:1px solid var(--tm-line) !important; }

/* ---------- Badges / status ---------- */
.badge{ border-radius:999px !important; font-weight:600 !important; padding:.42em .8em !important; letter-spacing:.3px; }
.badge.bg-primary{ background:var(--tm-primary-2) !important; }
.badge.bg-success{ background:var(--tm-success) !important; }
.badge.bg-danger{ background:var(--tm-danger) !important; }
.badge.bg-warning{ background:var(--tm-warning) !important; color:#fff !important; }
.badge.bg-info{ background:var(--tm-info) !important; }

/* ---------- Abas / pills ---------- */
.nav-tabs{
  border-bottom:none !important;
  background:#eef1f7 !important;
  border-radius:12px !important;
  padding:5px !important;
  display:inline-flex !important;
  gap:4px;
}
.nav-tabs .nav-item, .nav-tabs .nav-link{ margin:0 !important; }
.nav-tabs .nav-link{
  border:none !important;
  color:var(--tm-ink-soft) !important;
  font-weight:600 !important;
  border-radius:9px !important;
  padding:7px 16px !important;
}
.nav-tabs .nav-link:hover{ color:var(--tm-primary) !important; background:rgba(76,110,245,.08) !important; }
.nav-tabs .nav-link.active{
  color:#fff !important;
  background:var(--tm-grad) !important;
  border:none !important;
  box-shadow:0 4px 12px rgba(76,110,245,.30) !important;
}
.nav-pills .nav-link.active{ background:var(--tm-grad) !important; border-radius:10px !important; }

/* ---------- Alertas / progress / list-group ---------- */
.alert{ border:none !important; border-radius:var(--tm-radius-sm) !important; }
.alert-success{ background:rgba(14,166,120,.12) !important; color:#0b6b4a !important; }
.alert-danger{ background:rgba(224,49,49,.1) !important; color:#a32020 !important; }
.alert-warning{ background:rgba(240,140,0,.12) !important; color:#8a5300 !important; }
.alert-info{ background:rgba(16,152,173,.12) !important; color:#0b6b7a !important; }
.progress{ background:#eef1f7 !important; border-radius:999px !important; height:9px !important; }
.progress-bar{ background:var(--tm-grad) !important; }
.list-group-item{ border-color:var(--tm-line) !important; }

/* ---------- Modais / dropdowns ---------- */
.modal-content{ border:none !important; border-radius:var(--tm-radius) !important; box-shadow:var(--tm-shadow-lg) !important; overflow:hidden; }
.modal-header{ border-bottom:1px solid var(--tm-line) !important; }
.modal-header.bg-primary{ background:var(--tm-grad) !important; }
.modal-footer{ border-top:1px solid var(--tm-line) !important; }
.dropdown-menu{ border:1px solid var(--tm-line) !important; border-radius:var(--tm-radius-sm) !important; box-shadow:var(--tm-shadow-lg) !important; }
.dropdown-item{ border-radius:8px !important; }
.dropdown-item:hover{ background:rgba(76,110,245,.08) !important; color:var(--tm-primary) !important; }
.select2-dropdown{ border:1px solid var(--tm-line) !important; border-radius:var(--tm-radius-sm) !important; box-shadow:var(--tm-shadow-lg) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:var(--tm-primary-2) !important; }

/* ---------- Scrollbar refinada ---------- */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:#cfd6e6; border-radius:10px; border:2px solid var(--tm-bg); }
::-webkit-scrollbar-thumb:hover{ background:#b6c0d8; }

/* =====================================================================
   FORÇAR VISUAL CLARO mesmo com "modo escuro" salvo no navegador
   (o tema antigo aplica .dark-theme/.dark-menu com regra mais específica)
   ===================================================================== */
.dark-theme, .dark-menu, .transparent-theme{ background:var(--tm-bg) !important; }
.dark-theme .main-content.app-content,
.dark-menu .main-content.app-content{ background:var(--tm-bg) !important; }

.dark-theme .app-sidebar, .dark-menu .app-sidebar,
.dark-theme .main-sidebar-header, .dark-menu .main-sidebar-header,
.dark-theme .app-sidebar__user, .dark-menu .app-sidebar__user{
  background:var(--tm-surface) !important;
  border-color:var(--tm-line) !important;
}
.dark-theme .side-menu__item, .dark-menu .side-menu__item,
.dark-theme .side-menu__label, .dark-menu .side-menu__label,
.dark-theme .side-menu__icon, .dark-menu .side-menu__icon,
.dark-theme .app-sidebar__user-name, .dark-theme .user-info h4,
.dark-theme .user-pro-body .dropdown .user-info h6{
  color:var(--tm-ink-soft) !important;
}
.dark-theme .side-item.side-item-category,
.dark-menu .side-item.side-item-category{ color:var(--tm-muted) !important; }
.dark-theme .side-menu__item:hover, .dark-menu .side-menu__item:hover{
  background:rgba(76,110,245,.08) !important; color:var(--tm-primary) !important;
}
.dark-theme .side-menu__item.active, .dark-menu .side-menu__item.active,
.dark-theme .slide.is-expanded > .side-menu__item,
.dark-menu .slide.is-expanded > .side-menu__item{
  background:var(--tm-grad) !important;
}
.dark-theme .side-menu__item.active .side-menu__label,
.dark-theme .side-menu__item.active .side-menu__icon,
.dark-theme .side-menu__item.active .angle,
.dark-menu .side-menu__item.active .side-menu__label,
.dark-menu .side-menu__item.active .side-menu__icon{ color:#fff !important; }
.dark-theme .slide-menu .slide-item, .dark-menu .slide-menu .slide-item{ color:var(--tm-ink-soft) !important; }

.dark-theme .card, .dark-menu .card{ background:var(--tm-surface) !important; color:var(--tm-ink) !important; border-color:var(--tm-line) !important; }
.dark-theme .card-header, .dark-theme .card-footer{ background:transparent !important; }
.dark-theme .main-header, .dark-menu .main-header{ background:rgba(255,255,255,.9) !important; border-color:var(--tm-line) !important; }
.dark-theme .table, .dark-menu .table{ color:var(--tm-ink) !important; }
.dark-theme .form-control, .dark-theme .form-select{ background:var(--tm-surface-2) !important; color:var(--tm-ink) !important; border-color:var(--tm-line) !important; }

/* =====================================================================
   Cartões de RESUMO FINANCEIRO (Contas a Receber / Pagar) — blocos coloridos
   mesmo padrão premium do dashboard (Vencidas, Hoje, Amanhã, Recebidas, Total)
   ===================================================================== */
.card-group .card{
  border:none !important;
  border-radius:16px !important;
  overflow:hidden;
  margin:6px !important;
  height:auto !important;
  color:#fff !important;
  box-shadow:0 10px 26px rgba(45,55,90,.16) !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.card-group .card:hover{ transform:translateY(-3px); box-shadow:0 16px 34px rgba(45,55,90,.24) !important; }
.card-group .card .card-header{
  background:transparent !important; border:none !important;
  color:#fff !important; font-weight:700 !important; font-size:13px !important; padding-bottom:0 !important;
}
.card-group .card .card-body{ padding-top:6px !important; }
.card-group .card .card-body h4 span,
.card-group .card .card-body span,
.card-group .card a, .card-group .card .text-white,
.card-group .card .text-danger{
  color:#fff !important;
  font-family:'Sora',sans-serif !important; font-weight:800 !important;
}
.card-group .card .card-body h4 span{ font-size:23px !important; }
/* cores por posição — idênticas em Receber e Pagar */
.card-group .card:nth-child(1){ background:linear-gradient(135deg,#ff6b6b,#e03131) !important; }
.card-group .card:nth-child(2){ background:linear-gradient(135deg,#ffa94d,#f08c00) !important; }
.card-group .card:nth-child(3){ background:linear-gradient(135deg,#adb5bd,#868e96) !important; }
.card-group .card:nth-child(4){ background:linear-gradient(135deg,#20c997,#0ca678) !important; }
.card-group .card:nth-child(5){ background:linear-gradient(135deg,#4c6ef5,#6741d9) !important; }

/* =====================================================================
   RH — moderniza painéis e calendário (linha premium)
   ===================================================================== */
.widget-shadow{
  background:#fff !important; border:1px solid var(--tm-line) !important;
  border-radius:16px !important; box-shadow:var(--tm-shadow) !important; padding:14px !important;
}
.agile-calendar, .calendar-widget, .monthly{ border-radius:14px !important; }
.calendar-widget, .monthly{ box-shadow:var(--tm-shadow) !important; overflow:hidden; }
/* barra de filtro branca chapada do RH/relatórios -> card arredondado */
form > .row[style*="background:white"], form > .row[style*="background: white"]{
  border-radius:14px !important; box-shadow:var(--tm-shadow) !important; border:1px solid var(--tm-line) !important;
}

/* =====================================================================
   MODELO C — Barra lateral Índigo Premium (vence as regras anteriores)
   ===================================================================== */
.app-sidebar, .main-sidemenu, .main-sidebar-header, .app-sidebar__user,
.dark-theme .app-sidebar, .dark-theme .main-sidemenu, .dark-theme .main-sidebar-header,
.dark-menu .app-sidebar, .dark-menu .main-sidemenu{
  background:linear-gradient(180deg,#4c34b8 0%,#3b2a93 100%) !important;
  border-right:none !important;
}
.app-sidebar, .main-sidemenu{ box-shadow:4px 0 24px rgba(45,30,120,.25) !important; }
.main-sidebar-header, .app-sidebar__user{ border-bottom:1px solid rgba(255,255,255,.12) !important; }

.side-menu__item, .side-menu__label, .side-menu__icon, .side-menu__item a,
.side-menu__item .angle, .slide-menu .slide-item, .slide-menu a,
.app-sidebar__user-name, .user-info h4, .user-info h6,
.dark-theme .side-menu__item, .dark-theme .side-menu__label, .dark-theme .side-menu__icon{
  color:#e9e5fb !important;
  background-color:transparent !important;
}
.app-sidebar .side-item.side-item-category{ color:#c3b9f2 !important; }

.side-menu__item:hover{ background:rgba(255,255,255,.14) !important; color:#fff !important; transform:translateX(2px); }
.side-menu__item:hover .side-menu__label,
.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .angle{ color:#fff !important; }

.side-menu__item.active,
.slide.is-expanded > .side-menu__item,
.dark-theme .side-menu__item.active{
  background:#ffffff !important;
  color:#3b2a93 !important;
  font-weight:700 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}
.side-menu__item.active .side-menu__label,
.side-menu__item.active .side-menu__icon,
.side-menu__item.active .angle,
.side-menu__item.active a,
.slide.is-expanded > .side-menu__item .side-menu__label,
.slide.is-expanded > .side-menu__item .side-menu__icon{ color:#3b2a93 !important; }
/* foco/expandido (ao clicar) = cartão branco com texto roxo em NEGRITO, bem visível */
.side-menu__item:focus,
.slide.is-expanded > .side-menu__item{
  background:#ffffff !important; color:#3b2a93 !important;
  font-weight:700 !important; box-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}
.side-menu__item:focus .side-menu__label,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:focus .angle,
.slide.is-expanded > .side-menu__item .side-menu__label,
.slide.is-expanded > .side-menu__item .side-menu__icon,
.slide.is-expanded > .side-menu__item .angle{ color:#3b2a93 !important; }

/* ---------- Busca DataJus (topo) premium ---------- */
.tm-datajus::placeholder{ color:#9aa3b7 !important; }
.tm-datajus:focus{ border-color:#4c6ef5 !important; box-shadow:0 0 0 3px rgba(76,110,245,.15) !important; background:#fff !important; }

/* ---------- Avatar de perfil / logout (topo direito) premium ---------- */
.main-profile-menu .profile-user img{
  width:40px !important; height:40px !important; border-radius:50% !important; object-fit:cover;
  border:2px solid #fff !important;
  box-shadow:0 0 0 2px #4c6ef5, 0 6px 14px rgba(76,110,245,.35) !important;
}
.main-profile-menu .profile-user{ padding:3px !important; }
.main-profile-menu .dropdown-item{ border-radius:9px !important; }
.main-profile-menu .dropdown-item:hover{ background:rgba(76,110,245,.08) !important; color:var(--tm-primary) !important; }

.slide-menu{ background:rgba(255,255,255,.08) !important; border-left:3px solid rgba(255,255,255,.45) !important; }
.slide-menu .slide-item{ border-radius:8px !important; margin:2px 6px !important; padding:7px 12px !important; transition:all .15s ease !important; }
.slide-menu .slide-item:hover, .slide-menu a:hover{ color:#fff !important; background:rgba(255,255,255,.12) !important; }
/* submenu ATIVO (ex.: Clientes) — sobressai bem no fundo índigo */
.slide-menu .slide-item.active, .slide-menu a.active,
.slide-menu .slide-item:focus{
  background:rgba(255,255,255,.22) !important;
  color:#ffffff !important;
  font-weight:700 !important;
  box-shadow:inset 3px 0 0 #ffffff !important;
}

/* =====================================================================
   TELAS DE LOGIN (login.php / acesso.php)
   ===================================================================== */
body.error-page1{
  background:radial-gradient(1200px 600px at 15% -10%,#e9efff 0%,transparent 55%),
             radial-gradient(1000px 500px at 110% 110%,#efeaff 0%,transparent 50%),
             linear-gradient(135deg,#f5f7fd 0%,#eef1fb 100%) !important;
  min-height:100vh;
}
.card-sigin{
  background:rgba(255,255,255,.82) !important;
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(255,255,255,.7) !important;
  border-radius:22px !important;
  box-shadow:0 24px 70px rgba(45,55,90,.18) !important;
  padding:8px;
}
.main-card-signin{ border-radius:18px; }
.card-sigin .btn-primary{ width:100%; padding:.7rem !important; font-size:15px; }
.sign-favicon{ filter:drop-shadow(0 8px 18px rgba(76,110,245,.25)); }
.main-signin-footer a, .main-signup-header a{ color:var(--tm-primary) !important; font-weight:600; }

/* animação suave de entrada */
@keyframes tmUp{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;} }
.card-sigin,.main-content.app-content .card{ animation:tmUp .45s ease both; }

/* =====================================================================
   REFORÇO FINAL — item do menu clicado/ativo/expandido SEMPRE visível
   (especificidade máxima para vencer o tema antigo)
   ===================================================================== */
body .app-sidebar .slide.is-expanded > .side-menu__item,
body .app-sidebar .side-menu__item.active,
body .app-sidebar .side-menu__item:focus{
  background:#ffffff !important;
  box-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}
body .app-sidebar .slide.is-expanded > .side-menu__item,
body .app-sidebar .slide.is-expanded > .side-menu__item .side-menu__label,
body .app-sidebar .slide.is-expanded > .side-menu__item .side-menu__icon,
body .app-sidebar .slide.is-expanded > .side-menu__item .angle,
body .app-sidebar .side-menu__item.active,
body .app-sidebar .side-menu__item.active .side-menu__label,
body .app-sidebar .side-menu__item.active .side-menu__icon,
body .app-sidebar .side-menu__item.active .angle,
body .app-sidebar .side-menu__item:focus,
body .app-sidebar .side-menu__item:focus .side-menu__label,
body .app-sidebar .side-menu__item:focus .side-menu__icon,
body .app-sidebar .side-menu__item:focus .angle{
  color:#3b2a93 !important;
  fill:#3b2a93 !important;
  font-weight:700 !important;
}

/* =====================================================================
   MODO NOTURNO PREMIUM (classe tm-dark no body, controlada pelo sistema)
   ===================================================================== */
body.tm-dark{ background:#0e1320 !important; color:#c7cedb !important; }
body.tm-dark .main-content,
body.tm-dark .app-content,
body.tm-dark .page,
body.tm-dark .page-main,
body.tm-dark .container-fluid,
body.tm-dark .main-container{ background:transparent !important; }

body.tm-dark .app-header,
body.tm-dark .main-header,
body.tm-dark .main-header-container,
body.tm-dark .header,
body.tm-dark .navbar{ background:#141b2d !important; border-color:#222c3f !important; box-shadow:0 2px 10px rgba(0,0,0,.35) !important; }
body.tm-dark .header-icon-svgs{ fill:#c7cedb !important; }

body.tm-dark .card,
body.tm-dark .sales-card,
body.tm-dark .custom-card,
body.tm-dark .nf-box,
body.tm-dark .consulta-box,
body.tm-dark .crm-col,
body.tm-dark .modal-content,
body.tm-dark .dropdown-menu,
body.tm-dark .nf-empresa{ background:#161d2e !important; color:#c7cedb !important; border-color:#222c3f !important; box-shadow:0 6px 18px rgba(0,0,0,.40) !important; }

body.tm-dark .kanban-card{ background:#161d2e !important; }
body.tm-dark .kanban-card-body,
body.tm-dark .kanban-card-footer,
body.tm-dark .crm-card,
body.tm-dark .bg-white{ background:#161d2e !important; color:#c7cedb !important; }
body.tm-dark .text-dark{ color:#c7cedb !important; }
body.tm-dark .text-muted,
body.tm-dark small.text-muted{ color:#8a93a6 !important; }

body.tm-dark .table,
body.tm-dark table.table td,
body.tm-dark table.table th{ color:#c7cedb !important; border-color:#242f43 !important; }
body.tm-dark .thead-light th,
body.tm-dark .table thead th{ background:#1d2740 !important; color:#cfd6e4 !important; }
body.tm-dark .table-hover tbody tr:hover{ background:#1b2334 !important; }

body.tm-dark .form-control,
body.tm-dark .form-select,
body.tm-dark input[type=text],
body.tm-dark input[type=date],
body.tm-dark input[type=number],
body.tm-dark input[type=time],
body.tm-dark input[type=email],
body.tm-dark textarea,
body.tm-dark .select2-container--default .select2-selection--single{ background:#1d2740 !important; color:#e7ecf5 !important; border-color:#33405a !important; }
body.tm-dark .form-control::placeholder{ color:#7e879a !important; }

body.tm-dark h1, body.tm-dark h2, body.tm-dark h3, body.tm-dark h4, body.tm-dark h5, body.tm-dark h6,
body.tm-dark .chart-title, body.tm-dark .card-title{ color:#e7ecf5 !important; }

body.tm-dark hr{ border-color:#26314a !important; }
body.tm-dark .border, body.tm-dark .border-bottom, body.tm-dark .border-top{ border-color:#26314a !important; }
body.tm-dark #btn_tema{ background:rgba(255,255,255,.08) !important; }

/* Troca de tema instantânea: desliga transições/animações durante o switch */
body.tm-switching, body.tm-switching *{ transition:none !important; animation:none !important; }


/* =====================================================================
   CAMADA PREMIUM GLOBAL — listas, tabelas, cards, busca, paginação, status
   ===================================================================== */
body:not(.tm-dark) .card.custom-card{
  border:1px solid #eef0f6 !important; border-radius:18px !important;
  box-shadow:0 14px 38px rgba(40,50,90,.07) !important;
}
.dataTables_wrapper .dataTables_filter input{
  border:1.5px solid #e6e9f2 !important; border-radius:999px !important;
  padding:9px 16px !important; min-width:230px; background:#fbfbff !important;
  transition:border-color .2s, box-shadow .2s !important;
}
.dataTables_wrapper .dataTables_filter input:focus{
  outline:none !important; border-color:#6a4cf0 !important; box-shadow:0 0 0 4px rgba(106,76,255,.14) !important; background:#fff !important;
}
.dataTables_wrapper .dataTables_length select{
  border:1.5px solid #e6e9f2 !important; border-radius:999px !important; padding:6px 30px 6px 14px !important; background-color:#fbfbff !important;
}
#tabela thead th, table.table thead th{
  text-transform:uppercase; letter-spacing:.04em; font-size:11px !important; font-weight:800 !important;
  color:#8a90a6 !important; border-bottom:2px solid #eef0f6 !important; border-top:none !important;
  padding:14px 12px !important; background:transparent !important;
}
#tabela tbody td, table.table tbody td{
  padding:13px 12px !important; vertical-align:middle !important;
  border-top:1px solid #f2f3f9 !important; font-size:13.5px;
}
body:not(.tm-dark) #tabela tbody tr{ transition:background .15s ease; }
body:not(.tm-dark) #tabela tbody tr:hover{ background:#f7f8ff !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius:10px !important; border:1px solid #e6e9f2 !important; margin:0 3px !important;
  padding:6px 13px !important; color:#5b6478 !important; background:#fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  background:linear-gradient(135deg,#6a4cf0,#4c34b8) !important; color:#fff !important; border-color:transparent !important;
  box-shadow:0 8px 18px rgba(76,52,184,.35) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background:#eef0fb !important; color:#4c34b8 !important; border-color:#d9ddf3 !important;
}
.dataTables_wrapper .dataTables_info{ color:#9aa0b3 !important; font-size:12.5px !important; }
.btn-primary, .btn.ripple.btn-primary{
  background:linear-gradient(135deg,#6a4cf0,#4c34b8) !important; border:none !important;
  border-radius:12px !important; box-shadow:0 10px 24px rgba(76,52,184,.30) !important;
  transition:transform .2s, filter .2s !important;
}
.btn-primary:hover{ transform:translateY(-2px); filter:brightness(1.05); }
.btn{ border-radius:11px !important; }
.btn-sm{ border-radius:9px !important; }
input[type="date"], select.form-select, select.sel50{ border-radius:11px !important; }
.badge{ border-radius:999px !important; padding:.4em .8em !important; font-weight:700 !important; }
.card.text-center{ border:none !important; border-radius:16px !important; overflow:hidden;
  box-shadow:0 12px 30px rgba(40,50,90,.12) !important; transition:transform .22s, box-shadow .22s !important; }
.card.text-center:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(40,50,90,.20) !important; }
.card.text-center .card-header{ border:none !important; font-weight:800 !important; letter-spacing:.02em; }
.card.text-center .card-header.bg-red{ background:linear-gradient(135deg,#ff6b6b,#e03131) !important; }
.card.text-center .card-header.bg-orange{ background:linear-gradient(135deg,#ffa94d,#e8590c) !important; }

/* Tooltip premium dos gráficos (ApexCharts) */
.apexcharts-tooltip{
  border:none !important; border-radius:14px !important; overflow:hidden;
  box-shadow:0 16px 40px rgba(20,28,55,.28) !important;
  background:#1f2545 !important; color:#fff !important; font-family:'Plus Jakarta Sans','Segoe UI',sans-serif !important;
}
.apexcharts-tooltip-title{
  background:linear-gradient(135deg,#6a4cf0,#4c34b8) !important; border:none !important;
  color:#fff !important; font-weight:800 !important; padding:8px 14px !important;
}
.apexcharts-tooltip-series-group{ padding:5px 12px !important; }
.apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-goals-value{ font-weight:700 !important; }
.apexcharts-xaxistooltip, .apexcharts-yaxistooltip{
  background:linear-gradient(135deg,#6a4cf0,#4c34b8) !important; color:#fff !important;
  border:none !important; border-radius:9px !important; font-weight:700 !important;
  box-shadow:0 8px 18px rgba(76,52,184,.4) !important; padding:4px 9px !important;
}
.apexcharts-xaxistooltip-bottom::before{ border-bottom-color:#6a4cf0 !important; }
.apexcharts-xaxistooltip-bottom::after{ border-bottom-color:#6a4cf0 !important; }
.apexcharts-xaxistooltip-top::before, .apexcharts-xaxistooltip-top::after{ border-top-color:#4c34b8 !important; }

/* DataTables Responsive: garante espaço para o botão "+" (não sobrepor o nome) */
table.dataTable tbody td.dtr-control,
#tabela tbody td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control{
  position:relative !important; padding-left:42px !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before{
  left:12px !important; top:50% !important; transform:translateY(-50%) !important; margin-top:0 !important;
  box-shadow:0 4px 10px rgba(76,52,184,.3) !important; background:linear-gradient(135deg,#6a4cf0,#4c34b8) !important; border:none !important;
}

/* ================== Cabeçalho azul premium (global, todas as listas) ================== */
#tabela thead tr.bg-primary, table.table thead tr.bg-primary{
  background:linear-gradient(135deg,#6a4cf0,#4c34b8) !important;
}
#tabela thead tr.bg-primary th, table.table thead tr.bg-primary th{
  background:transparent !important; color:#fff !important;
  text-transform:uppercase !important; letter-spacing:.05em !important;
  font-size:11px !important; font-weight:800 !important;
  border:none !important; padding:15px 14px !important; vertical-align:middle !important;
}
#tabela thead tr.bg-primary th:first-child{ border-top-left-radius:14px !important; border-bottom-left-radius:14px !important; }
#tabela thead tr.bg-primary th:last-child{ border-top-right-radius:14px !important; border-bottom-right-radius:14px !important; }
/* setas de ordenação em branco translúcido sobre o cabeçalho azul */
#tabela thead tr.bg-primary th.sorting:before, #tabela thead tr.bg-primary th.sorting:after,
#tabela thead tr.bg-primary th.sorting_asc:before, #tabela thead tr.bg-primary th.sorting_asc:after,
#tabela thead tr.bg-primary th.sorting_desc:before, #tabela thead tr.bg-primary th.sorting_desc:after{
  color:#fff !important; opacity:.55 !important;
}
/* respiro entre cabeçalho e primeira linha */
#tabela{ border-collapse:separate !important; border-spacing:0 2px !important; }

/* ================== Pílulas premium reutilizáveis (listas padronizadas) ================== */
#tabela .cli-nome{ font-weight:700 !important; color:#1c2434 !important; }
#tabela .pill-num{
  display:inline-block; font-family:'JetBrains Mono','SFMono-Regular',Menlo,monospace;
  font-weight:700; font-size:11.5px; color:#3a4254;
  background:#f4f6fb; border:1px solid #e3e8f2; border-radius:8px; padding:3px 9px; white-space:nowrap;
}
#tabela .pill-tipo{
  display:inline-block; font-weight:700; font-size:11px; color:#3b2a93;
  background:linear-gradient(135deg,#f1ecff,#e7defc); border:1px solid #e2d8fb;
  padding:3px 11px; border-radius:999px; white-space:nowrap;
}
#tabela .pill-uf{
  display:inline-block; font-weight:800; font-size:11px; letter-spacing:.5px; color:#4c34b8;
  background:#efeaff; border:1px solid #d9cffb; border-radius:999px; padding:3px 11px;
}
#tabela .pill-uf.vazio{ color:#aeb6c4; background:#f4f6fb; border-color:#e3e8f2; letter-spacing:0; }
#tabela .pill-data{
  display:inline-block; font-weight:700; font-size:11px; color:#5b6478;
  background:#f4f6fb; border:1px solid #e3e8f2; border-radius:999px; padding:3px 11px; white-space:nowrap;
}
#tabela .pill-data .fa{ color:#b9b3d6; margin-right:4px; }
#tabela .pill-valor{
  display:inline-block; font-weight:800; font-size:12px; color:#0b7a4f;
  background:#e9f9f1; border:1px solid #c5eedd; border-radius:999px; padding:3px 11px; white-space:nowrap;
}

/* ================== Status — pílula premium (global) ================== */
.status-pill{
  display:inline-flex !important; align-items:center; gap:7px; cursor:pointer;
  font-weight:800; font-size:11px; letter-spacing:.02em; border-radius:999px;
  padding:5px 13px; border:1px solid transparent; text-decoration:none !important; white-space:nowrap;
  transition:filter .15s, box-shadow .15s, transform .12s;
}
.status-pill:hover{ filter:brightness(.99); box-shadow:0 5px 12px rgba(30,40,80,.12); transform:translateY(-1px); }
.status-pill .dot{ width:8px; height:8px; border-radius:50%; display:inline-block; }
.status-pill .fa-caret-down{ font-size:10px; opacity:.6; margin-left:1px; }
.status-cancelado { background:#ffe3e3; color:#c92a2a; border-color:#ffc9c9; }
.status-arquivado { background:#ffe8cc; color:#d9480f; border-color:#ffd8a8; }
.status-preparacao{ background:#eef0f3; color:#5b6478; border-color:#e3e6ec; }
.status-finalizado{ background:#e9f9f1; color:#0b7a4f; border-color:#c3eedd; }
.status-andamento { background:#e7f0ff; color:#1c6cad; border-color:#c9ddff; }
.status-cancelado .dot { background:#e03131; }
.status-arquivado .dot { background:#e8590c; }
.status-preparacao .dot{ background:#8f8f8f; }
.status-finalizado .dot{ background:#2b7a00; }
.status-andamento .dot { background:#1c6cad; }
/* Casos Solicitados */
.status-pendente { background:#ffe3e3; color:#c92a2a; border-color:#ffc9c9; }
.status-analise  { background:#e7e9ff; color:#3b3fae; border-color:#cdd0ff; }
.status-concluido{ background:#e9f9f1; color:#0b7a4f; border-color:#c3eedd; }
.status-pendente .dot { background:#c92a2a; }
.status-analise .dot  { background:#3b3fae; }
.status-concluido .dot{ background:#22854d; }

/* menu premium do status */
.dropdown-menu.status-menu{
  border:none !important; border-radius:14px !important; padding:7px !important;
  box-shadow:0 16px 40px rgba(20,28,55,.18) !important; min-width:184px;
}
.dropdown-menu.status-menu .status-opt{
  display:flex !important; align-items:center; gap:9px; padding:8px 12px; border-radius:9px;
  font-weight:700; font-size:13px; color:#1c2434; cursor:pointer; text-decoration:none;
}
.dropdown-menu.status-menu .status-opt:hover{ background:#f3f1ff; }
.dropdown-menu.status-menu .status-opt .dot{ width:9px; height:9px; border-radius:50%; display:inline-block; }