@import '_content/SunmaraWorkspace.Modules.Chat/SunmaraWorkspace.Modules.Chat.c87wg7kf31.bundle.scp.css';
@import '_content/SunmaraWorkspace.Modules.Competitors/SunmaraWorkspace.Modules.Competitors.cj43t1g66z.bundle.scp.css';
@import '_content/SunmaraWorkspace.Modules.Dashboard/SunmaraWorkspace.Modules.Dashboard.0876mkas76.bundle.scp.css';
@import '_content/SunmaraWorkspace.Modules.Leads/SunmaraWorkspace.Modules.Leads.q8vve0yh3v.bundle.scp.css';
@import '_content/SunmaraWorkspace.Modules.Partners/SunmaraWorkspace.Modules.Partners.fimabji17l.bundle.scp.css';
@import '_content/SunmaraWorkspace.Modules.Projects/SunmaraWorkspace.Modules.Projects.kirnkvj9y5.bundle.scp.css';
@import '_content/SunmaraWorkspace.Modules.Tasks/SunmaraWorkspace.Modules.Tasks.ze2b6sn08s.bundle.scp.css';
@import '_content/SunmaraWorkspace.Modules.Tickets/SunmaraWorkspace.Modules.Tickets.lheko2shwx.bundle.scp.css';
@import '_content/SunmaraWorkspace.Shared/SunmaraWorkspace.Shared.shp9e33kre.bundle.scp.css';

