/* Roboto self-hosted (statt Google Fonts CDN), um Datenabfluss an Google zu vermeiden */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/roboto/roboto-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/roboto/roboto-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/roboto/roboto-500-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/roboto/roboto-500-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/roboto/roboto-700-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/roboto/roboto-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Globale Styles für die Seiten */
.page-title {
    margin: 40px 0 32px 0;
    display: flex;
    align-items: center;
}

.page-title-icon-button {
    margin-left: 12px;
}

/* Spezielles Styling nur für Subtitle-Links */
.page-subtitle-link {
    color: var(--mud-palette-secondary) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

/* Optional: Hover-Effekt */
.page-subtitle-link:hover {
    text-decoration: underline !important;
}

/* Global hover effect for all MudDataGrid rows with transparency */
.mud-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

.mud-table tbody tr:hover td {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

/* Anpassungen für MudBlazor Komponenten */
.mud-input {
    font-weight: 400 !important;
}

.mud-input-control {
    margin-bottom: 11px !important;
}

.mud-input-control>.mud-input-control-input-container>.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-secondary) !important;
}

.mud-select {
    flex-grow: 0 !important;
}

/*
  MudCard Custom Shadow: oben kein Schatten, unten stärker, links/rechts Standard
*/
.mud-card.custom-shadow {
    box-shadow:
        /* nach unten verlagerter Schatten 
        offset-x | offset-y | blur-radius | spread-radius | color
        */
        0px 10px 10px -5px rgba(0, 0, 0, 0.25);
}

/* Stil für ausgewählte Zeile in MudDataGrid */
.selected-row {
    background-color: var(--mud-palette-primary-hover) !important;
}

/* Feld flacher machen (nur in .searchbar) */
.searchbar .mud-input>input.mud-input-root.mud-input-root-filled {
    padding-top: 10px !important;
}

.searchbar .mud-input-control {
    margin-bottom: 0px !important;
}

.searchbar .mud-input-adornment-start.mud-input-root-filled-shrink {
    margin-top: 0px !important;
}

.mud-toolbar .mud-button-root:not(:first-child) {
    margin-left: 8px;
}

/* Styles für Page Mitarbeiter */
/* Mitarbeiter-Gruppierung */
.first-of-employee td {
    border-top: 1px solid rgb(0, 50, 94);
}

/* Striping je Gruppe (nicht je Zeile) */
.group-odd td {
    background-color: var(--mud-palette-table-striped, rgba(0, 0, 0, 0.03));
}

/* Entferne Trennlinien innerhalb einer Gruppe */
.mud-table-row td {
    border-bottom: none !important;
}

/* Füge Trennlinie nur nach der letzten Zeile einer Gruppe hinzu */
.mud-table-row.first-of-monitoring:not(:first-child) td {
    border-top: 1px solid var(--mud-palette-table-lines, rgba(0, 0, 0, 0.12)) !important;
}

/* Utility: Helferbereich (Helper/Counter) für spezifische Felder ausblenden und Höhe auf 0 setzen */
.no-helper-spacing .mud-input-control-helper-container {
    height: 0 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    overflow: hidden;
}

.no-helper-spacing .mud-input-helper-text,
.no-helper-spacing .mud-input-counter {
    display: none !important;
}

/* Page subtitle: limit line length for better readability on wide screens */
.page-subtitle {
    max-width: 800px;
    /* approx. 70 characters per line — adjust if desired */
    width: 100%;
    margin-top: 0.5rem;
    /* keep a small spacing to the title */
    line-height: 1.5;
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 600px) {
    .page-subtitle {
        max-width: 100%;
    }
}

/* Styling helper for the mail link inside subtitles */
.page-subtitle-link {
    color: var(--mud-palette-primary);
    text-decoration: underline;
    font-weight: 500;
}

.page-subtitle-link:hover {
    text-decoration: none;
}

.col-dosimeter {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1) !important;
}

/* Ensure header cells using this class also pick up the background */
.col-dosimeter .mud-th,
.col-dosimeter .mud-td,
.col-dosimeter th,
.col-dosimeter td {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1) !important;
}

/* Keep col-dosimeter background on hover */
.mud-table tbody tr:hover .col-dosimeter td,
.mud-table tbody tr:hover td.col-dosimeter {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.15) !important;
}

/* Hellgrüner Hintergrund für neu hinzugefügte Dosimeter (10% Success) */
.new-dosimeter-row {
    background-color: rgba(var(--mud-palette-success-rgb), 0.1) !important;
}

.new-dosimeter-row:hover {
    background-color: rgba(var(--mud-palette-success-rgb), 0.15) !important;
}

.mud-table tbody tr.new-dosimeter-row:hover td {
    background-color: rgba(var(--mud-palette-success-rgb), 0.15) !important;
}

/* Hellblauer Hintergrund für zur Abmeldung markierte Dosimeter (10% Primary) */
.deactivated-dosimeter-row {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.1) !important;
}

.deactivated-dosimeter-row:hover {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.15) !important;
}

.mud-table tbody tr.deactivated-dosimeter-row:hover td {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.15) !important;
}

/* Highlighting für geänderte Felder in der Zusammenfassung (10% Secondary) */
.changed-field .mud-input-slot,
.changed-field input,
.changed-field .mud-input-root-text {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.05) !important;
}

.changed-field .mud-input {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.05) !important;
}

/* MonitorEdit Page: Complete Button im Stepper ausblenden */
.monitor-edit-page .mud-stepper-button-complete {
    display: none !important;
}

.ssr-tooltip .mud-tooltip-root.mud-tooltip-inline {
    width: 100%;
}

.legal-content {
    max-width: 900px;
    width: 100%;
    margin: 0;
}