/* Desk app. Same look as the Content Engine review app (Zite): its colours, Barlow type, eyebrow, home cards and orange actions,
   copied from that app's index.css tokens and review.css so every page Gil opens reads as one product. */
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@700&display=swap");
:root {
  --bg:hsl(225 7% 12%); --fg:hsl(212 25% 90%); --card:#152236; --cardActive:#1A2C45; --rule:#22344F; --muted:#8CA3BE;
  --accent:#F26419; --accentActive:#D9530F; --onAccent:#0B1829; --link:#2A8EFF;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; background:var(--bg); }
body { margin:0; min-height:100dvh; background:var(--bg); color:var(--fg); font:16px/1.5 'Barlow',Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--link); }

.review-home { max-width:560px; margin:0 auto; min-height:100dvh; display:flex; flex-direction:column; padding:clamp(12px,2.6dvh,22px) 22px max(16px,env(safe-area-inset-bottom)); }
.review-eyebrow { margin:0 0 4px; font-size:18px; line-height:1.25; font-weight:700; letter-spacing:.06em; color:var(--muted); border-left:3px solid var(--accent); padding-left:10px; }
.home-title { margin:0 0 clamp(10px,2dvh,20px); font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:48px; line-height:1; letter-spacing:0; white-space:nowrap; color:var(--fg); }

.home-card-list { flex:1 1 auto; min-height:0; display:grid; grid-auto-rows:minmax(64px,1fr); gap:clamp(8px,1.4dvh,14px); max-height:760px; }
.home-card {
  display:grid; grid-template-columns:24px minmax(0,1fr) 18px; align-items:center; gap:10px; padding:12px 14px; min-height:64px;
  background:var(--card); border:1px solid var(--rule); border-radius:14px; color:inherit; text-decoration:none;
}
.home-card:active { background:var(--cardActive); transform:scale(.98); }
.home-card:focus-visible { outline:2px solid var(--link); outline-offset:2px; }
.home-card-icon { width:24px; height:24px; color:hsl(30 100% 50%); }
.home-card-label { font-weight:600; font-size:clamp(24px,3.6dvh,32px); line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.home-card-chevron { width:18px; height:18px; color:var(--muted); }
.foot { margin:16px 0 0; font-size:13px; color:var(--muted); }

/* Signed-out fallback page for the run-list function (kept for the later move of Open Items onto this host). */
.wrap { max-width:560px; margin:0 auto; padding:20px 22px 56px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--rule); }
.brand { display:flex; align-items:center; gap:10px; color:var(--fg); text-decoration:none; font-weight:700; }
.brand img { width:28px; height:28px; border-radius:6px; }
.top nav a { color:var(--muted); text-decoration:none; padding:10px 12px; border-radius:8px; }
.top nav a[aria-current="page"] { color:var(--fg); background:var(--card); }
h1 { color:var(--fg); font-size:28px; line-height:1.2; margin:24px 0 6px; }
.sub, .count { margin:0 0 16px; color:var(--muted); }
.list { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.item { background:var(--card); border:1px solid var(--rule); border-radius:18px; padding:16px; }
.item .meta { display:flex; flex-wrap:wrap; gap:8px; font-size:13px; color:var(--muted); }
.item .pri.Urgent, .item .pri.High { color:var(--accent); font-weight:700; }
.item h2 { margin:6px 0 8px; font-size:18px; line-height:1.3; color:var(--fg); }
.item .need { margin:0 0 12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.item .acts { display:flex; flex-wrap:wrap; gap:10px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:56px; padding:0 20px; border-radius:9999px; border:2px solid var(--accent); color:var(--accent); text-decoration:none; font-weight:700; font-size:17px; }
.btn.primary { background:var(--accent); color:var(--onAccent); }
.empty, .err { background:var(--card); border:1px solid var(--rule); border-radius:18px; padding:24px; color:var(--fg); }
.err { border-color:var(--accent); }