/* index.html page-specific styles. Extracted 20260702. */

/* ===== page-style ===== */
*,*::before,*::after{transition:background-color .3s ease,border-color .3s ease,color .15s ease}

/* ===== button-fix ===== */
    /* Button fix: ensure padding is applied */
    .btn { padding: var(--space-2) var(--space-4) !important; min-height: 36px; }
    .btn--sm { padding: var(--space-1) var(--space-3) !important; min-height: 28px; }
    .btn--lg { padding: var(--space-3) var(--space-6) !important; min-height: 44px; }
    .btn--icon { padding: var(--space-2) !important; }
    .btn--icon.btn--sm { width: 28px !important; height: 28px !important; min-height: 28px !important; }
    .btn--icon.btn--lg { width: 44px !important; height: 44px !important; min-height: 44px !important; }
    .btn--block { width: 100% !important; }
    /* Tab fix */
    .tab { padding: var(--space-2) var(--space-4) !important; min-height: 36px; display: inline-flex; align-items: center; }
    /* Input fix */
    .input, .textarea, .select { padding: var(--space-3) var(--space-4) !important; }
    

/* ===== login-fix ===== */
    /* Login page fix: ensure content fits viewport */
    .auth-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow-y: auto; }
    .auth-card { padding: var(--space-6); max-width: 420px; width: 100%; margin: var(--space-4) auto; }
    .login-card, .login-overlay .card { padding: var(--space-6); max-width: 420px; width: 100%; margin: var(--space-4) auto; }
    /* Ensure form fits */
    .auth-form-panel { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: var(--space-4); }
    .form-group { margin-bottom: var(--space-4); }
    /* Fix login button to be fully visible */
    .btn--lg { min-height: 44px; padding: var(--space-3) var(--space-6); }