@import '_content/Spl.Shared.LogPanel/Spl.Shared.LogPanel.5r7z5reb7t.bundle.scp.css';

/* /Components/OrderManagement/OrderManagementLayout.razor.rz.scp.css */
/* Auftragswesen-Feature – nutzt durchgängig die FlowDesk-Theme-Tokens (--fd-*) und folgt damit
   automatisch jedem Design (Government, Premium, Glass …) + Dark/Light.
   Styling der Sub-Komponenten via ::deep, damit das Feature seine Optik selbst kapselt. */
/* Volle Breite des Content-Bereichs (wie gp-container / filter-page); das umgebende
   .content-wrapper liefert bereits das Außenpadding. */
.beleg-mod[b-xwwb96kvjv] { width: 100%; margin: 0; padding: 0 0 24px; }

.beleg-mod[b-xwwb96kvjv]  .mod-head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.beleg-mod[b-xwwb96kvjv]  .mod-mark { width: 44px; height: 44px; border-radius: var(--fd-radius); background: linear-gradient(125deg, var(--fd-primary), var(--fd-info)); display: grid; place-items: center; color: #fff; font-size: 22px; box-shadow: var(--fd-elevation-2); }
.beleg-mod[b-xwwb96kvjv]  .mod-title { font-size: 22px; font-weight: 700; letter-spacing: -.3px; color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  .mod-sub { font-size: 12.5px; color: var(--fd-text-secondary); margin-top: 1px; }
.beleg-mod[b-xwwb96kvjv]  .spacer { flex: 1; }

.beleg-mod[b-xwwb96kvjv]  .search-input { width: 320px; max-width: 40vw; padding: 9px 13px; border: var(--fd-border-width) solid var(--fd-input-border); border-radius: var(--fd-radius); background: var(--fd-input-bg); color: var(--fd-text); font: inherit; font-size: 13.5px; outline: none; transition: border-color .15s, box-shadow .15s; }
.beleg-mod[b-xwwb96kvjv]  .search-input::placeholder { color: var(--fd-text-tertiary); }
.beleg-mod[b-xwwb96kvjv]  .search-input:focus { border-color: var(--fd-primary); box-shadow: var(--fd-focus-ring); }

.beleg-mod[b-xwwb96kvjv]  .btn { border: none; border-radius: var(--fd-radius); padding: 9px 15px; font-size: 13.5px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; transition: .15s; font-family: inherit; }
.beleg-mod[b-xwwb96kvjv]  .btn-primary { background: var(--fd-primary); color: var(--fd-on-primary); }
.beleg-mod[b-xwwb96kvjv]  .btn-primary:hover { background: var(--fd-primary-hover); }
.beleg-mod[b-xwwb96kvjv]  .btn-primary:disabled { opacity: .5; cursor: not-allowed; }
.beleg-mod[b-xwwb96kvjv]  .btn-ghost { background: var(--fd-bg-alt); color: var(--fd-text-secondary); border: var(--fd-border-width) solid var(--fd-border); }
.beleg-mod[b-xwwb96kvjv]  .btn-ghost:hover { background: var(--fd-hover); }

.beleg-mod[b-xwwb96kvjv]  .subnav { display: flex; gap: 4px; border-bottom: var(--fd-border-width) solid var(--fd-border); margin-bottom: 24px; }
.beleg-mod[b-xwwb96kvjv]  .subnav button { appearance: none; background: none; border: none; font: inherit; font-size: 14px; font-weight: 600; color: var(--fd-text-secondary); padding: 11px 16px; cursor: pointer; position: relative; border-radius: var(--fd-radius) var(--fd-radius) 0 0; display: flex; align-items: center; gap: 8px; }
.beleg-mod[b-xwwb96kvjv]  .subnav button:hover { color: var(--fd-text); background: var(--fd-bg-alt); }
.beleg-mod[b-xwwb96kvjv]  .subnav button.active { color: var(--fd-primary); }
.beleg-mod[b-xwwb96kvjv]  .subnav button.active::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2.5px; background: linear-gradient(90deg, var(--fd-primary), var(--fd-info)); border-radius: 3px; }
.beleg-mod[b-xwwb96kvjv]  .pill { font-size: 11px; font-weight: 700; background: var(--fd-bg-muted); color: var(--fd-text-secondary); border-radius: 20px; padding: 1px 8px; }

.beleg-mod[b-xwwb96kvjv]  .ladehinweis, .beleg-mod[b-xwwb96kvjv]  .leer { color: var(--fd-text-tertiary); font-size: 13px; padding: 14px 2px; }
.beleg-mod[b-xwwb96kvjv]  .leer-gross { text-align: center; color: var(--fd-text-tertiary); font-size: 15px; line-height: 2; padding: 50px 0; }
.beleg-mod[b-xwwb96kvjv]  .sec { font-size: 13px; text-transform: uppercase; letter-spacing: .6px; color: var(--fd-text-tertiary); margin: 28px 0 12px; font-weight: 700; }

.beleg-mod[b-xwwb96kvjv]  .kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.beleg-mod[b-xwwb96kvjv]  .kpi { background: var(--fd-surface); border: var(--fd-border-width) solid var(--fd-border); border-radius: var(--fd-radius-lg); padding: 16px 18px; box-shadow: var(--fd-elevation-1); position: relative; overflow: hidden; }
.beleg-mod[b-xwwb96kvjv]  .kpi::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--accent, var(--fd-primary)); }
.beleg-mod[b-xwwb96kvjv]  .kpi-label { font-size: 12px; color: var(--fd-text-secondary); font-weight: 600; }
.beleg-mod[b-xwwb96kvjv]  .kpi-val { font-size: 27px; font-weight: 700; letter-spacing: -.5px; margin-top: 7px; color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  .kpi-foot { font-size: 11.5px; margin-top: 6px; color: var(--fd-text-tertiary); display: flex; align-items: center; gap: 5px; }
.beleg-mod[b-xwwb96kvjv]  .trend { font-weight: 700; border-radius: var(--fd-radius-sm); padding: 1px 6px; font-size: 11px; }
.beleg-mod[b-xwwb96kvjv]  .trend.up { color: var(--fd-success); background: var(--fd-success-soft); }
.beleg-mod[b-xwwb96kvjv]  .trend.down { color: var(--fd-danger); background: var(--fd-danger-soft); }

.beleg-mod[b-xwwb96kvjv]  .dash { display: grid; grid-template-columns: 1.6fr 1fr; gap: 18px; margin-top: 18px; }
.beleg-mod[b-xwwb96kvjv]  .panel { background: var(--fd-surface); border: var(--fd-border-width) solid var(--fd-border); border-radius: var(--fd-radius-lg); padding: 18px 20px; box-shadow: var(--fd-elevation-1); }
.beleg-mod[b-xwwb96kvjv]  .tablepanel { padding: 8px 14px; }
.beleg-mod[b-xwwb96kvjv]  .panel-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.beleg-mod[b-xwwb96kvjv]  .panel-h h3 { margin: 0; font-size: 15px; font-weight: 700; color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  .muted { font-size: 12px; color: var(--fd-text-tertiary); }

.beleg-mod[b-xwwb96kvjv]  .chart { display: flex; align-items: flex-end; gap: 10px; height: 170px; padding-top: 8px; }
.beleg-mod[b-xwwb96kvjv]  .bar-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 7px; height: 100%; justify-content: flex-end; }
.beleg-mod[b-xwwb96kvjv]  .bar { width: 100%; max-width: 34px; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg, var(--fd-info), var(--fd-primary)); transition: .2s; }
.beleg-mod[b-xwwb96kvjv]  .bar.muted { background: var(--fd-bg-muted); }
.beleg-mod[b-xwwb96kvjv]  .bar:hover { filter: brightness(1.1); }
.beleg-mod[b-xwwb96kvjv]  .bar-lbl { font-size: 10.5px; color: var(--fd-text-tertiary); font-weight: 600; }

