.mm-dashboard{display:grid;gap:20px;scroll-margin-top:100px}
.mm-dashboard.is-loading{opacity:.65;pointer-events:none}
.mm-grid{display:grid;gap:16px}
.mm-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mm-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.mm-card{padding:24px;border:1px solid rgba(31,31,26,.08);border-radius:24px;background:#f6f2e8;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.mm-card-hero h2,.mm-card h3,.mm-card h4{margin:0 0 12px}
.mm-card p:last-child{margin-bottom:0}
.mm-value{font-size:2rem;font-weight:700;line-height:1;margin:0 0 10px}
.mm-badge{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#ebe4d7;font-size:.9rem;font-weight:600}
.mm-badge.status-active,.mm-badge.status-booked,.mm-badge.status-attended{background:#5b741d;color:#fff}
.mm-badge.status-cancelled,.mm-badge.status-expired,.mm-badge.status-no-show{background:#7f3c31;color:#fff}
.mm-inline-status{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mm-card-notice{background:#fff7df}
.mm-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;opacity:.7}
.mm-link{font-weight:600;text-decoration:none}
.mm-link:hover{text-decoration:underline}
.mm-grid--stats .mm-card-action .mm-action-buttons{display:flex;gap:10px;flex-wrap:wrap}
.mm-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mm-mobile-nav a{display:block;padding:12px 10px;border-radius:16px;background:#efe7d8;text-align:center;text-decoration:none;font-weight:600;color:#1f1f1a}
.mm-mobile-nav a.is-active{background:#5b741d;color:#fff}
.mm-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.mm-view-toggle{display:flex;gap:8px}
.mm-view-toggle a{display:inline-flex;padding:8px 12px;border-radius:999px;background:#efe7d8;text-decoration:none;font-weight:600;color:#1f1f1a}
.mm-view-toggle a.is-active{background:#5b741d;color:#fff}
.mm-dashboard-section,.mm-view-panel,.mm-calendar-day-panel{display:none}
.mm-dashboard-section.is-active,.mm-view-panel.is-active,.mm-calendar-day-panel.is-active{display:block}
.mm-training-list{display:grid;gap:14px}
.mm-training-card{padding:18px;border:1px solid rgba(31,31,26,.08);border-radius:20px;background:#fffdf8;display:grid;gap:12px}
.mm-training-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mm-training-card__head p{margin:.25rem 0 0}
.mm-training-card__actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.mm-row-item{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid rgba(31,31,26,.08);align-items:flex-start}
.mm-row-item:first-child{border-top:0;padding-top:0}
.mm-row-item--compact{align-items:center}
.mm-row-item p{margin:.2rem 0 0}
.mm-row-actions{display:grid;gap:8px;justify-items:end}
.mm-meta{font-size:.9rem;opacity:.7}
.mm-calendar-shell{display:grid;gap:16px}
.mm-calendar-nav{display:flex;gap:8px;flex-wrap:wrap}
.mm-calendar-nav__button{padding:10px 14px;border:1px solid rgba(31,31,26,.08);border-radius:999px;background:#efe7d8;color:#1f1f1a;font-weight:600;cursor:pointer}
.mm-calendar-nav__button.is-active{background:#5b741d;color:#fff}
.mm-calendar-day-panel__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(31,31,26,.08)}
.mm-calendar-day-panel__head h4,.mm-calendar-day-panel__head p{margin:0}
.button.button-link-delete{background:none;border:0;padding:0;color:#8d3b32;cursor:pointer}
body.woocommerce-account .mm-account-nav-toggle{display:none!important}
@media (min-width:768px){
  body.woocommerce-account .site-header .site-nav,
  body.woocommerce-account .site-header nav[aria-label="Hoofdnavigatie"],
  body.woocommerce-account .site-header .btn,
  body.woocommerce-account .site-header .button{display:flex!important}
  body.woocommerce-account .woocommerce-MyAccount-navigation{display:block!important;position:static!important;inset:auto!important;z-index:auto!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;max-height:none!important;overflow:visible!important}
  body.woocommerce-account .mm-account-nav-toggle{display:none!important}
}
@media (max-width:767px){
  .mm-grid--three,.mm-grid--two,.mm-mobile-nav{grid-template-columns:1fr 1fr}
  .mm-section-head,.mm-training-card__head,.mm-training-card__actions,.mm-row-item,.mm-calendar-day-panel__head{flex-direction:column;align-items:flex-start}
  .mm-row-actions{justify-items:start;width:100%}
  .mm-row-actions .button,.mm-training-card__actions .button,.mm-action-buttons .button{width:100%}
  body.woocommerce-account .site-header .site-nav,
  body.woocommerce-account .site-header nav[aria-label="Hoofdnavigatie"],
  body.woocommerce-account .site-header .btn,
  body.woocommerce-account .site-header .button:not(.mm-account-nav-toggle){display:none!important}
  body.woocommerce-account .woocommerce-MyAccount-navigation{display:none;position:fixed;inset:72px 16px auto 16px;z-index:9999;background:#f6f2e8;border:1px solid rgba(31,31,26,.08);border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.14);padding:16px;max-height:calc(100vh - 120px);overflow:auto}
  body.woocommerce-account .woocommerce-MyAccount-navigation.is-open{display:block}
  .mm-account-nav-toggle{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(31,31,26,.08);border-radius:999px;background:#f6f2e8;color:#1f1f1a;font-weight:700;position:sticky;top:12px;z-index:9998;margin:0 0 12px}
  .mm-account-nav-toggle__icon{display:inline-block;width:18px;height:2px;background:#1f1f1a;position:relative}
  .mm-account-nav-toggle__icon:before,.mm-account-nav-toggle__icon:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#1f1f1a}
  .mm-account-nav-toggle__icon:before{top:-6px}
  .mm-account-nav-toggle__icon:after{top:6px}
}
@media (max-width:640px){
  .mm-mobile-nav{grid-template-columns:1fr 1fr}
  .mm-card{padding:18px}
  .mm-value{font-size:1.65rem}
}

/* v1.2.4 mobile/account layout fixes */
.mm-training-card__actions{justify-content:flex-end;}
.mm-training-card__actions .mm-link{margin-right:auto;}
@media (max-width:767px){
  .mm-mobile-nav a[data-mm-tab="overview"]{display:none;}
  .mm-dashboard-section[data-mm-section="bookings"] .mm-grid--two{grid-template-columns:1fr;}
}

@media (max-width:767px){
  .mm-mobile-nav{position:sticky;bottom:12px;z-index:30;background:rgba(246,242,232,.94);backdrop-filter:blur(8px);padding:8px;border:1px solid rgba(31,31,26,.08);border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.08)}
  .mm-training-card{padding:14px;border-radius:16px}
  .mm-row-item{padding:10px 0}
}


/* v1.4.0 PWA / app shell */
.mm-app-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mm-install-button{white-space:nowrap}
.mm-install-help{font-size:.92rem;opacity:.8;margin-top:10px}
.mm-account-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
.mm-account-shortcut{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 14px;border-radius:16px;background:#efe7d8;color:#1f1f1a;text-decoration:none;font-weight:700}
.mm-account-shortcut:hover{text-decoration:none;background:#e7ddca}
body.woocommerce-account{background:#f3eee3}
body.woocommerce-account .site-main{padding-bottom:110px}
@media (max-width:767px){
  .mm-dashboard{gap:14px}
  .mm-grid--stats{grid-template-columns:1fr}
  .mm-mobile-nav{position:fixed;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px;border-radius:22px;z-index:999;background:rgba(246,242,232,.96);box-shadow:0 14px 32px rgba(0,0,0,.12)}
  .mm-mobile-nav a{padding:10px 6px;border-radius:14px;font-size:.88rem}
  .mm-mobile-nav__label{display:block;line-height:1.15}
  .mm-card.mm-card-hero{padding-bottom:18px}
  .mm-account-shortcuts{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){
  .mm-mobile-nav{position:sticky;top:10px}
}


/* v1.5.1 UI refinement pass - compact app-like portal */
:root{
  --mm-bg:#f3eee3;
  --mm-surface:#fffdf8;
  --mm-surface-2:#efe7d8;
  --mm-ink:#26391e;
  --mm-muted:#626958;
  --mm-primary:#56751d;
  --mm-accent:#f4a64e;
  --mm-line:rgba(38,57,30,.10);
  --mm-shadow:0 10px 28px rgba(31,31,26,.07);
  --mm-radius:18px;
  --mm-radius-lg:22px;
}
.mm-dashboard{
  gap:18px;
  color:var(--mm-ink);
}
.mm-card{
  border-radius:var(--mm-radius-lg)!important;
  border:1px solid var(--mm-line)!important;
  background:rgba(255,253,248,.88)!important;
  box-shadow:var(--mm-shadow)!important;
  padding:22px!important;
}
.mm-card-hero{
  min-height:unset!important;
  padding:22px!important;
}
.mm-app-hero__top h1,
.mm-card h2,
.mm-card h3{
  line-height:1.02;
  letter-spacing:-.03em;
}
.mm-app-hero__top{
  gap:16px;
  align-items:center;
}
.mm-grid,.mm-grid--three,.mm-grid--two,.mm-grid--stats{
  gap:14px!important;
}
.mm-grid--stats .mm-card,
.mm-dashboard .mm-card.mm-card--stat{
  min-height:128px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.mm-value{
  font-size:clamp(2rem,4vw,3rem)!important;
  line-height:.95;
  margin:.25rem 0!important;
}
.mm-badge{
  border-radius:999px!important;
  min-height:30px;
  padding:.32rem .75rem!important;
  font-size:.88rem;
  font-weight:750;
}
.mm-action-buttons,
.mm-card-actions{
  gap:10px!important;
}
.mm-dashboard .button,
.mm-dashboard button,
.mm-dashboard a.button{
  border-radius:14px!important;
  min-height:44px!important;
  padding:0 16px!important;
  font-weight:800!important;
}
.mm-mobile-nav{
  border-radius:18px!important;
  gap:8px!important;
  padding:8px!important;
  background:rgba(246,242,232,.90)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.mm-mobile-nav a{
  border-radius:14px!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  font-weight:850!important;
}
.mm-mobile-nav a.is-active{
  box-shadow:0 8px 18px rgba(86,117,29,.20);
}
.mm-training-list{
  gap:12px!important;
}
.mm-training-card{
  border-radius:var(--mm-radius)!important;
  padding:16px!important;
  gap:10px!important;
  background:rgba(255,253,248,.96)!important;
  box-shadow:0 4px 14px rgba(31,31,26,.04)!important;
}
.mm-training-card__head{
  align-items:flex-start!important;
}
.mm-training-card__head strong{
  font-size:1.08rem;
  line-height:1.1;
}
.mm-training-card__head p,
.mm-training-card>p{
  font-size:.98rem;
  color:var(--mm-muted);
}
.mm-training-card__actions{
  min-height:42px;
  align-items:center!important;
}
.mm-training-card__actions .button,
.mm-training-card__actions button{
  margin-left:auto;
}
.mm-training-card__actions .mm-link{
  color:var(--mm-ink);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}
.mm-view-toggle a,
.mm-calendar-nav__button,
.mm-account-shortcut{
  border-radius:14px!important;
  min-height:44px!important;
}
.mm-row-item{
  padding:12px 0!important;
  gap:12px!important;
}
.mm-row-item strong{line-height:1.12;}
.mm-account-shortcuts{
  gap:10px!important;
}
.mm-account-shortcut{
  background:rgba(239,231,216,.82)!important;
}
.mm-calendar-day-panel__head{
  margin-bottom:10px!important;
  padding-bottom:10px!important;
}
@media (max-width:767px){
  body.woocommerce-account .site-main{padding-bottom:104px!important;}
  .mm-dashboard{gap:12px!important;}
  .mm-card{padding:16px!important;border-radius:18px!important;}
  .mm-card-hero{padding:18px!important;}
  .mm-app-hero__top{align-items:flex-start;}
  .mm-app-hero__top h1{font-size:clamp(2.05rem,12vw,3.2rem)!important;}
  .mm-grid--three,.mm-grid--two,.mm-grid--stats{grid-template-columns:1fr!important;}
  .mm-grid--stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mm-grid--stats .mm-card:first-child{grid-column:1/-1;}
  .mm-grid--stats .mm-card{min-height:104px;}
  .mm-value{font-size:2.1rem!important;}
  .mm-mobile-nav{left:14px!important;right:14px!important;bottom:max(10px, env(safe-area-inset-bottom))!important;border-radius:22px!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important;}
  .mm-mobile-nav a{font-size:.78rem!important;padding:8px 4px!important;min-height:52px!important;}
  .mm-training-card{padding:14px!important;border-radius:16px!important;}
  .mm-training-card__head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important;}
  .mm-training-card__actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%;}
  .mm-training-card__actions .button,
  .mm-training-card__actions button,
  .mm-training-card__actions .mm-badge{width:auto!important;margin-left:auto;}
  .mm-training-card__actions .mm-link{margin-right:12px;}
  .mm-row-item{display:grid!important;grid-template-columns:minmax(0,1fr);}
  .mm-row-actions{display:flex!important;gap:8px!important;width:100%;}
  .mm-row-actions .button{width:auto!important;flex:1;}
  .mm-section-head{gap:10px!important;}
  .mm-view-toggle{width:100%;display:grid!important;grid-template-columns:1fr 1fr;}
  .mm-view-toggle a{text-align:center;}
}
@media (max-width:420px){
  .mm-grid--stats{grid-template-columns:1fr!important;}
  .mm-mobile-nav a{font-size:.74rem!important;}
  .mm-training-card__head{grid-template-columns:1fr;}
  .mm-training-card__head .mm-badge{justify-self:start;}
}
