/* 登入頁: 單欄版型, 頂部列放 LOGO, 登入表單置中 */
.auth-shell {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

/* 頂部列與登入後頁面的導覽列同一個位置與分隔線, 換頁時 LOGO 不會跳動 */
.auth-header {
    padding: var(--space-4);
    border-bottom: 2px solid var(--color-divider);
}

.auth-brand { display: inline-block; text-decoration: none; }
.auth-logo { display: block; width: 168px; max-width: 100%; height: auto; }

.auth-main {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-8) var(--space-4);
}

.auth-form { width: 100%; max-width: 380px; }
.auth-title { font-size: 28px; margin-bottom: var(--space-6); }
.auth-seg { margin-bottom: var(--space-6); }
.auth-tab-desc { font-size: 13px; margin-bottom: var(--space-4); }
.google-signin { display: flex; justify-content: center; min-height: 44px; margin-top: var(--space-2); }
.auth-message { margin-top: var(--space-3); text-align: center; }

.auth-disclaimer {
    font-size: 11px;
    text-align: center;
    padding: var(--space-4);
}

/* 平板以下與登入後頁面的頂部列一致: 縮小 LOGO, 間距改用頁面邊距 */
@media (max-width: 1023.98px) {
    .auth-header { padding: var(--space-2) var(--page-gutter); }
    .auth-logo { width: 124px; }
    .auth-main { align-items: flex-start; padding: var(--space-8) var(--page-gutter); }
}

@media (max-width: 639.98px) {
    .auth-main { padding-top: var(--space-6); }
    .auth-title { font-size: 24px; margin-bottom: var(--space-4); }
}