/* Phase 1: network presence, status review flags, campaign metadata,
   simplified navigation, and the proof tutorial. Uses the shared tokens. */

/* Simplified primary navigation */
.primary-nav.primary-nav-simple { gap:clamp(14px, 1.8vw, 26px); }
.primary-nav-simple > button[data-action="open-mission-wizard"] { color:var(--cyan); }

/* All destinations inside "More" */
.more-destinations { margin:0 0 16px; }
.more-destinations .eyebrow { margin-bottom:8px; }
.more-destination-list { display:flex; flex-wrap:wrap; gap:7px; }

/* Network presence counts */
.presence-panel { margin-top:26px; }
.presence-head { margin-bottom:14px; }
.presence-head .section-title { font-size:27px; }
.presence-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.presence-count { display:grid; align-content:start; gap:6px; min-height:96px; padding:14px; color:var(--ink); text-align:left; border:1px solid var(--line-strong); border-radius:var(--radius-sm); background:var(--surface-card-2); cursor:pointer; transition:border-color .15s, background .15s; }
.presence-count:hover { border-color:var(--cyan); background:var(--surface-hover); }
.presence-count strong { font:600 28px var(--font-mono); font-variant-numeric:tabular-nums; color:var(--ink-strong); }
.presence-count span { color:var(--muted); font-size:12px; line-height:1.35; }
.presence-modal { max-width:640px; }
.presence-definition { margin:0 0 16px; color:var(--muted); line-height:1.6; }
.presence-list { display:grid; gap:6px; max-height:min(46vh,420px); margin:0 0 18px; padding:0; overflow:auto; list-style:none; }
.presence-list button { display:grid; gap:2px; width:100%; padding:10px 12px; color:var(--ink); text-align:left; border:1px solid var(--line); border-radius:10px; background:var(--surface-card); cursor:pointer; }
.presence-list button:hover { border-color:var(--line-strong); background:var(--surface-hover); }
.presence-list small { color:var(--muted); }
.presence-zero { margin-bottom:18px; }

/* Status review */
.status-review-flag { display:inline-block; margin:6px 0 0; padding:3px 8px; color:var(--gold); font:500 10px var(--font-mono); border:1px solid rgba(234,203,131,.4); border-radius:999px; }
.record-review-banner { margin:0 0 16px; padding:12px 14px; color:var(--ink); line-height:1.5; border:1px solid rgba(234,203,131,.45); border-left:4px solid var(--gold); border-radius:var(--radius-sm); background:rgba(234,203,131,.08); }

/* Phase 2 personal workflow */
.p2-workspace { margin-top:36px; }
.p2-workspace .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.p2-work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:18px 0; }
.p2-work-grid h3,.p2-opportunities h3 { margin:0 0 14px; }
.p2-status { padding:12px 14px; border-left:3px solid var(--cyan); background:rgba(71,213,218,.07); color:var(--muted); }
.p2-work-row,.p2-mission { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 0; border-top:1px solid var(--line); }
.p2-work-row span,.p2-mission div { display:grid; gap:5px; min-width:0; }
.p2-work-row small,.p2-mission small { color:var(--muted); font-size:11px; line-height:1.45; }
.p2-work-row b { flex:none; color:var(--cyan); font:500 10px var(--font-mono); text-align:right; }
.p2-mission .btn { flex:none; }
.p2-opportunities { margin-top:16px; }
.p2-review-item { display:grid; gap:9px; padding:14px 0; border-top:1px solid var(--line); }
.p2-review-item small { color:var(--muted); }
.p2-review-item textarea,.p2-nomination-grid input,.p2-nomination-grid textarea { width:100%; box-sizing:border-box; }
.p2-review-item label,.p2-nomination-grid label { display:grid; gap:6px; color:var(--muted); font-size:12px; }
.p2-review-item .p2-conflict { display:flex; align-items:center; }
.p2-nomination-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; }
.p2-nomination-grid label:nth-child(3),.p2-nomination-grid label:nth-child(4),.p2-nomination-grid label:nth-child(5),.p2-nomination-grid label:nth-child(6) { grid-column:1/-1; }
@media(max-width:760px) { .p2-work-grid { grid-template-columns:1fr; } .p2-workspace .section-head { align-items:flex-start; } .p2-work-row,.p2-mission { align-items:flex-start; } }
.campaign-meta { margin:10px 0 0; color:var(--muted); font-size:13px; }
.campaign-meta strong { color:var(--gold); font-weight:600; }
.network-status-note { display:block; margin-top:6px; color:var(--muted); font-size:12px; }
.positioning-note { max-width:760px; margin:-6px 0 22px; color:var(--muted); line-height:1.6; }

/* Proof tutorial */
.proof-tutorial { margin-top:26px; }
.proof-tutorial-closed h2 { margin:6px 0 8px; }
.proof-tutorial-closed p { color:var(--muted); }
.proof-tutorial-banner { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; padding:12px 14px; border:1px dashed var(--gold); border-radius:var(--radius-sm); background:rgba(234,203,131,.08); }
.proof-tutorial-banner .btn { margin-left:auto; }
.proof-tutorial-pointer { margin:0 0 18px; color:var(--muted); }

/* Visible focus for the new controls */
.presence-count:focus-visible, .presence-list button:focus-visible, .more-destination-list .btn:focus-visible, .primary-nav-simple button:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }

@media (prefers-reduced-motion: reduce) { .presence-count, .presence-list button { transition:none; } }
@media (max-width:620px) {
  .presence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .presence-count { min-height:84px; padding:12px; }
  .presence-count strong { font-size:24px; }
  .proof-tutorial-banner .btn { margin-left:0; }
}
/* Phase 3 keeps institutional controls in the existing signed-in workspace. */
.p3-workspace { margin-top:28px; }
.p3-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.p3-grid .panel { min-width:0; }
.p3-grid h3 { margin:0 0 14px; }
.p3-record { display:grid; gap:5px; padding:12px 0; border-top:1px solid var(--border); overflow-wrap:anywhere; }
.p3-record:first-of-type { border-top:0; }
.p3-record small { color:var(--muted); line-height:1.45; }
.p3-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:7px; }
.p3-actions input:not([type="checkbox"]),.p3-actions textarea { min-width:180px; flex:1; }
.p3-workspace input[type="checkbox"] { width:auto; min-width:0; flex:none; }
.p3-private { white-space:pre-wrap; }
.p3-entry,.p3-form { border:1px solid var(--border); border-radius:12px; padding:14px; margin-top:14px; background:var(--surface); }
.p3-entry>summary,.p3-form>summary { cursor:pointer; font-weight:700; }
.p3-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0; }
.p3-form-grid label,.p3-transfer label { display:grid; gap:5px; color:var(--muted); font-size:13px; }
.p3-form-grid input,.p3-form-grid select,.p3-form-grid textarea,.p3-transfer input,.p3-transfer select { width:100%; min-width:0; }
.p3-form-grid textarea { min-height:76px; }
.p3-transfer { display:flex; flex-wrap:wrap; gap:8px; align-items:end; margin:14px 0; }
.p3-transfer label { flex:1 1 130px; }
@media(max-width:760px){.p3-grid,.p3-form-grid{grid-template-columns:1fr;}}