/* MM Profile Button – minimal CSS (brez framework odvisnosti) */
.mm-pb{position:relative;display:inline-flex}
.mm-pb__btn{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;border:1px solid #e5e7eb;border-radius:10px;
  padding:.4rem .6rem;cursor:pointer;transition:.2s;
  color:#374151;
}
.mm-pb__btn:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.mm-pb__avatar{display:inline-flex;align-items:center;justify-content:center}
.mm-pb__avatar-img{border-radius:999px;display:block}
.mm-pb__avatar-icon{color:#4f46e5}
.mm-pb__label{font-size:.875rem;font-weight:600}
.mm-pb__caret{color:#6b7280}

.mm-pb__dropdown{
  position:absolute;right:0;top:100%;margin-top:.4rem;min-width:14rem;
  background:#fff;border:1px solid #e5e7eb;border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  padding:.25rem;z-index:9999;display:none;
}
.mm-pb__dropdown.is-open{display:block}

.mm-pb__head{padding:.6rem .6rem .4rem .6rem;border-bottom:1px solid #f3f4f6}
.mm-pb__head-name{font-weight:600;color:#111827}
.mm-pb__head-email{font-size:.75rem;color:#6b7280;margin-top:.1rem}

.mm-pb__item{
  display:block;padding:.55rem .6rem;border-radius:.5rem;
  font-size:.9rem;color:#1f2937;text-decoration:none
}
.mm-pb__item:hover{background:#f9fafb;color:#111827}
.mm-pb__item--danger{color:#dc2626}
.mm-pb__item--danger:hover{background:#fff1f2;color:#b91c1c}

.mm-pb__sep{height:1px;background:#f3f4f6;margin:.25rem .4rem}