/* Menü component'i — sol sidebar profil menüsü + floating context/kebab menü tek kaynak.
   Değerler MainLayout.razor inline <style>'dan birebir taşındı. */

.dc-profile-menu {
    position: absolute; bottom: calc(100% + 4px); left: 8px; right: 8px;
    background: var(--rn-white); border: 1px solid var(--rn-border); border-radius: 12px;
    box-shadow: 0 16px 42px var(--rn-shadow-pop);
    padding: 6px;
    z-index: 100;
    display: flex; flex-direction: column; gap: 1px;
}
/* Dropdown item — compact (control token = 26px, 13px font). Görünüm/Dil = trigger satırı, Çıkış = aksiyon. */
.dc-pm-item {
    display: flex; align-items: center; gap: 11px;
    width: 100%; padding: 0 11px; height: var(--rn-control-h);
    background: transparent; border: none; border-radius: 8px;
    font-size: 13px; font-weight: 500; color: var(--rn-ink-2);
    cursor: pointer; text-align: left;
}
.dc-pm-item:hover, .dc-pm-item-active { background: var(--rn-surface-2); }
.dc-pm-icon { flex: 0 0 auto; }
.dc-pm-icon svg, .dc-pm-icon { display: inline-flex; }
.dc-pm-icon i { font-size: 13px; width: 16px; text-align: center; }
.dc-pm-label { white-space: nowrap; }
.dc-pm-value { font-size: 11.5px; color: var(--rn-muted-3); flex: 0 0 auto; }
.dc-pm-chev { flex: 0 0 auto; transition: transform .15s; }
.dc-pm-chev-open { transform: rotate(90deg); }
.dc-pm-sep { height: 1px; background: var(--rn-surface); margin: 3px 0; }
.dc-pm-item-disabled { color: var(--rn-muted-3); cursor: default; opacity: .55; }
.dc-pm-item-disabled:hover { background: transparent; }
.dc-pm-logout { font-weight: 600; color: var(--rn-target-accent); }
.dc-pm-logout:hover { background: var(--rn-target-bg); }

/* Alt-menü flyout — profil menüsünün sağına açılır (sidebar dışı, fixed taşma yok) */
.dc-pm-flyout {
    position: absolute; left: calc(100% - 4px);
    background: var(--rn-white); border: 1px solid var(--rn-border); border-radius: 12px;
    box-shadow: 0 16px 42px var(--rn-shadow-pop);
    padding: 6px; z-index: 101;
    display: flex; flex-direction: column; gap: 1px;
}
.dc-pm-flyout-theme { bottom: 48px; width: 184px; }
.dc-pm-flyout-lang { bottom: 4px; width: 224px; max-height: 320px; overflow: auto; }
.dc-pm-sub {
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 0 11px; height: var(--rn-control-h);
    background: transparent; border: none; border-radius: 8px;
    font-size: 13px; font-weight: 500; color: var(--rn-ink-2);
    cursor: pointer; text-align: left; white-space: nowrap;
}
.dc-pm-sub:hover { background: var(--rn-surface-2); }
.dc-pm-sub-sel { background: var(--rn-nav-active-bg); color: var(--rn-blue); font-weight: 600; }
.dc-pm-sub-icon { flex: 0 0 auto; display: inline-flex; }
.dc-pm-sub-label { overflow: hidden; text-overflow: ellipsis; }
.dc-pm-flag { flex: 0 0 auto; display: inline-flex; }
.dc-pm-flag svg { border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.dc-pm-manage { font-size: 12.5px; font-weight: 600; color: var(--rn-blue); }
.dc-pm-manage:hover { background: rgba(47,107,237,.07); }

/* Context/kebab menü — sidebar profil menüsüyle aynı component, tıklama koordinatında fixed */
.dc-menu-float { position: fixed !important; bottom: auto !important; left: auto; right: auto; z-index: 3401; }
.dc-menu-float-backdrop { position: fixed; inset: 0; z-index: 3400; background: transparent; }

/* Alt menü (NodeContextMenu Children) — parent item'ın sağına açılır, 26px item token'ı aynen */
.dc-pm-subwrap { position: relative; display: flex; flex-direction: column; }
.dc-pm-caret { flex: 0 0 auto; margin-left: auto; }
.dc-pm-caret i { font-size: 10px; color: var(--rn-muted-3); }
.dc-pm-submenu {
    position: absolute; left: calc(100% + 2px); right: auto; top: -6px; bottom: auto;
    min-width: 210px; z-index: 3402;
}