/* ═══════════════════════════════════════════════════════════════
   3medix — Main Stylesheet v1.0
   ═══════════════════════════════════════════════════════════════ */
:root {
  --blue:#1565C0;--blue-dk:#0D47A1;--blue-lt:#E3F2FD;--blue-md:#1976D2;
  --green:#2E7D32;--green-br:#43A047;--green-lt:#E8F5E9;
  --sub:#546E7A;--border:#E0E0E0;--bg:#F5F7FA;--white:#fff;
  --r:8px;--r-lg:14px;
  --sh:0 2px 12px rgba(0,0,0,.08);--sh-lg:0 8px 32px rgba(0,0,0,.14);
}
*{box-sizing:border-box;margin:0;padding:0;}
#medix-app{font-family:'Poppins',sans-serif;color:#212121;background:var(--bg);min-height:100vh;display:flex;flex-direction:column;}
#medix-app button{cursor:pointer;font-family:'Poppins',sans-serif;}
#medix-app .hidden{display:none!important;}
#medix-app .page{display:none;}
#medix-app .page.active{display:flex;flex-direction:column;flex-grow:1;animation:mxFade .25s ease;}
@keyframes mxFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ── TOP BAR ── */
.mx-topbar{background:var(--blue);height:36px;display:flex;align-items:center;padding:0 2rem;justify-content:space-between;}
.mx-topbar-l{display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;}
.mx-topbar-r{display:flex;gap:12px;align-items:center;}
.mx-topbar-r a{color:rgba(255,255,255,.8);text-decoration:none;}
.mx-topbar-r svg{width:17px;height:17px;fill:rgba(255,255,255,.8);}
.mx-topbar-r a:hover svg{fill:#fff;}
.mx-lang-sel{display:flex;gap:2px;background:rgba(255,255,255,.15);border-radius:20px;padding:3px;margin-left:.5rem;}
.mx-lang-btn{padding:3px 10px;border-radius:20px;border:none;background:none;font-size:11px;font-weight:600;color:rgba(255,255,255,.7);cursor:pointer;transition:.15s;}
.mx-lang-btn.active{background:#fff;color:var(--blue);}

/* ── NAV ── */
.mx-nav{background:#fff;border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;height:68px;gap:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.mx-brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;}
.mx-brand-name{font-size:1.6rem;font-weight:800;color:var(--blue);}
.mx-brand-name span{color:var(--green-br);}
.mx-brand-sub{font-size:11px;color:var(--sub);margin-top:-2px;}
.mx-nl{background:none;border:none;font-size:13.5px;font-weight:500;color:#212121;padding:8px 14px;border-radius:6px;transition:.15s;}
.mx-nl:hover,.mx-nl.act{color:var(--blue-md);background:var(--blue-lt);}
.mx-nl.login{border:1.5px solid var(--blue);color:var(--blue);}
.mx-nl.signup{background:var(--blue);color:#fff;}
.mx-nl.signup:hover{background:var(--blue-dk);}

/* ── HERO ── */
.mx-hero{position:relative;min-height:460px;flex-grow:1;flex-shrink:0;overflow:hidden;display:grid;grid-template-columns:52% 48%;background:linear-gradient(130deg,#C5DAFB 0%,#DCEEFF 45%,#B8D0F7 100%);}
.mx-hero-left{display:flex;align-items:center;padding:3rem 1.5rem 3rem 2.5rem;position:relative;z-index:2;}
.mx-hero-box{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-radius:var(--r-lg);padding:2rem 2.5rem;max-width:500px;box-shadow:0 4px 40px rgba(21,101,192,.12);border:1px solid rgba(255,255,255,.8);}
.mx-hero-box h1{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;color:#1A1A2E;line-height:1.2;margin-bottom:.5rem;}
.mx-hero-box p{font-size:14px;color:var(--sub);margin-bottom:1.5rem;line-height:1.7;}
.mx-hero-badges{display:flex;gap:1.25rem;flex-wrap:wrap;}
.mx-hbadge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#0D47A1;}
.mx-hbadge svg{width:26px;height:26px;flex-shrink:0;}
.mx-hero-right{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;}
.mx-hero-right::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(21,101,192,.12) 0%,transparent 70%);bottom:-80px;right:-80px;z-index:0;}
.mx-doctor-wrap{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;}
.mx-doctor-photo{width:auto;max-width:100%;height:100%;max-height:85vh;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(2px 0 24px rgba(21,101,192,.18));}

/* floating cards */
.mx-fc{position:absolute;z-index:4;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 4px 20px rgba(0,0,0,.13);display:flex;align-items:center;gap:10px;animation:mxFloat 3.5s ease-in-out infinite;}
.mx-fc.top{top:22px;right:16px;}
.mx-fc.bot{bottom:22px;left:12px;animation-delay:1.75s;}
@keyframes mxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.mx-fc-ic{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mx-fc-ic.g{background:var(--green-lt);}
.mx-fc-ic.b{background:var(--blue-lt);}
.mx-fc-ic svg{width:18px;height:18px;stroke-width:2;fill:none;}
.mx-fc-ic.g svg{stroke:var(--green);}
.mx-fc-ic.b svg{stroke:var(--blue);}
.mx-fc-txt{font-size:11.5px;font-weight:700;color:#212121;line-height:1.3;}
.mx-fc-txt span{display:block;font-size:10.5px;font-weight:400;color:var(--sub);}

/* ── BENEFITS ── */
.mx-benefits{background:#fff;border-top:1px solid var(--border);padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
@media(max-width:700px){.mx-benefits{grid-template-columns:1fr 1fr;}}
.mx-benefit{display:flex;align-items:flex-start;gap:12px;}
.mx-ben-ic{width:44px;height:44px;border-radius:50%;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mx-ben-ic svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:2;}
.mx-benefit h4{font-size:13px;font-weight:600;margin-bottom:2px;}
.mx-benefit p{font-size:11.5px;color:var(--sub);line-height:1.5;}

/* ── SECTION ── */
.mx-sec{padding:2.5rem 2rem;max-width:1100px;margin:0 auto;}
.mx-sec h2{font-size:1.3rem;font-weight:700;margin-bottom:1.25rem;}

/* ── SEARCH BAR ── */
.mx-srow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2rem;}
.mx-srow input,.mx-srow select{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--r);font-size:13px;font-family:'Poppins',sans-serif;outline:none;transition:.15s;background:#fff;}
.mx-srow input:focus,.mx-srow select:focus{border-color:var(--blue);}
.mx-srow input{flex:1;min-width:180px;}
.mx-btn-search{background:var(--blue);color:#fff;border:none;border-radius:var(--r);padding:10px 20px;font-size:13px;font-weight:600;transition:.18s;}
.mx-btn-search:hover{background:var(--blue-dk);}

/* ── DOCTOR CARDS ── */
.mx-dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;}
.mx-dcard{background:#fff;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--sh);overflow:hidden;transition:.2s;cursor:pointer;}
.mx-dcard:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--blue);}
.mx-dcard-hd{padding:1.25rem;display:flex;align-items:center;gap:12px;}
.mx-dcard-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.7);flex-shrink:0;}
.mx-dcard-ini{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0;border:3px solid rgba(255,255,255,.5);}
.mx-dname{font-size:.95rem;font-weight:700;color:#fff;}
.mx-dspec{font-size:11.5px;color:rgba(255,255,255,.8);margin-top:2px;}
.mx-dcard-bd{padding:1.1rem;}
.mx-dmeta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem;}
.mx-dmeta span{font-size:12px;color:var(--sub);}
.mx-mchips{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:.85rem;}
.mx-mchip{font-size:10px;padding:2px 8px;border-radius:20px;background:var(--blue-lt);color:var(--blue);font-weight:600;}
.mx-book-btn{width:100%;background:var(--blue);color:#fff;border:none;border-radius:var(--r);padding:9px;font-size:13px;font-weight:600;transition:.18s;}
.mx-book-btn:hover{background:var(--blue-dk);}

/* ── DOCTOR DETAIL PANEL ── */
.mx-detail-panel{background:#fff;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--sh);padding:2rem;margin-top:1.5rem;}
.mx-detail-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;}
.mx-detail-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--blue-lt);flex-shrink:0;}
.mx-detail-info h2{font-size:1.3rem;font-weight:700;margin-bottom:.25rem;}
.mx-detail-info .spec{color:var(--green-br);font-weight:600;font-size:.95rem;margin-bottom:.5rem;}
.mx-detail-info .meta-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:.5rem;}
.mx-detail-info .meta-item{font-size:13px;color:var(--sub);display:flex;align-items:center;gap:5px;}
.mx-detail-bio{font-size:13.5px;color:var(--sub);line-height:1.7;margin-bottom:1.5rem;}
.mx-fee-box{background:var(--blue-lt);border-radius:var(--r);padding:.75rem 1.25rem;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;}
.mx-fee-box span{font-size:1.2rem;font-weight:800;color:var(--blue);}
.mx-fee-box small{font-size:12px;color:var(--sub);}

/* ── CALENDAR / AVAILABILITY ── */
.mx-cal-wrap{margin-top:1.5rem;}
.mx-cal-nav{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.mx-cal-nav button{background:var(--blue-lt);border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--blue);cursor:pointer;}
.mx-cal-month{font-size:1rem;font-weight:700;}
.mx-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1rem;}
.mx-cal-dow{font-size:11px;font-weight:700;text-align:center;color:var(--sub);padding:6px 0;text-transform:uppercase;}
.mx-cal-day{min-height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;cursor:pointer;transition:.15s;border:1.5px solid transparent;}
.mx-cal-day:hover:not(.empty):not(.past){border-color:var(--blue);background:var(--blue-lt);}
.mx-cal-day.empty{background:none;cursor:default;}
.mx-cal-day.past{color:#CCC;cursor:not-allowed;}
.mx-cal-day.selected{background:var(--blue);color:#fff;border-color:var(--blue);}
.mx-cal-day.has-slots{background:#E8F5E9;color:var(--green);}
.mx-cal-day.selected.has-slots{background:var(--blue);color:#fff;}
.mx-slots-wrap{margin-top:.75rem;}
.mx-slots-title{font-size:13px;font-weight:600;margin-bottom:.6rem;color:var(--sub);}
.mx-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.mx-slot{padding:8px;border:1.5px solid var(--border);border-radius:8px;text-align:center;font-size:12.5px;font-weight:500;cursor:pointer;transition:.15s;background:#fff;}
.mx-slot:hover{border-color:var(--blue);background:var(--blue-lt);}
.mx-slot.sel{border-color:var(--blue);background:var(--blue);color:#fff;}
.mx-slot.taken{background:#F5F5F5;color:#CCC;cursor:not-allowed;border-color:#EEE;text-decoration:line-through;}

/* ── MODAL ── */
.mx-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:mxFade .2s ease;}
.mx-modal{background:#fff;border-radius:var(--r-lg);max-width:540px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--sh-lg);}
.mx-mhd{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;}
.mx-mhd h3{font-size:1rem;font-weight:700;}
.mx-mhd p{font-size:12px;color:var(--sub);margin-top:2px;}
.mx-mcl{background:none;border:none;font-size:20px;color:#9E9E9E;cursor:pointer;padding:0 4px;}
.mx-mbd{padding:1.5rem;}
.mx-fg{margin-bottom:1rem;}
.mx-fl{display:block;font-size:12px;font-weight:600;margin-bottom:5px;color:#333;}
.mx-fi{width:100%;border:1.5px solid var(--border);border-radius:var(--r);padding:9px 13px;font-size:13px;font-family:'Poppins',sans-serif;outline:none;transition:.15s;background:#fff;}
.mx-fi:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,101,192,.1);}
.mx-cbtn{width:100%;background:var(--blue);color:#fff;border:none;border-radius:var(--r);padding:11px;font-size:14px;font-weight:600;margin-top:.5rem;transition:.18s;}
.mx-cbtn:hover{background:var(--blue-dk);}
.mx-cbtn.green{background:var(--green);}
.mx-cbtn.green:hover{background:var(--green-br);}
.mx-succ{background:var(--green-lt);border:1.5px solid var(--green-br);border-radius:var(--r);padding:1.5rem;text-align:center;}
.mx-succ .icon{font-size:2.5rem;margin-bottom:.5rem;}
.mx-succ h4{color:var(--green);font-size:1rem;font-weight:700;margin-bottom:.5rem;}
.mx-succ p{font-size:13px;color:var(--sub);margin-bottom:.25rem;}

/* ── LOGIN ── */
.mx-lwrap{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem;}
.mx-lbox{background:#fff;border-radius:var(--r-lg);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--sh-lg);}
.mx-lbox h2{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:.25rem;}
.mx-lbox .sub{text-align:center;font-size:13px;color:var(--sub);margin-bottom:1.5rem;}
.mx-rtabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:1.25rem;}
.mx-rtab{padding:9px;border-radius:var(--r);border:1.5px solid var(--border);background:none;font-size:12px;font-weight:600;color:var(--sub);cursor:pointer;transition:.15s;}
.mx-rtab.act{border-color:var(--blue);background:var(--blue-lt);color:var(--blue);}
.mx-divider{text-align:center;font-size:12px;color:#BDBDBD;margin:.8rem 0;position:relative;}
.mx-divider::before,.mx-divider::after{content:'';position:absolute;top:50%;width:40%;height:1px;background:var(--border);}
.mx-divider::before{left:0;}.mx-divider::after{right:0;}
.mx-demo-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:.5rem;}
.mx-dbtn{padding:8px;border-radius:var(--r);border:1.5px solid;font-size:11.5px;font-weight:600;cursor:pointer;}
.mx-dp{border-color:var(--blue);color:var(--blue);background:var(--blue-lt);}
.mx-dd{border-color:var(--green);color:var(--green);background:var(--green-lt);}
.mx-da{border-color:#F57C00;color:#E65100;background:#FFF3E0;}

/* ── DASHBOARD (doctor) ── */
.mx-dash{display:grid;grid-template-columns:220px 1fr;min-height:70vh;}
.mx-sb{background:var(--blue-dk);padding:1.25rem;display:flex;flex-direction:column;gap:3px;}
.mx-sbs{font-size:10px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;padding:10px 10px 4px;margin-top:.5rem;}
.mx-sbi{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:7px;color:rgba(255,255,255,.65);font-size:13px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:.15s;}
.mx-sbi:hover,.mx-sbi.act{background:rgba(255,255,255,.12);color:#fff;}
.mx-sbi svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;}
.mx-dmain{padding:1.75rem;overflow-y:auto;background:var(--bg);}
.mx-dhd{margin-bottom:1.5rem;}
.mx-dhd h2{font-size:1.3rem;font-weight:700;}
.mx-dhd p{font-size:13px;color:var(--sub);margin-top:3px;}
.mx-krow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin-bottom:1.5rem;}
.mx-kpi{background:#fff;border-radius:10px;padding:1.1rem 1.25rem;border:1px solid var(--border);box-shadow:var(--sh);}
.mx-kn{font-size:1.9rem;font-weight:800;color:var(--blue);}
.mx-kl{font-size:11px;color:var(--sub);margin-top:2px;}
.mx-kd{font-size:11px;font-weight:600;margin-top:5px;color:var(--green-br);}
.mx-tcard{background:#fff;border-radius:10px;border:1px solid var(--border);box-shadow:var(--sh);overflow:hidden;margin-bottom:1.25rem;}
.mx-tchd{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.mx-tchd h3{font-size:.92rem;font-weight:700;}
.mx-tcard table{width:100%;border-collapse:collapse;}
.mx-tcard th{font-size:10.5px;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:9px 14px;background:#FAFAFA;}
.mx-tcard td{padding:11px 14px;font-size:12.5px;border-top:1px solid #F5F5F5;}
.mx-tcard tr:hover td{background:#FAFBFF;}
.mx-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:10px;font-weight:700;}
.mx-bok{background:#E8F5E9;color:#2E7D32;}
.mx-bpend{background:#FFF8E1;color:#F57F17;}
.mx-bcancel{background:#FFEBEE;color:#C62828;}
.mx-bdone{background:#E3F2FD;color:#1565C0;}
.mx-ab{padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;border:none;cursor:pointer;margin-right:4px;}
.mx-abok{background:#E8F5E9;color:#2E7D32;}
.mx-abcancel{background:#FFEBEE;color:#C62828;}
.mx-abview{background:#F5F5F5;color:#424242;}

/* ── PROFILE FORM ── */
.mx-pfc{background:#fff;border-radius:10px;border:1px solid var(--border);padding:1.75rem;max-width:620px;box-shadow:var(--sh);}
.mx-photo-upload{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.mx-photo-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--blue-lt);}
.mx-photo-ini{width:80px;height:80px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#fff;flex-shrink:0;}
.mx-photo-upload label{background:var(--blue-lt);color:var(--blue);padding:8px 16px;border-radius:var(--r);font-size:12.5px;font-weight:600;cursor:pointer;border:1.5px dashed var(--blue);}
.mx-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media(max-width:600px){.mx-grid-2{grid-template-columns:1fr;}}
.mx-modes-wrap{display:flex;gap:1rem;flex-wrap:wrap;margin-top:6px;}
.mx-modes-wrap label{font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;}

/* ── SCHEDULE BUILDER ── */
.mx-sched-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:1rem;}
.mx-sched-day{background:#fff;border-radius:8px;border:1px solid var(--border);overflow:hidden;}
.mx-sched-dh{background:var(--blue);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:7px 4px;text-transform:uppercase;}
.mx-sched-db{padding:6px;display:flex;flex-direction:column;gap:4px;}
.mx-sched-slot{display:flex;align-items:center;gap:4px;font-size:10.5px;}
.mx-sched-slot input[type=time]{border:1px solid var(--border);border-radius:4px;padding:3px 4px;font-size:10px;width:68px;}
.mx-sched-add{font-size:10px;color:var(--blue);background:none;border:none;cursor:pointer;padding:2px 0;}
.mx-sched-rm{font-size:10px;color:#C62828;background:none;border:none;cursor:pointer;}

/* ── TOGGLE ── */
.mx-tog-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sub);margin-bottom:.75rem;}
.mx-tg{width:38px;height:21px;border-radius:20px;background:#CFD8DC;position:relative;cursor:pointer;transition:.2s;flex-shrink:0;}
.mx-tg.on{background:var(--blue);}
.mx-tg::after{content:'';width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.mx-tg.on::after{left:19px;}

/* ── CTA SECTION ── */
.mx-cta{text-align:center;padding:2.5rem 1rem 1.5rem;}
.mx-cta h2{font-size:1.4rem;font-weight:700;margin-bottom:.4rem;}
.mx-cta p{color:var(--sub);margin-bottom:1.25rem;font-size:13.5px;}

/* ── FOOTER ── */
.mx-footer{background:var(--blue-dk);color:rgba(255,255,255,.55);text-align:center;padding:1.25rem;font-size:12px;}

/* ── TOAST ── */
.mx-toast{position:fixed;bottom:2rem;right:2rem;z-index:99999;background:#333;color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;font-family:'Poppins',sans-serif;box-shadow:var(--sh-lg);animation:mxFade .3s ease;max-width:340px;}
.mx-toast.success{background:var(--green);}
.mx-toast.error{background:#C62828;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .mx-hero{grid-template-columns:1fr;}
  .mx-hero-right{display:none;}
  .mx-nav{gap:.5rem;padding:0 1rem;}
  .mx-nl{padding:6px 8px;font-size:12px;}
  .mx-dash{grid-template-columns:1fr;}
  .mx-sched-grid{grid-template-columns:repeat(4,1fr);}
}