/* MathPro Tutors Phase 3 — invoice-backed enrolment and scheduling portal */
.phase3-shell{padding:clamp(2.25rem,5vw,4.75rem) 0;background:linear-gradient(180deg,#f7fbff 0,#fff 22rem);min-height:70vh;color:#18324b}
.phase3-shell *{box-sizing:border-box}.phase3-shell h1,.phase3-shell h2,.phase3-shell h3{letter-spacing:-.035em;color:#102f4e}.phase3-shell p{color:#566b7f;line-height:1.7}.phase3-admin-shell{background:linear-gradient(180deg,#eef7ff 0,#f8fbfe 28rem)}
.phase3-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid #d8e7f2;border-radius:24px;background:linear-gradient(135deg,#fff 0,#f5fbff 68%,#e7f5ff 100%);box-shadow:0 20px 55px rgba(23,61,92,.09)}
.phase3-hero.compact{align-items:center}.phase3-hero h1{margin:.2rem 0 .55rem;font-size:clamp(2rem,4vw,3.35rem);line-height:1.03}.phase3-hero p{max-width:760px;margin:0}.phase3-hero .status-badge{flex:none}.phase3-narrow{max-width:1120px}.phase3-back{display:inline-flex;margin:0 0 1rem;color:#145f91;font-weight:750;text-decoration:none}.phase3-back:hover{text-decoration:underline}
.phase3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 1.5rem}.phase3-stats article{display:flex;flex-direction:column;min-height:135px;padding:1.25rem;border:1px solid #dce8f1;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(25,61,90,.06)}.phase3-stats span{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6c8192}.phase3-stats strong{margin:.35rem 0;font-size:clamp(1.35rem,2vw,2.05rem);line-height:1.15;color:#153d61}.phase3-stats small{margin-top:auto;color:#718494;line-height:1.4}
.phase3-panel{margin:0 0 1.5rem;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid #dce8f1;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(25,61,90,.065)}.phase3-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e7eef4}.phase3-panel>header h2{margin:.15rem 0 .25rem;font-size:clamp(1.35rem,2.4vw,2rem)}.phase3-panel>header p{margin:0;max-width:720px}.phase3-panel>header>span,.phase3-panel>header>strong{flex:none;color:#315b78;font-weight:800}.phase3-price{font-size:1.55rem!important;color:#0e664b!important}.phase3-action-panel{border-color:#bedbea;background:linear-gradient(145deg,#fff 0,#f6fbff 100%)}
.phase3-install-card,.phase3-empty{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border:1px dashed #8db8d2;border-radius:20px;background:#fff}.phase3-install-card>span,.phase3-empty>span{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:17px;background:#173e62;color:#fff;font-weight:900}.phase3-install-card h2,.phase3-empty h2{margin:0 0 .3rem}.phase3-install-card p,.phase3-empty p{margin:0}.phase3-empty .button{margin-left:auto;flex:none}
.phase3-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:1.5rem}.phase3-definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0}.phase3-definition-grid>div{padding:.9rem;border-radius:14px;background:#f5f9fc}.phase3-definition-grid dt{font-size:.73rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#728596}.phase3-definition-grid dd{margin:.2rem 0 0;color:#183d5e;font-weight:750}.phase3-note{margin-top:1rem;padding:1rem;border-left:4px solid #4b9cc8;border-radius:0 12px 12px 0;background:#f0f8fd}.phase3-note p{margin:.3rem 0 0}
.phase3-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.phase3-form-grid label,.phase3-review-actions label{display:flex;flex-direction:column;gap:.4rem;color:#29475f;font-weight:750}.phase3-form-grid label small,.phase3-form-grid .form-actions small{font-weight:500;color:#718393;line-height:1.45}.phase3-form-grid .span-2{grid-column:1/-1}.phase3-form-grid input,.phase3-form-grid select,.phase3-form-grid textarea,.phase3-review-actions input,.phase3-review-actions textarea{width:100%;padding:.82rem .9rem;border:1px solid #c8d9e4;border-radius:11px;background:#fff;color:#173b59;font:inherit;outline:none}.phase3-form-grid input:focus,.phase3-form-grid select:focus,.phase3-form-grid textarea:focus,.phase3-review-actions input:focus,.phase3-review-actions textarea:focus{border-color:#287daf;box-shadow:0 0 0 3px rgba(40,125,175,.13)}.phase3-form-grid .form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.phase3-confirm-box{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border:1px solid #bdd9e8;border-radius:14px;background:#ebf7fd}.phase3-confirm-box strong{color:#153e60}.phase3-confirm-box span{color:#5b7386}.phase3-confirm-box .button{margin-left:auto}
.phase3-slot-list{display:grid;gap:.55rem;margin:1rem 0;padding:0;list-style:none}.phase3-slot-list li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .8rem;border-radius:10px;background:#f3f8fb;color:#526b7e}.phase3-slot-list strong{color:#183e5f}.phase3-empty-inline,.phase3-locked{padding:1.1rem;border:1px dashed #b5cad8;border-radius:14px;background:#f8fbfd;color:#657a8b}.phase3-locked strong{display:block;color:#294c67}.phase3-locked p{margin:.25rem 0 0}
.phase3-shell .responsive-table{overflow:auto;border:1px solid #e2ebf1;border-radius:14px}.phase3-shell table{width:100%;border-collapse:collapse;min-width:820px}.phase3-shell th{padding:.8rem .9rem;background:#f1f7fb;color:#587083;font-size:.74rem;letter-spacing:.065em;text-align:left;text-transform:uppercase}.phase3-shell td{padding:.9rem;border-top:1px solid #e6edf2;vertical-align:middle;color:#31516a}.phase3-shell td strong,.phase3-shell td small{display:block}.phase3-shell td small{margin-top:.25rem;color:#788a98}.phase3-shell tbody tr:hover{background:#fbfdff}.phase3-shell .empty-cell{padding:2rem;text-align:center;color:#7a8a97}
.phase3-review-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.phase3-review-strip a{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid #dce7ee;border-radius:14px;background:#f8fbfd;text-decoration:none}.phase3-review-strip a:hover{border-color:#7db1ce;transform:translateY(-1px)}.phase3-review-strip strong{color:#153e5e}.phase3-review-strip span{color:#2c6a8d}.phase3-review-strip small{color:#738697}
.phase3-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.phase3-evidence-grid>article{padding:1.1rem;border:1px solid #dce7ee;border-radius:15px;background:#f9fbfd}.phase3-evidence-grid article>header{display:flex;justify-content:space-between;gap:1rem}.phase3-evidence-grid article>header small{display:block;margin-top:.25rem;color:#788b98}.phase3-evidence-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.phase3-evidence-grid dl>div{padding:.6rem;border-radius:9px;background:#fff}.phase3-evidence-grid dt{font-size:.7rem;text-transform:uppercase;color:#7b8c98}.phase3-evidence-grid dd{margin:.2rem 0 0;font-weight:700;overflow-wrap:anywhere}.phase3-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e9ef}.phase3-review-actions form{display:grid;gap:.7rem}.button-danger{background:#a83434!important;border-color:#a83434!important;color:#fff!important}
.phase3-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.phase3-enrollment-card{display:flex;flex-direction:column;padding:1.3rem;border:1px solid #d9e6ef;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(27,65,96,.06)}.phase3-enrollment-card>header{display:flex;justify-content:space-between;gap:.8rem}.phase3-enrollment-card h2{margin:.15rem 0;font-size:1.35rem}.phase3-enrollment-card header small{color:#758a9b}.phase3-enrollment-card>p{margin:.7rem 0}.phase3-enrollment-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 1rem}.phase3-enrollment-card dl>div{padding:.65rem;border-radius:10px;background:#f4f8fb}.phase3-enrollment-card dt{font-size:.7rem;text-transform:uppercase;color:#7b8c9a}.phase3-enrollment-card dd{margin:.2rem 0 0;font-size:.88rem;font-weight:700;color:#254761}.phase3-enrollment-card .button{margin-top:auto}
.phase3-request-stack{display:grid;gap:.9rem}.phase3-request-availability{border:1px solid #d7e5ee;border-radius:15px;background:#fbfdff;overflow:hidden}.phase3-request-availability>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none}.phase3-request-availability>summary::-webkit-details-marker{display:none}.phase3-request-availability>summary small,.phase3-request-availability>summary strong{display:block}.phase3-request-availability>summary small{color:#778a98}.phase3-request-availability>summary span{color:#1a6c9a;font-weight:750}.phase3-request-availability>form{padding:1.1rem;border-top:1px solid #dce7ee;background:#fff}.phase3-slot-editor{padding:1rem;border:1px solid #dce7ee;border-radius:13px;background:#f6fafc}.phase3-slot-editor>p{margin:.2rem 0 .8rem}.phase3-slot-editor>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.7rem;margin:.7rem 0}
.phase3-portal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.phase3-portal-actions a{display:flex;flex-direction:column;padding:1.1rem;border:1px solid #d9e7ef;border-radius:15px;background:#fff;text-decoration:none;box-shadow:0 8px 26px rgba(29,67,96,.05)}.phase3-portal-actions a:hover{border-color:#75adca;transform:translateY(-2px)}.phase3-portal-actions span{font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#6d8495}.phase3-portal-actions strong{margin:.25rem 0;color:#153e5f;font-size:1.15rem}.phase3-portal-actions small{color:#718697}.phase3-payment-callout>header>strong,.phase3-manual-payment>header>strong{font-size:1.45rem;color:#0b6649}.phase3-destination{margin-bottom:1.2rem;padding:1rem;border:1px solid #b7d9d0;border-radius:14px;background:#effaf6}.phase3-destination span,.phase3-destination strong,.phase3-destination small{display:block}.phase3-destination span{font-size:.74rem;text-transform:uppercase;color:#547b70}.phase3-destination strong{margin:.3rem 0;color:#174c40;font-size:1.1rem;overflow-wrap:anywhere}.phase3-destination p{margin:.7rem 0 0}
.phase3-evidence-history{display:grid;gap:.7rem}.phase3-evidence-history article{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.85rem;border-radius:12px;background:#f5f9fc}.phase3-evidence-history article small{color:#728596}.phase3-evidence-history article p{grid-column:2/-1;margin:0}.phase3-class-list{display:grid;gap:.65rem}.phase3-class-list article{display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid #e0e9ef;border-radius:12px}.phase3-class-list time{font-weight:800;color:#176b96}.phase3-class-list strong,.phase3-class-list small{display:block}.phase3-class-list small{margin-top:.2rem;color:#748797}.phase3-recording-callout{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.5rem,3vw,2.3rem);border-radius:20px;background:linear-gradient(135deg,#143b5d,#17658d);box-shadow:0 20px 45px rgba(19,59,91,.2)}.phase3-recording-callout h2,.phase3-recording-callout p,.phase3-recording-callout .pro-eyebrow{color:#fff}.phase3-recording-callout h2{margin:.2rem 0}.phase3-recording-callout p{max-width:760px;margin:0;opacity:.82}.phase3-recording-callout .button{flex:none;background:#fff!important;color:#174a6b!important}
@media(max-width:980px){.phase3-stats{grid-template-columns:repeat(2,1fr)}.phase3-detail-grid{grid-template-columns:1fr}.phase3-card-grid{grid-template-columns:repeat(2,1fr)}.phase3-review-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.phase3-shell{padding:1.5rem 0 3rem}.phase3-hero,.phase3-panel>header,.phase3-recording-callout{align-items:flex-start;flex-direction:column}.phase3-hero .pro-button-row{width:100%}.phase3-hero .pro-button-row .button{flex:1}.phase3-stats,.phase3-card-grid,.phase3-review-strip,.phase3-evidence-grid,.phase3-portal-actions{grid-template-columns:1fr}.phase3-form-grid{grid-template-columns:1fr}.phase3-form-grid .span-2{grid-column:auto}.phase3-confirm-box .button{width:100%;margin-left:0}.phase3-definition-grid{grid-template-columns:1fr 1fr}.phase3-slot-editor>div{grid-template-columns:1fr}.phase3-review-actions{grid-template-columns:1fr}.phase3-evidence-history article{grid-template-columns:1fr}.phase3-evidence-history article p{grid-column:auto}.phase3-class-list article{grid-template-columns:1fr auto}.phase3-class-list time{grid-column:1/-1}.phase3-empty{align-items:flex-start;flex-wrap:wrap}.phase3-empty .button{width:100%;margin-left:0}}
@media(max-width:440px){.phase3-stats,.phase3-definition-grid{grid-template-columns:1fr}.phase3-stats article{min-height:110px}.phase3-shell .button{white-space:normal}.phase3-class-list article{grid-template-columns:1fr}.phase3-hero{border-radius:18px;padding:1.25rem}}
@media(prefers-reduced-motion:reduce){.phase3-shell *{scroll-behavior:auto!important;transition:none!important}}