:root {
    --cel-bg:#08090d;
    --cel-panel:#11131b;
    --cel-panel2:#191b25;
    --cel-red:#e32636;
    --cel-red-light:#ff4757;
    --cel-text:#f5f5f7;
    --cel-muted:#a1a4b1;
    --cel-border:#292d39;
}
body {
    background:var(--cel-bg)!important;
    color:var(--cel-text)!important;
}
a { transition:.2s ease; }
button,.btn,[type=submit] {
    transition:.2s ease;
}
button:hover,.btn:hover,[type=submit]:hover {
    filter:brightness(1.15);
}
input,select,textarea {
    background:#11131b!important;
    color:#fff!important;
    border:1px solid var(--cel-border)!important;
    border-radius:9px!important;
}
input:focus,select:focus,textarea:focus {
    border-color:var(--cel-red)!important;
    outline:none!important;
    box-shadow:0 0 0 3px #e3263625!important;
}
.card,.module,.panel,.stat,.box {
    border-color:var(--cel-border)!important;
}
button[type=submit],.btn-primary {
    background:var(--cel-red)!important;
    border-color:var(--cel-red)!important;
    color:white!important;
    border-radius:9px!important;
}
.cel-online {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#65e6a1;
    font-size:12px;
    font-weight:800;
}
.cel-online:before {
    content:"";
    width:8px;height:8px;border-radius:50%;
    background:#35d982;
    box-shadow:0 0 12px #35d982;
}
.cel-plan {
    background:linear-gradient(135deg,#241016,#12131b);
    border:1px solid #702431;
    border-radius:13px;
    padding:17px;
}
.cel-section-title {
    border-left:4px solid var(--cel-red);
    padding-left:12px;
}

/* CELESTIAL - NAVEGACAO LATERAL */
.celestial-sidebar {
    position: fixed; z-index: 1000; inset: 0 auto 0 0;
    width: 238px; height: 100vh; overflow-y: auto;
    background: #0d0e13; border-right: 1px solid #292b35;
    padding: 24px 15px; display: flex; flex-direction: column;
    color: #f5f5f7; box-sizing: border-box;
}
.celestial-side-brand { display:flex; align-items:center; gap:11px; padding: 0 8px 23px; border-bottom:1px solid #292b35; }
.celestial-brand-symbol { width:38px;height:38px;border-radius:10px;background:#e92336;display:grid;place-items:center;font-size:22px;font-weight:900;color:white; }
.celestial-side-brand strong { display:block;font-size:15px;letter-spacing:.5px; }
.celestial-side-brand small { display:block;color:#ef3340;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-top:3px; }
.celestial-side-status { margin:17px 5px 20px;padding:10px 11px;background:#11251d;border:1px solid #1d4935;border-radius:8px;color:#72e3a6;font-size:12px; }
.celestial-status-dot { display:inline-block;width:7px;height:7px;background:#35d681;border-radius:50%;margin-right:7px; }
.celestial-side-label { display:block;color:#777d8d;font-size:10px;font-weight:800;letter-spacing:1.2px;margin:17px 9px 8px; }
.celestial-side-nav a { display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border-radius:8px;color:#c9cbd4;text-decoration:none;font-size:13px;transition:.2s; }
.celestial-side-nav a span { width:18px;text-align:center;color:#ef3340;font-size:17px; }
.celestial-side-nav a:hover,.celestial-side-nav a:focus { background:#29151b;color:#fff; }
.celestial-side-bottom { margin-top:auto;padding-top:18px;border-top:1px solid #292b35; }
.celestial-side-user { display:flex;align-items:center;gap:10px;padding:8px; }
.celestial-user-avatar { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e92336;color:white;font-weight:800; }
.celestial-side-user strong,.celestial-side-user small { display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.celestial-side-user strong { font-size:12px; }
.celestial-side-user small { color:#858a99;font-size:10px;margin-top:3px; }
.celestial-logout { width:100%;margin-top:9px;padding:10px;border:1px solid #39303a;border-radius:8px;background:#17131a;color:#f08089;text-align:left;cursor:pointer; }
.celestial-menu-toggle { display:none; }
@media(min-width:769px) {
    body:has(.celestial-sidebar) { padding-left:238px !important; }
}
@media(max-width:768px) {
    .celestial-sidebar { transform:translateX(-100%);transition:transform .25s ease;width:260px; }
    body.celestial-menu-open .celestial-sidebar { transform:translateX(0); }
    .celestial-menu-toggle { display:block;position:fixed;z-index:1001;top:12px;left:12px;background:#e92336;color:#fff;border:0;border-radius:8px;padding:9px 13px;font-size:18px; }
}

/* CELESTIAL - CARDS REAIS DA CONTA */
.celestial-account-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:22px;
}
.celestial-account-card {
    min-width:0;
    padding:17px;
    border:1px solid #292d39;
    border-radius:11px;
    background:linear-gradient(145deg,#171923,#10121a);
}
.celestial-account-card > span {
    display:block;
    color:#9297a6;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    margin-bottom:10px;
}
.celestial-account-card > strong {
    display:block;
    color:#fff;
    font-size:19px;
    overflow-wrap:anywhere;
}
.celestial-account-card small {
    display:block;
    color:#a1a4b1;
    font-size:12px;
    margin-top:8px;
}
.celestial-account-card small a {
    color:#ff6572;
    text-decoration:none;
}
.celestial-account-card .celestial-status-dot {
    display:inline-block;
    vertical-align:middle;
}
@media(max-width:700px) {
    .celestial-account-cards { grid-template-columns:1fr; }
}

.celestial-admin-link {
    background: #251219;
    border: 1px solid #65212c;
    color: #ff7883 !important;
}
.celestial-admin-link:hover {
    background: #42151f !important;
}

/* =====================================================
   CELESTIAL CONSULTAS - DESIGN PREMIUM NEON
   ===================================================== */

:root {
    --cel-red-neon: #ff1738;
    --cel-red-glow: #ff2448;
}

.celestial-promo-banner {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    min-height:310px;
    margin:0 0 18px;
    padding:35px 42px;
    border:1px solid #681b2a;
    border-radius:18px;
    background:
        radial-gradient(ellipse at 78% 55%,#58101e88 0,transparent 42%),
        linear-gradient(115deg,#170b12 0%,#0b0c12 55%,#160a12 100%);
    box-shadow:inset 0 0 55px #e9153210,0 15px 45px #0006;
}
.celestial-promo-banner:before {
    content:"";
    position:absolute;
    z-index:-1;
    width:450px;height:450px;
    right:10%;top:-260px;
    border:1px solid #ff244822;
    border-radius:50%;
    box-shadow:0 0 0 35px #ff244808,0 0 0 75px #ff244805;
}
.celestial-promo-copy {position:relative;z-index:2;max-width:650px}
.celestial-promo-tag {
    display:inline-block;
    padding:8px 13px;
    border:1px solid #a52a40;
    border-radius:30px;
    background:#3b101d88;
    color:#ffdce1;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.5px;
}
.celestial-promo-copy h1 {
    margin:18px 0 12px;
    color:#fff;
    font-size:clamp(30px,3.3vw,49px);
    line-height:1.02;
    letter-spacing:-1.8px;
    font-weight:950;
}
.celestial-promo-copy h1 em {
    color:#ff263f;
    font-style:italic;
    text-shadow:0 0 25px #ff173844;
}
.celestial-promo-copy p {
    max-width:540px;
    color:#c6c4cd;
    font-size:14px;
    line-height:1.65;
}
.celestial-promo-features {
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:22px;
}
.celestial-promo-features span {
    color:#f4e9ec;
    font-size:12px;
    font-weight:700;
}
.celestial-promo-art {
    position:relative;
    min-height:225px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.celestial-orbit {
    position:absolute;
    width:220px;height:220px;
    right:5%;top:0;
    border:2px solid #ff294b88;
    border-radius:50%;
    box-shadow:0 0 25px #ff173855,inset 0 0 25px #ff173822;
}
.celestial-laptop {
    position:relative;
    z-index:2;
    width:min(390px,90%);
    transform:perspective(700px) rotateY(-9deg) rotateX(3deg);
    filter:drop-shadow(0 18px 22px #000b);
}
.celestial-laptop-screen {
    padding:18px;
    border:2px solid #a43a4c;
    border-radius:13px 13px 5px 5px;
    background:linear-gradient(145deg,#171720,#08090e);
    box-shadow:0 0 24px #ff173833;
}
.celestial-laptop-brand {
    margin-bottom:15px;
    color:#fff;
    font-size:11px;
    font-weight:900;
}
.celestial-laptop-brand b {color:#ff3049}
.celestial-laptop-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}
.celestial-laptop-grid span {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:58px;
    border:1px solid #50303c;
    border-radius:8px;
    background:linear-gradient(145deg,#28202b,#11121a);
    color:#ff3a55;
    font-size:22px;
}
.celestial-laptop-grid small {
    color:#fff;
    font-size:9px;
    font-weight:700;
}
.celestial-laptop-base {
    height:10px;
    margin:0 -15px;
    border-radius:2px 2px 12px 12px;
    background:linear-gradient(90deg,#5e2534,#d54b61,#501d2a);
    box-shadow:0 5px 15px #ff173833;
}
.celestial-promo-number {
    position:absolute;
    z-index:3;
    right:-3px;
    bottom:0;
    display:flex;
    flex-direction:column;
    padding:13px 18px;
    border:1px solid #ff5369;
    border-radius:13px;
    background:linear-gradient(145deg,#390d1b,#100a12);
    box-shadow:0 0 25px #ff173855;
    transform:rotate(5deg);
}
.celestial-promo-number strong {
    color:#ff3652;
    font-size:38px;
    line-height:1;
    font-style:italic;
}
.celestial-promo-number span {
    margin-top:5px;
    color:#fff;
    font-size:11px;
    font-weight:900;
    line-height:1.2;
}
.hero {
    border-color:#681b2a!important;
    background:
        radial-gradient(ellipse at 0 100%,#3a111b66,transparent 55%),
        linear-gradient(120deg,#151018,#101119 65%)!important;
    box-shadow:inset 0 0 40px #ff17380a;
}
.search {
    border:1px solid #9a263b!important;
    box-shadow:0 0 13px #ff17381c;
}
.search:focus {
    border-color:#ff2948!important;
    box-shadow:0 0 0 3px #ff294822,0 0 18px #ff173833!important;
}
.module {
    position:relative;
    overflow:hidden;
    border-color:#34303d!important;
    background:
        radial-gradient(ellipse at 100% 0,#48142138,transparent 48%),
        linear-gradient(145deg,#171720,#0e1017)!important;
    box-shadow:0 8px 24px #0003;
}
.module:hover {
    border-color:#d72b46!important;
    box-shadow:0 10px 30px #ff173822!important;
}
.open {
    background:linear-gradient(100deg,#e9092b,#ff3049)!important;
    box-shadow:0 4px 14px #ff173833;
}
.brand span {text-shadow:0 0 16px #ff173855}
.celestial-brand-symbol {
    background:linear-gradient(145deg,#ff334e,#c90025)!important;
    box-shadow:0 0 18px #ff173855;
}
.celestial-side-brand {padding-bottom:20px}
.celestial-account-card {
    background:linear-gradient(145deg,#1b1720,#101119)!important;
    border-color:#432532!important;
}
@media(max-width:900px) {
    .celestial-promo-banner {
        grid-template-columns:1fr;
        padding:27px 23px;
    }
    .celestial-promo-art {min-height:230px;margin-top:15px}
    .celestial-promo-number {right:0}
}
@media(max-width:600px) {
    .celestial-promo-banner {padding:22px 17px}
    .celestial-promo-copy h1 {font-size:32px}
    .celestial-promo-features {gap:10px}
    .celestial-promo-art {min-height:190px}
    .celestial-laptop {width:85%}
    .celestial-promo-number {padding:9px 12px}
    .celestial-promo-number strong {font-size:27px}
}

/* Indicadores Celestial */
.celestial-account-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.celestial-account-card {
    min-width:0;
    padding:18px;
    border:1px solid #542333;
    border-radius:12px;
    background:linear-gradient(145deg,#1b121a,#101119);
}
.celestial-account-card > span {
    display:block;
    color:#a5a8b5;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    margin-bottom:10px;
}
.celestial-account-card > strong {
    display:block;
    color:#fff;
    font-size:20px;
    overflow-wrap:anywhere;
}
.celestial-account-card small {
    display:block;
    color:#b9bac5;
    font-size:12px;
    margin-top:8px;
}
.celestial-online-card {
    border-color:#17613e;
    background:linear-gradient(145deg,#10251d,#101119);
}
.celestial-online-card > strong {color:#62e6a2}
.celestial-plan-card {border-color:#85283b}
.celestial-admin-link {
    background:#251219;
    border:1px solid #65212c;
    color:#ff7883 !important;
}
@media(max-width:700px) {
    .celestial-account-cards {grid-template-columns:1fr}
}

/* ==============================================
   CELESTIAL CONSULTAS — IDENTIDADE DA REFERÊNCIA
   ============================================== */

:root {
    --celestial-red: #ff1738;
    --celestial-red-light: #ff4359;
    --celestial-black: #08090d;
    --celestial-panel: #11121a;
}

body {
    background:
        radial-gradient(ellipse at 75% 0%, #260b1422, transparent 38%),
        #08090d !important;
}

/* Cabeçalho */
header {
    background: #08090df2 !important;
    border-bottom: 1px solid #30202a !important;
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    letter-spacing: -.5px;
}

.brand:before {
    content: "⌕";
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border-radius: 12px;
    color: white;
    font-size: 30px;
    background: linear-gradient(145deg,#ff4058,#c90028);
    box-shadow: 0 0 22px #ff173855;
}

.brand span {
    color: var(--celestial-red) !important;
}

/* Banner principal */
.celestial-promo-banner {
    min-height: 315px !important;
    padding: 32px 5.5% !important;
    border: 1px solid #a51e39 !important;
    border-radius: 18px !important;
    background:
        linear-gradient(125deg, transparent 0 38%, #5b10201c 55%, transparent 80%),
        radial-gradient(ellipse at 80% 55%, #8e102b55, transparent 42%),
        linear-gradient(110deg,#160a11,#090a10 65%,#170910) !important;
    box-shadow: inset 0 0 55px #ff17380c, 0 14px 45px #0008 !important;
}

.celestial-promo-copy h1 {
    font-size: clamp(34px,3.7vw,52px) !important;
    font-weight: 950 !important;
    letter-spacing: -1.7px !important;
}

.celestial-promo-copy h1 em {
    color: #ff263f !important;
    text-shadow: 0 0 25px #ff173866 !important;
}

.celestial-promo-tag {
    border-color: #a72a42 !important;
    background: #3a101d !important;
    box-shadow: 0 0 15px #ff173822;
}

.celestial-promo-art {
    min-height: 250px !important;
}

.celestial-laptop {
    width: min(410px,88%) !important;
}

.celestial-laptop-screen {
    border-color: #d13a54 !important;
    box-shadow: 0 0 28px #ff173855 !important;
}

.celestial-laptop-grid span {
    border-color: #633044 !important;
    box-shadow: inset 0 0 15px #ff173811;
}

.celestial-promo-number {
    border-color: #ff5369 !important;
    box-shadow: 0 0 28px #ff173866 !important;
}

/* Faixa do catálogo e indicadores */
.hero {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(460px,1.2fr);
    align-items: center;
    column-gap: 25px;
    padding: 25px !important;
    border: 1px solid #842039 !important;
    border-radius: 17px !important;
    background:
        radial-gradient(ellipse at 0 100%,#50101d55,transparent 55%),
        linear-gradient(110deg,#171018,#101119 70%) !important;
    box-shadow: inset 0 0 40px #ff17380a;
}

.hero h1 {
    grid-column: 1;
    grid-row: 1;
    font-size: 29px !important;
}

.hero p {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    font-size: 13px;
}

.celestial-account-cards {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 12px !important;
}

.celestial-account-card {
    min-height: 100px;
    padding: 15px !important;
    border: 1px solid #3b2a37 !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg,#191720,#101119) !important;
}

.celestial-account-card > span {
    color: #aeb0bd !important;
    font-size: 9px !important;
    letter-spacing: 1px;
}

.celestial-account-card > strong {
    color: #fff !important;
    font-size: 17px !important;
}

.celestial-account-card small {
    color: #c2c1ca !important;
    font-size: 11px !important;
}

.celestial-online-card {
    border-color: #176342 !important;
    background: linear-gradient(145deg,#10251d,#101119) !important;
}

.celestial-online-card > strong {
    color: #69e9a7 !important;
}

.celestial-plan-card {
    border-color: #76263a !important;
}

/* Pesquisa */
.search {
    border: 1px solid #ff2445 !important;
    border-radius: 11px !important;
    background: #11121a !important;
    box-shadow: 0 0 13px #ff173822 !important;
}

.search:focus {
    border-color: #ff5269 !important;
    box-shadow: 0 0 0 3px #ff173822,0 0 24px #ff173844 !important;
}

/* Categorias e cartões */
.category h2 {
    border-left: 4px solid #ff1738 !important;
    padding-left: 14px !important;
    font-size: 20px !important;
}

.module {
    position: relative;
    overflow: hidden;
    border: 1px solid #37303c !important;
    border-radius: 14px !important;
    background:
        radial-gradient(ellipse at 100% 0%,#68132635,transparent 55%),
        linear-gradient(145deg,#171720,#0d0e15) !important;
    box-shadow: 0 8px 25px #0005 !important;
    transition: transform .2s,border-color .2s,box-shadow .2s !important;
}

.module:hover {
    transform: translateY(-4px) !important;
    border-color: #ff2949 !important;
    box-shadow: 0 10px 30px #ff173833 !important;
}

.endpoint {
    color: #ff5269 !important;
}

.open {
    display: block !important;
    width: 100%;
    text-align: center;
    border-radius: 9px !important;
    background: linear-gradient(100deg,#e9092b,#ff3049) !important;
    box-shadow: 0 4px 16px #ff173833;
}

.open:hover {
    background: linear-gradient(100deg,#ff3049,#ff5269) !important;
}

/* Barra lateral */
.celestial-sidebar {
    background: #0c0d13 !important;
    border-right: 1px solid #30202a !important;
}

.celestial-side-status {
    border: 1px solid #176342 !important;
    background: #10251d !important;
    color: #69e9a7 !important;
}

.celestial-side-label {
    color: #85899a !important;
    letter-spacing: 1.4px !important;
}

.celestial-side-nav a:hover,
.celestial-side-nav a.active {
    background: #29121b !important;
    color: #ff5269 !important;
}

.celestial-admin-link {
    border: 1px solid #70263a !important;
    border-radius: 8px;
    background: linear-gradient(100deg,#32101c,#1b1018) !important;
    color: #ff7888 !important;
}

/* Responsividade */
@media(max-width:1050px) {
    .hero {
        grid-template-columns: 1fr !important;
    }
    .hero h1,.hero p,.celestial-account-cards {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    .celestial-account-cards {
        margin-top: 20px;
    }
}

@media(max-width:700px) {
    .celestial-promo-banner {
        padding: 23px 18px !important;
    }
    .celestial-account-cards {
        grid-template-columns: 1fr !important;
    }
    .celestial-promo-art {
        min-height: 190px !important;
    }
}

/* ===== CELESTIAL FINAL - REFERENCIA NEON ===== */

.celestial-sidebar {
    width: 248px !important;
    background: #08090d !important;
    border-right: 1px solid #44202d !important;
}

body:has(.celestial-sidebar) {
    padding-left: 248px !important;
}

.celestial-side-label {
    color: #8990a5 !important;
    letter-spacing: 1.3px;
}

.celestial-side-nav a {
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    transition: .2s ease;
}

.celestial-side-nav a:hover,
.celestial-side-nav a:focus,
.celestial-admin-link {
    border-color: #ff2345 !important;
    background: linear-gradient(100deg,#3a101d,#160d14) !important;
    box-shadow: 0 0 13px #ff173844 !important;
}

.celestial-admin-link {
    color: white !important;
}

.celestial-promo-banner {
    min-height: 315px !important;
    border: 1px solid #a51d3a !important;
    border-radius: 15px !important;
    background:
        radial-gradient(ellipse at 78% 50%,#b20d2b55,transparent 45%),
        linear-gradient(110deg,#1b0811,#090a10 65%,#260914) !important;
    box-shadow: 0 0 25px #ff17381c !important;
}

.celestial-promo-copy h1 em {
    color: #ff263f !important;
    text-shadow: 0 0 20px #ff173866;
}

.hero {
    display: grid !important;
    grid-template-columns: minmax(230px,.85fr) minmax(0,2fr) !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 20px !important;
    border: 1px solid #8e203a !important;
    border-radius: 15px !important;
    background: linear-gradient(110deg,#1b0d15,#101119 70%) !important;
}

.hero h1 {
    margin: 0 !important;
}

.celestial-account-cards {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

.celestial-account-card {
    min-width: 0 !important;
    min-height: 78px !important;
    padding: 12px !important;
    border: 1px solid #482536 !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg,#1b1720,#101119) !important;
}

.celestial-account-card > span {
    display: block;
    color: #a8afc4 !important;
    font-size: 9px !important;
    font-weight: 800;
    margin-bottom: 7px !important;
}

.celestial-account-card > strong {
    display: block;
    color: #fff !important;
    font-size: 17px !important;
    overflow-wrap: anywhere;
}

.celestial-account-card small {
    display: block;
    color: #c3c8d5 !important;
    font-size: 10px !important;
    margin-top: 5px;
}

.celestial-online-card {
    border-color: #176b49 !important;
    background: linear-gradient(145deg,#10281e,#101119) !important;
}

.celestial-online-card > strong {
    color: #65e8a5 !important;
}

.celestial-plan-card {
    border-color: #9c2945 !important;
    box-shadow: inset 0 0 15px #ff173811;
}

.celestial-status-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #21e68a;
    box-shadow: 0 0 10px #21e68a;
    margin-right: 5px;
}

.search {
    border: 1px solid #ff2345 !important;
    box-shadow: 0 0 12px #ff173833 !important;
}

.module {
    border: 1px solid #542333 !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg,#19131b,#0d0e14) !important;
}

.module:hover {
    border-color: #ff2949 !important;
    box-shadow: 0 0 20px #ff173844 !important;
}

.open {
    background: linear-gradient(100deg,#e9092b,#ff3049) !important;
    box-shadow: 0 4px 15px #ff173844 !important;
    border-radius: 9px !important;
}

@media(max-width:1150px) {
    .hero {
        grid-template-columns: 1fr !important;
    }
    .celestial-account-cards {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:768px) {
    body:has(.celestial-sidebar) {
        padding-left: 0 !important;
    }
    .celestial-promo-banner {
        grid-template-columns: 1fr !important;
    }
    .celestial-account-cards {
        grid-template-columns: 1fr 1fr !important;
    }
}


/* =====================================================
   NEXUS INTELIGENCE — UNIFICAÇÃO VISUAL PRETO + VERMELHO
   Aplicado às telas de autenticação, consultas, carteira e administração.
   ===================================================== */
:root{
  --cel-red:#f20d2f;
  --cel-red-light:#ff4058;
  --cel-red-neon:#ff1738;
  --cel-bg:#070709;
  --cel-panel:#111114;
  --cel-panel2:#19191e;
  --cel-border:#48202a;
}
html{background:#070709}
body{
  background:
    radial-gradient(ellipse at 80% -10%,rgba(110,5,25,.16),transparent 42%),
    #070709!important;
  color:#f7f4f5!important;
}
a{color:#ff687b}
button,[type=submit],.btn,.link{
  background:linear-gradient(100deg,#df0928,#ff263f)!important;
  color:#fff!important;border:1px solid #ff334c!important;
  box-shadow:0 4px 16px rgba(255,20,55,.18);
}
input,select,textarea{
  background:#0c0c10!important;color:#fff!important;
  border:1px solid #48212b!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#ff263f!important;
  box-shadow:0 0 0 3px rgba(255,30,60,.16)!important;
}
.card,.panel,.profile,.welcome,.stat,.box{
  background:linear-gradient(145deg,#171216,#0e0e12)!important;
  border:1px solid #48212b!important;color:#f7f4f5!important;
}
.muted,.description,.small{color:#aaa2a7!important}
h1,h2,h3{color:#fff}
.status.active,.ok,.msg{color:#61e6a1}
.status.pending{color:#ffd36d}
.status.restricted{color:#ff8796}

/* Login e cadastro */
.auth-page{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:32px 16px!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(170,8,35,.24),transparent 48%),
    radial-gradient(ellipse at 100% 100%,rgba(95,5,20,.12),transparent 40%),
    #050506!important;
}
.auth-container{width:min(100%,480px)!important}
.auth-brand{margin-bottom:25px!important}
.brand-name{color:#fff!important;letter-spacing:-1px}
.brand-name span{color:#ff1839!important;text-shadow:0 0 18px #ff173855}
.brand-subtitle{color:#d5cbd0!important}
.brand-line{background:#6a1d2c!important}
.auth-card{
  background:linear-gradient(145deg,#171216,#0c0c10)!important;
  border:1px solid #702236!important;border-radius:18px!important;
  box-shadow:0 18px 60px #000a,0 0 30px #ff17381a!important;
}
.auth-heading h1{color:#fff!important}
.auth-heading p,.auth-footer,.auth-benefit{color:#bcb2b7!important}
.auth-field label{color:#e7dfe2!important}
.auth-input-wrap{
  background:#09090c!important;border:1px solid #47202a!important;
  border-radius:10px!important;
}
.auth-input-wrap:focus-within{border-color:#ff2948!important;box-shadow:0 0 0 3px #ff173822}
.auth-input-wrap input{background:transparent!important;border:0!important;box-shadow:none!important}
.auth-input-wrap svg{color:#ff4058!important}
.auth-button{
  width:100%;padding:14px 18px!important;border-radius:10px!important;
  background:linear-gradient(100deg,#df0928,#ff263f)!important;
  color:#fff!important;font-weight:900!important;
}
.auth-footer a{color:#ff6578!important}
.auth-error{background:#3a1019!important;border:1px solid #8c2639!important;color:#ffb4be!important}
.auth-benefits{border-color:#3b2028!important}
.auth-benefit span{color:#ff4058!important}
.auth-copyright{color:#82777c!important}

/* Navegação */
.celestial-sidebar{
  background:#08080b!important;border-right:1px solid #3e1b25!important;
}
.celestial-side-status{background:#0d2118!important;border-color:#17613e!important}
.celestial-side-nav a.active,.celestial-side-nav a:hover{
  background:linear-gradient(100deg,#3a101d,#160d14)!important;
  border:1px solid #f21b3b!important;color:#fff!important;
  box-shadow:0 0 14px #ff173833!important;
}
.celestial-menu-toggle{background:#e9092b!important}

/* Telas de consulta e resultados */
.wrap{color:#f6f2f4}
.wrap .card,.wrap section.card{
  background:linear-gradient(145deg,#171216,#0d0d11)!important;
  border:1px solid #54202d!important;border-radius:15px!important;
  box-shadow:0 12px 32px #0006;
}
.wrap label{color:#e6dce0}
.wrap input,.wrap select{
  width:100%;padding:13px 14px;border-radius:9px;
}
.wrap button,.wrap .link{
  border-radius:9px!important;font-weight:800;
}
.wrap .item{background:#101014!important;border-bottom-color:#38202a!important}
.wrap .label{color:#a99ca2!important}
.wrap strong{color:#fff}
.wrap pre{color:#e9dfe3}

/* Carteira */
.balance{color:#ff4058!important;text-shadow:0 0 20px #ff173833}
.pix{background:#08080b!important;border:1px solid #48202a;color:#fff}
table th{color:#ff8a99!important}
table td{color:#e9e1e4!important;border-bottom-color:#38202a!important}
.ok{color:#66e6a3!important}

/* Administração */
.layout{background:#070709!important}
.layout aside{
  background:#09090c!important;border-right:1px solid #48202a!important;
}
.layout main{background:transparent!important}
.layout .brand span{color:#ff2948!important}
.layout .nav.active,.layout .nav:hover{
  background:#2b1019!important;color:#fff!important;
  border:1px solid #ed1838!important;box-shadow:0 0 13px #ff173822;
}
.layout .welcome{
  background:
    radial-gradient(ellipse at 90% 0%,#8c102b44,transparent 45%),
    linear-gradient(110deg,#260b14,#111014 75%)!important;
}
.layout .card,.layout .panel{
  background:linear-gradient(145deg,#171216,#0d0d11)!important;
  border:1px solid #48202a!important;border-radius:13px!important;
}
.layout .profile{background:#171216!important;border-color:#48202a!important}
.layout .number{color:#ff4058!important}
.layout table th{color:#ff8495!important}
.layout table td{border-bottom-color:#38202a!important}
.layout .logout{
  background:linear-gradient(100deg,#df0928,#ff263f)!important;
  border:1px solid #ff334c!important;color:#fff!important;
}
@media(max-width:768px){
  .auth-page{padding:22px 13px!important}
  .auth-container{max-width:460px!important}
}
\n.auth-nexus-label{text-align:center;color:#ff687b;font-size:10px;font-weight:900;letter-spacing:1.5px;margin:10px 0 0}\n
/* Catálogo: ONLINE + total documentado + plano contratado */
.hero .celestial-account-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:1150px){.hero .celestial-account-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.hero .celestial-account-cards{grid-template-columns:1fr!important}}