/* OtServer-specific global CSS. Framework-wide rules (MudDrawer overlay suppression at
   ≥960px, perspective-detail-drawer width, etc.) ship with the Hvtk.Framework.Web RCL at
   _content/Hvtk.Framework.Web/Hvtk.Framework.Web.css — linked from App.razor.

   Per-perspective / per-widget styles live alongside their .razor components via scoped CSS
   (.razor.css). Only genuinely global rules belong here. */

/* Drop-target highlight for kit drag-drop into the BOM tree. Applied by
   wwwroot/dragdrop.js on dragover, removed on dragleave/drop. Kept global
   because the class is toggled by JS and must win against scoped CSS. */
.ot-drop-hover {
    outline: 2px dashed var(--mud-palette-primary);
    outline-offset: -2px;
    background-color: var(--mud-palette-primary-hover);
}

/* Mini-rail icon centering. MudBlazor's default padding is tuned for a 64px
   rail with 24px icons; we shrunk both (48px rail / 18px icons), so the
   icon-text-padding offset drifts the icon left of center, the group chevron
   crowds the row, and nested children inherit a hierarchy indent that breaks
   centering. Force center alignment, zero the icon's right margin, drop the
   chevron, and flatten nested padding while the drawer is mini. The
   .mud-drawer-mini class lives on the drawer (NavMenu's ancestor), so this
   rule can't live in NavMenu.razor.css scoped CSS. !important is needed
   because MudBlazor's defaults use higher-specificity selectors. */
.mud-drawer-mini.mud-drawer--closed:not(:hover) .mud-nav-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center;
}

.mud-drawer-mini.mud-drawer--closed:not(:hover) .mud-nav-link .mud-nav-link-icon-default {
    margin-right: 0;
}

.mud-drawer-mini.mud-drawer--closed:not(:hover) .mud-nav-link-expand-icon {
    display: none;
}