/* ═══════════════════════════════════════════════
   TABLET RESPONSIVE — ≤ 1024px
   ═══════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .browser-quick-links {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
    }

    .browser-homepage {
        padding-top: 32px !important;
    }

    .browser-homepage h1 {
        font-size: 24px;
    }

    .browser-page .search-box {
        max-width: 100%;
    }

    .browser-error-content {
        max-width: calc(100% - 32px);
        padding: 28px 20px;
    }

    .tm-process-header,
    .tm-process-row {
        grid-template-columns: 2fr 1fr 1fr;
        font-size: 11px;
    }

    .tm-process-header > :nth-child(4),
    .tm-process-row > :nth-child(4) {
        display: none;
    }
}

/* ═══════════════════════════════════════════════
   MOBILE RESPONSIVE — ≤ 768px
   Stack windows as elegant scrollable cards
   ═══════════════════════════════════════════════ */
@media (max-width: 768px) {
    body {
        overflow-y: auto;
        height: auto;
    }

    #desktop {
        height: auto;
        min-height: 100vh;
        overflow: visible;
        padding: 12px 10px;
        padding-bottom: calc(var(--taskbar-h) + 20px);
    }

    #desktop-icons {
        display: none;
    }

    /* ─── Windows → stacked cards ─── */
    .window {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: unset !important;
        min-height: unset;
        margin-bottom: 14px;
        border-radius: var(--radius);
    }

    .window.maximized {
        border-radius: var(--radius);
        height: auto !important;
    }

    .window-titlebar {
        cursor: default;
        height: 38px;
        padding: 0 10px;
    }

    .win-btn.minimize,
    .win-btn.maximize {
        display: none;
    }

    .window-body {
        max-height: none;
        overflow: visible;
        padding: 16px 14px;
    }

    /* ─── Taskbar ─── */
    :root {
        --taskbar-h: 46px;
    }

    #taskbar {
        gap: 6px;
        padding: 0 8px;
    }

    #start-btn {
        padding: 6px 10px;
        font-size: 0.78rem;
    }

    #start-btn span:not(.start-diamond) {
        display: none;
    }

    .taskbar-tab {
        padding: 5px 10px;
        font-size: 0.7rem;
    }

    #taskbar-tray {
        gap: 10px;
        padding-left: 6px;
    }

    #weather-widget {
        font-size: 0.75rem;
    }

    #weather-widget #weather-icon {
        display: none;
    }

    #clock {
        font-size: 0.72rem;
    }

    /* ─── Start Menu ─── */
    .start-menu {
        width: calc(100vw - 16px);
        left: 8px;
        right: 8px;
        max-width: 340px;
        max-height: calc(100vh - var(--taskbar-h) - 16px);
    }

    .start-pinned-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 4px;
    }

    .start-pin {
        padding: 10px 6px 8px;
    }

    .start-menu-list {
        max-height: 180px;
    }

    /* ─── About ─── */
    .avatar-ring {
        width: 70px;
        height: 70px;
    }

    .about-hero h1 {
        font-size: 1.25rem;
    }

    .about-terminal {
        padding: 12px;
    }

    .about-terminal pre {
        font-size: 0.7rem;
    }

    /* ─── Projects ─── */
    .project-grid {
        grid-template-columns: 1fr;
    }

    .project-card {
        padding: 14px;
    }

    .project-links {
        gap: 10px;
        flex-wrap: wrap;
    }

    /* ─── Certificates ─── */
    .cert-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 14px;
    }

    .cert-info h3 {
        white-space: normal;
    }

    /* ─── Explorer ─── */
    .explorer-body {
        flex-direction: column !important;
    }

    .explorer-sidebar {
        width: 100% !important;
        flex-direction: row !important;
        overflow-x: auto;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        padding: 6px 8px;
        gap: 2px;
    }

    .explorer-nav-item {
        padding: 6px 12px;
        white-space: nowrap;
        font-size: 0.75rem;
    }

    .explorer-nav-item.active {
        border-right: none;
        border-bottom: 2px solid var(--accent);
    }

    .explorer-grid {
        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
        gap: 10px;
        padding: 10px;
    }

    /* ─── Stats ─── */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .stat-value {
        font-size: 1.3rem;
    }

    .tech-name {
        width: 70px;
        font-size: 0.65rem;
    }

    .stats-footer {
        flex-direction: column;
        gap: 4px;
        text-align: center;
    }

    /* ─── Music ─── */
    .music-body {
        padding: 14px !important;
    }

    .music-controls {
        gap: 14px;
    }

    .music-volume {
        width: 80%;
    }

    .music-track-name {
        font-size: 0.95rem;
    }

    /* ─── Calendar ─── */
    .calendar-body {
        padding: 10px !important;
    }

    .cal-day {
        font-size: 11px;
    }

    .cal-day-label {
        font-size: 9px;
    }

    .cal-month-year {
        font-size: 14px;
    }

    /* ─── Calculator ─── */
    .calc-body {
        padding: 10px !important;
    }

    .calc-current {
        font-size: 1.5rem;
    }

    .calc-grid {
        gap: 6px;
    }

    /* ─── Games ─── */
    .folder-grid {
        justify-content: center;
    }

    .folder-item {
        width: 85px;
    }

    .ttt-board {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 4px;
        width: 100%;
        max-width: 250px;
    }

    .ttt-cell {
        width: auto;
        height: auto;
        aspect-ratio: 1;
        font-size: 1.6rem;
    }

    .mem-board {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 4px;
        width: 100%;
        max-width: 260px;
    }

    .mem-card {
        width: auto;
        height: auto;
        aspect-ratio: 1;
        font-size: 1.2rem;
    }

    .mine-board {
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: repeat(10, 1fr);
        gap: 1px;
        width: 100%;
        max-width: 290px;
        padding: 4px;
    }

    .mine-cell {
        width: auto;
        height: auto;
        aspect-ratio: 1;
        font-size: 0.75rem;
    }

    .mine-hud-box {
        font-size: 1rem;
        min-width: 48px;
        padding: 3px 6px;
    }

    .mine-smiley-btn {
        width: 36px;
        height: 36px;
        font-size: 1.4rem;
    }

    .game-hud {
        font-size: 0.7rem;
        padding: 4px 4px 8px;
    }

    /* ─── Task Manager ─── */
    .tm-tab {
        padding: 8px 10px;
        font-size: 10px;
    }

    .tm-process-header,
    .tm-process-row {
        grid-template-columns: 2fr 1fr;
        gap: 6px;
        padding: 6px 8px;
        font-size: 11px;
    }

    .tm-process-header > :nth-child(3),
    .tm-process-row > :nth-child(3),
    .tm-process-header > :nth-child(4),
    .tm-process-row > :nth-child(4) {
        display: none;
    }

    .tm-perf-grid {
        grid-template-columns: 1fr;
    }

    .tm-perf-value {
        font-size: 18px;
    }

    .tm-dialog {
        max-width: calc(100vw - 32px);
        padding: 20px 18px;
    }

    .tm-status-bar {
        font-size: 9px;
        padding: 4px 8px;
    }

    /* ─── Browser ─── */
    .browser-toolbar {
        padding: 6px 8px;
        gap: 4px;
    }

    .browser-nav-btn {
        width: 26px;
        height: 26px;
    }

    .browser-url-bar {
        height: 28px;
        font-size: 11px;
        padding: 0 8px;
    }

    .browser-bookmarks {
        padding: 3px 8px;
    }

    .browser-bookmark {
        font-size: 10px;
        padding: 3px 8px;
    }

    .browser-page {
        padding: 14px;
    }

    .browser-homepage h1 {
        font-size: 20px;
    }

    .browser-quick-links {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
        gap: 8px;
    }

    .browser-error-content {
        max-width: calc(100% - 24px);
        padding: 24px 16px;
    }

    .browser-error-title {
        font-size: 16px;
    }

    .browser-status {
        font-size: 9px;
    }

    /* ─── Settings ─── */
    .settings-body {
        padding: 14px !important;
    }

    .setting-row {
        flex-wrap: wrap;
        gap: 8px;
        padding: 12px;
    }

    /* ─── Paint ─── */
    .paint-toolbar {
        padding: 6px 8px;
        gap: 4px;
    }

    .paint-size-slider {
        width: 48px;
    }

    /* ─── Terminal ─── */
    .terminal-output {
        padding: 10px 12px;
    }

    /* ─── Notepad ─── */
    .notepad-toolbar {
        flex-wrap: wrap;
        gap: 4px;
        padding: 6px 8px;
    }

    .notepad-btn {
        padding: 4px 8px;
        font-size: 0.72rem;
    }

    /* ─── Contact ─── */
    .social-links {
        flex-wrap: wrap;
        gap: 10px;
    }

    .social-link {
        width: 38px;
        height: 38px;
    }

    /* ─── Lock Screen ─── */
    .lock-time {
        font-size: clamp(3rem, 14vw, 5rem);
    }

    .lock-avatar {
        width: 60px;
        height: 60px;
        font-size: 1.1rem;
    }

    .lock-user {
        font-size: 0.95rem;
        margin-bottom: 24px;
    }

    .lock-hint {
        font-size: 0.75rem;
    }

    /* ─── Boot ─── */
    .boot-logo {
        font-size: 2.4rem;
    }

    .boot-progress {
        width: 200px;
    }

    /* ─── Context Menu (hide on touch) ─── */
    .ctx-menu {
        display: none !important;
    }

    /* ─── Toast ─── */
    .toast-container {
        bottom: calc(var(--taskbar-h) + 10px);
        left: 10px;
        right: 10px;
        max-width: none;
    }

    .toast {
        font-size: 0.8rem;
        padding: 10px 12px;
    }

    /* ─── Mobile header ─── */
    #desktop::before {
        content: 'YakupOS';
        display: block;
        text-align: center;
        font-family: var(--font-mono);
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--accent);
        text-shadow: 0 0 20px var(--accent-glow);
        padding: 10px 0 16px;
        letter-spacing: 0.06em;
    }
}

