.bg-syrios-ordem{
    background: #bdd6f0;
    color: black;
}

.bg-syrios-card-info{
    background: #BEDAF1;
}

.bg-syrios-card-resumo{
    background: #F8F9FA;
}

.bg-syrios{
    background: #E9F0F6;
}

.bg-syrios-card{
    background: #E9F0F6;
}

/*=====================================*/

/* 🔵 FUNDO GERAL */
.syrios-body {
    background: #f5f7fb;
}

/* 🔵 HEADER */
.syrios-header {
    height: 150px;
    background: linear-gradient(135deg, #3B5CCC, #1E88E5);
    color: white;
    padding: 18px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ⚪ ÁREA PRINCIPAL */
.syrios-main {
    margin-top: -60px;
}

/* ⚪ CONTAINER BRANCO */
.syrios-container {
    background: white;
    border-radius: 20px;
    padding: 28px;
    min-height: 70vh;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* 🧱 CARD PADRÃO */
.syrios-card {
    border-radius: 16px;
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: 0.2s;
}

.syrios-card:hover {
    transform: translateY(-2px);
}

/* 🟦 TÍTULO */
.syrios-title {
    font-weight: 600;
    color: #3B5CCC;
}

/* 🔘 BOTÃO */
.btn-syrios {
    background: #3B5CCC;
    color: white;
    border-radius: 10px;
    padding: 8px 16px;
}

.btn-syrios:hover {
    background: #2f4bb0;
    color: white;
}

.btn-syrios.btn-sm {
    padding: 4px 8px;
    font-size: 0.8rem;
    border-radius: 8px;
    line-height: 1.1;
}

.btn-syrios.btn-sd {
    padding: 7px 12px;
    font-size: 1rem;
    border-radius: 6px;
    line-height: 1.1;
}

@media (max-width: 768px) {

    .syrios-header {
        padding: 12px 0;
    }

    .syrios-container {
        padding: 16px;
        border-radius: 12px;
    }

}

/* ===== LAYOUT COM SIDEBAR ===== */

.syrios-layout {
    display: flex;
    min-height: calc(100vh - 60px);
}

/* SIDEBAR */
.syrios-sidebar {
    width: 240px;
    background: #ffffff;
    border-right: 1px solid #e5e7eb;
    padding: 16px;
}

/* TOPO SIDEBAR */
.syrios-sidebar-top {
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* LINKS */
.syrios-sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.syrios-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #374151;
    text-decoration: none;
    transition: 0.2s;
}

.syrios-link:hover {
    background: #f1f5f9;
}

/* CONTEÚDO */
.syrios-content {
    flex: 1;
    padding: 20px;
}

.syrios-link.active {
    background: #e0e7ff;
    color: #3b5ccc;
    font-weight: 500;
}

/*/* ===== SIDEBAR PREMIUM ===== /

.syrios-sidebar {
    width: 240px;
    transition: all 0.25s ease;
}

/* COLAPSADA /
body.sidebar-collapsed .syrios-sidebar {
    width: 70px;
}

/* ESCONDER TEXTO /
body.sidebar-collapsed .syrios-link span {
    display: none;
}*/


/*===================================*/

.syrios-sidebar {
    width: 240px;
    transition: all 0.25s ease;
    background: #fff;
    border-right: 1px solid #e5e7eb;
    padding: 16px;
    min-height: calc(100vh - 84px);
}

.syrios-sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.syrios-menu-group {
    font-size: 12px;
    text-transform: uppercase;
    color: #94a3b8;
    margin: 10px 0 6px 0;
    font-weight: 600;
}

.syrios-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #334155;
    text-decoration: none;
    transition: all 0.2s ease;
}

.syrios-link i {
    font-size: 1.1rem;
    min-width: 20px;
    text-align: center;
}

.syrios-link:hover {
    background: #f1f5f9;
    color: #1e293b;
}

.syrios-link.active {
    background: #e0e7ff;
    color: #3b5ccc;
    font-weight: 600;
}

/* Sidebar colapsada */
body.sidebar-collapsed .syrios-sidebar {
    width: 72px;
}

body.sidebar-collapsed .syrios-link span,
body.sidebar-collapsed .syrios-menu-group {
    display: none;
}

body.sidebar-collapsed .syrios-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}


/*=====================================*/











/* CENTRALIZAR ÍCONES */
body.sidebar-collapsed .syrios-link {
    justify-content: center;
}

/* TRANSIÇÃO */
.syrios-link {
    transition: all 0.2s;
}

.syrios-badge {
    background: #f1f5f9;
    color: #334155;
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 12px;
    border: 1px solid #e2e8f0;
}

/* ROLE CARD */
.syrios-role-card {
    border-radius: 14px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.syrios-role-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.08);
}

