:root{--bg:#0b0d10;--panel:#15191f;--panel2:#1d232b;--line:#2b333d;--text:#edf1f5;--muted:#9ca8b5;--accent:#ff8a00;--accent2:#ffb03b;--ok:#2fb86e;--danger:#df4d55;--warn:#dfaa3d}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#080a0d,#11151a);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.topbar{height:72px;background:#0d1014;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center}.brand small,.userbox small{display:block;color:var(--muted)}.sun{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent2),var(--accent));display:grid;place-items:center;color:#101010;font-weight:900}.userbox{display:flex;gap:12px;align-items:center}.userbox a{color:var(--accent2);text-decoration:none}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 110px)}.sidebar{background:#0f1318;border-right:1px solid var(--line);padding:18px 10px}.sidebar a{display:block;padding:12px 14px;margin:4px 0;border-radius:9px;color:#cbd4dd;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:#20262e;color:#fff;border-left:3px solid var(--accent)}.content{padding:24px;max-width:1500px;width:100%}.authcontent{max-width:560px;margin:50px auto}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pagehead h1{margin:0;font-size:28px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:rgba(21,25,31,.96);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.16)}.metric strong{font-size:30px;display:block;margin-top:8px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:#ffbd69;background:#11161c;font-size:13px}tr:hover td{background:#181e25}.btn,button{background:var(--accent);border:0;color:#111;font-weight:700;padding:10px 14px;border-radius:8px;text-decoration:none;cursor:pointer;display:inline-block}.btn.secondary{background:#2a333e;color:#fff}.btn.danger{background:var(--danger);color:#fff}.actions{display:flex;gap:8px;flex-wrap:wrap}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-size:13px;color:#bac4ce}input,select,textarea{width:100%;background:#0f1318;border:1px solid #39424d;color:#fff;border-radius:8px;padding:10px 11px}textarea{min-height:90px}.badge{padding:4px 8px;border-radius:999px;font-size:12px;background:#39424d}.badge.ok{background:#163d29;color:#75e4a6}.badge.warn{background:#493818;color:#ffd178}.badge.danger{background:#4c1d21;color:#ff9ea3}.flash{padding:12px 14px;border-radius:8px;margin-bottom:14px;background:#25303a}.flash.success{border-left:4px solid var(--ok)}.flash.error{border-left:4px solid var(--danger)}.sectiontitle{margin:24px 0 10px}.two{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tabs a{padding:8px 10px;background:#222a33;border-radius:8px;color:#fff;text-decoration:none}.nowrap{white-space:nowrap}.right{text-align:right}.login-card{margin-top:60px}.login-card .brand{margin-bottom:24px}.empty{padding:30px;text-align:center;color:var(--muted)}footer{text-align:center;padding:18px;color:#68727d;font-size:12px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar a{white-space:nowrap}.two,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.topbar{padding:0 12px}.content{padding:14px}}@media print{.topbar,.sidebar,.no-print,footer{display:none!important}.shell{display:block}.content{padding:0;color:#000;background:#fff}body{background:#fff;color:#000}.card,table{border-color:#bbb;color:#000;background:#fff}th{background:#eee;color:#000}}


/* ==========================================================
   RSC Auftragsbearbeitung Popup
   ========================================================== */

details.order-edit-popup[open]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 99970;
    background: rgba(0,0,0,.74);
    backdrop-filter: blur(4px);
}

details.order-edit-popup[open] > .card {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99980;

    width: min(620px, 94vw);
    max-height: 88vh;
    overflow: auto;

    margin: 0 !important;

    background: #151a20;
    border: 1px solid #3b4652;
    border-radius: 16px;

    box-shadow: 0 25px 90px rgba(0,0,0,.75);
}

details.order-edit-popup[open] > .card::before {
    content: "Auftrag bearbeiten";
    display: block;

    font-size: 20px;
    font-weight: 800;

    padding-bottom: 14px;
    margin-bottom: 16px;

    border-bottom: 1px solid #303944;
}

details.order-edit-popup > summary {
    cursor: pointer;
}

details.order-edit-popup[open] > summary {
    position: fixed;
    right: calc(50% - min(290px, 43vw));
    top: calc(50% - min(370px, 42vh));

    z-index: 99990;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 !important;

    font-size: 0;

    background: #252d36;
    border: 1px solid #414c58;
    border-radius: 8px;

    color: #fff;
}

details.order-edit-popup[open] > summary::after {
    content: "✕";
    font-size: 17px;
}

body.order-popup-open {
    overflow: hidden;
}

/* =========================================================
   RSC DASHBOARD
   Rising Sun Customs – Werkstattverwaltung
   ========================================================= */

.rsc-dashboard {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.rsc-dashboard-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 30px;
    margin-bottom: 22px;
    background: linear-gradient(135deg, rgba(255,168,0,.10), rgba(21,25,31,.96));
    border: 1px solid var(--line);
    border-left: 3px solid var(--accent);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.20);
}

.rsc-dashboard-hero h1 {
    margin: 4px 0 8px;
    font-size: 30px;
    line-height: 1.15;
}

.rsc-dashboard-hero p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

.rsc-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rsc-dashboard-status {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    white-space: nowrap;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.035);
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
}

.rsc-status-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #42d392;
    box-shadow: 0 0 10px rgba(66,211,146,.55);
}

.rsc-dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}

.rsc-stat-card {
    position: relative;
    min-height: 125px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    overflow: hidden;
    background: rgba(21,25,31,.96);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
}

.rsc-stat-card::after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -45px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255,168,0,.06);
}

.rsc-stat-icon {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,168,0,.10);
    border: 1px solid rgba(255,168,0,.22);
    color: var(--accent);
    font-size: 21px;
}

.rsc-stat-content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.rsc-stat-content span {
    display: block;
    margin-bottom: 5px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.rsc-stat-content strong {
    display: block;
    color: var(--text);
    font-size: 25px;
    line-height: 1.1;
}

.rsc-stat-card.gold .rsc-stat-icon {
    color: var(--accent);
}

.rsc-stat-card.blue .rsc-stat-icon {
    color: #62a8ff;
    background: rgba(98,168,255,.10);
    border-color: rgba(98,168,255,.22);
}

.rsc-stat-card.orange .rsc-stat-icon {
    color: #ff9d4d;
    background: rgba(255,157,77,.10);
    border-color: rgba(255,157,77,.22);
}

.rsc-stat-card.green .rsc-stat-icon {
    color: #42d392;
    background: rgba(66,211,146,.10);
    border-color: rgba(66,211,146,.22);
}

.rsc-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(380px, .9fr);
    gap: 18px;
    align-items: start;
}

.rsc-panel {
    min-width: 0;
    background: rgba(21,25,31,.96);
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
}

.rsc-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--line);
}

.rsc-panel-header h2 {
    margin: 3px 0 0;
    font-size: 18px;
}

.rsc-panel-link {
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.rsc-panel-link:hover {
    text-decoration: underline;
}

.rsc-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.rsc-dashboard-table {
    width: 100%;
    border-collapse: collapse;
}

.rsc-dashboard-table th {
    padding: 12px 16px;
    background: rgba(255,255,255,.025);
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-align: left;
    white-space: nowrap;
}

.rsc-dashboard-table td {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,.055);
    color: var(--text);
    font-size: 13px;
    vertical-align: middle;
}

.rsc-dashboard-table tbody tr:last-child td {
    border-bottom: 0;
}

.rsc-dashboard-table tbody tr:hover {
    background: rgba(255,255,255,.025);
}

.rsc-order-number {
    color: var(--accent);
    font-weight: 800;
    white-space: nowrap;
}

.rsc-empty {
    padding: 28px 20px;
    color: var(--muted);
    text-align: center;
}

.rsc-dashboard-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 18px;
    padding: 16px 20px;
    background: rgba(21,25,31,.70);
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--muted);
    font-size: 12px;
}

.rsc-dashboard-footer-line {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 1100px) {
    .rsc-dashboard-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rsc-dashboard-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .rsc-dashboard-hero {
        flex-direction: column;
        padding: 22px;
    }

    .rsc-dashboard-hero h1 {
        font-size: 25px;
    }

    .rsc-dashboard-metrics {
        grid-template-columns: 1fr;
    }

    .rsc-stat-card {
        min-height: 105px;
    }

    .rsc-panel-header {
        padding: 17px;
    }

    .rsc-dashboard-table th,
    .rsc-dashboard-table td {
        padding: 11px 12px;
    }

    .rsc-dashboard-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* =========================================================
   RSC DIGITALFUNKGERÄT – DISPATCH POPUP
   ========================================================= */

#rscDispatchOverlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background:
        radial-gradient(
            circle at center,
            rgba(30,34,40,.28),
            rgba(0,0,0,.88)
        ) !important;
    backdrop-filter: blur(7px) saturate(.75);
}

#rscDispatchOverlay.visible {
    display: flex !important;
}

/* Funkgerät */
#rscDispatchBox.rsc-radio-dispatch {
    position: relative;
    width: min(560px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow: auto;

    padding: 0 0 22px;

    border: 3px solid #555c63;
    border-radius: 26px;

    background:
        linear-gradient(
            145deg,
            #34393f 0%,
            #22272c 38%,
            #14181c 72%,
            #0c0f12 100%
        );

    color: #f4f4f4;

    box-shadow:
        0 35px 100px rgba(0,0,0,.85),
        0 0 0 1px rgba(255,255,255,.06),
        inset 0 2px 2px rgba(255,255,255,.08),
        inset 0 -18px 40px rgba(0,0,0,.5);

    animation:
        rscRadioPopup .28s cubic-bezier(.2,.8,.2,1),
        rscRadioIdle 2.5s ease-in-out infinite alternate;

    scrollbar-width: thin;
}

/* obere Funkgeräte-Kante */
#rscDispatchBox.rsc-radio-dispatch::before {
    content: "RSC  •  RISING SUN CUSTOMS";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 7px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 24px 24px 0 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ff8a00 18%,
            #ffd28a 50%,
            #ff8a00 82%,
            transparent
        );

    color: transparent;
    box-shadow:
        0 0 16px rgba(255,138,0,.55);
}

/* untere Gerätebeschriftung */
#rscDispatchBox.rsc-radio-dispatch::after {
    content: "DIGITAL RADIO  •  RSC LEITSTELLE  •  CH 01";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;

    text-align: center;

    color: rgba(255,255,255,.28);

    font:
        800 8px/1 "Courier New", monospace;

    letter-spacing: .14em;
}

/* Funkgeräte-Kopf / Display */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head {
    position: relative;

    margin: 27px 22px 0;
    min-height: 78px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 18px 58px 18px 58px;

    border:
        2px solid #30363b;

    border-radius: 13px;

    background:
        linear-gradient(
            180deg,
            #111517,
            #07090a
        ) !important;

    color: #d9ffcf !important;

    box-shadow:
        inset 0 0 25px rgba(0,0,0,.95),
        inset 0 1px 0 rgba(255,255,255,.04),
        0 3px 8px rgba(0,0,0,.45);

    font:
        900 14px/1.25 "Courier New", monospace;

    letter-spacing: .055em;
    text-align: center;
    text-transform: uppercase;

    text-shadow:
        0 0 8px rgba(140,255,110,.45);
}

/* Status-LED */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head::before {
    content: "●";

    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);

    color: #45e38a;

    font-size: 16px;

    text-shadow:
        0 0 8px rgba(69,227,138,.9);

    animation:
        rscRadioLed 1s infinite;
}

/* Kanal-/Signal-Anzeige */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head::after {
    content: "CH 01  •  ████████  •  RX";

    position: absolute;
    right: 14px;
    bottom: 7px;

    color: #68736d;

    font:
        700 7px/1 "Courier New", monospace;

    letter-spacing: .08em;
}

/* Datenbereich */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-body {
    margin: 16px 22px 0;
    padding: 17px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 13px;

    background:
        linear-gradient(
            180deg,
            rgba(8,11,13,.96),
            rgba(14,18,21,.98)
        );

    box-shadow:
        inset 0 0 30px rgba(0,0,0,.65),
        0 3px 10px rgba(0,0,0,.3);
}

/* Dispatchnummer */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-number {
    margin-bottom: 14px;
    padding-bottom: 10px;

    border-bottom:
        1px solid rgba(255,255,255,.08);

    color: #ff9d32;

    font:
        900 12px/1.3 "Courier New", monospace;

    letter-spacing: .08em;
    text-transform: uppercase;
}

/* einzelne Datenzeilen */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-row {
    position: relative;

    margin-top: 10px;
    padding: 11px 12px;

    border-radius: 8px;

    background:
        rgba(255,255,255,.025);

    border:
        1px solid rgba(255,255,255,.045);
}

/* Beschriftung */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-label {
    display: block;
    margin-bottom: 5px;

    color: #747d84;

    font:
        800 9px/1 "Courier New", monospace;

    letter-spacing: .12em;
    text-transform: uppercase;
}

/* Werte wie Funkdisplay */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-value {
    color: #d9ffcf;

    font:
        700 13px/1.35 "Courier New", monospace;

    text-shadow:
        0 0 7px rgba(120,255,100,.14);

    word-break: break-word;
}

/* Lautsprecherbereich */
#rscDispatchBox.rsc-radio-dispatch .rsc-radio-speaker {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    height: 34px;
    margin: 13px 22px 2px;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-radio-speaker span {
    width: 4px;
    height: 15px;

    display: block;

    border-radius: 4px;

    background:
        linear-gradient(
            180deg,
            #777f85,
            #363b40
        );

    box-shadow:
        inset 0 1px rgba(255,255,255,.15);
}

#rscDispatchBox.rsc-radio-dispatch .rsc-radio-speaker span:nth-child(2),
#rscDispatchBox.rsc-radio-dispatch .rsc-radio-speaker span:nth-child(4),
#rscDispatchBox.rsc-radio-dispatch .rsc-radio-speaker span:nth-child(6) {
    height: 25px;
}

/* Buttons */
#rscDispatchBox.rsc-radio-dispatch button {
    min-height: 46px;

    border-radius: 10px;

    font:
        900 11px/1 "Courier New", monospace;

    letter-spacing: .05em;

    transition:
        transform .15s ease,
        filter .15s ease,
        box-shadow .15s ease;
}

#rscDispatchBox.rsc-radio-dispatch button:hover {
    transform: translateY(-2px);
    filter: brightness(1.12);
}

#rscDispatchBox.rsc-radio-dispatch button:active {
    transform: translateY(1px);
}

/* P1 – roter Alarm */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b3261e"]
) {
    border-color: #ff3b30;

    box-shadow:
        0 35px 100px rgba(0,0,0,.9),
        0 0 45px rgba(255,59,48,.28),
        inset 0 0 35px rgba(255,59,48,.04);
}

#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b3261e"]
)::before {
    background:
        linear-gradient(
            90deg,
            transparent,
            #ff3b30,
            #fff,
            #ff3b30,
            transparent
        );

    animation: rscP1Flash .55s infinite;
}

/* P2 */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="ff8a00"]
) {
    border-color: #ff8a00;
}

/* P3 */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b58b00"]
) {
    border-color: #d4a400;
}

/* Popup-Einblendung */
@keyframes rscRadioPopup {
    from {
        opacity: 0;
        transform:
            translateY(25px)
            scale(.94);
    }

    to {
        opacity: 1;
        transform:
            translateY(0)
            scale(1);
    }
}

/* dezentes Funkgeräte-Pulsieren */
@keyframes rscRadioIdle {
    from {
        filter: brightness(.98);
    }

    to {
        filter: brightness(1.03);
    }
}

/* LED */
@keyframes rscRadioLed {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .3;
    }
}

/* P1 Alarmblitz */
@keyframes rscP1Flash {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .2;
    }
}

/* Mobil */
@media (max-width: 600px) {

    #rscDispatchOverlay {
        padding: 10px;
    }

    #rscDispatchBox.rsc-radio-dispatch {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        border-radius: 18px;
    }

    #rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head {
        margin: 20px 14px 0;
        min-height: 70px;
        padding-left: 48px;
        padding-right: 48px;
    }

    #rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-body {
        margin-left: 14px;
        margin-right: 14px;
    }
}


/* =========================================================
   RSC DISPATCH POPUP – SICHERE OVERLAY-ERGAENZUNG
   ========================================================= */

#rscDispatchOverlay.visible {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    background: rgba(0,0,0,.78) !important;
    backdrop-filter: blur(6px) !important;
}