.beleg-mod[b-xwwb96kvjv]  .list { display: flex; flex-direction: column; }
.beleg-mod[b-xwwb96kvjv]  .row { display: flex; align-items: center; gap: 12px; padding: 10px 2px; border-bottom: var(--fd-border-width) solid var(--fd-border); }
.beleg-mod[b-xwwb96kvjv]  .row:last-child { border-bottom: none; }
.beleg-mod[b-xwwb96kvjv]  .avatar { width: 34px; height: 34px; border-radius: var(--fd-radius); display: grid; place-items: center; font-size: 15px; background: var(--fd-accent-soft); flex: none; }
.beleg-mod[b-xwwb96kvjv]  .grow { flex: 1; min-width: 0; }
.beleg-mod[b-xwwb96kvjv]  .t { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  .s { font-size: 11.5px; color: var(--fd-text-tertiary); }
.beleg-mod[b-xwwb96kvjv]  .amt { font-size: 13.5px; font-weight: 700; white-space: nowrap; color: var(--fd-text); }

.beleg-mod[b-xwwb96kvjv]  .badge { font-size: 11px; font-weight: 700; border-radius: var(--fd-radius-sm); padding: 2px 8px; white-space: nowrap; }
.beleg-mod[b-xwwb96kvjv]  .b-open { color: var(--fd-info); background: var(--fd-info-soft); }
.beleg-mod[b-xwwb96kvjv]  .b-paid { color: var(--fd-success); background: var(--fd-success-soft); }
.beleg-mod[b-xwwb96kvjv]  .b-over { color: var(--fd-danger); background: var(--fd-danger-soft); }
.beleg-mod[b-xwwb96kvjv]  .b-draft { color: var(--fd-text-secondary); background: var(--fd-bg-muted); }

.beleg-mod[b-xwwb96kvjv]  .tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.beleg-mod[b-xwwb96kvjv]  .tile { background: var(--fd-surface); border: var(--fd-border-width) solid var(--fd-border); border-radius: var(--fd-radius-lg); padding: 18px; box-shadow: var(--fd-elevation-1); cursor: pointer; transition: .18s; position: relative; overflow: hidden; }
.beleg-mod[b-xwwb96kvjv]  .tile:hover { transform: translateY(-3px); box-shadow: var(--fd-elevation-3); border-color: var(--tint, var(--fd-primary)); }
.beleg-mod[b-xwwb96kvjv]  .tile-top { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.beleg-mod[b-xwwb96kvjv]  .tile-ico { width: 46px; height: 46px; border-radius: var(--fd-radius); display: grid; place-items: center; font-size: 23px; color: #fff; background: var(--tint, var(--fd-primary)); flex: none; }
.beleg-mod[b-xwwb96kvjv]  .tile-name { font-size: 16px; font-weight: 700; color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  .tile-name .sub { font-size: 11.5px; color: var(--fd-text-tertiary); font-weight: 500; }
.beleg-mod[b-xwwb96kvjv]  .tile-count { margin-left: auto; font-size: 30px; font-weight: 800; letter-spacing: -1px; color: var(--tint, var(--fd-primary)); }
.beleg-mod[b-xwwb96kvjv]  .tile-stats { display: flex; gap: 8px; flex-wrap: wrap; }
.beleg-mod[b-xwwb96kvjv]  .chip { font-size: 11.5px; font-weight: 600; border-radius: var(--fd-radius-sm); padding: 4px 9px; background: var(--fd-bg-alt); color: var(--fd-text-secondary); display: flex; align-items: center; gap: 5px; border: var(--fd-border-width) solid var(--fd-border); }
.beleg-mod[b-xwwb96kvjv]  .chip .dot { width: 7px; height: 7px; border-radius: 50%; }
.beleg-mod[b-xwwb96kvjv]  .tile-foot { margin-top: 14px; padding-top: 12px; border-top: var(--fd-border-width) solid var(--fd-border); display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; color: var(--fd-text-secondary); }
.beleg-mod[b-xwwb96kvjv]  .tile-foot .go { color: var(--tint, var(--fd-primary)); font-weight: 700; }

.beleg-mod[b-xwwb96kvjv]  table.belege { width: 100%; border-collapse: collapse; font-size: 13px; }
.beleg-mod[b-xwwb96kvjv]  table.belege th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--fd-text-tertiary); padding: 8px 10px; border-bottom: var(--fd-border-width) solid var(--fd-border-strong); }
.beleg-mod[b-xwwb96kvjv]  table.belege td { padding: 11px 10px; border-bottom: var(--fd-border-width) solid var(--fd-border); color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  table.belege tr:hover td { background: var(--fd-bg-alt); }
.beleg-mod[b-xwwb96kvjv]  table.belege tr.klick { cursor: pointer; }
.beleg-mod[b-xwwb96kvjv]  table.belege .nr { font-weight: 700; color: var(--fd-primary); }
.beleg-mod[b-xwwb96kvjv]  table.belege .amt, .beleg-mod[b-xwwb96kvjv]  table.belege th.r, .beleg-mod[b-xwwb96kvjv]  table.belege td.r { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.beleg-mod[b-xwwb96kvjv]  table.belege td.leer { text-align: center; }
.beleg-mod[b-xwwb96kvjv]  table.belege th.sortable { cursor: pointer; user-select: none; white-space: nowrap; }
.beleg-mod[b-xwwb96kvjv]  table.belege th.sortable:hover { color: var(--fd-primary); }
.beleg-mod[b-xwwb96kvjv]  table.belege th .sort-arrow { color: var(--fd-primary); font-weight: 700; }
/* Überfällig-Indikator: leuchtender Bubble (Status-Dot + Puls-Glow wie im Personenstamm). */
.beleg-mod[b-xwwb96kvjv]  .ueberfaellig-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--fd-danger); margin-right: 7px; vertical-align: middle; animation: beleg-ueberfaellig-puls-b-xwwb96kvjv 1.8s ease-in-out infinite; }
@keyframes beleg-ueberfaellig-puls-b-xwwb96kvjv {
    0%   { box-shadow: 0 0 0 0 var(--fd-danger); }
    70%  { box-shadow: 0 0 0 7px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}
.beleg-mod[b-xwwb96kvjv]  table.belege tr.grp td { background: transparent; font-weight: 700; color: var(--fd-text); font-size: 12.5px; border-bottom: var(--fd-border-width) solid var(--fd-border-strong); }
.beleg-mod[b-xwwb96kvjv]  table.belege tr.grp .grp-meta { font-weight: 600; color: var(--fd-text-tertiary); font-size: 11.5px; margin-left: 10px; }

.beleg-mod[b-xwwb96kvjv]  .filter-layout { display: grid; grid-template-columns: 280px 1fr; gap: 18px; }
.beleg-mod[b-xwwb96kvjv]  .filter-rail { display: flex; flex-direction: column; gap: 6px; }
.beleg-mod[b-xwwb96kvjv]  .filter-rail h4 { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: var(--fd-text-tertiary); margin: 14px 4px 6px; }
.beleg-mod[b-xwwb96kvjv]  .filter-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--fd-radius); cursor: pointer; border: var(--fd-border-width) solid transparent; font-size: 13.5px; font-weight: 600; color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  .filter-item:hover { background: var(--fd-bg-alt); }
.beleg-mod[b-xwwb96kvjv]  .filter-item.active { background: var(--fd-surface); border-color: var(--fd-primary); box-shadow: var(--fd-elevation-1); color: var(--fd-primary); }
.beleg-mod[b-xwwb96kvjv]  .filter-item .ico { font-size: 16px; }
.beleg-mod[b-xwwb96kvjv]  .filter-item .cnt { margin-left: auto; font-size: 11.5px; font-weight: 700; background: var(--fd-bg-muted); border-radius: 20px; padding: 1px 8px; color: var(--fd-text-secondary); }
.beleg-mod[b-xwwb96kvjv]  .filter-item.active .cnt { background: var(--fd-accent-soft); color: var(--fd-primary); }
.beleg-mod[b-xwwb96kvjv]  .filter-item .pub { font-size: 11px; }
.beleg-mod[b-xwwb96kvjv]  .neu { margin-top: 14px; justify-content: center; }

.beleg-mod[b-xwwb96kvjv]  .filter-form { margin-top: 12px; padding: 14px; border: var(--fd-border-width) solid var(--fd-border); border-radius: var(--fd-radius-lg); background: var(--fd-surface); display: flex; flex-direction: column; gap: 6px; }
.beleg-mod[b-xwwb96kvjv]  .filter-form label { font-size: 11.5px; font-weight: 600; color: var(--fd-text-secondary); margin-top: 4px; }
.beleg-mod[b-xwwb96kvjv]  .filter-form label.chk { display: flex; align-items: center; gap: 8px; flex-direction: row; margin-top: 8px; }
.beleg-mod[b-xwwb96kvjv]  .filter-form input, .beleg-mod[b-xwwb96kvjv]  .filter-form select { width: 100%; padding: 8px 10px; border-radius: var(--fd-radius); border: var(--fd-border-width) solid var(--fd-input-border); background: var(--fd-input-bg); color: var(--fd-text); font: inherit; font-size: 13px; }
.beleg-mod[b-xwwb96kvjv]  .form-actions { display: flex; gap: 8px; margin-top: 10px; }

.beleg-mod[b-xwwb96kvjv]  .result-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.beleg-mod[b-xwwb96kvjv]  .result-head h3 { margin: 0; font-size: 17px; font-weight: 700; color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  .result-head .tag { font-size: 11.5px; font-weight: 700; color: var(--fd-primary); background: var(--fd-accent-soft); border-radius: 20px; padding: 3px 10px; }
.beleg-mod[b-xwwb96kvjv]  .result-head .loesch { margin-left: auto; padding: 6px 10px; }

.beleg-mod[b-xwwb96kvjv]  .pdfbtn { border: var(--fd-border-width) solid var(--fd-border); background: var(--fd-bg-alt); border-radius: var(--fd-radius-sm); cursor: pointer; padding: 3px 8px; font-size: 14px; }
.beleg-mod[b-xwwb96kvjv]  .pdfbtn:hover { background: var(--fd-hover); }
.beleg-mod[b-xwwb96kvjv]  .fehler { margin-top: 10px; color: var(--fd-danger); background: var(--fd-danger-soft); padding: 8px 12px; border-radius: var(--fd-radius); font-size: 12.5px; }

.beleg-mod[b-xwwb96kvjv]  .zurueck { margin-bottom: 14px; }
.beleg-mod[b-xwwb96kvjv]  .empty-hint { border: 1.5px dashed var(--fd-border-strong); border-radius: var(--fd-radius-lg); padding: 30px; text-align: center; color: var(--fd-text-tertiary); font-size: 13px; line-height: 1.7; }

.beleg-mod[b-xwwb96kvjv]  .detailpanel { padding: 22px 24px; }
.beleg-mod[b-xwwb96kvjv]  .detail-head { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.beleg-mod[b-xwwb96kvjv]  .detail-head > div:first-child { flex: 1; min-width: 0; }
.beleg-mod[b-xwwb96kvjv]  .detail-nr { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: var(--fd-primary); }
.beleg-mod[b-xwwb96kvjv]  .detail-titel { margin: 6px 0 2px; font-size: 19px; font-weight: 700; color: var(--fd-text); }
.beleg-mod[b-xwwb96kvjv]  .detail-sub { font-size: 13px; color: var(--fd-text-secondary); }
.beleg-mod[b-xwwb96kvjv]  .detail-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.beleg-mod[b-xwwb96kvjv]  .detail-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 16px 0; margin-bottom: 6px; border-top: var(--fd-border-width) solid var(--fd-border); border-bottom: var(--fd-border-width) solid var(--fd-border); }
.beleg-mod[b-xwwb96kvjv]  .detail-meta .ml { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--fd-text-tertiary); font-weight: 700; }
.beleg-mod[b-xwwb96kvjv]  .detail-meta .mv { font-size: 14px; font-weight: 600; color: var(--fd-text); margin-top: 3px; }
.beleg-mod[b-xwwb96kvjv]  table.belege.pos { margin-top: 16px; }
.beleg-mod[b-xwwb96kvjv]  .summe { display: flex; justify-content: flex-end; gap: 22px; padding-top: 12px; font-size: 13.5px; color: var(--fd-text-secondary); }
.beleg-mod[b-xwwb96kvjv]  .summe strong { color: var(--fd-text); font-size: 15px; }

@media (max-width: 980px) {
    .beleg-mod[b-xwwb96kvjv]  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
    .beleg-mod[b-xwwb96kvjv]  .dash { grid-template-columns: 1fr; }
    .beleg-mod[b-xwwb96kvjv]  .tiles { grid-template-columns: 1fr 1fr; }
    .beleg-mod[b-xwwb96kvjv]  .filter-layout { grid-template-columns: 1fr; }
    .beleg-mod[b-xwwb96kvjv]  .detail-meta { grid-template-columns: repeat(2, 1fr); }
}
/* /Shared/FlatDateControl.razor.rz.scp.css */
/* =========================================================================
   FlatDateControl — Scoped CSS (Blazor-Scoping via ::deep nicht nötig,
   weil alle Kind-Elemente eigene Klassen haben)
   Nutzt ausschliesslich FlowDesk-Design-Tokens.
   ========================================================================= */

.fdc-wrap[b-hby7vos9jj] {
    position: relative;
    display: inline-block;
    width: 100%;
}
.fdc-wrap.fdc-disabled[b-hby7vos9jj] { opacity: 0.65; cursor: not-allowed; }

.fdc-input[b-hby7vos9jj] {
    width: 100%;
    height: 42px;
    padding: 0 44px 0 14px;
    border: 1px solid var(--fd-input-border, rgba(200,220,255,0.20));
    border-radius: var(--fd-radius-sm, 4px);
    background: var(--fd-input-bg, var(--fd-bg-alt));
    color: var(--fd-text);
    font-family: var(--fd-font, inherit);
    font-size: 0.875rem;
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
}
.fdc-input:focus[b-hby7vos9jj] { border-color: var(--fd-primary); box-shadow: var(--fd-focus-ring, 0 0 0 3px rgba(95,168,211,0.25)); }
.fdc-input[b-hby7vos9jj]::placeholder { color: var(--fd-text-tertiary); }

.fdc-trigger[b-hby7vos9jj] {
    position: absolute;
    top: 50%; right: 6px;
    transform: translateY(-50%);
    width: 30px; height: 30px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--fd-border-strong);
    border-radius: var(--fd-radius-sm);
    background: var(--fd-bg-muted);
    color: var(--fd-text-secondary);
    cursor: pointer;
    padding: 0;
    transition: border-color .15s, background .15s, color .15s;
}
.fdc-trigger:hover[b-hby7vos9jj] { border-color: var(--fd-primary); color: var(--fd-text); background: var(--fd-hover); }
.fdc-trigger:focus-visible[b-hby7vos9jj] { outline: none; border-color: var(--fd-primary); box-shadow: var(--fd-focus-ring); }
.fdc-trigger:disabled[b-hby7vos9jj] { opacity: 0.55; cursor: not-allowed; }
.fdc-trigger svg[b-hby7vos9jj] { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.fdc-popup[b-hby7vos9jj] {
    /* Positionierung: am Trigger-Button rechts ausgerichtet (UX-Konvention).
       right:0 verankert den Popover am rechten Rand des Wraps — der Trigger
       sitzt dort, also oeffnet sich der Picker direkt darunter, statt
       linksbuendig zum Input. Bei sehr breiten Eingabefeldern erspart das
       das visuelle Springen vom Klick-Punkt zum Popover-Anfang. */
    position: absolute;
    top: calc(100% + 6px); right: 0;
    min-width: 320px;
    background: var(--fd-surface, var(--fd-bg-alt));
    border: 1px solid var(--fd-border-strong);
    border-radius: var(--fd-radius);
    box-shadow: 0 12px 32px rgba(0,0,0,0.55);
    padding: 12px;
    z-index: 1000;
}

/* PopupAlignment=Right: links verankern, nach rechts aufklappen. Fuer Controls am
   linken Rand (z. B. Filter-Toolbars) – sonst klappt das Popup nach links und wird
   vom Navigationsmenue verdeckt/abgeschnitten. Die .right-Klasse wurde im Markup
   gesetzt, war aber nie definiert. */
.fdc-popup.right[b-hby7vos9jj] { left: 0; right: auto; }

.fdc-header[b-hby7vos9jj] { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; }
.fdc-nav[b-hby7vos9jj] {
    width: 30px; height: 30px;
    background: transparent;
    border: 1px solid var(--fd-border);
    color: var(--fd-text-secondary);
    border-radius: var(--fd-radius-sm);
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 14px; line-height: 1; padding: 0;
    transition: all .15s;
}
.fdc-nav:hover[b-hby7vos9jj] { border-color: var(--fd-primary); color: var(--fd-primary-hover); background: var(--fd-hover); }

.fdc-titel[b-hby7vos9jj] { flex: 1; display: flex; gap: 4px; justify-content: center; align-items: center; }
.fdc-select[b-hby7vos9jj] {
    background: var(--fd-input-bg);
    border: 1px solid var(--fd-input-border);
    color: var(--fd-text);
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
}
.fdc-select:focus[b-hby7vos9jj] { outline: none; border-color: var(--fd-primary); box-shadow: var(--fd-focus-ring); }
.fdc-select option[b-hby7vos9jj] { background: var(--fd-bg-alt); color: var(--fd-text); }

/* Grid: 1 KW-Spalte + 7 Tages-Spalten — identisch fuer Header + Zellen → kein Versatz */
.fdc-grid[b-hby7vos9jj] { display: grid; grid-template-columns: 36px repeat(7, 1fr); gap: 2px; }
.fdc-wochentag[b-hby7vos9jj],
.fdc-wochenlabel[b-hby7vos9jj] {
    text-align: center;
    font-size: 10.5px; font-weight: 700;
    color: var(--fd-text-tertiary);
    text-transform: uppercase; letter-spacing: 0.5px;
    padding: 6px 0;
    border-bottom: 1px solid var(--fd-border);
}
.fdc-wochennr[b-hby7vos9jj] {
    text-align: center;
    font-size: 11px; font-weight: 600;
    color: var(--fd-text-tertiary);
    padding: 8px 0;
    border-right: 1px solid var(--fd-border);
    font-variant-numeric: tabular-nums;
}
.fdc-tag[b-hby7vos9jj] {
    text-align: center;
    font-size: 13px;
    padding: 8px 0;
    border-radius: var(--fd-radius-sm);
    cursor: pointer;
    color: var(--fd-text);
    transition: all .1s;
    font-variant-numeric: tabular-nums;
    background: transparent;
    border: 1px solid transparent;
    font-family: inherit;
}
.fdc-tag:hover[b-hby7vos9jj] { background: var(--fd-hover); border-color: var(--fd-border-strong); }
.fdc-tag.andere-monate[b-hby7vos9jj] { color: var(--fd-text-tertiary); opacity: 0.45; }
.fdc-tag.heute[b-hby7vos9jj] { border-color: var(--fd-primary); color: var(--fd-primary-hover); font-weight: 700; }
.fdc-tag.ausgewaehlt[b-hby7vos9jj] {
    background: var(--fd-primary);
    color: var(--fd-on-primary);
    font-weight: 700;
    border-color: var(--fd-primary);
}
.fdc-tag.ausgewaehlt:hover[b-hby7vos9jj] { background: var(--fd-primary-hover); }
.fdc-tag.wochenende[b-hby7vos9jj] { color: var(--fd-text-secondary); }
.fdc-tag.wochenende.andere-monate[b-hby7vos9jj] { color: var(--fd-text-tertiary); }
.fdc-tag.deaktiviert[b-hby7vos9jj] {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: line-through;
}

.fdc-footer[b-hby7vos9jj] {
    display: flex; justify-content: space-between; gap: 8px;
    margin-top: 10px; padding-top: 10px;
    border-top: 1px solid var(--fd-border);
}
.fdc-btn[b-hby7vos9jj] {
    padding: 6px 12px;
    border: 1px solid var(--fd-border-strong);
    background: var(--fd-bg-muted);
    color: var(--fd-text);
    border-radius: var(--fd-radius-sm);
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    transition: all .15s;
}
.fdc-btn:hover[b-hby7vos9jj] { border-color: var(--fd-primary); background: var(--fd-hover); }
.fdc-btn.primary[b-hby7vos9jj] {
    background: var(--fd-primary);
    color: var(--fd-on-primary);
    border-color: var(--fd-primary);
    font-weight: 600;
}
.fdc-btn.primary:hover[b-hby7vos9jj] { background: var(--fd-primary-hover); border-color: var(--fd-primary-hover); }
/* /Shared/FlatDateRangeControl.razor.rz.scp.css */
/* =========================================================================
   Layout-Wrapper fuer FlatDateRangeControl + FlatMonthYearRangeControl.
   Beide nutzen den gleichen .fdrc-* Namensraum, damit Optik und Spacing
   einheitlich sind, egal ob Tages- oder Monatsbereich.

   Tokens mit Fallbacks → laeuft auch ohne FlowDesk-Theme.
   ========================================================================= */

.fdrc-wrap[b-beqdbatkuz] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
}
.fdrc-wrap.vertical[b-beqdbatkuz] {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
}
.fdrc-wrap.vertical .fdrc-feld[b-beqdbatkuz] { width: 100%; }
.fdrc-wrap.vertical .fdrc-sep[b-beqdbatkuz]  { display: none; }

.fdrc-feld[b-beqdbatkuz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;          /* damit der Inner-Picker in schmalen Spalten nicht ueber den Container hinausragt */
}

.fdrc-label[b-beqdbatkuz] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--fd-text-tertiary, rgba(120, 130, 150, 0.85));
}