/* ═══════════════════════════════════════════════
   SMALL MOBILE — ≤ 480px
   ═══════════════════════════════════════════════ */
@media (max-width: 480px) {
    #desktop {
        padding: 8px 6px;
        padding-bottom: calc(var(--taskbar-h) + 16px);
    }

    .window {
        margin-bottom: 10px;
        border-radius: var(--radius-sm);
    }

    .window-body {
        padding: 12px 10px;
    }

    .window-titlebar {
        height: 36px;
        padding: 0 8px;
    }

    .window-title {
        font-size: 0.75rem;
    }

    .about-hero h1 {
        font-size: 1.1rem;
    }

    .project-card {
        padding: 12px;
    }

    .cert-card {
        padding: 10px;
    }

    .stats-grid {
        gap: 6px;
    }

    .stat-value {
        font-size: 1.1rem;
    }

    .stat-card {
        padding: 10px 8px;
    }

    .ttt-board {
        max-width: 210px;
    }

    .ttt-cell {
        font-size: 1.3rem;
    }

    .mem-board {
        max-width: 220px;
    }

    .mem-card {
        font-size: 1rem;
    }

    .mine-board {
        max-width: 250px;
    }

    .mine-cell {
        font-size: 0.65rem;
    }

    .music-body {
        padding: 10px !important;
    }

    .music-controls {
        gap: 10px;
    }

    .music-btn-play {
        font-size: 1.8rem;
    }

    .start-menu {
        max-width: none;
        width: calc(100vw - 12px);
        left: 6px;
        right: 6px;
    }

    .start-pinned-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .browser-nav-btn:nth-child(2) {
        display: none;
    }

    .browser-go-btn {
        width: 26px;
        height: 26px;
    }

    .tm-tab {
        padding: 6px 6px;
        font-size: 9px;
        letter-spacing: 0;
    }

    .cal-grid {
        gap: 2px;
    }

    .cal-day {
        font-size: 10px;
        border-radius: 4px;
    }

    .lock-time {
        font-size: 3rem;
    }

    .lock-date {
        font-size: 0.82rem;
    }

    .lock-avatar {
        width: 52px;
        height: 52px;
        font-size: 1rem;
    }

    .boot-logo {
        font-size: 2rem;
    }

    .boot-progress {
        width: 160px;
    }

    .boot-text {
        font-size: 0.72rem;
    }
}