#rscDispatchBox.rsc-radio-dispatch {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    width: min(560px, calc(100vw - 32px)) !important;
    max-width: 560px !important;

    max-height: calc(100vh - 40px);
    overflow-y: auto !important;

    margin: 0 !important;
    padding: 0 0 22px !important;

    border: 3px solid #555c63 !important;
    border-radius: 26px !important;

    background:
        linear-gradient(
            145deg,
            #34393f 0%,
            #22272c 38%,
            #14181c 72%,
            #0c0f12 100%
        ) !important;

    color: #f4f4f4 !important;

    box-shadow:
        0 35px 100px rgba(0,0,0,.9),
        inset 0 2px 2px rgba(255,255,255,.08),
        inset 0 -18px 40px rgba(0,0,0,.5) !important;

    animation: rscRadioPopup .28s ease-out !important;
}

#rscDispatchBox.rsc-radio-dispatch::before {
    content: "RSC  •  RISING SUN CUSTOMS" !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 6px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ff8a00 20%,
            #ffd28a 50%,
            #ff8a00 80%,
            transparent
        ) !important;

    box-shadow: 0 0 18px rgba(255,138,0,.7) !important;

    z-index: 5 !important;
}

#rscDispatchBox.rsc-radio-dispatch::after {
    content: "DIGITAL RADIO  •  RSC LEITSTELLE  •  CH 01" !important;

    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 7px !important;

    text-align: center !important;

    color: rgba(255,255,255,.28) !important;

    font:
        800 8px/1 "Courier New", monospace !important;

    letter-spacing: .14em !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head {
    position: relative !important;

    margin: 26px 22px 0 !important;
    min-height: 78px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 18px 55px !important;

    border: 2px solid #30363b !important;
    border-radius: 13px !important;

    background: #080a0b !important;

    color: #d9ffcf !important;

    box-shadow:
        inset 0 0 25px rgba(0,0,0,.95),
        0 3px 8px rgba(0,0,0,.5) !important;

    font:
        900 14px/1.25 "Courier New", monospace !important;

    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 8px rgba(140,255,110,.45) !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head::before {
    content: "●" !important;

    position: absolute !important;
    left: 17px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    color: #45e38a !important;

    font-size: 16px !important;

    animation: rscRadioLed 1s infinite !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head::after {
    content: "CH 01  •  ████████  •  RX" !important;

    position: absolute !important;
    right: 12px !important;
    bottom: 7px !important;

    color: #68736d !important;

    font:
        700 7px/1 "Courier New", monospace !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-body {
    margin: 16px 22px 0 !important;
    padding: 17px !important;

    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 13px !important;

    background: rgba(7,10,12,.96) !important;

    box-shadow:
        inset 0 0 30px rgba(0,0,0,.7) !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-number {
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;

    border-bottom: 1px solid rgba(255,255,255,.08) !important;

    color: #ff9d32 !important;

    font:
        900 12px/1.3 "Courier New", monospace !important;

    letter-spacing: .08em !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-row {
    margin-top: 10px !important;
    padding: 11px 12px !important;

    border: 1px solid rgba(255,255,255,.045) !important;
    border-radius: 8px !important;

    background: rgba(255,255,255,.025) !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-label {
    display: block !important;
    margin-bottom: 5px !important;

    color: #747d84 !important;

    font:
        800 9px/1 "Courier New", monospace !important;

    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-value {
    color: #d9ffcf !important;

    font:
        700 13px/1.35 "Courier New", monospace !important;

    text-shadow: 0 0 7px rgba(120,255,100,.14) !important;
    word-break: break-word !important;
}

@keyframes rscRadioPopup {
    from {
        opacity: 0;
        transform: translateY(25px) scale(.94);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes rscRadioLed {
    0%,100% {
        opacity: 1;
        text-shadow: 0 0 8px rgba(69,227,138,.9);
    }

    50% {
        opacity: .3;
        text-shadow: none;
    }
}

@media(max-width:600px) {
    #rscDispatchOverlay.visible {
        padding: 10px !important;
    }

    #rscDispatchBox.rsc-radio-dispatch {
        width: calc(100vw - 20px) !important;
        max-height: calc(100vh - 20px);
        border-radius: 18px !important;
    }
}


/* ==========================================================
   RSC PREMIUM HEADER
   ========================================================== */

.topbar{
    height:82px;
    background:
        linear-gradient(
            180deg,
            #090b0e 0%,
            #101419 100%
        );
    border-bottom:1px solid #2b333d;
    padding:0 24px;
}

.rsc-main-brand{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}

.rsc-header-logo{
    width:64px;
    height:64px;
    object-fit:contain;
    display:block;
    flex:0 0 64px;
}

.rsc-brand-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}

.rsc-brand-text strong{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    font-size:22px;
    line-height:1;
    letter-spacing:1.4px;
    font-weight:900;
    color:#e8ebee;
    text-transform:uppercase;
    white-space:nowrap;
    text-shadow:0 2px 8px rgba(0,0,0,.65);
}

.rsc-brand-text .rsc-brand-sun{
    color:#e5232b;
    text-shadow:
        0 0 8px rgba(229,35,43,.18),
        0 2px 8px rgba(0,0,0,.65);
}

.rsc-brand-text small{
    display:block;
    margin-top:6px;
    color:#8f99a4;
    font-size:12px;
    line-height:1;
    letter-spacing:.8px;
    text-transform:uppercase;
}

@media(max-width:700px){

    .topbar{
        height:70px;
        padding:0 12px;
    }

    .rsc-header-logo{
        width:52px;
        height:52px;
        flex-basis:52px;
    }

    .rsc-main-brand{
        gap:10px;
    }

    .rsc-brand-text strong{
        font-size:16px;
        gap:5px;
        letter-spacing:.8px;
    }

    .rsc-brand-text small{
        font-size:10px;
        margin-top:4px;
    }
}


/* ==========================================================
   RSC HEADER – FINAL SIZE FIX
   ========================================================== */

.topbar{
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
    overflow:hidden;
}

.rsc-main-brand{
    height:72px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    overflow:hidden;
}

.rsc-header-logo{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    object-fit:contain !important;
    display:block !important;
}

.rsc-brand-text{
    height:100%;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.rsc-brand-text strong{
    font-size:20px !important;
    line-height:1 !important;
    letter-spacing:1.2px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

.rsc-brand-text small{
    margin-top:5px !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:1px !important;
    text-transform:uppercase !important;
}


/* ==========================================================
   RSC HEADER – PREMIUM FEINSCHLIFF
   ========================================================== */

header.topbar{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
    padding:0 24px !important;
    background:
        linear-gradient(
            180deg,
            #090b0e 0%,
            #101419 100%
        ) !important;
    border-bottom:1px solid #303943 !important;
}

header.topbar .rsc-main-brand{
    height:76px !important;
    gap:14px !important;
    display:flex !important;
    align-items:center !important;
}

header.topbar .rsc-header-logo{
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    max-width:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    object-fit:contain !important;
    flex:0 0 66px !important;
    filter:
        drop-shadow(0 2px 5px rgba(0,0,0,.65));
}

header.topbar .rsc-brand-text{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:5px !important;
}

header.topbar .rsc-brand-text strong{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    font-size:23px !important;
    line-height:23px !important;
    letter-spacing:1.5px !important;
    font-weight:900 !important;
    color:#f1f3f5 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}

header.topbar .rsc-brand-text .rsc-brand-sun{
    color:#e5222b !important;
    text-shadow:0 0 10px rgba(229,34,43,.22) !important;
}

header.topbar .rsc-brand-text small{
    margin:0 !important;
    font-size:10px !important;
    line-height:11px !important;
    letter-spacing:1.8px !important;
    color:#8e98a3 !important;
    text-transform:uppercase !important;
}

/* Kleine rote Designlinie unter dem Markennamen */
header.topbar .rsc-brand-text::after{
    content:"";
    display:block;
    width:72px;
    height:2px;
    margin-top:2px;
    background:#e5222b;
    border-radius:2px;
    opacity:.85;
}

@media(max-width:700px){

    header.topbar{
        height:68px !important;
        min-height:68px !important;
        max-height:68px !important;
        padding:0 12px !important;
    }

    header.topbar .rsc-main-brand{
        height:68px !important;
        gap:9px !important;
    }

    header.topbar .rsc-header-logo{
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        max-width:54px !important;
        min-height:54px !important;
        max-height:54px !important;
        flex-basis:54px !important;
    }

    header.topbar .rsc-brand-text strong{
        font-size:16px !important;
        line-height:16px !important;
        letter-spacing:.8px !important;
        gap:5px !important;
    }

    header.topbar .rsc-brand-text small{
        font-size:8px !important;
        letter-spacing:1.1px !important;
    }

    header.topbar .rsc-brand-text::after{
        width:50px;
        height:1px;
    }
}


/* ==========================================================
   RSC CORPORATE DESIGN
   SIDEBAR + DASHBOARD
   ========================================================== */

:root{
    --rsc-red:#e5222b;
    --rsc-red-dark:#a9141c;
    --rsc-red-light:#ff3b45;
    --rsc-black:#080a0d;
    --rsc-panel:#11151a;
    --rsc-panel2:#171c22;
}

/* ----------------------------------------------------------
   SIDEBAR
   ---------------------------------------------------------- */

.sidebar{
    background:
        linear-gradient(
            180deg,
            #0b0e12 0%,
            #0f1318 100%
        ) !important;

    border-right:1px solid #252c34 !important;
    padding:18px 10px !important;
}

.sidebar a{
    position:relative;
    padding:12px 14px !important;
    margin:4px 0 !important;

    color:#bfc7cf !important;

    border-radius:7px !important;
    border-left:3px solid transparent;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.sidebar a:hover{
    background:#181d23 !important;
    color:#fff !important;
    border-left-color:#7d1b21 !important;
    transform:translateX(2px);
}

.sidebar a.active{
    background:
        linear-gradient(
            90deg,
            rgba(229,34,43,.16),
            rgba(229,34,43,.04)
        ) !important;

    color:#fff !important;
    border-left:3px solid var(--rsc-red) !important;

    box-shadow:
        inset 0 0 20px rgba(229,34,43,.04);
}

.sidebar a.active::after{
    content:"";
    position:absolute;
    right:10px;
    top:50%;
    width:4px;
    height:4px;
    transform:translateY(-50%);
    border-radius:50%;
    background:var(--rsc-red);
    box-shadow:0 0 8px rgba(229,34,43,.7);
}

/* ----------------------------------------------------------
   CONTENT
   ---------------------------------------------------------- */

.content{
    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(229,34,43,.025),
            transparent 28%
        );
}

/* ----------------------------------------------------------
   PAGE HEADINGS
   ---------------------------------------------------------- */

.pagehead h1{
    font-weight:900 !important;
    letter-spacing:.3px;
}

h1,h2,h3{
    color:#f1f3f5;
}

.sectiontitle{
    position:relative;
}

.sectiontitle::before{
    content:"";
    display:inline-block;
    width:4px;
    height:18px;
    margin-right:9px;
    vertical-align:-3px;
    background:var(--rsc-red);
    border-radius:2px;
}

/* ----------------------------------------------------------
   DASHBOARD CARDS
   ---------------------------------------------------------- */

.card{
    background:
        linear-gradient(
            145deg,
            #151a20 0%,
            #11151a 100%
        ) !important;

    border:1px solid #29313a !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.015);

    transition:
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.card:hover{
    border-color:#3a444f !important;
    box-shadow:
        0 14px 35px rgba(0,0,0,.28),
        0 0 0 1px rgba(229,34,43,.035);
}

/* ----------------------------------------------------------
   METRICS
   ---------------------------------------------------------- */

.metric strong{
    color:#fff !important;
    font-weight:900;
}

.metric{
    position:relative;
    overflow:hidden;
}

.metric::after{
    content:"";
    position:absolute;
    right:-28px;
    bottom:-34px;
    width:82px;
    height:82px;
    border-radius:50%;
    border:1px solid rgba(229,34,43,.10);
}

/* ----------------------------------------------------------
   LINKS
   ---------------------------------------------------------- */

.content a:not(.btn){
    color:#e7a1a5;
}

.content a:not(.btn):hover{
    color:#ff555d;
}

/* ----------------------------------------------------------
   BUTTONS
   ---------------------------------------------------------- */

.btn,
button{
    background:var(--rsc-red) !important;
    color:#fff !important;

    border:1px solid rgba(255,255,255,.04) !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.25);

    transition:
        background .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.btn:hover,
button:hover{
    background:var(--rsc-red-light) !important;

    box-shadow:
        0 5px 18px rgba(229,34,43,.20);

    transform:translateY(-1px);
}

.btn.secondary{
    background:#252c34 !important;
    color:#fff !important;
}

.btn.secondary:hover{
    background:#323b45 !important;
}

/* ----------------------------------------------------------
   TABLES
   ---------------------------------------------------------- */

table{
    background:#11151a !important;
    border-color:#29313a !important;
}

th{
    background:#0d1115 !important;
    color:#e7a1a5 !important;
    border-bottom:1px solid #343b44 !important;
    text-transform:uppercase;
    letter-spacing:.4px;
}

td{
    border-bottom:1px solid #242b33 !important;
}

tr:hover td{
    background:#181d23 !important;
}

/* ----------------------------------------------------------
   BADGES
   ---------------------------------------------------------- */

.badge.danger{
    background:#45191d !important;
    color:#ff9ea3 !important;
}

.badge.warn{
    background:#493818 !important;
}

.badge.ok{
    background:#163d29 !important;
}

/* ----------------------------------------------------------
   FORMULARE
   ---------------------------------------------------------- */

input,
select,
textarea{
    background:#0d1115 !important;
    border-color:#343c46 !important;
}

input:focus,
select:focus,
textarea:focus{
    outline:none;
    border-color:var(--rsc-red) !important;
    box-shadow:
        0 0 0 2px rgba(229,34,43,.10);
}

/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */

footer{
    color:#626d78 !important;
    letter-spacing:.2px;
}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:900px){

    .sidebar{
        background:#0b0e12 !important;
    }

    .sidebar a.active{
        border-left-color:var(--rsc-red) !important;
    }
}


/* ==========================================================
   RISING SUN CUSTOMS – FINAL DASHBOARD DESIGN
   Schwarz / Rot / Weiß
   ========================================================== */

/* ----------------------------------------------------------
   RSC FARBWELT
   ---------------------------------------------------------- */

:root{
    --accent:#e5222b;
    --accent2:#ff3b45;
}

/* ----------------------------------------------------------
   DASHBOARD KOPFBEREICH
   ---------------------------------------------------------- */

.content > .pagehead h1{
    position:relative;
    font-size:27px !important;
    font-weight:900 !important;
    letter-spacing:.3px !important;
    color:#f4f5f6 !important;
}

.content > .pagehead h1::before{
    content:"";
    display:inline-block;
    width:5px;
    height:26px;
    margin-right:10px;
    vertical-align:-4px;
    background:#e5222b;
    border-radius:2px;
    box-shadow:0 0 10px rgba(229,34,43,.18);
}

/* ----------------------------------------------------------
   WILLKOMMEN / WERKSTATTZENTRALE
   ---------------------------------------------------------- */

.content .card{
    position:relative;
}

.content .card h2,
.content .card h3{
    color:#f1f3f5 !important;
}

/* RSC-Akzentlinie an größeren Dashboard-Karten */
.content > .card,
.content .pagehead + .card{
    border-left:2px solid rgba(229,34,43,.8) !important;
}

/* ----------------------------------------------------------
   KLEINE RSC-ÜBERSCHRIFTEN
   ---------------------------------------------------------- */

.content .card > small,
.content .card .muted:first-child{
    color:#e5222b !important;
}

/* ----------------------------------------------------------
   METRIKEN
   ---------------------------------------------------------- */

.content .metric{
    border-top:1px solid #303841 !important;
    overflow:hidden;
}

.content .metric strong{
    font-size:30px !important;
    color:#ffffff !important;
    font-weight:900 !important;
}

.content .metric::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:38px;
    height:2px;
    background:#e5222b;
}

/* Dezenter RSC-Kreis */
.content .metric::after{
    border-color:rgba(229,34,43,.12) !important;
}

/* ----------------------------------------------------------
   KARTENÜBERSCHRIFTEN
   ---------------------------------------------------------- */

.content .card h3{
    font-weight:850 !important;
    letter-spacing:.15px;
}

.content .card h3::before{
    content:"";
    display:inline-block;
    width:3px;
    height:14px;
    margin-right:7px;
    vertical-align:-2px;
    background:#e5222b;
    border-radius:2px;
}

/* ----------------------------------------------------------
   DASHBOARD LINKS
   ---------------------------------------------------------- */

.content .card a{
    color:#e5222b !important;
    font-weight:700;
}

.content .card a:hover{
    color:#ff4c55 !important;
}

/* ----------------------------------------------------------
   TABELLEN – RSC STYLE
   ---------------------------------------------------------- */

.content table th{
    color:#e5222b !important;
    background:#0c1014 !important;
    border-bottom:1px solid #3a2528 !important;
}

.content table td:first-child{
    color:#e5222b;
    font-weight:800;
}

/* ----------------------------------------------------------
   STATUS "ABGESCHLOSSEN" / ONLINE BLEIBT GRÜN
   ---------------------------------------------------------- */

.content .badge.ok{
    background:#163d29 !important;
    color:#75e4a6 !important;
}

/* ----------------------------------------------------------
   RSC HIGHLIGHT
   ---------------------------------------------------------- */

.content .flash,
.content .card{
    box-shadow:
        0 10px 28px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.015);
}

/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */

footer{
    color:#59636d !important;
}


/* ==========================================================
   RSC FINAL HEADER POLISH
   ========================================================== */

/* Header etwas hochwertiger und kompakter */
.topbar{
    min-height:72px;
    height:72px;
    background:
        linear-gradient(
            90deg,
            #080a0d 0%,
            #0d1014 45%,
            #090b0e 100%
        );
    border-bottom:1px solid #252b32;
}

/* RSC Logo */
.brand{
    gap:12px;
}

.brand img{
    width:46px;
    height:46px;
    object-fit:contain;
    border-radius:7px;
}

/* Falls der Logo-Container verwendet wird */
.brand .sun{
    width:46px;
    height:46px;
    background:none;
    border-radius:7px;
    overflow:hidden;
    position:relative;
    font-size:0;
}

/* Logo als Hintergrund */
.brand .sun{
    background-image:url("rsc-logo-header.png");
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}

/* Firmenname */
.brand strong{
    color:#f4f4f4;
    font-size:15px;
    font-weight:900;
    letter-spacing:.4px;
    text-transform:uppercase;
}

/* Werkstattverwaltung */
.brand small{
    color:#89939e;
    font-size:9px;
    letter-spacing:.35px;
    text-transform:uppercase;
    margin-top:2px;
}

/* Dezente rote Linie unter der Marke */
.brand > div:last-child{
    position:relative;
    padding-bottom:4px;
}

.brand > div:last-child::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:44px;
    height:2px;
    background:#e5222b;
    border-radius:2px;
}

/* ----------------------------------------------------------
   RESTLICHE ORANGE-AKZENTE AUF RSC-ROT
   ---------------------------------------------------------- */

.content a{
    color:#e5222b;
}

.content a:hover{
    color:#ff4b54;
}

.content .btn{
    background:#e5222b;
    color:#fff;
}

.content .btn:hover{
    background:#ff3b45;
}

/* Überschriften */
.content .sectiontitle,
.content .pagehead h1{
    color:#f1f3f5;
}

/* Kleine RSC-Labels */
.content .card > small,
.content .card small{
    color:#e5222b;
}

/* Tabellenüberschriften */
.content th{
    color:#e5222b !important;
}

/* Aktive Navigation */
.sidebar a.active{
    background:#1a1e24;
    color:#fff;
    border-left-color:#e5222b;
}

/* Hover Navigation */
.sidebar a:hover{
    border-left-color:#e5222b;
}

/* Footer */
footer{
    border-top:0;
}

/* ----------------------------------------------------------
   DISPATCH BUTTON – ROT, ABER KLAR ALS ALARM ERKENNBAR
   ---------------------------------------------------------- */

#rscDispatchEnable{
    border-color:#e5222b !important;
}

#rscDispatchEnable.enabled{
    border-color:#39c77a !important;
}


/* ==========================================================
   RSC DISPATCH / LEITSTELLE
   FINAL RED-BLACK RADIO DESIGN
   ========================================================== */

/* ----------------------------------------------------------
   DISPATCH KOPF
   ---------------------------------------------------------- */

.dispatch-topbar{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 20px;
    margin-bottom:18px;
    background:
        linear-gradient(
            135deg,
            #15181d 0%,
            #101318 55%,
            #171116 100%
        );
    border:1px solid #303740;
    border-left:3px solid #e5222b;
    border-radius:12px;
    box-shadow:
        0 12px 35px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.02);
}

.dispatch-topbar h1,
.dispatch-topbar h2{
    color:#f5f5f5 !important;
    font-weight:900;
    margin:0;
}

.dispatch-topbar h1::before,
.dispatch-topbar h2::before{
    content:"";
    display:inline-block;
    width:5px;
    height:24px;
    margin-right:10px;
    vertical-align:-4px;
    background:#e5222b;
    border-radius:2px;
}

.dispatch-topbar small,
.dispatch-topbar .muted{
    color:#89939e;
}

/* ----------------------------------------------------------
   COUNTER / STATUS
   ---------------------------------------------------------- */

.dispatch-counter{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.dispatch-pill{
    background:#11151a !important;
    border:1px solid #303740 !important;
    color:#dce1e6 !important;
    border-radius:8px !important;
    padding:7px 11px !important;
    font-weight:750;
}

.dispatch-pill strong,
.dispatch-pill b{
    color:#fff;
}

/* ----------------------------------------------------------
   P1 WARNBEREICH
   ---------------------------------------------------------- */

.dispatch-p1-alert{
    position:relative;
    margin:0 0 18px 0;
    padding:13px 16px 13px 44px;
    background:
        linear-gradient(
            90deg,
            rgba(229,34,43,.16),
            rgba(229,34,43,.04)
        );
    border:1px solid rgba(229,34,43,.55);
    border-left:4px solid #e5222b;
    border-radius:10px;
    color:#fff;
    font-weight:800;
    box-shadow:0 8px 25px rgba(229,34,43,.08);
}

.dispatch-p1-alert::before{
    content:"🚨";
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
}

/* ----------------------------------------------------------
   DISPATCH BOARD
   ---------------------------------------------------------- */

.dispatch-board{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(340px,1fr)
        );
    gap:16px;
}

/* ----------------------------------------------------------
   DISPATCH KARTE
   ---------------------------------------------------------- */

.dispatch-card{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(
            145deg,
            #171b20 0%,
            #11151a 100%
        ) !important;
    border:1px solid #303740 !important;
    border-radius:13px !important;
    box-shadow:
        0 12px 32px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.02);
    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.dispatch-card:hover{
    transform:translateY(-2px);
    border-color:#4a525c !important;
    box-shadow:
        0 16px 40px rgba(0,0,0,.35);
}

/* ----------------------------------------------------------
   P1 / P2 / P3
   ---------------------------------------------------------- */

.dispatch-card.p1{
    border-color:rgba(229,34,43,.75) !important;
    box-shadow:
        0 0 0 1px rgba(229,34,43,.08),
        0 15px 45px rgba(229,34,43,.10);
}

.dispatch-card.p2{
    border-left:3px solid #e5222b !important;
}

.dispatch-card.p3{
    border-left:3px solid #777f88 !important;
}

/* ----------------------------------------------------------
   KARTE KOPF
   ---------------------------------------------------------- */

.dispatch-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 15px;
    background:#0d1115;
    border-bottom:1px solid #2c333b;
}

.dispatch-id{
    color:#f0f2f4 !important;
    font-weight:850 !important;
    letter-spacing:.2px;
}

.dispatch-id::before{
    content:"DISPATCH";
    display:block;
    margin-bottom:2px;
    color:#e5222b;
    font-size:9px;
    letter-spacing:1px;
    font-weight:900;
}

.dispatch-priority{
    min-width:42px;
    text-align:center;
    border-radius:6px !important;
    padding:5px 8px !important;
    font-size:11px !important;
    font-weight:900 !important;
}

/* P1 */
.dispatch-priority.p1{
    background:#b3261e !important;
    color:#fff !important;
    box-shadow:0 0 12px rgba(179,38,30,.25);
}

/* P2 */
.dispatch-priority.p2{
    background:#e5222b !important;
    color:#fff !important;
}

/* P3 */
.dispatch-priority.p3{
    background:#444b53 !important;
    color:#fff !important;
}

/* ----------------------------------------------------------
   KARTE INHALT
   ---------------------------------------------------------- */

.dispatch-card-body{
    padding:15px !important;
}

.dispatch-info{
    display:grid;
    grid-template-columns:
        minmax(100px,.45fr)
        minmax(0,1fr);
    gap:7px 14px;
    padding-bottom:13px;
}

.dispatch-info .label{
    color:#7f8994 !important;
    font-size:10px !important;
    font-weight:800 !important;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.dispatch-info .value{
    color:#f0f2f4 !important;
    font-weight:650 !important;
}

.dispatch-description{
    margin-top:10px;
    padding:12px 13px;
    background:#0c1014;
    border:1px solid #292f36;
    border-left:3px solid #e5222b;
    border-radius:8px;
    color:#dce1e5 !important;
    line-height:1.5;
}

/* ----------------------------------------------------------
   KARTE FOOTER
   ---------------------------------------------------------- */

.dispatch-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 15px;
    background:#0d1115;
    border-top:1px solid #292f36;
}

.dispatch-fast-actions{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
}

.dispatch-fast-actions form{
    margin:0;
}

.dispatch-fast-actions button{
    border:1px solid #3a4149 !important;
    background:#20262d !important;
    color:#e9edf0 !important;
    border-radius:7px !important;
    padding:7px 10px !important;
    font-size:11px !important;
}

.dispatch-fast-actions button:hover{
    background:#e5222b !important;
    border-color:#e5222b !important;
    color:#fff !important;
}

.dispatch-time{
    color:#737d87 !important;
    font-size:10px !important;
    white-space:nowrap;
}

/* ----------------------------------------------------------
   FORMULARE / NEUER DISPATCH
   ---------------------------------------------------------- */

.dispatch-topbar + .card,
.dispatch-board + .card{
    background:#15191f;
    border:1px solid #303740;
}

.dispatch-topbar input,
.dispatch-topbar select,
.dispatch-topbar textarea,
.dispatch-board input,
.dispatch-board select,
.dispatch-board textarea{
    background:#0d1115 !important;
    border-color:#353d46 !important;
}

.dispatch-topbar input:focus,
.dispatch-topbar select:focus,
.dispatch-topbar textarea:focus,
.dispatch-board input:focus,
.dispatch-board select:focus,
.dispatch-board textarea:focus{
    border-color:#e5222b !important;
    outline:none;
    box-shadow:0 0 0 2px rgba(229,34,43,.12);
}

/* ----------------------------------------------------------
   RSC BUTTONS
   ---------------------------------------------------------- */

.dispatch-board .btn,
.dispatch-board button{
    transition:
        background .15s ease,
        border-color .15s ease,
        transform .1s ease;
}

.dispatch-board .btn:active,
.dispatch-board button:active{
    transform:translateY(1px);
}

/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:700px){

    .dispatch-topbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .dispatch-board{
        grid-template-columns:1fr;
    }

    .dispatch-info{
        grid-template-columns:1fr;
        gap:4px;
    }

    .dispatch-card-footer{
        flex-direction:column;
        align-items:flex-start;
    }

}


/* ==========================================================
   RSC HEADER FINAL – LOGO & BRANDING
   ========================================================== */

.topbar{
    height:72px;
    min-height:72px;
    padding:0 18px;
    background:
        linear-gradient(
            90deg,
            #07090c 0%,
            #0c1015 50%,
            #080a0d 100%
        );
    border-bottom:1px solid #242a31;
}

.rsc-main-brand{
    display:flex;
    align-items:center;
    gap:10px;
    height:72px;
}

.rsc-header-logo{
    display:block;
    width:52px;
    height:52px;
    object-fit:contain;
    object-position:center;
    border-radius:8px;
    flex:none;
}

.rsc-brand-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    min-width:0;
    padding-bottom:5px;
}

