@import '_content/Landbrugnet.Common.Components/Landbrugnet.Common.Components.cq9fqnxgh3.bundle.scp.css';

/* /Components/Composer/Composer.razor.rz.scp.css */
/* Drag and Drop Styling */

/* Empty content zone styling */
[b-ay21vhpkot] .mud-drop-zone {
    min-height: 100px;
    padding: 16px;
    border: 2px dashed #e0e0e0;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* When dragging over a valid drop zone */
[b-ay21vhpkot] .mud-drop-zone.mud-drop-zone-drag-over {
    background-color: rgba(var(--mud-palette-info-rgb), 0.08);
    border-color: var(--mud-palette-info);
    border-style: solid;
}

/* Toolbox items styling */
[b-ay21vhpkot] .mud-drop-zone[data-zone="toolbox"] {
    border: none;
    min-height: auto;
    padding: 0;
}

/* Content zone with items */
[b-ay21vhpkot] .mud-drop-zone[data-zone="content"] {
    border: 2px dashed transparent;
}

[b-ay21vhpkot] .mud-drop-zone[data-zone="content"]:not(:empty) {
    border: none;
}

/* Item being dragged */
[b-ay21vhpkot] .mud-drop-item-dragging {
    opacity: 0.5;
    transform: scale(0.98);
}

/* Drop zone when item cannot be dropped */
[b-ay21vhpkot] .mud-drop-zone.mud-drop-zone-no-drop {
    background-color: rgba(var(--mud-palette-error-rgb), 0.05);
    border-color: var(--mud-palette-error);
}

/* Empty state styling */
[b-ay21vhpkot] .mud-drop-zone:empty::before {
    content: attr(data-placeholder);
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    display: block;
    text-align: center;
    padding: 32px;
}

/* Toolbox item hover effect */
[b-ay21vhpkot] .mud-drop-zone[data-zone="toolbox"] .mud-paper {
    transition: all 0.2s ease;
}

[b-ay21vhpkot] .mud-drop-zone[data-zone="toolbox"] .mud-paper:hover {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.05);
    transform: translateX(4px);
}

/* Content item styling */
[b-ay21vhpkot] .mud-drop-zone[data-zone="content"] .mud-paper {
    transition: box-shadow 0.2s ease;
}

[b-ay21vhpkot] .mud-drop-zone[data-zone="content"] .mud-paper:hover {
    box-shadow: var(--mud-elevation-4);
}

/* Disabled state */
.disabled-icon[b-ay21vhpkot] {
    opacity: 0.4;
    cursor: not-allowed !important;
}
/* /Components/Composer/Renderers/ImageRenderer.razor.rz.scp.css */
.dot[b-q87giqri7g] {
    width: 13px;
    height: 13px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #C8C8C8;
    cursor: pointer;
}

    .dot.active[b-q87giqri7g] {
        background: #0078D4;
    }
/* /Components/MudAutocompleteMultiple.razor.rz.scp.css */
.inline-chip-wrapper[b-2be5tf412k] {
    display: inline-block;
}

[b-2be5tf412k] .mud-chip > .mud-chip-content {
    cursor: default !important;
}

[b-2be5tf412k] .mud-chip-close-button {
    cursor: pointer !important;
}
/* /Layouts/MainLayout.razor.rz.scp.css */
.unauthenticated-layout[b-dh6idixjtv] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: var(--mud-spacing-6);
}

[b-dh6idixjtv] .mud-theme-dark .unauthenticated-layout {
    background: radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--mud-palette-primary) 18%, transparent), transparent), radial-gradient(900px 480px at 110% 0%, color-mix(in srgb, var(--mud-palette-secondary) 14%, transparent), transparent), linear-gradient(180deg, color-mix(in srgb, var(--mud-palette-background) 88%, black), var(--mud-palette-background));
}

.unauthenticated-logo[b-dh6idixjtv] {
    display: block;
    height: auto;
    width: min(320px, 60vw);
    filter: drop-shadow(0 2px 6px color-mix(in srgb, black 30%, transparent));
    margin-block-end: var(--mud-spacing-2);
}

.unauthenticated-card[b-dh6idixjtv] {
    width: 100%;
    max-width: 560px;
    padding: var(--mud-spacing-6);
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-surface) 88%, transparent);
    box-shadow: var(--mud-elevation-3);
    backdrop-filter: saturate(120%) blur(6px);
}

/* Floating Shortcut Links */
.floating-shortcut-links[b-dh6idixjtv] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1300;
    animation: slideInFromRight-b-dh6idixjtv 0.3s ease-out;
}

@keyframes slideInFromRight-b-dh6idixjtv {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.floating-shortcut-links[b-dh6idixjtv]  .mud-paper {
    background: var(--mud-palette-surface);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.floating-shortcut-links[b-dh6idixjtv]  .mud-button-root {
    text-transform: none;
    font-weight: 500;
    white-space: nowrap;
}

.floating-shortcut-links[b-dh6idixjtv]  .mud-icon-button {
    transition: transform 0.2s ease;
}

.floating-shortcut-links[b-dh6idixjtv]  .mud-icon-button:hover {
    transform: scale(1.1);
}

.floating-shortcut-links[b-dh6idixjtv]  .mud-divider {
    height: 24px;
}

/* Compact screens */
@media (max-width: 600px) {
    .unauthenticated-layout[b-dh6idixjtv] {
        padding: var(--mud-spacing-4);
    }

    .unauthenticated-card[b-dh6idixjtv] {
        padding: var(--mud-spacing-4);
        max-width: 100%;
    }

    .floating-shortcut-links[b-dh6idixjtv] {
        bottom: 10px;
        right: 10px;
        max-width: calc(100vw - 20px);
    }

    .floating-shortcut-links[b-dh6idixjtv]  .mud-stack-row {
        flex-wrap: wrap;
    }
}
/* /Layouts/TopNavBar.razor.rz.scp.css */
[b-1oxgmn3kz0] .mud-button-label {
    display: inline-flex;
    align-items: center;
    line-height: 1.5;
}
/* /Pages/Modules/Sections/SectionList.razor.rz.scp.css */
.section-hierarchy[b-3x2feyqc5e] {
    display: flex;
    align-items: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.indent-symbols[b-3x2feyqc5e] {
    display: flex;
    align-items: center;
    font-family: 'Courier New', monospace;
    color: #8a8886;
    font-size: 14px;
    margin-right: 8px;
}

.indent-pipe[b-3x2feyqc5e] {
    width: 16px;
    text-align: center;
}

.indent-branch[b-3x2feyqc5e] {
    width: 20px;
    margin-right: 4px;
}

.section-name[b-3x2feyqc5e] {
    flex: 1;
}