/* /Components/FeedbackWidget.razor.rz.scp.css */
/* ── Trigger ──────────────────────────────────────────────────────────────
   Icon-only 36px circle at rest. Three states, driven by classes applied
   from the component (see FeedbackWidget.razor for when each is set):
     (no modifier)        idle — icon only
     .feedback-trigger-peek   pill expands, reveals the "Feedback" label
     .feedback-trigger-open   form panel is open; stays icon-only (× icon) */
.feedback-trigger[b-kbkklg3wmj] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1301;
    display: flex;
    align-items: center;
    height: 36px;
    width: 36px;
    padding: 0;
    border: none;
    border-radius: 18px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    transition: width 0.22s ease;
}

.feedback-trigger-icon[b-kbkklg3wmj] {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feedback-trigger-text[b-kbkklg3wmj] {
    white-space: nowrap;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    font-size: 0.85rem;
    font-weight: 600;
    transition: max-width 0.22s ease, opacity 0.16s ease;
}

/* Peek state — reached via hover (desktop) or a first tap (touch, handled
   in code-behind since touch has no hover). Reveals the label only; the
   form has not been opened yet. */
.feedback-trigger-peek[b-kbkklg3wmj] {
    width: 132px;
}

    .feedback-trigger-peek .feedback-trigger-text[b-kbkklg3wmj] {
        max-width: 100px;
        opacity: 1;
        padding-right: 14px;
    }

/* Open state — form panel is visible below. The trigger deliberately stays
   a small icon-only circle here (icon swapped to × in markup) rather than
   staying expanded, so there's always just "a small icon" on screen and the
   panel itself is the one expanded surface. */
.feedback-trigger-open[b-kbkklg3wmj] {
    width: 36px;
}

/* ── Panel ────────────────────────────────────────────────────────────────
   Fixed size, fixed position — deliberately NOT relative to the trigger's
   box, so it never stretches with viewport width the way a block-level
   descendant of an unsized wrapper would. */
.feedback-panel[b-kbkklg3wmj] {
    position: fixed;
    right: 20px;
    bottom: 64px;
    width: 320px;
    max-width: calc(100vw - 24px);
    background: var(--mud-palette-surface);
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
    overflow: hidden;
    z-index: 1300;
    transform-origin: bottom right;
    transform: scale(0.85) translate(6%, 6%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.22s cubic-bezier(0.34, 1.2, 0.64, 1), opacity 0.18s ease-out;
}

.feedback-panel-open[b-kbkklg3wmj] {
    transform: scale(1) translate(0, 0);
    opacity: 1;
    pointer-events: auto;
}

.feedback-panel-header[b-kbkklg3wmj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 8px 10px 14px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.feedback-panel-title[b-kbkklg3wmj] {
    font-weight: 700;
    font-size: 0.95rem;
}

/* Below MdAndUp the app switches to the fixed 56px BottomNavBar (see
   BottomNavBar.razor / .bottom-nav in app.css) — lift both the trigger and
   the panel above it so neither is ever covered by the nav bar. */
@media (max-width: 959px) {
    .feedback-trigger[b-kbkklg3wmj] {
        right: 12px;
        bottom: 68px;
    }

    .feedback-panel[b-kbkklg3wmj] {
        right: 12px;
        bottom: 112px;
    }
}
/* /Components/UserTreeItem.razor.rz.scp.css */
.user-tree-row[b-j3z9yp272w] {
    cursor: pointer;
    border-radius: 6px;
}

    .user-tree-row:hover[b-j3z9yp272w] {
        background-color: var(--mud-palette-action-default-hover);
    }

.user-tree-children[b-j3z9yp272w] {
    margin-left: 28px;
    padding-left: 8px;
    border-left: 1px dashed var(--mud-palette-lines-default);
}