.rsc-brand-text strong{
    display:flex;
    align-items:center;
    gap:5px;
    margin:0;
    padding:0;
    color:#f3f3f3;
    font-size:15px;
    line-height:16px;
    font-weight:900;
    letter-spacing:.65px;
    text-transform:uppercase;
    white-space:nowrap;
}

.rsc-brand-text strong span{
    display:inline-block;
}

.rsc-brand-text .rsc-brand-sun{
    color:#e5222b;
}

.rsc-brand-text small{
    display:block;
    margin-top:2px;
    padding:0;
    color:#89939e;
    font-size:8px;
    line-height:10px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.rsc-brand-text::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:44px;
    height:2px;
    background:#e5222b;
    border-radius:2px;
    box-shadow:0 0 8px rgba(229,34,43,.25);
}

/* Alter RSC-Sun-Container wird nicht mehr benötigt */
.rsc-main-brand .sun{
    display:none;
}

/* Header-Rechtsbereich */
.rsc-header-right{
    display:flex;
    align-items:center;
    gap:10px;
    margin-left:auto;
}

/* Mobile */
@media(max-width:900px){

    .topbar{
        padding:0 12px;
    }

    .rsc-main-brand{
        gap:8px;
    }

    .rsc-header-logo{
        width:44px;
        height:44px;
    }

    .rsc-brand-text strong{
        font-size:13px;
        line-height:14px;
        letter-spacing:.45px;
    }

    .rsc-brand-text small{
        font-size:7px;
        letter-spacing:.8px;
    }
}


/* ==========================================================
   RSC HEADER – FINAL PROPORTIONS
   ========================================================== */

.rsc-header-logo{
    width:58px;
    height:58px;
}

.rsc-main-brand{
    gap:11px;
}

.rsc-brand-text strong{
    font-size:16px;
    line-height:17px;
    letter-spacing:.7px;
}

.rsc-brand-text small{
    font-size:8px;
    line-height:10px;
    letter-spacing:1.1px;
}

@media(max-width:900px){
    .rsc-header-logo{
        width:48px;
        height:48px;
    }

    .rsc-brand-text strong{
        font-size:13px;
        line-height:14px;
    }
}


/* ==========================================================
   RSC FINAL DESIGN – HEADER + DISPATCH
   Letzter Override – nicht darunter überschreiben
   ========================================================== */

/* ---------- GLOBAL RSC ROT ---------- */

:root{
    --accent:#e5232b;
    --accent2:#ff4b54;
}

/* ---------- HEADER ---------- */

header.topbar{
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
    padding:0 18px !important;

    background:
        linear-gradient(
            180deg,
            #090b0e 0%,
            #0e1217 100%
        ) !important;

    border-bottom:1px solid #292f36 !important;
}

/* Logo */

header.topbar .rsc-main-brand{
    height:72px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

header.topbar .rsc-header-logo{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    object-fit:contain !important;
    display:block !important;

    filter:
        drop-shadow(0 2px 4px rgba(0,0,0,.75));
}

/* Firmenname */

header.topbar .rsc-brand-text{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:3px !important;
}

header.topbar .rsc-brand-text strong{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;

    margin:0 !important;

    font-size:18px !important;
    line-height:18px !important;

    letter-spacing:1px !important;
    font-weight:900 !important;

    color:#f1f3f5 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}

header.topbar .rsc-brand-text .rsc-brand-sun{
    color:#e5232b !important;
}

header.topbar .rsc-brand-text small{
    margin:0 !important;

    color:#7f8994 !important;

    font-size:8px !important;
    line-height:8px !important;

    letter-spacing:1px !important;
    text-transform:uppercase !important;
}

/* rote Linie unter RSC */

header.topbar .rsc-brand-text::after{
    content:"";

    width:30px;
    height:2px;

    margin-top:3px;

    background:#e5232b;

    border-radius:2px;

    box-shadow:0 0 6px rgba(229,35,43,.25);
}

/* ---------- CONTENT ---------- */

.content a{
    color:#e5232b !important;
}

.content a:hover{
    color:#ff4b54 !important;
}

.content .btn,
.content button{
    background:#e5232b !important;
    color:#fff !important;
}

.content .btn:hover,
.content button:hover{
    background:#ff3742 !important;
}

/* ---------- DISPATCH OVERLAY ---------- */

#rscDispatchOverlay.visible{
    background:
        radial-gradient(
            circle at center,
            rgba(20,24,29,.35),
            rgba(0,0,0,.88)
        ) !important;

    backdrop-filter:blur(7px) saturate(.8) !important;
}

/* ---------- DISPATCH GERÄT ---------- */

#rscDispatchBox.rsc-radio-dispatch{
    width:min(620px,calc(100vw - 32px)) !important;
    max-width:620px !important;

    max-height:calc(100vh - 40px) !important;

    padding:0 0 22px !important;

    border:2px solid #3b424a !important;
    border-radius:18px !important;

    background:
        linear-gradient(
            145deg,
            #20252a 0%,
            #15191d 42%,
            #0d1013 100%
        ) !important;

    box-shadow:
        0 35px 100px rgba(0,0,0,.92),
        0 0 0 1px rgba(255,255,255,.035),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 -25px 50px rgba(0,0,0,.45) !important;
}

