.home-hero-premium{
    position:relative!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:18px!important;
    padding:30px!important;
    border-radius:34px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.72))!important;
    border:1px solid rgba(44,71,110,.10)!important;
    box-shadow:0 26px 70px rgba(32,64,120,.14)!important;
    margin-bottom:18px!important;
    overflow:hidden!important;
}

.home-hello h1{font-size:38px!important;margin:8px 0!important;color:#172033!important}
.home-hello p{margin:0!important;color:#64748b!important}

.home-metrics{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    margin-bottom:18px!important;
}

.home-metric-card{
    padding:18px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid rgba(44,71,110,.10)!important;
    box-shadow:0 15px 40px rgba(32,64,120,.11)!important;
}

.home-metric-card span{display:block!important;color:#64748b!important;font-size:13px!important;margin-bottom:8px!important;font-weight:800!important}
.home-metric-card strong{display:block!important;color:#172033!important;font-size:17px!important}

.home-billing-card{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:18px!important;
    padding:24px!important;
    border-radius:30px!important;
    background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
    color:#fff!important;
    box-shadow:0 22px 55px rgba(37,99,235,.22)!important;
    margin-bottom:18px!important;
}

.home-billing-card h2{margin:8px 0!important;color:#fff!important;font-size:34px!important}
.home-billing-card p{margin:0!important;color:rgba(255,255,255,.9)!important}
.home-billing-card a{background:#fff!important;color:#0752b8!important;text-decoration:none!important;padding:14px 18px!important;border-radius:18px!important;font-weight:950!important}

.home-benefits-strip{
    padding:20px!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(44,71,110,.10)!important;
    box-shadow:0 15px 40px rgba(32,64,120,.10)!important;
    margin-bottom:22px!important;
}

.home-benefits-strip div{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.home-benefits-strip strong{background:#f1f7ff!important;color:#0752b8!important;padding:8px 11px!important;border-radius:999px!important;font-size:13px!important}

.home-section-title{margin:28px 0 14px!important;color:#172033!important;font-size:24px!important}

@media(max-width:900px){
    .home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .home-billing-card{align-items:flex-start!important;flex-direction:column!important}
}

@media(max-width:560px){
    .home-hero-premium{padding:24px!important;border-radius:28px!important}
    .home-hello h1{font-size:30px!important}
    .home-metrics{grid-template-columns:1fr 1fr!important;gap:10px!important}
}

/* ===== Home Premium Refinada ===== */

.home-hero-premium{
    background:
        radial-gradient(circle at 15% 0%, rgba(0,185,255,.30), transparent 35%),
        radial-gradient(circle at 90% 10%, rgba(124,92,255,.22), transparent 38%),
        linear-gradient(135deg,#ffffff,#eef7ff) !important;
}

.home-billing-card{
    background:
        radial-gradient(circle at 90% 0%, rgba(255,255,255,.25), transparent 28%),
        linear-gradient(135deg,#0284c7,#2563eb,#4f46e5) !important;
    min-height:150px !important;
}

.home-billing-card h2{
    font-size:42px !important;
    letter-spacing:-.04em !important;
}

.home-metric-card{
    min-height:92px !important;
}

.home-benefits-strip strong{
    background:#ecfdf5 !important;
    color:#047857 !important;
    border:1px solid rgba(16,185,129,.22) !important;
}

.menu-card-link{
    border-radius:24px !important;
    min-height:88px !important;
}

.menu-card-link h3{
    font-size:18px !important;
}

@media(max-width:560px){
    .home-billing-card h2{
        font-size:36px !important;
    }

    .home-hero-premium{
        margin-top:10px !important;
    }
}

/* ===== Dashboard Cliente Final ===== */

.home-billing-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:34px !important;
    padding:30px !important;
}

.home-billing-card:after{
    content:"💳";
    position:absolute;
    right:24px;
    bottom:-18px;
    font-size:120px;
    opacity:.10;
}

.home-billing-card a{
    position:relative !important;
    z-index:2 !important;
}

.home-quick-actions{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:14px;
    margin:20px 0 24px;
}

.home-quick-actions a{
    min-height:92px;
    border-radius:24px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(44,71,110,.10);
    box-shadow:0 15px 40px rgba(32,64,120,.10);
    text-decoration:none;
    color:#172033;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:18px;
    font-weight:950;
}

.home-quick-actions span{
    font-size:28px;
    margin-bottom:8px;
}

.home-quick-actions small{
    color:#64748b;
    font-weight:700;
    margin-top:4px;
}

.home-status-good{
    background:#ecfdf5 !important;
    color:#047857 !important;
}

.home-status-alert{
    background:#fff7ed !important;
    color:#c2410c !important;
}

@media(max-width:560px){
    .home-quick-actions{
        grid-template-columns:1fr 1fr;
    }

    .home-quick-actions a{
        min-height:86px;
        padding:15px;
    }
}

/* ===== Home cards quadrados estilo app ===== */

.home-quick-actions{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    margin:22px 0 26px !important;
}

.home-quick-actions a{
    min-height:145px !important;
    border-radius:12px !important;
    padding:20px !important;
    background:linear-gradient(145deg,#ffffff,#f3f8ff) !important;
    border:1px solid rgba(44,71,110,.13) !important;
    box-shadow:0 18px 42px rgba(32,64,120,.13) !important;
    color:#172033 !important;
    text-decoration:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    font-size:18px !important;
    font-weight:950 !important;
    transition:.2s ease !important;
    position:relative !important;
    overflow:hidden !important;
}

.home-quick-actions a:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:5px !important;
    background:linear-gradient(180deg,#00b9ff,#2477ff) !important;
}

.home-quick-actions a:hover{
    transform:translateY(-4px) !important;
    box-shadow:0 24px 55px rgba(32,64,120,.18) !important;
}

.home-quick-actions span{
    width:58px !important;
    height:58px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:31px !important;
    margin-bottom:14px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#00b9ff,#2477ff) !important;
    box-shadow:0 14px 26px rgba(36,119,255,.22) !important;
}

.home-quick-actions small{
    color:#64748b !important;
    font-size:13px !important;
    font-weight:750 !important;
    margin-top:6px !important;
    line-height:1.35 !important;
}

.home-benefits-strip{
    border-radius:12px !important;
}

.home-benefits-strip strong{
    border-radius:10px !important;
    padding:10px 13px !important;
    font-size:13px !important;
}

/* Serviços disponíveis também quadrados */
.menu-grid,
.services-grid{
    gap:16px !important;
}

.menu-card-link,
.services-grid a,
.card-link{
    border-radius:12px !important;
    min-height:120px !important;
    padding:20px !important;
    background:linear-gradient(145deg,#ffffff,#f3f8ff) !important;
    border:1px solid rgba(44,71,110,.13) !important;
    box-shadow:0 18px 42px rgba(32,64,120,.11) !important;
    position:relative !important;
    overflow:hidden !important;
}

.menu-card-link:before,
.services-grid a:before,
.card-link:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:5px !important;
    background:linear-gradient(180deg,#00b9ff,#2477ff) !important;
}

.menu-card-link h3,
.services-grid a h3,
.card-link h3{
    font-size:19px !important;
    color:#172033 !important;
    font-weight:950 !important;
}

/* remove aparência de links azuis soltos caso algum CSS antigo esteja pegando */
.home-quick-actions a,
.home-quick-actions a:visited,
.menu-card-link,
.menu-card-link:visited{
    text-decoration:none !important;
}

@media(max-width:900px){
    .home-quick-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:560px){
    .home-quick-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    .home-quick-actions a{
        min-height:125px !important;
        padding:16px !important;
        font-size:15px !important;
    }

    .home-quick-actions span{
        width:50px !important;
        height:50px !important;
        font-size:26px !important;
    }
}

/* ===== Home cards quadrados estilo app ===== */

.home-quick-actions{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    margin:22px 0 26px !important;
}

.home-quick-actions a{
    min-height:145px !important;
    border-radius:12px !important;
    padding:20px !important;
    background:linear-gradient(145deg,#ffffff,#f3f8ff) !important;
    border:1px solid rgba(44,71,110,.13) !important;
    box-shadow:0 18px 42px rgba(32,64,120,.13) !important;
    color:#172033 !important;
    text-decoration:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    font-size:18px !important;
    font-weight:950 !important;
    transition:.2s ease !important;
    position:relative !important;
    overflow:hidden !important;
}

.home-quick-actions a:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:5px !important;
    background:linear-gradient(180deg,#00b9ff,#2477ff) !important;
}

.home-quick-actions a:hover{
    transform:translateY(-4px) !important;
    box-shadow:0 24px 55px rgba(32,64,120,.18) !important;
}

.home-quick-actions span{
    width:58px !important;
    height:58px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:31px !important;
    margin-bottom:14px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#00b9ff,#2477ff) !important;
    box-shadow:0 14px 26px rgba(36,119,255,.22) !important;
}

.home-quick-actions small{
    color:#64748b !important;
    font-size:13px !important;
    font-weight:750 !important;
    margin-top:6px !important;
    line-height:1.35 !important;
}

.home-benefits-strip{
    border-radius:12px !important;
}

.home-benefits-strip strong{
    border-radius:10px !important;
    padding:10px 13px !important;
    font-size:13px !important;
}

/* Serviços disponíveis também quadrados */
.menu-grid,
.services-grid{
    gap:16px !important;
}

.menu-card-link,
.services-grid a,
.card-link{
    border-radius:12px !important;
    min-height:120px !important;
    padding:20px !important;
    background:linear-gradient(145deg,#ffffff,#f3f8ff) !important;
    border:1px solid rgba(44,71,110,.13) !important;
    box-shadow:0 18px 42px rgba(32,64,120,.11) !important;
    position:relative !important;
    overflow:hidden !important;
}

.menu-card-link:before,
.services-grid a:before,
.card-link:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:5px !important;
    background:linear-gradient(180deg,#00b9ff,#2477ff) !important;
}

.menu-card-link h3,
.services-grid a h3,
.card-link h3{
    font-size:19px !important;
    color:#172033 !important;
    font-weight:950 !important;
}

/* remove aparência de links azuis soltos caso algum CSS antigo esteja pegando */
.home-quick-actions a,
.home-quick-actions a:visited,
.menu-card-link,
.menu-card-link:visited{
    text-decoration:none !important;
}

@media(max-width:900px){
    .home-quick-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:560px){
    .home-quick-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    .home-quick-actions a{
        min-height:125px !important;
        padding:16px !important;
        font-size:15px !important;
    }

    .home-quick-actions span{
        width:50px !important;
        height:50px !important;
        font-size:26px !important;
    }
}

/* ===== NF HOME DARK DASHBOARD V3 20260622 ===== */

.home-hero-premium{
    position:relative !important;
    overflow:hidden !important;
    border-radius:16px !important;
    padding:20px !important;
    background:
        radial-gradient(circle at 10% 0%,rgba(0,255,255,.20),transparent 34%),
        radial-gradient(circle at 90% 0%,rgba(0,85,255,.34),transparent 36%),
        linear-gradient(135deg,rgba(5,12,32,.96),rgba(0,0,0,.88) 58%,rgba(4,9,24,.96)) !important;
    border:1px solid rgba(0,255,255,.22) !important;
    box-shadow:
        0 18px 48px rgba(0,0,0,.44),
        0 0 28px rgba(0,85,255,.16),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.home-hero-premium::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,.020) 1px,transparent 1px) !important;
    background-size:36px 36px !important;
    opacity:.60 !important;
    pointer-events:none !important;
}

.home-hero-premium::after{
    content:"" !important;
    position:absolute !important;
    right:-18% !important;
    bottom:-40% !important;
    width:78% !important;
    height:160px !important;
    background:linear-gradient(90deg,transparent,rgba(0,255,255,.22),rgba(0,85,255,.26),transparent) !important;
    filter:blur(24px) !important;
    pointer-events:none !important;
}

.home-hello,
.home-top-actions{
    position:relative !important;
    z-index:2 !important;
}

.home-hello .eyebrow{
    color:#65d9ff !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    letter-spacing:.12em !important;
}

.home-hello h1{
    color:#fff !important;
    font-family:"Bahnschrift","Arial Narrow","Arial Black","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(28px,7vw,44px) !important;
    line-height:.98 !important;
    font-weight:950 !important;
    letter-spacing:-.055em !important;
    text-shadow:0 0 18px rgba(0,255,255,.16),0 0 26px rgba(0,85,255,.14) !important;
}

.home-hello p{
    color:rgba(255,255,255,.82) !important;
    font-weight:750 !important;
}

.home-metrics{
    gap:10px !important;
}

.home-metric-card,
.nf-push-card,
.home-benefits-strip,
.home-billing-card{
    border-radius:14px !important;
    background:
        radial-gradient(circle at 10% 0%,rgba(0,255,255,.08),transparent 34%),
        linear-gradient(145deg,rgba(7,15,38,.94),rgba(0,0,0,.82)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:
        0 14px 34px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.045) !important;
    color:#fff !important;
}

.home-metric-card span,
.nf-push-card p,
.nf-push-card span,
.nf-push-card small,
.home-benefits-strip p,
.home-benefits-strip span,
.home-benefits-strip small,
.home-billing-card p,
.home-billing-card span,
.home-billing-card small,
.home-label,
.home-billing-address{
    color:rgba(255,255,255,.78) !important;
}

.home-metric-card strong,
.home-metric-card b,
.nf-push-card h3,
.nf-push-card strong,
.home-benefits-strip h3,
.home-benefits-strip strong,
.home-billing-card h2,
.home-billing-card h3,
.home-billing-card strong{
    color:#fff !important;
    font-weight:950 !important;
}

.home-bell,
.home-logout{
    border-radius:12px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.24) !important;
}

.nf-push-actions button,
.nf-push-actions a,
.home-billing-card a{
    border-radius:12px !important;
    background:linear-gradient(135deg,#0055ff,#00aaff) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.14) !important;
}

@media(max-width:780px){
    .home-hero-premium,
    .home-metric-card,
    .nf-push-card,
    .home-benefits-strip,
    .home-billing-card{
        border-radius:14px !important;
    }
}

/* ===== FIM NF HOME DARK DASHBOARD V3 ===== */

/* ===== NF HOME DARK MENU FULL V4 20260622 ===== */

/* Força o visual dark em todos os blocos da home */
.home-hero-premium,
.home-metric-card,
.nf-push-card,
.nf-push-card.is-db-active,
.nf-push-card.push-active,
.nf-push-card.needs-push,
.home-benefits-strip,
.home-billing-card{
    background:
        radial-gradient(circle at 12% 0%,rgba(0,255,255,.10),transparent 34%),
        linear-gradient(145deg,rgba(7,15,38,.96),rgba(0,0,0,.84)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
    box-shadow:
        0 14px 34px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Hero principal */
.home-hero-premium{
    border-radius:16px !important;
    padding:20px !important;
    overflow:hidden !important;
    position:relative !important;
    border-color:rgba(0,255,255,.22) !important;
}

.home-hero-premium::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,.020) 1px,transparent 1px) !important;
    background-size:36px 36px !important;
    opacity:.60 !important;
    pointer-events:none !important;
}

.home-hero-premium::after{
    content:"" !important;
    position:absolute !important;
    right:-20% !important;
    bottom:-42% !important;
    width:80% !important;
    height:160px !important;
    background:linear-gradient(90deg,transparent,rgba(0,255,255,.22),rgba(0,85,255,.28),transparent) !important;
    filter:blur(24px) !important;
    pointer-events:none !important;
}

.home-hello,
.home-top-actions{
    position:relative !important;
    z-index:2 !important;
}

.home-hello .eyebrow{
    color:#65d9ff !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.home-hello h1{
    color:#fff !important;
    font-family:"Bahnschrift","Arial Narrow","Arial Black","Segoe UI",Arial,sans-serif !important;
    font-weight:950 !important;
    letter-spacing:-.055em !important;
    text-shadow:0 0 18px rgba(0,255,255,.16),0 0 26px rgba(0,85,255,.14) !important;
}

.home-hello p{
    color:rgba(255,255,255,.82) !important;
    font-weight:750 !important;
}

/* Cards métricas */
.home-metric-card{
    border-radius:14px !important;
}

.home-metric-card span,
.home-metric-card small,
.home-label,
.home-billing-address,
.nf-push-card p,
.nf-push-card span,
.nf-push-card small,
#nfPushText,
#nfPushStatus,
#nfPushMsg,
.home-benefits-strip span,
.home-benefits-strip small,
.home-benefits-strip p,
.home-billing-card p,
.home-billing-card span,
.home-billing-card small{
    color:rgba(255,255,255,.82) !important;
}

.home-metric-card strong,
.home-metric-card b,
.nf-push-card strong,
.nf-push-card h3,
.home-benefits-strip h3,
.home-benefits-strip strong,
.home-billing-card h2,
.home-billing-card h3,
.home-billing-card strong{
    color:#fff !important;
    font-weight:950 !important;
}

/* Notificações: remover fundo branco/azulado */
#nfPushBox,
#nfPushBox.is-db-active,
#nfPushBox.push-active,
#nfPushBox.needs-push{
    background:
        radial-gradient(circle at 12% 0%,rgba(0,255,255,.10),transparent 34%),
        linear-gradient(145deg,rgba(7,15,38,.96),rgba(0,0,0,.84)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
}

/* Benefícios ativos: chips dark, não branco */
.home-benefits-strip div strong,
.home-benefits-strip strong{
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:12px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Botões */
.home-bell,
.home-logout,
.nf-push-actions button,
.nf-push-actions a,
.home-billing-card a{
    border-radius:12px !important;
    background:linear-gradient(135deg,#0055ff,#00aaff) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.28) !important;
}

/* Botão sino mais discreto */
.home-bell{
    background:rgba(255,255,255,.08) !important;
}

/* Corrige qualquer texto azul escuro herdado */
.home-hero-premium *,
.home-metric-card *,
.nf-push-card *,
.home-benefits-strip *,
.home-billing-card *{
    text-shadow:none;
}

/* ===== FIM NF HOME DARK MENU FULL V4 ===== */