
:root{
    --max-bg:#050507;
    --max-bg-2:#0b0b10;
    --max-card:rgba(16,17,24,.92);
    --max-card-2:rgba(27,28,38,.88);
    --max-red:#ff1b2d;
    --max-red-2:#9b0712;
    --max-red-3:#570006;
    --max-line:rgba(255,255,255,.10);
    --max-line-red:rgba(255,27,45,.36);
    --max-text:#f7f7fb;
    --max-muted:#a8acbb;
    --max-shadow:0 22px 70px rgba(0,0,0,.52);
}
*{scrollbar-width:thin;scrollbar-color:var(--max-red) #15151c;}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-track{background:#15151c;}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--max-red),var(--max-red-3));border-radius:50px;}
html,body{min-height:100%;}
body{
    margin:0;
    color:var(--max-text)!important;
    font-family:'Inter',Arial,sans-serif!important;
    background:
        radial-gradient(circle at 18% 12%, rgba(255,27,45,.16) 0, rgba(255,27,45,0) 32%),
        radial-gradient(circle at 90% 5%, rgba(255,255,255,.07) 0, rgba(255,255,255,0) 24%),
        linear-gradient(135deg,#030304 0%,#0c0c10 48%,#160005 100%)!important;
    background-attachment:fixed;
    overflow-x:hidden;
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.85), rgba(0,0,0,.15));
    z-index:-1;
}

#js-particles{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.28;
}
#js-particles canvas{
    display:block!important;
    width:100%!important;
    height:100%!important;
}
#wrapper{position:relative;z-index:1;}

