.agenda-appointment {
    cursor: move;
}
.agenda-drop-area {
    vertical-align: top;
}

.form-group .parsley-success .parsley-error-list {
    display: none !important;
}
.form-group .parsley-error-list {
    position: relative;
    display: inline-block !important;
    padding: 2px 10px;
    margin: 0;
    list-style: none;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    background: #b94a48;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
}
.form-group .parsley-error-list::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #B94A48;
    position: absolute;
    top: -6px;
    left: 3px;
}

.input-group .parsley-success .parsley-error-list {
    display: none !important;
}
.input-group .parsley-error-list {
    position: relative;
    display: inline-block !important;
    padding: 2px 10px;
    margin: 0;
    list-style: none;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    background: #b94a48;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
}
.input-group .parsley-error-list::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #B94A48;
    position: absolute;
    top: -6px;
    left: 3px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.ui-autocomplete {
    z-index:2147483647;
}

.spinner {
    background-color: #ffffff;
    background-image: url(../img/loading-spinner-green.gif);
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}

.usuario_icone_imagem {
    background: #fff none repeat scroll 0 0;
    border: 2px dashed #95A5A6;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}

.jcrop-keymgr {
    opacity: 0;
}

.jcrop-holder {
    margin: 0 auto;
}

.select2-container--open {
    z-index: 9999999
}

.btn-pesquisa-nps {
    width: 75px;
    height: 75px;
}

/* Nova identidade visual - Fonte Poppins */
body {
    font-family: 'Poppins', 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Cores de destaque verde para botões e elementos interativos */
.btn-primary,
.btn-success,
.btn-green {
    background-color: #229954;
    border-color: #229954;
}

.btn-primary:hover,
.btn-success:hover,
.btn-green:hover,
.btn-primary:focus,
.btn-success:focus,
.btn-green:focus {
    background-color: #1e8449;
    border-color: #1e8449;
}

/* Links e elementos de destaque */
a {
    color: #229954;
}

a:hover,
a:focus {
    color: #1e8449;
}

/* Badges e labels com cor verde */
.badge-success,
.label-success {
    background-color: #229954;
}

/* Ajustar ícones com font-green-jungle para o novo tom de verde */
.font-green-jungle {
    color: #229954 !important;
}

/* Ajustes de contraste - texto padrão escuro, exceto em elementos específicos */
.page-content {
    color: #333333;
}

/* Tema Light - Títulos */
html:not(.theme-dark) .page-title {
    color: #666 !important;
}

html:not(.theme-dark) .page-title small {
    color: #888 !important;
}

/* Tema Dark - Títulos */
.theme-dark .page-title {
    color: #ffffff !important;
}

.theme-dark .page-title small {
    color: #ffffff80 !important;
}

/* Page bar - tema claro (fundo branco, texto escuro) */
html:not(.theme-dark) .page-bar {
    background-color: #ffffff;
}

html:not(.theme-dark) .page-bar .page-breadcrumb > li > a {
    color: #333333;
}

html:not(.theme-dark) .page-bar .page-breadcrumb > li > a:hover {
    color: #229954;
}

html:not(.theme-dark) .page-bar .page-breadcrumb > li > span {
    color: #666666;
}

html:not(.theme-dark) .page-bar .page-breadcrumb > li > i {
    color: #999999;
}

/* Page bar - tema escuro (fundo escuro, texto claro) */
.theme-dark .page-bar {
    background-color: #252525;
    border-radius: 4px;
}

.theme-dark .page-bar .page-breadcrumb > li > a {
    color: #ffffff;
}

.theme-dark .page-bar .page-breadcrumb > li > a:hover {
    color: #229954;
}

.theme-dark .page-bar .page-breadcrumb > li > span {
    color: #ffffffb3;
}

.theme-dark .page-bar .page-breadcrumb > li > i {
    color: #ffffff80;
}

/* Cards e painéis com fundo escuro */
.panel {
    background-color: #ffffff;
    border-color: #e7ecf1;
    color: #333333;
}

.portlet {
    background-color: #ffffff;
    border-color: #e7ecf1;
    color: #333333;
}

.portlet > .portlet-body {
    background-color: #ffffff;
    color: #333333;
}

.panel-heading {
    background-color: #252525;
    border-color: #333333;
    color: #ffffff;
}

/* Portlet title - ajuste mais sutil */
.portlet > .portlet-title {
    background-color: transparent;
    border-bottom-color: #e7ecf1;
    color: #333333;
}

.portlet > .portlet-title > .caption {
    color: #333333;
}

.portlet > .portlet-title > .caption > i {
    color: #229954;
}

/* ================================
   PAGE ACTIONS - TEMA DARK
   (mantendo o botão em yellow, apenas ajustando o dropdown)
   ================================ */
.theme-dark .page-header.navbar .page-actions .dropdown-menu {
    background-color: #2a2a2a;
    border-color: #444444;
}

.theme-dark .page-header.navbar .page-actions .dropdown-menu > li > a {
    color: #e0e0e0;
}

.theme-dark .page-header.navbar .page-actions .dropdown-menu > li > a:hover {
    background-color: #333333;
    color: #ffffff;
}

/* Ajustar “setinha” (triângulo) do dropdown de Ações no tema dark */
.theme-dark .page-header.navbar .page-actions .dropdown-menu:before {
    border-bottom-color: #2a2a2a !important;
}

.theme-dark .page-header.navbar .page-actions .dropdown-menu:after {
    border-bottom-color: #2a2a2a !important;
}

/* Tema dark - título de todos os portlets em cinza claro */
.theme-dark .portlet > .portlet-title {
    border-bottom-color: #333333;
    color: #e0e0e0;
}

.theme-dark .portlet > .portlet-title > .caption {
    color: #e0e0e0;
}

/* Portlet light - mantém estilo original no tema claro */
html:not(.theme-dark) .portlet.light > .portlet-title {
    background-color: transparent;
    border-bottom-color: #e7ecf1;
}

html:not(.theme-dark) .portlet.light > .portlet-title > .caption {
    color: #333333;
}

html:not(.theme-dark) .portlet.light > .portlet-title > .caption > i {
    color: #229954;
}

/* Portlet light - versão escura no tema dark */
.theme-dark .portlet.light {
    background-color: #252525;
    border-color: #333333;
    color: #ffffff;
}

.theme-dark .portlet.light > .portlet-body {
    background-color: #252525;
    color: #ffffff;
}

.theme-dark .portlet.light > .portlet-title {
    background-color: transparent;
    border-bottom-color: #333333;
}

.theme-dark .portlet.light > .portlet-title > .caption {
    color: #ffffff;
}

.theme-dark .portlet.light > .portlet-title > .caption > i {
    color: #ffffff;
}

/* Form body - escuro no tema dark */
.theme-dark .form-body {
    background-color: #252525;
    color: #ffffff;
}

.theme-dark .form-body .form-group label,
.theme-dark .form-body .control-label {
    color: #ffffff;
}

.theme-dark .form-body .help-block,
.theme-dark .form-body .help-block-error {
    color: #ffffffb3;
}

/* Portlet box - fundo mais escuro mas não preto */
.portlet.box > .portlet-title {
    background-color: #252525;
    border-bottom-color: #333333;
    color: #ffffff;
}

.portlet.box > .portlet-body {
    background-color: #ffffff;
    color: #333333;
}

/* Portlet solid - ajuste de cores */
.portlet.solid > .portlet-title {
    background-color: transparent;
    border-bottom-color: #e7ecf1;
    color: #333333;
}

/* Tabelas - garantir texto escuro */
.table,
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    color: #333333;
}

.table > thead > tr > th {
    color: #333333;
    font-weight: 600;
}

/* Tema dark - bordas das tabelas quase pretas */
.theme-dark .table,
.theme-dark .table > thead > tr > th,
.theme-dark .table > thead > tr > td,
.theme-dark .table > tbody > tr > th,
.theme-dark .table > tbody > tr > td,
.theme-dark .table > tfoot > tr > th,
.theme-dark .table > tfoot > tr > td {
    border-color: #333333;
}

.theme-dark .table-bordered {
    border-color: #333333;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fbfcfd;
}

/* Tema dark - listras escuras nas tabelas */
.theme-dark .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2a2a2a;
}

