/* ── Dropdown ────────────────────────────────────────────────── */
.mc-dd {
    position:absolute; top:calc(100% + 12px); right:0;
    width:var(--mc-w); max-height:82vh;
    display:flex; flex-direction:column;
    border-radius:var(--mc-r);
    background:var(--mc-bg);
    backdrop-filter:blur(var(--mc-panel-blur)) saturate(180%);
    -webkit-backdrop-filter:blur(var(--mc-panel-blur)) saturate(180%);
    border:var(--mc-panel-border);
    box-shadow:var(--mc-panel-shadow);
    z-index:9999; overflow:hidden;
    font-size:var(--mc-fs); color:var(--mc-text);
    opacity:0; transform:translateY(-10px) scale(0.97);
    pointer-events:none; transform-origin:top right;
    transition:opacity var(--mc-speed) ease, transform var(--mc-speed) cubic-bezier(.34,1.3,.64,1);
}
.mc-dd--open { opacity:1; transform:translateY(0) scale(1); pointer-events:all; }
.mc-dd::before {
    content:''; position:absolute; top:-6px; right:16px;
    width:12px; height:12px; background:var(--mc-bg);
    border-top:1px solid rgba(0,0,0,0.08); border-left:1px solid rgba(0,0,0,0.08);
    transform:rotate(45deg); border-radius:2px 0 0 0;
}

/* ── Cabecera ────────────────────────────────────────────────── */
.mc-dd__head {
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 20px; border-bottom:1px solid var(--mc-div); flex-shrink:0;
}
.mc-dd__title { font-size:var(--mc-ft); font-weight:700; color:var(--mc-text); }
.mc-dd__count { font-style:normal; font-weight:400; color:var(--mc-muted); }
.mc-dd__close {
    display:flex; align-items:center; justify-content:center;
    width:28px; height:28px;
    border:1px solid var(--mc-div); background:rgba(0,0,0,.04);
    cursor:pointer; color:var(--mc-muted);
    border-radius:7px; font-size:12px; line-height:1; padding:0;
    transition:background .15s, color .15s;
    -webkit-tap-highlight-color:transparent;
}
.mc-dd__close:hover { background:rgba(0,0,0,.09); color:var(--mc-text); }

/* ── Body ────────────────────────────────────────────────────── */
.mc-dd__body {
    flex:1; overflow-y:auto; overscroll-behavior:contain;
    scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.12) transparent;
}
.mc-dd__body::-webkit-scrollbar { width:3px; }
.mc-dd__body::-webkit-scrollbar-thumb { background:rgba(0,0,0,.15); border-radius:2px; }

/* ── Estado vacío ────────────────────────────────────────────── */
.mc-empty { display:flex; flex-direction:column; align-items:center; padding:44px 28px; text-align:center; }
.mc-empty__icon  { width:52px; height:52px; opacity:.2; margin-bottom:18px; display:block; color:var(--mc-text); }
.mc-empty__icon svg { width:100%; height:100%; display:block; }
.mc-empty__title { font-size:1em; font-weight:600; color:var(--mc-text); margin:0 0 10px; }
.mc-empty__link  { font-size:.875em; color:var(--mc-muted); text-decoration:underline; text-underline-offset:3px; transition:color .15s; }
.mc-empty__link:hover { color:var(--mc-text); }