/* /Components/Controls/RichTextEditor.razor.rz.scp.css */
/* Reusable Quill-based rich text editor.
   Styles are scoped to the component via Blazor's ::deep selector — Quill
   renders its own DOM subtree which our scoped CSS would otherwise miss. */

.rich-text-editor[b-ws2lisjd14] {
    border: 1px solid var(--sidan-border-strong);
    border-radius: var(--sidan-radius-sm);
    overflow: visible;
    background: var(--sidan-surface);
}

.rich-text-editor:focus-within[b-ws2lisjd14] {
    border-color: var(--sidan-color-primary);
    box-shadow: 0 0 0 3px var(--sidan-color-primary-soft);
}

.rich-text-editor[b-ws2lisjd14]  .ql-toolbar {
    border: none;
    border-bottom: 1px solid var(--sidan-border);
    background-color: var(--sidan-surface-sunk);
}

.rich-text-editor[b-ws2lisjd14]  .ql-container {
    border: none;
    font-size: var(--sidan-text-md);
    font-family: var(--sidan-font-family);
    overflow: hidden;
}

.rich-text-editor[b-ws2lisjd14]  .ql-editor {
    min-height: var(--editor-height);
    height: auto;
    overflow-y: auto;
    overflow-wrap: break-word;
    word-break: break-word;
    color: var(--sidan-text);
}

/* Bubble tooltip (link prompt etc.) must sit above modals and offcanvas. */
.rich-text-editor[b-ws2lisjd14]  .ql-tooltip {
    z-index: 1050;
}

/* Custom toolbar buttons (e.g. paste-as-plain-text) — keep them visually
   in line with the stock Quill buttons. */
.rich-text-editor[b-ws2lisjd14]  .rte-toolbar-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.1875rem;
    display: inline-flex;
    align-items: center;
    color: var(--sidan-text);
    border-radius: 0.1875rem;
}

.rich-text-editor[b-ws2lisjd14]  .rte-toolbar-btn:hover {
    background-color: var(--sidan-surface);
}

.rich-text-editor[b-ws2lisjd14]  .rte-toolbar-btn .material-symbols-outlined {
    font-size: 1.125rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qj6aj2h3eu],
.components-reconnect-repeated-attempt-visible[b-qj6aj2h3eu],
.components-reconnect-failed-visible[b-qj6aj2h3eu],
.components-pause-visible[b-qj6aj2h3eu],
.components-resume-failed-visible[b-qj6aj2h3eu],
.components-rejoining-animation[b-qj6aj2h3eu] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-qj6aj2h3eu],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-qj6aj2h3eu],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-qj6aj2h3eu],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-qj6aj2h3eu],
#components-reconnect-modal.components-reconnect-retrying[b-qj6aj2h3eu],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-qj6aj2h3eu],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-qj6aj2h3eu],
#components-reconnect-modal.components-reconnect-failed[b-qj6aj2h3eu],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-qj6aj2h3eu] {
    display: block;
}


#components-reconnect-modal[b-qj6aj2h3eu] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-qj6aj2h3eu 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-qj6aj2h3eu 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-qj6aj2h3eu 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-qj6aj2h3eu]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-qj6aj2h3eu 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-qj6aj2h3eu {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-qj6aj2h3eu {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-qj6aj2h3eu {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-qj6aj2h3eu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-qj6aj2h3eu] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-qj6aj2h3eu] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-qj6aj2h3eu] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-qj6aj2h3eu] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-qj6aj2h3eu] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-qj6aj2h3eu] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-qj6aj2h3eu 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-qj6aj2h3eu] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-qj6aj2h3eu {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/RootLayout.razor.rz.scp.css */
/*
  Root layout — full viewport, flex column with the shared footer pinned
  at the bottom. The page body (first @Body) grows to fill the remaining
  space; pages should use flex:1 helpers like .splash-page or .auth-main
  on their top-level elements to expand correctly.
*/

