/* Brasil Dinheiro 1.1 — tema claro e componentes de atualização */
html[data-theme="light"] {
    color-scheme: light;
    --bg: #f4f7fb;
    --bg-2: #eef2f8;
    --panel: #ffffff;
    --panel-2: #f7f9fc;
    --line: rgba(15, 23, 42, .10);
    --text: #101828;
    --muted: #667085;
    --shadow: 0 24px 70px rgba(31, 42, 68, .10);
}

html[data-theme="dark"] { color-scheme: dark; }

html[data-theme="light"] body,
html[data-theme="light"] .admin-body {
    background: var(--bg);
    color: var(--text);
}

html[data-theme="light"] .site-header,
html[data-theme="light"] .admin-topbar {
    background: rgba(255, 255, 255, .84);
}

html[data-theme="light"] .category-nav,
html[data-theme="light"] .admin-sidebar,
html[data-theme="light"] .highlight-list,
html[data-theme="light"] .news-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .source-box {
    background-color: var(--panel);
}

html[data-theme="light"] .admin-sidebar {
    background: rgba(255, 255, 255, .98);
}

html[data-theme="light"] .field input,
html[data-theme="light"] .field textarea,
html[data-theme="light"] .field select,
html[data-theme="light"] .listing-search input,
html[data-theme="light"] .header-search,
html[data-theme="light"] .cron-help code {
    background: #f7f9fc;
    color: var(--text);
}

html[data-theme="light"] .header-search input,
html[data-theme="light"] .header-search button,
html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .sidebar-toggle {
    color: var(--text);
}

html[data-theme="light"] .article-body {
    color: #344054;
}

html[data-theme="light"] .site-footer {
    background: #e9eef7;
}

html[data-theme="light"] .auth-body,
html[data-theme="light"] .installer-body {
    background: radial-gradient(circle at 15% 15%, rgba(103, 143, 255, .16), transparent 33%), #f4f7fb;
}

html[data-theme="light"] .auth-visual,
html[data-theme="light"] .installer-intro {
    background: radial-gradient(circle at 65% 35%, rgba(103, 143, 255, .20), transparent 30%), linear-gradient(145deg, #eef3ff, #f9fbff);
}

html[data-theme="light"] .installer-card {
    background: rgba(255, 255, 255, .92);
}

html[data-theme="light"] .hero-story.no-image,
html[data-theme="light"] .card-image.placeholder,
html[data-theme="light"] .wide-image.placeholder,
html[data-theme="light"] .list-thumb.placeholder,
html[data-theme="light"] .mini-thumb.placeholder {
    background: radial-gradient(circle at 80% 20%, rgba(103, 143, 255, .28), transparent 36%), linear-gradient(145deg, #dbe5fa, #eef3fb);
}

html[data-theme="light"] .hero-story:not(.no-image) .hero-content,
html[data-theme="light"] .hero-story:not(.no-image) .hero-content h2 {
    color: #fff;
}

html[data-theme="light"] .hero-story:not(.no-image) .hero-content p {
    color: #dbe2ee;
}

html[data-theme="light"] .security-list {
    color: #475467;
}

.theme-toggle {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: rgba(127, 139, 163, .06);
    color: var(--text);
    font-size: 15px;
}

.brand-logo-image {
    display: block;
    width: auto;
    max-width: 180px;
    height: 38px;
    object-fit: contain;
}

.admin-sidebar .brand-logo-image {
    max-width: 156px;
    height: 32px;
}

.version-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1px solid var(--line);
    border-radius: 99px;
    color: var(--muted);
    font-size: 10px;
}

.version-pill strong { color: var(--accent-2); }
.updates-grid { display: grid; grid-template-columns: 1.45fr .8fr; gap: 20px; margin-bottom: 20px; }
.update-upload-card { display: grid; gap: 20px; background: radial-gradient(circle at 95% 5%, rgba(103, 143, 255, .16), transparent 30%), var(--panel); }
.update-upload-card h2 { font-size: 23px; margin: 0; }
.update-upload-card p { font-size: 11px; line-height: 1.65; color: var(--muted); }
.update-upload-card code, .update-note code { color: var(--accent-2); }
.update-icon { width: 55px; height: 55px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, var(--accent), #7c65e9); box-shadow: 0 12px 35px rgba(103, 143, 255, .28); color: #fff; font-size: 24px; font-weight: 800; }
.update-form { display: grid; gap: 13px; }
.upload-drop { min-height: 170px; border: 1px dashed rgba(103, 143, 255, .38); border-radius: 12px; background: rgba(103, 143, 255, .045); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; text-align: center; padding: 20px; cursor: pointer; }
.upload-drop:hover { background: rgba(103, 143, 255, .08); border-color: var(--accent); }
.upload-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.upload-symbol { padding: 6px 9px; border-radius: 6px; background: rgba(103, 143, 255, .15); color: var(--accent-2); font-size: 10px; font-weight: 900; }
.upload-drop strong { font-size: 12px; }
.upload-drop small { font-size: 9px; color: var(--muted); }
.update-side { display: grid; gap: 20px; align-content: start; }
.security-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; color: #abb5c7; font-size: 11px; }
.security-list li { display: flex; align-items: center; gap: 9px; }
.security-list span { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: rgba(69, 215, 163, .1); color: var(--green); font-size: 9px; }
.update-note { margin: 14px 0 0; line-height: 1.5; }
.updates-table .table-row { grid-template-columns: .9fr .7fr 1fr 1.2fr .7fr; }
.updates-table .table-row > span:last-child { display: grid; gap: 5px; }
.branding-preview { min-height: 74px; display: flex; align-items: center; justify-content: center; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(135deg, #e8edf5 25%, #f7f9fc 25%, #f7f9fc 50%, #e8edf5 50%, #e8edf5 75%, #f7f9fc 75%); background-size: 20px 20px; }
.branding-preview img { display: block; max-width: 220px; max-height: 58px; object-fit: contain; }
.branding-preview.favicon img { width: 48px; height: 48px; }
.remove-upload { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; }
.remove-upload input { width: auto; height: auto; accent-color: var(--accent); }

@media (max-width: 1100px) {
    .updates-grid { grid-template-columns: 1fr; }
}