/* ICON */
.syrios-role-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.syrios-role-card {
    border-radius: 14px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.syrios-role-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.08);
}

.syrios-role-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

/* opcional */
.syrios-school-header img {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.context-header img {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.syrios-role-card {
    cursor: pointer;
    transition: all 0.2s ease;
}

.syrios-role-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

.display-5 {
    font-size: 2.6rem;
    font-weight: 700;
}

.syrios-card-hover {
    transition: 0.2s;
}

.syrios-card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.1);
}

.syrios-menu-group {
    font-size: 12px;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 6px;
}

/*===================================*/

.syrios-footer {
    margin-top: 40px;
    padding: 16px 0;
    border-top: 1px solid #e5e7eb;
    background: #3c4150;
    color: #e2e8f0;

}

.syrios-footer a {
    color: #cbd5f5;
}

.syrios-footer a:hover {
    color: #ffffff;
}

/*=======================================*/

.syrios-link.active {
    background: #e0e7ff;
    color: #3b5ccc;
    font-weight: 600;
}

/*=============================================*/

.bg-orange { background-color: #ff9800 !important; color: #fff; }
.bg-amber { background-color: #ffc107 !important; }

.badge {
    font-size: 0.75rem;
    padding: 6px 8px;
}

.syrios-resumo-geral {
    min-width: 180px;
}

@media (max-width: 768px) {
    .syrios-resumo-geral {
        flex: unset;
        width: auto;
    }
}

/*===========================================*/

.aluno-checkbox:checked + img {
    outline: 2px solid #3b5ccc;
}

.syrios-card-selected {
    border: 2px solid #3b5ccc !important;
    background: #f0f4ff;
}

/*================================================*/

/* ===== DESKTOP ===== */
@media (min-width: 768px) {
    .syrios-sidebar {
        position: relative;
        transform: none !important;
        z-index: 1000;
    }

    .syrios-sidebar-backdrop {
        display: none !important;
    }
}

/* ===== MOBILE ===== */
@media (max-width: 767.98px) {
    .syrios-layout {
        display: block;
    }

    .syrios-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 280px;
        max-width: 85vw;
        z-index: 1050;
        transform: translateX(-100%);
        transition: transform 0.25s ease;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }

    body.sidebar-open .syrios-sidebar {
        transform: translateX(0);
    }

    body.sidebar-collapsed .syrios-sidebar {
        width: 280px;
    }

    body.sidebar-collapsed .syrios-link span,
    body.sidebar-collapsed .syrios-menu-group {
        display: block;
    }

    body.sidebar-collapsed .syrios-link {
        justify-content: flex-start;
        padding-left: 12px;
        padding-right: 12px;
    }

    .syrios-sidebar-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.35);
        z-index: 1040;
        display: none;
    }

    body.sidebar-open .syrios-sidebar-backdrop {
        display: block;
    }
}