/* /Components/Layout/AppSidebar.razor.rz.scp.css */
/* Copyright (c) Sunmara GmbH. All rights reserved. */
.app-sidebar[b-ao0a2x6rx0] {
    position: fixed;
    left: 0;
    top: 0;
    width: var(--sidebar-width, 240px);
    height: 100vh;
    background: var(--surface, #ffffff);
    border-right: 1px solid var(--border, #e8e8ec);
    display: flex;
    flex-direction: column;
    z-index: 1200;
    overflow-x: hidden;
    transition: width 0.2s ease;
}

/* ── Header: Logo + Wordmark ─────────────────────────────── */
.sidebar-header[b-ao0a2x6rx0] {
    display: flex;
    align-items: center;
    padding: 12px 0;
    flex-shrink: 0;
}

.sidebar-logo[b-ao0a2x6rx0] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin-left: 10px; /* zentriert in der 56px-Icon-Spalte */
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg, #f4f4f5);
    border-radius: 10px;
    font-weight: 800;
    font-size: 16px;
    color: var(--primary, #6366f1);
}

.sidebar-wordmark[b-ao0a2x6rx0] {
    margin-left: 10px;
    font-weight: 800;
    font-size: 15px;
    white-space: nowrap;
    color: var(--text, #18181b);
}

/* ── Modul-Liste ─────────────────────────────────────────── */
.sidebar-modules[b-ao0a2x6rx0] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 0 8px;
}

/* MudTooltip legt einen Inline-Wrapper um die Modul-Zeile — auf volle Breite ziehen */
.sidebar-modules[b-ao0a2x6rx0]  .mud-tooltip-root {
    display: block;
    width: 100%;
}

.module-row[b-ao0a2x6rx0] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    border: none;
    background: none;
    padding: 0 12px 0 0;
    cursor: pointer;
    font: inherit;
    font-size: 13.5px;
    font-weight: 600;
    text-align: left;
    color: var(--text-secondary, #52525b);
    position: relative;
    transition: background 0.15s, color 0.15s;
}

.module-row:hover[b-ao0a2x6rx0] {
    background: var(--bg, #f4f4f5);
    color: var(--modul-color, var(--primary));
}

.module-row.active[b-ao0a2x6rx0] {
    background: color-mix(in srgb, var(--modul-color, var(--primary)) 12%, transparent);
    color: var(--modul-color, var(--primary));
}

.module-row.active[b-ao0a2x6rx0]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--modul-color, var(--primary));
}

.module-icon[b-ao0a2x6rx0] {
    width: 56px;
    min-width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.module-row .nav-label[b-ao0a2x6rx0] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.module-row[b-ao0a2x6rx0]  .nav-chevron {
    flex-shrink: 0;
    color: var(--text-faint, #a1a1aa);
}

/* Gruppen-Header auf Modul-Ebene (z.B. „MARKT") */
.nav-group-header[b-ao0a2x6rx0] {
    padding: 12px 12px 4px 18px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--text-faint, #a1a1aa);
    user-select: none;
}

/* ── Akkordeon-Untermenü (grid-rows-Animation, kein JS) ──── */
.submenu-wrap[b-ao0a2x6rx0] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.2s ease;
}

.submenu-wrap.open[b-ao0a2x6rx0] {
    grid-template-rows: 1fr;
}

.submenu-inner[b-ao0a2x6rx0] {
    overflow: hidden;
    min-height: 0;
}

/* Geschlossene Untermenüs aus Tab-Order & Accessibility-Tree nehmen */
.submenu-wrap:not(.open) .submenu-inner[b-ao0a2x6rx0] {
    visibility: hidden;
}

/* Inset-Panel: hebt das Untermenü sichtbar vom Hauptmenü ab —
   eigener Hintergrund, Farbakzent des Moduls links, kleinere Typo/Icons */
.submenu-panel[b-ao0a2x6rx0] {
    margin: 2px 10px 8px 14px;
    padding: 4px 6px;
    background: var(--bg, #f4f4f5);
    border-left: 3px solid color-mix(in srgb, var(--modul-color, var(--primary)) 45%, transparent);
    border-radius: 10px;
}

.submenu-panel[b-ao0a2x6rx0]  .mud-nav-menu {
    padding: 0;
}

.submenu-panel[b-ao0a2x6rx0]  .mud-nav-link {
    border-radius: 8px !important;
    margin-bottom: 2px;
    min-height: 34px;
    font-size: 12.5px;
}

.submenu-panel[b-ao0a2x6rx0]  .mud-nav-link .mud-icon-root {
    width: 18px;
    height: 18px;
}

/* Gruppen-Überschrift im Untermenü (HAUPTMENÜ / VERWALTUNG / BERICHTE) */
.sidebar-group-crumb[b-ao0a2x6rx0] {
    padding: 8px 10px 2px;
    margin-top: 6px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-faint, #a1a1aa);
    user-select: none;
}

.sidebar-group-crumb:first-child[b-ao0a2x6rx0] {
    margin-top: 0;
}

/* ── Footer: Einklapp-Toggle ─────────────────────────────── */
.sidebar-footer[b-ao0a2x6rx0] {
    flex-shrink: 0;
    border-top: 1px solid var(--border-light, #f4f4f5);
    padding: 6px 0;
}

.collapse-toggle[b-ao0a2x6rx0] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
    font-size: 12.5px;
    font-weight: 500;
    text-align: left;
    color: var(--text-muted, #71717a);
    transition: background 0.15s, color 0.15s;
}

.collapse-toggle:hover[b-ao0a2x6rx0] {
    background: var(--bg, #f4f4f5);
    color: var(--text, #18181b);
}

.collapse-toggle .nav-label[b-ao0a2x6rx0] {
    white-space: nowrap;
}

/* ── Eingeklappter Zustand (nur Icons) ───────────────────── */
.app-sidebar.collapsed .nav-label[b-ao0a2x6rx0] {
    display: none;
}

.app-sidebar.collapsed[b-ao0a2x6rx0]  .nav-chevron {
    display: none;
}

.app-sidebar.collapsed .submenu-wrap[b-ao0a2x6rx0] {
    display: none;
}

/* Gruppentitel wird zur dezenten Trennlinie */
.app-sidebar.collapsed .nav-group-header[b-ao0a2x6rx0] {
    font-size: 0;
    padding: 0;
    margin: 6px 10px 2px;
    border-top: 1px solid var(--border-light, #f4f4f5);
}
/* /Components/Layout/CommandPalette.razor.rz.scp.css */
/* Copyright (c) Sunmara GmbH. All rights reserved. */
.palette-overlay[b-lj91ln767h] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 20vh;
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.palette-container[b-lj91ln767h] {
    background: var(--surface, #ffffff);
    border-radius: 14px;
    width: 100%;
    max-width: 560px;
    padding: 8px 16px 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
}

.palette-hint[b-lj91ln767h] {
    padding: 4px 8px 0;
    text-align: right;
}

[b-lj91ln767h] .palette-input .mud-input-root {
    font-size: 18px !important;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Copyright (c) Sunmara GmbH. All rights reserved. */
.main-content[b-dhn3gv9ejd] {
    margin-left: var(--sidebar-width, 240px);
    min-height: 100vh;
    background: var(--bg, #f4f4f5);
    transition: margin-left 0.2s ease;
}

.topbar[b-dhn3gv9ejd] {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    background: var(--surface, #ffffff);
    border-bottom: 1px solid var(--border, #e8e8ec);
    position: sticky;
    top: 0;
    z-index: 50;
}

.content-area[b-dhn3gv9ejd] {
    padding: 24px;
}

[b-dhn3gv9ejd] .profile-trigger:hover {
    background: var(--bg, #f4f4f5);
}

[b-dhn3gv9ejd] .profile-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    width: 220px;
    background: var(--surface, #ffffff);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 100;
    overflow: hidden;
}

[b-dhn3gv9ejd] .profile-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.15s;
    color: var(--text, #18181b);
}

[b-dhn3gv9ejd] .profile-menu-item:hover {
    background: var(--bg, #f4f4f5);
}