.theme-dark .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #252525;
}

/* Tema dark - cores de texto nas tabelas (cinza claro) */
.theme-dark .table,
.theme-dark .table > thead > tr > th,
.theme-dark .table > tbody > tr > td,
.theme-dark .table > tfoot > tr > td {
    color: #e0e0e0;
}

.theme-dark .table > thead > tr > th {
    color: #f0f0f0;
}

/* ================================
   NAV TABS - TEMA DARK
   ================================ */
.theme-dark .nav-tabs > li > a {
    color: #f0f0f0;
    background-color: transparent;
    border-color: transparent;
}

.theme-dark .nav-tabs > li > a:hover,
.theme-dark .nav-tabs > li > a:focus {
    color: #ffffff;
    background-color: #252525;
    border-color: #333333 #333333 transparent;
}

.theme-dark .nav-tabs > li.active > a,
.theme-dark .nav-tabs > li.active > a:hover,
.theme-dark .nav-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: #1a1a1a;
    border-color: #333333 #333333 transparent;
}

/* Tema dark - abas dentro de portlet.light (sobrescreve componente padrão) */
.theme-dark .portlet.light > .portlet-title > .nav-tabs > li > a {
    color: #f0f0f0 !important;
}

.theme-dark .portlet.light > .portlet-title > .nav-tabs > li.active > a,
.theme-dark .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
    color: #ffffff !important;
}