.fdrc-sep[b-beqdbatkuz] {
    flex: 0 0 auto;
    align-self: center;
    padding: 0 4px;
    color: var(--fd-text-tertiary, rgba(120, 130, 150, 0.85));
    font-size: 16px;
    line-height: 1;
    /* nimmt den Label-Hoehenunterschied auf, damit der Bindestrich auf
       Input-Hoehe sitzt, nicht auf Label-Hoehe */
    margin-bottom: 11px;
}
/* /Shared/FlatDateTimeControl.razor.rz.scp.css */
/* ============================================================================
   FlatDateTimeControl · Scoped CSS
   Layout: Datum + Zeit nebeneinander (horizontal). Auf engen Containern
   bricht es per CSS-Grid auf zwei Zeilen um.
   ============================================================================ */

.fdtc-wrap[b-juqxl5g22h] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.fdtc-labels[b-juqxl5g22h] {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 8px;
}

.fdtc-label[b-juqxl5g22h] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--fd-text-tertiary, rgba(120, 130, 150, 0.85));
}

.fdtc-inputs[b-juqxl5g22h] {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 8px;
    align-items: stretch;
}

.fdtc-date[b-juqxl5g22h] {
    min-width: 0;
}

/* Time-Input: Background = transparent (FlowDesk-Konvention).
   Begruendung: erbt vom Container — theme-robust, keine Variable verbraucht,
   keine Doppelung von Surface-Werten zwischen Modal und Input. Sichtbarkeit
   kommt vom Border. Text explizit auf --fd-text (#e4eaf4 in Government Dark). */
