/* 重説アシスタントの画面（Bootstrap 5 の上に、この画面だけの見た目を足す。photo-processor と同じ作り） */
:root {
  --ok: #1a7f37;
  --error: #c62828;
  --warn-bg: #fff4d6;
  --muted: #667085;
  --line: #d0d5dd;
  --page-bg: #f3f5f8;
  --app-font: "Noto Sans JP Variable", "Noto Sans JP", "Yu Gothic UI", "Hiragino Sans", sans-serif;
  --bs-font-sans-serif: var(--app-font);
  --bs-body-font-family: var(--app-font);
  --bs-body-font-size: .875rem;
  --bs-body-line-height: 1.6;
  --bs-body-color: #1e293b;
}
body { background: var(--page-bg); font-feature-settings: "palt" 1; letter-spacing: .02em; -webkit-font-smoothing: antialiased; }
h1, h2, h3, .brand { color: #0f172a; font-weight: 700; letter-spacing: .04em; }
table td { font-variant-numeric: tabular-nums; }
.hidden { display: none !important; }
.note { color: var(--muted); font-size: 12.5px; margin: 6px 0; }
ul.note { font-size: 12px; padding-left: 18px; }
.error { color: var(--error); }
.ok { color: var(--ok); }
.form-label { font-size: 13px; font-weight: 600; margin-bottom: 2px; }
.btn { white-space: nowrap; }
.stack { display: flex; flex-direction: column; gap: 12px; }

/* 上の帯 */
.topbar { position: sticky; top: 0; z-index: 1030; display: flex; align-items: center; justify-content: space-between; padding: 6px 20px; background: #1e293b; color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.topbar .brand { font-size: 16px; color: #fff; letter-spacing: .08em; text-decoration: none; }
.topbar .menu { display: flex; gap: 2px; margin-left: 24px; flex: 1; }
.topbar .menu a { color: #cbd5e1; text-decoration: none; padding: 4px 12px; border-radius: 6px; font-size: 14px; }
.topbar .menu a.active, .topbar .menu a:hover { color: #fff; background: rgba(255,255,255,.12); }
.me { display: flex; align-items: center; gap: 2px; }
.me .who { margin-right: 10px; color: #cbd5e1; font-size: 13px; }
.me .btn { color: #e2e8f0; }
.me .btn:hover { color: #fff; background: rgba(255,255,255,.1); }

.page { max-width: 1240px; margin: 0 auto; padding: 16px; }
.card { margin-bottom: 16px; }
.card h2 { font-size: 16px; margin: 0 0 12px; }
.card h3 { font-size: 14px; margin: 16px 0 6px; }

/* 一覧 */
.list td, .list th { vertical-align: middle; }
.list tr[data-href] { cursor: pointer; }
.badge-status { font-weight: 600; }

/* 位置の地図 */
#map { height: 460px; border-radius: 8px; border: 1px solid var(--line); }
.cand { cursor: pointer; }
.cand.active { background: #e0ecff; }

/* 結果 */
.result-table td.check, .result-table tr.check td { background: var(--warn-bg); }
.maps-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.maps-grid figure { margin: 0; background: #fff; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.maps-grid img { width: 100%; display: block; cursor: zoom-in; aspect-ratio: 16 / 11; object-fit: cover; object-position: 60% 50%; }
.maps-grid figcaption { padding: 6px 10px; font-size: 13px; }
.tasks li { margin-bottom: 4px; }
.progress-box { padding: 16px; background: #eef4ff; border-radius: 8px; }

/* AI チェック */
.ai-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 900px) { .ai-cols { grid-template-columns: 1fr; } }
.issue { border-left: 4px solid var(--line); padding: 6px 10px; margin-bottom: 8px; background: #fff; }
.issue.lv-重大 { border-color: #d92d20; }
.issue.lv-要確認 { border-color: #f79009; }
.issue.lv-軽微 { border-color: #98a2b3; }
.issue .where { color: var(--muted); font-size: 12px; }

/* ログイン */
.login-body { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-card { width: 360px; }
.login-card h1 { font-size: 20px; margin-bottom: 16px; }

/* 右上のお知らせ */
#toast-box { top: 50px; }
.result-table td:first-child, .result-table th:first-child { white-space: nowrap; }