:root {
    --lp-red-700: #971515;
    --lp-red-600: #b61d1d;
    --lp-red-100: #fff0ef;
    --lp-gold-500: #f5b82e;
    --lp-gold-100: #fff7da;
    --lp-ink-950: #18191d;
    --lp-ink-700: #4f535d;
    --lp-ink-500: #777c86;
    --lp-line: #e8e9ed;
    --lp-surface: #ffffff;
    --lp-canvas: #f7f8fa;
    --lp-radius-sm: 12px;
    --lp-radius-md: 18px;
    --lp-radius-lg: 26px;
    --lp-shadow-sm: 0 7px 22px rgba(24, 25, 29, .06);
    --lp-shadow-md: 0 18px 55px rgba(24, 25, 29, .10);
    --lp-focus: 0 0 0 4px rgba(182, 29, 29, .12);
}

*, *::before, *::after { box-sizing: border-box; }

body {
    color: var(--lp-ink-950);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.lp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lp-red-600);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.lp-card {
    border: 1px solid var(--lp-line);
    border-radius: var(--lp-radius-md);
    background: var(--lp-surface);
    box-shadow: var(--lp-shadow-sm);
}

.lp-button {
    min-height: 46px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: var(--lp-radius-sm);
    text-decoration: none;
    font-weight: 850;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.lp-button:hover { transform: translateY(-2px); }
.lp-button-primary { background: var(--lp-red-600); color: #fff; box-shadow: 0 10px 24px rgba(182, 29, 29, .20); }
.lp-button-primary:hover { background: var(--lp-red-700); }
.lp-button-secondary { border-color: var(--lp-line); background: #fff; color: var(--lp-ink-950); }
.lp-button-secondary:hover { border-color: #d1d3d9; box-shadow: var(--lp-shadow-sm); }

input, select, textarea, button { font: inherit; }
input:focus, select:focus, textarea:focus { outline: 0; border-color: var(--lp-red-600) !important; box-shadow: var(--lp-focus) !important; }

/* Casca única para todas as telas antigas do painel */
.lp-admin-shell {
    min-width: 320px;
    margin: 0;
    padding-bottom: 0 !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(245, 184, 46, .10), transparent 24rem),
        radial-gradient(circle at 94% 8%, rgba(182, 29, 29, .08), transparent 28rem),
        var(--lp-canvas) !important;
    color: var(--lp-ink-950) !important;
}

.lp-admin-shell .cabecalho {
    position: sticky !important;
    inset: 0 0 auto !important;
    z-index: 5000 !important;
    width: 100% !important;
    min-height: 76px !important;
    padding: 0 max(22px, calc((100vw - 1260px) / 2)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(25, 26, 31, .08) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 8px 30px rgba(24, 25, 29, .05) !important;
    backdrop-filter: blur(18px);
}

.lp-admin-shell .cabecalho::before,
.lp-admin-shell .cabecalho::after { display: none !important; }
.lp-admin-shell .cabecalho .logo { position: static !important; transform: none !important; margin: 0 !important; }
.lp-admin-shell .cabecalho .logo img { width: 164px !important; height: 46px !important; object-fit: contain !important; filter: none !important; }
.lp-admin-shell .frase-header { display: none !important; }
.lp-admin-shell .acoes-header { margin-left: auto; display: flex !important; align-items: center; gap: 9px; }
.lp-admin-shell .btn-config {
    min-height: 42px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--lp-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--lp-ink-950) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}
.lp-admin-shell .btn-config:hover { border-color: var(--lp-red-600) !important; color: var(--lp-red-600) !important; transform: none !important; }
.lp-admin-shell .conteudo { width: 100% !important; max-width: none !important; min-height: calc(100vh - 76px); margin: 0 !important; padding: 0 !important; }
.lp-admin-shell .conteudo > main,
.lp-admin-shell main.main-form { width: min(1260px, calc(100% - 36px)) !important; margin: 0 auto !important; padding: 28px 0 58px !important; }
.lp-admin-shell .btn-voltar-topo {
    position: static !important;
    width: max-content !important;
    min-height: 42px !important;
    margin: 0 0 18px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center;
    border: 1px solid var(--lp-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--lp-ink-950) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}
.lp-admin-shell .categoria-detalhe,
.lp-admin-shell .info {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(22px, 4vw, 40px) !important;
    overflow: hidden;
    border: 1px solid var(--lp-line) !important;
    border-radius: var(--lp-radius-lg) !important;
    background: rgba(255, 255, 255, .96) !important;
    color: var(--lp-ink-950) !important;
    box-shadow: var(--lp-shadow-sm) !important;
}
.lp-admin-shell .categoria-detalhe::before,
.lp-admin-shell .categoria-detalhe::after,
.lp-admin-shell .info::before,
.lp-admin-shell .info::after { display: none !important; }
.lp-admin-shell .categoria-detalhe h1,
.lp-admin-shell .info h1,
.lp-admin-shell .info h2,
.lp-admin-shell .info h3 { color: var(--lp-ink-950) !important; text-shadow: none !important; }
.lp-admin-shell .subtitulo,
.lp-admin-shell .info p { color: var(--lp-ink-700) !important; }
.lp-admin-shell .itcatform {
    max-width: none !important;
    margin: 24px 0 0 !important;
    padding: clamp(18px, 3vw, 28px) !important;
    border: 1px solid var(--lp-line) !important;
    border-radius: 20px !important;
    background: var(--lp-canvas) !important;
    box-shadow: none !important;
}
.lp-admin-shell .itcatform label { color: var(--lp-ink-950) !important; font-weight: 800 !important; }
.lp-admin-shell .itcatform input,
.lp-admin-shell .itcatform select,
.lp-admin-shell .itcatform textarea {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid #dfe1e6 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--lp-ink-950) !important;
    box-shadow: none !important;
}
.lp-admin-shell .catbotoes button { min-height: 46px !important; border-radius: 12px !important; font-weight: 850 !important; }
.lp-admin-shell .footer { display: none !important; }

@media (max-width: 680px) {
    .lp-admin-shell .cabecalho { min-height: 66px !important; padding-inline: 14px !important; }
    .lp-admin-shell .cabecalho .logo img { width: 126px !important; height: 38px !important; }
    .lp-admin-shell .btn-config span { display: none; }
    .lp-admin-shell .conteudo > main,
    .lp-admin-shell main.main-form { width: calc(100% - 24px) !important; padding-top: 18px !important; }
    .lp-admin-shell .categoria-detalhe,
    .lp-admin-shell .info { padding: 20px !important; border-radius: 20px !important; }
}