/* ---------- RSC LEISTEN ---------- */

#rscDispatchBox.rsc-radio-dispatch::before{
    content:"RSC  •  RISING SUN CUSTOMS" !important;

    height:5px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #e5232b 18%,
            #ff6269 50%,
            #e5232b 82%,
            transparent
        ) !important;

    box-shadow:
        0 0 15px rgba(229,35,43,.55) !important;
}

/* ---------- DISPLAY ---------- */

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head{
    margin:22px 20px 0 !important;

    min-height:74px !important;

    padding:16px 55px !important;

    border:1px solid #353d45 !important;
    border-radius:10px !important;

    background:
        linear-gradient(
            180deg,
            #0c1012,
            #060809
        ) !important;

    color:#d9ffcf !important;

    box-shadow:
        inset 0 0 28px rgba(0,0,0,.95),
        0 3px 8px rgba(0,0,0,.5) !important;

    font:
        900 14px/1.25 "Courier New",monospace !important;

    letter-spacing:.06em !important;

    text-shadow:
        0 0 8px rgba(140,255,110,.38) !important;
}

/* Status LED */

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head::before{
    color:#45e38a !important;

    text-shadow:
        0 0 9px rgba(69,227,138,.9) !important;
}

/* ---------- DATENBEREICH ---------- */

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-body{
    margin:14px 20px 0 !important;
    padding:15px !important;

    border:1px solid #2a3036 !important;
    border-radius:10px !important;

    background:
        linear-gradient(
            180deg,
            #090c0f,
            #0e1215
        ) !important;

    box-shadow:
        inset 0 0 25px rgba(0,0,0,.75) !important;
}

/* Dispatchnummer */

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-number{
    color:#e5232b !important;

    border-bottom:
        1px solid rgba(229,35,43,.25) !important;

    font:
        900 12px/1.3 "Courier New",monospace !important;
}

/* Datenfelder */

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-row{
    margin-top:8px !important;
    padding:10px 12px !important;

    background:
        rgba(255,255,255,.018) !important;

    border:
        1px solid rgba(255,255,255,.055) !important;

    border-radius:7px !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-label{
    color:#737d87 !important;

    font:
        800 8px/1 "Courier New",monospace !important;

    letter-spacing:.12em !important;
}

#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-value{
    color:#e3e8eb !important;

    font:
        700 13px/1.35 "Courier New",monospace !important;

    text-shadow:none !important;
}

/* ---------- BUTTONS ---------- */

#rscDispatchBox.rsc-radio-dispatch button{
    min-height:44px !important;

    border-radius:8px !important;

    font:
        900 11px/1 "Courier New",monospace !important;

    transition:
        transform .15s ease,
        filter .15s ease !important;
}

#rscDispatchBox.rsc-radio-dispatch button:hover{
    transform:translateY(-1px) !important;
    filter:brightness(1.12) !important;
}

/* ---------- PRIORITÄTEN ---------- */

/* P1 */

#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b3261e"]
){
    border-color:#e5232b !important;

    box-shadow:
        0 35px 100px rgba(0,0,0,.95),
        0 0 45px rgba(229,35,43,.20),
        inset 0 0 35px rgba(229,35,43,.035) !important;
}

#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b3261e"]
)::before{
    background:
        linear-gradient(
            90deg,
            transparent,
            #e5232b,
            #fff,
            #e5232b,
            transparent
        ) !important;

    animation:rscP1Flash .55s infinite !important;
}

/* P2 */

#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="ff8a00"]
){
    border-color:#e5232b !important;
}

/* P3 */

#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b58b00"]
){
    border-color:#666d75 !important;
}

/* ---------- MOBIL ---------- */

@media(max-width:600px){

    header.topbar{
        height:64px !important;
        min-height:64px !important;
    }

    header.topbar .rsc-main-brand{
        height:64px !important;
    }

    header.topbar .rsc-header-logo{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
    }

    header.topbar .rsc-brand-text strong{
        font-size:15px !important;
        line-height:15px !important;
    }

    #rscDispatchBox.rsc-radio-dispatch{
        width:calc(100vw - 20px) !important;
        border-radius:14px !important;
    }

    #rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head{
        margin:18px 14px 0 !important;
    }

    #rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-body{
        margin-left:14px !important;
        margin-right:14px !important;
    }
}


/* ==========================================================
   RSC DIGITALFUNK – FINAL POPUP SIZE & READABILITY
   ========================================================== */

#rscDispatchBox.rsc-radio-dispatch{
    width:min(720px, calc(100vw - 40px)) !important;
    max-width:720px !important;
    padding-bottom:24px !important;
    border-radius:18px !important;
}

/* Funkgeräte-Display */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head{
    min-height:82px !important;
    margin:20px 22px 0 !important;
    padding:18px 24px !important;

    font-size:16px !important;
    letter-spacing:.08em !important;
}

/* Einsatzdaten */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-body{
    margin:16px 22px 0 !important;
    padding:18px !important;
}

/* Dispatchnummer */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-number{
    padding-bottom:11px !important;
    margin-bottom:12px !important;
    font-size:14px !important;
    letter-spacing:.08em !important;
}

/* Einzelne Datenfelder */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-row{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;

    margin-top:9px !important;
    padding:13px 15px !important;

    min-height:58px !important;
}

/* Feldbezeichnung */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-label{
    font-size:9px !important;
    letter-spacing:.14em !important;
}

/* Feldinhalt */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-value{
    font-size:15px !important;
    line-height:1.4 !important;
}

/* Buttons */
#rscDispatchBox.rsc-radio-dispatch button{
    min-height:46px !important;
    padding:0 18px !important;

    font-size:12px !important;
    letter-spacing:.03em !important;
}

/* Button-Bereich etwas großzügiger */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-actions{
    margin:14px 22px 0 !important;
    gap:10px !important;
}

/* P1 – stärkerer Alarm */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b3261e"]
){
    animation:rscDispatchP1Glow 1.2s ease-in-out infinite alternate !important;
}

/* Dezenter roter Rahmen bei P2 */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="ff8a00"]
){
    border-color:#e5232b !important;
}

/* P3 neutraler */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b58b00"]
){
    border-color:#737a82 !important;
}

/* P1 Animation */
@keyframes rscDispatchP1Glow{

    from{
        box-shadow:
            0 35px 100px rgba(0,0,0,.92),
            0 0 20px rgba(229,35,43,.15),
            inset 0 0 30px rgba(229,35,43,.02);
    }

    to{
        box-shadow:
            0 35px 100px rgba(0,0,0,.92),
            0 0 42px rgba(229,35,43,.38),
            inset 0 0 45px rgba(229,35,43,.06);
    }

}

/* Mobile */
@media(max-width:600px){

    #rscDispatchBox.rsc-radio-dispatch{
        width:calc(100vw - 20px) !important;
        max-width:none !important;
    }

    #rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head{
        margin:16px 14px 0 !important;
        min-height:70px !important;
        font-size:13px !important;
    }

    #rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-body{
        margin:12px 14px 0 !important;
        padding:12px !important;
    }

    #rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-value{
        font-size:13px !important;
    }

}


/* ==========================================================
   RSC DIGITALFUNK – FUNKDISPLAY FINAL
   ========================================================== */

/* Display noch stärker wie ein echtes Funkgerät */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head{
    position:relative !important;
    overflow:hidden !important;

    background:
        linear-gradient(
            180deg,
            #101613 0%,
            #070a08 48%,
            #0d120e 100%
        ) !important;

    border-color:#28362c !important;

    color:#c9f5bd !important;

    text-shadow:
        0 0 5px rgba(150,255,130,.45),
        0 0 12px rgba(80,220,80,.18) !important;
}

/* Dezente Display-Linien */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head::after{
    content:"CH 01  •  DIGITALFUNK  •  SIGNAL ███████░░";
    position:absolute;

    right:14px;
    bottom:7px;

    color:#587052;

    font:
        700 7px/1 "Courier New",monospace;

    letter-spacing:.08em;

    opacity:.8;
}

/* Kleiner grüner Empfangspunkt */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head::before{
    content:"●" !important;

    position:absolute !important;
    left:12px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    color:#42e879 !important;

    font-size:8px !important;

    text-shadow:
        0 0 7px rgba(66,232,121,.9) !important;

    animation:rscRadioSignal 1.8s ease-in-out infinite !important;
}

/* P1 stärker hervorheben */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b3261e"]
) .rsc-dispatch-head{
    background:
        linear-gradient(
            180deg,
            #321012 0%,
            #100708 50%,
            #1d090b 100%
        ) !important;

    color:#fff !important;

    border-color:#7f1d24 !important;

    text-shadow:
        0 0 6px rgba(255,90,90,.65),
        0 0 15px rgba(229,35,43,.3) !important;
}

/* P1 Signal blinkt schneller */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b3261e"]
) .rsc-dispatch-head::before{
    color:#ff3b45 !important;

    text-shadow:
        0 0 8px rgba(255,40,50,1) !important;

    animation:rscRadioP1 0.55s steps(2,end) infinite !important;
}

/* P2 – roter Bereitschaftsstatus */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="ff8a00"]
) .rsc-dispatch-head{
    border-color:#542126 !important;
}

/* P3 – ruhiger Servicekanal */
#rscDispatchBox.rsc-radio-dispatch:has(
    .rsc-dispatch-head[style*="b58b00"]
) .rsc-dispatch-head{
    color:#d9d0a4 !important;
    border-color:#4c4834 !important;
}

/* Dispatchnummer wie Funkgerät-Anzeige */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-number{
    position:relative !important;

    font-family:"Courier New",monospace !important;

    text-transform:uppercase !important;

    letter-spacing:.1em !important;
}

/* Dezente Scanline im Display */
#rscDispatchBox.rsc-radio-dispatch .rsc-dispatch-head{
    background-size:100% 4px, auto !important;
}

/* Funkstatus Animation */
@keyframes rscRadioSignal{

    0%,100%{
        opacity:.45;
    }

    50%{
        opacity:1;
    }

}

@keyframes rscRadioP1{

    0%,49%{
        opacity:1;
    }

    50%,100%{
        opacity:.25;
    }

}

/* ---------- Buttons stärker als Bedienfeld ---------- */

#rscDispatchBox.rsc-radio-dispatch button{
    border:1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 3px 8px rgba(0,0,0,.4) !important;
}

#rscDispatchBox.rsc-radio-dispatch button:first-child{
    background:
        linear-gradient(
            180deg,
            #f12d37,
            #c91822
        ) !important;

    border-color:#ff4b54 !important;
}

#rscDispatchBox.rsc-radio-dispatch button:nth-child(2){
    background:#252d36 !important;
    color:#fff !important;
}

#rscDispatchBox.rsc-radio-dispatch button:last-child{
    background:#d51f29 !important;
    color:#fff !important;
}

/* ---------- Funkgerät-Unterseite ---------- */

#rscDispatchBox.rsc-radio-dispatch::after{
    content:"RSC DIGITAL RADIO  •  RSC LEITSTELLE  •  CH 01";
    display:block;

    margin:10px 22px 0;

    text-align:center;

    color:#59616a;

    font:
        700 7px/1 "Courier New",monospace;

    letter-spacing:.18em;
}


/* ==========================================================
   RSC DIGITALFUNK DISPLAY – FINAL
   ========================================================== */

#rscDispatchBox .rsc-dispatch-head{
    min-height:64px !important;
    padding:12px 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    position:relative !important;
    overflow:hidden !important;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(120,255,120,.025) 0px,
            rgba(120,255,120,.025) 1px,
            transparent 1px,
            transparent 3px
        ),
        linear-gradient(
            180deg,
            #111812 0%,
            #060906 50%,
            #0d120e 100%
        ) !important;

    border:1px solid #26352a !important;
    border-radius:8px !important;

    color:#c8f5bd !important;

    font-family:"Courier New",monospace !important;
    letter-spacing:.08em !important;

    box-shadow:
        inset 0 0 20px rgba(80,180,80,.05),
        0 0 8px rgba(0,0,0,.5) !important;
}

/* Empfangspunkt */
#rscDispatchBox .rsc-dispatch-head::before{
    content:"●" !important;

    position:absolute !important;
    left:14px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    color:#39e66d !important;
    font-size:9px !important;

    text-shadow:
        0 0 5px #39e66d,
        0 0 12px rgba(57,230,109,.7) !important;

    animation:rscRadioReceive 1.8s infinite !important;
}

/* Funkinformationen */
#rscDispatchBox .rsc-dispatch-head::after{
    content:"CH 01   •   DIGITALFUNK   •   SIGNAL ███████░" !important;

    position:absolute !important;

    right:12px !important;
    bottom:6px !important;

    color:#526653 !important;

    font-family:"Courier New",monospace !important;
    font-size:7px !important;
    font-weight:700 !important;

    letter-spacing:.06em !important;

    white-space:nowrap !important;
}

/* Haupttext im Display */
#rscDispatchBox .rsc-dispatch-head > *{
    position:relative !important;
    z-index:2 !important;
}

/* Neuer Dispatch */
#rscDispatchBox .rsc-dispatch-head{
    text-shadow:
        0 0 5px rgba(160,255,150,.4) !important;
}

/* P1 – Notfall */
#rscDispatchBox:has(.rsc-dispatch-head[style*="b3261e"])
.rsc-dispatch-head{

    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,60,60,.035) 0px,
            rgba(255,60,60,.035) 1px,
            transparent 1px,
            transparent 3px
        ),
        linear-gradient(
            180deg,
            #2a0b0e,
            #090506,
            #1a0709
        ) !important;

    border-color:#8d252d !important;

    color:#ffb5b9 !important;

    text-shadow:
        0 0 6px rgba(255,70,80,.7) !important;
}

/* P1 blinkender Empfangspunkt */
#rscDispatchBox:has(.rsc-dispatch-head[style*="b3261e"])
.rsc-dispatch-head::before{

    color:#ff303c !important;

    text-shadow:
        0 0 6px #ff303c,
        0 0 14px rgba(255,48,60,.9) !important;

    animation:rscRadioP1 0.55s steps(2,end) infinite !important;
}

/* P2 */
#rscDispatchBox:has(.rsc-dispatch-head[style*="ff8a00"])
.rsc-dispatch-head{

    border-color:#68252b !important;
}

/* Funkgerät-Statuszeile */
#rscDispatchBox .rsc-dispatch-head .rsc-radio-status{
    position:absolute !important;
    left:30px !important;
    top:8px !important;

    color:#526653 !important;

    font:
        700 7px/1 "Courier New",monospace !important;
}

/* Animation Empfang */
@keyframes rscRadioReceive{

    0%,100%{
        opacity:.45;
    }

    50%{
        opacity:1;
    }

}

/* Animation P1 */
@keyframes rscRadioP1{

    0%,45%{
        opacity:1;
    }

    46%,100%{
        opacity:.2;
    }

}


/* ==========================================================
   RSC DISPATCH – EINSATZGRUND KOMPAKT
   ========================================================== */

.dispatch-description{
    min-height:0 !important;
    height:auto !important;
    line-height:1.35 !important;
}

.dispatch-description > strong{
    display:block !important;
    margin:0 0 7px 0 !important;
    line-height:1.2 !important;
}

.dispatch-description .dispatch-reason{
    margin:0 !important;
    padding:0 !important;
    line-height:1.4 !important;
    white-space:normal !important;
}


/* ==========================================================
   RSC DISPATCH – FIX WHITESPACE EINSATZGRUND
   ========================================================== */

.dispatch-description{
    white-space:normal !important;
    height:auto !important;
    min-height:0 !important;
    line-height:1.35 !important;
}

