/* 認証なし化（パスキー／メールリンク）で増えた画面の追加スタイル。common.css の変数を使う。 */
[hidden] { display: none !important; }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.text-muted { color: var(--text-muted); }

.terms-check {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-weight: 500;
    color: var(--text-secondary);
}

.inline-form { display: inline; margin: 0; }

.navigation .link-button {
    background: none;
    border: 0;
    cursor: pointer;
    font: inherit;
    color: var(--text-secondary);
    font-size: 0.9rem;
    padding: 0.25rem 0.5rem;
    border-radius: var(--border-radius-sm);
    text-decoration: underline;
}

.passkey-list { list-style: none; margin: 0 0 1rem; padding: 0; }

.passkey-item {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    display: grid;
    gap: 0.5rem;
}

.passkey-rename { display: flex; gap: 0.5rem; align-items: center; }
.passkey-rename .form-input { flex: 1 1 auto; margin: 0; }
.passkey-meta { color: var(--text-secondary); }
.passkey-item .btn { width: auto; }
/* フッターのナビ：ログアウト（POST フォームのボタン）を他のリンクと同じ見た目・高さにそろえる */
.navigation { align-items: center; }
.navigation .inline-form { display: inline-flex; }
.navigation .link-button {
    width: auto;
    margin: 0;
    line-height: inherit;
    text-decoration: none;
    box-shadow: none;
}
.navigation .link-button:hover { background: none; color: var(--text-primary); }
@media screen and (max-width: 600px) {
    .navigation .inline-form { display: block; width: 100%; }
    .navigation .link-button { display: block; width: 100%; padding: 0.5rem 1rem; font-size: 0.85rem; text-align: center; }
}

/* ファイル選択ボタンを .btn--secondary 相当に */
input[type="file"]::file-selector-button {
    font: inherit;
    font-size: 0.9rem;
    margin-right: 0.75rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    background-color: var(--bg-container);
    color: var(--text-primary);
    cursor: pointer;
}
input[type="file"]::file-selector-button:hover { background-color: #f1f5f9; }