:root{
  --smk-bg:#070b12;--smk-bg-2:#0b111b;--smk-panel:#0e1622;--smk-panel-2:#111c2b;
  --smk-border:rgba(92,166,255,.14);--smk-blue:#168bff;--smk-cyan:#35c8ff;
  --smk-text:#eaf3ff;--smk-muted:#8290a3;--smk-danger:#ff5570;--smk-success:#39d98a;
}
html,body,.wrapper{background:var(--smk-bg)!important;color:var(--smk-text)}
body{font-family:"Source Sans Pro","Segoe UI",sans-serif}
.content-wrapper{background:
 radial-gradient(circle at 85% 5%,rgba(22,139,255,.10),transparent 26%),
 radial-gradient(circle at 20% 90%,rgba(53,200,255,.06),transparent 25%),var(--smk-bg)!important}
.main-header{background:rgba(9,14,23,.92)!important;border-bottom:1px solid var(--smk-border)!important;backdrop-filter:blur(12px)}
.main-header .nav-link{color:#aebbc9!important}.main-header .nav-link:hover{color:#fff!important}
.main-sidebar{background:linear-gradient(180deg,#0a1019,#080d15)!important;border-right:1px solid var(--smk-border)}
.brand-link{height:68px;display:flex;align-items:center;border-bottom:1px solid var(--smk-border)!important;background:rgba(255,255,255,.01)}
.brand-link .brand-image{float:none;max-height:40px;width:auto;margin-left:.4rem;margin-right:.75rem;border-radius:0!important;box-shadow:none!important}
.brand-link .brand-text{font-weight:800!important;letter-spacing:2px;color:#fff}
.user-panel{border-bottom:1px solid var(--smk-border)!important}.user-panel .image .smk-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--smk-blue),var(--smk-cyan));display:grid;place-items:center;color:#fff;box-shadow:0 8px 24px rgba(22,139,255,.25)}
.user-panel .info small{display:block;color:var(--smk-muted)}
.nav-sidebar .nav-header{font-size:10px;letter-spacing:1.6px;color:#536276;padding:1.1rem 1rem .45rem}
.nav-sidebar .nav-link{border-radius:10px;margin:3px 8px;color:#91a0b3!important;transition:.2s}
.nav-sidebar .nav-link .nav-icon{width:1.6rem;text-align:center;margin-right:.25rem}
.nav-sidebar .nav-link:hover{background:rgba(22,139,255,.09)!important;color:#dcecff!important;transform:translateX(2px)}
.nav-sidebar .nav-link.active{background:linear-gradient(135deg,rgba(22,139,255,.95),rgba(31,167,255,.85))!important;color:#fff!important;box-shadow:0 10px 28px rgba(22,139,255,.20)}
.content-header{padding:28px .5rem 12px}.smk-page-title{font-weight:800;font-size:27px;margin:0}.smk-page-subtitle{color:var(--smk-muted);margin-top:4px}
.card,.modal-content,.dropdown-menu{background:linear-gradient(180deg,rgba(17,28,43,.96),rgba(12,20,31,.96))!important;border:1px solid var(--smk-border)!important;color:var(--smk-text);border-radius:16px!important;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.card-header{background:transparent!important;border-bottom:1px solid var(--smk-border)!important;padding:1rem 1.2rem}.card-title{font-weight:700}
.smk-stat{position:relative;overflow:hidden;padding:22px;border:1px solid var(--smk-border);border-radius:16px;background:linear-gradient(145deg,rgba(17,28,43,.96),rgba(10,17,27,.96));min-height:135px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.smk-stat:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-55px;background:rgba(22,139,255,.08)}
.smk-stat-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(22,139,255,.12);color:var(--smk-cyan);font-size:19px;margin-bottom:18px}
.smk-stat-value{font-size:28px;font-weight:800;line-height:1}.smk-stat-label{margin-top:8px;color:var(--smk-muted);font-size:13px}
.btn-primary,.btn-info{background:linear-gradient(135deg,var(--smk-blue),#1aa8ff)!important;border:0!important;box-shadow:0 8px 22px rgba(22,139,255,.18)}
.btn{border-radius:9px}.btn-outline-primary{color:#63b8ff;border-color:rgba(22,139,255,.5)}.btn-outline-primary:hover{background:var(--smk-blue);border-color:var(--smk-blue)}
.btn-outline-danger{color:#ff7188;border-color:rgba(255,85,112,.45)}
.form-control,.custom-select{background:#0a121d!important;border:1px solid rgba(128,174,225,.17)!important;color:#eaf3ff!important;border-radius:9px!important}
.form-control:focus,.custom-select:focus{border-color:rgba(22,139,255,.75)!important;box-shadow:0 0 0 3px rgba(22,139,255,.10)!important}
.form-control::placeholder{color:#536174}.form-group label{color:#aeb9c8;font-size:13px;font-weight:600}
.table{color:#dbe7f5}.table thead th{border-top:0;border-bottom:1px solid var(--smk-border);color:#8091a6;text-transform:uppercase;font-size:11px;letter-spacing:.7px}.table td{border-top:1px solid rgba(92,166,255,.08);vertical-align:middle}
.table-hover tbody tr:hover{color:#fff;background:rgba(22,139,255,.045)}
.badge{padding:.45em .7em;border-radius:7px}.badge-success{background:rgba(57,217,138,.14);color:#5ee9a2}.badge-danger{background:rgba(255,85,112,.14);color:#ff7890}.badge-info{background:rgba(53,200,255,.13);color:#61d6ff}.badge-primary{background:rgba(22,139,255,.14);color:#61adff}
.main-footer{background:#080d15!important;border-top:1px solid var(--smk-border)!important;color:#637186}.main-footer strong{color:#8e9bad}
.pagination .page-link{background:#0c1521;border-color:var(--smk-border);color:#9db0c5}.page-item.active .page-link{background:var(--smk-blue);border-color:var(--smk-blue)}
.alert{border-radius:12px}.preloader{background:#080d15!important}.preloader img{object-fit:contain}
.smk-quick-link{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--smk-border);border-radius:13px;color:#d9e8f7;background:rgba(255,255,255,.015);transition:.2s}.smk-quick-link:hover{color:#fff;text-decoration:none;background:rgba(22,139,255,.07);transform:translateY(-2px)}.smk-quick-link i{color:var(--smk-cyan);font-size:18px}
.modal-header,.modal-footer{border-color:var(--smk-border)!important}.close{color:#fff;text-shadow:none}.close:hover{color:#fff}
@media(max-width:767px){.smk-page-title{font-size:23px}.content-header{padding-top:20px}.card-body{padding:1rem}.table-responsive{border:0}}


/* ============================================================
   TEMA CLARO / ESCURO
   O tema escuro continua sendo o padrão original.
============================================================ */
#themeToggle{display:flex;align-items:center;gap:8px}
#themeToggle .theme-label{font-size:12px}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.permission-group{border:1px solid var(--smk-border);border-radius:14px;padding:16px;background:rgba(255,255,255,.018)}
.permission-group h5{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--smk-cyan);margin-bottom:13px}
.permission-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:#aeb9c8}
.permission-item input{margin-top:4px;accent-color:var(--smk-blue)}
.permission-item strong{display:block;color:var(--smk-text);font-size:13px}
.permission-item small{display:block;color:var(--smk-muted);line-height:1.3}
.smk-role-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:rgba(53,200,255,.10);color:var(--smk-cyan);font-size:12px}

html[data-theme="light"]{
  --smk-bg:#eef4fb;--smk-bg-2:#f7faff;--smk-panel:#ffffff;--smk-panel-2:#f7faff;
  --smk-border:rgba(25,86,145,.13);--smk-blue:#087cf0;--smk-cyan:#008ecb;
  --smk-text:#172435;--smk-muted:#69798c;
}
html[data-theme="light"] body,
html[data-theme="light"] .wrapper{background:var(--smk-bg)!important;color:var(--smk-text)}
html[data-theme="light"] .content-wrapper{background:radial-gradient(circle at 85% 5%,rgba(8,124,240,.08),transparent 26%),var(--smk-bg)!important}
html[data-theme="light"] .main-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--smk-border)!important}
html[data-theme="light"] .main-header .nav-link{color:#52657a!important}
html[data-theme="light"] .main-header .nav-link:hover{color:#087cf0!important}
html[data-theme="light"] .main-sidebar{background:linear-gradient(180deg,#ffffff,#f7faff)!important;border-right:1px solid var(--smk-border)}
html[data-theme="light"] .brand-link{background:#fff!important;border-color:var(--smk-border)!important}
html[data-theme="light"] .brand-link .brand-text{color:#152337!important}
html[data-theme="light"] .user-panel{border-color:var(--smk-border)!important}
html[data-theme="light"] .user-panel .info span{color:#172435!important}
html[data-theme="light"] .nav-sidebar .nav-header{color:#8a9aab}
html[data-theme="light"] .nav-sidebar .nav-link{color:#5f7185!important}
html[data-theme="light"] .nav-sidebar .nav-link:hover{background:rgba(8,124,240,.07)!important;color:#087cf0!important}
html[data-theme="light"] .nav-sidebar .nav-link.active{color:#fff!important}
html[data-theme="light"] .card,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .dropdown-menu{background:#fff!important;color:#172435;box-shadow:0 16px 40px rgba(36,73,110,.08)}
html[data-theme="light"] .smk-stat{background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 14px 35px rgba(36,73,110,.07)}
html[data-theme="light"] .form-control,
html[data-theme="light"] .custom-select{background:#f8fbff!important;color:#172435!important;border-color:rgba(25,86,145,.16)!important}
html[data-theme="light"] .table{color:#314359}
html[data-theme="light"] .table-hover tbody tr:hover{color:#172435;background:rgba(8,124,240,.045)}
html[data-theme="light"] .main-footer{background:#fff!important;color:#718196;border-color:var(--smk-border)!important}
html[data-theme="light"] .main-footer strong{color:#314359}
html[data-theme="light"] .permission-group{background:#f8fbff}
html[data-theme="light"] .permission-item{color:#5f7185}
html[data-theme="light"] .preloader{background:#eef4fb!important}


/* ============================================================
   CORREÇÕES FINAIS - PERMISSÕES
============================================================ */

.permission-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
}

.permission-group {
    display: block !important;
    min-width: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--smk-border) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.018) !important;
}

.permission-group h5 {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid var(--smk-border) !important;
    color: var(--smk-cyan) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
}

.permission-item {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 11px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    cursor: pointer !important;
    white-space: normal !important;
}

.permission-item + .permission-item {
    border-top: 1px solid rgba(92, 166, 255, 0.07) !important;
}

.permission-item input[type="checkbox"] {
    display: block !important;
    flex: 0 0 auto !important;
    width: 17px !important;
    height: 17px !important;
    margin: 2px 0 0 !important;
    accent-color: var(--smk-blue) !important;
}

.permission-item > span {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.permission-item strong {
    display: block !important;
    margin: 0 0 3px !important;
    color: var(--smk-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.permission-item small {
    display: block !important;
    color: var(--smk-muted) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}


/* ============================================================
   CORREÇÕES FINAIS - LIGHT MODE
============================================================ */

html[data-theme="light"] body,
html[data-theme="light"] .wrapper {
    background: #eef4fb !important;
    color: #172435 !important;
}

html[data-theme="light"] .content-wrapper {
    background:
        radial-gradient(
            circle at 85% 5%,
            rgba(8, 124, 240, 0.08),
            transparent 26%
        ),
        #eef4fb !important;
}

html[data-theme="light"] .main-header {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(25, 86, 145, 0.14) !important;
}

html[data-theme="light"] .main-sidebar {
    background: linear-gradient(
        180deg,
        #ffffff,
        #f7faff
    ) !important;
}

html[data-theme="light"] .brand-link {
    background: #ffffff !important;
}

html[data-theme="light"] .brand-text {
    color: #172435 !important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .dropdown-menu {
    background: #ffffff !important;
    color: #172435 !important;
}

html[data-theme="light"] .smk-page-title,
html[data-theme="light"] .card-title,
html[data-theme="light"] .smk-stat-value {
    color: #172435 !important;
}

html[data-theme="light"] .form-control,
html[data-theme="light"] .custom-select {
    background: #f8fbff !important;
    color: #172435 !important;
    border-color: rgba(25, 86, 145, 0.18) !important;
}

html[data-theme="light"] .table {
    color: #314359 !important;
}

html[data-theme="light"] .permission-group {
    background: #f8fbff !important;
}

html[data-theme="light"] .permission-item strong {
    color: #172435 !important;
}

html[data-theme="light"] .main-footer {
    background: #ffffff !important;
    color: #718196 !important;
}

@media (max-width: 991.98px) {

    .permission-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   SMKLOG - DATATABLES
============================================================ */

.dataTables_wrapper {
    padding: 18px;
    color: var(--smk-muted);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    color: var(--smk-muted) !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    min-height: 36px;
    color: var(--smk-text) !important;
    background: #0a121d !important;
    border: 1px solid rgba(128, 174, 225, 0.17) !important;
    border-radius: 8px !important;
    outline: none;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 8px;
    padding: 6px 10px;
}

.dataTables_wrapper .dataTables_length select {
    margin: 0 5px;
    padding: 4px 8px;
}

.dataTables_wrapper .page-item .page-link {
    color: #9bb0c8;
    background: #0a121d;
    border-color: var(--smk-border);
}

.dataTables_wrapper .page-item.active .page-link {
    color: #ffffff;
    background: var(--smk-blue);
    border-color: var(--smk-blue);
}

.dataTables_wrapper .page-item.disabled .page-link {
    color: #536174;
    background: #0a121d;
    border-color: var(--smk-border);
}

.dataTables_wrapper table.dataTable {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

html[data-theme="light"] .dataTables_wrapper {
    color: #69798c;
}

html[data-theme="light"] .dataTables_wrapper .dataTables_length,
html[data-theme="light"] .dataTables_wrapper .dataTables_filter,
html[data-theme="light"] .dataTables_wrapper .dataTables_info,
html[data-theme="light"] .dataTables_wrapper .dataTables_paginate {
    color: #69798c !important;
}

html[data-theme="light"] .dataTables_wrapper .dataTables_filter input,
html[data-theme="light"] .dataTables_wrapper .dataTables_length select {
    color: #172435 !important;
    background: #f8fbff !important;
    border-color: rgba(25, 86, 145, 0.18) !important;
}

html[data-theme="light"] .dataTables_wrapper .page-item .page-link {
    color: #52657a;
    background: #ffffff;
    border-color: rgba(25, 86, 145, 0.14);
}

html[data-theme="light"] .dataTables_wrapper .page-item.active .page-link {
    color: #ffffff;
    background: var(--smk-blue);
    border-color: var(--smk-blue);
}

html[data-theme="light"] .dataTables_wrapper .page-item.disabled .page-link {
    color: #9aa7b5;
    background: #f5f8fc;
    border-color: rgba(25, 86, 145, 0.10);
}


/* SMKLOG 14 - Cards compatíveis com o seletor de tema próprio */
html[data-theme="dark"] .smk-card-table tbody tr {
    background: #111d2b !important;
    color: #e7eef7 !important;
    border-color: rgba(100,160,220,.22) !important;
}
html[data-theme="dark"] .smk-card-table tbody td { color:#e7eef7 !important; }
html[data-theme="dark"] .smk-card-table tbody td::before { color:#8fa4bb !important; }
html[data-theme="light"] .smk-card-table tbody tr {
    background:#fff !important;
    color:#314359 !important;
}