.dispatch-description > strong{
    display:block !important;
    margin:0 0 6px 0 !important;
    line-height:1.2 !important;
}

.dispatch-description .dispatch-reason{
    margin:0 !important;
    padding:0 !important;
    line-height:1.4 !important;
    white-space:normal !important;
}


/* ==========================================================
   RSC WERKSTATT-MONITOR – DISPATCH INTEGRATION
   ========================================================== */

.workshop-dispatch-monitor{
    margin-top:18px;
    background:#11161b;
    border:1px solid #2c3540;
    border-radius:14px;
    overflow:hidden;
}

.workshop-dispatch-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 18px;
    background:
        linear-gradient(
            90deg,
            #11161b,
            #171d23
        );
    border-bottom:1px solid #2c3540;
}

.workshop-dispatch-kicker{
    display:block;
    margin-bottom:4px;
    color:#7f8994;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.2px;
}

.workshop-dispatch-head h2{
    margin:0;
    font-size:20px;
}

.workshop-dispatch-summary{
    display:flex;
    gap:8px;
}

.workshop-dispatch-summary span{
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border:1px solid #303944;
    border-radius:8px;
    background:#0d1115;
    color:#8996a3;
    font-size:11px;
    font-weight:800;
}

.workshop-dispatch-summary strong{
    color:#fff;
    font-size:14px;
}

.workshop-dispatch-summary .p1 strong{
    color:#ff7777;
}

.workshop-dispatch-list{
    display:grid;
    grid-template-columns:repeat(
        auto-fit,
        minmax(420px,1fr)
    );
    gap:10px;
    padding:12px;
}

.workshop-dispatch-card{
    display:grid;
    grid-template-columns:65px 1fr auto;
    gap:13px;
    align-items:center;

    min-height:92px;

    padding:12px 14px;

    background:#171d23;
    border:1px solid #303944;
    border-radius:10px;

    box-shadow:
        inset 4px 0 0 #e5222b;
}

.workshop-dispatch-card.p1{
    border-color:#8d3035;
    background:
        linear-gradient(
            135deg,
            #251317,
            #171d23
        );
    box-shadow:
        inset 4px 0 0 #ef4444;
}

.workshop-dispatch-card.p2{
    box-shadow:
        inset 4px 0 0 #e5222b;
}

.workshop-dispatch-card.p3{
    box-shadow:
        inset 4px 0 0 #777f88;
}

.workshop-dispatch-priority{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:7px;

    border-right:1px solid #2c3540;
}

.workshop-dispatch-priority span{
    font-size:16px;
    margin-bottom:3px;
}

.workshop-dispatch-priority strong{
    font-size:13px;
}

.workshop-dispatch-card.p1
.workshop-dispatch-priority strong{
    color:#ff7777;
}

.workshop-dispatch-main{
    min-width:0;
}

.workshop-dispatch-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:5px;
}

.workshop-dispatch-title strong{
    font-size:14px;
}

.workshop-dispatch-title span{
    color:#a8b6c4;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.workshop-dispatch-location{
    color:#a8b6c4;
    font-size:12px;
    margin-bottom:7px;
}

.workshop-dispatch-reason{
    display:flex;
    gap:7px;
    align-items:baseline;
    font-size:11px;
}

.workshop-dispatch-reason span{
    color:#758494;
}

.workshop-dispatch-reason strong{
    color:#e1e6eb;
    font-weight:700;
}

.workshop-dispatch-meta{
    display:flex;
    flex-direction:column;
    gap:5px;

    min-width:145px;

    color:#758494;
    font-size:10px;
    text-align:right;
}

.workshop-dispatch-meta strong{
    display:block;
    color:#dce1e5;
    font-size:11px;
}

.workshop-dispatch-empty{
    padding:24px;
    text-align:center;
    color:#758494;
    font-size:13px;
}

.workshop-dispatch-empty span{
    color:#3bd16f;
    margin-right:7px;
}

@media(max-width:900px){

    .workshop-dispatch-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .workshop-dispatch-list{
        grid-template-columns:1fr;
    }

    .workshop-dispatch-card{
        grid-template-columns:55px 1fr;
    }

    .workshop-dispatch-meta{
        grid-column:2;
        flex-direction:row;
        justify-content:space-between;
        min-width:0;
        text-align:left;
    }

}


/* ==========================================================
   RSC WERKSTATT-MONITOR – DISPATCH-BEREICH
   ========================================================== */

.workshop-dispatch-monitor{
    margin-top:18px;
    background:#11161b;
    border:1px solid #2c3540;
    border-radius:14px;
    overflow:hidden;
}

.workshop-dispatch-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 18px;
    background:linear-gradient(90deg,#11161b,#171d23);
    border-bottom:1px solid #2c3540;
}

.workshop-dispatch-kicker{
    display:block;
    margin-bottom:4px;
    color:#7f8994;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.2px;
}

.workshop-dispatch-head h2{
    margin:0;
    font-size:20px;
}

.workshop-dispatch-summary{
    display:flex;
    gap:8px;
}

.workshop-dispatch-summary span{
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border:1px solid #303944;
    border-radius:8px;
    background:#0d1115;
    color:#8996a3;
    font-size:11px;
    font-weight:800;
}

.workshop-dispatch-summary strong{
    color:#fff;
    font-size:14px;
}

.workshop-dispatch-summary .p1 strong{
    color:#ff7777;
}

.workshop-dispatch-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
    gap:10px;
    padding:12px;
}

.workshop-dispatch-card{
    display:grid;
    grid-template-columns:65px 1fr auto;
    gap:13px;
    align-items:center;
    min-height:92px;
    padding:12px 14px;
    background:#171d23;
    border:1px solid #303944;
    border-radius:10px;
    box-shadow:inset 4px 0 0 #e5222b;
}

.workshop-dispatch-card.p1{
    border-color:#8d3035;
    background:linear-gradient(135deg,#251317,#171d23);
    box-shadow:inset 4px 0 0 #ef4444;
}

.workshop-dispatch-card.p2{
    box-shadow:inset 4px 0 0 #e5222b;
}

.workshop-dispatch-card.p3{
    box-shadow:inset 4px 0 0 #777f88;
}

.workshop-dispatch-priority{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:7px;
    border-right:1px solid #2c3540;
}

.workshop-dispatch-priority span{
    font-size:16px;
    margin-bottom:3px;
}

.workshop-dispatch-priority strong{
    font-size:13px;
}

.workshop-dispatch-main{
    min-width:0;
}

.workshop-dispatch-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:5px;
}

.workshop-dispatch-title strong{
    font-size:14px;
}

.workshop-dispatch-title span{
    color:#a8b6c4;
    font-size:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.workshop-dispatch-location{
    color:#a8b6c4;
    font-size:12px;
    margin-bottom:7px;
}

.workshop-dispatch-reason{
    display:flex;
    gap:7px;
    align-items:baseline;
    font-size:11px;
}

.workshop-dispatch-reason span{
    color:#758494;
}

.workshop-dispatch-reason strong{
    color:#e1e6eb;
    font-weight:700;
}

.workshop-dispatch-meta{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:145px;
    color:#758494;
    font-size:10px;
    text-align:right;
}

.workshop-dispatch-meta strong{
    display:block;
    color:#dce1e5;
    font-size:11px;
}

.workshop-dispatch-empty{
    padding:24px;
    text-align:center;
    color:#758494;
    font-size:13px;
}

.workshop-dispatch-empty span{
    color:#3bd16f;
    margin-right:7px;
}

@media(max-width:900px){

    .workshop-dispatch-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .workshop-dispatch-list{
        grid-template-columns:1fr;
    }

    .workshop-dispatch-card{
        grid-template-columns:55px 1fr;
    }

    .workshop-dispatch-meta{
        grid-column:2;
        flex-direction:row;
        justify-content:space-between;
        min-width:0;
        text-align:left;
    }

}


/* ==========================================================
   RSC WERKSTATT-MONITOR – DISPATCH FINAL POLISH
   ========================================================== */

/* Dispatch-Bereich stärker an die Auftragsspalten anbinden */
.workshop-dispatch-monitor{
    margin-top:18px;
    width:100%;
    background:#11161b;
    border:1px solid #2d3540;
    border-radius:13px;
    overflow:hidden;
    box-shadow:
        0 10px 28px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.02);
}

/* Kopf */
.workshop-dispatch-head{
    min-height:58px;
    padding:12px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    background:
        linear-gradient(
            90deg,
            #151a20 0%,
            #11161b 100%
        );
    border-bottom:1px solid #2d3540;
}

.workshop-dispatch-kicker{
    display:block;
    margin-bottom:3px;
    color:#e5222b;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.2px;
}

.workshop-dispatch-head h2{
    margin:0;
    color:#f0f2f4;
    font-size:17px;
    font-weight:850;
}

/* Statistik oben rechts */
.workshop-dispatch-summary{
    display:flex;
    align-items:center;
    gap:7px;
}

.workshop-dispatch-summary span{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    background:#0c1014;
    border:1px solid #303944;
    border-radius:7px;
    color:#8c98a4;
    font-size:9px;
    font-weight:800;
}

.workshop-dispatch-summary strong{
    color:#f2f4f6;
    font-size:11px;
}

.workshop-dispatch-summary .p1 strong{
    color:#ff5962;
}

/* Liste */
.workshop-dispatch-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:10px;
}

/* Einzelne Dispatch-Karte */
.workshop-dispatch-card{
    position:relative;
    display:grid;
    grid-template-columns:62px minmax(0,1fr) 150px;
    align-items:center;
    gap:13px;
    min-height:88px;
    padding:11px 13px;
    background:
        linear-gradient(
            100deg,
            #171c22 0%,
            #12171c 100%
        );
    border:1px solid #303944;
    border-radius:9px;
    box-sizing:border-box;
    transition:
        border-color .15s ease,
        transform .15s ease,
        box-shadow .15s ease;
}

.workshop-dispatch-card:hover{
    transform:translateY(-1px);
    border-color:#48515c;
    box-shadow:0 8px 22px rgba(0,0,0,.25);
}

/* Priorität */
.workshop-dispatch-priority{
    height:54px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-right:1px solid #2b333c;
}

.workshop-dispatch-priority span{
    margin-bottom:3px;
    font-size:14px;
    line-height:1;
}

.workshop-dispatch-priority strong{
    color:#dce1e5;
    font-size:11px;
    font-weight:900;
    letter-spacing:.5px;
}

/* P1 */
.workshop-dispatch-card.p1{
    border-color:rgba(229,34,43,.62);
    background:
        linear-gradient(
            100deg,
            #251519 0%,
            #15191f 100%
        );
    box-shadow:
        inset 3px 0 0 #e5222b,
        0 0 20px rgba(229,34,43,.06);
}

/* P2 */
.workshop-dispatch-card.p2{
    box-shadow:inset 3px 0 0 #e5222b;
}

/* P3 */
.workshop-dispatch-card.p3{
    box-shadow:inset 3px 0 0 #68717b;
}

/* Hauptinformationen */
.workshop-dispatch-main{
    min-width:0;
}

.workshop-dispatch-title{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:5px;
    min-width:0;
}

.workshop-dispatch-title strong{
    color:#f0f2f4;
    font-size:13px;
    font-weight:850;
    white-space:nowrap;
}

.workshop-dispatch-title span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#a6b1bc;
    font-size:10px;
}

.workshop-dispatch-location{
    margin-bottom:5px;
    color:#aeb8c2;
    font-size:10px;
}

.workshop-dispatch-reason{
    display:flex;
    align-items:baseline;
    gap:6px;
    min-width:0;
    font-size:9px;
}

.workshop-dispatch-reason span{
    color:#687583;
}

.workshop-dispatch-reason strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#dce1e5;
    font-weight:700;
}

/* Rechte Statusspalte */
.workshop-dispatch-meta{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
    gap:6px;
    min-width:0;
    padding-left:12px;
    border-left:1px solid #29313a;
    text-align:right;
    color:#697683;
    font-size:8px;
}

.workshop-dispatch-meta strong{
    display:block;
    margin-top:1px;
    color:#e1e6eb;
    font-size:10px;
    font-weight:800;
}

/* Leerer Zustand */
.workshop-dispatch-empty{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    color:#707c88;
    font-size:11px;
}

.workshop-dispatch-empty span{
    margin-right:7px;
    color:#36c96a;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:900px){

    .workshop-dispatch-card{
        grid-template-columns:55px minmax(0,1fr);
    }

    .workshop-dispatch-meta{
        grid-column:2;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        border-left:0;
        border-top:1px solid #29313a;
        padding:7px 0 0;
        text-align:left;
    }

}

@media(max-width:600px){

    .workshop-dispatch-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .workshop-dispatch-summary{
        width:100%;
    }

    .workshop-dispatch-card{
        grid-template-columns:48px minmax(0,1fr);
    }

    .workshop-dispatch-priority{
        height:48px;
    }

}


/* ==========================================================
   RSC WERKSTATT-MONITOR – DISPATCH ÜBERNEHMEN
   ========================================================== */

.workshop-dispatch-take{
    margin:5px 0 0;
}

.workshop-dispatch-take button{
    width:100%;
    padding:6px 9px;
    border:1px solid #a51f28 !important;
    border-radius:6px;
    background:#e5222b !important;
    color:#fff !important;
    font-size:9px;
    font-weight:900;
    letter-spacing:.2px;
    cursor:pointer;
    transition:
        background .15s ease,
        border-color .15s ease,
        transform .1s ease;
}

.workshop-dispatch-take button:hover{
    background:#ff3b45 !important;
    border-color:#ff4b54 !important;
}

.workshop-dispatch-take button:active{
    transform:translateY(1px);
}


/* ==========================================================
   RSC WORKSHOP BACKGROUND
   ========================================================== */

body{
    position:relative;
    background:#080b0f !important;
}

/* Werkstattbild */
body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;

    background-image:
        linear-gradient(
            90deg,
            rgba(5,7,10,.96) 0%,
            rgba(5,7,10,.88) 32%,
            rgba(5,7,10,.70) 58%,
            rgba(5,7,10,.78) 100%
        ),
        url("rsc-workshop-bg.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    pointer-events:none;
}

/* zusätzlicher dunkler Schleier für gute Lesbarkeit */
body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;

    background:
        radial-gradient(
            ellipse at 75% 45%,
            rgba(229,34,43,.055) 0%,
            rgba(0,0,0,0) 42%
        ),
        rgba(4,6,9,.20);

    pointer-events:none;
}

/* Inhalt über dem Hintergrund */
.topbar,
.sidebar,
.content,
main{
    position:relative;
}



/* ==========================================================
   RSC DASHBOARD – STAT ICONS
   ========================================================== */

.rsc-stat-icon{
    width:48px;
    height:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            145deg,
            #21191b 0%,
            #15171b 100%
        ) !important;

    border:1px solid rgba(229,34,43,.35);
    border-radius:11px;

    color:#e5222b !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 0 18px rgba(229,34,43,.04);
}

.rsc-stat-icon svg{
    width:25px;
    height:25px;

    display:block;

    fill:none;
    stroke:#e5222b;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;

    filter:
        drop-shadow(
            0 0 5px
            rgba(229,34,43,.25)
        );
}

/* dezente rote Linie unter dem Icon */

.rsc-stat-icon::after{
    content:"";
    position:absolute;
    width:32px;
    height:2px;
    left:50%;
    bottom:-12px;
    transform:translateX(-50%);

    background:#e5222b;
    border-radius:2px;

    box-shadow:
        0 0 8px rgba(229,34,43,.18);
}

/* Container benötigt Position für die Linie */

.rsc-stat-card{
    position:relative;
}

.rsc-stat-icon{
    position:relative;
}

/* Hover */

.rsc-stat-card:hover .rsc-stat-icon{
    border-color:rgba(229,34,43,.65);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 22px rgba(229,34,43,.10);
}

.rsc-stat-card:hover .rsc-stat-icon svg{
    filter:
        drop-shadow(
            0 0 7px
            rgba(229,34,43,.45)
        );
}



/* ==========================================================
   RSC DASHBOARD – STAT CARD BACKGROUND
   Ersetzt die alten runden Dekorelemente
   ========================================================== */

.rsc-stat-card::after{
    content:"";

    position:absolute;

    right:-18px;
    bottom:-24px;

    width:210px;
    height:115px;

    border-radius:0;

    pointer-events:none;

    background:
        repeating-linear-gradient(
            -45deg,
            transparent 0px,
            transparent 13px,
            rgba(229,34,43,.035) 13px,
            rgba(229,34,43,.035) 15px
        );

    opacity:.9;

    transform:skewX(-8deg);

    z-index:0;
}