.table-hover > tbody > tr:hover {
    background-color: #f6f3ee;
}

.table-hover > tbody > tr:hover > td {
    color: #333333;
}

/* Inputs disabled - cor cinza bem claro */
.form-control[disabled],
input[disabled],
select[disabled],
textarea[disabled],
fieldset[disabled] .form-control {
    background-color: #e8e8e8 !important;
    color: #999999 !important;
    cursor: not-allowed;
    opacity: 1;
}

/* Select2 disabled */
.select2-container--disabled .select2-selection {
    background-color: #e8e8e8 !important;
    color: #999999 !important;
    cursor: not-allowed;
}

/* Select2 disabled - tema dark */
.theme-dark .select2-container--disabled .select2-selection {
    background-color: #333333 !important;
    border-color: #555555 !important;
    color: #999999 !important;
    cursor: not-allowed;
}

/* ================================
   FORM CONTROLS - TEMA DARK
   ================================ */
.theme-dark .form-control {
    background-color: #2b2b2b;
    border-color: #444444;
    color: #ffffff;
}

.theme-dark .form-control:focus {
    background-color: #313131;
    border-color: #229954;
    color: #ffffff;
}

.theme-dark .form-control::-webkit-input-placeholder {
    color: #bbbbbb;
}

.theme-dark .form-control:-ms-input-placeholder {
    color: #bbbbbb;
}

.theme-dark .form-control::-moz-placeholder {
    color: #bbbbbb;
    opacity: 1;
}

/* Tema dark - campos readonly (diferentes de disabled) */
.theme-dark .form-control[readonly],
.theme-dark input[readonly],
.theme-dark select[readonly],
.theme-dark textarea[readonly] {
    background-color: #333333 !important;
    border-color: #555555;
    color: #cccccc !important;
    cursor: default;
}

/* Tema dark - campos disabled com mesma aparência do readonly */
.theme-dark .form-control[disabled],
.theme-dark input[disabled],
.theme-dark select[disabled],
.theme-dark textarea[disabled],
.theme-dark fieldset[disabled] .form-control {
    background-color: #333333 !important;
    border-color: #555555;
    color: #cccccc !important;
    cursor: not-allowed;
}

/* Select2 no tema dark */
.theme-dark .select2-container .select2-selection--single {
    background-color: #1f1f1f;
    border-color: #444444;
    color: #ffffff;
}

.theme-dark .select2-selection__rendered {
    color: #ffffff !important;
}

.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
}

.theme-dark .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #bbbbbb;
}

.theme-dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
}

/* Select2 múltiplo no tema dark */
.theme-dark .select2-container--default .select2-selection--multiple {
    background-color: #1f1f1f;
    border-color: #444444;
    color: #ffffff;
}

.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #333333;
    border-color: #555555;
    color: #000000 !important;
}

.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #cccccc;
}

.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ffffff;
}

/* Select2 múltiplo com tema bootstrap no modo dark */
.theme-dark .select2-container--bootstrap .select2-selection--multiple {
    background-color: #1f1f1f;
    border-color: #444444;
    color: #ffffff;
}

.theme-dark .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    color: #ffffff;
}