/*---------------------------------------------*/
.syrios-resumo-ocorrencias .badge {
    padding: 8px 14px !important;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.syrios-resumo-ocorrencias .badge span {
    font-size: 1rem;
    font-weight: bold;
}

.syrios-resumo-ocorrencias .badge small {
    font-size: 0.75rem;
    opacity: 0.9;
}

.syrios-resumo-ocorrencias .badge {
    min-width: 110px;
    justify-content: center;
}

.syrios-filter {
    cursor: pointer;
    opacity: 0.6;
    transition: 0.2s;
}

.syrios-filter:hover {
    opacity: 1;
    transform: scale(1.03);
}

.syrios-filter.active {
    opacity: 1;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}

@page {
    margin: 1cm;
}

@media print {

    html, body {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 🔥 ESCONDE TODA ESTRUTURA DO LAYOUT */
    header,
    .syrios-header,
    .syrios-sidebar,
    .syrios-sidebar-backdrop,
    .syrios-footer,
    nav,
    footer {
        display: none !important;
    }

    /* 🔥 REMOVE EFEITO FLEX DO LAYOUT */
    .syrios-layout {
        display: block !important;
    }

    /* 🔥 EXPANDE ÁREA CENTRAL */
    .syrios-main,
    .syrios-container {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* 🔥 PRINT AREA (SUA ÁREA REAL) */
    .print-area {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 🔥 REMOVE ELEMENTOS NÃO IMPRIMÍVEIS */
    .no-print,
    .no-print * {
        display: none !important;
    }

    /* 🔥 TABELA */
    .table-responsive {
        overflow: visible !important;
        width: 100% !important;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    th, td {
        word-break: break-word !important;
    }

    /* 🔥 MARGEM INFERIOR */
    .print-area::after {
        content: "";
        display: block;
        height: 1cm;
    }

    th, td {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

}

/*-----------------------------*/

.syrios-toast-item {
    position: relative;
    overflow: hidden;
}

.syrios-toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: rgba(255,255,255,0.7);
    animation: shrink linear forwards;
}

@keyframes shrink {
    from { width: 100%; }
    to   { width: 0%; }
}


.ocorrencia-card {
    border-radius: 12px;
    transition: all 0.2s ease;
}

.ocorrencia-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/*========================================*/

.ocorrencia-card-wrapper {
    position: relative;
    padding-left: 10px;
}

.ocorrencia-card-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background: #16c7f0;
}

.ocorrencia-card-wrapper:first-child::before {
    top: 20px;
}

.numero-ocorrencia {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 0.75rem;
    color: #999;
}


.ordem {
    width: 24px;
    height: 24px;

    border-radius: 50%;
    background: #bdd6f0;
    color: #555;

    font-size: 0.75rem;
    font-weight: 600;

    display: flex;
    align-items: center;
    justify-content: center;
}

/*===================================*/

.syrios-badge-block {
    border-radius: 10px;
    padding: 6px 10px;
    font-size: 0.8rem;

    display: block; /* 🔥 permite quebrar linha */
    width: 100%;

    line-height: 1.3;
}

.syrios-badge-block {
    border-left: 4px solid rgba(255,255,255,0.5);
}

/*===================================*/

.syrios-compact {
    line-height: 1;
}

.syrios-compact small {
    line-height: 1;
}

.syrios-compact .fw-semibold {
    margin-bottom: 2px;
}

.form-check-input {
    border: 2px solid #adb5bd;
    width: 1.2em;
    height: 1.2em;
}

.form-check-input:checked {
    background-color: #3b5ccc;
    border-color: #3b5ccc;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 92, 204, 0.25);
}

.highlight-temp {
    animation: highlightFade 2s ease;
}

@keyframes highlightFade {
    0% { background: #fff3cd; }
    100% { background: transparent; }
}

/*==============================================*/

.syrios-legenda-item {
    display: flex;
    align-items: center;
    gap: 6px;

    padding: 6px 10px;

    border-radius: 999px;

    background: rgba(0,0,0,.03);

    white-space: nowrap;
}

.syrios-legenda-item small {
    color: #6c757d;
}

.syrios-bgst-nivel1 {
    background-color: #FFEB3B;
    color: black;
}

.syrios-bgst-nivel2 {
    background-color: #FFC107;
    color: black;
}

.syrios-bgst-nivel3 {
    background-color: #FF9800;
    color: black;
}

.syrios-bgst-nivel4 {
    background-color: #FF5722;
    color: white;
}

.syrios-bgst-nivel5 {
    background-color: #F44336;
    color: white;
}