/* dezenter innerer Lichtverlauf */

.rsc-stat-card::before{
    content:"";

    position:absolute;

    right:0;
    bottom:0;

    width:260px;
    height:140px;

    pointer-events:none;

    background:
        radial-gradient(
            ellipse at bottom right,
            rgba(229,34,43,.055),
            transparent 68%
        );

    z-index:0;
}


/* Inhalt bleibt über dem Dekor */

.rsc-stat-card > *{
    position:relative;
    z-index:1;
}


/* ==========================================================
   EINHEITLICHE RSC-ICON-FARBEN
   ========================================================== */

.rsc-stat-card.gold .rsc-stat-icon,
.rsc-stat-card.blue .rsc-stat-icon,
.rsc-stat-card.orange .rsc-stat-icon,
.rsc-stat-card.green .rsc-stat-icon{
    color:#e5222b !important;

    background:
        linear-gradient(
            145deg,
            rgba(229,34,43,.10),
            rgba(20,23,27,.85)
        ) !important;

    border-color:
        rgba(229,34,43,.38) !important;
}

.rsc-stat-card.gold .rsc-stat-icon svg,
.rsc-stat-card.blue .rsc-stat-icon svg,
.rsc-stat-card.orange .rsc-stat-icon svg,
.rsc-stat-card.green .rsc-stat-icon svg{
    stroke:#e5222b !important;
}


/* ==========================================================
   HOVER
   ========================================================== */

.rsc-stat-card:hover::after{
    opacity:1;

    background:
        repeating-linear-gradient(
            -45deg,
            transparent 0px,
            transparent 13px,
            rgba(229,34,43,.055) 13px,
            rgba(229,34,43,.055) 15px
        );
}

.rsc-stat-card:hover::before{
    background:
        radial-gradient(
            ellipse at bottom right,
            rgba(229,34,43,.09),
            transparent 68%
        );
}


/* ==========================================================
   RSC DASHBOARD – TWITCH CARD
   ========================================================== */

.rsc-twitch-card{
    position:relative;
    display:flex;
    align-items:center;
    gap:16px;

    min-height:82px;
    margin:0 0 22px;
    padding:15px 18px;

    overflow:hidden;

    background:
        linear-gradient(
            100deg,
            rgba(21,25,31,.98),
            rgba(17,21,26,.96)
        );

    border:1px solid #303740;
    border-radius:14px;

    color:inherit;
    text-decoration:none;

    box-shadow:0 8px 24px rgba(0,0,0,.16);

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.rsc-twitch-card::after{
    content:"";

    position:absolute;
    right:-20px;
    bottom:-35px;

    width:230px;
    height:110px;

    pointer-events:none;

    background:
        repeating-linear-gradient(
            -45deg,
            transparent 0,
            transparent 13px,
            rgba(229,34,43,.035) 13px,
            rgba(229,34,43,.035) 15px
        );
}

.rsc-twitch-card:hover{
    transform:translateY(-1px);
    border-color:rgba(229,34,43,.55);

    box-shadow:
        0 12px 30px rgba(0,0,0,.25),
        0 0 20px rgba(229,34,43,.05);
}

.rsc-twitch-icon{
    position:relative;
    z-index:1;

    width:46px;
    height:46px;
    min-width:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            145deg,
            rgba(229,34,43,.13),
            rgba(20,23,27,.9)
        );

    border:1px solid rgba(229,34,43,.4);
    border-radius:10px;

    color:#e5222b;
}

.rsc-twitch-icon svg{
    width:23px;
    height:23px;

    fill:none;
    stroke:#e5222b;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.rsc-twitch-content{
    position:relative;
    z-index:1;

    display:flex;
    flex-direction:column;

    min-width:0;
}

.rsc-twitch-label{
    margin-bottom:3px;

    color:#e5222b;

    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.rsc-twitch-content strong{
    color:#f0f2f4;
    font-size:15px;
    font-weight:850;
}

.rsc-twitch-content small{
    margin-top:3px;
    color:#7f8994;
    font-size:10px;
}

.rsc-twitch-open{
    position:relative;
    z-index:1;

    margin-left:auto;
    padding:7px 11px;

    border:1px solid #3a4149;
    border-radius:7px;

    background:#0d1115;

    color:#cbd3da;
    font-size:9px;
    font-weight:800;

    white-space:nowrap;
}

.rsc-twitch-open span{
    margin-left:5px;
    color:#e5222b;
    font-size:12px;
}

.rsc-twitch-card:hover .rsc-twitch-open{
    border-color:#e5222b;
    color:#fff;
}

@media(max-width:600px){

    .rsc-twitch-card{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .rsc-twitch-open{
        width:100%;
        margin-left:62px;
        text-align:center;
    }

}



/* ==========================================================
   RSC MITARBEITER – AKTIONSBUTTONS
   ========================================================== */

.two table td:last-child {
    white-space: nowrap;
    vertical-align: middle;
    min-width: 190px;
}


/* Bearbeiten */

.two table td:last-child a.button.secondary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 92px;
    height: 34px;

    margin: 0 6px 0 0;
    padding: 0 12px;

    border: 1px solid rgba(229,34,43,.45) !important;
    border-radius: 8px !important;

    background:
        linear-gradient(
            145deg,
            rgba(229,34,43,.12),
            rgba(20,23,27,.95)
        ) !important;

    color: #f1f3f5 !important;

    font-size: 12px;
    font-weight: 800;

    text-decoration: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 4px 12px rgba(0,0,0,.18);

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


.two table td:last-child a.button.secondary::before {
    content: "✎";
    margin-right: 6px;
    color: #e5222b;
    font-size: 13px;
}


.two table td:last-child a.button.secondary:hover {
    border-color: #e5222b !important;

    background:
        linear-gradient(
            145deg,
            rgba(229,34,43,.22),
            rgba(20,23,27,.98)
        ) !important;

    box-shadow:
        0 0 16px rgba(229,34,43,.12),
        inset 0 1px 0 rgba(255,255,255,.04);

    transform: translateY(-1px);
}


/* ==========================================================
   BENUTZER LÖSCHEN
   ========================================================== */

.two table td:last-child form {
    display: inline-flex !important;
    margin: 0 !important;
}


.two table td:last-child form button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 92px;
    height: 34px;

    padding: 0 12px;

    border: 1px solid rgba(229,34,43,.65) !important;
    border-radius: 8px !important;

    background:
        linear-gradient(
            145deg,
            #e5222b,
            #b91822
        ) !important;

    color: #fff !important;

    font-size: 12px;
    font-weight: 850;

    box-shadow:
        0 5px 14px rgba(229,34,43,.14),
        inset 0 1px 0 rgba(255,255,255,.10);

    transition:
        background .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


.two table td:last-child form button::before {
    content: "▣";
    margin-right: 6px;
    font-size: 11px;
}


.two table td:last-child form button:hover {
    background:
        linear-gradient(
            145deg,
            #f02b35,
            #c91c26
        ) !important;

    box-shadow:
        0 0 18px rgba(229,34,43,.25),
        inset 0 1px 0 rgba(255,255,255,.12);

    transform: translateY(-1px);
}


/* ==========================================================
   WEBSTATUS – STATUS PILL
   ========================================================== */

.two table td:nth-last-child(2) {
    white-space: nowrap;
}


/* ==========================================================
   MITARBEITER-TABELLE
   ========================================================== */

.two table tr {
    transition: background .18s ease;
}


.two table tbody tr:hover,
.two table tr:hover {
    background: rgba(229,34,43,.025);
}


/* etwas mehr Platz für die Aktionen */

.two table th:last-child {
    min-width: 190px;
}



/* ==========================================================
   RSC DASHBOARD – WIDE DESKTOP LAYOUT
   ========================================================== */

.content:has(.rsc-dashboard){
    max-width:1900px;
}

.rsc-dashboard{
    max-width:1900px;
}


/* ==========================================================
   RSC DASHBOARD – LAGER KENNZAHLEN
   ========================================================== */

.rsc-stock-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}

.rsc-stock-stat{
    display:flex;
    flex-direction:column;
    gap:4px;

    padding:12px 14px;

    border:1px solid #252d36;
    border-radius:8px;

    background:
        linear-gradient(
            180deg,
            rgba(18,24,30,.94) 0%,
            rgba(11,15,19,.96) 100%
        );
}

.rsc-stock-stat span{
    color:#7c8791;
    font-size:10px;
    font-weight:800;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.rsc-stock-stat strong{
    color:#e5e9ed;
    font-size:20px;
    font-weight:900;
    line-height:1;
}

@media(max-width:700px){
    .rsc-stock-stats{
        grid-template-columns:1fr;
    }
}

/* ==========================================================
   RSC DASHBOARD – LAGER STATUSFARBEN
   ========================================================== */

.rsc-stock-stat-warning{
    border-color:rgba(245, 180, 35, .45);

    background:
        linear-gradient(
            180deg,
            rgba(52, 41, 14, .92) 0%,
            rgba(28, 23, 12, .96) 100%
        );
}

.rsc-stock-stat-warning span{
    color:#d6a63a;
}

.rsc-stock-stat-warning strong{
    color:#ffd66b;
}

.rsc-stock-stat-danger{
    border-color:rgba(220, 70, 70, .48);

    background:
        linear-gradient(
            180deg,
            rgba(50, 20, 23, .94) 0%,
            rgba(27, 13, 16, .97) 100%
        );
}

.rsc-stock-stat-danger span{
    color:#d77878;
}

.rsc-stock-stat-danger strong{
    color:#ff8f8f;
}

/* ==========================================================
   RSC DASHBOARD – BESTANDSWARNUNGEN
   ========================================================== */

.rsc-stock-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:12px;
}

.rsc-stock-item{
    display:grid;
    grid-template-columns:32px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;

    padding:10px 12px;

    border:1px solid rgba(220,70,70,.30);
    border-radius:8px;

    background:
        linear-gradient(
            90deg,
            rgba(55,18,22,.60) 0%,
            rgba(20,24,29,.94) 42%,
            rgba(16,21,26,.96) 100%
        );
}

.rsc-stock-warning{
    display:flex;
    align-items:center;
    justify-content:center;

    width:28px;
    height:28px;

    border-radius:7px;

    background:rgba(220,55,65,.15);
    border:1px solid rgba(220,70,70,.35);

    color:#ff626d;

    font-size:15px;
    font-weight:900;
}

.rsc-stock-info{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}

.rsc-stock-info strong{
    color:#e7ebef;

    font-size:12px;
    font-weight:800;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.rsc-stock-info span{
    color:#818c96;

    font-size:10px;
    font-weight:600;
}

.rsc-stock-level{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:4px 7px;

    border:1px solid rgba(220,70,70,.35);
    border-radius:999px;

    background:rgba(220,55,65,.12);

    color:#ef767e;

    font-size:8px;
    font-weight:900;
    letter-spacing:.7px;
}

@media(max-width:700px){

    .rsc-stock-item{
        grid-template-columns:30px minmax(0,1fr);
    }

    .rsc-stock-level{
        grid-column:2;
        justify-self:start;
    }

}

/* ==========================================================
   RSC LOGIN INTRO
   Powered by RAINWORKS Development
   ========================================================== */

.rsc-login-intro{
    position:fixed;
    inset:0;
    z-index:99999;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        radial-gradient(
            circle at center,
            rgba(20,38,55,.96) 0%,
            rgba(7,12,17,.99) 48%,
            #05080b 100%
        );

    opacity:1;
    visibility:visible;

    transition:
        opacity .65s ease,
        visibility .65s ease;
}

.rsc-login-intro::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(45,145,220,.08),
            transparent 38%
        );

    animation:rscIntroPulse 1.8s ease-in-out infinite;
}

.rsc-login-intro-inner{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    align-items:center;

    width:min(520px,85vw);

    text-align:center;
}

.rsc-login-intro-logo{
    opacity:0;
    transform:translateY(12px) scale(.94);

    animation:rscIntroLogo .65s ease forwards;
}

.rsc-login-intro-logo img{
    display:block;

    width:260px;
    max-width:70vw;
    height:auto;

    filter:
        drop-shadow(0 0 16px rgba(50,150,230,.15));
}

.rsc-login-intro-line{
    width:0;
    height:1px;

    margin:20px 0 16px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #369be3,
            transparent
        );

    box-shadow:0 0 12px rgba(54,155,227,.45);

    animation:rscIntroLine .65s .25s ease forwards;
}

.rsc-login-intro-title{
    color:#dce4ea;

    font-size:18px;
    font-weight:900;

    letter-spacing:4px;

    opacity:0;
    transform:translateY(8px);

    animation:rscIntroText .5s .4s ease forwards;
}

.rsc-login-intro-subtitle{
    margin-top:7px;

    color:#667785;

    font-size:10px;
    font-weight:700;

    letter-spacing:1.6px;
    text-transform:uppercase;

    opacity:0;

    animation:rscIntroText .5s .55s ease forwards;
}

.rsc-login-intro-loader{
    position:relative;

    width:210px;
    height:2px;

    margin-top:22px;

    overflow:hidden;

    border-radius:999px;

    background:rgba(255,255,255,.07);

    opacity:0;

    animation:rscIntroText .4s .65s ease forwards;
}

.rsc-login-intro-loader span{
    position:absolute;
    top:0;
    bottom:0;
    left:0;

    width:0;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #277ab8,
            #53b8ff
        );

    box-shadow:0 0 10px rgba(66,170,240,.65);

    animation:rscIntroLoad .75s .7s ease forwards;
}

.rsc-login-intro-hide{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}


/* Animationen */

@keyframes rscIntroLogo{
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes rscIntroLine{
    to{
        width:100%;
    }
}

@keyframes rscIntroText{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes rscIntroLoad{
    0%{
        width:0;
    }

    70%{
        width:82%;
    }

    100%{
        width:100%;
    }
}

@keyframes rscIntroPulse{
    0%,100%{
        opacity:.45;
    }

    50%{
        opacity:1;
    }
}

@media(max-width:700px){

    .rsc-login-intro-logo img{
        width:210px;
    }

    .rsc-login-intro-title{
        font-size:14px;
        letter-spacing:2.5px;
    }

    .rsc-login-intro-loader{
        width:170px;
    }

}

/* ==========================================================
   RWS DEVELOPMENT – LINK / HOVER
   ========================================================== */

.rws-development-link{
    text-decoration:none;
    color:inherit;

    transition:
        opacity .2s ease,
        filter .25s ease,
        transform .2s ease;
}

.rws-development-link:hover{
    opacity:1;
}

.rws-development-link:hover .rws-sidebar-real-logo,
.rws-development-link:hover .rsc-footer-rws-logo{
    filter:
        brightness(1.12)
        drop-shadow(0 0 8px rgba(55,155,225,.30));
}

.rws-sidebar-branding-final.rws-development-link:hover{
    transform:translateY(-1px);
}

.rsc-footer-brand.rws-development-link:hover{
    transform:translateY(-1px);
}

.rws-development-link:focus-visible{
    outline:1px solid rgba(55,155,225,.65);
    outline-offset:4px;
    border-radius:4px;
}

/* ==========================================================
   RSC DIENSTZEIT – PERSÖNLICHE DIENSTÜBERSICHT
   ========================================================== */

.rsc-clock-profile{
    display:grid;
    grid-template-columns:minmax(320px,.9fr) minmax(520px,1.35fr);
    gap:28px;
    align-items:stretch;
}

.rsc-clock-profile-main{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}

.rsc-clock-profile-main h2{
    margin-top:0;
}

.rsc-clock-profile-overview{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    align-self:center;
    width:100%;
}

.rsc-clock-profile-stat{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:92px;
    padding:14px 16px;
    box-sizing:border-box;

    border:1px solid #252d36;
    border-radius:9px;

    background:
        linear-gradient(
            180deg,
            rgba(18,24,30,.96) 0%,
            rgba(10,14,18,.98) 100%
        );

    overflow:hidden;
}

.rsc-clock-profile-stat::before{
    content:"";
    position:absolute;
    left:0;
    top:14px;
    bottom:14px;
    width:2px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(63,168,235,.25),
            rgba(63,168,235,.9),
            rgba(63,168,235,.25)
        );

    box-shadow:0 0 10px rgba(55,155,225,.22);
}

.rsc-clock-profile-stat span{
    display:block;
    margin-bottom:8px;

    color:#707d88;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.rsc-clock-profile-stat strong{
    display:block;

    color:#e0e6eb;
    font-size:15px;
    font-weight:900;
    line-height:1.25;
}

.rsc-clock-profile-stat:hover{
    border-color:rgba(55,155,225,.38);

    background:
        linear-gradient(
            180deg,
            rgba(21,30,38,.98) 0%,
            rgba(11,17,22,.98) 100%
        );
}

@media(max-width:1100px){

    .rsc-clock-profile{
        grid-template-columns:1fr;
        gap:18px;
    }

}

@media(max-width:760px){

    .rsc-clock-profile-overview{
        grid-template-columns:1fr;
    }

    .rsc-clock-profile-stat{
        min-height:74px;
    }

}


/* ==========================================================
   RSC DIENSTZEIT – AKTIVITÄTSBEWERTUNG
   ========================================================== */

.rsc-activity-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    padding:5px 9px;
    box-sizing:border-box;

    border:1px solid transparent;
    border-radius:999px;

    font-size:9px;
    font-weight:900;
    letter-spacing:.55px;
    text-transform:uppercase;
    white-space:nowrap;
}