.fdtc-time[b-juqxl5g22h] {
    height: 42px;
    padding: 0 10px;
    border: 1px solid var(--fd-border-strong, rgba(255,255,255,0.14));
    border-radius: var(--fd-radius-sm, 8px);
    background-color: transparent;
    color: var(--fd-text, #e4eaf4);
    font-family: var(--fd-font, inherit);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    outline: none;
    box-sizing: border-box;
}
/* Browser-Pseudo-Elemente fuer time-Input — sonst weisser System-Default
   im Dark-Mode. Analog zum globalen forms-reset-CSS. */
.fdtc-time[b-juqxl5g22h]::-webkit-datetime-edit,
.fdtc-time[b-juqxl5g22h]::-webkit-datetime-edit-fields-wrapper,
.fdtc-time[b-juqxl5g22h]::-webkit-datetime-edit-hour-field,
.fdtc-time[b-juqxl5g22h]::-webkit-datetime-edit-minute-field,
.fdtc-time[b-juqxl5g22h]::-webkit-datetime-edit-text {
    color: var(--fd-text, #e8eef8);
}
.fdtc-time[b-juqxl5g22h]::-webkit-calendar-picker-indicator {
    filter: var(--fd-icon-filter, invert(0.85));
    cursor: pointer;
}
/* Property ShowClockIcon=false: Browser-natives Uhren-Symbol ausblenden. */
.fdtc-time.fdtc-no-icon[b-juqxl5g22h]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}
/* Placeholder „--:--" sichtbar wenn Wert leer (RequireTime=false-Fall).
   WebKit zeigt bei leerem time-Input die Pseudo-Felder als „--:--" an —
   Farbe explizit auf text-tertiary, damit es als Placeholder wirkt. */
.fdtc-time:not(:focus):invalid[b-juqxl5g22h]::-webkit-datetime-edit,
.fdtc-time:not(:focus):placeholder-shown[b-juqxl5g22h]::-webkit-datetime-edit {
    color: var(--fd-text-tertiary, rgba(120,130,150,0.85));
}
.fdtc-time:focus[b-juqxl5g22h] {
    border-color: var(--fd-primary, #5b5bd6);
    box-shadow: var(--fd-focus-ring, 0 0 0 3px rgba(91,91,214,0.25));
}
.fdtc-time:disabled[b-juqxl5g22h], .fdtc-time.fdtc-disabled[b-juqxl5g22h] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Slot-Dropdown (select) — optisch identisch zum time-Input.
   Aktiv wenn MinTime+MaxTime gesetzt sind. */
select.fdtc-time[b-juqxl5g22h] {
    appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
                      linear-gradient(-45deg, transparent 50%, currentColor 50%);
    background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
    background-size: 5px 5px;
    background-repeat: no-repeat;
    padding-right: 28px;
    cursor: pointer;
}
select.fdtc-time option[b-juqxl5g22h] {
    background-color: var(--fd-surface, #1a2436);
    color: var(--fd-text, #e4eaf4);
}

/* Engere Container: untereinander */
@media (max-width: 380px) {
    .fdtc-labels[b-juqxl5g22h], .fdtc-inputs[b-juqxl5g22h] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/FlatMonthYearControl.razor.rz.scp.css */
/* =========================================================================
   FlatMonthYearControl — Scoped CSS
   Klassen-Namensraum .fmyc-* analog zu .fdc-* von FlatDateControl, damit
   Optik visuell identisch wirkt. Nutzt ausschliesslich FlowDesk-Tokens.
   ========================================================================= */

.fmyc-wrap[b-kyhgd5r9cz] {
    position: relative;
    display: inline-block;
    width: 100%;
}
.fmyc-wrap.fmyc-disabled[b-kyhgd5r9cz] { opacity: 0.65; cursor: not-allowed; }

.fmyc-input[b-kyhgd5r9cz] {
    width: 100%;
    height: 42px;
    padding: 0 44px 0 14px;
    border: 1px solid var(--fd-input-border, rgba(200,220,255,0.20));
    border-radius: var(--fd-radius-sm, 4px);
    background: var(--fd-input-bg, var(--fd-bg-alt));
    color: var(--fd-text);
    font-family: var(--fd-font, inherit);
    font-size: 0.875rem;
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
}
.fmyc-input:focus[b-kyhgd5r9cz] { border-color: var(--fd-primary); box-shadow: var(--fd-focus-ring, 0 0 0 3px rgba(95,168,211,0.25)); }
.fmyc-input[b-kyhgd5r9cz]::placeholder { color: var(--fd-text-tertiary); }

.fmyc-trigger[b-kyhgd5r9cz] {
    position: absolute;
    top: 50%; right: 6px;
    transform: translateY(-50%);
    width: 30px; height: 30px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--fd-border-strong);
    border-radius: var(--fd-radius-sm);
    background: var(--fd-bg-muted);
    color: var(--fd-text-secondary);
    cursor: pointer;
    padding: 0;
    transition: border-color .15s, background .15s, color .15s;
}
.fmyc-trigger:hover[b-kyhgd5r9cz] { border-color: var(--fd-primary); color: var(--fd-text); background: var(--fd-hover); }
.fmyc-trigger:focus-visible[b-kyhgd5r9cz] { outline: none; border-color: var(--fd-primary); box-shadow: var(--fd-focus-ring); }
.fmyc-trigger:disabled[b-kyhgd5r9cz] { opacity: 0.55; cursor: not-allowed; }
.fmyc-trigger svg[b-kyhgd5r9cz] { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.fmyc-popup[b-kyhgd5r9cz] {
    position: absolute;
    top: calc(100% + 6px); left: 0;
    min-width: 260px;
    background: var(--fd-surface, var(--fd-bg-alt));
    border: 1px solid var(--fd-border-strong);
    border-radius: var(--fd-radius);
    box-shadow: 0 12px 32px rgba(0,0,0,0.55);
    padding: 12px;
    z-index: 1000;
}

.fmyc-header[b-kyhgd5r9cz] { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; }
.fmyc-nav[b-kyhgd5r9cz] {
    width: 30px; height: 30px;
    background: transparent;
    border: 1px solid var(--fd-border);
    color: var(--fd-text-secondary);
    border-radius: var(--fd-radius-sm);
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 14px; line-height: 1; padding: 0;
    transition: all .15s;
}
.fmyc-nav:hover:not(:disabled)[b-kyhgd5r9cz] { border-color: var(--fd-primary); color: var(--fd-primary-hover); background: var(--fd-hover); }
.fmyc-nav:disabled[b-kyhgd5r9cz] { opacity: 0.35; cursor: not-allowed; }

.fmyc-titel[b-kyhgd5r9cz] { flex: 1; display: flex; gap: 4px; justify-content: center; align-items: center; }
.fmyc-select[b-kyhgd5r9cz] {
    background: var(--fd-input-bg);
    border: 1px solid var(--fd-input-border);
    color: var(--fd-text);
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
}
.fmyc-select:focus[b-kyhgd5r9cz] { outline: none; border-color: var(--fd-primary); box-shadow: var(--fd-focus-ring); }
.fmyc-select option[b-kyhgd5r9cz] { background: var(--fd-bg-alt); color: var(--fd-text); }

/* 3x4-Monatsraster */
.fmyc-grid[b-kyhgd5r9cz] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.fmyc-month[b-kyhgd5r9cz] {
    height: 42px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--fd-radius-sm);
    color: var(--fd-text);
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    transition: all .1s;
}
.fmyc-month:hover[b-kyhgd5r9cz] { background: var(--fd-hover); border-color: var(--fd-border-strong); }
.fmyc-month.heute[b-kyhgd5r9cz] { border-color: var(--fd-primary); color: var(--fd-primary-hover); font-weight: 700; }
.fmyc-month.ausgewaehlt[b-kyhgd5r9cz] {
    background: var(--fd-primary);
    color: var(--fd-on-primary);
    font-weight: 700;
    border-color: var(--fd-primary);
}
.fmyc-month.ausgewaehlt:hover[b-kyhgd5r9cz] { background: var(--fd-primary-hover); border-color: var(--fd-primary-hover); }
.fmyc-month.deaktiviert[b-kyhgd5r9cz] {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: line-through;
}

.fmyc-footer[b-kyhgd5r9cz] {
    display: flex; justify-content: flex-end; gap: 8px;
    margin-top: 10px; padding-top: 10px;
    border-top: 1px solid var(--fd-border);
}
.fmyc-footer-single[b-kyhgd5r9cz] {
    justify-content: center;
}
.fmyc-footer-single > span[b-kyhgd5r9cz] {
    display: none;
}
/* Wenn nur ein Button im Footer ist (z.B. ShowClearButton=false),
   nimmt er die volle Breite und zentriert seinen Text. */
.fmyc-footer > .fmyc-btn:only-child[b-kyhgd5r9cz] {
    text-align: center;
}
.fmyc-btn[b-kyhgd5r9cz] {
    padding: 6px 12px;
    border: 1px solid var(--fd-border-strong);
    background: var(--fd-bg-muted);
    color: var(--fd-text);
    border-radius: var(--fd-radius-sm);
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    transition: all .15s;
}
.fmyc-btn:hover[b-kyhgd5r9cz] { border-color: var(--fd-primary); background: var(--fd-hover); }
.fmyc-btn.primary[b-kyhgd5r9cz] {
    background: var(--fd-primary);
    color: var(--fd-on-primary);
    border-color: var(--fd-primary);
    font-weight: 600;
}
.fmyc-btn.primary:hover[b-kyhgd5r9cz] { background: var(--fd-primary-hover); border-color: var(--fd-primary-hover); }
/* /Shared/FlatMonthYearRangeControl.razor.rz.scp.css */
/* =========================================================================
   Identische Layout-Regeln wie FlatDateRangeControl.razor.css. Blazor-Scoped-
   CSS ist per-Datei gebunden, daher das Duplikat (kein Caching-Vorteil
   verloren — beide Dateien sind klein, gleiche Klassen-Namensraum .fdrc-*).
   ========================================================================= */

.fdrc-wrap[b-zbtwm5dezj] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
}
.fdrc-wrap.vertical[b-zbtwm5dezj] {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
}
.fdrc-wrap.vertical .fdrc-feld[b-zbtwm5dezj] { width: 100%; }
.fdrc-wrap.vertical .fdrc-sep[b-zbtwm5dezj]  { display: none; }

.fdrc-feld[b-zbtwm5dezj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

.fdrc-label[b-zbtwm5dezj] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--fd-text-tertiary, rgba(120, 130, 150, 0.85));
}

.fdrc-sep[b-zbtwm5dezj] {
    flex: 0 0 auto;
    align-self: center;
    padding: 0 4px;
    color: var(--fd-text-tertiary, rgba(120, 130, 150, 0.85));
    font-size: 16px;
    line-height: 1;
    margin-bottom: 11px;
}
/* /Shared/FlatTimeControl.razor.rz.scp.css */
/* ============================================================================
   FlatTimeControl · Scoped CSS
   Time-only picker. Slot-Dropdown wenn MinTime+MaxTime gesetzt, sonst
   natives <input type="time">. Background = transparent (FlowDesk-Konvention).
   ============================================================================ */

.ftc-time[b-2ntbn5xm4k] {
    height: 42px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid var(--fd-border-strong, rgba(255,255,255,0.14));
    border-radius: var(--fd-radius-sm, 8px);
    background-color: transparent;
    color: var(--fd-text, #e4eaf4);
    font-family: var(--fd-font, inherit);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    outline: none;
    box-sizing: border-box;
}
.ftc-time[b-2ntbn5xm4k]::-webkit-datetime-edit,
.ftc-time[b-2ntbn5xm4k]::-webkit-datetime-edit-fields-wrapper,
.ftc-time[b-2ntbn5xm4k]::-webkit-datetime-edit-hour-field,
.ftc-time[b-2ntbn5xm4k]::-webkit-datetime-edit-minute-field,
.ftc-time[b-2ntbn5xm4k]::-webkit-datetime-edit-text { color: var(--fd-text, #e4eaf4); }
.ftc-time[b-2ntbn5xm4k]::-webkit-calendar-picker-indicator {
    filter: var(--fd-icon-filter, invert(0.85));
    cursor: pointer;
}
.ftc-time.ftc-no-icon[b-2ntbn5xm4k]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}
.ftc-time:not(:focus):invalid[b-2ntbn5xm4k]::-webkit-datetime-edit,
.ftc-time:not(:focus):placeholder-shown[b-2ntbn5xm4k]::-webkit-datetime-edit {
    color: var(--fd-text-tertiary, rgba(120,130,150,0.85));
}
.ftc-time:focus[b-2ntbn5xm4k] {
    border-color: var(--fd-primary, #5b5bd6);
    box-shadow: var(--fd-focus-ring, 0 0 0 3px rgba(91,91,214,0.25));
}
.ftc-time:disabled[b-2ntbn5xm4k], .ftc-time.ftc-disabled[b-2ntbn5xm4k] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Slot-Dropdown — optisch identisch zum time-Input */
select.ftc-time[b-2ntbn5xm4k] {
    appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
                      linear-gradient(-45deg, transparent 50%, currentColor 50%);
    background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
    background-size: 5px 5px;
    background-repeat: no-repeat;
    padding-right: 28px;
    cursor: pointer;
}
select.ftc-time option[b-2ntbn5xm4k] {
    background-color: var(--fd-surface, #1a2436);
    color: var(--fd-text, #e4eaf4);
}