a{color:#ff5a66;transition:.18s ease;}
a:hover{color:#fff;text-decoration:none;}
#wrapper{overflow-x:hidden;min-height:100vh;}
#sidebar-wrapper.max-sidebar{
    width:18rem;
    min-width:18rem;
    min-height:100vh;
    margin-left:-18rem;
    position:relative;
    background:
        linear-gradient(180deg, rgba(18,18,24,.96), rgba(5,5,8,.98)),
        radial-gradient(circle at top, rgba(255,27,45,.22), transparent 42%);
    border-right:1px solid var(--max-line-red);
    box-shadow:12px 0 50px rgba(0,0,0,.45);
    overflow:hidden;
    transition:margin .25s ease-out;
    z-index:4;
}
#sidebar-wrapper.max-sidebar:before{
    content:"";
    position:absolute;
    inset:-90px -60px auto auto;
    width:230px;height:230px;
    background:radial-gradient(circle, rgba(255,27,45,.30), transparent 68%);
    filter:blur(2px);
}
.sidebar-brand-block{
    padding:25px 18px 18px;
    text-align:center;
    border-bottom:1px solid var(--max-line);
    position:relative;
}
.brand-orbit{
    width:104px;height:104px;
    margin:0 auto 12px;
    border-radius:50%;
    padding:4px;
    background:linear-gradient(135deg, var(--max-red), transparent 45%, #fff 130%);
    box-shadow:0 0 34px rgba(255,27,45,.35);
}
.sidebar-logo{
    width:96px;height:96px;
    object-fit:cover;
    border-radius:50%;
    background:#000;
    border:1px solid rgba(255,255,255,.15);
}
.brand-title{
    font-family:'Orbitron',sans-serif;
    font-weight:800;
    letter-spacing:.08em;
    font-size:1.05rem;
    color:#fff;
    text-shadow:0 0 18px rgba(255,27,45,.55);
}
.brand-subtitle{
    color:var(--max-muted);
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.18em;
    margin-top:3px;
}
#sidebar-wrapper .list-group{width:18rem;padding:15px 12px;position:relative;}
.max-menu .list-group-item{
    display:flex;
    align-items:center;
    gap:12px;
    margin:6px 0;
    padding:13px 14px;
    border:1px solid transparent!important;
    border-radius:16px!important;
    color:#dfe2ec!important;
    background:transparent!important;
    font-weight:700;
    letter-spacing:.01em;
}
.max-menu .list-group-item i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:35px;height:35px;
    border-radius:12px;
    background:rgba(255,255,255,.055);
    color:#ff4b58;
    border:1px solid rgba(255,255,255,.06);
    box-shadow:inset 0 0 18px rgba(255,255,255,.02);
}
.max-menu .list-group-item:hover,
.max-menu .list-group-item.active{
    color:#fff!important;
    background:linear-gradient(135deg, rgba(255,27,45,.24), rgba(255,255,255,.06))!important;
    border-color:var(--max-line-red)!important;
    box-shadow:0 12px 26px rgba(255,27,45,.12);
    transform:translateX(3px);
}
.max-menu .list-group-item.active i{
    color:#fff;
    background:linear-gradient(135deg, var(--max-red), var(--max-red-2));
    box-shadow:0 0 20px rgba(255,27,45,.38);
}
.sidebar-footer-card{
    position:absolute;
    left:15px;right:15px;bottom:16px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border-radius:16px;
    background:rgba(255,255,255,.045);
    border:1px solid var(--max-line);
    color:#fff;
}
.sidebar-footer-card small{display:block;color:var(--max-muted);font-size:.72rem;}
.status-dot{width:10px;height:10px;border-radius:50%;background:#24e07d;box-shadow:0 0 0 5px rgba(36,224,125,.12),0 0 16px rgba(36,224,125,.7);}
#page-content-wrapper.max-content{min-width:100vw;transition:.25s ease;}
.max-topbar{
    min-height:72px;
    padding:12px 22px;
    background:rgba(8,8,12,.74)!important;
    border-bottom:1px solid var(--max-line);
    backdrop-filter:blur(16px);
    position:sticky;
    top:0;
    z-index:3;
}
.max-menu-toggle{
    width:44px;height:44px;
    border-radius:15px!important;
    border:1px solid var(--max-line-red)!important;
    background:linear-gradient(135deg,var(--max-red),var(--max-red-2))!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(255,27,45,.20);
}
.topbar-title{display:flex;align-items:center;gap:10px;margin-left:14px;line-height:1.05;}
.topbar-title strong{display:block;font-family:'Orbitron',sans-serif;letter-spacing:.08em;font-size:.92rem;}
.topbar-title small{display:block;color:var(--max-muted);font-size:.74rem;margin-top:4px;}
.topbar-logo{width:38px;height:38px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 18px rgba(255,27,45,.22);}
.max-logout{
    border-radius:14px!important;
    padding:10px 16px!important;
    color:#fff!important;
    font-weight:800!important;
    background:linear-gradient(135deg,#2a2b34,#111217)!important;
    border:1px solid rgba(255,255,255,.10)!important;
}
.max-logout:hover{background:linear-gradient(135deg,var(--max-red),var(--max-red-2))!important;box-shadow:0 8px 24px rgba(255,27,45,.25);}
.max-container{padding:25px 26px 0;}
.panel-hero{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:22px;
    padding:22px;
    border-radius:28px;
    background:
        linear-gradient(135deg, rgba(255,27,45,.18), rgba(255,255,255,.055)),
        linear-gradient(135deg, rgba(20,20,28,.92), rgba(8,8,12,.92));
    border:1px solid var(--max-line-red);
    box-shadow:var(--max-shadow);
    position:relative;
    overflow:hidden;
}
.panel-hero:after{
    content:"";
    position:absolute;
    right:-55px;top:-70px;
    width:240px;height:240px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,27,45,.22), transparent 68%);
}
.hero-icon{
    width:64px;height:64px;
    flex:0 0 64px;
    display:flex;align-items:center;justify-content:center;
    border-radius:22px;
    background:linear-gradient(135deg,var(--max-red),var(--max-red-2));
    color:#fff;
    font-size:28px;
    box-shadow:0 18px 35px rgba(255,27,45,.28);
}
.hero-copy{position:relative;z-index:1;}
.hero-copy h1{
    margin:0 0 4px!important;
    font-family:'Orbitron',sans-serif!important;
    font-size:1.55rem!important;
    font-weight:800!important;
    letter-spacing:.03em;
    color:#fff!important;
}
.hero-copy p{margin:0;color:var(--max-muted);font-size:.98rem;}
.hero-badge{
    margin-left:auto;
    position:relative;z-index:1;
    border-radius:999px;
    padding:10px 14px;
    background:rgba(0,0,0,.34);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    font-weight:800;
    white-space:nowrap;
}
.card,.modal-content{
    color:var(--max-text)!important;
    background:linear-gradient(180deg, var(--max-card), rgba(10,10,14,.94))!important;
    border:1px solid var(--max-line-red)!important;
    border-radius:24px!important;
    box-shadow:var(--max-shadow)!important;
    overflow:hidden;
}
.card-body{padding:22px!important;}
.card > .card-header,
.card-header-warning,
.card-header.bg-primary{
    background:
        linear-gradient(135deg, rgba(255,27,45,.32), rgba(255,255,255,.06)),
        linear-gradient(135deg, #171820, #09090d)!important;
    border-bottom:1px solid var(--max-line-red)!important;
    color:#fff!important;
    padding:18px 20px!important;
}
.card-header h2,.card-header h3,.card-header h4,.card-header h5{
    margin:0!important;
    font-family:'Orbitron',sans-serif!important;
    font-weight:800!important;
    letter-spacing:.03em;
    color:#fff!important;
}
.bg-primary{background:transparent!important;}
.text-white{color:var(--max-text)!important;}
label,.form-label,.control-label{color:#f3f4fb!important;font-weight:700;}
.form-control, input[type="text"], input[type="password"], input[type="number"], input[type="url"], input[type="email"], select, textarea{
    color:#fff!important;
    background:rgba(4,4,8,.72)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:14px!important;
    min-height:44px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
.form-control:focus, input:focus, select:focus, textarea:focus{
    color:#fff!important;
    background:rgba(12,12,18,.95)!important;
    border-color:var(--max-red)!important;
    box-shadow:0 0 0 .2rem rgba(255,27,45,.18)!important;
}
.form-control::placeholder{color:#717686!important;}
input[type="color"].form-control{height:52px;padding:6px;}
.btn{
    border-radius:14px!important;
    font-weight:800!important;
    letter-spacing:.01em;
    border:1px solid rgba(255,255,255,.10)!important;
    transition:.18s ease!important;
}
.btn:hover{transform:translateY(-1px);}
.btn-info,.btn-primary,.btn-success{
    color:#fff!important;
    background:linear-gradient(135deg,var(--max-red),var(--max-red-2))!important;
    border-color:rgba(255,27,45,.55)!important;
    box-shadow:0 12px 24px rgba(255,27,45,.18)!important;
}
.btn-info:hover,.btn-primary:hover,.btn-success:hover{
    background:linear-gradient(135deg,#ff3b49,var(--max-red-2))!important;
    box-shadow:0 16px 30px rgba(255,27,45,.26)!important;
}
.btn-danger{
    color:#fff!important;
    background:linear-gradient(135deg,#3b1114,#d31022)!important;
    border-color:rgba(255,27,45,.52)!important;
}
.btn-default,.btn-secondary{
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(255,255,255,.14)!important;
}
.table-responsive{border-radius:18px;border:1px solid var(--max-line);background:rgba(0,0,0,.20);padding:4px;}
table.table{color:#ecedf5!important;margin-bottom:0!important;border-collapse:separate!important;border-spacing:0 8px!important;}
.table thead th{
    border:0!important;
    color:#fff!important;
    background:linear-gradient(135deg,rgba(255,27,45,.30),rgba(255,255,255,.045));
    font-weight:800;
    text-transform:uppercase;
    font-size:.78rem;
    letter-spacing:.08em;
    padding:14px!important;
}
.table tbody tr{background:rgba(255,255,255,.045)!important;box-shadow:0 10px 26px rgba(0,0,0,.12);}
.table tbody td{border-top:1px solid rgba(255,255,255,.055)!important;border-bottom:1px solid rgba(255,255,255,.035)!important;padding:13px 14px!important;vertical-align:middle!important;}
.table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.075)!important;}
.table tbody tr:hover{background:rgba(255,27,45,.11)!important;}
.alert{border-radius:16px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 26px rgba(0,0,0,.20);}
.alert-success{background:rgba(18,147,83,.18)!important;color:#bfffdc!important;border-color:rgba(18,147,83,.36)!important;}
.alert-warning{background:rgba(255,188,47,.14)!important;color:#ffe3a0!important;border-color:rgba(255,188,47,.32)!important;}
.alert-danger{background:rgba(255,27,45,.16)!important;color:#ffd5d8!important;border-color:rgba(255,27,45,.36)!important;}
#pageMessages{left:50%;transform:translateX(-50%);position:fixed;text-align:center;top:12px;width:min(640px,72%);z-index:9999;border-radius:0;}
.modal-content{background:#0f1016!important;}
.modal-header,.modal-footer{border-color:var(--max-line)!important;}
.modal-header h2{font-family:'Orbitron',sans-serif;font-size:1.35rem;color:#fff;}
.dataTables_wrapper label,.dataTables_info{color:var(--max-muted)!important;}
.dataTables_wrapper input,.dataTables_wrapper select{margin:0 8px;}
.pagination .paginate_button,.dataTables_paginate .paginate_button{color:#fff!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)!important;margin:0 2px!important;}
.home-theme-help{color:#d7d9e5!important;}
.home-theme-selected-box{
    background:linear-gradient(135deg,rgba(255,27,45,.14),rgba(255,255,255,.04))!important;
    border:1px solid var(--max-line-red)!important;
}
.home-theme-grid,.theme-thumbnails{gap:22px!important;}
.home-theme-item,.theme-thumbnails > div{
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(0,0,0,.20))!important;
    padding:14px!important;
    transition:.18s ease!important;
}
.home-theme-item:hover,.theme-thumbnails > div:hover{transform:translateY(-3px);border-color:var(--max-line-red)!important;box-shadow:0 16px 32px rgba(255,27,45,.13)!important;}
.home-theme-item > img:not(.home-theme-selected-indicator),.theme-thumbnails img:not(.selected-indicator){border-radius:15px!important;box-shadow:0 16px 35px rgba(0,0,0,.36)!important;}
.selected-home-theme,.selected-theme{
    border-color:var(--max-red)!important;
    box-shadow:0 0 0 3px rgba(255,27,45,.20),0 18px 36px rgba(0,0,0,.40)!important;
}
.theme-title,.home-theme-title{font-family:'Orbitron',sans-serif!important;font-weight:800!important;color:#fff!important;}
.chatbot-box{border-color:var(--max-line-red)!important;}
.max-footer{
    display:flex;
    justify-content:space-between;
    gap:15px;
    align-items:center;
    margin:26px 0 0;
    padding:18px 4px 24px;
    color:var(--max-muted);
    border-top:1px solid var(--max-line);
}
.max-footer span{font-family:'Orbitron',sans-serif;color:#fff;font-weight:800;letter-spacing:.04em;}
.max-footer small{color:var(--max-muted);}
@media (min-width:768px){
    #sidebar-wrapper.max-sidebar{margin-left:0;}
    #page-content-wrapper.max-content{min-width:0;width:100%;}
    #wrapper.toggled #sidebar-wrapper.max-sidebar{margin-left:-18rem;}
}
@media (max-width:991px){
    .hero-badge{display:none;}
    .panel-hero{align-items:flex-start;}
    .hero-copy h1{font-size:1.25rem!important;}
    .max-container{padding:18px 14px 0;}
    .topbar-title small{display:none;}
}
@media (max-width:575px){
    .panel-hero{padding:18px;border-radius:22px;}
    .hero-icon{width:52px;height:52px;flex-basis:52px;font-size:22px;border-radius:18px;}
    .topbar-title strong{font-size:.76rem;}
    .topbar-logo{width:32px;height:32px;}
    .max-logout{padding:9px 11px!important;font-size:.82rem!important;}
    .card-body{padding:16px!important;}
    .max-footer{display:block;text-align:center;}
    #pageMessages{width:92%;}
}

.chatbot-head{background:linear-gradient(135deg,rgba(255,27,45,.32),rgba(255,255,255,.06)),linear-gradient(135deg,#171820,#09090d)!important;color:#fff!important;border-bottom:1px solid var(--max-line-red)!important;}
.helper-box{background:rgba(0,0,0,.28)!important;border:1px solid var(--max-line)!important;border-radius:16px!important;color:#f8f9fc!important;}
.badge-on{background:linear-gradient(135deg,#16a764,#24e07d)!important;color:#fff!important;border-radius:999px!important;}
.badge-off{background:linear-gradient(135deg,#73141a,#e33945)!important;color:#fff!important;border-radius:999px!important;}


/* Ajustes mobile vistos no vídeo: partículas não empurram a página, alertas e títulos compactos */
.alert-info{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin:14px 16px!important;
    padding:13px 15px!important;
    background:linear-gradient(135deg, rgba(255,27,45,.18), rgba(255,255,255,.045))!important;
    color:#f4f5fb!important;
    border-color:rgba(255,27,45,.36)!important;
}
.alert-info i{
    color:#ff4050!important;
    font-size:1.15rem!important;
}
.alert-info strong{color:#fff!important;}
.max-profile-alert{
    text-align:center!important;
    font-size:1rem!important;
    font-weight:700!important;
    line-height:1.35!important;
}
.max-profile-header h2,
.card-header h2{
    font-size:1.28rem!important;
    line-height:1.22!important;
    word-break:normal!important;
}
.col-md-6.mx-auto{
    max-width:760px;
}
@media (max-width:575px){
    .max-topbar{min-height:62px;padding:9px 10px;}
    .max-profile-header h2,
    .card-header h2{font-size:1.02rem!important;line-height:1.25!important;}
    .alert-info{margin:12px 12px!important;padding:11px 12px!important;}
    .max-profile-alert{font-size:.88rem!important;}
    .col-md-6.mx-auto{padding-left:6px!important;padding-right:6px!important;}
}


/* ===== USER PROFILE ONLY SMALL FIX ===== */
.max-profile-clean-body{padding-top:20px!important;}
.max-profile-clean-title{
    margin:0 0 18px!important;
    padding:12px 14px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg, rgba(255,27,45,.18), rgba(255,255,255,.045))!important;
    border:1px solid rgba(255,27,45,.28)!important;
    color:#fff!important;
    font-family:'Orbitron',sans-serif!important;
    font-size:1rem!important;
    font-weight:800!important;
    line-height:1.25!important;
    text-align:center!important;
    letter-spacing:.02em!important;
}
.max-profile-clean-title i{margin-right:8px!important;color:#ff4d5b!important;}
@media (max-width:575px){
    .max-profile-clean-body{padding-top:16px!important;}
    .max-profile-clean-title{
        font-size:.88rem!important;
        padding:10px 12px!important;
        margin-bottom:14px!important;
    }
}
/* ===== END USER PROFILE ONLY SMALL FIX ===== */


/* ===== MODAL CLICK FIX ===== */
.modal{z-index:20000!important;pointer-events:auto!important;}
.modal-dialog,.modal-content,.modal-footer,.modal-footer .btn,.modal-footer a{pointer-events:auto!important;}
.modal-backdrop{z-index:19990!important;}
/* ===== END MODAL CLICK FIX ===== */