/* Sehr aktiv */
.rsc-activity-very-active{
    color:#74e6a1;
    background:rgba(48,190,105,.12);
    border-color:rgba(48,190,105,.34);
    box-shadow:inset 0 0 12px rgba(48,190,105,.04);
}

/* Aktiv */
.rsc-activity-active{
    color:#70c5ff;
    background:rgba(55,155,225,.12);
    border-color:rgba(55,155,225,.34);
    box-shadow:inset 0 0 12px rgba(55,155,225,.04);
}

/* Gering aktiv */
.rsc-activity-low{
    color:#f2c765;
    background:rgba(220,165,45,.12);
    border-color:rgba(220,165,45,.34);
    box-shadow:inset 0 0 12px rgba(220,165,45,.04);
}

/* Keine Aktivität */
.rsc-activity-none{
    color:#ef7b83;
    background:rgba(210,65,75,.11);
    border-color:rgba(210,65,75,.30);
}

/* Mitarbeiter deaktiviert */
.rsc-activity-inactive{
    color:#818b94;
    background:rgba(120,130,140,.08);
    border-color:rgba(120,130,140,.22);
}


/* Kaum aktiv */
.rsc-activity-very-low{
    color:#e89a68;
    background:rgba(205,105,55,.11);
    border-color:rgba(205,105,55,.30);
    box-shadow:inset 0 0 12px rgba(205,105,55,.04);
}


/* ==========================================================
   RSC DIENSTZEIT – LEITUNGS-KENNZAHLEN
   ========================================================== */

.rsc-staff-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:0 0 14px;
}

.rsc-staff-summary-card{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:82px;
    padding:13px 15px;
    box-sizing:border-box;

    border:1px solid #252d36;
    border-radius:9px;

    background:
        linear-gradient(
            180deg,
            rgba(18,24,30,.96) 0%,
            rgba(10,14,18,.98) 100%
        );
}

.rsc-staff-summary-card::before{
    content:"";
    position:absolute;
    left:0;
    top:13px;
    bottom:13px;
    width:2px;

    border-radius:999px;
    background:rgba(55,155,225,.72);
    box-shadow:0 0 10px rgba(55,155,225,.18);
}

.rsc-staff-summary-card span{
    color:#75818b;
    font-size:9px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.rsc-staff-summary-card strong{
    margin-top:7px;
    color:#e4e9ed;
    font-size:20px;
    font-weight:900;
    line-height:1;
}

.rsc-staff-summary-card:hover{
    border-color:rgba(55,155,225,.34);

    background:
        linear-gradient(
            180deg,
            rgba(21,30,38,.98) 0%,
            rgba(11,17,22,.98) 100%
        );
}

@media(max-width:1100px){
    .rsc-staff-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px){
    .rsc-staff-summary{
        grid-template-columns:1fr;
    }
}



/* ==========================================================
   RSC GLOBAL – MOTION SYSTEM
   Dezente UI-Animationen für Seiten, Karten & Buttons
   ========================================================== */

@keyframes rsc-fade-up{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes rsc-soft-fade{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}


/* Seiteninhalt beim Laden */
.content{
    animation:rsc-soft-fade .28s ease-out both;
}


/* Karten */
.card{
    animation:rsc-fade-up .34s ease-out both;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

.card:hover{
    transform:translateY(-2px);
    box-shadow:
        0 10px 28px rgba(0,0,0,.22);
}


/* Dashboard-Karten leicht zeitversetzt */
.rsc-dashboard .card:nth-child(1){
    animation-delay:.02s;
}

.rsc-dashboard .card:nth-child(2){
    animation-delay:.05s;
}

.rsc-dashboard .card:nth-child(3){
    animation-delay:.08s;
}

.rsc-dashboard .card:nth-child(4){
    animation-delay:.11s;
}

.rsc-dashboard .card:nth-child(5){
    animation-delay:.14s;
}

.rsc-dashboard .card:nth-child(6){
    animation-delay:.17s;
}


/* Buttons */
.button,
button{
    transition:
        transform .15s ease,
        box-shadow .18s ease,
        filter .18s ease,
        border-color .18s ease,
        background-color .18s ease;
}

.button:hover,
button:hover{
    transform:translateY(-1px);
    filter:brightness(1.06);
}

.button:active,
button:active{
    transform:translateY(0) scale(.985);
}


/* Tabellenzeilen */
table tr{
    transition:
        background-color .16s ease,
        box-shadow .16s ease;
}


/* Formulare */
input,
select,
textarea{
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}


/* Barrierefreiheit:
   Animationen abschalten, wenn das Betriebssystem
   reduzierte Bewegung verlangt.
*/
@media (prefers-reduced-motion: reduce){

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }
}


/* ==========================================================
   RSC MOTION SYSTEM – STUFE 2
   Navigation · Status · Lagerwarnungen
   ========================================================== */


/* ----------------------------------------------------------
   SIDEBAR NAVIGATION
   ---------------------------------------------------------- */

.sidebar a{
    position:relative;

    transition:
        transform .18s ease,
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.sidebar a:hover{
    transform:translateX(3px);
}

.sidebar a.active{
    box-shadow:
        inset 4px 0 12px rgba(255,138,0,.08),
        0 0 18px rgba(255,138,0,.035);
}


/* Kleiner Lichtakzent am aktiven Menüpunkt */

@keyframes rsc-nav-glow{
    0%,100%{
        opacity:.45;
    }

    50%{
        opacity:1;
    }
}

.sidebar a.active::after{
    animation:rsc-nav-glow 3.2s ease-in-out infinite;
}


/* ----------------------------------------------------------
   STATUS BADGES
   ---------------------------------------------------------- */

.badge,
.rsc-activity-badge{
    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease;
}

.badge:hover,
.rsc-activity-badge:hover{
    transform:translateY(-1px) scale(1.025);
    filter:brightness(1.08);
}


/* Bezahlt / OK */

.badge.ok{
    box-shadow:
        0 0 0 rgba(47,184,110,0);
}

.badge.ok:hover{
    box-shadow:
        0 0 14px rgba(47,184,110,.18);
}


/* Offen / Warnung */

.badge.warn{
    box-shadow:
        0 0 0 rgba(223,170,61,0);
}

.badge.warn:hover{
    box-shadow:
        0 0 14px rgba(223,170,61,.18);
}


/* Storniert / Fehler */

.badge.danger{
    box-shadow:
        0 0 0 rgba(223,77,85,0);
}

.badge.danger:hover{
    box-shadow:
        0 0 14px rgba(223,77,85,.18);
}


/* ----------------------------------------------------------
   KRITISCHE LAGERBESTÄNDE
   ---------------------------------------------------------- */

@keyframes rsc-stock-critical-pulse{

    0%,100%{
        border-color:rgba(223,77,85,.28);
        box-shadow:
            0 0 0 rgba(223,77,85,0);
    }

    50%{
        border-color:rgba(223,77,85,.58);
        box-shadow:
            0 0 16px rgba(223,77,85,.10);
    }
}

.rsc-stock-warning{
    animation:
        rsc-stock-critical-pulse
        3.6s
        ease-in-out
        infinite;

    transition:
        transform .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.rsc-stock-warning:hover{
    transform:translateX(2px);
}


/* Lager-Kennzahl Warnungen */

.rsc-stock-stat-warning{
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.rsc-stock-stat-warning:hover{
    transform:translateY(-2px);

    box-shadow:
        0 8px 20px rgba(0,0,0,.18);
}


/* ----------------------------------------------------------
   REDUCED MOTION
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce){

    .sidebar a.active::after,
    .rsc-stock-warning{
        animation:none !important;
    }

}


/* ==========================================================
   RSC MOTION SYSTEM – STUFE 3
   Erfolgreiche Aktionen
   ========================================================== */

@keyframes rsc-success-enter{
    0%{
        opacity:0;
        transform:translateY(-8px) scale(.98);
        box-shadow:0 0 0 rgba(47,184,110,0);
    }

    55%{
        opacity:1;
        transform:translateY(1px) scale(1.005);
        box-shadow:0 0 24px rgba(47,184,110,.16);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
        box-shadow:0 8px 22px rgba(0,0,0,.16);
    }
}


@keyframes rsc-success-check{
    0%{
        opacity:0;
        transform:scale(.35) rotate(-18deg);
    }

    65%{
        opacity:1;
        transform:scale(1.12) rotate(2deg);
    }

    100%{
        opacity:1;
        transform:scale(1) rotate(0);
    }
}


.flash.success{
    position:relative;

    padding-left:50px;

    animation:
        rsc-success-enter
        .48s
        cubic-bezier(.2,.8,.2,1)
        both;

    overflow:hidden;
}


.flash.success::before{
    content:"✓";

    position:absolute;
    left:14px;
    top:50%;

    width:24px;
    height:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    transform:translateY(-50%);

    border-radius:50%;

    background:rgba(47,184,110,.16);
    border:1px solid rgba(75,220,140,.45);

    color:#75e4a6;

    font-size:15px;
    font-weight:900;

    box-shadow:
        0 0 14px rgba(47,184,110,.16);

    animation:
        rsc-success-check
        .42s
        .16s
        cubic-bezier(.2,.9,.3,1.3)
        both;
}


/* Lichtstreifen beim erfolgreichen Speichern */

.flash.success::after{
    content:"";

    position:absolute;
    top:0;
    bottom:0;
    left:-80px;

    width:55px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(117,228,166,.10),
            transparent
        );

    transform:skewX(-18deg);

    animation:rsc-success-shine .9s .15s ease-out both;
}


@keyframes rsc-success-shine{
    from{
        left:-80px;
    }

    to{
        left:110%;
    }
}


@media (prefers-reduced-motion: reduce){

    .flash.success,
    .flash.success::before,
    .flash.success::after{
        animation:none !important;
    }

}


/* ==========================================================
   RSC – WOCHENRECHNUNG ERSTELLT
   Große Erfolgsbestätigung
   ========================================================== */

@keyframes rsc-invoice-created-enter{
    0%{
        opacity:0;
        transform:translateY(-12px) scale(.985);
    }

    60%{
        opacity:1;
        transform:translateY(2px) scale(1.005);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes rsc-invoice-created-icon{
    0%{
        opacity:0;
        transform:scale(.3) rotate(-20deg);
    }

    65%{
        opacity:1;
        transform:scale(1.12) rotate(3deg);
    }

    100%{
        opacity:1;
        transform:scale(1) rotate(0);
    }
}

@keyframes rsc-invoice-created-glow{
    0%,100%{
        box-shadow:
            0 0 0 rgba(47,184,110,0);
    }

    50%{
        box-shadow:
            0 0 26px rgba(47,184,110,.16);
    }
}


.rsc-invoice-created{
    position:relative;

    display:flex;
    align-items:center;
    gap:16px;

    margin-bottom:18px;
    padding:16px 18px;

    overflow:hidden;

    border:1px solid rgba(47,184,110,.35);
    border-left:4px solid #2fb86e;

    border-radius:11px;

    background:
        linear-gradient(
            135deg,
            rgba(24,52,39,.96) 0%,
            rgba(18,27,24,.98) 55%,
            rgba(14,20,18,.98) 100%
        );

    animation:
        rsc-invoice-created-enter
        .55s
        cubic-bezier(.2,.85,.25,1)
        both;
}


.rsc-invoice-created::after{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(47,184,110,.10),
            transparent 34%
        );
}


.rsc-invoice-created-icon{
    position:relative;
    z-index:1;

    flex:0 0 46px;

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(47,184,110,.14);
    border:1px solid rgba(117,228,166,.42);

    animation:
        rsc-invoice-created-glow
        2.4s
        ease-in-out
        infinite;
}


.rsc-invoice-created-icon span{
    color:#75e4a6;

    font-size:24px;
    font-weight:900;
    line-height:1;

    animation:
        rsc-invoice-created-icon
        .5s
        .12s
        cubic-bezier(.2,.9,.3,1.3)
        both;
}


.rsc-invoice-created-content{
    position:relative;
    z-index:1;

    display:flex;
    flex-direction:column;
    gap:4px;

    min-width:0;
}


.rsc-invoice-created-label{
    color:#75e4a6;

    font-size:10px;
    font-weight:900;
    letter-spacing:1.2px;
}


.rsc-invoice-created-content strong{
    color:#eef5f1;

    font-size:15px;
    font-weight:800;
    line-height:1.35;
}


.rsc-invoice-created-content small{
    color:#8fa198;

    font-size:12px;
}


@media(max-width:650px){

    .rsc-invoice-created{
        align-items:flex-start;
    }

    .rsc-invoice-created-icon{
        flex-basis:40px;

        width:40px;
        height:40px;
    }

}


@media (prefers-reduced-motion: reduce){

    .rsc-invoice-created,
    .rsc-invoice-created-icon,
    .rsc-invoice-created-icon span{
        animation:none !important;
    }

}

/* =========================================================
   RSC DIGITALES BETRIEBSBUCH
   ========================================================= */

.rsc-operating-log{
    max-width:1900px;
    margin:0 auto;
}

/* ---------- Überschriften ---------- */

.rsc-log-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
}

.rsc-log-section-head h2{
    margin:4px 0 0;
}

.rsc-log-kicker{
    display:block;
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#8c98aa;
}

/* ---------- Eingabeformular ---------- */

.rsc-log-create{
    position:relative;
    overflow:hidden;
}

.rsc-log-create::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,.85),
        rgba(255,255,255,.08)
    );
}

.rsc-log-form-grid{
    display:grid;
    grid-template-columns:
        minmax(260px,1.6fr)
        minmax(190px,.9fr)
        minmax(150px,.7fr)
        minmax(160px,.75fr)
        minmax(220px,1fr);
    gap:16px;
    align-items:end;
}

.rsc-log-form-grid label,
.rsc-log-description{
    display:flex;
    flex-direction:column;
    gap:8px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.03em;
    color:#aeb7c5;
}

.rsc-log-description{
    margin-top:18px;
}

.rsc-log-description textarea{
    min-height:130px;
    resize:vertical;
    line-height:1.55;
}

.rsc-log-form-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:18px;
}

/* ---------- Leerer Zustand ---------- */

.rsc-log-empty{
    min-height:180px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:7px;
    color:#7f8a99;
}

.rsc-log-empty::before{
    content:"▧";
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    margin-bottom:5px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:rgba(255,255,255,.025);
    font-size:24px;
}

.rsc-log-empty strong{
    color:#d9dee7;
    font-size:15px;
}

/* ---------- Timeline ---------- */

.rsc-log-timeline{
    position:relative;
    padding:4px 0 4px 16px;
}

.rsc-log-timeline::before{
    content:"";
    position:absolute;
    top:8px;
    bottom:8px;
    left:26px;
    width:1px;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,.18),
        rgba(255,255,255,.05)
    );
}

.rsc-log-entry{
    position:relative;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    gap:18px;
    padding-bottom:22px;
}

.rsc-log-entry:last-child{
    padding-bottom:0;
}

/* ---------- Timeline Marker ---------- */

.rsc-log-marker{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    padding-top:22px;
}

.rsc-log-marker span{
    display:block;
    width:11px;
    height:11px;
    border-radius:50%;
    background:#7f8a99;
    border:3px solid #171b22;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.16),
        0 0 10px rgba(255,255,255,.08);
}

