/* prompter-v5.css — Scoped styles for Prompter V5 sub-pages */
/* Works inside #page-prompts within the CEO index.html theme */

/* ── Sub-tab navigation ── */
.pr-tabs{display:flex;gap:2px;background:var(--bg);padding:3px;border-radius:var(--r);margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pr-tab{padding:8px 14px;text-align:center;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s;color:var(--t3);white-space:nowrap;border:none;background:none;font-family:var(--font)}
.pr-tab:hover{color:var(--t1)}
.pr-tab.active{background:var(--card);color:var(--t1);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pr-tab .pr-tab-badge{display:inline-flex;min-width:16px;height:16px;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:9px;font-weight:700;border-radius:8px;padding:0 4px;margin-left:4px;vertical-align:middle}

/* ── Stat strip ── */
.pr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:14px}
.pr-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:10px 8px;text-align:center;cursor:pointer;transition:all .12s}
.pr-stat:hover{border-color:var(--g6)}
.pr-stat.hl{border-color:var(--blue);background:var(--blt2)}
.pr-stat-n{font-size:22px;font-weight:800;line-height:1;font-family:'JetBrains Mono',monospace}
.pr-stat-n.grn{color:#16a34a}.pr-stat-n.red{color:var(--red)}.pr-stat-n.blu{color:var(--blue)}.pr-stat-n.amb{color:#d97706}.pr-stat-n.gry{color:var(--t3)}
.pr-stat-l{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);margin-top:4px}

/* ── Controls row ── */
.pr-ctrls{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}

/* ── Section headers ── */
.pr-sec{display:flex;align-items:center;gap:8px;padding:12px 0 6px}
.pr-sec-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.pr-sec-dot.red{background:var(--red)}.pr-sec-dot.blu{background:var(--blue)}.pr-sec-dot.grn{background:#16a34a}.pr-sec-dot.amb{background:#d97706}
.pr-sec-lbl{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--t3)}
.pr-sec-ct{font-size:10px;font-weight:700;color:var(--t2);font-family:'JetBrains Mono',monospace}
.pr-sec-line{flex:1;height:1px;background:var(--border)}

/* ── Person cards (Board) ── */
.pr-card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;overflow:hidden;transition:all .2s}
.pr-card.stalled{border-left:4px solid var(--red);background:#fef2f2}
.pr-card.active{border-left:4px solid var(--blue)}
.pr-card.done{border-left:4px solid #16a34a}
.pr-card.partial{border-left:4px solid #d97706}
.pr-card.dropped{border-left:4px solid var(--red);opacity:.6}
.pr-card.waiting{border-left:4px solid var(--border)}
.pr-card-hd{display:flex;align-items:center;padding:12px 14px;gap:10px;cursor:pointer;transition:background .12s;-webkit-tap-highlight-color:transparent}
.pr-card-hd:hover{background:var(--bg)}
.pr-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}
.pr-info{flex:1;min-width:0}
.pr-nm{font-size:14px;font-weight:700;color:var(--t1)}
.pr-meta{font-size:11px;color:var(--t2);display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:1px}
.pr-role-tag{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--bg);color:var(--t2)}
.pr-stale{color:var(--red)!important;font-weight:700}
.pr-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.pr-prog{position:relative;width:40px;height:40px;flex-shrink:0}
.pr-prog svg{transform:rotate(-90deg)}.pr-prog-bg{fill:none;stroke:var(--border);stroke-width:3.5}
.pr-prog-fl{fill:none;stroke-width:3.5;stroke-linecap:round}
.pr-prog-tx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;font-family:'JetBrains Mono',monospace;color:var(--t1)}

