/* ZFLUENT — header account control (guest login pill, signed-in pill + panel).
   Loaded AFTER app.css so these win; cache-busted via ?v=filemtime in the layout. */

/* Guest "Log in" pill */
.mm-login{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:30px;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;transition:.18s;border:1px solid rgba(127,127,127,.28)}
.mm-login:hover{background:rgba(127,127,127,.10)}
.mm-login i{font-size:14px}

/* ===== Signed-in account pill (compact: big avatar + first name + caret) ===== */
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc{
    margin-inline-start:4px;padding-top:0!important;padding-bottom:0!important;
    display:flex!important;align-items:center;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account{
    display:inline-flex!important;align-items:center;gap:6px;height:auto!important;width:fit-content!important;max-width:none!important;
    padding:4px 10px 4px 4px!important;border:1px solid rgba(127,127,127,.24)!important;border-radius:40px!important;
    font-weight:800!important;font-size:16px!important;line-height:1!important;letter-spacing:0!important;
    text-transform:none!important;color:#2a322d!important;background:rgba(127,127,127,.05);transition:.18s;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc:hover,
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account:hover,
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account:hover .mm-name{
    color:#7a3ff2!important;}
[dir="rtl"] .main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account{padding:4px 4px 4px 10px!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account::before,
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account::after{display:none!important;content:none!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account:hover{background:rgba(122,63,242,.10);border-color:rgba(122,63,242,.35)!important;}

.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account .mm-avatar{
    width:40px!important;height:40px!important;flex:0 0 40px!important;font-size:17px!important;}
.mm-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#7a3ff2,#a855f7);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;flex:0 0 40px;text-transform:uppercase}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account .mm-name{
    max-width:140px!important;width:auto!important;font-size:16px!important;font-weight:800!important;color:inherit!important;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mm-name{max-width:100px;font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-caret{font-size:9px;opacity:.55;transition:transform .2s}
.mm-acc:hover .mm-caret{transform:rotate(180deg)}
@media (max-width:575px){.mm-name{display:none}
    .main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > a.mm-account{padding:4px!important;gap:0;}}

/* ===== Dropdown container (right-aligned, arrow, beats theme submenu) ===== */
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
    left:auto!important;right:0!important;top:100%!important;margin-top:14px!important;
    min-width:308px!important;padding:8px!important;border-radius:18px!important;
    box-shadow:0 20px 50px rgba(18,23,29,.18)!important;border:1px solid #ececf1!important;
    background:#fff!important;transform-origin:top right!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu > li{
    width:100%!important;flex:0 0 auto!important;}
[dir="rtl"] .main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu{
    left:0!important;right:auto!important;transform-origin:top left!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu::before{
    content:'';position:absolute;top:-7px;right:22px;width:14px;height:14px;background:#fff;
    border-inline-start:1px solid #ececf1;border-top:1px solid #ececf1;transform:rotate(45deg);border-radius:3px 0 0 0;}
[dir="rtl"] .main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu::before{right:auto;left:22px;}

/* menu links (base) */
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu > li{margin:0!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu > li > a{
    display:flex!important;align-items:center;gap:12px;padding:11px 12px!important;margin:0!important;
    border-radius:11px!important;font-size:14px!important;font-weight:700!important;color:#3f3f46!important;
    line-height:1.2!important;transition:.15s;background:transparent!important;font-family:inherit!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu > li > a::after{display:none!important;content:none!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu > li:hover > a,
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu > li > a:hover{
    background:#f4f0ff!important;color:#7a3ff2!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu > li.mm-menu__logout:hover > a,
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-menu > li.mm-menu__logout > a:hover{
    background:#fdecec!important;color:#d0362a!important;}
.mm-menu i{width:18px;text-align:center;font-size:17px;}

/* ===== Advanced account panel ===== */
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-panel{padding:0!important;overflow:hidden;}
.mm-panel__head{display:flex!important;align-items:center;gap:13px;padding:18px 18px 16px!important;
    background:linear-gradient(135deg,#12122e,#2a1d55);margin:0!important;}
.mm-panel__head:hover{background:linear-gradient(135deg,#12122e,#2a1d55)!important;}
.mm-panel__ava{width:50px;height:50px;border-radius:14px;object-fit:cover;flex:0 0 50px;box-shadow:0 0 0 3px rgba(255,255,255,.14);}
.mm-panel__ava--ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7a3ff2,#a855f7);color:#fff;font-weight:900;font-size:20px;text-transform:uppercase;}
.mm-panel__id{min-width:0;}
.mm-panel__name{font-size:15px;font-weight:900;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;}
.mm-panel__email{font-size:12px;color:#b9bcd8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;}
.mm-panel__chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:10.5px;font-weight:800;
    text-transform:capitalize;color:#d9c8ff;background:rgba(122,63,242,.28);padding:3px 10px;border-radius:20px;}
.mm-panel__chip i{font-size:6px!important;width:auto!important;color:#7cf2b0;}
.mm-panel__cta{padding:14px 14px 6px!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-panel > li.mm-panel__cta > a.mm-panel__btn{
    display:flex!important;align-items:center;justify-content:center;gap:9px;padding:12px!important;border-radius:12px!important;
    background:#0a0a23!important;color:#fff!important;font-weight:800!important;font-size:14px!important;transition:.18s;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-panel > li.mm-panel__cta > a.mm-panel__btn:hover{background:#7a3ff2!important;color:#fff!important;}
.mm-panel__label{padding:8px 18px 4px!important;font-size:10.5px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#a2a6b8;margin:0!important;}
.mm-panel__item{padding:0 8px!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-panel > li.mm-panel__item > a{gap:12px!important;padding:9px 10px!important;}
.mm-panel__ic{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#f2ecfd;color:#7a3ff2;transition:.15s;}
.mm-panel__ic i{width:auto!important;font-size:16px!important;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li.mm-acc > ul.mm-panel > li.mm-panel__item:hover .mm-panel__ic{background:#7a3ff2;color:#fff;}
.mm-panel__txt{flex:1;}
.mm-panel__go{margin-inline-start:auto;color:#c7cad6!important;font-size:14px!important;width:auto!important;}
.mm-panel__item.mm-menu__logout .mm-panel__ic{background:#fdecec;color:#d0362a;}
.mm-panel__item.mm-menu__logout:hover .mm-panel__ic{background:#d0362a;color:#fff;}
.mm-panel__sep{height:1px;background:#f0f0f4;margin:8px 12px!important;}
.mm-panel > li:last-child{margin-bottom:8px!important;}