/* =====================================================================
   Outreach: "New here?", the connect card, starter groups, invite links (js/outreach.js)
   and Admin → Engage (js/outreach-admin.js). Uses the site's colors from styles.css.
   ===================================================================== */

/* ---------- "New here?" in the header (phones: in the menu instead) ---------- */
.newhere-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--teal-wash);background:var(--teal-wash);
  color:var(--teal-dark);font-family:var(--font-body);font-weight:700;font-size:0.86rem;cursor:pointer;white-space:nowrap;}
.newhere-btn:hover{background:#d3edf0;border-color:#bfe3e7;}
.newhere-btn i{font-size:1.1rem;}
body.role-elevated .newhere-btn,body.role-elevated .nav-newhere{display:none;}
body.out-first-visit .newhere-btn i,body.out-first-visit .nav-newhere i{animation:out-wave 1.6s ease-in-out 1s 3;transform-origin:70% 80%;}
@keyframes out-wave{0%,100%{transform:rotate(0)}20%{transform:rotate(16deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(14deg)}80%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){body.out-first-visit .newhere-btn i,body.out-first-visit .nav-newhere i{animation:none;}}
/* phones: the button stays in the header, smaller (styles.css, "First 3 minutes") */

/* ---------- New here? ---------- */
.welcome-card{max-width:620px;}
.welcome-wave{display:inline-flex;width:52px;height:52px;border-radius:14px;background:var(--teal-wash);color:var(--teal-dark);align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:10px;}
.welcome-lead{color:var(--ink-soft);line-height:1.55;margin:6px 0 18px;}
.welcome-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.welcome-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 14px;border-radius:14px;border:1px solid var(--hairline);background:#fff;cursor:pointer;font-family:var(--font-body);color:var(--navy-deep);}
.welcome-choice:hover,.welcome-choice:focus-visible{border-color:var(--teal-dark);background:#f6fbfc;}
.welcome-choice i{font-size:1.7rem;color:var(--teal-dark);margin-bottom:4px;}
.welcome-choice strong{font-size:1rem;}
.welcome-choice span{font-size:0.82rem;color:var(--gray);line-height:1.4;}
.welcome-starter{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:14px 16px;border-radius:14px;border:0;background:var(--navy);color:#fff;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:0.88rem;line-height:1.4;}
.welcome-starter:hover{background:var(--navy-deep);}
.welcome-starter > i{font-size:1.5rem;color:var(--teal-light);flex-shrink:0;}
.welcome-starter > span{flex:1;}
.welcome-starter strong{color:#fff;}
.welcome-expect{list-style:none;margin:16px 0 4px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:0.86rem;color:var(--ink-soft);}
.welcome-expect li{display:flex;gap:8px;align-items:flex-start;}
.welcome-expect i{color:var(--teal-dark);font-size:1.1rem;flex-shrink:0;}
.welcome-truth{margin-top:8px;color:var(--teal-dark);}
@media (max-width:560px){.welcome-choices{grid-template-columns:1fr;}.welcome-choice{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:10px;}.welcome-choice i{margin:0;}.welcome-choice span{flex-basis:100%;}}

/* ---------- connect card + starter sign-up forms ---------- */
.nextstep-card,.starter-card-modal{max-width:500px;}
.modal-card .nextstep-form.form-card{max-width:none;margin-top:12px;padding:20px;}
.nextstep-form select,.nextstep-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #dde5e7;font-family:var(--font-body);background:#fff;font-size:0.92rem;}
.ns-wants{border:0;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.ns-wants legend{font-weight:700;font-size:0.85rem;margin-bottom:8px;padding:0;}
.ns-want{display:inline-flex !important;align-items:center;gap:6px;margin:0 !important;padding:7px 12px;border-radius:999px;border:1px solid var(--hairline);background:#fff;font-weight:600 !important;font-size:0.85rem !important;cursor:pointer;}
.ns-want input{width:auto !important;accent-color:var(--teal-dark);}
.ns-want:has(input:checked){border-color:var(--teal-dark);background:var(--teal-wash);color:var(--teal-dark);}
.ns-contact{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px;}
.ns-consent{align-items:flex-start !important;font-weight:500 !important;line-height:1.45;margin:16px 0 4px !important;}
.ns-consent input{margin-top:3px;accent-color:var(--teal-dark);}
.ns-privacy{display:inline-block;font-size:0.8rem;color:var(--teal-dark);margin:0 0 12px 24px;}
.nextstep-form .btn-block{margin-top:6px;}
.ns-done{text-align:center;padding:12px 4px 4px;}
.ns-done > i{font-size:3rem;color:#1c7a4a;}
.ns-done h4{font-size:1.2rem;margin:6px 0;}
.ns-done p{color:var(--ink-soft);}
.ns-done .btn-row{justify-content:center;}
.st-room{background:var(--teal-wash);border-radius:10px;padding:10px 12px;font-size:0.9rem;word-break:break-all;}
@media (max-width:420px){.ns-contact{grid-template-columns:1fr;}}

/* ---------- starter groups page ---------- */
.starter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.starter-head .section-sub-dark{max-width:680px;}
.starter-tz{display:inline-flex;align-items:center;gap:6px;font-size:0.82rem;font-weight:600;color:var(--gray);background:#fff;border:1px solid var(--hairline);border-radius:999px;padding:6px 12px;}
.starter-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.starter-chip{padding:7px 14px;border-radius:999px;border:1px solid var(--hairline);background:#fff;font-family:var(--font-body);font-weight:600;font-size:0.85rem;color:var(--navy-deep);cursor:pointer;}
.starter-chip.active{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff;}
.starter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;}
.starter-card{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);}
.starter-card h4{font-size:1.08rem;margin:0;}
.starter-card-top{display:flex;flex-wrap:wrap;gap:6px;min-height:22px;}
.starter-tag{font-size:0.72rem;font-weight:800;letter-spacing:0.02em;padding:3px 9px;border-radius:999px;background:var(--mist);color:var(--ink-soft);}
.starter-good{display:inline-flex;align-items:center;gap:4px;font-size:0.72rem;font-weight:800;padding:3px 9px;border-radius:999px;background:#fff4d6;color:#8a5a00;}
.starter-about{color:var(--ink-soft);font-size:0.9rem;line-height:1.5;margin:0;}
.starter-when{display:flex;gap:10px;align-items:flex-start;background:var(--mist);border-radius:12px;padding:10px 12px;}
.starter-when > i{font-size:1.3rem;color:var(--teal-dark);margin-top:1px;}
.starter-when strong{display:block;font-size:0.92rem;}
.starter-when span{display:block;font-size:0.8rem;color:var(--gray);margin-top:2px;}
.starter-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:4px;}
.starter-meta{font-size:0.8rem;color:var(--gray);display:inline-flex;align-items:center;gap:4px;}
.starter-empty{grid-column:1/-1;color:var(--gray);background:#fff;border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);margin:0;}
.starter-none{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding:18px 20px;border-radius:var(--radius);background:var(--teal-wash);}
.starter-none > i{font-size:2rem;color:var(--teal-dark);}
.starter-none > div{flex:1 1 260px;}
.starter-none p{margin:4px 0 0;color:var(--ink-soft);font-size:0.9rem;}
.starter-eyebrow{font-size:0.72rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--teal-dark);}
.starter-card-modal h3{margin:4px 0 10px;}
.starter-card-modal > p{color:var(--ink-soft);font-size:0.92rem;line-height:1.5;}

/* ---------- invite a friend ---------- */
.invite-card{max-width:520px;}
.invite-card > p{color:var(--ink-soft);line-height:1.5;}
.inv-label{display:block;font-weight:700;font-size:0.85rem;margin:14px 0 6px;}
.invite-card select,.invite-card textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #dde5e7;font-family:var(--font-body);font-size:0.92rem;background:#fff;}
.inv-link{display:flex;gap:8px;margin-top:10px;}
.inv-link input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid #dde5e7;font-family:var(--font-body);font-size:0.88rem;background:var(--mist);color:var(--navy-deep);}
.inv-link .btn{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;}
.inv-share{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.inv-share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--hairline);background:#fff;color:var(--navy-deep);font-family:var(--font-body);font-weight:600;font-size:0.84rem;cursor:pointer;text-decoration:none;}
.inv-share-btn:hover{border-color:var(--teal-dark);color:var(--teal-dark);}
.inv-share-btn i{font-size:1.1rem;}
.inv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;}
.inv-stats p{grid-column:1/-1;margin:0;font-size:0.88rem;color:var(--gray);background:var(--mist);border-radius:10px;padding:10px 12px;}
.inv-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:var(--mist);border-radius:12px;padding:10px 6px;}
.inv-stat i{color:var(--teal-dark);font-size:1.2rem;}
.inv-stat strong{font-size:1.3rem;}
.inv-stat span{font-size:0.72rem;color:var(--gray);line-height:1.3;}
@media (max-width:480px){.inv-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* ---------- the "next step" card during a service ---------- */
.nextstep-nudge{position:fixed;left:20px;bottom:20px;z-index:900;width:min(360px,calc(100vw - 32px));background:#fff;border-radius:var(--radius);padding:18px 18px 16px;box-shadow:0 0 0 1px var(--hairline),0 18px 40px -12px rgba(13,43,58,0.35);animation:out-rise .35s ease-out;}
.nextstep-nudge strong{display:block;font-size:1rem;padding-right:24px;}
.nextstep-nudge p{margin:6px 0 12px;font-size:0.88rem;color:var(--ink-soft);line-height:1.45;}
.nudge-close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:1.3rem;color:var(--gray);cursor:pointer;}
.nudge-actions{display:flex;flex-wrap:wrap;gap:8px;}
.nudge-actions .btn{padding:8px 14px;font-size:0.85rem;}
@keyframes out-rise{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:700px){.nextstep-nudge{left:16px;bottom:84px;}}

/* =====================================================================
   Admin → Engage
   ===================================================================== */
.out-nav-count,.out-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:auto;border-radius:999px;background:#b23a2b;color:#fff;font-size:0.72rem;font-weight:800;}
.out-tab-count{margin-left:6px;vertical-align:1px;}
.out-nav-count.hidden,.out-tab-count.hidden{display:none;}
.out-sub{display:none;}
.out-sub.active{display:block;}

/* the funnel */
.out-funnel-card{margin-bottom:20px;}
.out-funnel{display:flex;align-items:stretch;gap:6px;overflow-x:auto;padding-bottom:4px;}
.out-stage{flex:1 0 108px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:14px 8px;border-radius:14px;background:var(--mist);}
.out-stage > i{font-size:1.4rem;color:var(--teal-dark);}
.out-stage-n{font-family:var(--font-head);font-size:1.5rem;font-weight:800;color:var(--navy-deep);line-height:1.2;}
.out-stage strong{font-size:0.85rem;}
.out-stage small{font-size:0.7rem;color:var(--gray);line-height:1.3;}
.out-stage-delta{font-size:0.72rem;min-height:16px;}
.out-stage[data-stage="stay"]{background:var(--navy);}
.out-stage[data-stage="stay"] *{color:#fff !important;}
.out-stage[data-stage="stay"] > i{color:var(--teal-light) !important;}
.out-step{flex:0 0 58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:10px;font-size:0.82rem;font-weight:800;color:var(--gray);}
.out-step i{font-size:1rem;}
.out-step small{font-size:0.62rem;font-weight:600;color:#64757a;}
.out-step.good{color:#1c7a4a;}
.out-step.ok{color:#8a5a00;}
.out-step.low{color:#b23a2b;}
.out-step.weakest{background:#ffe7e1;box-shadow:inset 0 0 0 2px #e8a596;}
.out-weakest{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fff4ef;border:1px solid #f4d2c6;color:var(--navy-deep);font-size:0.88rem;line-height:1.45;}
.out-weakest i{font-size:1.4rem;color:#b23a2b;flex-shrink:0;}
.out-weakest.hidden{display:none;}

.out-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px;}
.out-tile{display:flex;gap:12px;align-items:flex-start;padding:16px;}
.out-tile > i{font-size:1.5rem;color:var(--teal-dark);margin-top:2px;}
.out-tile strong{display:block;font-family:var(--font-head);font-size:1.4rem;font-weight:800;color:var(--navy-deep);}
.out-tile-label{display:flex;align-items:center;gap:4px;font-size:0.72rem;font-weight:800;letter-spacing:0.03em;color:#64757a;text-transform:uppercase;}
.out-tile.warn > i,.out-tile.warn strong{color:#8a5a00;}
.out-tile.bad{background:#fff4ef;}
.out-tile.bad > i,.out-tile.bad strong{color:#b23a2b;}
.out-tile.info > i{color:var(--purple);}
.out-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.out-grid .out-wide{grid-column:1/-1;}
.out-chart{height:260px;position:relative;}
.out-table-wrap{overflow-x:auto;}
.out-table{min-width:560px;}
.out-table td,.out-table th{white-space:nowrap;}
.out-table .num{text-align:right;}
.out-reach-table{min-width:0;}
.out-reach-table td{white-space:normal;}
.out-reach-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:12px;}
.admin-card .out-reach-form label{margin:0;font-size:0.78rem;}
.out-reach-form input,.out-reach-form select{width:100%;padding:9px 10px;border-radius:8px;border:1px solid #dde5e7;font-family:var(--font-body);margin-top:4px;background:#fff;}
.out-reach-chip{display:inline-block;font-size:0.76rem;background:var(--mist);border-radius:999px;padding:2px 8px;margin:2px 0;}
@media (max-width:1100px){.out-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){.out-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}.out-grid{grid-template-columns:minmax(0,1fr);}.out-reach-form{grid-template-columns:1fr 1fr;}}

/* follow-up */
.out-fu-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.out-fu-filters{display:flex;flex-wrap:wrap;gap:6px;}
.out-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--hairline);background:#fff;font-family:var(--font-body);font-weight:600;font-size:0.82rem;color:var(--navy-deep);cursor:pointer;}
.out-chip b{display:inline-block;margin-left:4px;font-size:0.72rem;color:var(--gray);}
.out-chip.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.out-chip.active b{color:var(--teal-light);}
.out-fu-list{display:flex;flex-direction:column;gap:12px;}
.out-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;border-left:4px solid var(--teal-dark);}
.out-card.status-new{border-left-color:#d9822b;}
.out-card.status-dgroup{border-left-color:#1c7a4a;}
.out-card.status-notnow{border-left-color:#c5d0d5;opacity:0.85;}
.out-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.out-card-who strong{font-size:1rem;display:block;}
.out-card-sub{font-size:0.8rem;color:var(--gray);margin:2px 0 0;}
.out-room-link{overflow-wrap:anywhere;}
.out-room-link .out-btn{margin-left:6px;vertical-align:middle;}
.out-card-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.out-age,.out-status,.out-owner{display:inline-flex;align-items:center;gap:4px;font-size:0.72rem;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;}
.out-age.fresh,.out-age.good{background:#e6f8ee;color:#1c7a4a;}
.out-age.warn{background:#fff4d6;color:#8a5a00;}
.out-age.bad,.out-age.late{background:#ffe7e1;color:#a23b22;}
.out-status{background:var(--mist);color:var(--ink-soft);}
.out-status-new{background:#fff1e3;color:#9a5512;}
.out-status-contacted{background:#e8f1fb;color:#24588f;}
.out-status-starter{background:var(--teal-wash);color:var(--teal-dark);}
.out-status-dgroup{background:#e6f8ee;color:#1c7a4a;}
.out-status-notnow{background:#eef2f3;color:#6b7b82;}
.out-owner{background:#f3e8ee;color:var(--purple);}
.out-card-body{margin-top:10px;font-size:0.9rem;}
.out-card-body p{margin:0 0 8px;}
.out-contact{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.out-contact > i{color:var(--teal-dark);font-size:1.1rem;}
.out-contact > span:first-of-type{color:var(--gray);}
.out-contact a{color:var(--teal-dark);font-weight:700;word-break:break-all;}
.out-their-time{display:inline-flex;align-items:center;gap:4px;font-size:0.78rem;color:var(--gray);background:var(--mist);border-radius:999px;padding:2px 8px;}
.out-wants{display:flex;flex-wrap:wrap;gap:6px;}
.out-wants span{font-size:0.76rem;font-weight:700;background:var(--teal-wash);color:var(--teal-dark);border-radius:999px;padding:3px 10px;}
.out-group-line{display:flex;align-items:center;gap:6px;color:var(--ink-soft);}
.out-note{white-space:pre-wrap;background:#fbfaf6;border:1px solid #efeadb;border-radius:10px;padding:8px 10px;color:var(--navy-deep);}
.out-attr{font-size:0.78rem;color:var(--gray);}
.out-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.out-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:8px;border:1px solid #dde5e7;background:#fff;color:var(--navy-deep);font-family:var(--font-body);font-weight:700;font-size:0.8rem;cursor:pointer;white-space:nowrap;}
.out-btn:hover{border-color:var(--teal-dark);color:var(--teal-dark);}
.out-btn-main{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff;}
.out-btn-main:hover{background:var(--teal-deeper);color:#fff;}
.out-btn-danger{color:#b23a2b;}
.out-btn-danger:hover{border-color:#b23a2b;color:#b23a2b;background:#fdf1ef;}
.out-log{margin-top:10px;font-size:0.8rem;}
.out-log summary{cursor:pointer;color:var(--gray);font-weight:700;}
.out-log ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;}
.out-log li{display:flex;flex-direction:column;padding:6px 10px;border-radius:8px;background:var(--mist);}
.out-log li span{font-size:0.72rem;color:var(--gray);}
.out-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 16px;color:var(--gray);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;}
.out-empty i{font-size:2.2rem;color:var(--teal-dark);}
.out-empty p{margin:0;}
.out-pick-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto;margin-top:6px;}
.admin-modal-form .out-pick{display:flex !important;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;font-weight:500 !important;margin:0 !important;cursor:pointer;}
.admin-modal-form .out-pick input{width:auto;margin-top:4px;}
.out-pick small{color:var(--gray);}
.out-pick:has(input:checked){border-color:var(--teal-dark);background:#f6fbfc;}

/* starter groups */
.out-groups{display:flex;flex-direction:column;gap:16px;}
.out-group.ended{opacity:0.75;}
.out-group-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.out-group-head h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px;}
.out-group-tools{display:flex;align-items:center;gap:6px;}
.out-seats{font-size:0.8rem;font-weight:800;color:var(--gray);margin-right:4px;}
.out-members{min-width:520px;}
.out-members input[type="checkbox"]{width:18px;height:18px;accent-color:var(--teal-dark);cursor:pointer;}
.out-member-tools{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap;}
.out-done{display:inline-flex;align-items:center;gap:4px;font-size:0.8rem;font-weight:700;color:#1c7a4a;}
.out-group-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #dde5e7;font-family:var(--font-body);}
.out-group-form input[type="date"],.out-group-form input[type="time"],.out-group-form input[type="url"],.out-group-form input[type="number"]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #dde5e7;font-family:var(--font-body);}
.out-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.admin-modal-form .checkbox-row{display:flex !important;}
.admin-modal-form .checkbox-row input{width:auto;}
.out-tz-preview{margin:6px 0 0;font-size:0.8rem;}
@media (max-width:520px){.out-form-row{grid-template-columns:1fr;}}

/* the Engage team: switch in Users, privacy note, daily reminder */
.engage-toggle{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:700;color:var(--teal-dark);padding:5px 10px;border:1px solid var(--hairline);border-radius:8px;cursor:pointer;white-space:nowrap;}
.engage-toggle input{accent-color:var(--teal-dark);}
.engage-toggle:has(input:checked){background:var(--teal-wash);border-color:#bfe3e7;}
.engage-tag{display:inline-block;font-size:0.72rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--teal-wash);color:var(--teal-dark);}
.out-agree-list{margin:0 0 6px 18px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:0.9rem;line-height:1.45;color:var(--navy-deep);}
#adminModalCard h3 .ph-shield-check{color:var(--teal-dark);vertical-align:-3px;}
.out-digest-card{margin-top:20px;}
.out-digest-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.out-digest-head h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;}
.out-digest-head .admin-help-text{max-width:640px;margin:0;}
.out-digest-tools{display:flex;gap:6px;}
.out-team{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 6px;font-size:0.85rem;}
.out-team-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--mist);font-size:0.8rem;font-weight:700;}
.out-team-chip small{font-weight:600;color:var(--gray);}
.out-team-chip.role-host{background:var(--teal-wash);}
.out-digest-last{font-size:0.82rem;color:var(--ink-soft);margin:6px 0;}
.out-digest-note{font-size:0.8rem;margin:6px 0 0;}
.out-preview-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto;}
.out-preview{border:1px solid var(--hairline);border-radius:10px;padding:8px 12px;}
.out-preview summary{cursor:pointer;font-size:0.88rem;}
.out-preview pre{white-space:pre-wrap;font-family:var(--font-body);font-size:0.84rem;line-height:1.5;margin:10px 0 4px;color:var(--navy-deep);}

/* tracked links */
.out-links-card{max-width:860px;}
.out-link-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.admin-card .out-link-form label{margin:0;font-size:0.82rem;}
.out-link-form select,.out-link-form input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #dde5e7;font-family:var(--font-body);margin-top:5px;background:#fff;}
.out-link-form label.hidden{display:none;}
.out-link-result{margin:16px 0 8px;}
.out-link-tip{margin:0;}
.out-link-tip code{background:var(--mist);padding:1px 6px;border-radius:5px;}
@media (max-width:620px){.out-link-form{grid-template-columns:1fr;}}

/* readability: labels people see are 12px or more (styles.css has the rest) */
.starter-tag,.starter-good,.starter-eyebrow,.inv-stat span{font-size:0.78rem;}