/* ═══════════════════════════════════════════════
   VERY SMALL — ≤ 360px (iPhone SE, Galaxy Fold)
   ═══════════════════════════════════════════════ */
@media (max-width: 360px) {
    .start-pinned-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mine-board {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(8, 1fr);
    }

    .ttt-board {
        max-width: 180px;
    }

    .mem-board {
        max-width: 190px;
    }

    .browser-bookmark:nth-child(n+3) {
        display: none;
    }

    .tm-process-header,
    .tm-process-row {
        font-size: 10px;
        padding: 5px 6px;
    }
}

/* ═══════════════════════════════════════════════
   LIGHT THEME OVERRIDES
   ═══════════════════════════════════════════════ */

/* ─── Taskbar ─── */
[data-theme="light"] #taskbar {
    background: rgba(255, 255, 255, 0.82);
    border-top-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] #start-btn {
    border-color: rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] #start-btn:hover,
[data-theme="light"] #start-btn.active {
    background: rgba(124, 92, 252, 0.12);
}

[data-theme="light"] .taskbar-tab {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .taskbar-tab:hover {
    background: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .taskbar-tab.active {
    background: rgba(124, 92, 252, 0.15);
    border-color: var(--accent);
}

/* ─── Start Menu ─── */
[data-theme="light"] .start-menu {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(22px) saturate(1.2);
}

[data-theme="light"] .start-menu-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] #start-search {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: var(--text-primary);
}

