.extra .stage{min-height:540px}.extra .title-row{align-items:start}.extra .title-row h2{max-width:640px}.extra .extra-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.extra .extra-actions .btn{white-space:normal}.extra .readable{max-width:720px}.extra .message-note{font-size:14px;color:var(--muted);margin-top:12px}.extra .route-options{display:flex;flex-wrap:wrap;gap:8px}.extra .route-options .btn{font-size:14px}.extra .route-options .btn[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}.extra .flow-grid{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:stretch;gap:8px;margin:24px 0}.extra .flow-arrow{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--muted)}.extra .flow-card{padding:20px;border:1px solid var(--line);border-radius:12px;min-width:0;background:#fff}.extra .flow-card.active{border-color:var(--blue);background:#f1f4ff}.extra .flow-card h3{margin:10px 0;font-size:22px}.extra .flow-card p{font-size:15px;color:var(--muted)}.extra .flow-card .eyebrow{font-size:11px}.extra .flow-card .status{margin-top:16px}.extra .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.extra .field{display:grid;gap:6px;font-size:15px}.extra .field input{border:1px solid #8794a4;border-radius:7px;min-height:46px;padding:10px;font:inherit;max-width:100%;width:100%;background:#fff;color:var(--ink)}.extra .field input[readonly]{background:var(--canvas);border-color:var(--line)}.extra .field input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.extra .handoff{display:flex;align-items:center;gap:12px;margin-bottom:18px}.extra .handoff .role-badge{border-radius:6px;background:var(--canvas);padding:7px 11px;font-size:14px}.extra .handoff .role-badge.active{background:#e9edff;color:var(--blue)}.extra .file-card{border:1px dashed #afbac9;border-radius:9px;padding:18px;margin:14px 0;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.extra .quote{padding:22px;background:var(--canvas);border-radius:12px;font-size:19px}.extra .quote p{margin-top:10px}.extra .quote .who{font-size:14px;color:var(--muted);display:block}.extra .day-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.extra .day-pick label{border:1px solid var(--line);border-radius:9px;padding:14px;cursor:pointer;display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center}.extra .day-pick label:has(input:checked){background:#f1f4ff;border-color:var(--blue)}.extra .day-pick input{accent-color:var(--blue);width:18px;height:18px;margin:0}.extra .day-pick .small{grid-column:2;color:var(--muted)}.extra .empty-choice{margin-top:12px;color:var(--amber);font-size:14px}.extra .section-label{display:block;margin:16px 0 7px;font-size:14px;color:var(--muted)}.extra .school-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.extra .profile-detail{display:grid;gap:10px}.extra .profile-detail div{display:grid;grid-template-columns:140px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.extra .profile-detail dt{color:var(--muted);font-size:14px}.extra .profile-detail dd{margin:0;font-size:16px}.extra .share-bar{background:#e9edff;color:#2440be;border-radius:8px;padding:12px 16px;font-size:14px;margin-bottom:16px}.extra .progress-strip{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.extra .progress-strip span{background:var(--canvas);padding:7px 10px;border-radius:6px;font-size:13px;color:var(--muted)}.extra .progress-strip span.active{background:#e9edff;color:var(--blue)}.extra details{border:1px solid var(--line);border-radius:9px;margin-top:16px;padding:14px 16px}.extra summary{cursor:pointer;font-size:15px;min-height:28px}.extra details p{font-size:15px;margin-top:12px;color:var(--muted)}
.extra .whatsapp-stage{padding:18px 24px;min-height:620px}.wa-demo{max-width:420px;margin:auto;background:#efeae2;border:1px solid #ddd8d1;border-radius:14px;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.wa-header{background:#fff;display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #e3e2df}.wa-header img{width:34px;height:34px;object-fit:contain;padding:6px;border:1px solid #e8e9eb;border-radius:50%}.wa-header strong{font-size:16px}.wa-header small{display:block;font-size:12px;color:#627078}.wa-chat{height:480px;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.wa-date{align-self:center;background:#fff9;border-radius:5px;padding:4px 9px;font-size:11px;color:#637079}.wa-bubble{font-size:15px;line-height:1.4;background:#fff;border-radius:8px;padding:10px 12px;max-width:94%;box-shadow:0 1px 2px #0000000c;align-self:flex-start}.wa-bubble.out{align-self:flex-end;background:#d9fdd3;min-width:94px}.wa-bubble time{display:block;font-size:10px;color:#748078;text-align:right;margin-top:5px}.wa-proposals{display:grid;gap:7px;margin:10px 0 4px}.wa-proposals button{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e2e5e7;border-radius:8px;background:#fff;padding:10px;min-height:58px;color:#1b2730;width:100%;font-family:inherit}.wa-proposals button:disabled{opacity:1}.wa-proposals button.selected{border-color:#16805d;background:#f3fbf6}.wa-proposals button small{display:block;font-size:12px;color:#65737c;line-height:1.3;margin-top:2px}.wa-proposals .avatar{width:32px;height:32px;font-size:13px}.wa-replies{display:grid;gap:0;border-top:1px solid #e5e8e9;margin:10px -12px -10px}.wa-replies button{border:0;border-top:1px solid #e5e8e9;background:#fff;color:#2272ad;padding:12px;min-height:44px;border-radius:0;font-family:inherit;font-size:14px}.wa-replies button:first-child{border-top:0}.wa-compose{background:#f7f8fa;padding:10px 13px;color:#858e95;font-size:13px;display:flex;align-items:center;gap:9px}.wa-compose span{flex:1;background:#fff;border:1px solid #e2e5e7;border-radius:20px;padding:8px 13px}.wa-demo-label{font-size:12px;color:var(--muted);margin:12px auto 0;max-width:420px;text-align:center}.wa-response{font-size:13px;color:#1a654d;margin:10px 0 0}.extra .brand-mini{width:24px;height:24px}.extra .state-flash{animation:enter .3s ease-out}
@media(max-width:760px){.extra .stage{min-height:800px}.extra .flow-grid{grid-template-columns:1fr;gap:6px;margin:18px 0}.extra .flow-arrow{height:22px;transform:rotate(90deg)}.extra .flow-card{padding:16px}.extra .flow-card h3{font-size:20px;margin:7px 0}.extra .flow-card .status{margin-top:10px}.extra .field-grid{grid-template-columns:1fr}.extra .handoff{gap:7px;flex-wrap:wrap}.extra .handoff .role-badge{font-size:12px;padding:7px 9px}.extra .quote{font-size:17px;padding:18px}.extra .profile-detail div{grid-template-columns:100px 1fr;gap:8px}.extra .day-pick{gap:8px}.extra .day-pick label{padding:12px 10px}.extra .extra-actions .btn{flex:1}.extra .whatsapp-stage{min-height:570px;padding:14px 8px}.wa-chat{height:470px}.wa-bubble{font-size:14px}.wa-proposals button{padding:8px}.extra .route-options{gap:7px}.extra .route-options .btn{padding:9px 11px}.extra .player .play{min-width:94px}.extra .title-row h2{font-size:25px}.extra .role-line .tabs{flex-wrap:wrap}}