.root-layout[b-h4sutaz3ve] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--sidan-bg);
    color: var(--sidan-text);
}
/* /Components/Pages/Admin/MiniConferences/MiniConferenceStepsPanel.razor.rz.scp.css */
/* Decision-step matrix editor. Two-column steps on desktop/tablet; the columns
   stack on narrow phones. Button-group theming (joined borders, active state)
   comes from the global .btn-group / .btn-primary / .btn-outline rules. */

.mc-steps[b-13dyr1v8ue] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.mc-step[b-13dyr1v8ue] {
    border-top: 1px solid var(--sidan-color-border, #e4e7ec);
    padding-top: 1.25rem;
}

.mc-step:first-child[b-13dyr1v8ue] {
    border-top: 0;
    padding-top: 0;
}

.mc-step-head[b-13dyr1v8ue] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.mc-step-name[b-13dyr1v8ue] {
    font-weight: 600;
    font-size: 1.05rem;
}

.mc-step-body[b-13dyr1v8ue] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.mc-step-extended[b-13dyr1v8ue] {
    color: var(--sidan-color-text-muted, #667085);
    margin-bottom: 0.75rem;
}

.mc-hint[b-13dyr1v8ue] {
    color: var(--sidan-color-text-muted, #667085);
    margin-bottom: 0.5rem;
}

.mc-hint-spaced[b-13dyr1v8ue] {
    margin-top: 1.25rem;
}

.mc-options[b-13dyr1v8ue] {
    flex-wrap: wrap;
}

.mc-extend-select[b-13dyr1v8ue] {
    max-width: 22rem;
}

/* Phone: a two-up matrix gets too cramped — stack the columns. */
@media (max-width: 768px) {
    .mc-step-body[b-13dyr1v8ue] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}
/* /Components/Pages/Admin/Projects/PotentialAnalysisPanel.razor.rz.scp.css */
/* Two columns: the category accordion on the left (its assignments shown inline),
   the picker for the active category on the right. Both take half the width.
   The block is bounded to the space left in the viewport below the page chrome
   above it, so each column scrolls on its own instead of growing the page. The
   offset is only what sits ABOVE this block (page header + name field); the
   list height itself is worked out by the browser via flexbox, not a guess. */
.potential-analysis[b-l995matctx] {
    display: flex;
    align-items: stretch;
    gap: 24px;
    height: calc(100vh - 360px);
    min-height: 300px;
}

.potential-analysis-categories[b-l995matctx] {
    flex: 0 0 50%;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
}

/* Add control sits above the accordion at a constant position, aligned to the
   right end of its own column (not the page). */
.potential-category-add[b-l995matctx] {
    display: flex;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 16px;
}

.potential-analysis-workspace[b-l995matctx] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    /* Column so the tab bar + filters keep their natural height and the results
       list (.potential-picker-scroll) flexes to fill the rest and scrolls. */
    display: flex;
    flex-direction: column;
}

/* Shown in the right column until a category is selected. */
.potential-picker-hint[b-l995matctx] {
    color: var(--sidan-text-muted);
    padding: 12px 0;
}

/* Filters row above the anchor picker. */
.potential-anchor-filters[b-l995matctx] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

/* The results list fills the height the tab bar + filters leave in the workspace
   column and scrolls on its own — the tab bar and filters above it stay put, and
   the page itself does not grow. */
.potential-picker-scroll[b-l995matctx] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

/* Two-line picker rows: the title and, below it, a muted context line. */
.potential-picker-title[b-l995matctx] {
    display: block;
}
.potential-picker-context[b-l995matctx] {
    display: block;
    color: var(--sidan-text-muted);
    font-size: var(--sidan-text-sm);
}

/* A category's assignments, shown in its accordion body as a striped table.
   Competences are set in bold to stand apart from the anchors below them. */
.potential-assignments[b-l995matctx] {
    width: 100%;
    border-collapse: collapse;
}
.potential-assignments td[b-l995matctx] {
    padding: 8px 12px;
}
.potential-assignments tr:nth-child(even)[b-l995matctx] {
    background: var(--sidan-surface-sunk);
}
.potential-assignment-competence[b-l995matctx] {
    font-weight: 600;
}
.potential-assignment-title[b-l995matctx] {
    display: block;
}
.potential-assignment-context[b-l995matctx] {
    display: block;
    color: var(--sidan-text-muted);
    font-size: var(--sidan-text-sm);
}
.potential-assignments-empty[b-l995matctx] {
    color: var(--sidan-text-muted);
    margin: 0;
}

/* Tablet and below: stack the two columns and let the page scroll normally —
   the viewport-bound height and per-column scroll only make sense side by side. */
@media (max-width: 992px) {
    .potential-analysis[b-l995matctx] {
        flex-direction: column;
        height: auto;
        min-height: 0;
    }

    .potential-analysis-categories[b-l995matctx],
    .potential-analysis-workspace[b-l995matctx] {
        flex: 1 1 auto;
        width: 100%;
        overflow-y: visible;
    }
}
/* /Components/Pages/Admin/Projects/ProjectRatingsMainConferencePanel.razor.rz.scp.css */
/* Two-up layout: result ranges (left) + decision options / misc (right).
   The result-range slider is built from N-1 native range inputs overlaid on a
   shared, JS-painted multi-segment track (one colour per band). */

.mc-main[b-l9vmsghksp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
}

.mc-main-head[b-l9vmsghksp] {
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 0.4rem;
}

.mc-main-head-spaced[b-l9vmsghksp] {
    margin-top: 2rem;
}

/* Breathing room between the misc-comments field and the comparison toggle. */
.mc-main-comparison[b-l9vmsghksp] {
    margin-top: 1rem;
}

.mc-main-intro[b-l9vmsghksp] {
    color: var(--sidan-color-text-muted, #667085);
    margin-bottom: 1rem;
}

/* Add-control sits above its list (CLAUDE.md). */
.mc-main-add[b-l9vmsghksp] {
    margin-bottom: 1.25rem;
}

/* ── Result-range slider ──────────────────────────────────────────── */

.mc-result-slider[b-l9vmsghksp] {
    position: relative;
    height: 2.5rem;
}

.mc-result-track[b-l9vmsghksp] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 8px;
    transform: translateY(-50%);
    border-radius: 4px;
    background: var(--sidan-color-border, #d0d5dd);
}

.mc-result-range[b-l9vmsghksp] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: transparent;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}

.mc-result-range[b-l9vmsghksp]::-webkit-slider-runnable-track {
    background: transparent;
}

.mc-result-range[b-l9vmsghksp]::-moz-range-track {
    background: transparent;
}

.mc-result-range[b-l9vmsghksp]::-webkit-slider-thumb {
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--sidan-color-border, #98a2b3);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.2);
    cursor: pointer;
}

.mc-result-range[b-l9vmsghksp]::-moz-range-thumb {
    pointer-events: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--sidan-color-border, #98a2b3);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.2);
    cursor: pointer;
}

.mc-result-ticks[b-l9vmsghksp] {
    display: flex;
    justify-content: space-between;
    color: var(--sidan-color-text-muted, #667085);
    margin-bottom: 1rem;
}

/* ── Result-range table ───────────────────────────────────────────── */

.mc-result-table[b-l9vmsghksp] {
    margin-top: 0.5rem;
}

/* Leading band-interval column — narrow, never wraps. The value itself reads
   as the numeric range each statement applies to (e.g. "1 – 2"). */
.mc-result-col-bounds[b-l9vmsghksp] {
    width: 1%;
    white-space: nowrap;
}

.mc-result-bounds[b-l9vmsghksp] {
    font-variant-numeric: tabular-nums;
    color: var(--sidan-text-muted);
}

.mc-result-col-color[b-l9vmsghksp] {
    width: 4rem;
    text-align: center;
}

.mc-result-col-action[b-l9vmsghksp] {
    width: 1%;
    white-space: nowrap;
    text-align: right;
}

.mc-result-table .form-control-color[b-l9vmsghksp] {
    width: 100%;
    min-height: calc(1.5em + 1rem + 2px);
}

/* ── Decision options ─────────────────────────────────────────────── */

.mc-options[b-l9vmsghksp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.mc-option-row[b-l9vmsghksp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.mc-option-row .form-control[b-l9vmsghksp] {
    flex: 1 1 auto;
}

.mc-main-switch[b-l9vmsghksp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

@media (max-width: 1024px) {
    .mc-main[b-l9vmsghksp] {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }
}
/* /Components/Pages/Admin/Projects/ProjectRatingsMiniConferencePanel.razor.rz.scp.css */
/* Two-up layout: procedure (left) + anchor selection (right). Columns stack on
   tablet-portrait and below. The dual-handle slider is built from two native
   range inputs overlaid on a shared, JS-painted three-colour track. */

.mc-project[b-la0cjm4zw7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
}

.mc-project-head[b-la0cjm4zw7] {
    font-weight: 600;
    font-size: 1.05rem;
    margin-bottom: 1rem;
}

.mc-project-type[b-la0cjm4zw7] {
    max-width: 24rem;
}

.mc-project-name[b-la0cjm4zw7] {
    font-weight: 600;
    margin-top: 1.25rem;
}

.mc-project-description[b-la0cjm4zw7] {
    color: var(--sidan-color-text-muted, #667085);
    margin-bottom: 0.5rem;
    white-space: pre-line;
}

.mc-project-step[b-la0cjm4zw7] {
    margin-top: 2.25rem;
}

.mc-project-step-head[b-la0cjm4zw7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.mc-project-step-name[b-la0cjm4zw7] {
    font-weight: 600;
}

/* ── Anchor selection ─────────────────────────────────────────────── */

.mc-anchor-slider[b-la0cjm4zw7] {
    position: relative;
    height: 2.5rem;
}

.mc-anchor-track[b-la0cjm4zw7] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 8px;
    transform: translateY(-50%);
    border-radius: 4px;
    background: var(--sidan-color-border, #d0d5dd);
}

/* Two range inputs share the track; only their thumbs catch the pointer so the
   nearer handle always wins the drag. */
.mc-anchor-range[b-la0cjm4zw7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: transparent;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}

.mc-anchor-range[b-la0cjm4zw7]::-webkit-slider-runnable-track {
    background: transparent;
}

.mc-anchor-range[b-la0cjm4zw7]::-moz-range-track {
    background: transparent;
}

.mc-anchor-range[b-la0cjm4zw7]::-webkit-slider-thumb {
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--sidan-color-border, #98a2b3);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.2);
    cursor: pointer;
}

.mc-anchor-range[b-la0cjm4zw7]::-moz-range-thumb {
    pointer-events: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--sidan-color-border, #98a2b3);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.2);
    cursor: pointer;
}

.mc-anchor-ticks[b-la0cjm4zw7] {
    display: flex;
    justify-content: space-between;
    color: var(--sidan-color-text-muted, #667085);
    margin-bottom: 1.5rem;
}

.mc-anchor-row[b-la0cjm4zw7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

/* Leading band-interval label per row (e.g. "1 – 1,8"). Fixed min-width so the
   three intervals align and the swatches / checkbox line up beneath each other;
   muted + tabular figures like the main conference's "Bereich" column. */
.mc-anchor-bounds[b-la0cjm4zw7] {
    flex: 0 0 auto;
    min-width: 4.5rem;
    font-variant-numeric: tabular-nums;
    color: var(--sidan-color-text-muted, #667085);
}

.mc-anchor-swatch[b-la0cjm4zw7] {
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #fff;
}

.mc-anchor-swatch-negative[b-la0cjm4zw7] {
    background: var(--sidan-color-error, #b42318);
}

.mc-anchor-swatch-positive[b-la0cjm4zw7] {
    background: var(--sidan-color-success, #15803d);
}

.mc-anchor-swatch-neutral[b-la0cjm4zw7] {
    background: var(--sidan-color-border, #d0d5dd);
    color: var(--sidan-color-text-muted, #667085);
}

/* Checkbox slot — aligns the box to the statement rows above/below. With a flag
   column it takes the flag-affix width and centres the box on it; without flags
   it shrinks to the box so the checkbox sits at the input's left edge. The row
   layout itself (flex, 22px box, body-size label) is the app-wide .form-check
   default in css/bootstrap.css — .mc-anchor-switch only owns this slot. */
.mc-anchor-check-slot[b-la0cjm4zw7] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}

.mc-anchor-check-slot.is-flagged[b-la0cjm4zw7] {
    width: var(--mto-flag-affix-width);
    justify-content: center;
}

@media (max-width: 1024px) {
    .mc-project[b-la0cjm4zw7] {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }
}
/* /Components/Shared/MTOInput.razor.rz.scp.css */
/* Untranslated value shown as a fallback from another language — italic plus
   danger colour so the operator sees at a glance that this language still needs
   a translation. */
.mto-field-untranslated[b-umijf9t13p] {
    font-style: italic;
    color: var(--sidan-danger, #b32424);
}

/* Flag affix: neutral surface, fixed width so the flag column is uniform and
   other controls can align to it (see --mto-flag-affix-width); flag centred. */
.mto-field-flag[b-umijf9t13p] {
    background: var(--sidan-surface);
    width: var(--mto-flag-affix-width);
    justify-content: center;
}
/* /Components/Shared/MTORichText.razor.rz.scp.css */
.mto-rich[b-cnhda795wl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Language affix above the editor — flag + ISO code, muted. */
.mto-rich-lang[b-cnhda795wl] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--sidan-text-muted);
    font-size: var(--sidan-text-base);
}

.mto-rich-lang-code[b-cnhda795wl] {
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* Untranslated value shown as a fallback from another language — italic so the
   operator sees the current language still needs its own translation.
   ::deep pierces into the RichTextEditor child to reach Quill's editor area. */
.mto-rich-untranslated[b-cnhda795wl]  .ql-editor {
    font-style: italic;
}
/* /Components/Shared/MTORichTextView.razor.rz.scp.css */
/* Rich text rendered read-only: strip the block margins Quill produces so the
   value sits flush in table cells and list rows. */
.mto-rich-view[b-5w3ijhr45i]  p,
.mto-rich-view[b-5w3ijhr45i]  ul,
.mto-rich-view[b-5w3ijhr45i]  ol {
    margin: 0;
}

.mto-rich-view[b-5w3ijhr45i]  p + p,
.mto-rich-view[b-5w3ijhr45i]  p + ul,
.mto-rich-view[b-5w3ijhr45i]  p + ol {
    margin-top: 0.5em;
}

.mto-rich-view[b-5w3ijhr45i]  ul,
.mto-rich-view[b-5w3ijhr45i]  ol {
    padding-left: 1.4em;
}

/* Untranslated value shown as a fallback from another language — italic plus
   danger colour, the same signal MTOText and MTOInput give. */
.mto-rich-view-untranslated[b-5w3ijhr45i] {
    font-style: italic;
    color: var(--sidan-danger, #b32424);
}

/* Empty MTO placeholder — muted, like other "no value" cells. */
.mto-rich-view-empty[b-5w3ijhr45i] {
    color: var(--sidan-text-muted);
}
/* /Components/Shared/MTOText.razor.rz.scp.css */
/* Untranslated value shown as a fallback from another language — italic plus
   danger colour so the reader sees at a glance that this language still needs a
   translation (mirrors MTOInput's .mto-field-untranslated). */
.mto-text-untranslated[b-ddg1cv0oo1] {
    font-style: italic;
    color: var(--sidan-danger, #b32424);
}

/* Empty MTO placeholder — muted, like other "no value" cells. */
.mto-text-empty[b-ddg1cv0oo1] {
    color: var(--sidan-text-muted);
}