/* ── Chips ── */
.pr-chips{padding:2px 14px 8px;display:flex;gap:4px;flex-wrap:wrap}
.pr-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600}
.pr-chip.plan{background:var(--blt2);border:1px solid #bfdbfe;color:var(--blue)}
.pr-chip.plan .blk{color:#d97706;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700}
.pr-chip.ev{background:var(--g0);border:1px solid #bbf7d0;color:#166534}
.pr-chip.ev .blk{color:#d97706;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700}

/* ── Nudge indicator ── */
.pr-nudge{padding:2px 14px 8px}
.pr-nudge-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:var(--rlt);border:1px solid #fecaca;font-size:10px;font-weight:700;color:var(--red)}
.pr-nudge-pill .nc{font-family:'JetBrains Mono',monospace;font-weight:900}
.pr-nudge-msg{margin:4px 14px 8px;background:var(--rlt);border-left:3px solid var(--red);padding:8px 12px;border-radius:0 8px 8px 0;font-size:11px;font-weight:600;color:#991b1b}
.pr-nudge-msg .nl{font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--red);display:block;margin-bottom:3px}

/* ── Current question / Last answer ── */
.pr-curq{padding:2px 14px 8px}
.pr-curq-box{background:var(--blt2);border-left:3px solid var(--blue);padding:8px 12px;border-radius:0 8px 8px 0;font-size:12px;font-weight:600;color:var(--t1);line-height:1.5}
.pr-curq-meta{font-size:10px;color:var(--t3);display:flex;gap:6px;padding:3px 0 0 15px}
.pr-lasta{padding:2px 14px 8px}
.pr-lasta-box{background:var(--g0);border-left:3px solid #16a34a;padding:8px 12px;border-radius:0 8px 8px 0;font-size:12px;font-weight:600;color:var(--t1);line-height:1.4;white-space:pre-wrap}
.pr-lasta-q{font-size:10px;color:var(--t3);padding:0 0 2px 15px}

/* ── Action buttons ── */
.pr-acts{display:flex;gap:6px;padding:4px 14px 10px;flex-wrap:wrap}
.pr-btn{min-height:36px;padding:0 14px;border:none;border-radius:var(--r);font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .12s;font-family:var(--font)}
.pr-btn:active{transform:scale(.97)}
.pr-btn-nudge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}
.pr-btn-skip{background:var(--bg);color:var(--t2);border:1px solid var(--border)}
.pr-btn-skip:hover{border-color:var(--g6);color:var(--t1)}
.pr-btn-expand{background:var(--bg);color:var(--t3);border:1px solid var(--border);font-size:10px}

/* ── Expanded Q&A ── */
.pr-qa{max-height:0;overflow:hidden;transition:max-height .3s ease}
.pr-qa.open{max-height:5000px;border-top:1px solid var(--blt)}
.pr-qa-list{padding:10px 14px}
.pr-qi{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--blt)}.pr-qi:last-child{border-bottom:none}
.pr-qi-n{min-width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0;margin-top:2px;font-family:'JetBrains Mono',monospace}
.pr-qi-n.dn{background:var(--g1);color:#166534}.pr-qi-n.wt{background:var(--blt2);color:var(--blue)}.pr-qi-n.pd{background:var(--bg);color:var(--t3)}
.pr-qi-c{flex:1;min-width:0}
.pr-qi-q{font-size:12px;color:var(--t2);line-height:1.4;margin-bottom:3px}
.pr-qi-a{font-size:12px;font-weight:600;color:var(--t1);background:var(--g0);border-left:3px solid #16a34a;padding:6px 10px;border-radius:0 6px 6px 0;word-break:break-word;white-space:pre-wrap;line-height:1.4}
.pr-qi-a.wt{background:var(--blt2);border-left-color:var(--blue);color:var(--blue);font-style:italic}
.pr-qi-t{font-size:9px;color:var(--t3);margin-top:3px;font-family:'JetBrains Mono',monospace}

/* ── Plan/Evidence detail (expanded) ── */
.pr-pln-d{padding:10px 14px;border-top:1px solid var(--blt);background:#fafbff}
.pr-pln-d .pr-dh,.pr-ev-d .pr-dh{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--t3);margin-bottom:6px}
.pr-pln-r{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px;color:var(--t2);border-bottom:1px solid var(--blt)}.pr-pln-r:last-child{border-bottom:none}
.pr-ev-d{padding:10px 14px;border-top:1px solid var(--blt);background:#f0fdf8}

/* ── Summaries page ── */
.pr-sum-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:16px}
.pr-sum-inner{padding:14px 16px}
.pr-flow-sum{padding:8px 0;border-bottom:1px solid var(--blt)}.pr-flow-sum:last-child{border-bottom:none}
.pr-flow-hd{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.pr-flow-time{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:4px}
.pr-flow-time.morning{background:var(--ylt);color:#a16207}
.pr-flow-time.midday{background:#ecfeff;color:#0891b2}
.pr-flow-time.evening{background:var(--plt);color:var(--purple)}
.pr-flow-txt{font-size:12px;color:var(--t2);line-height:1.5}
.pr-week-lbl{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--t3);margin:12px 0 6px;padding-top:10px;border-top:1px solid var(--border)}
.pr-week-txt{font-size:12px;color:var(--t2);line-height:1.6}
.pr-week-txt b{color:#b45309}

/* ── Settings groups (Scheduler, People, Rules) ── */
.pr-sg{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}
.pr-sg-hd{padding:12px 16px;font-size:13px;font-weight:700;color:var(--t1);border-bottom:1px solid var(--blt);display:flex;align-items:center;gap:8px}
.pr-sg-hd .pr-sg-icon{font-size:14px}
.pr-sg-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--blt);gap:10px}
.pr-sg-row:last-child{border-bottom:none}
.pr-sg-label{flex:1;font-size:13px;font-weight:600;color:var(--t1)}
.pr-sg-desc{font-size:11px;color:var(--t3);font-weight:400;margin-top:1px}
.pr-sg-input{padding:6px 10px;border:1.5px solid var(--border);border-radius:6px;background:var(--card);color:var(--t1);font-size:13px;font-family:'JetBrains Mono',monospace;width:70px;text-align:center}
.pr-sg-input:focus{outline:none;border-color:var(--g6)}
.pr-sg-toggle{width:40px;height:22px;border-radius:11px;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}
.pr-sg-toggle.on{background:#16a34a}.pr-sg-toggle.off{background:#d1d5db}
.pr-sg-toggle::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.pr-sg-toggle.on::after{transform:translateX(18px)}

/* ── Person row (People page) ── */
.pr-person{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--blt);gap:10px}
.pr-person:last-child{border-bottom:none}
.pr-person.inactive{opacity:.4}
.pr-pr-info{flex:1;min-width:0}
.pr-pr-name{font-size:13px;font-weight:700;color:var(--t1)}
.pr-pr-role{font-size:11px;color:var(--t2);text-transform:capitalize}
.pr-pr-phone{font-size:10px;color:var(--t3);font-family:'JetBrains Mono',monospace}
.pr-pr-status{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:5px}
.pr-pr-status.active{background:var(--g1);color:#166534}
.pr-pr-status.inactive{background:var(--rlt);color:var(--red)}

/* ── History page ── */
.pr-hist-row{display:flex;align-items:center;padding:10px 16px;gap:10px;border-bottom:1px solid var(--blt);cursor:pointer;transition:background .12s}
.pr-hist-row:hover{background:var(--bg)}
.pr-hist-date{font-size:11px;font-weight:700;color:var(--t2);min-width:55px;font-family:'JetBrains Mono',monospace}
.pr-hist-stats{flex:1;font-size:12px;color:var(--t2)}
.pr-hist-rate{font-size:14px;font-weight:800;min-width:44px;text-align:right;font-family:'JetBrains Mono',monospace}

/* ── Compliance page ── */
.pr-comp-row{display:flex;align-items:center;padding:10px 16px;gap:10px;border-bottom:1px solid var(--blt)}
.pr-comp-row:last-child{border-bottom:none}
.pr-comp-rank{font-size:16px;font-weight:900;color:var(--t3);min-width:26px;text-align:center;font-family:'JetBrains Mono',monospace}
.pr-comp-info{flex:1;min-width:0}
.pr-comp-name{font-size:13px;font-weight:700;color:var(--t1)}
.pr-comp-detail{font-size:11px;color:var(--t2);margin-top:1px}
.pr-comp-bar{flex:1;max-width:100px;height:6px;border-radius:3px;background:#e5e7eb;overflow:hidden}
.pr-comp-fill{height:100%;border-radius:3px;transition:width .3s}
.pr-comp-pct{font-size:14px;font-weight:800;min-width:44px;text-align:right;font-family:'JetBrains Mono',monospace}

/* ── Command bar (board only) ── */
.pr-cmd{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--border);margin-top:12px;flex-wrap:wrap}
.pr-cmd-next{font-size:12px;color:var(--t2);flex:1}
.pr-cmd-stuck{font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;cursor:pointer;font-family:'JetBrains Mono',monospace}
.pr-cmd-stuck.ok{background:var(--g1);color:#166534}.pr-cmd-stuck.bad{background:var(--rlt);color:var(--red)}
.pr-qsend{display:flex;gap:6px;align-items:center}
.pr-qsend input{padding:7px 10px;border:1.5px solid var(--border);border-radius:6px;background:var(--card);color:var(--t1);font-size:12px;width:160px;font-family:var(--font)}
.pr-qsend input:focus{outline:none;border-color:var(--g6)}
.pr-qsend select{padding:7px 10px;border:1.5px solid var(--border);border-radius:6px;background:var(--card);color:var(--t1);font-size:11px;font-family:var(--font)}

/* ── Toast ── */
.pr-toast{position:fixed;top:60px;right:20px;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:600;z-index:200;opacity:0;transform:translateY(-10px);transition:all .3s;pointer-events:none;font-family:var(--font)}
.pr-toast.show{opacity:1;transform:translateY(0)}
.pr-toast.ok{background:#166534;color:#4ade80;border:1px solid #22c55e}.pr-toast.err{background:#7f1d1d;color:#fca5a5;border:1px solid var(--red)}.pr-toast.info{background:var(--blue);color:#fff}

/* ── Mobile ── */
@media(max-width:768px){
.pr-tabs{gap:1px;padding:2px}.pr-tab{padding:6px 10px;font-size:11px}
.pr-stats{grid-template-columns:repeat(3,1fr);gap:6px}.pr-stat{padding:8px 4px}.pr-stat-n{font-size:18px}
.pr-card-hd{padding:10px 12px;gap:8px}.pr-av{width:32px;height:32px;font-size:12px}
.pr-nm{font-size:13px}.pr-acts{padding:4px 12px 8px}.pr-btn{min-height:34px;padding:0 12px;font-size:10px}
.pr-qsend input{width:120px}
}