:root{

    --sied-primary:#0d6efd;
    --sied-success:#198754;
    --sied-warning:#ffc107;
    --sied-danger:#dc3545;
    --sied-bg:#f5f7fb;
    --sied-card:#ffffff;
    --sied-border:#e7ecf2;
    --sied-text:#495057;

}

body{

    background:var(--sied-bg);

}
.linha-os {
    width: 100%;
    height: 3px;
    background: #f1f3e8 !important; /* ou a cor desejada */
}

.card{

    border:none;
    border-radius:16px;
    box-shadow:0 4px 18px rgba(0,0,0,.05);

}

.card-header{

    border-radius:16px 16px 0 0 !important;

}

.info-card{

    transition:.25s;

    cursor:default;

}

.info-card:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 24px rgba(0,0,0,.08);

}

.info-title{

    font-size:.85rem;

    color:#7c8b98;

}

.info-value{

    font-size:1.15rem;

    font-weight:600;

}

.nav-tabs .nav-link{

    color:#6c757d;

    font-weight:600;

}

.nav-tabs .nav-link.active{

    color:#0d6efd;

    border-bottom:3px solid #0d6efd;

}

.badge{

    border-radius:30px;

    padding:8px 14px;

}

.offcanvas{

    background:#f8fafc;

}

.section-title{

    font-size:18px;

    font-weight:600;

    margin-bottom:20px;

}
.sied-offcanvas{
    padding:15px;
}

.sied-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px;
    background:#94b3e2;
    color:#020202;
    border-radius:12px;
    font-weight: bold;
    font-size: 1.3rem;
}

.sied-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-top:15px;
}

.sied-card{
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);

    padding:12px;
    border-radius:12px;

    display:flex;
    gap:10px;
    align-items:center;

    border:1px solid var(--bs-border-color);

    box-shadow:0 .125rem .25rem rgba(0,0,0,.10);
}

.sied-card i{
    font-size:22px;
    color:var(--bs-primary);
}

.sied-card small{
    display:block;
    font-size:11px;
    color:var(--bs-secondary-color);
}

.sied-card strong{
    font-size:14px;
    color:var(--bs-body-color);
}

.sied-info-bar{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;

    margin-top:15px;
    padding:12px;

    background-color:var(--bs-tertiary-bg);
    color:var(--bs-body-color);

    border:1px solid var(--bs-border-color);
    border-radius:12px;
}

.sied-info-bar span{
    display:block;
    font-size:11px;
    color:var(--bs-secondary-color);
}

.sied-info-bar strong{
    color:var(--bs-body-color);
}
.sied-badge{
    padding:6px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.sied-badge.danger{
    background:#dc3545;
    color:#fff;
}

.sied-badge.success{
    background:#198754;
    color:#fff;
}

.sied-tabs .nav-link{
    font-weight:600;
    color:#666;
}

.sied-tabs .nav-link.active{
    color:#0d6efd;
    border-bottom:2px solid #0d6efd;
}

.badge-servico{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:180px;
    min-height:42px;

    padding:8px 18px;
    margin:3px;


    color:#fff;

    border-radius:20px;
    border:1px solid var(--bs-primary);

        /* em vez de 1.15rem */
    font-weight:700;
    line-height:1.3;

    text-align:center;
}
span.badge-servico {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 120px;
    min-height: 32px;

    padding: 5px 12px;
    margin: 3px;

    color: #fff;

    border-radius: 15px;
    border: 1px solid var(--bs-primary);

    font-size: 12px;
}

.badge-servico:hover{
    background-color: #0d47a1;
    color: #ffffff;
    transform: translateY(-1px);
}
/* DARK MODE */

[data-bs-theme="dark"] .card{
    background-color:#2b3035;
    color:#dee2e6;
}

[data-bs-theme="dark"] .termos-container{
    background-color:#1f2327;
    color:#dee2e6;
    border-color:#444;
}

[data-bs-theme="dark"] hr{
    border-color:#495057;
}

/* DATATABLE DARK */

/* DATATABLE DARK MODE - CORREÇÃO TOTAL */
[data-bs-theme="dark"] .card {
    background-color: #2b3035 !important;
    color: #dee2e6 !important;
}

[data-bs-theme="dark"] table.dataTable {
    color: #dee2e6 !important; /* Cor do texto das células */
}

/* Cor dos cabeçalhos e ícones de ordenação */
[data-bs-theme="dark"] table.dataTable thead th,
[data-bs-theme="dark"] table.dataTable tfoot th {
    color: #ffffff !important;
    border-color: #444 !important;
}

/* Forçar cor branca nos textos de busca, info e paginação */
[data-bs-theme="dark"] .dt-search label,
[data-bs-theme="dark"] .dt-info,
[data-bs-theme="dark"] .dt-length label,
[data-bs-theme="dark"] .dt-paging .dt-paging-button {
    color: #dee2e6 !important;
}

/* Ajuste dos inputs e selects no modo escuro */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .dt-input {
    background-color: #1f2327 !important;
    border-color: #495057 !important;
    color: #fff !important;
}

/* Ajuste específico para as linhas (zebrado) no Dark Mode */
[data-bs-theme="dark"] .table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #dee2e6 !important;
}

[data-bs-theme="dark"] .table-hover>tbody>tr:hover>* {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

/* Cor das setas de ordenação no cabeçalho */
[data-bs-theme="dark"] .dataTable thead .dt-column-order:before,
[data-bs-theme="dark"] .dataTable thead .dt-column-order:after {
    filter: invert(1); /* Inverte a cor das setas pretas para branco */
}

main.main-content{
    min-height:100vh;
}
/* Forçar cores de texto no Dark Mode */
[data-bs-theme="dark"] .dt-container, 
[data-bs-theme="dark"] .dataTable, 
[data-bs-theme="dark"] .dt-info, 
[data-bs-theme="dark"] .dt-paging,
[data-bs-theme="dark"] .dt-search label,
[data-bs-theme="dark"] .dt-length label {
    color: #dee2e6 !important;
}

/* Garante que o fundo das células não fique transparente perdendo o texto */
[data-bs-theme="dark"] table.dataTable tbody tr {
    background-color: #2b3035 !important;
    color: #dee2e6 !important;
}

/* Ajuste nos inputs de busca e selects para não sumirem */
[data-bs-theme="dark"] .dt-input {
    background-color: #1f2327 !important;
    color: #fff !important;
    border: 1px solid #495057 !important;
}
/* Cor padrão (Light) */
.titulo-os { color: #0056b3; }
.linha-os { background-color: #0056b3; }

/* Cor quando o elemento pai tiver a classe dark-mode */
[data-bs-theme="dark"] .titulo-os { color: #eecc0cbb; }
[data-bs-theme="dark"] .linha-os { background-color: #d8bb16; }