[data-theme="light"] #start-search:focus {
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .start-pin {
    background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .start-pin:hover {
    background: rgba(124, 92, 252, 0.1);
}

[data-theme="light"] .start-divider {
    background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .start-menu-item:hover {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .start-menu-footer {
    border-top-color: rgba(0, 0, 0, 0.08);
}

/* ─── Desktop Icons ─── */
[data-theme="light"] .desktop-icon:hover,
[data-theme="light"] .desktop-icon:focus-visible {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .icon-label {
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8);
}

/* ─── Windows ─── */
[data-theme="light"] .window {
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

[data-theme="light"] .window.focused {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 0 60px -10px var(--accent-glow);
}

[data-theme="light"] .window-titlebar {
    background: rgba(0, 0, 0, 0.04);
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

/* ─── Window Bodies ─── */
[data-theme="light"] .terminal-body,
[data-theme="light"] .folder-body,
[data-theme="light"] .games-body,
[data-theme="light"] .stats-body,
[data-theme="light"] .music-body,
[data-theme="light"] .settings-body,
[data-theme="light"] .explorer-body,
[data-theme="light"] .notepad-body,
[data-theme="light"] .calc-body,
[data-theme="light"] .paint-body,
[data-theme="light"] .calendar-body,
[data-theme="light"] .taskmanager-body,
[data-theme="light"] .browser-body {
    background: rgba(255, 255, 255, 0.5);
}

/* ─── Cards & Rows ─── */
[data-theme="light"] .project-card,
[data-theme="light"] .cert-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .stats-section,
[data-theme="light"] .music-playlist,
[data-theme="light"] .setting-row,
[data-theme="light"] .ttt-cell,
[data-theme="light"] .mem-card {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .project-card:hover,
[data-theme="light"] .cert-card:hover,
[data-theme="light"] .stat-card:hover {
    background: rgba(0, 0, 0, 0.07);
}

/* ─── Settings ─── */
[data-theme="light"] .settings-heading {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .setting-select {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(0, 0, 0, 0.2);
    color: var(--text-primary);
}

[data-theme="light"] .setting-select option {
    background: #ffffff;
    color: #111827;
}

[data-theme="light"] .color-dot.active {
    border-color: #111827;
}

[data-theme="light"] .settings-footer-info {
    color: var(--text-dim);
}

/* ─── Explorer ─── */
[data-theme="light"] .explorer-sidebar {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .explorer-nav-item {
    color: var(--text-primary);
}

[data-theme="light"] .explorer-nav-item:hover {
    background: rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .explorer-nav-item.active {
    background: rgba(124, 92, 252, 0.1);
}

[data-theme="light"] .explorer-path {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--text-primary);
}

/* ─── Notepad / Calculator ─── */
[data-theme="light"] .notepad-toolbar,
[data-theme="light"] .calc-display {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .notepad-textarea {
    background: rgba(255, 255, 255, 0.6);
    color: var(--text-primary);
}

[data-theme="light"] .notepad-btn,
[data-theme="light"] .calc-btn {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--text-primary);
}

[data-theme="light"] .notepad-btn:hover,
[data-theme="light"] .calc-btn:hover {
    background: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .calc-op {
    background: rgba(0, 229, 255, 0.1);
}

[data-theme="light"] .calc-equal {
    background: var(--accent);
    color: white;
}

[data-theme="light"] .calc-equal:hover {
    background: #8b6dfc;
}

/* ─── Terminal ─── */
[data-theme="light"] .terminal-input-row {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .terminal-input {
    color: var(--text-primary);
}

[data-theme="light"] .terminal-prompt {
    color: var(--accent);
}

/* ─── About ─── */
[data-theme="light"] .about-terminal {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .about-terminal pre,
[data-theme="light"] .about-terminal code {
    color: var(--text-secondary);
}

/* ─── Music ─── */
[data-theme="light"] .playlist-item {
    color: var(--text-primary);
}

[data-theme="light"] .playlist-item:hover,
[data-theme="light"] .folder-item:hover {
    background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .music-progress-bar {
    background: rgba(0, 0, 0, 0.08);
}

/* ─── Contact Form ─── */
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group textarea {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.12);
    color: var(--text-primary);
}

[data-theme="light"] .form-group label {
    color: var(--text-primary);
}

[data-theme="light"] .send-btn {
    background: var(--accent);
    color: white;
}

/* ─── Games ─── */
[data-theme="light"] .ttt-cell:hover:not(.taken),
[data-theme="light"] .mem-card:hover:not(.flipped):not(.matched) {
    background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] #snake-canvas {
    background: rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .game-hud,
[data-theme="light"] .game-hint {
    color: var(--text-primary);
}

[data-theme="light"] .game-btn {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--text-primary);
}

/* ─── Minesweeper ─── */
[data-theme="light"] .mine-hud-box {
    background: rgba(0, 0, 0, 0.06);
    color: var(--text-primary);
}

[data-theme="light"] .mine-cell {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .mine-cell.revealed {
    background: rgba(255, 255, 255, 0.6);
}

/* ─── Stats bars ─── */
[data-theme="light"] .stat-bar,
[data-theme="light"] .tech-bar {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .stats-footer {
    color: var(--text-dim);
}

/* ─── Calendar ─── */
[data-theme="light"] .cal-day {
    color: var(--text-primary);
}

[data-theme="light"] .cal-day.other-month {
    color: var(--text-dim);
}

[data-theme="light"] .cal-nav-btn {
    color: var(--text-primary);
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}

/* ─── Task Manager ─── */
[data-theme="light"] .tm-tab {
    background: rgba(0, 0, 0, 0.04);
    color: var(--text-secondary);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .tm-tab.active {
    background: rgba(255, 255, 255, 0.6);
    color: var(--text-primary);
}

[data-theme="light"] .tm-process-header {
    background: rgba(0, 0, 0, 0.04);
    color: var(--text-secondary);
}

[data-theme="light"] .tm-process-row {
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--text-primary);
}

[data-theme="light"] .tm-status-bar {
    background: rgba(0, 0, 0, 0.04);
    color: var(--text-secondary);
}

[data-theme="light"] .tm-perf-card {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .tm-usage-bar {
    background: rgba(0, 0, 0, 0.06);
}

/* ─── Browser ─── */
[data-theme="light"] .browser-toolbar {
    background: rgba(0, 0, 0, 0.04);
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .browser-url-bar {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(0, 0, 0, 0.15);
    color: var(--text-primary);
}

[data-theme="light"] .browser-nav-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--text-secondary);
}

[data-theme="light"] .browser-bookmarks {
    background: rgba(0, 0, 0, 0.02);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .browser-viewport {
    background: #f0f0f5;
}

[data-theme="light"] .browser-page {
    background: #f0f0f5;
    color: var(--text-secondary);
}

[data-theme="light"] .browser-page h1 {
    color: var(--text-primary);
}

[data-theme="light"] .browser-page .search-box {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(0, 0, 0, 0.12);
    color: var(--text-primary);
}

[data-theme="light"] .browser-quick-link {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--text-secondary);
}

[data-theme="light"] .browser-status {
    background: rgba(0, 0, 0, 0.04);
    border-top-color: rgba(0, 0, 0, 0.06);
}

/* ─── Paint ─── */
[data-theme="light"] .paint-toolbar {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .paint-tool {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .paint-status {
    background: rgba(0, 0, 0, 0.04);
    color: var(--text-secondary);
}

/* ─── Gallery lightbox ─── */
[data-theme="light"] .gallery-caption {
    color: var(--text-primary);
}

/* ─── Certificates ─── */
[data-theme="light"] .cert-badge {
    color: var(--accent);
}

[data-theme="light"] .cert-verify {
    color: var(--accent);
}

/* ─── Boot progress ─── */
[data-theme="light"] .boot-progress {
    background: rgba(0, 0, 0, 0.08);
}