.theme-dark .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    background-color: #333333;
    border-color: #555555;
    color: #000000 !important;
}

.theme-dark .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    color: #cccccc;
}

.theme-dark .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ffffff;
}

.theme-dark .select2-container--bootstrap .select2-selection--multiple .select2-search__field {
    background-color: #1f1f1f;
    color: #f0f0f0;
}

/* Dropdown do Select2 no tema dark */
.theme-dark .select2-dropdown {
    background-color: #2a2a2a;
    border-color: #444444;
}

.theme-dark .select2-container--default .select2-results__option {
    background-color: #2a2a2a;
    color: #e0e0e0;
}

.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #333333;
    color: #ffffff;
}

.theme-dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #229954;
    color: #ffffff;
}

.theme-dark .select2-container--default .select2-results__option[aria-disabled=true] {
    color: #666666;
}

.theme-dark .select2-search--dropdown .select2-search__field {
    background-color: #1f1f1f;
    border-color: #444444;
    color: #f0f0f0;
}

.theme-dark .select2-search--dropdown .select2-search__field:focus {
    background-color: #252525;
    border-color: #229954;
    color: #ffffff;
}

.theme-dark .select2-results__group {
    color: #cccccc;
    background-color: #2a2a2a;
}

.theme-dark .select2-container--bootstrap .select2-results__option {
    background-color: #2a2a2a;
    color: #e0e0e0;
}

.theme-dark .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #333333;
    color: #ffffff;
}

.theme-dark .select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #229954;
    color: #ffffff;
}

/* input-group no tema dark (botões e addons) */
.theme-dark .input-group-addon {
    background-color: #2b2b2b;
    border-color: #444444;
    color: #e0e0e0;
}

.theme-dark .input-group-btn .btn,
.theme-dark .input-group-btn .btn-default {
    background-color: #2b2b2b;
    border-color: #444444;
    color: #e0e0e0;
}

.theme-dark .input-group-btn .btn:hover,
.theme-dark .input-group-btn .btn:focus,
.theme-dark .input-group-btn .btn-default:hover,
.theme-dark .input-group-btn .btn-default:focus {
    background-color: #313131;
    border-color: #229954;
    color: #ffffff;
}

/* ================================
   MODAIS - TEMA DARK
   (um pouco mais claros que o resto do layout)
   ================================ */
.theme-dark .modal-content {
    background-color: #3a3a3a; /* ainda mais claro que o fundo geral */
    border-color: #444444;
    color: #f0f0f0;
}

.theme-dark .modal-header,
.theme-dark .modal-footer {
    border-color: #444444;
}

.theme-dark .modal-header .modal-title {
    color: #ffffff;
}

.theme-dark .modal-header .close {
    color: #f0f0f0;
    opacity: 0.8;
}

.theme-dark .modal-header .close:hover,
.theme-dark .modal-header .close:focus {
    color: #ffffff;
    opacity: 1;
}

.theme-dark .modal-body {
    color: #e0e0e0;
}

.theme-dark .modal-backdrop.in,
.theme-dark .modal-backdrop.show {
    background-color: #000000;
    opacity: 0.6;
}

/* ================================
   FORM SECTION - TEMA DARK
   ================================ */
.theme-dark .form-section,
.theme-dark .portlet-form .form-section,
.theme-dark .form .form-section {
    color: #e0e0e0;
    border-bottom-color: #444444;
}

/* ================================
   FORM ACTIONS - TEMA DARK
   ================================ */
.theme-dark .form-actions,
.theme-dark .portlet-form .form-actions,
.theme-dark .form .form-actions {
    background-color: #2a2a2a;
    border-top-color: #444444;
}

.theme-dark .portlet.light .portlet-form .form-actions,
.theme-dark .portlet.light .form .form-actions {
    background: none;
}

.theme-dark .form-actions.top,
.theme-dark .portlet-form .form-actions.top,
.theme-dark .form .form-actions.top {
    border-bottom-color: #444444;
}

.theme-dark .portlet.light .form-actions.top,
.theme-dark .portlet.light .portlet-form .form-actions.top,
.theme-dark .portlet.light .form .form-actions.top {
    background: none;
}

/* ================================
   HR (HORIZONTAL RULE) - TEMA DARK
   ================================ */
.theme-dark hr {
    border-top-color: #444444;
}

