/**
 * Dienstplan Verkauf – Styles
 *
 * @package Erbel\Dienstplan
 * @since 1.0.7 – 2026-07-21 REPAIR (Fullwidth + Divi-Struktur-Selektoren)
 */

/* ── Basis-Container ──────────────────────────────────── */
.erbel-dp-wrap {
    max-width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #2f2f2f;
    line-height: 1.5;
}

/* Frontend: zentrierter Fullwidth-Arbeitsbereich */
body.erbel-dp-fullwidth .erbel-dp-wrap {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Seitentitel auf Dienstplan-Seiten mittig ausrichten */
body.erbel-dp-fullwidth .erbel-dp-wrap h2,
body.erbel-dp-fullwidth .entry-title,
body.erbel-dp-fullwidth h1.entry-title,
body.erbel-dp-fullwidth .post-title,
body.erbel-dp-page .entry-title,
body.erbel-dp-page h1.entry-title {
    text-align: center !important;
}

.erbel-dp-wrap h2 {
    margin: 0 0 16px 0;
    font-size: 1.4em;
    font-weight: 700;
    color: #1f1f1f;
}

.erbel-dp-wrap h3 {
    margin: 24px 0 12px 0;
    font-size: 1.15em;
    font-weight: 700;
    color: #2b2b2b;
}

/* ── Meldungen ───────────────────────────────────────── */
.erbel-dp-meldung {
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
}
.erbel-dp-meldung-erfolg {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
.erbel-dp-meldung-fehler {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}
.erbel-dp-meldung-info {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

/* ── Formulare ───────────────────────────────────────── */
.erbel-dp-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
    padding: 16px;
    background: #f7f7f7;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 20px;
}

.erbel-dp-form label {
    display: block;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 4px;
    color: #444;
}

.erbel-dp-form input,
.erbel-dp-form select {
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    min-width: 140px;
}

.erbel-dp-form button,
.erbel-dp-btn {
    padding: 9px 18px;
    background: #1f1f1f;
    color: #fff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    transition: background 0.2s;
}

.erbel-dp-form button:hover,
.erbel-dp-btn:hover {
    background: #3a3a3a;
}

.erbel-dp-btn-small {
    padding: 5px 10px;
    font-size: 12px;
}

.erbel-dp-btn-danger {
    background: #c0392b;
}
.erbel-dp-btn-danger:hover {
    background: #a93226;
}

.erbel-dp-btn-success {
    background: #27ae60;
}
.erbel-dp-btn-success:hover {
    background: #219a52;
}

/* ── Tabellen ────────────────────────────────────────── */
.erbel-dp-wrap table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    font-size: 13px;
}

.erbel-dp-wrap th {
    background: #1f1f1f !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 10px 8px;
    border: 1px solid #2b2b2b;
    text-align: left;
    vertical-align: middle;
}

.erbel-dp-wrap td {
    padding: 8px;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    color: #444;
}

.erbel-dp-wrap tr:nth-child(even) td {
    background: #f9f9f9;
}

.erbel-dp-wrap tr:hover td {
    background: #f0f0f0;
}

/* ── Dienstplan-Tabelle ──────────────────────────────── */
.erbel-dp-monatstabelle {
    overflow-x: auto;
}

.erbel-dp-monatstabelle th {
    min-width: 90px;
    font-size: 12px;
    text-align: center;
}

.erbel-dp-monatstabelle th.erbel-dp-ma-spalte {
    min-width: 130px;
    text-align: left;
}

.erbel-dp-monatstabelle td {
    text-align: center;
    font-size: 12px;
    padding: 6px 4px;
}

.erbel-dp-zelle {
    min-height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.erbel-dp-zelle-frueh {
    background: #fdf3d6;
    color: #8b6914;
    font-weight: 600;
}

.erbel-dp-zelle-spaet {
    background: #e8d5c4;
    color: #5c3d2e;
    font-weight: 600;
}

.erbel-dp-zelle-mittel {
    background: #f0e6d3;
    color: #7a5c3e;
    font-weight: 600;
}

.erbel-dp-zelle-buero {
    background: #d5e3ed;
    color: #2c5870;
    font-weight: 600;
}

.erbel-dp-zelle-frei {
    background: #e8e8e8;
    color: #999;
}

.erbel-dp-zelle-urlaub {
    background: #d4efdf;
    color: #1e8449;
    font-weight: 600;
}

.erbel-dp-zelle-krank {
    background: #fadbd8;
    color: #c0392b;
    font-weight: 600;
}

.erbel-dp-zelle-schule {
    background: #d5dbeb;
    color: #2c3e80;
    font-weight: 600;
}

.erbel-dp-zelle-feiertag {
    background: #fdebd0;
    color: #b7950b;
    font-weight: 700;
}

.erbel-dp-zelle-vormonat,
.erbel-dp-zelle-folgemonat {
    opacity: 0.5;
    font-style: italic;
}

/* ── Legende ─────────────────────────────────────────── */
.erbel-dp-legende {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 12px;
}

.erbel-dp-legende-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.erbel-dp-legende-farbe {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

/* ── Differenz-Anzeige ───────────────────────────────── */
.erbel-dp-differenz-ok {
    color: #27ae60;
    font-weight: 700;
}

.erbel-dp-differenz-warnung {
    color: #f39c12;
    font-weight: 700;
}

.erbel-dp-differenz-kritisch {
    color: #c0392b;
    font-weight: 700;
}

.erbel-dp-differenz-hinweis {
    color: #2980b9;
    font-weight: 600;
}

/* ── Monatsauswahl/Navigation ────────────────────────── */
.erbel-dp-nav {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.erbel-dp-nav-aktuell {
    font-size: 1.3em;
    font-weight: 700;
    min-width: 160px;
    text-align: center;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 800px) {
    .erbel-dp-monatstabelle {
        font-size: 11px;
    }
    .erbel-dp-monatstabelle th,
    .erbel-dp-monatstabelle td {
        padding: 4px 2px;
        min-width: 60px;
    }
    .erbel-dp-form {
        flex-direction: column;
    }
    .erbel-dp-form input,
    .erbel-dp-form select {
        width: 100%;
    }
}

/* ═══════════════════════════════════════════════════════════
   DIENSTPLAN FULLWIDTH: THEME-SIDEBAR AUSBLENDEN
   ═══════════════════════════════════════════════════════════ */

/* Theme- und Widget-Sidebars auf Dienstplan-Seiten ausblenden */
body.erbel-dp-fullwidth #sidebar,
body.erbel-dp-fullwidth .sidebar,
body.erbel-dp-fullwidth aside.widget-area,
body.erbel-dp-fullwidth .widget-area,
body.erbel-dp-fullwidth .et_pb_widget_area,
body.erbel-dp-fullwidth #left-sidebar,
body.erbel-dp-fullwidth #right-sidebar,
body.erbel-dp-fullwidth .et_pb_sidebar,
body.erbel-dp-fullwidth .et_pb_column.et_pb_column_1_4,
body.erbel-dp-fullwidth .et_pb_column.et_pb_column_1_3,
body.erbel-dp-fullwidth .et_pb_column_1_4,
body.erbel-dp-fullwidth .et_pb_column_1_3,
/* Divi-spezifische Sidebar-Elemente */
body.erbel-dp-fullwidth .et_pb_widget,
body.erbel-dp-fullwidth #recent-posts-2,
body.erbel-dp-fullwidth #recent-comments-2,
body.erbel-dp-fullwidth #search-2,
body.erbel-dp-fullwidth .widget_search,
body.erbel-dp-fullwidth .widget_recent_entries,
body.erbel-dp-fullwidth .widget_recent_comments,
body.erbel-dp-fullwidth .et_pb_sidebar_0,
/* Divi-Theme-Builder Sidebar */
body.erbel-dp-fullwidth .et_pb_column.et_pb_column_1_4.et_pb_column_sidebar,
body.erbel-dp-fullwidth .et_pb_with_sidebar .et_pb_column:last-child,
/* Vertikale Trennlinien */
body.erbel-dp-fullwidth .et_pb_column--sidebar,
body.erbel-dp-fullwidth .et_pb_column.et_pb_column_empty {
    display: none !important;
}

/* Content auf volle Breite */
body.erbel-dp-fullwidth .content-area,
body.erbel-dp-fullwidth #content-area,
body.erbel-dp-fullwidth #main-content,
body.erbel-dp-fullwidth .entry-content,
body.erbel-dp-fullwidth .et_pb_content,
body.erbel-dp-fullwidth main,
body.erbel-dp-fullwidth article,
body.erbel-dp-fullwidth .container,
body.erbel-dp-fullwidth .et_pb_row,
body.erbel-dp-fullwidth .et_pb_section,
body.erbel-dp-fullwidth .et_pb_column.et_pb_column_3_4,
body.erbel-dp-fullwidth .et_pb_column.et_pb_column_2_3,
body.erbel-dp-fullwidth .et_pb_column_3_4,
body.erbel-dp-fullwidth .et_pb_column_2_3 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Zusätzlich: Divi-Theme-Builder Layouts auf Fullwidth zwingen */
body.erbel-dp-fullwidth .et_pb_with_sidebar .et_pb_column:first-child {
    width: 100% !important;
    max-width: 100% !important;
}

/* Entferne vertikale Trenner/Linien im Content-Bereich */
body.erbel-dp-fullwidth .et_pb_column.et_pb_column_1_4 .et_pb_divider,
body.erbel-dp-fullwidth .et_pb_divider_0,
body.erbel-dp-fullwidth .et_pb_column.et_pb_column_empty {
    display: none !important;
}

/* Divi-Hauptcontainer: Volle Breite + Zentrierung */
body.erbel-dp-fullwidth #et-main-area,
body.erbel-dp-fullwidth #main-content > .container,
body.erbel-dp-fullwidth .et_pb_row.et_pb_row_fullwidth,
body.erbel-dp-fullwidth #page-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Divi-Post-Content: Zentrierung aufheben (Divi setzt margin:auto auf .et_pb_section) */
body.erbel-dp-fullwidth #main-content .container:before {
    display: none !important;
}

/* Divi Row: max-width aufheben für echte Fullwidth */
body.erbel-dp-fullwidth .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
}

/* ═══════════════════════════════════════════════════════════
   DIENSTPLAN-ADMIN: RASTER + SIDEBAR + MODAL
   ═══════════════════════════════════════════════════════════ */

/* ── Layout: zweispaltig ─────────────────────────────── */
.erbel-dp-layout {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.erbel-dp-main {
    flex: 1 1 0;
    min-width: 0; /* erlaubt Schrumpfen bei overflow */
}

.erbel-dp-sidebar {
    width: 280px;
    min-width: 260px;
    flex-shrink: 0;
    position: sticky;
    top: 40px; /* unterhalb der WP-Admin-Bar */
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px;
    font-size: 12px;
}

/* ── Raster-Tabelle ──────────────────────────────────── */
.erbel-dp-grid {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.erbel-dp-grid table {
    border-collapse: collapse;
    font-size: 12px;
    width: auto;
    min-width: 100%;
}

.erbel-dp-grid thead th {
    background: #1f1f1f;
    color: #fff;
    font-weight: 700;
    padding: 8px 4px;
    text-align: center;
    min-width: 72px;
    position: sticky;
    top: 0;
    z-index: 2;
    border: 1px solid #333;
    font-size: 11px;
    line-height: 1.3;
}

.erbel-dp-grid thead th.erbel-dp-ma-spalte {
    min-width: 130px;
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 3;
    background: #1a1a1a;
}

.erbel-dp-grid tbody th {
    background: #f5f5f5;
    font-weight: 700;
    padding: 6px 8px;
    text-align: left;
    border: 1px solid #e0e0e0;
    position: sticky;
    left: 0;
    z-index: 1;
    white-space: nowrap;
}

.erbel-dp-grid tbody th small {
    display: block;
    font-weight: 400;
    color: #888;
    font-size: 10px;
}

.erbel-dp-grid td {
    padding: 0;
    border: 1px solid #e5e5e5;
    vertical-align: top;
    width: 72px;
    min-width: 72px;
}

/* ── Tageszelle mit zwei Slots ───────────────────────── */
.erbel-dp-day-cell {
    padding: 0 !important;
}

.erbel-dp-slot {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 3px 4px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
    border-bottom: 1px dotted #ddd;
    position: relative;
}

.erbel-dp-slot:last-child {
    border-bottom: none;
}

.erbel-dp-slot:hover {
    filter: brightness(0.92);
    transform: scale(1.02);
    z-index: 1;
    box-shadow: 0 0 0 2px #1f1f1f;
    border-radius: 2px;
}

.erbel-dp-slot small {
    font-weight: 400;
    font-size: 10px;
    opacity: 0.85;
}

/* Slot-Zustände */
.erbel-dp-slot-frueh   { background: #fdf3d6; color: #8b6914; }
.erbel-dp-slot-spaet   { background: #e8d5c4; color: #5c3d2e; }
.erbel-dp-slot-mittel  { background: #f0e6d3; color: #7a5c3e; }
.erbel-dp-slot-buero   { background: #d5e3ed; color: #2c5870; }
.erbel-dp-slot-frei    { background: #e8e8e8; color: #bbb; }
.erbel-dp-slot-urlaub  { background: #d4efdf; color: #1e8449; }
.erbel-dp-slot-krank   { background: #fadbd8; color: #c0392b; }
.erbel-dp-slot-schule  { background: #d5dbeb; color: #2c3e80; }
.erbel-dp-slot-sonstige{ background: #e5e5e5; color: #777; }
.erbel-dp-slot-feiertag{ background: #fdebd0; color: #b7950b; cursor: default; }
.erbel-dp-slot-feiertag:hover { filter: none; transform: none; box-shadow: none; }

/* Feiertag-Spalte */
.erbel-dp-grid th.erbel-dp-th-feiertag {
    background: #b7950b !important;
}

/* Verkaufstag-Spalte */
.erbel-dp-grid th.erbel-dp-th-verkauf {
    background: #1f1f1f !important;
}

/* Kein Verkaufstag */
.erbel-dp-grid th.erbel-dp-th-kein-verkauf {
    background: #444 !important;
}

/* ── Sidebar ──────────────────────────────────────────── */
.erbel-dp-sidebar h3 {
    margin: 0 0 12px 0;
    font-size: 1.1em;
    font-weight: 700;
    color: #1f1f1f;
    border-bottom: 2px solid #1f1f1f;
    padding-bottom: 8px;
}

.erbel-dp-sidebar-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-size: 13px;
}

.erbel-dp-sidebar-card:last-child {
    margin-bottom: 0;
}

.erbel-dp-sidebar-card-name {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 6px;
    color: #1f1f1f;
}

.erbel-dp-sidebar-card-row {
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
    font-size: 12px;
}

.erbel-dp-sidebar-card-row span:first-child {
    color: #666;
}

.erbel-dp-sidebar-card-row span:last-child {
    font-weight: 600;
}

.erbel-dp-sidebar-rest-ok      { color: #27ae60; }
.erbel-dp-sidebar-rest-warn    { color: #f39c12; }
.erbel-dp-sidebar-rest-kritisch{ color: #c0392b; }

.erbel-dp-sidebar-card-ausnahmen {
    display: flex;
    gap: 8px;
    margin-top: 4px;
    font-size: 11px;
}

.erbel-dp-sidebar-badge {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 10px;
}

.erbel-dp-sidebar-badge-urlaub { background: #d4efdf; color: #1e8449; }
.erbel-dp-sidebar-badge-krank  { background: #fadbd8; color: #c0392b; }
.erbel-dp-sidebar-badge-schule { background: #d5dbeb; color: #2c3e80; }

/* ── Sidebar-Kopf ─────────────────────────────────────── */
.erbel-dp-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.erbel-dp-sidebar-header h3 {
    margin: 0;
    border-bottom: none;
    padding-bottom: 0;
}

/* ── Modal ────────────────────────────────────────────── */
.erbel-dp-modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 99999;
    align-items: center;
    justify-content: center;
}

.erbel-dp-modal-overlay.erbel-dp-modal-visible {
    display: flex;
}

.erbel-dp-modal {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    max-width: 500px;
    width: 90%;
    max-height: 85vh;
    overflow-y: auto;
    padding: 24px;
}

.erbel-dp-modal h3 {
    margin: 0 0 16px 0;
    font-size: 1.15em;
    font-weight: 700;
    color: #1f1f1f;
    border-bottom: 2px solid #1f1f1f;
    padding-bottom: 10px;
}

.erbel-dp-modal-field {
    margin-bottom: 14px;
}

.erbel-dp-modal-field label {
    display: block;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 4px;
    color: #444;
}

.erbel-dp-modal-field input,
.erbel-dp-modal-field select {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.erbel-dp-modal-actions {
    display: flex;
    gap: 8px;
    margin-top: 18px;
    flex-wrap: wrap;
}

/* ═══════════════════════════════════════════════════════════
   PAPIER-DIENSTPLAN TABELLE
   ═══════════════════════════════════════════════════════════ */

.erbel-dp-paper {
    width: 100%;
    overflow-x: auto;
}

.erbel-dp-paper-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    table-layout: auto;
    /* auto statt fixed – Spalten passen sich dem Inhalt an */
}

/* Spaltenbreiten – kompakteres Papierlayout */
.erbel-dp-paper-date {
    width: 44px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    background: #1f1f1f !important;
    color: #fff !important;
    padding: 6px 2px !important;
}

.erbel-dp-paper-day {
    width: 100px;
    text-align: left;
    font-weight: 600;
    background: #1f1f1f !important;
    color: #fff !important;
    padding: 6px 8px !important;
    font-size: 12px;
}

.erbel-dp-paper-morning,
.erbel-dp-paper-afternoon {
    text-align: left;
    font-weight: 700;
    background: #2b2b2b !important;
    color: #fff !important;
    padding: 8px !important;
    width: auto;
    /* Flexible Breite statt fester 38% */
    min-width: 160px;
}

/* Im zentrierten Fullwidth: Spalten teilen sich den verfügbaren Platz */
body.erbel-dp-fullwidth .erbel-dp-paper-morning,
body.erbel-dp-fullwidth .erbel-dp-paper-afternoon {
    width: auto;
    min-width: 180px;
}

.erbel-dp-paper-morning {
    border-right: 2px solid #555 !important;
}

/* Zeilen */
.erbel-dp-paper-row td {
    padding: 0;
    border: 1px solid #d0d0d0;
    vertical-align: top;
    height: 58px;
}

.erbel-dp-paper-row:nth-child(even) td {
    background: #fafafa;
}

/* Overflow-Tage (Vormonat/Folgemonat) – lesbar, interaktiv */
.erbel-dp-paper-overflow td {
    opacity: 0.7;
    font-style: italic;
    background: #e8e8e8 !important;
}

/* Samstag */
.erbel-dp-paper-saturday td {
    background: #f0f4f8 !important;
}

/* Sonntag */
.erbel-dp-paper-sunday td {
    background: #e8ecf0 !important;
    font-weight: 600;
}

/* Feiertag */
.erbel-dp-paper-holiday td {
    background: #fef9e7 !important;
    font-weight: 600;
}

/* Datum-Zelle */
.erbel-dp-paper-date {
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    color: #1f1f1f;
    padding: 6px 4px !important;
    vertical-align: middle !important;
}

.erbel-dp-paper-overflow .erbel-dp-paper-date {
    color: #aaa;
}

.erbel-dp-paper-sunday .erbel-dp-paper-date,
.erbel-dp-paper-holiday .erbel-dp-paper-date {
    color: #c0392b;
}

/* Tag-Zelle */
.erbel-dp-paper-day {
    font-size: 13px;
    color: #444;
    padding: 6px 8px !important;
    vertical-align: middle !important;
}

.erbel-dp-paper-sunday .erbel-dp-paper-day {
    color: #c0392b;
}

/* ── Schicht-Zelle ─────────────────────────────────── */
.erbel-dp-paper-shift {
    padding: 4px !important;
    vertical-align: top !important;
}

.erbel-dp-shift-cell {
    min-height: 50px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 3px;
    transition: background 0.15s;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.erbel-dp-shift-cell:hover {
    background: #e8f0fe;
    box-shadow: inset 0 0 0 2px #1f1f1f;
}

.erbel-dp-shift-cell-overflow {
    opacity: 0.7;
}

.erbel-dp-shift-cell-feiertag {
    cursor: default;
    text-align: center;
    font-weight: 700;
    color: #c0392b;
    font-size: 13px;
    justify-content: center;
}

.erbel-dp-shift-empty {
    color: #bbb;
    font-size: 14px;
    text-align: center;
    display: block;
    padding: 8px 0;
}

/* ── Einzelner Einsatz-Slot in der Schicht-Zelle ───── */
.erbel-dp-shift-slot {
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.erbel-dp-shift-slot:hover {
    filter: brightness(0.9);
}

.erbel-dp-shift-slot small {
    font-weight: 400;
    font-size: 11px;
    opacity: 0.8;
    margin-left: 4px;
    white-space: nowrap;
}

.erbel-dp-shift-slot-früh   { background: #fdf3d6; color: #8b6914; }
.erbel-dp-shift-slot-spät   { background: #e8d5c4; color: #5c3d2e; }
.erbel-dp-shift-slot-mittel { background: #f0e6d3; color: #7a5c3e; }
.erbel-dp-shift-slot-büro   { background: #d5e3ed; color: #2c5870; }

/* ── Responsive: Sidebar unter Raster ─────────────────── */
@media (max-width: 1000px) {
    .erbel-dp-layout {
        flex-direction: column;
    }

    .erbel-dp-sidebar {
        width: 100%;
        position: static;
        max-height: none;
    }

    .erbel-dp-paper-date  { width: 40px; font-size: 13px; }
    .erbel-dp-paper-day   { width: 80px;  font-size: 11px; }
    .erbel-dp-paper-morning,
    .erbel-dp-paper-afternoon {
        min-width: 120px;
        font-size: 11px;
    }
}