/* ═══════════════════════════════════════════════════════════════════════════════
 * Einblick Nexus PWA — Watch Mode (≤ 250px)
 * ═══════════════════════════════════════════════════════════════════════════════
 * Optimized for WearOS / Samsung Galaxy Watch (40-44mm).
 * AMOLED-first: pure black, large touch targets, no scrolling on decisions.
 * Reference: 005 Plan — PARTE IV §4.1b, PARTE XLII §42.4
 * ═══════════════════════════════════════════════════════════════════════════════ */

@media screen and (max-width: 250px) {
    /* ── Hide mobile-only elements ── */
    .top-bar,
    .bottom-nav {
        display: none !important;
    }

    /* ── Full-screen usage ── */
    body {
        font-size: var(--fs-lg);   /* 18px minimum on watch */
        font-weight: var(--fw-semibold);
    }

    .view-container {
        padding: var(--sp-2);
    }

    /* ── Auth screen: compact ── */
    .auth-logo-icon {
        font-size: var(--fs-2xl);
    }

    .auth-logo-text {
        font-size: var(--fs-lg);
    }

    .auth-subtitle {
        display: none;  /* Too small for watch */
    }

    .pin-display {
        padding: var(--sp-2) 0;
    }

    .pin-dot {
        width: 10px;
        height: 10px;
    }

    .pin-pad {
        max-width: 180px;
        gap: var(--sp-1);
    }

    .pin-key {
        height: 36px;
        font-size: var(--fs-base);
        border-radius: var(--radius-sm);
    }

    /* ── Idle pulse: center screen ── */
    .idle-view {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        gap: var(--sp-2);
        text-align: center;
    }

    .idle-indicator {
        width: 48px;
        height: 48px;
        border-radius: var(--radius-full);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--fs-2xl);
    }

    .idle-indicator--ok {
        background: var(--accent-green);
        box-shadow: var(--shadow-glow-green);
        animation: pulse-green 3s infinite;
    }

    .idle-indicator--warning {
        background: var(--accent-yellow);
        box-shadow: var(--shadow-glow-yellow);
        animation: pulse-yellow 2s infinite;
    }

    .idle-indicator--critical {
        background: var(--accent-red);
        box-shadow: var(--shadow-glow-red);
        animation: pulse-red 1s infinite;
    }

    .idle-status-text {
        font-size: var(--fs-base);
        font-weight: var(--fw-bold);
    }

    .idle-metrics {
        display: flex;
        flex-direction: column;
        gap: 2px;
        font-size: var(--fs-sm);
        color: var(--text-secondary);
    }

    .idle-live-bar {
        font-size: var(--fs-xs);
        color: var(--text-tertiary);
        letter-spacing: 0.1em;
    }

    /* ── Decision card: fit to watch screen ── */
    .decision-overlay {
        padding: var(--sp-2);
    }

    .decision-card {
        padding: var(--sp-3);
        gap: var(--sp-2);
        border-radius: var(--radius-md);
    }

    .decision-card__severity {
        font-size: var(--fs-xs);
    }

    .decision-card__title {
        font-size: var(--fs-base);
    }

    .decision-card__detail {
        font-size: var(--fs-sm);
        /* Limit to 2 lines on watch */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .decision-card__agent {
        font-size: var(--fs-xs);
    }

    .decision-card__actions {
        gap: var(--sp-1);
        margin-top: var(--sp-1);
    }

    .btn {
        min-height: 38px;
        padding: var(--sp-2);
        font-size: var(--fs-sm);
        border-radius: var(--radius-sm);
    }

    /* ── Toast: minimal on watch ── */
    .toast-container {
        top: var(--sp-2);
        left: var(--sp-2);
        right: var(--sp-2);
    }

    .toast {
        padding: var(--sp-2);
        font-size: var(--fs-xs);
        border-radius: var(--radius-sm);
    }
}