/* Team outreach, lead ownership and per-person mailboxes.
   Built only on the desk's theme tokens, so light and dark both hold contrast. */

/* ── Touch chips: "Emailed by Amina · 3 days ago", "Working: Omar" ───────── */
.or-touch{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.or-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 9px;border-radius:999px;
  border:1px solid rgb(var(--z700));background:rgb(var(--z900));color:rgb(var(--z300));font-size:.75rem;line-height:1.35}
.or-chip i{flex:none;width:7px;height:7px;border-radius:50%;background:rgb(var(--z500))}
.or-chip strong{color:rgb(var(--z100));font-weight:600}
.or-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.or-chip.sent i{background:rgb(var(--info))}
.or-chip.mine i{background:rgb(var(--good))}
.or-chip.other{border-color:rgb(var(--warn-soft))}
.or-chip.other i{background:rgb(var(--warn))}
.or-chip.rehearsal i{background:rgb(var(--z500))}

/* ── Page heading and view switch ─────────────────────────────────────────── */
.or-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.or-head h1{font-size:1.65rem;font-weight:680;letter-spacing:-.02em;color:rgb(var(--z100));margin:4px 0 6px}
.or-head p{max-width:62ch;color:rgb(var(--z400));font-size:.9rem;line-height:1.6}
.or-switch{display:inline-flex;padding:4px;gap:4px;border:1px solid rgb(var(--z700));border-radius:12px;background:rgb(var(--z900))}
.or-switch a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:9px;font-size:.84rem;font-weight:600;
  color:rgb(var(--z300));text-decoration:none}
.or-switch a:hover{color:rgb(var(--z100));background:rgb(var(--z800))}
.or-switch a[aria-current="page"]{background:rgb(var(--acc));color:rgb(var(--acc-fg))}
.or-switch a:focus-visible,.or-btn-link:focus-visible{outline:2px solid rgb(var(--acc));outline-offset:2px}

/* ── Key numbers ──────────────────────────────────────────────────────────── */
.or-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.or-kpi{padding:16px 18px;border:1px solid rgb(var(--z700));border-radius:var(--radius);background:rgb(var(--z900));box-shadow:var(--shadow-card)}
.or-kpi b{display:block;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:rgb(var(--z100));font-variant-numeric:tabular-nums}
.or-kpi span{font-size:.78rem;color:rgb(var(--z400))}

/* ── Cards and tables ─────────────────────────────────────────────────────── */
.or-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.or-card{border:1px solid rgb(var(--z700));border-radius:var(--radius);background:rgb(var(--z900));box-shadow:var(--shadow-card);min-width:0;margin-bottom:18px}
.or-card>header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding:16px 18px;border-bottom:1px solid rgb(var(--z800))}
.or-card>header h2{font-size:1rem;font-weight:650;color:rgb(var(--z100))}
.or-card>header p{font-size:.78rem;color:rgb(var(--z400))}
.or-body{padding:16px 18px}
.or-scroll{overflow-x:auto}
.or-table{width:100%;border-collapse:collapse;font-size:.85rem}
.or-table th{padding:10px 18px;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--z400));white-space:nowrap}
.or-table td{padding:12px 18px;border-top:1px solid rgb(var(--z800));color:rgb(var(--z300));vertical-align:top}
.or-table td strong,.or-table td a{color:rgb(var(--z100));font-weight:600}
.or-table td a{text-decoration:none}
.or-table td a:hover{text-decoration:underline}
.or-sub{display:block;font-size:.76rem;color:rgb(var(--z400));overflow-wrap:anywhere}
.or-how{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid rgb(var(--z700));color:rgb(var(--z300));white-space:nowrap}
.or-how.desk{border-color:rgb(var(--info-soft));color:rgb(var(--info))}
.or-how.detected{border-color:rgb(var(--good-soft));color:rgb(var(--good))}
.or-empty{padding:28px 18px;text-align:center;color:rgb(var(--z400));font-size:.88rem;line-height:1.6}
.or-empty strong{display:block;color:rgb(var(--z100));font-size:.95rem;margin-bottom:4px}

/* ── People on the desk ───────────────────────────────────────────────────── */
.or-people{list-style:none;margin:0;padding:0}
.or-person{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-top:1px solid rgb(var(--z800))}
.or-person:first-child{border-top:0}
.or-avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgb(var(--z800));color:rgb(var(--z100));font-weight:650;font-size:.8rem}
.or-person-main{min-width:0;flex:1}
.or-person-main b{color:rgb(var(--z100));font-weight:600}
.or-stats{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:.76rem;color:rgb(var(--z400))}
.or-dot{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:rgb(var(--z300))}
.or-dot i{width:8px;height:8px;border-radius:50%;background:rgb(var(--z500))}
.or-dot.on i{background:rgb(var(--good))}