/* ================================
   DASHBOARD FATURAMENTOS - TEMA DARK
   ================================ */
/* Primeira coluna sticky */
.theme-dark .th:first-child,
.theme-dark td:first-child {
    background-color: #2a2a2a !important;
}

/* Linha do cabeçalho da tabela */
.theme-dark .dashboard-faturamento thead tr {
    background-color: #2a2a2a !important;
}

/* ================================
   DATEPICKER - TEMA DARK
   ================================ */
.theme-dark .datepicker.dropdown-menu {
    background-color: #2a2a2a;
    border-color: #444444;
}

.theme-dark .datepicker table td {
    color: #e0e0e0 !important;
}

.theme-dark .datepicker table th {
    color: #f0f0f0 !important;
}

.theme-dark .datepicker table td:hover,
.theme-dark .datepicker table td.day:hover {
    background-color: #333333;
    color: #ffffff;
}

.theme-dark .datepicker table td.old,
.theme-dark .datepicker table td.new {
    color: #666666;
}

.theme-dark .datepicker table td.today {
    background-color: #444444;
    color: #ffffff;
}

.theme-dark .datepicker table td.active,
.theme-dark .datepicker table td.active:hover {
    background-color: #229954 !important;
    color: #ffffff !important;
}

.theme-dark .datepicker .datepicker-switch,
.theme-dark .datepicker .prev,
.theme-dark .datepicker .next,
.theme-dark .datepicker tfoot tr th {
    color: #e0e0e0;
}

.theme-dark .datepicker .datepicker-switch:hover,
.theme-dark .datepicker .prev:hover,
.theme-dark .datepicker .next:hover,
.theme-dark .datepicker tfoot tr th:hover {
    background-color: #333333;
    color: #ffffff;
}

/* ================================
   VENDAS DETALHES - TEMA DARK
   ================================ */
.theme-dark table tr[style*="background-color: #eef1f5"],
.theme-dark table tr[style*="background-color:#eef1f5"] {
    background-color: #2a2a2a !important;
}

/* ================================
   MENU SIDEBAR - AJUSTES
   ================================ */
/* Evitar quebra de linha nos itens do sub-menu */
.page-sidebar-menu .sub-menu li a {
    white-space: nowrap;
}

/* Garantir que ícones do submenu sejam visíveis no modo light */
html:not(.theme-dark) .page-sidebar-menu .sub-menu li a i,
html:not(.theme-dark) .page-sidebar-menu .sub-menu li a .fa {
    color: #666666 !important;
}

html:not(.theme-dark) .page-sidebar-menu .sub-menu li:hover > a i,
html:not(.theme-dark) .page-sidebar-menu .sub-menu li:hover > a .fa,
html:not(.theme-dark) .page-sidebar-menu .sub-menu li.active > a i,
html:not(.theme-dark) .page-sidebar-menu .sub-menu li.active > a .fa {
    color: #333333 !important;
}

/* ================================
   BOTÕES - ÍCONES NO TEMA DARK
   ================================ */
/* Garantir que ícones dentro de botões sejam visíveis no modo dark */
.theme-dark .btn i,
.theme-dark .btn .fa,
.theme-dark button i,
.theme-dark button .fa {
    color: #333333 !important;
}

/* Botões stripe - ícones devem ser visíveis */
.theme-dark .btn.red-stripe i,
.theme-dark .btn.red-stripe .fa,
.theme-dark .btn.green-stripe i,
.theme-dark .btn.green-stripe .fa,
.theme-dark .btn.blue-stripe i,
.theme-dark .btn.blue-stripe .fa,
.theme-dark .btn.yellow-stripe i,
.theme-dark .btn.yellow-stripe .fa {
    color: #333333 !important;
}

/* Botões com fundo claro - ícones devem ser escuros */
.theme-dark .btn.btn-default i,
.theme-dark .btn.btn-default .fa,
.theme-dark .btn.default i,
.theme-dark .btn.default .fa {
    color: #333333 !important;
}

