.pt-nav { display: flex; gap: 8px; overflow-x: auto; padding: 8px 16px; background: #fff; border-bottom: 1px solid var(--at-border); position: sticky; top: 52px; z-index: 9; }
.pt-nav a { white-space: nowrap; color: var(--at-primary); text-decoration: none; font-size: .9rem; padding: 6px 10px; border-radius: 999px; background: var(--at-bg); }
.pt-top { display: flex; justify-content: space-between; align-items: center; color: var(--at-muted); font-size: .85rem; margin-bottom: 12px; }
.at-btn.small { padding: 6px 10px; font-size: .85rem; }
.at-btn.big, select.big, input.big { width: 100%; font-size: 1.1rem; padding: 12px; margin: 6px 0 12px; border-radius: var(--at-radius); border: 1px solid var(--at-border); }
.at-btn.big { color: #fff; border: 0; }
.at-btn.big.outline { color: var(--at-primary); background: var(--at-card); border: 1px solid var(--at-primary); }  /* 「ログイン」ボタンが白地に白文字で見えなくなる不具合の修正（2026-09-18 iPhone 実機で発見） */
.msg-err { color: var(--at-danger); }
.muted { color: var(--at-muted); }
.status-error { border-color: var(--at-danger); box-shadow: inset 4px 0 0 var(--at-danger); }
.status-stale { box-shadow: inset 4px 0 0 var(--at-warn); }
.status-ok { box-shadow: inset 4px 0 0 var(--at-ok); }
@media (min-width: 900px) { .at-main { max-width: 1100px; } }
.msg-ok { color: var(--at-ok); }
.pk-or { text-align: center; margin: 4px 0 10px; font-size: .9rem; }
.pk-list { list-style: none; padding: 0; margin: 0; }
.pk-list li form { margin-top: 8px; }
.pk-table-wrap { overflow-x: auto; }
.pk-table { border-collapse: collapse; width: 100%; font-size: .9rem; background: #fff; }
.pk-table th, .pk-table td { border-bottom: 1px solid var(--at-border); padding: 8px; text-align: left; white-space: nowrap; }
.mono { font-family: ui-monospace, Menlo, monospace; font-size: .8rem; }
.at-header-right a { margin-left: 4px; }
@media (max-width: 480px) { .at-header-right { font-size: .75rem; } }