/* ── Callouts ─────────────────────────────────────────────────────────────── */
.or-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;margin:0 0 16px;font-size:.86rem;line-height:1.55;
  border:1px solid rgb(var(--z700));background:rgb(var(--z900));color:rgb(var(--z200))}
.or-note.ok{border-color:rgb(var(--good-soft));color:rgb(var(--good))}
.or-note.warn{border-color:rgb(var(--warn-soft));color:rgb(var(--warn))}
.or-note.error{border-color:rgb(var(--bad-soft));color:rgb(var(--bad))}
.or-note ul{margin:6px 0 0;padding-left:18px}

/* ── Lead page: outreach panel ────────────────────────────────────────────── */
.or-panel{scroll-margin-top:84px}
.or-timeline{list-style:none;margin:0;padding:0}
.or-timeline li{position:relative;padding:0 0 14px 20px}
.or-timeline li::before{content:"";position:absolute;left:4px;top:6px;width:8px;height:8px;border-radius:50%;background:rgb(var(--info))}
.or-timeline li::after{content:"";position:absolute;left:7.5px;top:18px;bottom:0;width:1px;background:rgb(var(--z700))}
.or-timeline li:last-child::after{display:none}
.or-timeline b{color:rgb(var(--z100));font-weight:600}
.or-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.or-form{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:12px;margin-top:14px}
.or-form label{display:grid;min-width:0;gap:6px;font-size:.8rem;font-weight:600;color:rgb(var(--z200))}
.or-form input[type=text],.or-form textarea{width:100%;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgb(var(--z700));
  background:rgb(var(--z950));color:rgb(var(--z100));font:inherit;font-weight:400;font-size:.9rem}
.or-form textarea{min-height:200px;line-height:1.55;resize:vertical}
.or-form input:focus-visible,.or-form textarea:focus-visible{outline:2px solid rgb(var(--acc));outline-offset:1px}
.or-form .or-note{display:block}
.or-check{display:flex!important;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:500!important;line-height:1.5}
.or-check input{margin-top:3px;width:18px;height:18px;accent-color:rgb(var(--acc))}
.or-footer{white-space:pre-wrap;font-size:.8rem;color:rgb(var(--z400));padding:10px 12px;border-radius:10px;border:1px dashed rgb(var(--z700))}
.or-btn-link{background:none;border:0;padding:0;color:rgb(var(--acc-text));font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:underline}

@media (max-width:900px){.or-grid{grid-template-columns:minmax(0,1fr)}.or-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.or-head h1{font-size:1.35rem}.or-table th,.or-table td{padding:10px 12px}}
@media (prefers-reduced-motion:reduce){.or-switch a{transition:none}}

