/* =====================================================================
   PRONTI — PAINEL DO DONO (mesma identidade da vitrine)
   Camada visual: não altera IDs nem lógica.
   ===================================================================== */
:root {
    --fundo: #f6f5f2; --superficie: #ffffff; --superficie-2: #f1efea;
    --tinta: #1c1b22; --tinta-2: #4a4855; --tinta-3: #8a8794; --linha: #e6e3dc;
    --acento: #2f5d62; --acento-forte: #1f3f43; --acento-claro: #3d7a80; --acento-suave: #e6eeee;
    --ouro: #b8893b;
    --sombra: 0 1px 2px rgba(28,27,34,.04), 0 6px 20px rgba(28,27,34,.06);
    --sombra-forte: 0 2px 4px rgba(28,27,34,.05), 0 14px 36px rgba(28,27,34,.10);
    --fonte: 'Plus Jakarta Sans', 'Poppins', system-ui, sans-serif;
}

/* ---------- Menu lateral (todas as telas do painel) ---------- */
.sidebar {
    background: linear-gradient(180deg, #2f5d62 0%, #1f3f43 100%) !important;
    box-shadow: 4px 0 24px rgba(28,27,34,.10) !important;
    font-family: var(--fonte) !important;
}
.sidebar hr { border-top-color: rgba(255,255,255,.14) !important; }
.sidebar-brand img { border-radius: 12px !important; }
.sidebar-links { gap: 4px !important; padding: 0 14px !important; }
.sidebar-links a {
    background: transparent !important; color: rgba(255,255,255,.82) !important;
    border: 0 !important; box-shadow: none !important;
    font-weight: 600 !important; font-size: .95rem !important;
    padding: 11px 14px !important; border-radius: 10px !important;
}
.sidebar-links a span { width: 22px !important; color: rgba(255,255,255,.65); }
.sidebar-links a:hover:not(.active) { background: rgba(255,255,255,.08) !important; color: #fff !important; }
.sidebar-links a.active, .sidebar-links a:focus {
    background: #fff !important; color: var(--acento-forte) !important; font-weight: 700 !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.18) !important;
}
.sidebar-links a.active span, .sidebar-links a:focus span { color: var(--acento); }
.btn-logout {
    background: rgba(255,255,255,.10) !important; color: #fff !important;
    border: 1px solid rgba(255,255,255,.2) !important; box-shadow: none !important;
    font-family: var(--fonte) !important; font-weight: 700 !important;
}
.btn-logout:hover, .btn-logout:focus { background: #fff !important; color: var(--acento-forte) !important; }

/* ---------- Tela inicial do painel ---------- */
body[data-pagina="inicio"] {
    background:
        radial-gradient(1000px 420px at 60% -140px, rgba(47,93,98,.16), transparent 70%),
        radial-gradient(500px 360px at 105% 40%, rgba(184,137,59,.09), transparent 70%),
        var(--fundo) !important;
    font-family: var(--fonte) !important;
    color: var(--tinta);
}
body[data-pagina="inicio"] main.main-content { padding: 32px 20px 90px !important; }

body[data-pagina="inicio"] .dashboard-welcome-center {
    max-width: 900px; text-align: left !important; margin-bottom: 26px !important;
    background:
        radial-gradient(circle at 92% -20%, rgba(255,255,255,.14) 0 90px, transparent 91px),
        radial-gradient(circle at 78% 120%, rgba(184,137,59,.45) 0 34px, transparent 35px),
        linear-gradient(125deg, #3d7a80 0%, #2f5d62 45%, #1f3f43 100%);
    border-radius: 22px; padding: 26px 24px; box-shadow: 0 14px 30px rgba(47,93,98,.25);
    box-sizing: border-box;
}
body[data-pagina="inicio"] .dashboard-welcome-center h1 {
    color: #fff !important; text-shadow: none !important; margin: 0 0 4px;
    font-size: clamp(1.45rem, 4.5vw, 2rem) !important; font-weight: 800; letter-spacing: -.02em;
}
body[data-pagina="inicio"] .dashboard-welcome-center p { color: rgba(255,255,255,.8) !important; margin: 0; font-size: .98rem !important; }
body[data-pagina="inicio"] .notification-button {
    background: #fff !important; color: var(--acento-forte) !important; border-radius: 10px !important;
    font-family: var(--fonte) !important; margin-top: 16px !important;
}
body[data-pagina="inicio"] .notification-message { margin: 14px 0 0 !important; font-family: var(--fonte) !important; }

body[data-pagina="inicio"] .painel-titulo-secao {
    width: 100%; max-width: 900px; margin: 0 0 12px; box-sizing: border-box;
    font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--tinta-3);
}

body[data-pagina="inicio"] .dashboard-grid-cards {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: 12px !important;
}
body[data-pagina="inicio"] .menu-card {
    aspect-ratio: auto !important; filter: none !important;
    background: linear-gradient(160deg, var(--superficie) 55%, var(--cor-suave) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--cor) 16%, var(--linha)) !important;
    border-radius: 16px !important; box-shadow: var(--sombra) !important;
    color: var(--tinta) !important; font-family: var(--fonte);
    flex-direction: row !important; justify-content: flex-start !important; align-items: center !important;
    text-align: left !important; gap: 12px !important; padding: 14px !important;
    font-size: .92rem !important; font-weight: 700 !important;
    position: relative; overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease !important;
    animation: painel-entrada .4s ease-out both;
}
body[data-pagina="inicio"] .menu-card::after {
    content: ""; position: absolute; right: -22px; top: -22px; width: 70px; height: 70px; border-radius: 50%;
    background: var(--cor); opacity: .08; transition: transform .3s ease;
}
body[data-pagina="inicio"] .menu-card:hover { transform: translateY(-2px) !important; box-shadow: var(--sombra-forte) !important; }
body[data-pagina="inicio"] .menu-card:hover::after { transform: scale(1.5); }
body[data-pagina="inicio"] .menu-card i {
    flex: 0 0 40px; width: 40px; height: 40px; border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem !important; background: var(--cor); color: #fff;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--cor) 35%, transparent);
}
@keyframes painel-entrada { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

body[data-pagina="inicio"] [data-card-id="dashboard"]     { --cor: #2f8f86; --cor-suave: #e1f3f1; }
body[data-pagina="inicio"] [data-card-id="agenda"]        { --cor: #2f5d62; --cor-suave: #e6eeee; }
body[data-pagina="inicio"] [data-card-id="servicos"]      { --cor: #d08a2e; --cor-suave: #fbf0df; }
body[data-pagina="inicio"] [data-card-id="planos"]        { --cor: #b5508f; --cor-suave: #f8e8f2; }
body[data-pagina="inicio"] [data-card-id="clientes"]      { --cor: #3a7bbf; --cor-suave: #e6f0fa; }
body[data-pagina="inicio"] [data-card-id="equipe"]        { --cor: #5b5bd6; --cor-suave: #ececfb; }
body[data-pagina="inicio"] [data-card-id="perfil"]        { --cor: #c0583f; --cor-suave: #f9e8e3; }
body[data-pagina="inicio"] [data-card-id="relatorios"]    { --cor: #4a4855; --cor-suave: #eeedf0; }
body[data-pagina="inicio"] [data-card-id="administracao"],
body[data-pagina="inicio"] [data-card-id="permissoes"]    { --cor: #1c1b22; --cor-suave: #ecebee; }

/* Agenda em destaque: primeira ação do dia */
body[data-pagina="inicio"] [data-card-id="agenda"] {
    background: linear-gradient(120deg, #3d7a80 0%, #2f5d62 50%, #1f3f43 100%) !important;
    color: #fff !important; border-color: transparent !important; box-shadow: 0 10px 24px rgba(47,93,98,.3) !important;
}
body[data-pagina="inicio"] [data-card-id="agenda"] i { background: rgba(255,255,255,.18); box-shadow: none; }

#btn-logout { font-family: var(--fonte) !important; }
body[data-pagina="inicio"] #btn-logout { background: var(--tinta) !important; border-radius: 12px !important; }
#statusAssinatura { background: linear-gradient(90deg, #3d7a80, #1f3f43) !important; font-family: var(--fonte); }

@media (max-width: 600px) {
    body[data-pagina="inicio"] .dashboard-grid-cards { grid-template-columns: 1fr 1fr !important; }
    body[data-pagina="inicio"] main.main-content { padding: 20px 14px 90px !important; }
}
@media (prefers-reduced-motion: reduce) { * { animation: none !important; } }
body[data-pagina="inicio"] .menu-card span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 380px) { body[data-pagina="inicio"] .menu-card { font-size: .84rem !important; gap: 10px !important; padding: 12px !important; } }

/* Logo do Pronti redondo no menu lateral */
.sidebar-brand img {
    width: 84px !important; height: 84px !important; min-height: 0 !important; max-width: none !important;
    border-radius: 50% !important; object-fit: cover; padding: 0 !important; background: #fff !important;
    border: 3px solid rgba(255,255,255,.85); box-shadow: 0 8px 20px rgba(0,0,0,.2);
}