/* Botões com fundo colorido - ícones devem ser brancos */
.theme-dark .btn.red i,
.theme-dark .btn.red .fa,
.theme-dark .btn.green i,
.theme-dark .btn.green .fa,
.theme-dark .btn.blue i,
.theme-dark .btn.blue .fa,
.theme-dark .btn.yellow i,
.theme-dark .btn.yellow .fa,
.theme-dark .btn-primary i,
.theme-dark .btn-primary .fa,
.theme-dark .btn-success i,
.theme-dark .btn-success .fa,
.theme-dark .btn.green-jungle i,
.theme-dark .btn.green-jungle .fa {
    color: #ffffff !important;
}

/* Botões green-jungle-stripe - ícones devem ser pretos */
.theme-dark .btn.green-jungle-stripe i,
.theme-dark .btn.green-jungle-stripe .fa {
    color: #000000 !important;
}

/* ================================
   AGENDA - HORÁRIOS LIVRES NO TEMA DARK
   ================================ */
/* Horários livres da agenda - cinza mais escuro */
.theme-dark #tabela .btn.btn-xs.default,
.theme-dark .agenda-drop-area .btn.btn-xs.default {
    background-color: #99a399 !important;
    border-color: #99a399 !important;
    color: #ffffff !important;
}

.theme-dark #tabela .btn.btn-xs.default:hover,
.theme-dark .agenda-drop-area .btn.btn-xs.default:hover {
    background-color: #222222 !important;
    border-color: #444444 !important;
    color: #ffffff !important;
}

/* Horários com CHECK-IN realizado - tema dark */
.theme-dark #tabela .btn.btn-xs.green-jungle {
    background-color: #667494 !important;
    border-color: #667494 !important;
    color: #ffffff !important;
}

/* Horários com VENDA FINALIZADA (checkout) - tema dark */
.theme-dark #tabela .btn.btn-xs.dark {
    background-color: #23428b !important;
    border-color: #23428b !important;
    color: #ffffff !important;
}

/* ================================
   NOTE (ALERTAS/NOTIFICAÇÕES) - TEMA DARK
   ================================ */
.theme-dark .note {
    border-left-color: #444444;
    background-color: #2a2a2a;
    color: #e0e0e0;
}

.theme-dark .note h1,
.theme-dark .note h2,
.theme-dark .note h3,
.theme-dark .note h4,
.theme-dark .note h5,
.theme-dark .note h6 {
    color: #f0f0f0;
}

.theme-dark .note code,
.theme-dark .note .highlight {
    background-color: #1f1f1f;
    color: #e0e0e0;
}

/* Note Default */
.theme-dark .note.note-default {
    background-color: #2a2a2a;
    border-color: #444444;
    color: #e0e0e0;
}

.theme-dark .note.note-default.note-bordered {
    background-color: #2a2a2a;
    border-color: #444444;
}

.theme-dark .note.note-default.note-shadow {
    background-color: #2a2a2a;
    border-color: #444444;
}

/* Note Success */
.theme-dark .note.note-success {
    background-color: #1a3a2a;
    border-color: #229954;
    color: #e0f0e8;
}

.theme-dark .note.note-success.note-bordered {
    background-color: #1a3a2a;
    border-color: #229954;
}

.theme-dark .note.note-success.note-shadow {
    background-color: #1a3a2a;
    border-color: #229954;
}

/* Note Info */
.theme-dark .note.note-info {
    background-color: #1a2a3a;
    border-color: #4b8df8;
    color: #e0e8f0;
}

.theme-dark .note.note-info.note-bordered {
    background-color: #1a2a3a;
    border-color: #4b8df8;
}

.theme-dark .note.note-info.note-shadow {
    background-color: #1a2a3a;
    border-color: #4b8df8;
}

/* Note Warning */
.theme-dark .note.note-warning {
    background-color: #3a2a1a;
    border-color: #f3cc31;
    color: #f0e8d0;
}

.theme-dark .note.note-warning.note-bordered {
    background-color: #3a2a1a;
    border-color: #f3cc31;
}

.theme-dark .note.note-warning.note-shadow {
    background-color: #3a2a1a;
    border-color: #f3cc31;
}

/* Note Danger */
.theme-dark .note.note-danger {
    background-color: #3a1a1a;
    border-color: #e7505a;
    color: #f0e0e0;
}

.theme-dark .note.note-danger.note-bordered {
    background-color: #3a1a1a;
    border-color: #e7505a;
}

.theme-dark .note.note-danger.note-shadow {
    background-color: #3a1a1a;
    border-color: #e7505a;
}