/* AI outreach page (templates/client/ai_outreach.html) */
.aio-setup h2,.aio-step h2{display:flex;align-items:center;gap:8px}
.aio-setup h2 svg{width:18px;height:18px;color:rgb(var(--acc-text))}
.aio-checks{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.aio-checks li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgb(var(--z800));border-radius:12px;background:rgb(var(--z950))}
.aio-checks li.todo{border-color:rgb(var(--warn-soft)/.6)}
.aio-checks strong{display:block;font-size:.88rem;color:rgb(var(--z100))}
.aio-checks p{margin:2px 0 0;font-size:.8rem;line-height:1.5;color:rgb(var(--z400))}
.aio-checks a:not(.cx-btn){color:rgb(var(--acc-text))}
@media (max-width:640px){.aio-checks li{grid-template-columns:auto minmax(0,1fr)}.aio-checks li .cx-btn{grid-column:1/-1}}
.aio-step{position:relative;margin-top:18px;padding-left:64px}
.aio-num{position:absolute;left:20px;top:20px;margin:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:rgb(var(--acc));color:rgb(var(--acc-fg))}
@media (max-width:640px){.aio-step{padding-left:20px;padding-top:58px}}
.aio-picks{border:0;margin:12px 0;padding:0;display:grid;gap:6px}
.aio-pick{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgb(var(--z800));border-radius:12px;background:rgb(var(--z950));cursor:pointer}
.aio-pick:has(input:checked){border-color:rgb(var(--acc));background:rgb(var(--acc-soft)/.08)}
.aio-pick:focus-within{outline:2px solid rgb(var(--acc));outline-offset:1px}
.aio-pick input{width:18px;height:18px;accent-color:rgb(var(--acc))}
.aio-who strong{display:block;font-size:.88rem;color:rgb(var(--z100))}
.aio-who small{display:block;font-size:.76rem;color:rgb(var(--z400));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aio-prog{font-size:.76rem;color:rgb(var(--z300));text-align:right}
@media (max-width:640px){.aio-pick{grid-template-columns:auto minmax(0,1fr)}.aio-tier,.aio-prog,.aio-who{grid-column:2;text-align:left;min-width:0}.aio-prog{overflow-wrap:anywhere}}
.aio-tier{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid rgb(var(--z700));color:rgb(var(--z300));white-space:nowrap}
.aio-tier.tA{border-color:rgb(var(--good-soft));color:rgb(var(--good))}
.aio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.aio-actions .ap-muted{margin:0}
.aio-progress{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}
.aio-progress li{display:flex;align-items:center;gap:10px;font-size:.86rem;color:rgb(var(--z200))}
.aio-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgb(var(--z700));border-top-color:rgb(var(--acc));animation:aio-spin 1s linear infinite}
@keyframes aio-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.aio-spin{animation:none;border-color:rgb(var(--acc))}}
.aio-card{border:1px solid rgb(var(--z700));border-radius:14px;background:rgb(var(--z950));padding:16px;margin:14px 0;display:grid;gap:10px}
.aio-card h3{margin:0;font-size:1rem;font-weight:650;color:rgb(var(--z100))}
.aio-card header p{margin:2px 0 0}
.aio-field{display:grid;gap:6px;font-size:.78rem;font-weight:600;color:rgb(var(--z300))}
.aio-field input,.aio-field textarea{font:inherit;font-weight:400;font-size:.88rem;padding:9px 11px;border-radius:10px;border:1px solid rgb(var(--z600));background:rgb(var(--z900));color:rgb(var(--z100));min-width:0}
.aio-field textarea{resize:vertical;line-height:1.55}
.aio-field input:focus-visible,.aio-field textarea:focus-visible{outline:2px solid rgb(var(--acc));outline-offset:1px}
.aio-card-actions{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.aio-approve,.aio-confirm{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:rgb(var(--z100))}
.aio-approve input,.aio-confirm input{width:18px;height:18px;accent-color:rgb(var(--acc))}
.aio-warn{border:1px solid rgb(var(--warn-soft)/.7);background:rgb(var(--warn-soft)/.08);border-radius:10px;padding:10px 12px;display:grid;gap:6px;font-size:.84rem;color:rgb(var(--z200))}
.aio-warn p{margin:0}
.aio-result{margin:0;font-size:.84rem;padding:8px 10px;border-radius:8px;border:1px solid rgb(var(--z700));color:rgb(var(--z200))}
.aio-result.ok{border-color:rgb(var(--good-soft))}.aio-result.warn{border-color:rgb(var(--warn-soft))}.aio-result.error{border-color:rgb(var(--warn))}
.aio-why summary{cursor:pointer;font-size:.8rem;color:rgb(var(--acc-text))}
.aio-why ul{margin:6px 0 0;padding-left:1.1rem;font-size:.8rem;color:rgb(var(--z400))}
.aio-send{position:sticky;bottom:0;padding:12px 0;background:linear-gradient(transparent,rgb(var(--z900)) 30%)}
.aio-done{margin:8px 0;padding-left:1.1rem;display:grid;gap:4px;font-size:.86rem;color:rgb(var(--z200))}
.aio-ready{margin-top:16px;padding:14px 16px;border-radius:12px;border:1px solid rgb(var(--acc-soft)/.5);background:rgb(var(--acc-soft)/.08);display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.aio-ready p{margin:0;flex:1 1 260px;font-size:.86rem;line-height:1.55;color:rgb(var(--z200))}
.or-lede{color:rgb(var(--z300));font-size:.9rem;line-height:1.6;margin:0}

/* Inline style attributes moved here (CSP). */
.or-kpi b .or-kpi-of{font-size:1rem}
.or-empty .or-empty-action{margin-top:12px}
.or-link-plain{color:inherit}
.or-how.or-how-spaced{margin-top:6px}
.or-sub.or-sub-inline{display:inline}
.or-sub.or-sub-spaced{margin-top:12px}
.or-actions.or-actions-spaced{margin-top:16px}
.or-mail-address{margin:8px 0 2px;font-size:1.05rem;font-weight:650;color:rgb(var(--z100));overflow-wrap:anywhere}
.cx-brief-label.or-history-h{margin-top:18px}
.cx-brief-label.or-send-h{margin-top:8px}