.mm-btn{
    --_h: var(--control-md);
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    height:var(--_h);padding:0 20px;border-radius:var(--radius-pill);
    font-family:var(--font-sans);font-weight:var(--weight-semibold);
    font-size:var(--text-sm);line-height:1;letter-spacing:-.005em;
    border:1px solid transparent;cursor:pointer;white-space:nowrap;
    transition:background var(--dur-fast) var(--ease-out),
      box-shadow var(--dur-base) var(--ease-out),
      transform var(--dur-fast) var(--ease-out),
      border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);
    user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent;
  }
  .mm-btn:active{transform:scale(.97);}
  .mm-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);}
  .mm-btn[disabled],.mm-btn[aria-disabled="true"]{opacity:.45;pointer-events:none;}
  .mm-btn--sm{--_h:var(--control-sm);padding:0 14px;font-size:var(--text-xs);}
  .mm-btn--lg{--_h:var(--control-lg);padding:0 26px;font-size:var(--text-base);}
  .mm-btn--block{width:100%;}

  .mm-btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-glow-sm);}
  .mm-btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);}
  .mm-btn--primary:active{background:var(--accent-pressed);}

  .mm-btn--gradient{background:var(--brand-gradient);color:#fff;background-size:140% 140%;background-position:0% 50%;box-shadow:var(--shadow-glow-sm);}
  .mm-btn--gradient:hover{background-position:100% 50%;box-shadow:var(--shadow-glow);}

  .mm-btn--secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs);}
  .mm-btn--secondary:hover{background:var(--surface-hover);border-color:var(--border-strong);}

  .mm-btn--ghost{background:transparent;color:var(--text-primary);}
  .mm-btn--ghost:hover{background:var(--surface-hover);}

  .mm-btn--danger{background:var(--status-danger);color:#fff;}
  .mm-btn--danger:hover{filter:brightness(1.05);}
  

  .mm-iconbtn{
    --_s:40px;
    display:inline-flex;align-items:center;justify-content:center;
    width:var(--_s);height:var(--_s);padding:0;border-radius:var(--radius-sm);
    border:1px solid transparent;cursor:pointer;color:var(--text-secondary);
    background:transparent;
    transition:background var(--dur-fast) var(--ease-out),
      color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),
      border-color var(--dur-fast) var(--ease-out);
    -webkit-tap-highlight-color:transparent;
  }
  .mm-iconbtn:active{transform:scale(.92);}
  .mm-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring);}
  .mm-iconbtn[disabled]{opacity:.4;pointer-events:none;}
  .mm-iconbtn svg{width:18px;height:18px;display:block;}
  .mm-iconbtn--sm{--_s:32px;border-radius:var(--radius-xs);}
  .mm-iconbtn--sm svg{width:16px;height:16px;}
  .mm-iconbtn--lg{--_s:48px;border-radius:var(--radius-md);}
  .mm-iconbtn--round{border-radius:var(--radius-pill);}

  .mm-iconbtn--ghost:hover{background:var(--surface-hover);color:var(--text-primary);}
  .mm-iconbtn--solid{background:var(--surface-card);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-xs);}
  .mm-iconbtn--solid:hover{background:var(--surface-hover);border-color:var(--border-strong);}
  .mm-iconbtn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-glow-sm);}
  .mm-iconbtn--primary:hover{background:var(--accent-hover);}
  .mm-iconbtn[aria-pressed="true"]{background:var(--accent-subtle);color:var(--accent-text);}
  

  .mm-avatar{
    --_s:40px;width:var(--_s);height:var(--_s);flex:none;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;overflow:hidden;
    background:var(--brand-gradient);color:#fff;font-family:var(--font-sans);
    font-weight:var(--weight-semibold);font-size:calc(var(--_s) * .38);
    user-select:none;
  }
  .mm-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
  .mm-avatar--xs{--_s:24px;}
  .mm-avatar--sm{--_s:32px;}
  .mm-avatar--lg{--_s:56px;}
  .mm-avatar--square{border-radius:var(--radius-md);}
  

  .mm-badge{
    display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;
    border-radius:var(--radius-pill);font-family:var(--font-sans);
    font-size:var(--text-2xs);font-weight:var(--weight-semibold);
    letter-spacing:.01em;white-space:nowrap;line-height:1;
  }
  .mm-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
  .mm-badge--neutral{background:var(--surface-sunken);color:var(--text-secondary);}
  .mm-badge--accent{background:var(--accent-subtle);color:var(--accent-text);}
  .mm-badge--success{background:var(--success-surface);color:var(--success-text);}
  .mm-badge--warning{background:var(--warning-surface);color:var(--warning-text);}
  .mm-badge--danger{background:var(--danger-surface);color:var(--danger-text);}
  .mm-badge--info{background:var(--info-surface);color:var(--info-text);}
  .mm-badge--solid{background:var(--accent);color:var(--accent-contrast);}
  .mm-badge--gradient{background:var(--brand-gradient);color:#fff;}
  

  .mm-card{
    background:var(--surface-card);border:1px solid var(--border-subtle);
    border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);
    color:var(--text-primary);overflow:hidden;
    transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);
  }
  .mm-card--pad{padding:var(--space-6);}
  .mm-card--flat{box-shadow:none;}
  .mm-card--interactive{cursor:pointer;}
  .mm-card--interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--border-default);transform:translateY(-2px);}
  .mm-card--glow{box-shadow:var(--shadow-md);}
  .mm-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);}
  .mm-card__title{font-size:var(--text-h4);font-weight:var(--weight-semibold);letter-spacing:-.01em;}
  .mm-card__body{padding:var(--space-6);}
  

  .mm-meter{display:flex;flex-direction:column;gap:8px;}
  .mm-meter__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
  .mm-meter__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);}
  .mm-meter__value{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);}
  .mm-meter__track{height:8px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden;}
  .mm-meter__fill{height:100%;border-radius:var(--radius-pill);background:var(--brand-gradient);
    transition:width var(--dur-slow) var(--ease-out);}
  .mm-meter__fill--accent{background:var(--accent);}
  .mm-meter__fill--warning{background:var(--status-warning);}
  .mm-meter__fill--danger{background:var(--status-danger);}
  .mm-meter--sm .mm-meter__track{height:5px;}
  

  .mm-stat{
    display:flex;flex-direction:column;gap:10px;padding:var(--space-5);
    background:var(--surface-card);border:1px solid var(--border-subtle);
    border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;
  }
  .mm-stat__top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
  .mm-stat__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);
    text-transform:uppercase;letter-spacing:var(--tracking-wide);}
  .mm-stat__icon{width:34px;height:34px;border-radius:var(--radius-sm);flex:none;
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--accent-subtle);color:var(--accent-text);}
  .mm-stat__icon svg{width:18px;height:18px;}
  .mm-stat__value{font-family:var(--font-display);font-weight:var(--weight-bold);
    font-size:var(--text-display-sm);line-height:1;letter-spacing:-.02em;color:var(--text-primary);}
  .mm-stat__foot{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-tertiary);}
  .mm-stat__delta{display:inline-flex;align-items:center;gap:3px;font-weight:var(--weight-semibold);}
  .mm-stat__delta--up{color:var(--info-text);}
  .mm-stat__delta--down{color:var(--danger-text);}
  

  .mm-check{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;}
  .mm-check input{position:absolute;opacity:0;width:0;height:0;}
  .mm-check__box{
    width:19px;height:19px;flex:none;border-radius:6px;
    border:1.5px solid var(--border-strong);background:var(--surface-card);
    display:inline-flex;align-items:center;justify-content:center;color:#fff;
    transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);
  }
  .mm-check__box svg{width:13px;height:13px;opacity:0;transform:scale(.6);transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-spring);}
  .mm-check input:checked + .mm-check__box{background:var(--accent);border-color:var(--accent);}
  .mm-check input:checked + .mm-check__box svg{opacity:1;transform:scale(1);}
  .mm-check input:focus-visible + .mm-check__box{box-shadow:var(--focus-ring);}
  .mm-check:active .mm-check__box{transform:scale(.92);}
  .mm-check__label{font-size:var(--text-sm);color:var(--text-primary);}
  .mm-check[aria-disabled="true"]{opacity:.5;pointer-events:none;}
  

  .mm-field{display:flex;flex-direction:column;gap:6px;}
  .mm-field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);}
  .mm-field__hint{font-size:var(--text-xs);color:var(--text-tertiary);}
  .mm-field__hint--error{color:var(--danger-text);}
  .mm-input{
    display:flex;align-items:center;gap:8px;height:var(--control-md);
    padding:0 14px;border-radius:var(--radius-md);
    background:var(--surface-card);border:1px solid var(--border-default);
    color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out),
      box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);
  }
  .mm-input:hover{border-color:var(--border-strong);}
  .mm-input:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle);}
  .mm-input--error{border-color:var(--status-danger);}
  .mm-input--error:focus-within{box-shadow:0 0 0 3px var(--danger-surface);}
  .mm-input--lg{height:var(--control-lg);}
  .mm-input--sm{height:var(--control-sm);font-size:var(--text-xs);}
  .mm-input input{
    flex:1;min-width:0;border:0;outline:0;background:transparent;
    font-family:var(--font-sans);font-size:var(--text-sm);color:inherit;
  }
  .mm-input input::placeholder{color:var(--text-tertiary);}
  .mm-input[aria-disabled="true"]{opacity:.5;pointer-events:none;background:var(--surface-sunken);}
  .mm-input__affix{display:inline-flex;color:var(--text-tertiary);flex:none;}
  .mm-input__affix svg{width:18px;height:18px;display:block;}
  

  .mm-select-wrap{position:relative;display:flex;align-items:center;}
  .mm-select{
    appearance:none;-webkit-appearance:none;width:100%;height:var(--control-md);
    padding:0 38px 0 14px;border-radius:var(--radius-md);
    background:var(--surface-card);border:1px solid var(--border-default);
    color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);
    cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);
  }
  .mm-select:hover{border-color:var(--border-strong);}
  .mm-select:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle);}
  .mm-select--sm{height:var(--control-sm);font-size:var(--text-xs);}
  .mm-select--lg{height:var(--control-lg);}
  .mm-select:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-sunken);}
  .mm-select-wrap__chev{position:absolute;right:13px;pointer-events:none;color:var(--text-tertiary);display:flex;}
  .mm-select-wrap__chev svg{width:16px;height:16px;}
  

  .mm-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;}
  .mm-switch input{position:absolute;opacity:0;width:0;height:0;}
  .mm-switch__track{
    --_w:44px;--_h:26px;position:relative;width:var(--_w);height:var(--_h);flex:none;
    background:var(--neutral-300);border-radius:var(--radius-pill);
    transition:background var(--dur-base) var(--ease-out);
  }
  [data-theme="dark"] .mm-switch__track{background:var(--neutral-700);}
  .mm-switch__thumb{
    position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
    background:#fff;box-shadow:var(--shadow-sm);
    transition:transform var(--dur-base) var(--ease-spring);
  }
  .mm-switch input:checked + .mm-switch__track{background:var(--accent);}
  .mm-switch input:checked + .mm-switch__track .mm-switch__thumb{transform:translateX(18px);}
  .mm-switch input:focus-visible + .mm-switch__track{box-shadow:var(--focus-ring);}
  .mm-switch--sm .mm-switch__track{--_w:36px;--_h:22px;}
  .mm-switch--sm .mm-switch__thumb{width:16px;height:16px;}
  .mm-switch--sm input:checked + .mm-switch__track .mm-switch__thumb{transform:translateX(14px);}
  .mm-switch__label{font-size:var(--text-sm);color:var(--text-primary);}
  .mm-switch[aria-disabled="true"]{opacity:.5;pointer-events:none;}
  

  .mm-nav{display:flex;flex-direction:column;gap:4px;}
  .mm-nav__group{margin-top:18px;}
  .mm-nav__group:first-child{margin-top:0;}
  .mm-nav__grouplabel{font-size:var(--text-2xs);font-weight:var(--weight-semibold);
    letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary);
    padding:0 12px;margin-bottom:8px;}
  .mm-nav__item{
    display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:0;
    background:transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;
    font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);
    color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);
    position:relative;
  }
  .mm-nav__item:hover{background:var(--surface-hover);color:var(--text-primary);}
  .mm-nav__item:focus-visible{outline:none;box-shadow:var(--focus-ring);}
  .mm-nav__item--active{background:var(--accent-subtle);color:var(--accent-text);font-weight:var(--weight-semibold);}
  .mm-nav__item--active::before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);
    width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent);}
  .mm-nav__icon{width:19px;height:19px;flex:none;display:inline-flex;align-items:center;justify-content:center;}
  .mm-nav__icon svg{width:19px;height:19px;}
  .mm-nav__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mm-nav__trail{flex:none;}
  /* collapsed (icon-only) */
  .mm-nav--collapsed .mm-nav__grouplabel{display:none;}
  .mm-nav--collapsed .mm-nav__group{margin-top:8px;}
  .mm-nav--collapsed .mm-nav__item{justify-content:center;padding:11px;}
  .mm-nav--collapsed .mm-nav__text,.mm-nav--collapsed .mm-nav__trail{display:none;}
  .mm-nav--collapsed .mm-nav__item--active::before{display:none;}
  

  .mm-tabs{display:inline-flex;align-items:center;gap:2px;}
  .mm-tab{
    appearance:none;border:0;background:transparent;cursor:pointer;
    font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--text-sm);
    color:var(--text-secondary);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
    transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);
  }
  .mm-tab svg{width:16px;height:16px;}
  .mm-tab:focus-visible{outline:none;box-shadow:var(--focus-ring);}

  /* underline */
  .mm-tabs--underline{gap:24px;border-bottom:1px solid var(--border-subtle);}
  .mm-tabs--underline .mm-tab{position:relative;padding:10px 0;}
  .mm-tabs--underline .mm-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
    border-radius:2px;background:var(--accent);transform:scaleX(0);transition:transform var(--dur-base) var(--ease-out);}
  .mm-tabs--underline .mm-tab:hover{color:var(--text-primary);}
  .mm-tabs--underline .mm-tab[aria-selected="true"]{color:var(--text-primary);font-weight:var(--weight-semibold);}
  .mm-tabs--underline .mm-tab[aria-selected="true"]::after{transform:scaleX(1);}

  /* pill / segmented */
  .mm-tabs--pill{background:var(--surface-sunken);padding:4px;border-radius:var(--radius-pill);gap:2px;}
  .mm-tabs--pill .mm-tab{padding:7px 16px;border-radius:var(--radius-pill);}
  .mm-tabs--pill .mm-tab:hover{color:var(--text-primary);}
  .mm-tabs--pill .mm-tab[aria-selected="true"]{background:var(--surface-card);color:var(--text-primary);
    font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs);}
  .mm-tab__count{font-size:var(--text-2xs);color:var(--text-tertiary);background:var(--surface-sunken);
    padding:1px 6px;border-radius:var(--radius-pill);}
  .mm-tabs--pill .mm-tab[aria-selected="true"] .mm-tab__count{background:var(--accent-subtle);color:var(--accent-text);}