/* _content/Dienstplaner.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-cwccl8umjm] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-cwccl8umjm] {
    flex: 1;
}

.sidebar[b-cwccl8umjm] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-cwccl8umjm] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-cwccl8umjm]  a, .top-row[b-cwccl8umjm]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-cwccl8umjm]  a:hover, .top-row[b-cwccl8umjm]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-cwccl8umjm]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-cwccl8umjm] {
        justify-content: space-between;
    }

    .top-row[b-cwccl8umjm]  a, .top-row[b-cwccl8umjm]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-cwccl8umjm] {
        flex-direction: row;
    }

    .sidebar[b-cwccl8umjm] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-cwccl8umjm] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-cwccl8umjm]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-cwccl8umjm], article[b-cwccl8umjm] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-cwccl8umjm] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-cwccl8umjm] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Dienstplaner.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ilw1o62jdr] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-ilw1o62jdr] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-ilw1o62jdr] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ilw1o62jdr] {
    font-size: 1.1rem;
}

.bi[b-ilw1o62jdr] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ilw1o62jdr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ilw1o62jdr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ilw1o62jdr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ilw1o62jdr] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ilw1o62jdr] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ilw1o62jdr] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ilw1o62jdr]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-ilw1o62jdr]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ilw1o62jdr]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-ilw1o62jdr] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ilw1o62jdr] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ilw1o62jdr] {
        display: none;
    }

    .nav-scrollable[b-ilw1o62jdr] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.nav-trenner[b-ilw1o62jdr] { border: 0; border-top: 1px solid rgba(255,255,255,0.15); margin: .5rem .75rem; }
.nav-konto[b-ilw1o62jdr] { padding: .1rem .9rem .3rem; }
.nav-konto-label[b-ilw1o62jdr] { font-size: .7rem; color: #b9b9b9; }
.nav-konto-name[b-ilw1o62jdr] { font-size: .82rem; color: #fff; word-break: break-all; line-height: 1.2; }
/* _content/Dienstplaner.Web/Components/MitarbeiterDialog.razor.rz.scp.css */
.md-backdrop[b-xvqc2waytt] { position: fixed; inset: 0; background: #0006; display: flex; align-items: flex-start; justify-content: center; z-index: 1000; padding: 2vh 0; overflow-y: auto; }
.md-box[b-xvqc2waytt] { background: #fff; border-radius: 10px; padding: 1.1rem 1.3rem; width: min(1240px, 97vw); max-height: 96vh; overflow: auto; box-shadow: 0 8px 30px #00000040; }

.md-kopf[b-xvqc2waytt] { display: flex; align-items: center; justify-content: space-between; }
.md-kopf h2[b-xvqc2waytt] { margin: 0; font-size: 1.15rem; }
.md-x[b-xvqc2waytt] { border: none; background: transparent; font-size: 1.1rem; cursor: pointer; color: #57606A; border-radius: 6px; padding: .1rem .4rem; }
.md-x:hover[b-xvqc2waytt] { background: #00000010; }

.md-fehler[b-xvqc2waytt] { background: #FFEBE9; border: 1px solid #FF818266; color: #86181D; padding: .5rem .7rem; border-radius: 6px; margin-top: .6rem; font-size: .85rem; }

.md-cols[b-xvqc2waytt] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 1.5rem; margin-top: .4rem; }
.md-col[b-xvqc2waytt] { min-width: 0; }
@media (max-width: 1000px) { .md-cols[b-xvqc2waytt] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .md-cols[b-xvqc2waytt] { grid-template-columns: 1fr; } }

.md-col h3[b-xvqc2waytt] { margin: .9rem 0 .35rem; font-size: .9rem; color: #24292F; border-bottom: 1px solid #eee; padding-bottom: .2rem; }
.md-col label[b-xvqc2waytt] { display: block; font-size: .78rem; font-weight: 600; margin-top: .45rem; color: #3a3f45; }
.md-col input[b-xvqc2waytt], .md-col select[b-xvqc2waytt], .md-col textarea[b-xvqc2waytt] { width: 100%; padding: .35rem .5rem; border: 1px solid #ccc; border-radius: 6px; font: inherit; margin-top: .15rem; box-sizing: border-box; font-weight: 400; }
.md-zeile[b-xvqc2waytt] { display: flex; gap: .6rem; flex-wrap: wrap; }
.md-zeile > label[b-xvqc2waytt] { flex: 1; min-width: 80px; }

.md-checks[b-xvqc2waytt] { display: flex; gap: 1.2rem; margin-top: .6rem; }
.md-check[b-xvqc2waytt] { display: flex !important; align-items: center; gap: .35rem; font-weight: 400 !important; margin-top: 0 !important; }
.md-check input[b-xvqc2waytt] { width: auto !important; margin: 0 !important; }

.md-hint[b-xvqc2waytt] { font-size: .78rem; color: #0860c4; margin-top: .35rem; word-break: break-word; }

.md-quali[b-xvqc2waytt] { display: flex; flex-direction: column; gap: .2rem; margin-top: .2rem; }
.md-qzeile[b-xvqc2waytt] { display: flex; align-items: center; gap: .5rem; }
.md-qzeile .md-check[b-xvqc2waytt] { flex: 1; }
.md-qbis[b-xvqc2waytt] { width: 140px !important; flex: 0 0 140px; padding: .2rem .3rem !important; }

.md-fs[b-xvqc2waytt] { display: flex; flex-wrap: wrap; gap: .3rem .9rem; margin-top: .2rem; }
.md-fs .md-check[b-xvqc2waytt] { flex: 0 0 auto; }

.md-ocr[b-xvqc2waytt] { background: #f6f8fa; border: 1px solid #eaecef; border-radius: 8px; padding: .5rem .6rem; margin-top: .5rem; }
.md-ocrtitel[b-xvqc2waytt] { font-size: .8rem; font-weight: 700; color: #24292F; }
.md-file[b-xvqc2waytt] { font-size: .72rem; }
.md-file[b-xvqc2waytt]  input[type=file] { width: 100%; font-size: .72rem; margin-top: .15rem; }
.md-vorschau[b-xvqc2waytt] { display: block; max-width: 100%; max-height: 84px; border-radius: 6px; border: 1px solid #ddd; margin-top: .3rem; }

.md-aktionen[b-xvqc2waytt] { display: flex; align-items: center; gap: .5rem; margin-top: 1.1rem; border-top: 1px solid #eee; padding-top: .8rem; }
.md-spacer[b-xvqc2waytt] { flex: 1; }
.btn[b-xvqc2waytt] { padding: .4rem .9rem; border: 1px solid #ccc; border-radius: 6px; background: #f6f6f6; cursor: pointer; font: inherit; }
.btn:hover[b-xvqc2waytt] { background: #ececec; }
.btn:disabled[b-xvqc2waytt] { opacity: .55; cursor: default; }
.btn-mini[b-xvqc2waytt] { padding: .25rem .6rem; font-size: .78rem; margin-top: .4rem; }
.btn-primary[b-xvqc2waytt] { background: #0969DA; border-color: #0969DA; color: #fff; }
.btn-primary:hover[b-xvqc2waytt] { background: #0860c4; }
.btn-danger[b-xvqc2waytt] { background: #fff; border-color: #CF222E; color: #CF222E; }
.btn-danger:hover[b-xvqc2waytt] { background: #FFEBE9; }
/* _content/Dienstplaner.Web/Components/Pages/AdminBenutzer.razor.rz.scp.css */
.form-hint[b-21kax5is60] { font-size: .82rem; opacity: .7; margin: 0 0 .6rem; }
.form-neu[b-21kax5is60] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1.2rem;
}

.form-neu input[b-21kax5is60],
.form-neu select[b-21kax5is60] {
    padding: .35rem .5rem;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.tab[b-21kax5is60] {
    border-collapse: collapse;
    width: 100%;
    max-width: 900px;
    background: #fff;
}

.tab th[b-21kax5is60], .tab td[b-21kax5is60] {
    text-align: left;
    padding: .45rem .55rem;
    border-bottom: 1px solid #eee;
}

.tab select[b-21kax5is60] {
    padding: .3rem .4rem;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.btn[b-21kax5is60] {
    background: #0969DA;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: .35rem .8rem;
    cursor: pointer;
}

.btn:hover[b-21kax5is60] { background: #0860c4; }

.pw-zelle[b-21kax5is60] { display: flex; gap: .3rem; align-items: center; }
.pw-zelle input[b-21kax5is60] { padding: .3rem .4rem; border: 1px solid #ccc; border-radius: 6px; width: 130px; }

.hinweis[b-21kax5is60] {
    background: #DDF4FF;
    border: 1px solid #B6E3FF;
    padding: .55rem .8rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    max-width: 900px;
}
/* _content/Dienstplaner.Web/Components/Pages/Gehaltsliste.razor.rz.scp.css */
.gl-kopf[b-86op22fojy] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; }
.gl-nav[b-86op22fojy] { display: flex; align-items: center; gap: .5rem; }
.gl-nav .btn[b-86op22fojy] { padding: .3rem .7rem; border: 1px solid #ccc; border-radius: 6px; background: #f6f6f6; cursor: pointer; }
.gl-nav .btn:hover[b-86op22fojy] { background: #ececec; }
.gl-monat[b-86op22fojy] { font-weight: 600; min-width: 150px; text-align: center; }

.gl-tab[b-86op22fojy] {
    border-collapse: collapse;
    width: 100%;
    max-width: 680px;
    background: #fff;
    margin-top: 1rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.gl-tab th[b-86op22fojy], .gl-tab td[b-86op22fojy] { padding: .5rem .7rem; border-bottom: 1px solid #eee; text-align: left; }
.gl-tab th[b-86op22fojy] { background: #f6f8fa; font-size: .82rem; }
.gl-tab .r[b-86op22fojy] { text-align: right; font-variant-numeric: tabular-nums; }
.gl-tab .b[b-86op22fojy] { font-weight: 700; color: #1A7F37; }
.gl-tab tfoot td[b-86op22fojy] { border-top: 2px solid #ddd; font-weight: 600; background: #fafafa; }
.gl-hinweis[b-86op22fojy] { font-size: .8rem; opacity: .6; margin-top: .5rem; }

/* Klickbarer Mitarbeitername → Drilldown */
.gl-name[b-86op22fojy] { background: none; border: none; padding: 0; font: inherit; color: #0969DA; cursor: pointer; text-align: left; }
.gl-name:hover[b-86op22fojy] { text-decoration: underline; }

.gl-detailkopf[b-86op22fojy] { display: flex; align-items: baseline; gap: .8rem; flex-wrap: wrap; margin-top: 1rem; }
.gl-detailkopf h2[b-86op22fojy] { margin: 0; }
.gl-detailmeta[b-86op22fojy] { font-size: .85rem; opacity: .65; }
.gl-detailtab[b-86op22fojy] { max-width: 760px; }
/* _content/Dienstplaner.Web/Components/Pages/Kalender.razor.rz.scp.css */
.kal-kopf[b-g0ppjt4a0w] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem; }
.kal-nav[b-g0ppjt4a0w] { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.kal-nav .btn[b-g0ppjt4a0w], .kal-nav a.btn[b-g0ppjt4a0w] { padding:.3rem .7rem; border:1px solid #ccc; border-radius:6px; background:#f6f6f6; cursor:pointer; text-decoration:none; color:inherit; }
.kal-nav .btn:hover[b-g0ppjt4a0w] { background:#ececec; }
.kal-nav .btn-primary[b-g0ppjt4a0w] { background:#0969DA; border-color:#0969DA; color:#fff; }
.kal-nav .btn-primary:hover[b-g0ppjt4a0w] { background:#0860c4; }
.kal-info[b-g0ppjt4a0w] { opacity:.6; font-size:.9rem; margin-left:.3rem; }

/* ---- Hauptbereich: Palette + Board ---- */
.kal-haupt[b-g0ppjt4a0w] { display:flex; gap:.6rem; height:calc(100vh - 104px); min-height:440px; margin-top:.6rem; }

.kal-palette[b-g0ppjt4a0w] { width:185px; flex-shrink:0; overflow-y:auto; background:#0000000a; border-radius:8px; padding:.5rem; }
.kal-palette-kopf[b-g0ppjt4a0w] { font-weight:600; font-size:.85rem; }
.kal-palette-hinweis[b-g0ppjt4a0w] { font-size:.7rem; opacity:.55; margin:.1rem 0 .5rem; }
.kal-pal-item[b-g0ppjt4a0w] { background:#fff; border-radius:6px; padding:.4rem .5rem; margin-bottom:.35rem; cursor:grab; box-shadow:0 1px 2px #00000018; }
.kal-pal-item:active[b-g0ppjt4a0w] { cursor:grabbing; }
.kal-pal-name[b-g0ppjt4a0w] { font-size:.8rem; font-weight:600; }
.kal-pal-typ[b-g0ppjt4a0w] { font-size:.68rem; color:#0860c4; }
.kal-pal-leer[b-g0ppjt4a0w] { font-size:.72rem; opacity:.6; }

.kal-board[b-g0ppjt4a0w] { flex:1; display:flex; min-width:0; }

.kal-rail[b-g0ppjt4a0w] { width:42px; flex-shrink:0; display:flex; flex-direction:column; }
.kal-rail-spacer[b-g0ppjt4a0w] { height:28px; flex-shrink:0; }
.kal-rail-track[b-g0ppjt4a0w] { position:relative; flex:1; }
.kal-rail-mark[b-g0ppjt4a0w] { position:absolute; right:4px; transform:translateY(-50%); font-size:.68rem; color:#999; }

.kal-spalten[b-g0ppjt4a0w] { flex:1; display:grid; grid-template-columns:repeat(7, 1fr); gap:4px; min-width:0; }
.kal-tag[b-g0ppjt4a0w] { display:flex; flex-direction:column; background:#0000000a; border-radius:6px; overflow:hidden; min-width:0; }
.kal-tag.heute[b-g0ppjt4a0w] { outline:2px solid #0d6efd55; }
.kal-tagkopf[b-g0ppjt4a0w] { height:28px; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; padding:0 .35rem; font-size:.74rem; font-weight:600; background:#00000010; }
.kal-plus[b-g0ppjt4a0w] { border:none; background:transparent; cursor:pointer; color:#0969DA; font-size:.95rem; line-height:1; padding:0 .15rem; border-radius:4px; }
.kal-plus:hover[b-g0ppjt4a0w] { background:#0969da22; }

.kal-track[b-g0ppjt4a0w] { position:relative; flex:1; }
.kal-linie[b-g0ppjt4a0w] { position:absolute; left:0; right:0; border-top:1px solid #0000000d; }

.kal-block[b-g0ppjt4a0w] { position:absolute; box-sizing:border-box; min-height:18px; border-radius:4px; overflow:hidden; box-shadow:0 1px 2px #00000026; cursor:pointer; font-size:.7rem; color:#1c2024; }
.kal-block[data-movable="1"]:hover[b-g0ppjt4a0w] { box-shadow:0 2px 8px #00000040; }
.kal-block.zieht[b-g0ppjt4a0w] { box-shadow:0 4px 12px #00000055; z-index:6; }
.kal-block-inhalt[b-g0ppjt4a0w] { padding:2px 5px; height:100%; overflow:hidden; }
.kal-block-zeit[b-g0ppjt4a0w] { font-weight:700; }
.kal-block-name[b-g0ppjt4a0w] { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kal-block-bes[b-g0ppjt4a0w] { opacity:.7; font-size:.66rem; }
.kal-block-labels[b-g0ppjt4a0w] { display:flex; flex-wrap:wrap; gap:2px; margin-top:1px; }
.kal-chip[b-g0ppjt4a0w] { color:#fff; font-size:.6rem; border-radius:3px; padding:0 4px; white-space:nowrap; }

.kal-clone[b-g0ppjt4a0w] { z-index:6; box-shadow:0 4px 12px #00000055; opacity:.96; }

.kal-grip[b-g0ppjt4a0w] { position:absolute; left:0; right:0; height:8px; cursor:ns-resize; z-index:3; }
.kal-grip.oben[b-g0ppjt4a0w] { top:0; }
.kal-grip.unten[b-g0ppjt4a0w] { bottom:0; }
.kal-grip:hover[b-g0ppjt4a0w] { background:#0000002b; }

/* ---- Modal (Schicht-Dialog) ---- */
.modal-backdrop[b-g0ppjt4a0w] { position:fixed; inset:0; background:#0006; display:flex; align-items:center; justify-content:center; z-index:1000; }
.modal-box[b-g0ppjt4a0w] { background:#fff; border-radius:10px; padding:1.2rem 1.4rem; width:min(480px, 92vw); max-height:90vh; overflow:auto; box-shadow:0 8px 30px #00000040; }
.modal-box.modal-breit[b-g0ppjt4a0w] { width:min(680px, 95vw); }
.modal-box h2[b-g0ppjt4a0w] { margin-top:0; }
.modal-box h3[b-g0ppjt4a0w] { margin:1rem 0 .3rem; font-size:.95rem; }
.modal-box label[b-g0ppjt4a0w] { display:block; font-size:.85rem; font-weight:600; margin-top:.7rem; }
.modal-box input[b-g0ppjt4a0w], .modal-box select[b-g0ppjt4a0w], .modal-box textarea[b-g0ppjt4a0w] { width:100%; padding:.4rem .5rem; border:1px solid #ccc; border-radius:6px; font:inherit; margin-top:.2rem; box-sizing:border-box; }
.form-zeile[b-g0ppjt4a0w] { display:flex; gap:.6rem; flex-wrap:wrap; }
.form-zeile label[b-g0ppjt4a0w] { flex:1; min-width:90px; }
.form-fehler[b-g0ppjt4a0w] { background:#FFEBE9; border:1px solid #FF818266; color:#86181D; padding:.5rem .7rem; border-radius:6px; margin-top:.6rem; font-size:.85rem; }
.form-quali[b-g0ppjt4a0w] { display:grid; grid-template-columns:1fr 1fr; gap:.25rem .9rem; margin-top:.3rem; }
.form-quali1[b-g0ppjt4a0w] { display:grid; grid-template-columns:1fr; gap:.15rem; margin-top:.3rem; }
.quali-check.stammobj[b-g0ppjt4a0w] { margin-top:.8rem !important; font-weight:600 !important; }

.modal-box.modal-form2[b-g0ppjt4a0w] { width:min(760px, 96vw); }
.form-cols[b-g0ppjt4a0w] { display:grid; grid-template-columns:1fr 1fr; gap:0 1.3rem; }
.form-col[b-g0ppjt4a0w] { min-width:0; }
.form-hint[b-g0ppjt4a0w] { font-size:.78rem; color:#0860c4; margin-top:.3rem; word-break:break-word; }
.modal-backdrop.modal-oben[b-g0ppjt4a0w] { z-index:1100; }

@media (max-width: 680px) { .form-cols[b-g0ppjt4a0w] { grid-template-columns:1fr; } }
.quali-check[b-g0ppjt4a0w] { display:flex !important; align-items:center; gap:.4rem; font-weight:400 !important; font-size:.82rem; margin-top:0 !important; }
.quali-check input[b-g0ppjt4a0w] { width:auto !important; margin:0 !important; }
.form-export[b-g0ppjt4a0w] { display:flex; align-items:center; gap:.7rem; margin-top:.8rem; font-size:.85rem; }
.form-export span[b-g0ppjt4a0w] { opacity:.7; }
.form-export a[b-g0ppjt4a0w] { color:#0969DA; text-decoration:none; }
.form-export a:hover[b-g0ppjt4a0w] { text-decoration:underline; }

.modal-aktionen[b-g0ppjt4a0w] { display:flex; align-items:center; gap:.5rem; margin-top:1.2rem; }
.modal-spacer[b-g0ppjt4a0w] { flex:1; }
.modal-aktionen .btn[b-g0ppjt4a0w] { padding:.4rem .9rem; border:1px solid #ccc; border-radius:6px; background:#f6f6f6; cursor:pointer; }
.modal-aktionen .btn:hover[b-g0ppjt4a0w] { background:#ececec; }
.modal-aktionen .btn-primary[b-g0ppjt4a0w] { background:#0969DA; border-color:#0969DA; color:#fff; }
.modal-aktionen .btn-primary:hover[b-g0ppjt4a0w] { background:#0860c4; }
.modal-aktionen .btn-danger[b-g0ppjt4a0w] { background:#fff; border-color:#CF222E; color:#CF222E; }
.modal-aktionen .btn-danger:hover[b-g0ppjt4a0w] { background:#FFEBE9; }

/* ---- Besetzung ---- */
.bes-meta[b-g0ppjt4a0w] { font-size:.82rem; opacity:.7; }
.bes-leer[b-g0ppjt4a0w] { opacity:.6; font-size:.85rem; margin:.3rem 0; }
.bes-liste[b-g0ppjt4a0w] { list-style:none; margin:0; padding:0; }
.bes-kandidaten[b-g0ppjt4a0w] { max-height:34vh; overflow:auto; border:1px solid #eee; border-radius:6px; }
.bes-zeile[b-g0ppjt4a0w] { display:flex; align-items:center; gap:.5rem; padding:.35rem .5rem; border-bottom:1px solid #f0f0f0; }
.bes-zeile:last-child[b-g0ppjt4a0w] { border-bottom:none; }
.bes-zeile.ungeeignet[b-g0ppjt4a0w] { background:#fff7f6; }
.bes-name[b-g0ppjt4a0w] { font-size:.86rem; flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bes-kandidaten .bes-name[b-g0ppjt4a0w] { flex:0 0 150px; }
.bes-kandidaten .bes-badge[b-g0ppjt4a0w] { flex:0 0 auto; }
.bes-zeit[b-g0ppjt4a0w] { width:96px !important; flex:0 0 96px; padding:.2rem .35rem !important; border:1px solid #ccc; border-radius:5px; font-size:.8rem; margin:0 !important; box-sizing:border-box; }
.bes-check[b-g0ppjt4a0w] { flex-shrink:0; }
.bes-badge[b-g0ppjt4a0w] { font-size:.7rem; border-radius:10px; padding:.05rem .5rem; }
.bes-badge.ok[b-g0ppjt4a0w] { background:#DAFBE1; color:#1A7F37; }
.bes-badge.nok[b-g0ppjt4a0w] { background:#FFEBE9; color:#86181D; }
.bes-warn[b-g0ppjt4a0w] { font-size:.78rem; color:#9A6700; cursor:help; }
.bes-filter[b-g0ppjt4a0w] { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .8rem; margin:.3rem 0 .5rem; }
.bes-filter > input[b-g0ppjt4a0w] { flex:1 1 150px; min-width:0; padding:.35rem .5rem; border:1px solid #ccc; border-radius:6px; box-sizing:border-box; }
.bes-check[b-g0ppjt4a0w] { font-size:.82rem; display:flex; align-items:center; gap:.3rem; white-space:nowrap; }
.bes-check input[b-g0ppjt4a0w] { width:auto !important; flex:0 0 auto; margin:0 !important; }
.bes-x[b-g0ppjt4a0w] { border:none; background:transparent; color:#CF222E; cursor:pointer; font-size:.9rem; padding:.1rem .3rem; border-radius:4px; }
.bes-x:hover[b-g0ppjt4a0w] { background:#FFEBE9; }
.btn-mini[b-g0ppjt4a0w] { padding:.2rem .6rem; font-size:.78rem; border:1px solid #0969DA; background:#0969DA; color:#fff; border-radius:6px; cursor:pointer; white-space:nowrap; }
.btn-mini:hover[b-g0ppjt4a0w] { background:#0860c4; }

/* ---- Tageskopf klickbar (öffnet Tagesansicht) ---- */
.kal-tagkopf[b-g0ppjt4a0w] { cursor:pointer; }
.kal-tagkopf:hover[b-g0ppjt4a0w] { background:#0969da22; }
.kal-tag-lupe[b-g0ppjt4a0w] { font-size:.72rem; opacity:.3; }
.kal-tagkopf:hover .kal-tag-lupe[b-g0ppjt4a0w] { opacity:.75; }

/* ---- Tagesansicht: waagerechte Zeitachse 00–24 Uhr, Schichten als liegende Balken ---- */
.tag-ansicht[b-g0ppjt4a0w] { margin-top:.3rem; }
.ta-kopf[b-g0ppjt4a0w] { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; margin-bottom:.6rem; }
.ta-kopf h1[b-g0ppjt4a0w] { margin:0; font-size:1.3rem; text-transform:capitalize; }
.ta-spacer[b-g0ppjt4a0w] { flex:1; }
.ta-kopf .btn[b-g0ppjt4a0w] { padding:.4rem .9rem; border:1px solid #ccc; border-radius:6px; background:#f6f6f6; cursor:pointer; text-decoration:none; color:inherit; }
.ta-kopf .btn:hover[b-g0ppjt4a0w] { background:#ececec; }
.ta-kopf .btn-primary[b-g0ppjt4a0w] { background:#0969DA; border-color:#0969DA; color:#fff; }
.ta-kopf .btn-primary:hover[b-g0ppjt4a0w] { background:#0860c4; }

/* Grid garantiert: 220px Namensspalte + flexible 24h-Spur, Achse und Balken exakt ausgerichtet */
.ta-gantt[b-g0ppjt4a0w] { border:1px solid #eaecef; border-radius:8px; overflow:hidden; background:#fff; min-height:calc(100vh - 150px); }
.ta-head[b-g0ppjt4a0w] { display:grid; grid-template-columns:220px 1fr; background:#f6f8fa; border-bottom:1px solid #e5e5e5; }
.ta-eck[b-g0ppjt4a0w] { border-right:1px solid #e5e5e5; }
.ta-axis[b-g0ppjt4a0w] { position:relative; height:22px; }
.ta-h[b-g0ppjt4a0w] { position:absolute; top:5px; transform:translateX(-50%); font-size:.66rem; color:#999; white-space:nowrap; }

.ta-zeile[b-g0ppjt4a0w] { display:grid; grid-template-columns:220px 1fr; min-height:46px; border-bottom:1px solid #f0f0f0; }
.ta-zeile:last-child[b-g0ppjt4a0w] { border-bottom:none; }
.ta-zeile:hover[b-g0ppjt4a0w] { background:#0969da0a; }
.ta-lbl[b-g0ppjt4a0w] { padding:.3rem .55rem; display:flex; flex-direction:column; justify-content:center; overflow:hidden; border-right:1px solid #eee; }
.ta-lbl-name[b-g0ppjt4a0w] { font-weight:600; font-size:.85rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ta-lbl-sub[b-g0ppjt4a0w] { font-size:.73rem; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ta-spur[b-g0ppjt4a0w] { position:relative; overflow:hidden; }
.ta-grid-l[b-g0ppjt4a0w] { position:absolute; top:0; bottom:0; width:0; border-left:1px solid #00000008; }
.ta-balken[b-g0ppjt4a0w] { position:absolute; top:7px; bottom:7px; min-width:4px; border-radius:5px; box-shadow:0 1px 2px #00000026; display:flex; align-items:center; gap:.25rem; padding:0 .35rem; overflow:hidden; color:#1c2024; box-sizing:border-box; cursor:pointer; }
.ta-zeile:hover .ta-balken[b-g0ppjt4a0w] { box-shadow:0 2px 8px #00000044; }
.ta-balken.zieht[b-g0ppjt4a0w] { box-shadow:0 3px 12px #00000055; z-index:5; }
/* Greifer an den Balken-Rändern: waagerecht verlängern/kürzen (15-Min) */
.ta-grip[b-g0ppjt4a0w] { position:absolute; top:0; bottom:0; width:9px; cursor:ew-resize; z-index:3; }
.ta-grip.links[b-g0ppjt4a0w] { left:0; }
.ta-grip.rechts[b-g0ppjt4a0w] { right:0; }
.ta-grip:hover[b-g0ppjt4a0w] { background:#00000026; }
.ta-bal-text[b-g0ppjt4a0w] { display:flex; align-items:center; gap:.3rem; min-width:0; overflow:hidden; }
.ta-chip[b-g0ppjt4a0w] { color:#fff; font-size:.62rem; border-radius:3px; padding:0 4px; white-space:nowrap; }
.ta-pf[b-g0ppjt4a0w] { font-size:.66rem; opacity:.7; flex:0 0 auto; }
.ta-pf.rechts[b-g0ppjt4a0w] { margin-left:auto; }
.ta-leer[b-g0ppjt4a0w] { opacity:.6; font-size:.9rem; padding:1rem; }
.ta-fuss[b-g0ppjt4a0w] { font-size:.74rem; opacity:.6; margin-top:.5rem; }

/* ---- Monatsübersicht ---- */
.mon-ansicht[b-g0ppjt4a0w] { margin-top:.3rem; }
.mon-kopf[b-g0ppjt4a0w] { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin-bottom:.6rem; }
.mon-kopf h1[b-g0ppjt4a0w] { margin:0; font-size:1.3rem; text-transform:capitalize; min-width:180px; text-align:center; }
.mon-kopf .btn[b-g0ppjt4a0w] { padding:.4rem .8rem; border:1px solid #ccc; border-radius:6px; background:#f6f6f6; cursor:pointer; }
.mon-kopf .btn:hover[b-g0ppjt4a0w] { background:#ececec; }
.mon-grid[b-g0ppjt4a0w] { display:grid; grid-template-columns:repeat(7, 1fr); grid-template-rows:auto repeat(6, 1fr); gap:4px; height:calc(100vh - 128px); min-height:520px; }
.mon-wt[b-g0ppjt4a0w] { text-align:center; font-size:.75rem; font-weight:600; color:#666; padding:.2rem 0; }
.mon-zelle[b-g0ppjt4a0w] { min-height:84px; background:#fff; border:1px solid #eee; border-radius:6px; padding:.25rem .35rem; cursor:pointer; overflow:hidden; display:flex; flex-direction:column; gap:2px; }
.mon-zelle:hover[b-g0ppjt4a0w] { box-shadow:0 2px 8px #00000022; border-color:#0969da55; }
.mon-zelle.fremd[b-g0ppjt4a0w] { background:#fafafa; }
.mon-zelle.fremd .mon-tagnr[b-g0ppjt4a0w] { color:#bbb; }
.mon-zelle.heute[b-g0ppjt4a0w] { outline:2px solid #0d6efd55; }
.mon-tagnr[b-g0ppjt4a0w] { font-size:.78rem; font-weight:600; display:flex; align-items:center; justify-content:space-between; }
.mon-anz[b-g0ppjt4a0w] { font-size:.62rem; background:#0969DA; color:#fff; border-radius:10px; padding:0 .4rem; font-weight:600; }
.mon-schicht[b-g0ppjt4a0w] { font-size:.66rem; background:#f3f4f6; border-radius:3px; padding:1px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mon-mehr[b-g0ppjt4a0w] { font-size:.62rem; color:#666; }

/* ---- Fahrplaner im Besetzungs-Dialog ---- */
.fp-zeile[b-g0ppjt4a0w] { display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; margin:.3rem 0; }
.fp-zeile select[b-g0ppjt4a0w] { padding:.25rem .4rem; border:1px solid #ccc; border-radius:5px; font:inherit; }
.fp-vorschlag[b-g0ppjt4a0w] { background:#DDF4FF; border:1px solid #B6E3FF; border-radius:6px; padding:.45rem .7rem; font-size:.84rem; margin:.4rem 0; }
.fp-map[b-g0ppjt4a0w] { height:300px; border-radius:8px; border:1px solid #ddd; margin-top:.2rem; overflow:hidden; z-index:0; }
.fp-legende[b-g0ppjt4a0w] { display:flex; gap:1rem; flex-wrap:wrap; font-size:.74rem; color:#555; margin-top:.35rem; }
.fp-legende span[b-g0ppjt4a0w] { display:inline-flex; align-items:center; gap:.3rem; }
.fp-dot[b-g0ppjt4a0w] { width:10px; height:10px; border-radius:50%; display:inline-block; }
/* _content/Dienstplaner.Web/Components/Pages/KundenObjekte.razor.rz.scp.css */
.ko-kopf[b-ss8a0qiciz] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; flex-wrap:wrap; }
.ko-suche[b-ss8a0qiciz] { padding:.4rem .6rem; border:1px solid #ccc; border-radius:6px; min-width:220px; }
.ko-meldung[b-ss8a0qiciz] { background:#DDF4FF; border:1px solid #B6E3FF; padding:.5rem .8rem; border-radius:8px; margin:.6rem 0; }

.btn[b-ss8a0qiciz] { padding:.35rem .8rem; border:1px solid #ccc; border-radius:6px; background:#f6f6f6; cursor:pointer; }
.btn:hover[b-ss8a0qiciz] { background:#ececec; }
.btn-primary[b-ss8a0qiciz] { background:#0969DA; border-color:#0969DA; color:#fff; }
.btn-primary:hover[b-ss8a0qiciz] { background:#0860c4; }

.ko-block[b-ss8a0qiciz] { margin-top:1.4rem; }
.ko-block-kopf[b-ss8a0qiciz] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; flex-wrap:wrap; margin-bottom:.5rem; }
.ko-block-kopf h2[b-ss8a0qiciz] { font-size:1.05rem; margin:0; display:flex; align-items:center; gap:.5rem; }
.ko-zahl[b-ss8a0qiciz] { font-size:.8rem; font-weight:400; opacity:.55; background:#0000000d; border-radius:10px; padding:0 .5rem; }

.ko-grid[b-ss8a0qiciz] { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:.6rem; }
.ko-karte[b-ss8a0qiciz] { background:#fff; border-radius:8px; padding:.6rem .8rem; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.ko-karte-kopf[b-ss8a0qiciz] { display:flex; align-items:flex-start; justify-content:space-between; gap:.4rem; }
.ko-name[b-ss8a0qiciz] { font-weight:600; }
.ko-meta[b-ss8a0qiciz] { font-size:.8rem; color:#555; margin-top:.2rem; }
.ko-badges[b-ss8a0qiciz] { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.4rem; }
.ko-quali[b-ss8a0qiciz] { font-size:.7rem; border-radius:10px; padding:.05rem .5rem; font-weight:600; }
.ko-chips[b-ss8a0qiciz] { display:flex; flex-wrap:wrap; gap:.25rem; margin-top:.35rem; }
.ko-chip[b-ss8a0qiciz] { color:#fff; font-size:.7rem; border-radius:10px; padding:.05rem .5rem; }
.ko-leer[b-ss8a0qiciz] { opacity:.6; font-size:.85rem; }
.ko-einzug[b-ss8a0qiciz] { padding:.2rem .6rem .4rem; }

.ko-akt[b-ss8a0qiciz] { display:flex; gap:.2rem; flex-shrink:0; }
.ko-mini[b-ss8a0qiciz] { border:1px solid #ddd; background:#fff; border-radius:5px; cursor:pointer; font-size:.78rem; padding:.12rem .4rem; }
.ko-mini:hover[b-ss8a0qiciz] { background:#f0f0f0; }
.ko-mini.gef:hover[b-ss8a0qiciz] { background:#FFEBE9; border-color:#FF8182; }

.ko-kunde[b-ss8a0qiciz] { background:#fff; border:1px solid #eee; border-radius:8px; margin-bottom:.6rem; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.ko-kunde-kopf[b-ss8a0qiciz] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.55rem .8rem; background:#f6f8fa; border-radius:8px 8px 0 0; border-bottom:1px solid #eee; }
.ko-kunde-name[b-ss8a0qiciz] { font-weight:700; }
.ko-kunde-ap[b-ss8a0qiciz] { font-size:.82rem; color:#666; }
.ko-dim[b-ss8a0qiciz] { opacity:.6; }

.ko-stellen[b-ss8a0qiciz] { display:flex; flex-direction:column; }
.ko-stelle[b-ss8a0qiciz] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.4rem .8rem; border-bottom:1px solid #f3f3f3; }
.ko-stelle:last-child[b-ss8a0qiciz] { border-bottom:none; }
.ko-stelle-haupt[b-ss8a0qiciz] { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; min-width:0; }
.ko-stelle-name[b-ss8a0qiciz] { font-weight:600; font-size:.9rem; }
.ko-tag[b-ss8a0qiciz] { font-size:.68rem; background:#EAF2FF; color:#0860c4; border-radius:10px; padding:.05rem .5rem; font-weight:600; }
.ko-stelle-adr[b-ss8a0qiciz] { font-size:.8rem; color:#666; }

/* ---- Modal ---- */
.modal-backdrop[b-ss8a0qiciz] { position:fixed; inset:0; background:#0006; display:flex; align-items:center; justify-content:center; z-index:1000; }
.modal-box[b-ss8a0qiciz] { background:#fff; border-radius:10px; padding:1.2rem 1.4rem; width:min(540px, 94vw); max-height:92vh; overflow:auto; box-shadow:0 8px 30px #00000040; }
.modal-box h2[b-ss8a0qiciz] { margin-top:0; }
.modal-box label[b-ss8a0qiciz] { display:block; font-size:.85rem; font-weight:600; margin-top:.7rem; }
.modal-box input[b-ss8a0qiciz], .modal-box select[b-ss8a0qiciz], .modal-box textarea[b-ss8a0qiciz] { width:100%; padding:.4rem .5rem; border:1px solid #ccc; border-radius:6px; font:inherit; margin-top:.2rem; box-sizing:border-box; }
.form-zeile[b-ss8a0qiciz] { display:flex; gap:.6rem; flex-wrap:wrap; }
.form-zeile label[b-ss8a0qiciz] { flex:1; min-width:90px; }
.form-block[b-ss8a0qiciz] { margin-top:.9rem; }
.form-quali[b-ss8a0qiciz] { display:grid; grid-template-columns:1fr 1fr; gap:.25rem .9rem; margin-top:.3rem; }
.form-quali1[b-ss8a0qiciz] { display:grid; grid-template-columns:1fr; gap:.15rem; margin-top:.3rem; }
.quali-check[b-ss8a0qiciz] { display:flex !important; align-items:center; gap:.4rem; font-weight:400 !important; font-size:.82rem; margin-top:0 !important; }
.quali-check input[b-ss8a0qiciz] { width:auto !important; margin:0 !important; }

/* Zweispaltiger Dialog – wie „Neue Schicht" im Dienstplan */
.modal-box.modal-form2[b-ss8a0qiciz] { width:min(720px, 95vw); }
.form-cols[b-ss8a0qiciz] { display:grid; grid-template-columns:1fr 1fr; gap:0 1.3rem; }
.form-col[b-ss8a0qiciz] { min-width:0; }
@media (max-width: 680px) { .form-cols[b-ss8a0qiciz] { grid-template-columns:1fr; } }
.form-hint[b-ss8a0qiciz] { font-size:.78rem; color:#0860c4; margin-top:.3rem; word-break:break-word; }
.btn-mini[b-ss8a0qiciz] { padding:.25rem .6rem; font-size:.78rem; border:1px solid #0969DA; background:#0969DA; color:#fff; border-radius:6px; cursor:pointer; white-space:nowrap; }
.btn-mini:hover[b-ss8a0qiciz] { background:#0860c4; }

.modal-aktionen[b-ss8a0qiciz] { display:flex; align-items:center; gap:.5rem; margin-top:1.2rem; }
.modal-spacer[b-ss8a0qiciz] { flex:1; }
.modal-aktionen .btn-primary[b-ss8a0qiciz] { background:#0969DA; border-color:#0969DA; color:#fff; }
/* _content/Dienstplaner.Web/Components/Pages/MeineSchichten.razor.rz.scp.css */
.ms-liste[b-ktxfupk4fl] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 640px;
}

.ms-karte[b-ktxfupk4fl] {
    background: #fff;
    border-radius: 8px;
    padding: .6rem .8rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.ms-datum[b-ktxfupk4fl] { font-weight: 600; }
.ms-zeit[b-ktxfupk4fl] { color: #444; }
.ms-name[b-ktxfupk4fl] { margin-top: .2rem; }

.ms-chips[b-ktxfupk4fl] {
    margin-top: .4rem;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.ms-chip[b-ktxfupk4fl] {
    color: #fff;
    border-radius: 10px;
    padding: .05rem .5rem;
    font-size: .75rem;
}

.hinweis[b-ktxfupk4fl] {
    background: #FFF3CD;
    border: 1px solid #FFE69C;
    padding: .6rem .8rem;
    border-radius: 8px;
    max-width: 640px;
}
/* _content/Dienstplaner.Web/Components/Pages/MitarbeiterListe.razor.rz.scp.css */
.ma-kopf[b-tudth8cf51] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: .5rem; }
.ma-werkzeuge[b-tudth8cf51] { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.ma-add[b-tudth8cf51] { padding: .4rem .9rem; border: 1px solid #0969DA; border-radius: 6px; background: #0969DA; color: #fff; cursor: pointer; font-weight: 600; }
.ma-add:hover[b-tudth8cf51] { background: #0860c4; }
.ma-suche[b-tudth8cf51] { padding: .4rem .6rem; border: 1px solid #ccc; border-radius: 6px; min-width: 220px; }
.ma-check[b-tudth8cf51] { font-size: .85rem; display: flex; align-items: center; gap: .3rem; white-space: nowrap; }
.ma-zahl[b-tudth8cf51] { opacity: .6; font-size: .85rem; }

.ma-liste[b-tudth8cf51] { display: flex; flex-direction: column; gap: .5rem; margin-top: 1rem; }

.ma-karte[b-tudth8cf51] {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr auto;
    gap: 1rem;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    padding: .6rem .9rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.ma-karte.inaktiv[b-tudth8cf51] { opacity: .55; }
.ma-karte.klick[b-tudth8cf51] { cursor: pointer; transition: box-shadow .12s, transform .12s; }
.ma-karte.klick:hover[b-tudth8cf51] { box-shadow: 0 3px 10px rgba(0,0,0,.16); }

.ma-name[b-tudth8cf51] { font-weight: 600; display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.ma-kontakt[b-tudth8cf51] { display: flex; flex-wrap: wrap; gap: .1rem .9rem; font-size: .8rem; color: #555; margin-top: .15rem; }
.ma-badges[b-tudth8cf51] { display: flex; flex-wrap: wrap; gap: .3rem; }
.ma-quali[b-tudth8cf51] { font-size: .72rem; border-radius: 10px; padding: .05rem .55rem; font-weight: 600; }
.ma-lohn[b-tudth8cf51] { font-variant-numeric: tabular-nums; font-weight: 600; color: #1A7F37; white-space: nowrap; text-align: right; }

.ma-tag[b-tudth8cf51] { font-size: .68rem; border-radius: 10px; padding: .05rem .45rem; font-weight: 600; }
.ma-tag.grau[b-tudth8cf51] { background: #eee; color: #666; }
.ma-tag.fahrer[b-tudth8cf51] { background: #FFF3CD; color: #7A5C00; }
.ma-leer[b-tudth8cf51] { opacity: .6; }

@media (max-width: 720px) {
    .ma-karte[b-tudth8cf51] { grid-template-columns: 1fr; gap: .4rem; }
    .ma-lohn[b-tudth8cf51] { text-align: left; }
}