/* Shared FluxCertify layout helpers.
   These classes consolidate layout patterns that previously existed as repeated page-local inline styles. */

.fc-full-width {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.fc-field-block {
    display: block;
    margin-top: 5px;
}

.fc-inline-row {
    display: flex;
    gap: 10px;
}

.fc-inline-row-compact {
    display: flex;
    gap: 5px;
}

.fc-form-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.fc-pre-line {
    white-space: pre-line;
}

/* Shared helpers consolidated in Phase F2.1 from repeated page-local migration styles. */
.fc-cursor-default {
    cursor: default;
}
.fc-cursor-pointer {
    cursor: pointer;
}
.fc-display-block {
    display: block;
}
.fc-display-block-margin-top-5-margin-bottom-neg5 {
    display: block;
    margin-top: 5px;
    margin-bottom: -5px;
}
.fc-display-flex-cursor-pointer {
    display: flex;
    cursor:pointer;
}
.fc-display-flex-flex-direction-column-height-full-gap-0-5rem {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0.5rem;
}
.fc-display-flex-gap-20 {
    display: flex;
    gap: 20px;
}
.fc-display-none {
    display:none;
}
.fc-flex-1-1-auto-min-height-200-display-flex {
    flex: 1 1 auto;
    min-height: 200px;
    /* EXTREM wichtig für Flex + Scroll */  display: flex;
}
.fc-font-style-italic-text-size-12-text-color-blue {
    font-style: italic;
    font-size: 12px;
    color: blue;
}
.fc-font-weight-bold {
    font-weight: bold;
}
.fc-font-weight-bold-text-color-primary {
    font-weight: bold;
    color: var(--fc-primary);
}
.fc-margin-bottom-10 {
    margin-bottom:10px;
}
.fc-margin-left-20 {
    margin-left: 20px;
}
.fc-margin-top-10 {
    margin-top: 10px;
}
.fc-margin-top-10-margin-bottom-10 {
    margin-top: 10px;
    margin-bottom:10px;
}
.fc-margin-top-5 {
    margin-top: 5px;
}
.fc-text-align-center {
    text-align: center;
}
.fc-text-align-left {
    text-align: left;
}
.fc-text-size-14 {
    font-size: 14px;
}