.rsc-log-entry.important .rsc-log-marker span{
    background:#d9a72e;
    box-shadow:
        0 0 0 1px rgba(217,167,46,.35),
        0 0 14px rgba(217,167,46,.22);
}

.rsc-log-entry.critical .rsc-log-marker span{
    background:#d94c4c;
    box-shadow:
        0 0 0 1px rgba(217,76,76,.40),
        0 0 16px rgba(217,76,76,.28);
}

/* ---------- Timeline Karte ---------- */

.rsc-log-entry-card{
    position:relative;
    padding:20px 22px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:12px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.032),
            rgba(255,255,255,.012)
        );
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.rsc-log-entry-card:hover{
    transform:translateX(3px);
    border-color:rgba(255,255,255,.14);
    box-shadow:0 8px 24px rgba(0,0,0,.18);
}

.rsc-log-entry.important .rsc-log-entry-card{
    border-left:3px solid rgba(217,167,46,.75);
}

.rsc-log-entry.critical .rsc-log-entry-card{
    border-left:3px solid rgba(217,76,76,.82);
}

/* ---------- Eintragskopf ---------- */

.rsc-log-entry-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.rsc-log-entry-top h3{
    margin:7px 0 0;
    font-size:17px;
    line-height:1.35;
    color:#f0f3f7;
}

.rsc-log-entry-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px 13px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#7f8998;
}

.rsc-log-entry-meta span + span::before{
    content:"•";
    margin-right:13px;
    color:#49515d;
}

/* ---------- Text ---------- */

.rsc-log-content{
    margin-top:16px;
    padding-top:15px;
    border-top:1px solid rgba(255,255,255,.055);
    color:#c9d0da;
    line-height:1.65;
    font-size:14px;
}

/* ---------- Fußzeile ---------- */

.rsc-log-entry-footer{
    display:flex;
    flex-wrap:wrap;
    gap:9px 24px;
    margin-top:17px;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.045);
    font-size:11px;
    color:#737e8e;
}

.rsc-log-entry-footer strong{
    color:#aeb8c6;
    font-weight:700;
}

/* ---------- Priorität ---------- */

.rsc-log-priority{
    flex:0 0 auto;
}

/* ---------- Animation ---------- */

@keyframes rsc-log-entry-in{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.rsc-log-entry{
    animation:rsc-log-entry-in .32s ease-out both;
}

.rsc-log-entry:nth-child(1){ animation-delay:.03s; }
.rsc-log-entry:nth-child(2){ animation-delay:.06s; }
.rsc-log-entry:nth-child(3){ animation-delay:.09s; }
.rsc-log-entry:nth-child(4){ animation-delay:.12s; }
.rsc-log-entry:nth-child(5){ animation-delay:.15s; }
.rsc-log-entry:nth-child(6){ animation-delay:.18s; }

/* ---------- Responsive ---------- */

@media (max-width:1400px){

    .rsc-log-form-grid{
        grid-template-columns:
            repeat(2,minmax(220px,1fr));
    }

}

@media (max-width:760px){

    .rsc-log-form-grid{
        grid-template-columns:1fr;
    }

    .rsc-log-form-footer,
    .rsc-log-section-head,
    .rsc-log-entry-top{
        flex-direction:column;
        align-items:stretch;
    }

    .rsc-log-timeline{
        padding-left:0;
    }

    .rsc-log-timeline::before{
        left:10px;
    }

    .rsc-log-entry{
        grid-template-columns:20px minmax(0,1fr);
        gap:10px;
    }

    .rsc-log-entry-card{
        padding:17px;
    }

}

@media (prefers-reduced-motion: reduce){

    .rsc-log-entry{
        animation:none !important;
    }

    .rsc-log-entry-card{
        transition:none !important;
    }

}


/* =========================================================
   RSC BETRIEBSBUCH – STATUS
   ========================================================= */

.rsc-log-status-control{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.rsc-log-status-control form{
    margin:0;
}

.rsc-log-status-select{
    appearance:none;
    -webkit-appearance:none;
    min-width:94px;
    height:28px;
    padding:0 24px 0 10px;
    border-radius:7px;
    border:1px solid rgba(255,255,255,.10);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.018)
        );
    color:#c8d0db;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
}

.rsc-log-status-select:hover{
    border-color:rgba(255,255,255,.18);
}

.rsc-log-status-select:focus{
    outline:none;
    border-color:rgba(255,255,255,.24);
    box-shadow:0 0 0 2px rgba(255,255,255,.035);
}


/* =========================================================
   RSC BETRIEBSBUCH – SUCHE & FILTER
   ========================================================= */

.rsc-log-filter{
    margin-top:18px;
}

.rsc-log-filter-form{
    display:grid;
    grid-template-columns:
        minmax(280px,1.6fr)
        minmax(180px,.9fr)
        minmax(160px,.8fr)
        minmax(150px,.75fr)
        minmax(170px,.8fr)
        auto;
    gap:14px;
    align-items:end;
}

.rsc-log-filter-form label{
    display:flex;
    flex-direction:column;
    gap:8px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.03em;
    color:#aeb7c5;
}

.rsc-log-search-field{
    min-width:0;
}

.rsc-log-filter-action{
    display:flex;
    align-items:flex-end;
}

.rsc-log-filter-action .button{
    white-space:nowrap;
    min-height:38px;
}

@media (max-width:1450px){

    .rsc-log-filter-form{
        grid-template-columns:
            repeat(3,minmax(200px,1fr));
    }

}

@media (max-width:900px){

    .rsc-log-filter-form{
        grid-template-columns:
            repeat(2,minmax(180px,1fr));
    }

}

@media (max-width:620px){

    .rsc-log-filter-form{
        grid-template-columns:1fr;
    }

    .rsc-log-filter-action .button{
        width:100%;
    }

}


/* =========================================================
   RSC BETRIEBSBUCH – BEARBEITEN
   ========================================================= */

.rsc-log-edit{
    margin-top:16px;
    border-top:1px solid rgba(255,255,255,.05);
    padding-top:14px;
}

.rsc-log-edit summary{
    display:inline-flex;
    align-items:center;
    gap:7px;
    cursor:pointer;
    list-style:none;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    color:#aeb8c6;
    user-select:none;
}

.rsc-log-edit summary::-webkit-details-marker{
    display:none;
}

.rsc-log-edit summary:hover{
    color:#f0f3f7;
}

.rsc-log-edit[open] summary{
    margin-bottom:15px;
}

.rsc-log-edit-form{
    padding:16px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px;
    background:rgba(255,255,255,.018);
}

.rsc-log-edit-grid{
    display:grid;
    grid-template-columns:
        minmax(260px,1.5fr)
        minmax(180px,.9fr)
        minmax(150px,.7fr)
        minmax(160px,.8fr)
        minmax(220px,1fr);
    gap:14px;
}

.rsc-log-edit-grid label,
.rsc-log-edit-description{
    display:flex;
    flex-direction:column;
    gap:7px;
    font-size:11px;
    font-weight:700;
    color:#aeb7c5;
}

.rsc-log-edit-description{
    margin-top:14px;
}

.rsc-log-edit-description textarea{
    resize:vertical;
    min-height:110px;
    line-height:1.55;
}

.rsc-log-edit-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:14px;
}

@media (max-width:1400px){

    .rsc-log-edit-grid{
        grid-template-columns:
            repeat(2,minmax(220px,1fr));
    }

}

@media (max-width:760px){

    .rsc-log-edit-grid{
        grid-template-columns:1fr;
    }

    .rsc-log-edit-footer{
        flex-direction:column;
        align-items:stretch;
    }

    .rsc-log-edit-footer .button{
        width:100%;
    }

}


/* =========================================================
   RSC BETRIEBSBUCH – KENNZAHLEN
   ========================================================= */

.rsc-log-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:0 0 18px;
}

.rsc-log-stat{
    position:relative;
    overflow:hidden;
    min-height:118px;
    padding:18px 20px;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.rsc-log-stat:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.13);
}

.rsc-log-stat::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:rgba(255,255,255,.18);
}

.rsc-log-stat-label{
    margin-bottom:7px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#9ca8b7;
}

.rsc-log-stat-value{
    font-size:31px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.03em;
    color:#f4f6f8;
}

.rsc-log-stat-note{
    margin-top:9px;
    font-size:12px;
    color:#7f8b99;
}


/* Offene Aufmerksamkeit hervorheben */

.rsc-log-stat-alert{
    border-color:rgba(255,48,65,.35);
    box-shadow:
        inset 0 0 28px rgba(255,32,50,.035),
        0 0 20px rgba(255,32,50,.025);
}

.rsc-log-stat-alert::before{
    background:#ff263c;
    box-shadow:0 0 12px rgba(255,38,60,.55);
}

.rsc-log-stat-alert .rsc-log-stat-value{
    color:#ff4658;
}


/* =========================================================
   Betriebsbuch – automatischer Zeit/Autor Hinweis
   ========================================================= */

.rsc-operating-log form .muted{
    color:#8995a4 !important;
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width:1250px){

    .rsc-log-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media (max-width:650px){

    .rsc-log-stats{
        grid-template-columns:1fr;
    }

}

@media (prefers-reduced-motion:reduce){

    .rsc-log-stat{
        transition:none;
    }

    .rsc-log-stat:hover{
        transform:none;
    }

}

/* Betriebsbuch – automatischer Speicherhinweis */
.rsc-operating-log .rsc-log-form-footer > span.muted{
    color:#8995a4 !important;
}


/* =========================================================
   RSC BETRIEBSBUCH – WOCHENBERICHT
   ========================================================= */

.rsc-log-weekly{
    margin-top:18px;
    margin-bottom:18px;
    overflow:hidden;
}

.rsc-log-weekly .rsc-log-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}

.rsc-log-weekly h2{
    margin:5px 0 4px;
}

.rsc-log-week-select{
    display:flex;
    align-items:flex-end;
}

.rsc-log-week-select label{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:190px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#8995a4;
}

.rsc-log-week-select input[type="week"]{
    width:100%;
    min-height:42px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;
    background:rgba(0,0,0,.22);
    color:#eef3f8;
    font:inherit;
    text-transform:none;
    letter-spacing:normal;
    outline:none;
    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.rsc-log-week-select input[type="week"]:hover{
    border-color:rgba(255,255,255,.18);
}

.rsc-log-week-select input[type="week"]:focus{
    border-color:rgba(88,166,255,.65);
    background:rgba(0,0,0,.30);
    box-shadow:0 0 0 3px rgba(88,166,255,.10);
}


/* Kennzahlen */

.rsc-log-week-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
}

.rsc-log-week-stat{
    position:relative;
    min-width:0;
    padding:17px 16px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:11px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.012)
        );
    overflow:hidden;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.rsc-log-week-stat:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.14);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );
}

.rsc-log-week-stat > span{
    display:block;
    margin-bottom:8px;
    color:#8995a4;
    font-size:11px;
    font-weight:800;
    letter-spacing:.065em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.rsc-log-week-stat > strong{
    display:block;
    margin-bottom:5px;
    color:#f5f8fb;
    font-size:27px;
    line-height:1;
    font-weight:800;
}

.rsc-log-week-stat > small{
    display:block;
    color:#6f7b89;
    font-size:11px;
    line-height:1.35;
}


/* Kritische Wochenereignisse */

.rsc-log-week-critical{
    border-color:rgba(255,82,82,.32);
    background:
        linear-gradient(
            145deg,
            rgba(255,82,82,.10),
            rgba(255,82,82,.025)
        );
}

.rsc-log-week-critical > strong{
    color:#ff6b6b;
}

.rsc-log-week-critical::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background:rgba(255,82,82,.70);
}


/* Footer */

.rsc-log-week-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.065);
    font-size:12px;
}

.rsc-log-week-footer strong{
    color:#dce5ee;
}


/* Responsive */

@media (max-width:1350px){

    .rsc-log-week-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:800px){

    .rsc-log-weekly .rsc-log-section-head{
        flex-direction:column;
    }

    .rsc-log-week-select{
        width:100%;
    }

    .rsc-log-week-select label{
        width:100%;
    }

    .rsc-log-week-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .rsc-log-week-footer{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }
}

@media (max-width:520px){

    .rsc-log-week-grid{
        grid-template-columns:1fr;
    }
}

@media (prefers-reduced-motion:reduce){

    .rsc-log-week-stat,
    .rsc-log-week-select input[type="week"]{
        transition:none;
    }

    .rsc-log-week-stat:hover{
        transform:none;
    }
}


/* =========================================================
   RSC BETRIEBSBUCH – WOCHENEINTRÄGE
   ========================================================= */

.rsc-log-week-entries{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:18px;
}

.rsc-log-week-entry{
    position:relative;
    padding:15px 16px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px;
    background:rgba(255,255,255,.018);
    overflow:hidden;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.rsc-log-week-entry:hover{
    transform:translateY(-1px);
    border-color:rgba(255,255,255,.13);
    background:rgba(255,255,255,.028);
}

.rsc-log-week-entry::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:3px;
    height:100%;
    background:rgba(255,255,255,.10);
}

.rsc-log-week-entry-important::before{
    background:#f0ad4e;
}

.rsc-log-week-entry-critical::before{
    background:#ff4d4d;
}

.rsc-log-week-entry-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
}

.rsc-log-week-entry-head time{
    display:block;
    margin-bottom:4px;
    color:#7f8b98;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
}

.rsc-log-week-entry-head h3{
    margin:0;
    color:#f1f4f7;
    font-size:15px;
    line-height:1.35;
}

.rsc-log-week-entry-badges{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
}

.rsc-log-week-entry-badges .badge{
    white-space:nowrap;
}

.rsc-log-week-priority-important{
    border-color:rgba(240,173,78,.35) !important;
    color:#f0ad4e !important;
    background:rgba(240,173,78,.08) !important;
}

.rsc-log-week-priority-critical{
    border-color:rgba(255,77,77,.38) !important;
    color:#ff6b6b !important;
    background:rgba(255,77,77,.09) !important;
}

.rsc-log-week-entry-content{
    margin-top:12px;
    color:#c2cbd4;
    font-size:13px;
    line-height:1.6;
}

.rsc-log-week-entry-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 20px;
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.055);
    color:#7f8b98;
    font-size:11px;
}

.rsc-log-week-entry-meta strong{
    color:#cdd6df;
}

.rsc-log-week-empty{
    padding:24px;
    border:1px dashed rgba(255,255,255,.09);
    border-radius:10px;
    color:#778390;
    text-align:center;
    background:rgba(255,255,255,.012);
}

@media (max-width:900px){

    .rsc-log-week-entry-head{
        flex-direction:column;
    }

    .rsc-log-week-entry-badges{
        justify-content:flex-start;
    }
}

@media (prefers-reduced-motion:reduce){

    .rsc-log-week-entry{
        transition:none;
    }

    .rsc-log-week-entry:hover{
        transform:none;
    }
}


/* RSC Betriebsbuch Wochenbericht Druckbutton */
.rsc-log-weekly .rsc-log-section-head > .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    min-width:276px;
    min-height:48px;

    padding:12px 22px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            #f12632 0%,
            #ed1c2b 58%,
            #d91422 100%
        ) !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-size:14px;
    font-weight:900;
    line-height:1.2;

    text-decoration:none !important;
    white-space:nowrap;

    box-shadow:
        0 8px 22px rgba(237,28,43,.20),
        inset 0 1px 0 rgba(255,255,255,.12);

    text-shadow:
        0 1px 2px rgba(0,0,0,.25);

    cursor:pointer;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

.rsc-log-weekly .rsc-log-section-head > .btn:hover{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    transform:translateY(-2px);

    filter:brightness(1.06);

    box-shadow:
        0 11px 28px rgba(237,28,43,.28),
        inset 0 1px 0 rgba(255,255,255,.14);
}

.rsc-log-weekly .rsc-log-section-head > .btn:active{
    transform:translateY(0);
}

.rsc-log-weekly .rsc-log-section-head > .btn:focus-visible{
    outline:3px solid rgba(237,28,43,.30);
    outline-offset:3px;
}

@media(max-width:900px){
    .rsc-log-weekly .rsc-log-section-head > .btn{
        width:100%;
        min-width:0;
    }
}

@media(prefers-reduced-motion:reduce){
    .rsc-log-weekly .rsc-log-section-head > .btn{
        transition:none;
    }
}