.review-app { min-height:100vh; background:#f4f7fb; color:var(--ink); padding-bottom:env(safe-area-inset-bottom); }
.review-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; background:#13243b; color:#fff; }
.review-brand { font-size:19px; font-weight:800; }
.review-brand span { color:#8db5ff; }
.review-identity { color:#d6e2f1; font-size:12px; margin-top:2px; }
.review-logout { min-height:44px; color:#fff; background:rgba(255,255,255,.14); }
.review-tabs { position:sticky; top:0; z-index:10; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border-bottom:1px solid var(--line); }
.review-tab { min-height:50px; border-radius:0; padding:8px 4px; color:var(--muted); background:#fff; font-size:13px; }
.review-tab.active { color:var(--blue); background:var(--blue-soft); box-shadow:inset 0 -3px 0 var(--blue); }
.review-count { display:inline-flex; min-width:20px; min-height:20px; align-items:center; justify-content:center; margin-left:4px; padding:0 5px; border-radius:999px; color:#fff; background:var(--blue); font-size:11px; }
.review-main { max-width:760px; margin:0 auto; padding:16px 14px 34px; }
.review-live { min-height:0; }
.review-panel, .review-card { margin-bottom:14px; padding:16px; background:#fff; border:1px solid var(--line); border-radius:13px; box-shadow:0 3px 14px rgba(20,35,55,.04); }
.review-panel h1 { margin:0; font-size:22px; }
.review-panel h2, .review-card h2 { margin:0 0 10px; font-size:17px; }
.review-section-head, .review-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.review-detail-head > span { min-width:0; max-width:52%; overflow-wrap:anywhere; text-align:right; }
.review-detail-head code { overflow-wrap:anywhere; word-break:break-all; }
.review-risk-row { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px 8px; color:var(--muted); font-size:11px; white-space:nowrap; }
.review-task-card { margin:11px 0; padding:14px; border:1px solid var(--line); border-radius:11px; background:#fff; cursor:pointer; }
.review-task-card:hover { border-color:var(--blue); }
.review-task-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.review-task-card h2 { margin:9px 0 5px; font-size:16px; overflow-wrap:anywhere; }
.review-claim-preview { margin:0; color:#34414e; font-size:14px; overflow-wrap:anywhere; }
.review-task-meta { display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:10px; color:var(--muted); font-size:12px; }
.review-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.review-card-actions button, .review-action-grid button { min-height:44px; }
.review-empty { padding:26px 8px; color:var(--muted); text-align:center; }
.review-notification { padding:12px 0; border-bottom:1px solid #edf0f2; }
.review-notification:last-child { border-bottom:0; }
.review-notification.unread { padding-left:9px; border-left:3px solid var(--blue); }
.review-notification p { margin:5px 0 0; color:var(--muted); font-size:12px; }
.review-detail-toolbar { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.review-back { min-height:44px; }
.review-detail-head h1 { font-size:20px; overflow-wrap:anywhere; }
.review-disclaimer { margin-bottom:14px; padding:11px 12px; border-left:3px solid var(--blue); background:var(--blue-soft); color:#274d86; font-size:13px; }
.review-label { margin:9px 0 3px; color:var(--muted); font-size:12px; font-weight:700; }
.review-long-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.review-json { white-space:pre-wrap; word-break:break-word; overflow:auto; max-height:360px; background:#f7f8fa; border-radius:10px; padding:12px; font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
.review-evidence { margin:9px 0; padding:10px 11px; border-left:3px solid #8fa1b6; background:#f7f9fb; overflow-wrap:anywhere; }
.review-evidence.supports { border-left-color:var(--green); background:var(--green-soft); }
.review-evidence.refutes { border-left-color:var(--red); background:var(--red-soft); }
.review-evidence small { display:block; margin-top:5px; color:var(--muted); }
.review-fields { display:grid; gap:12px; }
.review-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.review-decision-form fieldset { margin:0; padding:0; border:0; }
.review-decision-form legend { margin-bottom:12px; font-size:17px; font-weight:800; }
.review-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:13px; }
.review-action-grid button { padding:9px 8px; }
.review-form-hint { margin:11px 0 0; color:var(--muted); font-size:12px; }
.review-release { margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.review-release summary { min-height:44px; padding:9px 0; color:var(--blue); cursor:pointer; font-weight:700; }
.review-readonly { padding:10px 12px; color:var(--muted); background:#f7f9fb; border-radius:8px; }
.review-status-claimed { color:var(--blue); background:var(--blue-soft); }
.review-status-completed { color:var(--green); background:var(--green-soft); }
.review-status-escalated { color:var(--yellow); background:var(--yellow-soft); }
.review-status-stale, .review-status-cancelled { color:var(--red); background:var(--red-soft); }
.review-login { margin-top:10vh; }
@media (max-width:420px) {
  .review-main { padding-left:10px; padding-right:10px; }
  .review-panel, .review-card { padding:13px; }
  .review-form-grid, .review-action-grid { grid-template-columns:1fr; }
  .review-section-head, .review-detail-head { display:block; }
  .review-risk-row { justify-content:flex-start; margin-top:8px; }
}
@media (max-width:699px) {
  .review-decision-form { padding-bottom:calc(184px + env(safe-area-inset-bottom)); }
  .review-action-grid { position:fixed; left:0; right:0; bottom:0; z-index:20; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:8px 10px calc(8px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.97); border-top:1px solid var(--line); box-shadow:0 -5px 18px rgba(20,35,55,.12); }
}
@media (min-width:700px) {
  .review-action-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
