/* WP Teacher Mutual Matching 3.1.2 - Premium Mutual Cards / Fast UI */
.mtm-dashboard{--mtm-navy:#071a3a;--mtm-navy2:#0c2a59;--mtm-blue:#1769e8;--mtm-blue2:#2f7cf4;--mtm-green:#11965a;--mtm-green2:#17b66d;--mtm-text:#162844;--mtm-muted:#718096;--mtm-line:#e5ebf3;--mtm-bg:#f4f7fb;max-width:1240px;margin:24px auto;padding:0 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--mtm-text);font-size:14px;line-height:1.45}
.mtm-dashboard *{box-sizing:border-box}
.mtm-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;margin-bottom:18px;padding:26px 28px;border:1px solid #dfe8f4;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f9fbff 55%,#f1f7ff 100%);box-shadow:0 8px 28px rgba(17,45,85,.06)}
.mtm-hero:after{content:"";position:absolute;right:-90px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(35,111,232,.11),transparent 68%);pointer-events:none}
.mtm-hero-copy{position:relative;z-index:1;min-width:0}
.mtm-live-pill{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;padding:5px 9px;border:1px solid #cdebdc;border-radius:999px;background:#f0fbf5;color:#147c4d;font-size:9px;font-weight:900;letter-spacing:.08em}
.mtm-live-dot{width:7px;height:7px;border-radius:50%;background:#19a463;box-shadow:0 0 0 4px rgba(25,164,99,.10);animation:mtmPulse 1.8s ease-in-out infinite}
@keyframes mtmPulse{50%{opacity:.35;transform:scale(.75)}}
.mtm-kicker{display:block;margin-bottom:3px;color:var(--mtm-blue);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mtm-hero h2{margin:0;color:#172b4d;font-size:30px;line-height:1.15;font-weight:850;letter-spacing:-.6px}
.mtm-hero p{max-width:760px;margin:8px 0 0;color:var(--mtm-muted);font-size:13px;line-height:1.55}
.mtm-hero-rule{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.mtm-hero-rule span{padding:5px 8px;border:1px solid #e4eaf2;border-radius:7px;background:#fff;color:#5d6d83;font-size:10px;font-weight:700}
.mtm-total-wrap{position:relative;z-index:1;flex:0 0 auto}
.mtm-total{min-width:142px;padding:13px 17px;text-align:center;border:1px solid #d6e7f8;border-radius:15px;background:linear-gradient(145deg,#f7fbff,#edf6ff);box-shadow:inset 0 1px 0 #fff}
.mtm-total-label{display:block;color:#66809d;font-size:8px;font-weight:900;letter-spacing:.09em}
.mtm-total strong{display:block;margin:1px 0;color:var(--mtm-blue);font-size:31px;line-height:1;font-weight:900}
.mtm-total span:last-child{color:#66758a;font-size:11px;font-weight:700}
.mtm-pair-list{display:grid;gap:16px}
.mtm-pair-card{position:relative;overflow:hidden;padding:19px;border:1px solid #e0e7f0;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(19,45,82,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.mtm-pair-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(#1769e8,#17a968);opacity:.95}
.mtm-pair-card:hover{transform:translateY(-2px);border-color:#d3dfed;box-shadow:0 12px 30px rgba(19,45,82,.08)}
.mtm-pair-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding-left:2px}
.mtm-pair-heading{min-width:0}
.mtm-pair-number{display:block;color:#7b899d;font-size:9px;font-weight:900;letter-spacing:.11em}
.mtm-pair-top h3{display:flex;align-items:center;gap:7px;margin:3px 0 1px;color:#1b2d49;font-size:18px;line-height:1.25;font-weight:850}
.mtm-handshake{font-size:18px}
.mtm-pair-caption{display:block;color:#8390a2;font-size:10px}
.mtm-pair-score-wrap{text-align:right;flex:0 0 auto}
.mtm-pair-score{display:inline-block;padding:7px 10px;border:1px solid #c9efd9;border-radius:10px;background:linear-gradient(135deg,#edfcf3,#e4f9ec);color:#14814e;font-size:19px;font-weight:950;line-height:1}
.mtm-pair-score-wrap small{display:block;margin-top:4px;color:#79a28d;font-size:7px;font-weight:900;letter-spacing:.09em}
.mtm-pair-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:11px;align-items:center}
.mtm-between{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d6e5f7;border-radius:50%;background:#f4f8fe;color:var(--mtm-blue);font-size:21px;font-weight:900;box-shadow:0 4px 12px rgba(23,105,232,.08)}
.mtm-teacher-card{border:1px solid #e1e8f0;border-radius:15px;padding:16px;background:linear-gradient(145deg,#fbfdff,#f8fbfe);transition:border-color .18s,box-shadow .18s}
.mtm-teacher-card:hover{border-color:#cddbea;box-shadow:0 5px 18px rgba(17,45,82,.05)}
.mtm-teacher-head{display:flex;align-items:center;gap:11px}
.mtm-avatar{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border:1px solid #d7e6f5;border-radius:50%;background:linear-gradient(145deg,#edf6ff,#e2f0fb);color:#2372b4;font-size:19px;font-weight:900}
.mtm-teacher-title{min-width:0;flex:1}
.mtm-teacher-title h4{margin:0;color:#1b2b43;font-size:16px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtm-teacher-title span{display:block;margin-top:2px;color:#7b8798;font-size:9px;font-weight:700;letter-spacing:.02em}
.mtm-exact-badge{padding:5px 7px;border:1px solid #c9efd9;border-radius:999px;background:#e9faef;color:#167448;font-size:8px;font-weight:900;white-space:nowrap}
.mtm-transfer-route{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:8px;align-items:center;margin-top:14px;padding:12px;border:1px solid #edf1f6;border-radius:11px;background:#f8fafc}
.mtm-location small{display:block;color:#7c899a;font-size:8px;font-weight:900;letter-spacing:.07em}
.mtm-location strong{display:block;margin-top:4px;color:#1c2c43;font-size:14px;font-weight:850}
.mtm-location span{display:block;margin-top:2px;color:#718096;font-size:11px}
.mtm-location.choice strong{color:#2271b1}
.mtm-route-arrow{text-align:center;color:#2271b1;font-size:19px;font-weight:900}
.mtm-teacher-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.mtm-teacher-meta span{padding:5px 7px;border:1px solid #e7ebf1;border-radius:7px;background:#f4f6f9;color:#536174;font-size:9px}
.mtm-teacher-meta b{color:#35445a}
.mtm-private-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding:10px 11px;border:1px dashed #cbd8e6;border-radius:10px;background:#f8fafc}
.mtm-private-preview strong{display:block;color:#2d3a4e;font-size:10px;font-weight:850}
.mtm-private-preview small{display:block;margin-top:2px;color:#7a8797;font-size:8px}
.mtm-show-details{border:0;border-radius:8px;padding:8px 11px;background:linear-gradient(135deg,#1c72b8,#1665a7);color:#fff;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 4px 10px rgba(23,105,168,.16);transition:transform .15s,box-shadow .15s}
.mtm-show-details:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(23,105,168,.22)}
.mtm-pair-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:12px;padding:9px 12px;border:1px solid #edf1f5;border-radius:9px;background:#f8fafc;color:#748196;font-size:10px}
.mtm-pair-summary span:nth-child(2){text-align:center}
.mtm-pair-summary span:last-child{text-align:right}
.mtm-pair-summary b{color:#536278}
.mtm-no-match{text-align:center;padding:54px 20px;border:1px dashed #cbd7e4;border-radius:17px;background:#fff;box-shadow:0 6px 20px rgba(20,45,85,.035)}
.mtm-no-icon{font-size:34px;margin-bottom:7px}.mtm-no-match h3{margin:0 0 7px;font-size:18px}.mtm-no-match p{max-width:680px;margin:0 auto;color:#718096;font-size:12px;line-height:1.6}
.mtm-privacy{margin-top:14px;padding:11px 13px;border-left:4px solid #2271b1;border-radius:7px;background:#f2f7fd;color:#64748b;font-size:10px;line-height:1.55}
/* Verification modal */
.mtm-detail-modal{position:fixed;inset:0;z-index:999999;display:none}.mtm-detail-modal.is-open{display:block}.mtm-detail-backdrop{position:absolute;inset:0;background:rgba(8,22,45,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.mtm-detail-dialog{position:relative;width:min(720px,calc(100% - 28px));max-height:90vh;overflow:auto;margin:5vh auto 0;padding:28px;background:#fff;border:1px solid rgba(255,255,255,.75);border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.mtm-detail-close{position:absolute;top:11px;right:12px;width:38px;height:38px;border:1px solid #e4e8ee;border-radius:50%;background:#f7f9fb;color:#56657a;font-size:25px;line-height:1;cursor:pointer}.mtm-detail-close:hover{background:#eef3f8}
.mtm-detail-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;border:1px solid #d8e8f8;border-radius:50%;background:#eef7ff;font-size:27px}.mtm-detail-dialog h3{text-align:center;margin:0 0 7px;color:#1c2d47;font-size:22px}.mtm-detail-intro{text-align:center;color:#6b788c;font-size:12px;line-height:1.55;margin:0 auto 19px}.mtm-verify-form label{display:block;margin:11px 0 5px;color:#27364d;font-size:12px;font-weight:850}.mtm-verify-form input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d5deea;border-radius:9px;outline:0;background:#f9fbfd;color:#1f2f46;font-size:13px}.mtm-verify-form input:focus{border-color:#77a9e9;box-shadow:0 0 0 3px rgba(23,105,232,.08);background:#fff}.mtm-verify-btn{width:100%;min-height:46px;margin-top:14px;border:0;border-radius:9px;background:linear-gradient(135deg,#1b74bb,#155fa0);color:#fff;font-size:13px;font-weight:850;cursor:pointer}.mtm-verify-btn:disabled{opacity:.72;cursor:wait}.mtm-verify-error{display:none;margin-top:10px;padding:9px 11px;border:1px solid #fecdd3;border-radius:8px;background:#fff1f2;color:#be123c;font-size:11px}
.mtm-verified-head{text-align:center;padding:7px 0 16px}.mtm-verified-badge{display:inline-block;padding:5px 9px;border:1px solid #c9efd9;border-radius:999px;background:#dcfce7;color:#166534;font-size:9px;font-weight:900}.mtm-verified-head h3{margin:8px 0 2px!important}.mtm-verified-head small{color:#718096;font-size:10px}.mtm-two-profiles{display:grid;grid-template-columns:1fr;gap:13px}.mtm-verified-profile{border:1px solid #e1e7ee;border-radius:13px;padding:14px;background:#fbfdff}.mtm-profile-title{text-align:center;border-bottom:1px solid #e8edf2;padding-bottom:12px;margin-bottom:11px}.mtm-profile-title h4{margin:7px 0 2px;color:#667085;font-size:11px}.mtm-profile-title strong{display:block;color:#17263e;font-size:17px}.mtm-profile-title small{display:block;margin-top:2px;color:#7a8798;font-size:10px}.mtm-profile-link{text-align:center;padding:3px;color:#2271b1;font-size:11px}.mtm-full-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mtm-full-field{padding:10px 11px;border:1px solid #e5eaf0;border-radius:8px;background:#f8fafc}.mtm-full-field span{display:block;color:#758297;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.mtm-full-field strong{display:block;margin-top:3px;color:#27364c;font-size:11px;word-break:break-word}
@media(min-width:900px){.mtm-two-profiles{grid-template-columns:1fr 1fr}.mtm-profile-link{grid-column:1/-1;grid-row:2}}
@media(max-width:800px){.mtm-dashboard{padding:0 11px;margin:17px auto}.mtm-hero{align-items:flex-start;flex-direction:column;padding:21px}.mtm-total-wrap,.mtm-total{width:100%}.mtm-pair-grid{grid-template-columns:1fr}.mtm-between{margin:0 auto;transform:rotate(90deg)}.mtm-pair-summary{grid-template-columns:1fr;text-align:left}.mtm-pair-summary span,.mtm-pair-summary span:last-child,.mtm-pair-summary span:nth-child(2){text-align:left}.mtm-pair-summary span:nth-child(2){order:3}.mtm-detail-dialog{margin-top:3vh;max-height:94vh}}
@media(max-width:560px){.mtm-dashboard{padding:0 8px}.mtm-hero{padding:17px}.mtm-hero h2{font-size:22px}.mtm-hero-rule{gap:4px}.mtm-hero-rule span{font-size:8px}.mtm-pair-card{padding:14px}.mtm-pair-top{align-items:flex-start}.mtm-pair-top h3{font-size:15px}.mtm-pair-caption{font-size:9px}.mtm-pair-score{font-size:16px}.mtm-teacher-card{padding:13px}.mtm-teacher-head{align-items:flex-start}.mtm-avatar{width:40px;height:40px;flex-basis:40px}.mtm-teacher-title h4{font-size:14px}.mtm-exact-badge{font-size:7px}.mtm-transfer-route{grid-template-columns:1fr}.mtm-route-arrow{transform:rotate(90deg)}.mtm-private-preview{align-items:flex-start;flex-direction:column}.mtm-show-details{width:100%}.mtm-full-grid{grid-template-columns:1fr}.mtm-detail-dialog{padding:22px 16px}}


/* =========================================================
   3.1.1 PREMIUM COLOURFUL MUTUAL CARDS
   Fully scoped to .mtm-dashboard to avoid Elementor/theme
   layout conflicts.
========================================================= */

/* Main match card gets a refined premium gradient edge */
.mtm-dashboard .mtm-pair-card{
  border:1px solid #dfe8f4;
  background:
    linear-gradient(145deg,#ffffff 0%,#f9fbff 58%,#f5f9ff 100%);
  box-shadow:
    0 10px 30px rgba(19,45,82,.07),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.mtm-dashboard .mtm-pair-card:before{
  width:5px;
  background:linear-gradient(
    180deg,
    #2563eb 0%,
    #7c3aed 34%,
    #0ea5a4 68%,
    #f59e0b 100%
  );
}

/* Pair header */
.mtm-dashboard .mtm-pair-number{
  display:inline-block;
  padding:5px 8px;
  border:1px solid #d7e5f6;
  border-radius:999px;
  background:linear-gradient(135deg,#eef6ff,#f7f2ff);
  color:#3567a7;
}

.mtm-dashboard .mtm-pair-top h3{
  color:#172b4d;
}

.mtm-dashboard .mtm-handshake{
  display:inline-grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:9px;
  background:linear-gradient(145deg,#fff1c7,#ffe29a);
  box-shadow:0 5px 12px rgba(234,156,18,.15);
}

/* Perfect-match badge */
.mtm-dashboard .mtm-pair-score{
  border-color:#bfe9d0;
  background:linear-gradient(135deg,#e8fff1,#dff8eb);
  color:#0f8a50;
  box-shadow:0 5px 14px rgba(18,150,90,.10);
}

/* Teacher cards — colourful alternating treatment */
.mtm-dashboard .mtm-teacher-card{
  position:relative;
  overflow:hidden;
  border:1px solid #dce6f1;
  background:linear-gradient(145deg,#ffffff,#f8fbff);
  box-shadow:0 7px 20px rgba(20,55,95,.055);
}

.mtm-dashboard .mtm-teacher-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
}

.mtm-dashboard .mtm-teacher-card:nth-child(1):before{
  background:linear-gradient(90deg,#2563eb,#4f46e5);
}

.mtm-dashboard .mtm-teacher-card:nth-child(3):before{
  background:linear-gradient(90deg,#08a977,#0ea5a4);
}

/* Colourful avatars */
.mtm-dashboard .mtm-teacher-card:nth-child(1) .mtm-avatar{
  border-color:#cddcff;
  background:linear-gradient(145deg,#eaf1ff,#dfe7ff);
  color:#315bdc;
  box-shadow:0 7px 15px rgba(49,91,220,.13);
}

.mtm-dashboard .mtm-teacher-card:nth-child(3) .mtm-avatar{
  border-color:#c9eee0;
  background:linear-gradient(145deg,#e8fbf4,#d8f4ea);
  color:#078c68;
  box-shadow:0 7px 15px rgba(7,140,104,.12);
}

/* Match badge gets a richer colour */
.mtm-dashboard .mtm-exact-badge{
  border-color:#d7c7ff;
  background:linear-gradient(135deg,#f3edff,#e9e0ff);
  color:#6d36c9;
  box-shadow:0 4px 10px rgba(109,54,201,.08);
}

/* Current posting / choice route */
.mtm-dashboard .mtm-transfer-route{
  border-color:#dce7f4;
  background:linear-gradient(135deg,#f5f9ff,#fbfdff);
}

.mtm-dashboard .mtm-location strong{
  color:#1e3a62;
}

.mtm-dashboard .mtm-location.choice strong{
  color:#078c68;
}

.mtm-dashboard .mtm-route-arrow{
  width:30px;
  height:30px;
  margin:auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#edf4ff,#e7f8f2);
  color:#286bd8;
  box-shadow:0 4px 10px rgba(40,107,216,.08);
}

/* Meta chips become more premium */
.mtm-dashboard .mtm-teacher-meta span{
  border-color:#dfe8f2;
  background:linear-gradient(135deg,#f8fbff,#f2f7fc);
}

.mtm-dashboard .mtm-teacher-meta span:nth-child(2){
  border-color:#d8ece7;
  background:linear-gradient(135deg,#f3fcf8,#ebfaf5);
}

.mtm-dashboard .mtm-teacher-meta span:nth-child(3){
  border-color:#e8def7;
  background:linear-gradient(135deg,#fbf7ff,#f5effd);
}

/* Private details area */
.mtm-dashboard .mtm-private-preview{
  border:1px dashed #cbd9e8;
  background:linear-gradient(135deg,#f7faff,#f9fcff);
}

.mtm-dashboard .mtm-show-details{
  background:linear-gradient(135deg,#2563eb,#5146e5);
  box-shadow:0 6px 15px rgba(37,99,235,.18);
}

.mtm-dashboard .mtm-show-details:hover{
  box-shadow:0 9px 20px rgba(37,99,235,.25);
}

/* Center connector */
.mtm-dashboard .mtm-between{
  border-color:#d8d9fb;
  background:
    linear-gradient(145deg,#eef1ff,#f5edff);
  color:#6a46dc;
  box-shadow:
    0 7px 18px rgba(95,70,210,.11),
    inset 0 1px 0 rgba(255,255,255,.9);
}

/* Bottom route summary */
.mtm-dashboard .mtm-pair-summary{
  border-color:#dce7f3;
  background:linear-gradient(135deg,#f6faff,#f8fcff);
}

.mtm-dashboard .mtm-pair-summary b{
  color:#315b91;
}

/* Gentle shine on hover */
.mtm-dashboard .mtm-teacher-card:after{
  content:"";
  position:absolute;
  top:-40%;
  left:-80%;
  width:45%;
  height:180%;
  transform:skewX(-20deg);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.55),
    transparent
  );
  opacity:0;
  transition:left .55s ease,opacity .2s ease;
  pointer-events:none;
}

.mtm-dashboard .mtm-teacher-card:hover:after{
  left:135%;
  opacity:1;
}

/* Mobile: preserve the existing responsive structure */
@media(max-width:800px){
  .mtm-dashboard .mtm-pair-card{
    border-radius:16px;
  }

  .mtm-dashboard .mtm-teacher-card{
    border-radius:14px;
  }
}

@media(max-width:560px){
  .mtm-dashboard .mtm-handshake{
    width:28px;
    height:28px;
  }

  .mtm-dashboard .mtm-pair-number{
    font-size:8px;
  }
}



/* =========================================================
   3.1.2 — FULL-WIDTH PREMIUM MUTUAL MATCH LAYOUT
   Two bordered teacher cards + central handshake connector.
   Fully scoped to .mtm-dashboard.
========================================================= */

.mtm-dashboard{
  max-width:1500px;
  width:100%;
  margin:20px auto;
  padding:0 8px;
}

.mtm-dashboard .mtm-pair-list{
  width:100%;
  gap:18px;
}

.mtm-dashboard .mtm-pair-card{
  width:100%;
  padding:20px;
  border:1px solid #d6e3f2;
  border-radius:22px;
  background:
    linear-gradient(145deg,#ffffff 0%,#fbfdff 58%,#f5f9ff 100%);
  box-shadow:
    0 14px 38px rgba(20,55,100,.075),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.mtm-dashboard .mtm-pair-card:before{
  left:0;
  top:0;
  width:100%;
  height:4px;
  border-radius:22px 22px 0 0;
  background:linear-gradient(90deg,#2563eb 0%,#6546e8 32%,#f1b72b 50%,#0da878 68%,#16a6a9 100%);
}

.mtm-dashboard .mtm-pair-top{
  padding:2px 4px 0;
  margin-bottom:18px;
}

.mtm-dashboard .mtm-pair-number{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border:1px solid #cfe0f5;
  border-radius:999px;
  background:linear-gradient(135deg,#eef5ff,#f5f1ff);
  color:#35649b;
  font-size:10px;
}

.mtm-dashboard .mtm-pair-top h3{
  font-size:clamp(18px,2vw,24px);
  letter-spacing:-.35px;
}

.mtm-dashboard .mtm-handshake{
  width:42px;
  height:42px;
  display:inline-grid;
  place-items:center;
  flex:0 0 42px;
  border:1px solid #f2d48a;
  border-radius:13px;
  background:linear-gradient(145deg,#fff4cb,#ffe6a0);
  box-shadow:0 7px 18px rgba(231,167,26,.18),inset 0 1px 0 #fff;
  font-size:23px;
}

.mtm-dashboard .mtm-pair-score{
  min-width:78px;
  padding:9px 13px;
  border:1px solid #aee2c6;
  border-radius:13px;
  background:linear-gradient(145deg,#e9fff2,#dff7e9);
  color:#098052;
  box-shadow:0 7px 16px rgba(11,143,87,.10);
  font-size:23px;
}

/* The two actual teacher cards become strong premium bordered panels. */
.mtm-dashboard .mtm-pair-grid{
  position:relative;
  grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);
  gap:12px;
  align-items:stretch;
}

.mtm-dashboard .mtm-teacher-card{
  position:relative;
  min-width:0;
  padding:18px;
  border:2px solid #c9dbf8;
  border-radius:19px;
  background:linear-gradient(145deg,#ffffff,#f7faff);
  box-shadow:
    0 10px 25px rgba(24,64,115,.07),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.mtm-dashboard .mtm-pair-grid > .mtm-teacher-card:first-child{
  border-color:#b9d1ff;
  box-shadow:0 10px 28px rgba(37,99,235,.09),inset 0 1px 0 #fff;
}

.mtm-dashboard .mtm-pair-grid > .mtm-teacher-card:nth-child(3){
  border-color:#b8e6d7;
  box-shadow:0 10px 28px rgba(10,151,108,.085),inset 0 1px 0 #fff;
}

.mtm-dashboard .mtm-pair-grid > .mtm-teacher-card:first-child:before,
.mtm-dashboard .mtm-pair-grid > .mtm-teacher-card:nth-child(3):before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:-2px;
  height:4px;
  border-radius:999px;
}

.mtm-dashboard .mtm-pair-grid > .mtm-teacher-card:first-child:before{
  background:linear-gradient(90deg,#2563eb,#6546e8);
}

.mtm-dashboard .mtm-pair-grid > .mtm-teacher-card:nth-child(3):before{
  background:linear-gradient(90deg,#0a9b6d,#0ea5a4);
}

.mtm-dashboard .mtm-teacher-card:hover{
  transform:translateY(-3px);
  border-color:#8fb5e8;
  box-shadow:0 16px 34px rgba(24,64,115,.12);
}

.mtm-dashboard .mtm-pair-grid > .mtm-teacher-card:nth-child(3):hover{
  border-color:#7ed0b7;
}

/* Central handshake replaces the old <-> visual. */
.mtm-dashboard .mtm-between{
  align-self:center;
  justify-self:center;
  position:relative;
  width:64px;
  height:64px;
  z-index:5;
  border:2px solid #f0c45c;
  border-radius:50%;
  background:linear-gradient(145deg,#fffdf5,#fff4d2);
  color:#d89409;
  font-size:0;
  box-shadow:
    0 10px 26px rgba(211,145,7,.18),
    0 0 0 7px rgba(246,202,76,.08),
    inset 0 1px 0 #fff;
}

.mtm-dashboard .mtm-between:before{
  content:"🤝";
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:29px;
  line-height:1;
  filter:saturate(1.1);
}

.mtm-dashboard .mtm-between:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:118px;
  height:2px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,#7da7ed,#f0c45c,#78cdb3);
  z-index:-1;
  opacity:.55;
}

/* Keep the summary flush with the cards for a wide, unified result panel. */
.mtm-dashboard .mtm-pair-summary{
  margin-top:14px;
  min-height:50px;
  padding:10px 15px;
  border:1px solid #d5e2ef;
  border-radius:13px;
  background:linear-gradient(135deg,#f4f8fd,#fbfdff);
}

@media(max-width:1100px) and (min-width:801px){
  .mtm-dashboard .mtm-pair-grid{
    grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);
  }
  .mtm-dashboard .mtm-teacher-card{padding:15px;}
  .mtm-dashboard .mtm-between{width:56px;height:56px;}
  .mtm-dashboard .mtm-between:after{width:88px;}
}

@media(max-width:800px){
  .mtm-dashboard{
    width:100%;
    max-width:100%;
    margin:15px auto;
    padding:0 8px;
  }

  .mtm-dashboard .mtm-pair-card{
    padding:15px;
    border-radius:18px;
  }

  .mtm-dashboard .mtm-pair-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .mtm-dashboard .mtm-between{
    width:56px;
    height:56px;
    margin:0 auto;
    transform:none;
  }

  .mtm-dashboard .mtm-between:after{
    width:2px;
    height:42px;
    background:linear-gradient(180deg,#7da7ed,#f0c45c,#78cdb3);
  }

  .mtm-dashboard .mtm-teacher-card{
    padding:14px;
    border-width:2px;
  }
}

@media(max-width:560px){
  .mtm-dashboard .mtm-pair-top{
    gap:10px;
    margin-bottom:13px;
  }

  .mtm-dashboard .mtm-handshake{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:19px;
  }

  .mtm-dashboard .mtm-pair-top h3{
    font-size:15px;
  }

  .mtm-dashboard .mtm-pair-score{
    min-width:64px;
    padding:7px 9px;
    font-size:17px;
  }

  .mtm-dashboard .mtm-pair-score-wrap small{
    font-size:6px;
  }

  .mtm-dashboard .mtm-between{
    width:50px;
    height:50px;
  }

  .mtm-dashboard .mtm-between:before{
    font-size:24px;
  }
}


/* =========================================================
   v3.1.2 FIXED PREMIUM MATCH CARDS
   Dedicated class prevents older CSS/caches from overriding
   the new design. No global selectors.
========================================================= */
.mtm-premium-v312{
  width:100% !important;
  max-width:1500px !important;
  margin:20px auto !important;
  padding:0 6px !important;
  overflow:visible !important;
}
.mtm-premium-v312 .mtm-pair-list{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  gap:18px !important;
}
.mtm-premium-v312 .mtm-pair-card{
  width:100% !important;
  margin:0 !important;
  padding:20px !important;
  border:1px solid #d4e1ef !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,#ffffff 0%,#fbfdff 55%,#f4f9ff 100%) !important;
  box-shadow:0 14px 36px rgba(20,55,100,.075),inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.mtm-premium-v312 .mtm-pair-grid{
  display:grid !important;
  width:100% !important;
  grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:stretch !important;
}
.mtm-premium-v312 .mtm-pair-grid > .mtm-teacher-card{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:18px !important;
  border-width:2px !important;
  border-radius:20px !important;
  background:#fff !important;
}
.mtm-premium-v312 .mtm-pair-grid > .mtm-teacher-card:first-child{
  border-color:#b8d0ff !important;
  box-shadow:0 12px 28px rgba(37,99,235,.10) !important;
}
.mtm-premium-v312 .mtm-pair-grid > .mtm-teacher-card:nth-child(3){
  border-color:#b4e2d2 !important;
  box-shadow:0 12px 28px rgba(8,154,111,.095) !important;
}
.mtm-premium-v312 .mtm-pair-grid > .mtm-teacher-card:first-child:before,
.mtm-premium-v312 .mtm-pair-grid > .mtm-teacher-card:nth-child(3):before{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  top:-2px !important;
  height:4px !important;
  border-radius:999px !important;
}
.mtm-premium-v312 .mtm-pair-grid > .mtm-teacher-card:first-child:before{
  background:linear-gradient(90deg,#2563eb,#6546e8) !important;
}
.mtm-premium-v312 .mtm-pair-grid > .mtm-teacher-card:nth-child(3):before{
  background:linear-gradient(90deg,#0a9b6d,#0ea5a4) !important;
}
.mtm-premium-v312 .mtm-between{
  align-self:center !important;
  justify-self:center !important;
  position:relative !important;
  z-index:10 !important;
  width:62px !important;
  height:62px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:2px solid #efc252 !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#fffef8,#fff0bf) !important;
  color:#c98708 !important;
  font-size:0 !important;
  line-height:1 !important;
  box-shadow:0 10px 24px rgba(211,145,7,.20),0 0 0 7px rgba(246,202,76,.09),inset 0 1px 0 #fff !important;
}
.mtm-premium-v312 .mtm-between span{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:100% !important;
  font-size:29px !important;
  line-height:1 !important;
  transform:none !important;
}
.mtm-premium-v312 .mtm-between:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:110px !important;
  height:2px !important;
  transform:translate(-50%,-50%) !important;
  background:linear-gradient(90deg,#7da7ed,#efc252,#76cdb1) !important;
  opacity:.58 !important;
  z-index:-1 !important;
}
.mtm-premium-v312 .mtm-pair-summary{
  width:100% !important;
  margin:14px 0 0 !important;
  border-radius:13px !important;
}
@media(max-width:800px){
  .mtm-premium-v312{
    width:100% !important;
    max-width:100% !important;
    padding:0 7px !important;
  }
  .mtm-premium-v312 .mtm-pair-card{
    padding:15px !important;
    border-radius:18px !important;
  }
  .mtm-premium-v312 .mtm-pair-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .mtm-premium-v312 .mtm-between{
    width:54px !important;
    height:54px !important;
  }
  .mtm-premium-v312 .mtm-between span{
    font-size:25px !important;
  }
  .mtm-premium-v312 .mtm-between:after{
    width:2px !important;
    height:40px !important;
    background:linear-gradient(180deg,#7da7ed,#efc252,#76cdb1) !important;
  }
}
@media(max-width:560px){
  .mtm-premium-v312 .mtm-pair-card{padding:13px !important;}
  .mtm-premium-v312 .mtm-pair-grid > .mtm-teacher-card{padding:14px !important;}
  .mtm-premium-v312 .mtm-between{width:50px !important;height:50px !important;}
  .mtm-premium-v312 .mtm-between span{font-size:23px !important;}
}


/* =========================================================
   v3.1.3 — COMPACT HANDSHAKE + PAGINATION
========================================================= */
.mtm-premium-v312 .mtm-pair-grid{
  grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) !important;
  gap:4px !important;
}
.mtm-premium-v312 .mtm-between{
  width:38px !important;
  height:38px !important;
  border-width:1.5px !important;
  box-shadow:0 6px 15px rgba(211,145,7,.14),0 0 0 4px rgba(246,202,76,.07),inset 0 1px 0 #fff !important;
  animation:mtmHandshakeBlink 1.7s ease-in-out infinite;
}
.mtm-premium-v312 .mtm-between span{
  font-size:19px !important;
  animation:mtmHandshakePulse 1.7s ease-in-out infinite;
}
.mtm-premium-v312 .mtm-between:after{
  width:64px !important;
  opacity:.48 !important;
}
@keyframes mtmHandshakeBlink{
  0%,100%{opacity:1;transform:scale(1);}
  45%{opacity:.62;transform:scale(.94);}
  55%{opacity:1;transform:scale(1);}
}
@keyframes mtmHandshakePulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.08);}
}

.mtm-premium-v312 .mtm-pagination{
  width:100%;
  margin:16px 0 0;
  padding:13px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #dce7f3;
  border-radius:15px;
  background:linear-gradient(135deg,#fbfdff,#f5f9ff);
  box-shadow:0 6px 18px rgba(20,55,100,.045),inset 0 1px 0 rgba(255,255,255,.95);
}
.mtm-premium-v312 .mtm-pagination-total,
.mtm-premium-v312 .mtm-pagination-per-page{
  color:#63758c;
  font-size:10px;
  white-space:nowrap;
}
.mtm-premium-v312 .mtm-pagination-total strong{
  color:#1d4f8f;
  font-size:13px;
}
.mtm-premium-v312 .mtm-pagination-per-page strong{
  color:#314f72;
}
.mtm-premium-v312 .mtm-pagination-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
}
.mtm-premium-v312 .mtm-page-btn{
  min-width:34px;
  height:34px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d8e4f1;
  border-radius:9px;
  background:#fff;
  color:#284769 !important;
  text-decoration:none !important;
  font-size:10px;
  font-weight:850;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.mtm-premium-v312 a.mtm-page-btn:hover{
  transform:translateY(-2px);
  border-color:#9fc0e8;
  box-shadow:0 6px 14px rgba(37,99,235,.12);
}
.mtm-premium-v312 .mtm-page-active{
  border-color:#2563eb;
  background:linear-gradient(135deg,#2563eb,#5145e5);
  color:#fff !important;
  box-shadow:0 6px 15px rgba(37,99,235,.20);
}
.mtm-premium-v312 .mtm-page-disabled{
  opacity:.42;
  cursor:not-allowed;
}
.mtm-premium-v312 .mtm-page-dots{
  color:#7a8ca1;
  font-size:12px;
  padding:0 2px;
}
@media(max-width:800px){
  .mtm-premium-v312 .mtm-pair-grid{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
  .mtm-premium-v312 .mtm-between{
    width:38px !important;
    height:38px !important;
  }
  .mtm-premium-v312 .mtm-between span{font-size:19px !important;}
  .mtm-premium-v312 .mtm-between:after{
    width:2px !important;
    height:34px !important;
  }
  .mtm-premium-v312 .mtm-pagination{
    flex-wrap:wrap;
    justify-content:center;
  }
  .mtm-premium-v312 .mtm-pagination-total{
    width:100%;
    text-align:center;
  }
  .mtm-premium-v312 .mtm-pagination-per-page{
    width:100%;
    text-align:center;
  }
}
@media(max-width:560px){
  .mtm-premium-v312 .mtm-pair-grid{gap:6px !important;}
  .mtm-premium-v312 .mtm-between{
    width:34px !important;
    height:34px !important;
  }
  .mtm-premium-v312 .mtm-between span{font-size:17px !important;}
  .mtm-premium-v312 .mtm-page-btn{
    min-width:31px;
    height:31px;
    padding:0 7px;
    font-size:9px;
  }
  .mtm-premium-v312 .mtm-pagination-controls{gap:4px;}
}
\n\n/* =========================================================\n   v3.1.4 — SCREENSHOT-MATCHED PREMIUM VISUAL REFRESH\n========================================================= */\n.mtm-premium-v312{max-width:1540px!important;padding:0 24px!important;margin:18px auto!important;}\n.mtm-premium-v312 .mtm-pair-card{padding:22px 24px 20px!important;border:0!important;border-radius:22px!important;background:linear-gradient(145deg,#fff 0%,#fbfdff 72%,#f7faff 100%)!important;box-shadow:0 12px 34px rgba(17,47,90,.06),inset 0 1px 0 #fff!important;}\n.mtm-premium-v312 .mtm-pair-top{margin-bottom:16px!important;align-items:flex-start!important;}\n.mtm-premium-v312 .mtm-pair-number{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 13px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#1268ef,#2855df)!important;color:#fff!important;font-size:12px!important;letter-spacing:.02em!important;box-shadow:0 7px 16px rgba(37,99,235,.16)!important;}\n.mtm-premium-v312 .mtm-pair-number:after{content:"★";color:#ffd54a;font-size:12px;}\n.mtm-premium-v312 .mtm-pair-top h3{font-size:25px!important;color:#10264a!important;gap:9px!important;margin:8px 0 3px!important;}\n.mtm-premium-v312 .mtm-handshake{display:none!important;}\n.mtm-premium-v312 .mtm-pair-caption{font-size:13px!important;color:#6e7d93!important;}\n.mtm-premium-v312 .mtm-pair-score-wrap{min-width:170px!important;}\n.mtm-premium-v312 .mtm-pair-score{min-width:150px!important;padding:13px 18px!important;border:1px solid #b9ead0!important;border-radius:17px 17px 0 0!important;background:linear-gradient(180deg,#effdf5,#dff8ea)!important;color:#07934e!important;font-size:42px!important;font-weight:950!important;box-shadow:0 6px 18px rgba(12,153,88,.09)!important;}\n.mtm-premium-v312 .mtm-pair-score-wrap small{position:relative!important;display:block!important;margin:0!important;padding:5px 8px!important;background:#f5bf24!important;color:#152b49!important;border-radius:0 0 8px 8px!important;font-size:11px!important;letter-spacing:.01em!important;}\n.mtm-premium-v312 .mtm-pair-score-wrap small:before,.mtm-premium-v312 .mtm-pair-score-wrap small:after{content:"";position:absolute;top:0;border-top:14px solid #e4aa12;border-bottom:14px solid #e4aa12;}\n.mtm-premium-v312 .mtm-pair-score-wrap small:before{left:-9px;border-left:9px solid transparent;}\n.mtm-premium-v312 .mtm-pair-score-wrap small:after{right:-9px;border-right:9px solid transparent;}\n.mtm-premium-v312 .mtm-pair-grid{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;gap:0!important;align-items:stretch!important;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card{position:relative!important;padding:25px 26px 23px!important;border-width:3px!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#fcfdff)!important;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:first-child{border-color:#1457ef!important;box-shadow:0 12px 28px rgba(37,99,235,.08)!important;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3){border-color:#0a9a4e!important;box-shadow:0 12px 28px rgba(8,154,78,.075)!important;}\n.mtm-premium-v312 .mtm-teacher-head{gap:13px!important;}\n.mtm-premium-v312 .mtm-avatar{width:72px!important;height:72px!important;flex-basis:72px!important;font-size:30px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #a8c3ff,0 8px 18px rgba(37,99,235,.16)!important;background:linear-gradient(145deg,#3454f2,#3520c9)!important;color:#fff!important;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3) .mtm-avatar{box-shadow:0 0 0 1px #9edfc8,0 8px 18px rgba(8,154,78,.15)!important;background:linear-gradient(145deg,#0bbf68,#087a4a)!important;}\n.mtm-premium-v312 .mtm-teacher-title h4{font-size:23px!important;color:#10264a!important;}\n.mtm-premium-v312 .mtm-id-row{display:flex;align-items:center;gap:8px;margin-top:4px;color:#53647d;font-size:13px;font-weight:650;}\n.mtm-premium-v312 .mtm-verified-icon{display:inline-grid!important;place-items:center!important;width:19px;height:19px;border-radius:50%;background:#1d64e8;color:#fff;font-size:12px;vertical-align:middle;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3) .mtm-verified-icon{background:#07964e;}\n.mtm-premium-v312 .mtm-verified-pill{padding:4px 8px;border-radius:999px;background:#edf4ff;color:#125bd8;font-size:10px;font-weight:850;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3) .mtm-verified-pill{background:#e9f9f1;color:#07864a;}\n.mtm-premium-v312 .mtm-exact-badge{margin-left:auto;padding:10px 15px!important;border:1px solid #ddc7ff!important;border-radius:999px!important;background:#f7efff!important;color:#6b24d6!important;font-size:12px!important;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3) .mtm-exact-badge{border-color:#bcebd5!important;background:#eafaf1!important;color:#07884a!important;}\n.mtm-premium-v312 .mtm-transfer-route{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;margin-top:20px!important;padding:17px 20px!important;border:1px solid #d8e3f1!important;border-radius:16px!important;background:linear-gradient(135deg,#f8fbff,#fbfdff)!important;}\n.mtm-premium-v312 .mtm-location small{color:#1659d7!important;font-size:12px!important;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3) .mtm-location small{color:#078a4c!important;}\n.mtm-premium-v312 .mtm-location strong{font-size:22px!important;display:flex!important;align-items:center!important;gap:7px!important;color:#122b51!important;}\n.mtm-premium-v312 .mtm-location span:not(.mtm-location-icon){font-size:14px!important;margin-left:27px!important;color:#52647d!important;}\n.mtm-premium-v312 .mtm-location.choice strong{color:#078a4c!important;}\n.mtm-premium-v312 .mtm-location-icon{display:inline-grid!important;place-items:center!important;width:18px!important;height:22px!important;border-radius:12px 12px 12px 0!important;transform:rotate(-45deg)!important;background:#1765ea!important;color:transparent!important;position:relative!important;}\n.mtm-premium-v312 .mtm-location-icon:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;position:absolute;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3) .mtm-location-icon{background:#07964e!important;}\n.mtm-premium-v312 .mtm-route-arrow{width:46px!important;height:46px!important;border:1px solid #cfe0ff!important;border-radius:50%!important;background:#fff!important;color:#1765ea!important;box-shadow:0 7px 15px rgba(37,99,235,.12)!important;font-size:25px!important;display:grid!important;place-items:center!important;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3) .mtm-route-arrow{color:#07964e!important;border-color:#cbeadf!important;box-shadow:0 7px 15px rgba(8,154,78,.10)!important;}\n.mtm-premium-v312 .mtm-teacher-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:17px!important;}\n.mtm-premium-v312 .mtm-teacher-meta span{display:grid!important;grid-template-columns:32px 1fr!important;grid-template-rows:auto auto!important;column-gap:7px!important;align-items:center!important;padding:11px 12px!important;border-radius:13px!important;background:#f7faff!important;border:1px solid #dce7f5!important;color:#52627a!important;font-size:11px!important;}\n.mtm-premium-v312 .mtm-teacher-meta span:nth-child(2){background:#f1fbf6!important;border-color:#d2ece1!important;}\n.mtm-premium-v312 .mtm-teacher-meta span:nth-child(3){background:#fbf5ff!important;border-color:#eadcf8!important;}\n.mtm-premium-v312 .mtm-meta-icon{grid-row:1 / span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf1ff;font-style:normal;font-size:17px;}\n.mtm-premium-v312 .mtm-teacher-meta span:nth-child(2) .mtm-meta-icon{background:#dff7ea;}\n.mtm-premium-v312 .mtm-teacher-meta span:nth-child(3) .mtm-meta-icon{background:#f0e1ff;}\n.mtm-premium-v312 .mtm-teacher-meta b{font-size:11px!important;color:#102b52!important;}\n.mtm-premium-v312 .mtm-teacher-meta em{font-style:normal;font-size:12px;color:#50627c;}\n.mtm-premium-v312 .mtm-private-preview{margin-top:17px!important;padding:14px 16px!important;border:1px dashed #c8d8eb!important;border-radius:14px!important;background:#fbfdff!important;}\n.mtm-premium-v312 .mtm-private-preview strong{font-size:14px!important;color:#102b52!important;}\n.mtm-premium-v312 .mtm-private-preview small{font-size:11px!important;line-height:1.5!important;}\n.mtm-premium-v312 .mtm-show-details{padding:12px 18px!important;border-radius:11px!important;background:linear-gradient(135deg,#1765ea,#3545e8)!important;font-size:13px!important;box-shadow:0 7px 16px rgba(37,99,235,.18)!important;}\n.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card:nth-child(3) .mtm-show-details{background:linear-gradient(135deg,#0a9e55,#078448)!important;box-shadow:0 7px 16px rgba(8,154,78,.16)!important;}\n.mtm-premium-v312 .mtm-between{width:38px!important;height:38px!important;align-self:center!important;justify-self:center!important;border:2px solid #efc252!important;background:#fff8df!important;box-shadow:0 0 0 5px rgba(246,202,76,.10),0 7px 15px rgba(211,145,7,.15)!important;animation:mtmHandshakeBlink 1.7s ease-in-out infinite!important;}\n.mtm-premium-v312 .mtm-between span{font-size:18px!important;}\n.mtm-premium-v312 .mtm-between:after{width:50px!important;opacity:.42!important;}\n.mtm-premium-v312 .mtm-pair-summary{margin-top:17px!important;padding:13px 17px!important;min-height:72px!important;border-radius:15px!important;background:linear-gradient(135deg,#fbfdff,#f5f9ff)!important;font-size:12px!important;}\n.mtm-premium-v312 .mtm-pair-summary span:first-child{text-align:left!important;font-size:16px!important;color:#153d78!important;}\n.mtm-premium-v312 .mtm-pair-summary span:last-child{text-align:right!important;font-size:16px!important;color:#078a4c!important;}\n.mtm-premium-v312 .mtm-pair-summary span:nth-child(2){font-size:12px!important;color:#53667e!important;}\n.mtm-premium-v312 .mtm-pagination{margin-top:18px!important;padding:17px 25px!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 24px rgba(20,55,100,.04)!important;}\n.mtm-premium-v312 .mtm-page-btn{min-width:43px!important;height:43px!important;display:inline-grid!important;place-items:center!important;border:1px solid #dce6f2!important;border-radius:11px!important;background:#fff!important;color:#10264a!important;text-decoration:none!important;font-weight:800!important;}\n.mtm-premium-v312 .mtm-page-active{background:linear-gradient(135deg,#1765ea,#3151e8)!important;color:#fff!important;border-color:#1765ea!important;box-shadow:0 7px 15px rgba(37,99,235,.18)!important;}\n@media(max-width:900px){.mtm-premium-v312 .mtm-pair-top h3{font-size:21px!important}.mtm-premium-v312 .mtm-pair-grid{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)!important}.mtm-premium-v312 .mtm-avatar{width:58px!important;height:58px!important;flex-basis:58px!important}.mtm-premium-v312 .mtm-teacher-title h4{font-size:18px!important}.mtm-premium-v312 .mtm-location strong{font-size:18px!important}.mtm-premium-v312 .mtm-teacher-meta{grid-template-columns:1fr!important}}\n@media(max-width:650px){.mtm-premium-v312{padding:0 7px!important}.mtm-premium-v312 .mtm-pair-card{padding:15px!important}.mtm-premium-v312 .mtm-pair-top{display:block!important}.mtm-premium-v312 .mtm-pair-score-wrap{margin-top:10px;text-align:left!important}.mtm-premium-v312 .mtm-pair-score{min-width:120px!important;font-size:31px!important}.mtm-premium-v312 .mtm-pair-grid{grid-template-columns:1fr!important;gap:8px!important}.mtm-premium-v312 .mtm-between{width:42px!important;height:42px!important}.mtm-premium-v312 .mtm-between:after{width:2px!important;height:38px!important}.mtm-premium-v312 .mtm-pair-grid>.mtm-teacher-card{padding:16px!important}.mtm-premium-v312 .mtm-teacher-meta{grid-template-columns:1fr!important}.mtm-premium-v312 .mtm-pair-summary{grid-template-columns:1fr!important;text-align:center!important;gap:5px!important}.mtm-premium-v312 .mtm-pair-summary span:first-child,.mtm-premium-v312 .mtm-pair-summary span:last-child{text-align:center!important;font-size:13px!important}.mtm-premium-v312 .mtm-pair-summary span:nth-child(2){order:3}}\n


/* =========================================================
   v3.1.5 — EDGE-TO-EDGE MATCH LAYOUT
   Removes outer side margin/padding from the plugin's own
   dashboard/match wrapper. Theme/Elementor containers are
   not globally modified.
========================================================= */
.mtm-dashboard{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.mtm-dashboard .mtm-matches,
.mtm-dashboard .mtm-matches-wrap,
.mtm-dashboard .mtm-match-list,
.mtm-dashboard .mtm-pairs{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (min-width:801px){
  .mtm-dashboard .mtm-pair-card{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

@media (max-width:800px){
  .mtm-dashboard{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}


/* =========================================================
   v3.2.0 — MERGED MUTUAL MATCH CARD
   One unified card with A/B comparison matrix.
========================================================= */
.mtm-premium-v312 .mtm-merged-match{position:relative;overflow:hidden;border:1px solid #d7e2ef;border-radius:20px;background:linear-gradient(135deg,#fbfdff 0%,#ffffff 48%,#f9fffc 100%);box-shadow:0 10px 30px rgba(18,52,91,.07)}
.mtm-premium-v312 .mtm-merged-match:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#2563eb 0%,#7045e8 38%,#f0bd35 50%,#12a878 62%,#0ea5a4 100%)}
.mtm-premium-v312 .mtm-merged-names{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:12px;padding:20px 22px 15px}
.mtm-premium-v312 .mtm-merged-person{display:flex;align-items:center;gap:12px;min-width:0}
.mtm-premium-v312 .mtm-person-b{justify-content:flex-end;text-align:right}
.mtm-premium-v312 .mtm-merged-avatar{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:50%;font-size:22px;font-weight:950;color:#fff;background:linear-gradient(145deg,#3c64ee,#4022d4);box-shadow:0 8px 18px rgba(49,91,220,.18);border:3px solid #fff;outline:1px solid #bcd0ff}
.mtm-premium-v312 .mtm-person-b .mtm-merged-avatar{background:linear-gradient(145deg,#13b979,#087d4c);box-shadow:0 8px 18px rgba(8,154,78,.16);outline-color:#bde8d7}
.mtm-premium-v312 .mtm-merged-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#10264a;font-size:21px;font-weight:950}
.mtm-premium-v312 .mtm-person-b strong{color:#075d42}
.mtm-premium-v312 .mtm-merged-person small{display:block;margin-top:3px;color:#718096;font-size:10px;font-weight:750}
.mtm-premium-v312 .mtm-merged-link{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff8df,#fff2bc);border:2px solid #edc454;box-shadow:0 0 0 6px rgba(238,195,71,.10),0 8px 18px rgba(211,145,7,.14);font-size:23px;animation:mtmMergedHandshake 1.9s ease-in-out infinite}
@keyframes mtmMergedHandshake{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.78}}
.mtm-premium-v312 .mtm-match-matrix{margin:0 22px;border:1px solid #dce6f1;border-radius:16px;overflow:hidden;background:#fff}
.mtm-premium-v312 .mtm-matrix-row{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);min-height:54px;border-top:1px solid #e9eef4}
.mtm-premium-v312 .mtm-matrix-row:first-child{border-top:0}
.mtm-premium-v312 .mtm-matrix-row>div{display:flex;align-items:center;padding:9px 16px;color:#213756;font-size:14px;font-weight:800}
.mtm-premium-v312 .mtm-matrix-row>div:first-child{justify-content:flex-start;background:linear-gradient(90deg,#f5f8ff,#fff);color:#214d9a}
.mtm-premium-v312 .mtm-matrix-row>div:nth-child(2){justify-content:center;border-left:1px solid #edf1f5;border-right:1px solid #edf1f5;background:#fbfcfe;color:#53667f;font-size:10px;font-weight:950;letter-spacing:.08em}
.mtm-premium-v312 .mtm-matrix-row>div:last-child{justify-content:flex-end;text-align:right;background:linear-gradient(90deg,#fff,#f3fbf7);color:#087c54}
.mtm-premium-v312 .mtm-matrix-icon{margin-right:6px;font-size:14px}
.mtm-premium-v312 .mtm-matrix-head>div:nth-child(2){color:#1d5fd2}
.mtm-premium-v312 .mtm-merged-privacy{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 22px 20px;padding:13px 15px;border:1px dashed #c9d8e8;border-radius:14px;background:linear-gradient(135deg,#f7faff,#fbfffd)}
.mtm-premium-v312 .mtm-merged-lock{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#eaf1ff,#eef9f5);font-size:20px;box-shadow:0 5px 12px rgba(30,74,125,.08)}
.mtm-premium-v312 .mtm-merged-private-copy strong{display:block;color:#172f50;font-size:14px;font-weight:900}
.mtm-premium-v312 .mtm-merged-private-copy small{display:block;margin-top:3px;color:#7a8798;font-size:10px;line-height:1.5}
.mtm-premium-v312 .mtm-merged-privacy .mtm-show-details{padding:11px 17px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#5146e5);font-size:12px;box-shadow:0 7px 16px rgba(37,99,235,.18)}

/* Mobile: keep one merged card, with A | label | B comparison rows. */
@media(max-width:650px){
  .mtm-premium-v312 .mtm-merged-match{border-radius:16px}
  .mtm-premium-v312 .mtm-merged-names{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:5px;padding:16px 11px 13px}
  .mtm-premium-v312 .mtm-merged-person{gap:7px}
  .mtm-premium-v312 .mtm-person-b{gap:7px}
  .mtm-premium-v312 .mtm-merged-avatar{width:39px;height:39px;flex-basis:39px;font-size:17px;border-width:2px}
  .mtm-premium-v312 .mtm-merged-person strong{font-size:13px;line-height:1.15}
  .mtm-premium-v312 .mtm-merged-person small{font-size:7px;margin-top:2px;line-height:1.2}
  .mtm-premium-v312 .mtm-merged-link{width:36px;height:36px;font-size:16px;border-width:1.5px;box-shadow:0 0 0 4px rgba(238,195,71,.09),0 5px 12px rgba(211,145,7,.12)}
  .mtm-premium-v312 .mtm-match-matrix{margin:0 10px;border-radius:12px}
  .mtm-premium-v312 .mtm-matrix-row{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);min-height:48px}
  .mtm-premium-v312 .mtm-matrix-row>div{padding:7px 7px;font-size:11px;line-height:1.25}
  .mtm-premium-v312 .mtm-matrix-row>div:nth-child(2){font-size:7px;letter-spacing:.04em;padding:5px 2px}
  .mtm-premium-v312 .mtm-matrix-icon{font-size:11px;margin-right:3px}
  .mtm-premium-v312 .mtm-merged-privacy{grid-template-columns:35px minmax(0,1fr);gap:8px;margin:10px 10px 12px;padding:10px}
  .mtm-premium-v312 .mtm-merged-lock{width:33px;height:33px;border-radius:9px;font-size:16px}
  .mtm-premium-v312 .mtm-merged-private-copy strong{font-size:11px}
  .mtm-premium-v312 .mtm-merged-private-copy small{font-size:8px;line-height:1.35}
  .mtm-premium-v312 .mtm-merged-privacy .mtm-show-details{grid-column:1 / -1;width:100%;min-height:40px;margin-top:2px;font-size:11px;padding:9px 12px}
}

@media(max-width:390px){
  .mtm-premium-v312 .mtm-merged-names{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);padding-left:8px;padding-right:8px}
  .mtm-premium-v312 .mtm-merged-avatar{width:35px;height:35px;flex-basis:35px;font-size:15px}
  .mtm-premium-v312 .mtm-merged-person strong{font-size:11.5px}
  .mtm-premium-v312 .mtm-merged-person small{font-size:6.5px}
  .mtm-premium-v312 .mtm-merged-link{width:32px;height:32px;font-size:14px}
  .mtm-premium-v312 .mtm-matrix-row{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr)}
  .mtm-premium-v312 .mtm-matrix-row>div{font-size:10px;padding:6px 5px}
}


/* =========================================================
   v3.3.0 — FIVE FIELD MATCH + SEARCH + COMPACT HEADING
========================================================= */
.mtm-premium-v312 .mtm-hero-compact{
  margin-bottom:16px;
  padding:20px 22px;
  gap:20px;
}
.mtm-premium-v312 .mtm-heading-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.mtm-premium-v312 .mtm-heading-line .mtm-live-pill{
  margin:0;
  flex:0 0 auto;
}
.mtm-premium-v312 .mtm-heading-line h2{
  margin:0;
  font-size:clamp(22px,2.6vw,30px);
}
.mtm-premium-v312 .mtm-hero-description{
  margin-top:7px;
  max-width:none;
}
.mtm-premium-v312 .mtm-hero-description strong{
  color:#315f9c;
  font-weight:900;
}
.mtm-premium-v312 .mtm-hero-rule{
  margin-top:10px;
}
.mtm-premium-v312 .mtm-hero-rule span{
  border-color:#dbe6f2;
  background:linear-gradient(135deg,#fff,#f6faff);
}
.mtm-premium-v312 .mtm-hero-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
  flex:0 0 300px;
}
.mtm-premium-v312 .mtm-hero-actions .mtm-total{
  width:100%;
  min-width:0;
  padding:10px 14px;
}
.mtm-premium-v312 .mtm-search-form{
  position:relative;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  width:100%;
  min-height:43px;
  padding:4px 5px 4px 10px;
  border:1px solid #d5e1ee;
  border-radius:11px;
  background:#fff;
  box-shadow:0 6px 16px rgba(20,55,100,.07),inset 0 1px 0 #fff;
}
.mtm-premium-v312 .mtm-search-icon{
  color:#4973a6;
  font-size:19px;
  line-height:1;
  text-align:center;
}
.mtm-premium-v312 .mtm-search-form input{
  width:100%;
  min-width:0;
  height:32px;
  padding:5px 2px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#243a57;
  font-size:11px;
  box-shadow:none!important;
}
.mtm-premium-v312 .mtm-search-form input::placeholder{color:#8a98aa}
.mtm-premium-v312 .mtm-search-form button{
  min-height:32px;
  padding:0 13px;
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,#2563eb,#5146e5);
  color:#fff;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(37,99,235,.18);
}
.mtm-premium-v312 .mtm-search-form button:hover{transform:translateY(-1px)}
.mtm-premium-v312 .mtm-search-clear{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  margin-right:2px;
  border-radius:50%;
  background:#eef3f8;
  color:#61738a;
  text-decoration:none;
  font-size:16px;
  font-weight:800;
}
.mtm-premium-v312 .mtm-clear-search-btn{
  display:inline-flex;
  margin-top:12px;
  padding:9px 14px;
  border-radius:9px;
  background:linear-gradient(135deg,#2563eb,#5146e5);
  color:#fff!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:900;
}
/* The merged card is now the only teacher card; strengthen its unified look. */
.mtm-premium-v312 .mtm-merged-card{
  padding:20px!important;
}
.mtm-premium-v312 .mtm-merged-match{
  border-color:#d2dfed;
  box-shadow:0 12px 32px rgba(18,52,91,.075);
}
.mtm-premium-v312 .mtm-merged-names{
  background:linear-gradient(90deg,rgba(237,245,255,.5),rgba(255,255,255,.35),rgba(236,250,245,.5));
}
.mtm-premium-v312 .mtm-merged-name-copy small{
  color:#6380a1;
  font-size:8px;
  font-weight:950;
  letter-spacing:.1em;
}
.mtm-premium-v312 .mtm-merged-name-copy strong{
  font-size:20px;
}
.mtm-premium-v312 .mtm-merged-name-copy em{
  display:block;
  margin-top:3px;
  color:#7a8798;
  font-size:9px;
  font-style:normal;
  font-weight:750;
}
.mtm-premium-v312 .mtm-person-b .mtm-merged-name-copy small{color:#398d70}
.mtm-premium-v312 .mtm-merged-link{
  width:44px;
  height:44px;
  font-size:19px;
}
.mtm-premium-v312 .mtm-match-matrix .mtm-matrix-row>div:nth-child(2){
  background:linear-gradient(180deg,#fbfcff,#f7faff);
}
.mtm-premium-v312 .mtm-match-matrix .mtm-matrix-row:nth-child(3)>div:nth-child(2){color:#6b46c1}
.mtm-premium-v312 .mtm-match-matrix .mtm-matrix-row:nth-child(4)>div:nth-child(2){color:#d27c0b}
.mtm-premium-v312 .mtm-match-matrix .mtm-matrix-row:nth-child(5)>div:nth-child(2){color:#d24b8a}

@media(max-width:900px){
  .mtm-premium-v312 .mtm-hero-compact{align-items:stretch}
  .mtm-premium-v312 .mtm-hero-actions{width:100%;flex:1 1 100%;}
  .mtm-premium-v312 .mtm-search-form{max-width:none}
}
@media(max-width:650px){
  .mtm-premium-v312 .mtm-hero-compact{padding:15px;gap:12px}
  .mtm-premium-v312 .mtm-heading-line{gap:7px}
  .mtm-premium-v312 .mtm-heading-line h2{font-size:19px;line-height:1.2}
  .mtm-premium-v312 .mtm-live-pill{font-size:8px;padding:4px 7px}
  .mtm-premium-v312 .mtm-hero-description{font-size:10px;line-height:1.5}
  .mtm-premium-v312 .mtm-hero-rule{gap:4px}
  .mtm-premium-v312 .mtm-hero-rule span{font-size:8px;padding:4px 6px}
  .mtm-premium-v312 .mtm-hero-actions{gap:7px}
  .mtm-premium-v312 .mtm-total{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;text-align:center}
  .mtm-premium-v312 .mtm-total-label{font-size:7px;text-align:left}
  .mtm-premium-v312 .mtm-total strong{font-size:23px;margin:0}
  .mtm-premium-v312 .mtm-total span:last-child{font-size:9px;text-align:right}
  .mtm-premium-v312 .mtm-search-form{min-height:42px}
  .mtm-premium-v312 .mtm-search-form input{font-size:10px}
  .mtm-premium-v312 .mtm-search-form button{padding:0 10px;font-size:9px}
  .mtm-premium-v312 .mtm-merged-card{padding:13px!important}
  .mtm-premium-v312 .mtm-merged-name-copy strong{font-size:12px}
  .mtm-premium-v312 .mtm-merged-name-copy em{font-size:6.5px}
  .mtm-premium-v312 .mtm-merged-name-copy small{font-size:6.5px}
}

/* =========================================================
   v3.3.1 — CLEAN MERGED MATCH HEADER / COMPACT CARD
========================================================= */
.mtm-premium-v312 .mtm-hero-v331{width:100%!important;margin:0 0 12px!important;padding:14px 18px 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-align:center!important;border:1px solid #dbe5f1!important;border-radius:16px!important;background:linear-gradient(135deg,#fbfdff 0%,#f5f0ff 52%,#f1fbf7 100%)!important;box-shadow:0 7px 22px rgba(26,55,95,.055),inset 0 1px 0 #fff!important}
.mtm-premium-v312 .mtm-hero-v331:after{display:none!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{width:100%!important;text-align:center!important}
.mtm-premium-v312 .mtm-hero-v331 h2{margin:0!important;padding:0!important;text-align:center!important;font-size:clamp(21px,2.5vw,31px)!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.45px!important}
.mtm-premium-v312 .mtm-hero-v331 h2 span{display:inline-block!important;padding:7px 17px 8px!important;border-radius:11px!important;color:#fff!important;background:linear-gradient(135deg,#6b35d6,#7b43df,#5930bd)!important;box-shadow:0 7px 18px rgba(102,55,203,.18),inset 0 1px 0 rgba(255,255,255,.25)!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{max-width:100%!important;margin:7px auto 0!important;color:#68798d!important;font-size:12px!important;line-height:1.5!important;text-align:center!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-rule,.mtm-premium-v312 .mtm-hero-v331 .mtm-live-pill{display:none!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-actions{width:min(760px,100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 auto!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{min-width:104px!important;width:104px!important;height:45px!important;padding:5px 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 104px!important;border:1px solid #a9dfc2!important;border-radius:11px!important;background:linear-gradient(145deg,#edfff4,#dff7e9)!important;box-shadow:0 6px 14px rgba(11,143,87,.10),inset 0 1px 0 #fff!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{display:block!important;margin:0!important;color:#078450!important;font-size:20px!important;line-height:1!important;font-weight:950!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{display:block!important;margin-top:2px!important;color:#6e9b84!important;font-size:6px!important;line-height:1!important;font-weight:950!important;letter-spacing:.07em!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{position:relative!important;width:min(610px,calc(100% - 112px))!important;min-width:0!important;display:flex!important;align-items:center!important;gap:0!important;margin:0!important;padding:3px!important;border:1px solid #d3dfec!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 15px rgba(24,60,101,.07),inset 0 1px 0 #fff!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{position:static!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;color:#6542c9!important;font-size:18px!important;line-height:1!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{width:100%!important;min-width:0!important;height:38px!important;margin:0!important;padding:0 8px!important;border:0!important;outline:0!important;background:transparent!important;color:#253b58!important;font-size:11px!important;box-shadow:none!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input::placeholder{color:#8a98a9!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{height:36px!important;flex:0 0 auto!important;padding:0 17px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#6436d5,#4d35c7)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 5px 12px rgba(91,55,205,.18)!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{position:absolute!important;right:78px!important;top:50%!important;transform:translateY(-50%)!important;color:#77879a!important;font-size:18px!important;line-height:1!important;text-decoration:none!important;z-index:3!important}
.mtm-premium-v312 .mtm-pair-top{display:none!important}
.mtm-premium-v312 .mtm-pair-card{margin:0!important;padding:0!important;border-radius:18px!important;overflow:hidden!important}
.mtm-premium-v312 .mtm-merged-match{margin:0!important;border-radius:18px!important}
.mtm-premium-v312 .mtm-merged-link{border-color:#8ee1be!important;background:linear-gradient(145deg,#eafff5,#bff5dc)!important;color:#087f59!important;box-shadow:0 0 0 6px rgba(18,180,117,.09),0 9px 20px rgba(8,143,89,.16),inset 0 1px 0 #fff!important;animation:mtmGreenHandshake 1.8s ease-in-out infinite!important}
@keyframes mtmGreenHandshake{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.08)}}
@media(max-width:650px){
.mtm-premium-v312 .mtm-hero-v331{padding:11px 8px 10px!important;gap:7px!important;border-radius:13px!important}
.mtm-premium-v312 .mtm-hero-v331 h2{font-size:18px!important}
.mtm-premium-v312 .mtm-hero-v331 h2 span{padding:6px 11px 7px!important;border-radius:9px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{margin-top:5px!important;font-size:9px!important;line-height:1.45!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-actions{width:100%!important;gap:5px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{min-width:72px!important;width:72px!important;flex-basis:72px!important;height:39px!important;border-radius:9px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:16px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{font-size:5px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{width:calc(100% - 77px)!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{height:34px!important;font-size:9px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{height:32px!important;padding:0 10px!important;font-size:9px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{flex-basis:28px!important;font-size:15px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{right:53px!important;font-size:15px!important}
.mtm-premium-v312 .mtm-merged-match{border-radius:13px!important}
}
@media(max-width:390px){
.mtm-premium-v312 .mtm-hero-v331 h2{font-size:16px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{font-size:8px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{min-width:66px!important;width:66px!important;flex-basis:66px!important}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{width:calc(100% - 71px)!important}
}

/* =========================================================
   v3.3.2 — BALANCED HEADER ROW
   100% badge LEFT | centered title/description | Search RIGHT
   Same three-column composition on desktop and mobile.
========================================================= */
.mtm-premium-v312 .mtm-hero-v331{
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr) minmax(330px,610px)!important;
  grid-template-areas:"score copy search"!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:18px!important;
  row-gap:0!important;
  padding:12px 16px!important;
  margin:0 0 5px!important;
  min-height:86px!important;
  text-align:center!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{
  grid-area:copy!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-actions{
  display:contents!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
  grid-area:score!important;
  justify-self:start!important;
  width:104px!important;
  min-width:104px!important;
  height:54px!important;
  flex:none!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
  grid-area:search!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  justify-self:stretch!important;
}
.mtm-premium-v312 .mtm-hero-v331 h2{
  margin:0!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
  margin:5px auto 0!important;
  max-width:900px!important;
}

/* Make the space between header and first match card almost zero. */
.mtm-premium-v312 .mtm-pair-list{
  margin-top:0!important;
}
.mtm-premium-v312 .mtm-pair-list .mtm-pair-card:first-child{
  margin-top:0!important;
}

@media(max-width:900px){
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:82px minmax(0,1fr) minmax(250px,1fr)!important;
    column-gap:10px!important;
    padding:10px 10px!important;
    min-height:78px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:82px!important;
    min-width:82px!important;
    height:48px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:19px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{font-size:5.5px!important}
  .mtm-premium-v312 .mtm-hero-v331 h2{font-size:20px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{font-size:9px!important;line-height:1.4!important}
}

@media(max-width:650px){
  /* Same LEFT / CENTER / RIGHT layout on phones. */
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:68px minmax(0,1fr) minmax(115px,145px)!important;
    column-gap:6px!important;
    padding:8px 6px!important;
    min-height:68px!important;
    margin-bottom:3px!important;
    border-radius:11px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:68px!important;
    min-width:68px!important;
    height:42px!important;
    border-radius:8px!important;
    padding:4px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:16px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{font-size:4.5px!important}
  .mtm-premium-v312 .mtm-hero-v331 h2{font-size:15px!important;line-height:1.12!important}
  .mtm-premium-v312 .mtm-hero-v331 h2 span{padding:5px 7px 6px!important;border-radius:7px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{font-size:7px!important;line-height:1.3!important;margin-top:3px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{min-height:37px!important;padding:2px!important;border-radius:9px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{flex-basis:22px!important;font-size:13px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{height:31px!important;padding:0 3px!important;font-size:8px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input::placeholder{font-size:7px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{height:30px!important;padding:0 7px!important;border-radius:7px!important;font-size:8px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{right:42px!important;font-size:13px!important}
}

@media(max-width:390px){
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:62px minmax(0,1fr) minmax(105px,125px)!important;
    column-gap:5px!important;
    padding:7px 5px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:62px!important;
    min-width:62px!important;
    height:39px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:15px!important}
  .mtm-premium-v312 .mtm-hero-v331 h2{font-size:13px!important}
  .mtm-premium-v312 .mtm-hero-v331 h2 span{padding:4px 5px 5px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{font-size:6.2px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input::placeholder{font-size:6.2px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{font-size:7px!important;padding:0 5px!important}
}

/* =========================================================
   v3.3.3 — COMPACT PROFESSIONAL MATCH HEADER
   Smaller title + compact search + tighter card spacing
   Desktop and mobile keep LEFT / CENTER / RIGHT composition.
========================================================= */
.mtm-premium-v312 .mtm-hero-v331{
  grid-template-columns:118px minmax(0,1fr) minmax(270px,430px)!important;
  grid-template-areas:"score copy search"!important;
  column-gap:14px!important;
  row-gap:0!important;
  min-height:72px!important;
  padding:9px 12px!important;
  margin:0!important;
  border-radius:13px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
  width:92px!important;
  min-width:92px!important;
  height:46px!important;
  justify-self:center!important;
  padding:4px 7px!important;
  border-radius:10px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{
  font-size:19px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{
  font-size:5.5px!important;
}
.mtm-premium-v312 .mtm-hero-v331 h2{
  font-size:22px!important;
  line-height:1.1!important;
  letter-spacing:-.25px!important;
  white-space:nowrap!important;
}
.mtm-premium-v312 .mtm-hero-v331 h2 span{
  padding:5px 11px 6px!important;
  border-radius:8px!important;
  box-shadow:0 4px 11px rgba(102,55,203,.13),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
  margin:4px auto 0!important;
  max-width:760px!important;
  font-size:9px!important;
  line-height:1.3!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
  width:100%!important;
  max-width:430px!important;
  justify-self:end!important;
  min-height:40px!important;
  padding:2px!important;
  border-radius:10px!important;
  box-shadow:0 4px 12px rgba(24,60,101,.06),inset 0 1px 0 #fff!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{
  flex:0 0 25px!important;
  font-size:13px!important;
  color:#6941c6!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{
  height:34px!important;
  padding:0 5px!important;
  font-size:10px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input::placeholder{
  font-size:9px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
  height:34px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:10px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
  right:58px!important;
  font-size:14px!important;
}
.mtm-premium-v312 .mtm-pair-list{
  margin-top:0!important;
  padding-top:0!important;
}
.mtm-premium-v312 .mtm-pair-list .mtm-pair-card:first-child{
  margin-top:0!important;
  padding-top:0!important;
}

@media(max-width:900px){
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:88px minmax(0,1fr) minmax(205px,300px)!important;
    column-gap:9px!important;
    min-height:66px!important;
    padding:8px 8px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:78px!important;
    min-width:78px!important;
    height:43px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:17px!important}
  .mtm-premium-v312 .mtm-hero-v331 h2{font-size:18px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{font-size:8px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{max-width:300px!important;min-height:38px!important}
}

@media(max-width:650px){
  /* Keep the same three-column professional layout on mobile. */
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:64px minmax(0,1fr) 118px!important;
    grid-template-areas:"score copy search"!important;
    column-gap:5px!important;
    min-height:62px!important;
    padding:7px 5px!important;
    margin:0!important;
    border-radius:10px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:61px!important;
    min-width:61px!important;
    height:38px!important;
    border-radius:8px!important;
    padding:3px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:15px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{font-size:4px!important;letter-spacing:.04em!important}
  .mtm-premium-v312 .mtm-hero-v331 h2{
    font-size:13px!important;
    line-height:1.05!important;
    letter-spacing:-.1px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 h2 span{
    padding:4px 6px 5px!important;
    border-radius:6px!important;
    white-space:normal!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
    margin-top:3px!important;
    font-size:6px!important;
    line-height:1.2!important;
    max-width:100%!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:118px!important;
    max-width:118px!important;
    min-height:34px!important;
    padding:2px!important;
    border-radius:8px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{
    flex:0 0 18px!important;
    font-size:11px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{
    height:28px!important;
    padding:0 2px!important;
    font-size:7px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input::placeholder{
    font-size:6px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    height:28px!important;
    padding:0 5px!important;
    border-radius:6px!important;
    font-size:7px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
    right:35px!important;
    font-size:11px!important;
  }
  .mtm-premium-v312 .mtm-pair-card{
    margin-top:0!important;
  }
}

@media(max-width:390px){
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:58px minmax(0,1fr) 108px!important;
    column-gap:4px!important;
    padding:6px 4px!important;
    min-height:58px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:55px!important;
    min-width:55px!important;
    height:35px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:14px!important}
  .mtm-premium-v312 .mtm-hero-v331 h2{font-size:11.5px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{font-size:5.5px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{width:108px!important;max-width:108px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{font-size:6.5px!important}
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{font-size:6.5px!important;padding:0 4px!important}
}

/* =========================================================
   v3.3.4 — PROFESSIONAL COMPACT HEADER FINAL OVERRIDE
   Fixes oversized title/search and preserves 3-column layout
========================================================= */
.mtm-premium-v312 .mtm-hero-v331{
  display:grid!important;
  grid-template-columns:94px minmax(0,1fr) 340px!important;
  grid-template-areas:"score copy search"!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:0!important;
  width:100%!important;
  min-height:72px!important;
  height:auto!important;
  margin:0 0 2px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  text-align:center!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{
  grid-area:copy!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
.mtm-premium-v312 .mtm-hero-v331 h2{
  margin:0!important;
  padding:0!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.35px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.mtm-premium-v312 .mtm-hero-v331 h2 span{
  display:inline-block!important;
  padding:5px 12px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#6538cf,#7a45d9)!important;
  box-shadow:0 4px 10px rgba(100,55,203,.14)!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
  max-width:100%!important;
  margin:4px auto 0!important;
  padding:0!important;
  font-size:9px!important;
  line-height:1.25!important;
  color:#68798d!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-hero-actions{
  display:contents!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
  grid-area:score!important;
  justify-self:start!important;
  width:94px!important;
  min-width:94px!important;
  height:48px!important;
  flex:none!important;
  padding:4px!important;
  border-radius:10px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{
  font-size:18px!important;
  line-height:1!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{
  font-size:5.5px!important;
  margin-top:2px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
  grid-area:search!important;
  width:340px!important;
  max-width:340px!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  justify-self:end!important;
  margin:0!important;
  padding:2px!important;
  border-radius:10px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{
  flex:0 0 27px!important;
  font-size:14px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{
  height:36px!important;
  padding:0 5px!important;
  font-size:10px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
  height:36px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:10px!important;
}
.mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
  right:62px!important;
  font-size:14px!important;
}
.mtm-premium-v312 .mtm-pair-list{
  margin:0!important;
  padding:0!important;
}
.mtm-premium-v312 .mtm-pair-list .mtm-pair-card:first-child{
  margin-top:0!important;
}

@media(max-width:900px){
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:78px minmax(0,1fr) 250px!important;
    column-gap:8px!important;
    min-height:66px!important;
    padding:7px 8px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:78px!important;
    min-width:78px!important;
    height:44px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 h2{
    font-size:18px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
    font-size:7.5px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:250px!important;
    max-width:250px!important;
    height:38px!important;
    min-height:38px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{
    height:32px!important;
    font-size:9px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    height:32px!important;
    font-size:9px!important;
    padding:0 9px!important;
  }
}

@media(max-width:650px){
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:62px minmax(0,1fr) 128px!important;
    column-gap:5px!important;
    min-height:58px!important;
    padding:6px 5px!important;
    margin:0 0 1px!important;
    border-radius:9px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:62px!important;
    min-width:62px!important;
    height:38px!important;
    border-radius:8px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{
    font-size:14px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{
    font-size:4px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 h2{
    font-size:12px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 h2 span{
    padding:4px 5px!important;
    border-radius:6px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
    font-size:5.8px!important;
    line-height:1.15!important;
    margin-top:2px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:128px!important;
    max-width:128px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:7px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{
    flex:0 0 18px!important;
    font-size:11px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{
    height:28px!important;
    padding:0 2px!important;
    font-size:7px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input::placeholder{
    font-size:6px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    height:28px!important;
    padding:0 5px!important;
    border-radius:6px!important;
    font-size:7px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
    right:34px!important;
    font-size:11px!important;
  }
}

@media(max-width:390px){
  .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:57px minmax(0,1fr) 116px!important;
    column-gap:4px!important;
    padding:5px 4px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:57px!important;
    min-width:57px!important;
    height:36px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{
    font-size:13px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 h2{
    font-size:10.5px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
    font-size:5.1px!important;
  }
  .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:116px!important;
    max-width:116px!important;
  }
}

/* =========================================================
   v3.3.5 — ULTRA COMPACT PROFESSIONAL HEADER OVERRIDE
   Final override: smaller title + shorter search/button.
========================================================= */
.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
  display:grid!important;
  grid-template-columns:82px minmax(180px,1fr) 250px!important;
  grid-template-areas:"score copy search"!important;
  align-items:center!important;
  justify-content:stretch!important;
  width:100%!important;
  min-height:64px!important;
  height:auto!important;
  margin:0 0 2px!important;
  padding:7px 10px!important;
  gap:8px!important;
  overflow:hidden!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{
  grid-area:copy!important;
  min-width:0!important;
  width:100%!important;
  text-align:center!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:-.25px!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2 span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  padding:4px 9px!important;
  border-radius:7px!important;
  white-space:nowrap!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:3px auto 0!important;
  padding:0!important;
  font-size:8px!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-actions{
  display:contents!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
  grid-area:score!important;
  justify-self:start!important;
  width:82px!important;
  min-width:82px!important;
  flex:0 0 82px!important;
  height:42px!important;
  padding:3px!important;
  border-radius:9px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{
  font-size:17px!important;
  line-height:1!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{
  font-size:5px!important;
  line-height:1!important;
  margin-top:2px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
  grid-area:search!important;
  justify-self:end!important;
  width:250px!important;
  max-width:250px!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:2px!important;
  border-radius:9px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{
  flex:0 0 23px!important;
  font-size:12px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{
  height:32px!important;
  min-width:0!important;
  padding:0 4px!important;
  font-size:9px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input::placeholder{
  font-size:8px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
  flex:0 0 64px!important;
  width:64px!important;
  height:32px!important;
  padding:0!important;
  border-radius:7px!important;
  font-size:9px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
  right:67px!important;
  font-size:13px!important;
}

@media(max-width:900px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:70px minmax(150px,1fr) 190px!important;
    min-height:60px!important;
    gap:6px!important;
    padding:6px 7px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:70px!important;
    min-width:70px!important;
    flex-basis:70px!important;
    height:40px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2{font-size:15px!important}
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{font-size:7px!important}
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:190px!important;
    max-width:190px!important;
    height:36px!important;
    min-height:36px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    flex-basis:56px!important;
    width:56px!important;
    height:30px!important;
    font-size:8px!important;
  }
}

@media(max-width:650px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:56px minmax(0,1fr) 104px!important;
    grid-template-areas:"score copy search"!important;
    min-height:52px!important;
    gap:4px!important;
    padding:5px 4px!important;
    border-radius:8px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:56px!important;
    min-width:56px!important;
    flex-basis:56px!important;
    height:34px!important;
    border-radius:7px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:13px!important}
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{font-size:3.7px!important}
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2{
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:-.1px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2 span{
    padding:3px 4px!important;
    border-radius:5px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
    font-size:5px!important;
    line-height:1.1!important;
    margin-top:2px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:104px!important;
    max-width:104px!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:6px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-icon{
    flex:0 0 15px!important;
    font-size:9px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input{
    height:24px!important;
    padding:0 2px!important;
    font-size:6px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form input::placeholder{font-size:5px!important}
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    flex-basis:42px!important;
    width:42px!important;
    height:24px!important;
    padding:0!important;
    border-radius:5px!important;
    font-size:6px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
    right:45px!important;
    font-size:9px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-pair-list{margin-top:0!important;padding-top:0!important}
}

@media(max-width:390px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:52px minmax(0,1fr) 96px!important;
    min-height:50px!important;
    gap:3px!important;
    padding:4px 3px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    width:52px!important;
    min-width:52px!important;
    flex-basis:52px!important;
    height:32px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{font-size:12px!important}
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2{font-size:9px!important}
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{font-size:4.5px!important}
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:96px!important;
    max-width:96px!important;
  }
}

/* =========================================================
   v3.3.6 — CENTERED TITLE + EXTRA COMPACT SEARCH BUTTON
   Final override
========================================================= */
.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
  grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr)!important;
  grid-template-areas:"score copy search"!important;
  column-gap:12px!important;
  align-items:center!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{
  grid-area:copy!important;
  justify-self:center!important;
  width:auto!important;
  max-width:min(100%,620px)!important;
  text-align:center!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2{
  text-align:center!important;
  margin:0 auto!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
  grid-area:score!important;
  justify-self:start!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
  grid-area:search!important;
  justify-self:end!important;
  width:220px!important;
  max-width:220px!important;
}

/* Smaller purple Search button filling area */
.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
  flex:0 0 54px!important;
  width:54px!important;
  padding:0!important;
  border-radius:7px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
  right:57px!important;
}

@media(max-width:900px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:minmax(70px,1fr) auto minmax(70px,1fr)!important;
    column-gap:7px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:170px!important;
    max-width:170px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    flex-basis:50px!important;
    width:50px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
    right:53px!important;
  }
}

@media(max-width:650px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:56px minmax(0,1fr) 96px!important;
    grid-template-areas:"score copy search"!important;
    column-gap:4px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{
    width:100%!important;
    max-width:100%!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:96px!important;
    max-width:96px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    flex-basis:38px!important;
    width:38px!important;
    font-size:6px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
    right:41px!important;
  }
}

@media(max-width:390px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    grid-template-columns:52px minmax(0,1fr) 88px!important;
    column-gap:3px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    width:88px!important;
    max-width:88px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    flex-basis:35px!important;
    width:35px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
    right:38px!important;
  }
}

/* =========================================================
   v3.3.7 — TRUE CENTERED HEADER
   Absolute center guarantees the title is centered to the
   full hero width, independent of score/search widths.
========================================================= */
.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:72px!important;
  height:72px!important;
  margin:0 0 2px!important;
  padding:6px 10px!important;
  overflow:hidden!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:52%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1!important;
  letter-spacing:-.2px!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2 span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  padding:4px 10px!important;
  border-radius:7px!important;
  white-space:nowrap!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
  width:auto!important;
  max-width:100%!important;
  margin:3px 0 0!important;
  padding:0!important;
  font-size:7px!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-actions{
  display:block!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
  width:82px!important;
  min-width:82px!important;
  height:42px!important;
  margin:0!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
  width:210px!important;
  max-width:210px!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:2px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
  flex:0 0 50px!important;
  width:50px!important;
  max-width:50px!important;
  height:32px!important;
  padding:0!important;
  border-radius:7px!important;
  font-size:9px!important;
}

.mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
  right:54px!important;
}

@media(max-width:900px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    min-height:62px!important;
    height:62px!important;
    padding:5px 7px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    left:7px!important;
    width:70px!important;
    min-width:70px!important;
    height:40px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    right:7px!important;
    width:170px!important;
    max-width:170px!important;
    height:36px!important;
    min-height:36px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    flex-basis:48px!important;
    width:48px!important;
    max-width:48px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
    right:51px!important;
  }
}

@media(max-width:650px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    min-height:54px!important;
    height:54px!important;
    padding:4px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    left:4px!important;
    width:56px!important;
    min-width:56px!important;
    height:34px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge strong{
    font-size:13px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge span{
    font-size:3.7px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{
    max-width:44%!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2{
    font-size:10px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2 span{
    padding:3px 5px!important;
    border-radius:5px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-description{
    font-size:4.5px!important;
    margin-top:2px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    right:4px!important;
    width:96px!important;
    max-width:96px!important;
    height:30px!important;
    min-height:30px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    flex-basis:36px!important;
    width:36px!important;
    max-width:36px!important;
    height:24px!important;
    font-size:6px!important;
    border-radius:5px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-clear{
    right:39px!important;
  }
}

@media(max-width:390px){
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331{
    min-height:52px!important;
    height:52px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-perfect-badge{
    left:3px!important;
    width:52px!important;
    min-width:52px!important;
    height:32px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-hero-copy{
    max-width:42%!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 h2{
    font-size:9px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form{
    right:3px!important;
    width:88px!important;
    max-width:88px!important;
  }
  .mtm-dashboard .mtm-premium-v312 .mtm-hero-v331 .mtm-search-form button{
    flex-basis:34px!important;
    width:34px!important;
    max-width:34px!important;
  }
}