*{box-sizing:border-box}:root{--bg:#0f1113;--card:#1b1d20;--card2:#23262b;--text:#f5f7fb;--muted:#aeb5c2;--line:rgba(255,255,255,.14);--accent:#e33434;--green:#65d94b;--button:#343841;--button-hover:#424854;--field:#121416;--shadow:0 20px 55px rgba(0,0,0,.32);--radius:24px;--max:1180px}:root[data-theme=light]{--bg:#f2f4f7;--card:#fff;--card2:#f7f8fa;--text:#15171b;--muted:#5f6875;--line:rgba(20,25,30,.14);--button:#eef1f5;--button-hover:#dfe4eb;--field:#fff;--shadow:0 20px 55px rgba(20,25,30,.10)}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(227,52,52,.18),transparent 420px),radial-gradient(circle at 90% 0%,rgba(101,217,75,.12),transparent 420px),var(--bg);font-size:16px;line-height:1.4}a{color:inherit;text-decoration:none}.topbar{min-height:82px;padding:14px max(14px,calc((100vw - var(--max))/2 + 14px));display:grid;grid-template-columns:52px 1fr 66px;align-items:center;gap:16px;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:rgba(0,0,0,.12);position:sticky;top:0;z-index:20}.top-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--button);border:1px solid var(--line);font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.brand{justify-self:end;text-align:right}.brand strong{display:block;font-size:clamp(1.05rem,2.5vw,1.38rem);letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-size:.8rem}.theme-switch{width:62px;height:36px;position:relative}.theme-switch input{position:absolute;opacity:0}.theme-switch span{display:block;width:62px;height:36px;background:#e8ebf1;border-radius:999px;border:1px solid var(--line);position:relative;box-shadow:inset 0 2px 5px rgba(0,0,0,.18)}.theme-switch span:after{content:"";width:30px;height:30px;background:#fff;border-radius:50%;position:absolute;left:3px;top:2px;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:transform .18s ease}.theme-switch input:checked+span{background:linear-gradient(135deg,#54ca38,#8bed6f)}.theme-switch input:checked+span:after{transform:translateX(26px)}.page{width:min(var(--max),calc(100% - 24px));margin:28px auto 54px}.hero-card,.page-title-card,.search-panel,.artikel-swipe-card,.projekt-kachel,.verbrauch-kachel,.empty-card,.menu-tile,.selection-panel,.project-required-card,.article-load-card,.positions-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card,.page-title-card{padding:clamp(20px,4vw,34px);margin-bottom:18px;background:linear-gradient(135deg,rgba(227,52,52,.14),transparent 42%),var(--card)}.hero-card p,.overline{margin:0 0 10px;color:var(--accent);font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem}.hero-card h1,.page-title-card h1{margin:0;font-size:clamp(2rem,6vw,3.4rem);line-height:1.02;letter-spacing:-.055em}.hero-card span,.page-title-card span{display:block;margin-top:12px;color:var(--muted);font-size:clamp(1rem,2vw,1.12rem)}.page-title-card{display:flex;justify-content:space-between;align-items:center;gap:18px}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.menu-tile{min-height:112px;padding:18px;display:grid;grid-template-columns:54px 1fr;gap:12px 16px;align-items:start}.menu-symbol{grid-row:span 2;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(227,52,52,.16);border:1px solid rgba(227,52,52,.28);font-weight:950}.menu-tile strong{align-self:end;font-size:1.1rem}.menu-tile small{color:var(--muted)}.btn{min-height:46px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--button);color:var(--text);border:1px solid var(--line);font-weight:900;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--button-hover)}.btn.primary{background:linear-gradient(135deg,#e33434,#b82727);border-color:rgba(255,255,255,.18);color:#fff}.btn.ghost{background:transparent}.btn.full{width:100%;margin-top:14px}.btn:disabled{opacity:.45;cursor:not-allowed}.search-panel{margin-bottom:18px;padding:16px}.search-title{margin-bottom:12px}.search-title strong{display:block;font-size:1.08rem}.search-title small{color:var(--muted)}.search-line{display:grid;grid-template-columns:1fr 54px auto;gap:10px}.search-line.no-camera{grid-template-columns:1fr auto}.search-input{min-height:54px;border:1px solid var(--line);border-radius:18px;background:var(--field);display:grid;grid-template-columns:42px 1fr;align-items:center;padding:0 12px}.search-input span{color:var(--muted);font-size:1.25rem;font-weight:950}.search-input input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;outline:none}.icon-btn{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(227,52,52,.38);background:rgba(227,52,52,.18);color:var(--text);font-size:1.25rem;font-weight:950;cursor:pointer}.clear-btn{margin-top:10px}.swipe-section{margin-bottom:18px}.swipe-hint{display:flex;justify-content:space-between;gap:12px;color:var(--muted);margin:0 2px 10px}.swipe-hint strong{color:var(--text)}.swipe-track{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.swipe-track::-webkit-scrollbar{height:10px}.swipe-track::-webkit-scrollbar-thumb{background:var(--button);border-radius:999px}.artikel-swipe-card{flex:0 0 min(92vw,560px);padding:16px;border-radius:24px;scroll-snap-align:start;outline:1px solid rgba(255,255,255,.04)}.artikel-head{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--line)}.artikel-nr{min-height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#b62323);color:#fff;font-weight:950;font-size:1.04rem}.artikel-title h3{margin:0;font-size:1.28rem;line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere}.artikel-title p{margin:5px 0 0;color:var(--muted);overflow-wrap:anywhere}.bestand-chip{text-align:right;background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:10px 12px;min-width:112px}.bestand-chip span,.feld span,.projekt-metriken span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:950}.bestand-chip strong{display:block;margin-top:3px;overflow-wrap:anywhere}.artikel-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.feld{background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:10px 12px;min-width:0}.feld-breit{grid-column:1/-1}.feld strong{display:block;margin-top:3px;overflow-wrap:anywhere}.artikel-details{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.artikel-details summary{cursor:pointer;color:var(--muted);font-weight:950;list-style:none}.artikel-details summary::-webkit-details-marker{display:none}.artikel-details summary:after{content:" +";color:var(--accent)}.artikel-details[open] summary:after{content:" –"}.details-grid{display:grid;gap:8px;margin-top:12px}.details-grid div{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.details-grid span{color:var(--muted);font-weight:900;overflow-wrap:anywhere}.details-grid strong{overflow-wrap:anywhere;font-weight:650}.booking-shell{display:grid;gap:18px}.project-required-card,.article-load-card,.positions-card{padding:16px}.step-row,.project-required-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.project-required-card .project-picker{grid-column:1/-1}.step-badge{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(227,52,52,.16);border:1px solid rgba(227,52,52,.28);font-weight:950}.project-required-card h2,.article-load-card h2,.positions-card h2{margin:0;font-size:1.35rem}.project-required-card p,.article-load-card p,.positions-card p{margin:4px 0 0;color:var(--muted)}.project-picker{display:grid;gap:10px}.project-picker input{min-height:52px;border-radius:18px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 14px;font:inherit}.project-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-results button{text-align:left;border:1px solid var(--line);background:var(--card2);color:var(--text);border-radius:16px;padding:12px;cursor:pointer}.project-results button.active{border-color:rgba(227,52,52,.75);box-shadow:0 0 0 4px rgba(227,52,52,.12)}.project-results strong,.project-results small{display:block}.project-results small{color:var(--muted);margin-top:3px}.chosen-project{border:1px dashed var(--line);border-radius:16px;padding:12px;color:var(--muted)}.chosen-project.ok{border-style:solid;border-color:rgba(101,217,75,.32);background:rgba(101,217,75,.08);color:var(--text)}.disabled-until-project .article-search-area{display:none}.disabled-until-project .search-panel{display:none}.positions-card{display:grid;gap:14px}.selected-list{display:grid;gap:10px}.empty-selection{color:var(--muted);border:1px dashed var(--line);border-radius:16px;padding:14px;text-align:center}.selected-item{background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:8px}.selected-item header{display:flex;justify-content:space-between;gap:10px}.selected-item header strong{overflow-wrap:anywhere}.selected-item small{color:var(--muted)}.selected-row{display:grid;grid-template-columns:1fr 110px 34px;gap:8px;align-items:end}.selected-row label{color:var(--muted);font-weight:850}.selected-row input{width:100%;min-height:42px;border-radius:14px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 10px}.remove-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--button);color:var(--text);font-weight:950}.booking-warning{color:var(--muted);border:1px dashed var(--line);border-radius:16px;padding:12px}.booking-warning.ok{color:var(--green);border-color:rgba(101,217,75,.35);background:rgba(101,217,75,.07)}.note{color:var(--muted)}.project-filter-row{display:grid;grid-template-columns:1fr 260px auto;gap:10px}.project-filter-row select{min-height:54px;border-radius:18px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 12px;font:inherit}.projekt-grid,.verbrauch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.projekt-kachel,.verbrauch-kachel{padding:18px}.projekt-kachel header,.projekt-kachel footer,.verbrauch-kachel header{display:flex;justify-content:space-between;gap:12px;align-items:center}.status{color:var(--green);background:rgba(101,217,75,.10);border:1px solid rgba(101,217,75,.22);border-radius:999px;padding:7px 12px;font-weight:950}.projekt-kachel header strong,.verbrauch-kachel header strong{background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted)}.verbrauch-kachel header span{background:linear-gradient(135deg,var(--accent),#b62323);color:#fff;border-radius:999px;padding:7px 12px;font-weight:950}.projekt-kachel h2,.verbrauch-kachel h2{margin:16px 0 6px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.08;letter-spacing:-.045em}.projekt-kachel p,.verbrauch-kachel p{color:var(--muted);min-height:46px}.projekt-metriken{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.projekt-metriken div{background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:12px}.projekt-metriken strong{display:block;margin-top:3px;font-size:1.55rem;letter-spacing:-.04em}.projekt-kachel footer{border-top:1px solid var(--line);padding-top:14px}.projekt-kachel footer small,.verbrauch-kachel small{color:var(--muted)}.footer-button-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.empty-card{padding:24px}.empty-card h2{margin:0 0 8px}.empty-card p{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:22px max(14px,calc((100vw - var(--max))/2 + 14px));display:flex;justify-content:space-between;align-items:center;gap:18px}.footer-user,.footer-actions{display:flex;align-items:center;gap:12px}.logo-box{width:54px;height:30px;border-radius:7px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:950;font-size:.78rem}.footer-user small{display:block;color:var(--muted);margin-top:2px}.legal{padding:18px 12px 34px;text-align:center}.legal span{color:var(--accent);margin:0 4px}@media(max-width:980px){.menu-grid,.projekt-grid,.verbrauch-grid{grid-template-columns:1fr}.page-title-card{align-items:flex-start;flex-direction:column}.project-results{grid-template-columns:1fr 1fr}.project-filter-row{grid-template-columns:1fr}}@media(max-width:720px){.page{width:calc(100% - 18px);margin-top:18px}.topbar{min-height:74px;padding:13px 10px;grid-template-columns:48px 1fr 62px}.brand small{display:none}.search-line,.search-line.no-camera{grid-template-columns:1fr 54px}.search-line .btn.primary{grid-column:1/-1}.search-line.no-camera .btn.primary{grid-column:auto}.artikel-swipe-card{flex-basis:calc(100vw - 38px)}.artikel-head{grid-template-columns:76px 1fr}.bestand-chip{grid-column:1/-1;text-align:left;display:flex;align-items:center;justify-content:space-between}.artikel-felder,.projekt-metriken{grid-template-columns:1fr}.details-grid div{grid-template-columns:1fr;gap:3px}.project-results{grid-template-columns:1fr}.selected-row{grid-template-columns:1fr 100px 34px}.footer{flex-direction:column;align-items:flex-start}.footer-actions{align-self:flex-end}}@media(max-width:430px){body{font-size:15px}.hero-card,.page-title-card,.search-panel,.artikel-swipe-card,.projekt-kachel,.verbrauch-kachel,.empty-card,.menu-tile,.selection-panel,.project-required-card,.article-load-card,.positions-card{border-radius:20px}.hero-card h1,.page-title-card h1{font-size:2rem}.menu-tile{min-height:96px;grid-template-columns:48px 1fr}.menu-symbol{width:48px;height:48px}.project-required-card,.step-row{grid-template-columns:1fr}.step-badge{margin-bottom:4px}}

/* V5 Breitenkorrektur und mobile Optimierung */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.page,
.topbar,
.footer {
    max-width: 100%;
}

.search-panel,
.project-required-card,
.article-load-card,
.positions-card,
.page-title-card,
.hero-card,
.projekt-kachel,
.verbrauch-kachel,
.artikel-swipe-card {
    max-width: 100%;
}

.swipe-track {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

.artikel-swipe-card {
    flex: 0 0 min(86vw, 420px);
    max-width: min(86vw, 420px);
}

.search-line,
.project-filter-row,
.selected-row,
.artikel-head,
.projekt-kachel footer,
.footer-button-group {
    min-width: 0;
}

.search-input,
.search-input input,
.project-picker input,
.project-filter-row select,
.selected-row input {
    min-width: 0;
}

@media (min-width: 980px) {
    .artikel-swipe-card {
        flex-basis: 390px;
        max-width: 390px;
    }
}

@media (max-width: 720px) {
    .artikel-swipe-card {
        flex: 0 0 calc(100vw - 42px);
        max-width: calc(100vw - 42px);
    }

    .page {
        width: calc(100vw - 18px);
        max-width: calc(100vw - 18px);
    }

    .project-required-card,
    .article-load-card,
    .positions-card {
        padding: 14px;
    }

    .search-panel {
        padding: 14px;
    }

    .search-line {
        grid-template-columns: minmax(0, 1fr) 54px;
    }

    .search-line.no-camera {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-line .btn.primary {
        grid-column: 1 / -1;
        width: 100%;
    }

    .project-filter-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .footer-button-group {
        width: 100%;
    }

    .footer-button-group .btn {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .artikel-swipe-card {
        flex-basis: calc(100vw - 34px);
        max-width: calc(100vw - 34px);
    }

    .page {
        width: calc(100vw - 14px);
        max-width: calc(100vw - 14px);
    }
}

/* Projekt Detail: kompakte Liste einblendbar */
.compact-toggle-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 16px;
    margin-bottom: 16px;
}

.compact-toggle-card summary {
    cursor: pointer;
    font-weight: 950;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.compact-toggle-card summary::-webkit-details-marker {
    display: none;
}

.compact-toggle-card summary::after {
    content: "anzeigen";
    color: var(--accent);
    font-size: .9rem;
}

.compact-toggle-card[open] summary::after {
    content: "ausblenden";
}

.compact-list {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.compact-row {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, minmax(90px, .65fr));
    gap: 8px;
    align-items: center;
    background: var(--card2);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 10px 12px;
}

.compact-row strong,
.compact-row span {
    overflow-wrap: anywhere;
}

.compact-row span {
    color: var(--muted);
    font-weight: 850;
}

.compact-row.header {
    background: transparent;
    border-style: dashed;
    color: var(--muted);
    font-size: .85rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
}

@media (max-width: 720px) {
    .compact-row {
        grid-template-columns: 1fr;
    }

    .compact-row.header {
        display: none;
    }

    .compact-row span::before {
        display: block;
        color: var(--muted);
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .05em;
        margin-bottom: 2px;
    }

    .compact-row span[data-label="warenentnahme"]::before { content: "Warenentnahme"; }
    .compact-row span[data-label="rueckbuchung"]::before { content: "Rückbuchung"; }
    .compact-row span[data-label="materialverbrauch"]::before { content: "Materialverbrauch"; }
}


/* V6: Breite erst nach Projektauswahl korrigieren */
.booking-shell,
.booking-shell > *,
.article-load-card,
.article-load-card > *,
.swipe-section,
.swipe-track,
.search-panel,
.positions-card,
.project-required-card {
    min-width: 0 !important;
    max-width: 100% !important;
}

.article-load-card,
.positions-card,
.project-required-card {
    overflow: hidden !important;
}

.article-load-card .swipe-section {
    width: 100% !important;
    overflow: hidden !important;
}

.article-load-card .swipe-track {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    display: flex !important;
    flex-wrap: nowrap !important;
}

.article-load-card .artikel-swipe-card {
    flex: 0 0 min(360px, calc(100vw - 58px)) !important;
    max-width: min(360px, calc(100vw - 58px)) !important;
    min-width: 0 !important;
}

.lagerbestand .artikel-swipe-card {
    flex: 0 0 min(420px, calc(100vw - 58px)) !important;
}

@media (max-width: 720px) {
    body {
        overflow-x: hidden !important;
    }

    .page {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        overflow-x: hidden !important;
    }

    .article-load-card .artikel-swipe-card {
        flex-basis: calc(100vw - 54px) !important;
        max-width: calc(100vw - 54px) !important;
    }

    .artikel-head {
        grid-template-columns: 70px minmax(0, 1fr) !important;
    }

    .artikel-title,
    .artikel-title h3,
    .artikel-title p,
    .feld strong,
    .details-grid strong,
    .selected-item header strong {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
}

@media (max-width: 430px) {
    .page {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
    }

    .article-load-card .artikel-swipe-card {
        flex-basis: calc(100vw - 46px) !important;
        max-width: calc(100vw - 46px) !important;
    }
}

/* Projekt Detail: Reiner Verbrauch nur als kompakte Liste */
.compact-toggle-card summary::after {
    content: "einblenden";
}

.compact-toggle-card[open] summary::after {
    content: "ausblenden";
}

.compact-list-verbrauch .compact-row-verbrauch {
    grid-template-columns: minmax(0, 1fr) minmax(110px, 180px);
}

@media (max-width: 720px) {
    .compact-list-verbrauch .compact-row-verbrauch {
        grid-template-columns: 1fr;
    }
}


/* V7: Projekte oben priorisieren und Artikeltreffer erst nach Suche anzeigen */
.quick-project.default-project {
    border-color: rgba(101,217,75,.45) !important;
    background: rgba(101,217,75,.08) !important;
}

.quick-project {
    border-color: rgba(227,52,52,.28) !important;
}

.all-project-option {
    display: none;
}

.project-picker.searching .all-project-option {
    display: block;
}

.project-picker.searching .quick-project {
    display: block;
}

.search-empty-card {
    text-align: center;
}

.search-empty-card h2 {
    margin: 0 0 8px;
}

@media (max-width: 720px) {
    .project-results {
        max-height: none;
    }
}


/* V9: ausgewähltes Projekt nach Artikelsuche sichtbar halten */
.all-project-option.active {
    display: block;
}

.project-results button.active {
    border-color: rgba(227,52,52,.75) !important;
    box-shadow: 0 0 0 4px rgba(227,52,52,.12);
}


/* V11 Modernes Hauptmenü */
.hero-card.menu-parallax {
    position: relative;
    overflow: hidden;
    min-height: 190px;
    isolation: isolate;
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero-layer {
    position: absolute;
    border-radius: 999px;
    filter: blur(10px);
    opacity: .55;
    transition: transform .25s ease;
    pointer-events: none;
}

.hero-layer-a {
    width: 170px;
    height: 170px;
    right: -10px;
    top: -20px;
    background: radial-gradient(circle, rgba(227,52,52,.55), transparent 70%);
}

.hero-layer-b {
    width: 240px;
    height: 240px;
    left: 15%;
    bottom: -100px;
    background: radial-gradient(circle, rgba(255,255,255,.15), transparent 70%);
}

.hero-layer-c {
    width: 120px;
    height: 120px;
    left: -10px;
    top: 20px;
    background: radial-gradient(circle, rgba(101,217,75,.28), transparent 70%);
}

.menu-grid-modern {
    gap: 16px;
}

.menu-tile-modern {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) 26px;
    align-items: center;
    gap: 14px;
    position: relative;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.menu-tile-modern:hover {
    transform: translateY(-4px);
}

.menu-tile-modern::before {
    content: "";
    position: absolute;
    inset: auto -20% -45% auto;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(227,52,52,.12), transparent 70%);
}

.menu-icon-wrap {
    position: relative;
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
}

.menu-icon-bubble {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    font-size: 1.45rem;
    font-weight: 950;
    background: linear-gradient(135deg, rgba(227,52,52,.95), rgba(227,52,52,.72));
    box-shadow: 0 12px 30px rgba(227,52,52,.28);
    color: #fff;
    position: relative;
    z-index: 2;
}

.menu-icon-ring {
    position: absolute;
    inset: 2px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.18);
    transform: rotate(8deg);
}

.menu-copy {
    min-width: 0;
}

.menu-copy strong {
    display: block;
    margin-bottom: 4px;
}

.menu-arrow {
    color: var(--accent);
    font-size: 1.25rem;
    font-weight: 950;
}

.hidden {
    display: none !important;
}

@media (max-width: 720px) {
    .menu-tile-modern {
        grid-template-columns: 62px minmax(0, 1fr) 22px;
        padding: 14px;
    }

    .menu-icon-wrap {
        width: 52px;
        height: 52px;
    }

    .menu-icon-bubble {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 1.15rem;
    }
}


/* V12 Apple iOS-artiges Hauptmenü */
.ios-hero {
    min-height: 210px;
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
        radial-gradient(circle at 88% 18%, rgba(227,52,52,.22), transparent 30%),
        var(--card);
    box-shadow:
        0 28px 80px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.16);
}

:root[data-theme="light"] .ios-hero {
    background:
        linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,255,255,.72)),
        radial-gradient(circle at 88% 18%, rgba(227,52,52,.16), transparent 30%);
}

.ios-hero h1 {
    letter-spacing: -.07em;
}

.ios-hero-badge {
    position: absolute;
    right: 22px;
    bottom: 22px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    color: var(--muted);
    font-weight: 850;
    backdrop-filter: blur(14px);
}

.ios-hero-badge span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 5px rgba(101,217,75,.13);
}

.ios-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.ios-menu-tile {
    min-height: 132px;
    padding: 18px;
    display: grid !important;
    grid-template-columns: 66px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 15px;
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045)),
        var(--card);
    box-shadow:
        0 18px 50px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.11);
    transform: translateZ(0);
    will-change: transform;
}

:root[data-theme="light"] .ios-menu-tile {
    background: linear-gradient(145deg, #ffffff, #f4f6fa);
    box-shadow:
        0 18px 44px rgba(20,25,30,.10),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.ios-menu-tile:hover {
    transform: translateY(-5px) scale(1.012);
    border-color: rgba(255,255,255,.22);
}

.ios-menu-tile:active {
    transform: translateY(-1px) scale(.992);
}

.ios-menu-tile::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -72px;
    bottom: -88px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--tile-glow, rgba(227,52,52,.18)), transparent 70%);
    opacity: .9;
    transition: transform .25s ease, opacity .25s ease;
}

.ios-menu-tile:hover::before {
    transform: scale(1.12);
    opacity: 1;
}

.ios-icon-shell {
    width: 62px;
    height: 62px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    position: relative;
    background: linear-gradient(145deg, var(--tile-a), var(--tile-b));
    box-shadow:
        0 15px 28px var(--tile-shadow),
        inset 0 1px 0 rgba(255,255,255,.38),
        inset 0 -1px 0 rgba(0,0,0,.16);
    overflow: hidden;
}

.ios-icon-shell::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 19px;
    background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 48%);
}

.ios-icon-shell::after {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    right: -14px;
    bottom: -14px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
}

.ios-icon-glyph {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 2;
}

.ios-icon-glyph svg {
    width: 31px;
    height: 31px;
    display: block;
    overflow: visible;
}

.ios-icon-glyph svg path {
    fill: none;
    stroke: #fff;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.ios-menu-tile:hover .ios-icon-shell {
    animation: iosIconFloat .9s ease both;
}

@keyframes iosIconFloat {
    0% { transform: translateY(0) rotate(0deg); }
    45% { transform: translateY(-3px) rotate(-1deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

.menu-copy strong {
    font-size: 1.04rem;
    letter-spacing: -.025em;
}

.menu-copy small {
    line-height: 1.25;
}

.ios-chevron {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: var(--muted);
    font-size: 1.65rem;
    line-height: 1;
    transform: translateX(0);
    transition: transform .18s ease, color .18s ease;
}

.ios-menu-tile:hover .ios-chevron {
    color: var(--text);
    transform: translateX(3px);
}

/* Farbwelten pro App Icon */
.tone-green { --tile-a:#35d06a; --tile-b:#10a64f; --tile-shadow:rgba(24,190,88,.25); --tile-glow:rgba(47,216,111,.20); }
.tone-red { --tile-a:#ff5a5f; --tile-b:#d9282e; --tile-shadow:rgba(227,52,52,.28); --tile-glow:rgba(255,90,95,.22); }
.tone-blue { --tile-a:#5bb8ff; --tile-b:#0b75df; --tile-shadow:rgba(33,135,245,.25); --tile-glow:rgba(70,160,255,.20); }
.tone-violet { --tile-a:#a477ff; --tile-b:#6848d7; --tile-shadow:rgba(120,85,235,.25); --tile-glow:rgba(150,112,255,.20); }
.tone-orange { --tile-a:#ffb14a; --tile-b:#f06d21; --tile-shadow:rgba(255,128,35,.25); --tile-glow:rgba(255,160,60,.21); }
.tone-cyan { --tile-a:#54e2e7; --tile-b:#0aa4b8; --tile-shadow:rgba(30,190,205,.24); --tile-glow:rgba(75,220,225,.20); }
.tone-indigo { --tile-a:#6d8dff; --tile-b:#3d56d9; --tile-shadow:rgba(75,100,230,.25); --tile-glow:rgba(100,130,255,.20); }
.tone-pink { --tile-a:#ff77ba; --tile-b:#d93687; --tile-shadow:rgba(220,60,140,.24); --tile-glow:rgba(255,105,180,.20); }
.tone-slate { --tile-a:#9aa7b8; --tile-b:#596575; --tile-shadow:rgba(90,100,115,.25); --tile-glow:rgba(150,160,175,.18); }

@media (max-width: 1080px) {
    .ios-menu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .ios-hero {
        min-height: 185px;
        border-radius: 28px;
    }

    .ios-hero-badge {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 18px;
    }

    .ios-menu-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .ios-menu-tile {
        min-height: 104px;
        grid-template-columns: 58px minmax(0, 1fr) 20px;
        border-radius: 24px;
        padding: 14px;
    }

    .ios-icon-shell {
        width: 54px;
        height: 54px;
        border-radius: 17px;
    }

    .ios-icon-shell::before {
        border-radius: 16px;
    }

    .ios-icon-glyph {
        width: 30px;
        height: 30px;
    }

    .ios-icon-glyph svg {
        width: 28px;
        height: 28px;
    }
}


/* V13 Hauptmenü ohne Icons, weiterhin iOS-artig */
.ios-hero-clean {
    min-height: 210px;
}

.ios-menu-grid-clean {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ios-menu-tile-clean {
    min-height: 132px;
    padding: 20px 22px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 26px;
    align-items: center;
    gap: 14px;
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045)),
        var(--card);
    box-shadow:
        0 18px 50px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.11);
    position: relative;
    overflow: hidden;
}

:root[data-theme="light"] .ios-menu-tile-clean {
    background: linear-gradient(145deg, #ffffff, #f4f6fa);
    box-shadow:
        0 18px 44px rgba(20,25,30,.10),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.ios-menu-tile-clean::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.10), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.09), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 55%);
    pointer-events: none;
}

.ios-menu-tile-clean:hover {
    transform: translateY(-5px) scale(1.01);
}

.ios-menu-text {
    min-width: 0;
    position: relative;
    z-index: 2;
}

.ios-menu-topline {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.ios-menu-tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--accent);
    background: rgba(227,52,52,.10);
    border: 1px solid rgba(227,52,52,.18);
    backdrop-filter: blur(10px);
}

.ios-menu-tile-clean strong {
    display: block;
    font-size: 1.26rem;
    letter-spacing: -.035em;
    line-height: 1.1;
    margin-bottom: 8px;
}

.ios-menu-tile-clean small {
    display: block;
    font-size: .98rem;
    line-height: 1.35;
    color: var(--muted);
    max-width: 40ch;
}

.ios-chevron-clean {
    position: relative;
    z-index: 2;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 1.9rem;
    display: grid;
    place-items: center;
    color: var(--muted);
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    transition: transform .18s ease, color .18s ease, background .18s ease;
}

.ios-menu-tile-clean:hover .ios-chevron-clean {
    transform: translateX(3px);
    color: var(--text);
    background: rgba(255,255,255,.1);
}

@media (max-width: 1080px) {
    .ios-menu-grid-clean {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .ios-menu-grid-clean {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .ios-menu-tile-clean {
        min-height: 108px;
        padding: 16px 18px;
        border-radius: 24px;
    }

    .ios-menu-tile-clean strong {
        font-size: 1.14rem;
    }

    .ios-menu-tile-clean small {
        font-size: .92rem;
    }
}


/* V14 Hauptmenü Feintuning */
.ios-hero-v14 {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    padding: 30px;
    min-height: 245px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.14), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.10), transparent 24%),
        radial-gradient(circle at 70% 100%, rgba(90,130,255,.08), transparent 28%),
        var(--card);
    box-shadow:
        0 26px 80px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.14);
}

:root[data-theme="light"] .ios-hero-v14 {
    background:
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,249,252,.84)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.09), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.07), transparent 24%),
        radial-gradient(circle at 70% 100%, rgba(90,130,255,.07), transparent 28%);
    box-shadow:
        0 18px 44px rgba(20,25,30,.09),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.ios-hero-v14-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .75fr);
    gap: 24px;
    align-items: end;
}

.ios-hero-v14-copy {
    min-width: 0;
}

.hero-kicker {
    margin: 0 0 12px;
    font-size: .9rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--accent);
}

.ios-hero-v14 h1 {
    margin: 0;
    font-size: clamp(2.3rem, 5vw, 4rem);
    line-height: .98;
    letter-spacing: -.075em;
}

.hero-subline {
    display: block;
    max-width: 820px;
    margin-top: 16px;
    font-size: 1.08rem;
    line-height: 1.45;
    color: var(--muted);
}

.hero-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.hero-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: .86rem;
    font-weight: 800;
    color: var(--text);
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
    backdrop-filter: blur(14px);
}

:root[data-theme="light"] .hero-chip {
    background: rgba(255,255,255,.74);
    border-color: rgba(20,25,30,.08);
}

.ios-hero-v14-side {
    display: flex;
    justify-content: flex-end;
}

.status-glass-card {
    width: min(100%, 290px);
    padding: 18px 18px 16px;
    border-radius: 24px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter: blur(16px);
}

:root[data-theme="light"] .status-glass-card {
    background: rgba(255,255,255,.75);
    border-color: rgba(20,25,30,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.status-glass-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 6px rgba(101,217,75,.14);
}

.status-glass-card strong {
    font-size: 1rem;
}

.status-glass-card small {
    display: block;
    line-height: 1.45;
    color: var(--muted);
}

.ios-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ios-dashboard-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 154px;
    padding: 20px;
    border-radius: 30px;
    text-decoration: none;
    color: inherit;
    background:
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 18px 50px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.11);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

:root[data-theme="light"] .ios-dashboard-card {
    background: linear-gradient(145deg, #ffffff, #f4f6fa);
    box-shadow:
        0 16px 42px rgba(20,25,30,.09),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.ios-dashboard-card::before {
    content: "";
    position: absolute;
    inset: auto -40px -60px auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(227,52,52,.12), transparent 68%);
    pointer-events: none;
}

.ios-dashboard-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 48%);
    pointer-events: none;
}

.ios-dashboard-card:hover {
    transform: translateY(-5px) scale(1.008);
    border-color: rgba(255,255,255,.18);
}

.ios-dashboard-top,
.ios-dashboard-body {
    position: relative;
    z-index: 2;
}

.ios-dashboard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 26px;
}

.ios-dashboard-tag {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(227,52,52,.10);
    border: 1px solid rgba(227,52,52,.18);
    color: var(--accent);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ios-dashboard-arrow {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: var(--muted);
    font-size: 1.85rem;
    line-height: 1;
    transition: transform .18s ease, color .18s ease, background .18s ease;
}

.ios-dashboard-card:hover .ios-dashboard-arrow {
    transform: translateX(4px);
    color: var(--text);
    background: rgba(255,255,255,.10);
}

.ios-dashboard-body strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.34rem;
    line-height: 1.08;
    letter-spacing: -.04em;
}

.ios-dashboard-body small {
    display: block;
    max-width: 42ch;
    color: var(--muted);
    font-size: .98rem;
    line-height: 1.45;
}

@media (max-width: 980px) {
    .ios-hero-v14-grid {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .ios-hero-v14-side {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .ios-hero-v14 {
        padding: 22px 18px;
        border-radius: 28px;
        min-height: auto;
    }

    .hero-kicker {
        margin-bottom: 10px;
        font-size: .8rem;
    }

    .hero-subline {
        font-size: .98rem;
        margin-top: 14px;
    }

    .hero-chip-row {
        margin-top: 18px;
        gap: 8px;
    }

    .hero-chip {
        min-height: 30px;
        padding: 0 12px;
        font-size: .8rem;
    }

    .ios-dashboard-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .ios-dashboard-card {
        min-height: 126px;
        padding: 16px 16px 15px;
        border-radius: 24px;
    }

    .ios-dashboard-top {
        margin-bottom: 18px;
    }

    .ios-dashboard-body strong {
        font-size: 1.16rem;
    }

    .ios-dashboard-body small {
        font-size: .92rem;
    }
}


/* V15 - Wareneingang Feintuning */
.booking-hero-v15 {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .7fr);
    align-items: end;
    gap: 22px;
    padding: 28px;
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.13), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.09), transparent 24%),
        var(--card);
    box-shadow:
        0 24px 70px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.12);
}

:root[data-theme="light"] .booking-hero-v15 {
    background:
        linear-gradient(145deg, rgba(255,255,255,.97), rgba(246,248,252,.88)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.08), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.07), transparent 24%);
    box-shadow:
        0 18px 42px rgba(20,25,30,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.booking-hero-copy {
    min-width: 0;
}

.booking-status-card {
    justify-self: end;
    width: min(100%, 300px);
}

.booking-shell-v15 {
    display: grid;
    gap: 18px;
}

.booking-stage-card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    padding: 18px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
    box-shadow:
        0 18px 48px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.09);
}

:root[data-theme="light"] .booking-stage-card {
    background: linear-gradient(145deg, #ffffff, #f4f6fa);
    box-shadow:
        0 14px 34px rgba(20,25,30,.07),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.booking-stage-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(227,52,52,.06), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 36%);
    pointer-events: none;
}

.booking-stage-card > * {
    position: relative;
    z-index: 1;
}

.section-kicker {
    margin: 0 0 6px;
    color: var(--accent);
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.booking-inline-hint {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 14px 0 12px;
}

.booking-inline-hint span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--line);
    color: var(--muted);
    font-size: .86rem;
    font-weight: 700;
}

:root[data-theme="light"] .booking-inline-hint span {
    background: rgba(255,255,255,.82);
}

.booking-stage-card .search-panel {
    margin-bottom: 14px;
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
        var(--card2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

:root[data-theme="light"] .booking-stage-card .search-panel {
    background: linear-gradient(145deg, #ffffff, #f6f8fb);
}

.booking-stage-card .search-line {
    gap: 12px;
}

.booking-stage-card .search-input {
    min-height: 58px;
    border-radius: 20px;
}

.booking-stage-card .icon-btn,
.booking-stage-card .btn.primary[type="submit"] {
    min-height: 58px;
    border-radius: 20px;
}

.booking-stage-card .btn.primary[type="submit"] {
    padding-inline: 24px;
}

.booking-stage-card .swipe-track {
    padding-bottom: 10px;
}

.booking-stage-card .artikel-swipe-card {
    flex-basis: min(92vw, 500px);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
        var(--card2);
    box-shadow:
        0 14px 36px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.06);
}

:root[data-theme="light"] .booking-stage-card .artikel-swipe-card {
    background: linear-gradient(145deg, #ffffff, #f6f8fb);
}

.booking-stage-card .selected-item {
    border-radius: 20px;
    padding: 14px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
        var(--card2);
}

.booking-stage-card .empty-selection,
.booking-stage-card .booking-warning,
.booking-stage-card .chosen-project {
    border-radius: 18px;
}

.booking-stage-card .project-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.booking-stage-card .project-results button {
    min-height: 74px;
    border-radius: 18px;
    padding: 14px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
        var(--card2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

:root[data-theme="light"] .booking-stage-card .project-results button {
    background: linear-gradient(145deg, #ffffff, #f6f8fb);
}

.booking-stage-card .project-picker input {
    min-height: 56px;
    border-radius: 18px;
}

.booking-stage-card .chosen-project.ok {
    background:
        linear-gradient(145deg, rgba(101,217,75,.12), rgba(101,217,75,.06));
}

.booking-stage-card .btn.full {
    margin-top: 16px;
    min-height: 52px;
}

@media (max-width: 900px) {
    .booking-hero-v15 {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .booking-status-card {
        justify-self: start;
        width: min(100%, 100%);
    }
}

@media (max-width: 720px) {
    .booking-hero-v15 {
        padding: 20px 18px;
        border-radius: 28px;
        gap: 16px;
    }

    .booking-stage-card {
        padding: 16px;
        border-radius: 24px;
    }

    .booking-stage-card .project-results {
        grid-template-columns: 1fr;
    }

    .booking-inline-hint {
        gap: 8px;
        margin-top: 12px;
    }

    .booking-inline-hint span {
        font-size: .8rem;
        min-height: 28px;
        padding: 0 10px;
    }

    .booking-stage-card .artikel-swipe-card {
        flex-basis: min(92vw, 420px);
    }
}


/* V16 - Warenausgang Feintuning */
.booking-hero-ausgang {
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.18), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(255,160,60,.09), transparent 24%),
        var(--card);
}

:root[data-theme="light"] .booking-hero-ausgang {
    background:
        linear-gradient(145deg, rgba(255,255,255,.97), rgba(246,248,252,.88)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.10), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(255,160,60,.07), transparent 24%);
}

.status-dot-red {
    background: var(--accent);
    box-shadow: 0 0 0 6px rgba(227,52,52,.14);
}

.booking-hero-ausgang .hero-chip {
    background: rgba(227,52,52,.09);
    border-color: rgba(227,52,52,.17);
}

.booking-hero-ausgang + .booking-shell-v15 .step-badge {
    background: rgba(227,52,52,.18);
    border-color: rgba(227,52,52,.30);
}

.booking-hero-ausgang + .booking-shell-v15 .booking-stage-card::before {
    background:
        radial-gradient(circle at top right, rgba(227,52,52,.075), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 36%);
}


/* V17: Einheit ist Anzeige aus Artikelstamm und nicht editierbar */
.selected-row-fixed-unit {
    grid-template-columns: minmax(0, 1fr) 120px 34px;
}

.unit-display {
    min-height: 42px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
    color: var(--text);
    padding: 6px 10px;
    display: grid;
    align-content: center;
    gap: 1px;
}

:root[data-theme="light"] .unit-display {
    background: rgba(20,25,30,.035);
}

.unit-display span {
    display: block;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
    line-height: 1;
}

.unit-display strong {
    display: block;
    font-size: .95rem;
    font-weight: 900;
    overflow-wrap: anywhere;
    line-height: 1.15;
}

@media (max-width: 720px) {
    .selected-row-fixed-unit {
        grid-template-columns: minmax(0, 1fr) 100px 34px;
    }
}


/* V21 Historie und Admin Löschung */
.history-hero-v21 {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .7fr);
    align-items: end;
    gap: 22px;
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(120,85,235,.13), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(227,52,52,.08), transparent 24%),
        var(--card);
}

.history-status-card {
    justify-self: end;
    width: min(100%, 300px);
}

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

.history-metrics div {
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
    border: 1px solid var(--line);
    padding: 16px;
    box-shadow:
        0 14px 36px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.history-metrics span {
    display: block;
    color: var(--muted);
    font-weight: 900;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.history-metrics strong {
    display: block;
    margin-top: 6px;
    font-size: 1.7rem;
    letter-spacing: -.04em;
}

.history-filter-panel {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
}

.history-filter-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) minmax(140px, .55fr) minmax(180px, .75fr) minmax(160px, .65fr) minmax(150px, .6fr) auto;
    gap: 10px;
    align-items: center;
}

.history-filter-grid select {
    min-height: 54px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
}

.history-list {
    display: grid;
    gap: 14px;
}

.history-card {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 16px 42px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.08);
    padding: 16px;
}

.history-card::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 5px;
    background: var(--accent);
}

.history-in::before {
    background: var(--green);
}

.history-card header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 14px;
}

.history-card h2 {
    margin: 8px 0 0;
    font-size: 1.2rem;
    letter-spacing: -.03em;
}

.history-card header > strong {
    white-space: nowrap;
    font-size: 1.15rem;
}

.history-type {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    color: var(--text);
    background: rgba(227,52,52,.12);
    border: 1px solid rgba(227,52,52,.20);
    font-size: .78rem;
    font-weight: 900;
}

.history-in .history-type {
    background: rgba(101,217,75,.10);
    border-color: rgba(101,217,75,.22);
}

.history-data-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.history-data-grid div {
    border-radius: 16px;
    background: var(--card2);
    border: 1px solid var(--line);
    padding: 10px 12px;
    min-width: 0;
}

.history-data-grid span {
    display: block;
    color: var(--muted);
    font-weight: 900;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 3px;
}

.history-data-grid strong {
    display: block;
    overflow-wrap: anywhere;
}

.history-note {
    margin: 12px 0 0;
    color: var(--muted);
    border-top: 1px solid var(--line);
    padding-top: 12px;
}

.history-card footer {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
}

.btn.danger {
    background: rgba(227,52,52,.14);
    border-color: rgba(227,52,52,.28);
    color: var(--text);
}

.btn.danger:hover {
    background: rgba(227,52,52,.24);
}

@media (max-width: 1050px) {
    .history-filter-grid {
        grid-template-columns: 1fr 1fr;
    }

    .history-filter-grid .btn {
        grid-column: 1 / -1;
    }

    .history-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .history-data-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .history-hero-v21 {
        grid-template-columns: 1fr;
    }

    .history-status-card {
        justify-self: start;
        width: 100%;
    }

    .history-filter-grid {
        grid-template-columns: 1fr;
    }

    .history-metrics {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .history-metrics div {
        border-radius: 20px;
        padding: 13px;
    }

    .history-metrics strong {
        font-size: 1.35rem;
    }

    .history-card header {
        flex-direction: column;
    }

    .history-card header > strong {
        white-space: normal;
    }

    .history-data-grid {
        grid-template-columns: 1fr;
    }

    .history-card footer .btn {
        width: 100%;
    }
}


/* V25 Lagerbestand und Admin Bestandskorrektur */
.inventory-hero-v25 {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .7fr);
    align-items: end;
    gap: 22px;
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(70,160,255,.12), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.08), transparent 24%),
        var(--card);
}

.inventory-search-panel {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
}

.inventory-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.inventory-card {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 16px 42px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.08);
    padding: 16px;
    overflow: hidden;
}

.inventory-card header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}

.inventory-number {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(70,160,255,.12);
    border: 1px solid rgba(70,160,255,.22);
    color: var(--text);
    font-weight: 900;
    font-size: .82rem;
}

.inventory-card h2 {
    margin: 8px 0 0;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: -.035em;
}

.inventory-card header > strong {
    white-space: nowrap;
    font-size: 1.2rem;
}

.inventory-data-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.inventory-data-grid div {
    border-radius: 16px;
    background: var(--card2);
    border: 1px solid var(--line);
    padding: 10px 12px;
    min-width: 0;
}

.inventory-data-grid span {
    display: block;
    color: var(--muted);
    font-weight: 900;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 3px;
}

.inventory-data-grid strong {
    display: block;
    overflow-wrap: anywhere;
}

.stock-adjust-box {
    margin-top: 14px;
    border-top: 1px solid var(--line);
    padding-top: 12px;
}

.stock-adjust-box summary {
    cursor: pointer;
    list-style: none;
    color: var(--accent);
    font-weight: 900;
}

.stock-adjust-box summary::-webkit-details-marker {
    display: none;
}

.stock-adjust-box summary::after {
    content: " +";
}

.stock-adjust-box[open] summary::after {
    content: " –";
}

.stock-adjust-form {
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0, .55fr) minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.stock-adjust-form label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-weight: 850;
}

.stock-adjust-form input {
    min-height: 44px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
}

@media (max-width: 980px) {
    .inventory-grid {
        grid-template-columns: 1fr;
    }

    .stock-adjust-form {
        grid-template-columns: 1fr;
    }

    .stock-adjust-form .btn {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .inventory-hero-v25 {
        grid-template-columns: 1fr;
    }

    .inventory-card header {
        flex-direction: column;
    }

    .inventory-card header > strong {
        white-space: normal;
    }

    .inventory-data-grid {
        grid-template-columns: 1fr;
    }
}


/* V26 Projektabwicklung Feintuning */
.project-hero-v26 {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr);
    align-items: end;
    gap: 22px;
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(100,130,255,.13), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(227,52,52,.08), transparent 24%),
        var(--card);
}

:root[data-theme="light"] .project-hero-v26 {
    background:
        linear-gradient(145deg, rgba(255,255,255,.97), rgba(246,248,252,.88)),
        radial-gradient(circle at 0% 0%, rgba(100,130,255,.08), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(227,52,52,.06), transparent 24%);
}

.project-detail-hero-v26 {
    grid-template-columns: minmax(0, 1fr) auto;
}

.project-summary-v26 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.project-summary-v26 div {
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
    border: 1px solid var(--line);
    padding: 16px;
    box-shadow:
        0 14px 36px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.project-summary-v26 span {
    display: block;
    color: var(--muted);
    font-weight: 900;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.project-summary-v26 strong {
    display: block;
    margin-top: 6px;
    font-size: 1.55rem;
    letter-spacing: -.04em;
}

.project-search-panel-v26 {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
}

.project-filter-row-v26 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, .35fr) auto;
    gap: 10px;
    align-items: center;
}

.project-filter-row-v26 select {
    min-height: 54px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
}

.projekt-grid-v26 {
    gap: 18px;
}

.projekt-card-v26,
.verbrauch-card-v26 {
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.032)),
        var(--card);
    box-shadow:
        0 17px 46px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.projekt-card-v26 h2,
.verbrauch-card-v26 h2 {
    overflow-wrap: anywhere;
}

.compact-consumption-v26 {
    border-radius: 28px;
}

.verbrauch-grid-v26 {
    gap: 18px;
}

@media (max-width: 980px) {
    .project-hero-v26,
    .project-detail-hero-v26 {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .project-summary-v26 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-filter-row-v26 {
        grid-template-columns: 1fr;
    }

    .project-filter-row-v26 .btn {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .project-summary-v26 {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .project-summary-v26 div {
        border-radius: 20px;
        padding: 13px;
    }

    .project-summary-v26 strong {
        font-size: 1.25rem;
    }
}


/* V27 Bestand Import / Export */
.inventory-actions-v27 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin: -4px 0 18px;
    padding: 16px;
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 14px 36px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.bestand-import-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.file-import-label {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0 16px;
    background: var(--button);
    border: 1px solid var(--line);
    color: var(--text);
    font-weight: 900;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.file-import-label input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.import-message {
    margin: 0 0 18px;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid var(--line);
    font-weight: 850;
}

.import-message.ok {
    background: rgba(101,217,75,.10);
    border-color: rgba(101,217,75,.25);
    color: var(--text);
}

.import-message.error {
    background: rgba(227,52,52,.12);
    border-color: rgba(227,52,52,.28);
    color: var(--text);
}

@media (max-width: 720px) {
    .inventory-actions-v27,
    .bestand-import-form {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .inventory-actions-v27 .btn,
    .bestand-import-form .btn,
    .file-import-label {
        width: 100%;
        justify-content: center;
    }
}


/* V28: Import nur noch ein Button */
.bestand-import-form {
    margin: 0;
}

.file-import-label {
    user-select: none;
}

.file-import-label:hover {
    background: var(--button-hover);
}


/* V29 Artikel erstellen/bearbeiten, QR Druck, Scanner */
.article-editor-hero-v29,
.qr-hero-v29 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.12), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(70,160,255,.10), transparent 24%),
        var(--card);
}

.article-editor-card {
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.032)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 17px 46px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.08);
    padding: 18px;
    margin-bottom: 18px;
}

.article-editor-info {
    display: grid;
    gap: 4px;
    margin-bottom: 16px;
    color: var(--muted);
}

.article-editor-info strong {
    color: var(--text);
    font-size: 1.05rem;
}

.article-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.article-form-grid label {
    display: grid;
    gap: 6px;
}

.article-form-grid label span {
    color: var(--muted);
    font-weight: 850;
    font-size: .86rem;
}

.article-form-grid input,
.qr-controls select {
    min-height: 48px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
}

.article-form-actions {
    grid-column: 1 / -1;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.article-edit-layout,
.qr-layout-v29 {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 18px;
    align-items: start;
}

.article-edit-results {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    max-height: 520px;
    overflow: auto;
}

.article-result-row {
    text-align: left;
    border: 1px solid var(--line);
    background: var(--card2);
    color: var(--text);
    border-radius: 18px;
    padding: 13px 14px;
    cursor: pointer;
}

.article-result-row:hover {
    border-color: rgba(227,52,52,.35);
}

.article-result-row strong,
.article-result-row small {
    display: block;
}

.article-result-row small {
    margin-top: 3px;
    color: var(--muted);
}

.qr-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: end;
    margin-bottom: 14px;
}

.qr-controls label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-weight: 850;
}

.qr-selected-list {
    display: grid;
    gap: 10px;
}

.qr-selected-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px 34px;
    align-items: end;
    gap: 10px;
    border-radius: 18px;
    background: var(--card2);
    border: 1px solid var(--line);
    padding: 12px;
}

.qr-selected-item strong {
    overflow-wrap: anywhere;
}

.qr-selected-item label {
    color: var(--muted);
    font-weight: 850;
}

.qr-selected-item input {
    width: 100%;
    min-height: 38px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 0 10px;
}

.qr-print-area {
    border-radius: 30px;
    background: var(--card);
    border: 1px solid var(--line);
    padding: 18px;
    margin-bottom: 18px;
}

.qr-print-placeholder {
    color: var(--muted);
    text-align: center;
    padding: 22px;
}

.qr-print-labels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.qr-print-card {
    background: #fff;
    color: #111;
    border: 1px solid #d5d5d5;
    border-radius: 16px;
    padding: 12px;
    display: grid;
    gap: 10px;
    overflow: hidden;
}

.qr-print-card.label {
    grid-template-columns: 120px minmax(0, 1fr);
    min-height: 160px;
}

.qr-print-card.a4 {
    max-width: 760px;
    min-height: 980px;
    margin: 0 auto;
    align-content: start;
    text-align: center;
    padding: 28px;
}

.qr-print-card.a4 .qr-code-box img {
    width: min(520px, 100%);
}

.qr-code-box img {
    display: block;
    width: 112px;
    height: auto;
}

.qr-print-info h2 {
    margin: 0 0 8px;
    font-size: 1rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.qr-print-card.a4 .qr-print-info h2 {
    font-size: 1.7rem;
}

.qr-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    text-align: left;
}

.qr-field-grid div {
    border-bottom: 1px solid #e8e8e8;
    padding: 3px 0;
    min-width: 0;
}

.qr-field-grid span {
    display: block;
    color: #666;
    font-size: .66rem;
    font-weight: 700;
}

.qr-field-grid strong {
    display: block;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.qr-print-card.a4 .qr-field-grid {
    margin-top: 18px;
    gap: 9px;
}

.qr-print-card.a4 .qr-field-grid span {
    font-size: .82rem;
}

.qr-print-card.a4 .qr-field-grid strong {
    font-size: 1rem;
}

.qr-scan-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,.84);
    display: grid;
    place-items: center;
    padding: 18px;
}

.qr-scan-box {
    position: relative;
    width: min(520px, 100%);
    display: grid;
    gap: 12px;
    color: #fff;
}

.qr-scan-box video {
    width: 100%;
    border-radius: 24px;
    background: #000;
}

.qr-scan-frame {
    position: absolute;
    inset: 16% 14% auto 14%;
    aspect-ratio: 1;
    border: 3px solid rgba(255,255,255,.85);
    border-radius: 24px;
    box-shadow: 0 0 0 999px rgba(0,0,0,.18);
    pointer-events: none;
}

.qr-scan-box small {
    color: rgba(255,255,255,.75);
    text-align: center;
}

@media (max-width: 980px) {
    .article-edit-layout,
    .qr-layout-v29 {
        grid-template-columns: 1fr;
    }

    .qr-print-labels {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .article-form-grid {
        grid-template-columns: 1fr;
    }

    .qr-controls {
        grid-template-columns: 1fr;
    }

    .qr-controls .btn {
        width: 100%;
    }

    .qr-selected-item {
        grid-template-columns: 1fr 100px 34px;
    }

    .qr-print-card.label {
        grid-template-columns: 1fr;
    }

    .qr-code-box img {
        width: 160px;
        margin: 0 auto;
    }
}

@media print {
    .topbar,
    .footer,
    .legal,
    .qr-layout-v29,
    .qr-hero-v29,
    .page-title-card:not(.qr-hero-v29) {
        display: none !important;
    }

    body {
        background: #fff !important;
        color: #000 !important;
    }

    .page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .qr-print-area {
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff !important;
    }

    .qr-print-labels {
        grid-template-columns: repeat(2, 1fr);
        gap: 8mm;
    }

    .qr-print-card {
        break-inside: avoid;
        page-break-inside: avoid;
        border: 1px solid #000;
        border-radius: 0;
    }

    .qr-print-card.a4 {
        border: 0;
        min-height: auto;
        page-break-after: always;
    }
}


/* V30: Mobile Historie, Hauptmenü cleaner, Projekt ohne Summen */
.clean-main-hero-v30 {
    min-height: 150px;
}

.clean-main-hero-grid-v30 {
    grid-template-columns: 1fr;
}

.clean-main-hero-v30 .ios-hero-v14-copy {
    max-width: 100%;
}

.project-hero-v26 {
    grid-template-columns: 1fr;
}

/* Historie Suchbereich darf am Handy nicht breiter werden */
.history-filter-panel,
.history-filter-grid,
.history-filter-grid > *,
.history-filter-grid .search-input,
.history-filter-grid input,
.history-filter-grid select,
.history-filter-grid button {
    min-width: 0;
    max-width: 100%;
}

.history-filter-panel {
    overflow: hidden;
}

.history-filter-grid {
    width: 100%;
}

@media (max-width: 720px) {
    .history-filter-panel {
        padding: 14px;
        border-radius: 22px;
        width: 100%;
    }

    .history-filter-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px;
        width: 100%;
    }

    .history-filter-grid .search-input {
        width: 100%;
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .history-filter-grid select,
    .history-filter-grid .btn {
        width: 100%;
    }

    .clean-main-hero-v30 {
        min-height: 112px;
        padding: 20px 18px;
    }

    .clean-main-hero-v30 h1 {
        font-size: clamp(2rem, 9vw, 2.6rem);
    }
}

/* Scanner Hinweis sauber anzeigen */
.qr-scan-box small {
    background: rgba(0,0,0,.38);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    padding: 10px 12px;
}


/* V31: Artikel bearbeiten als Swipe-Karten und lokaler Scanner */
.article-edit-layout-v31 {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

.article-edit-panel-v31 {
    margin: 0 0 14px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.article-edit-search-area .swipe-track {
    padding-top: 4px;
}

.article-edit-card-v31 {
    flex-basis: min(92vw, 520px);
}

@media (max-width: 980px) {
    .article-edit-layout-v31 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .article-edit-panel-v31 .search-line {
        grid-template-columns: minmax(0, 1fr) 54px;
    }

    .article-edit-panel-v31 .search-line .btn.primary {
        grid-column: 1 / -1;
        width: 100%;
    }

    .article-edit-card-v31 {
        flex-basis: calc(100vw - 54px);
        max-width: calc(100vw - 54px);
    }
}


/* V33: funktionierender QR Scanner und Kamera Buttons */
.qr-scan-box-html5 {
    width: min(560px, 100%);
}

.qr-reader-local {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: #000;
}

.qr-reader-local video {
    border-radius: 24px;
}

.qr-reader-local img {
    display: none !important;
}

.qr-reader-local button,
.qr-reader-local select {
    min-height: 40px;
    border-radius: 12px;
    border: 0;
    padding: 0 12px;
    margin: 6px;
}

@media (max-width: 720px) {
    .inventory-search-panel .search-line,
    .qr-layout-v29 .search-line {
        grid-template-columns: minmax(0, 1fr) 54px;
    }

    .inventory-search-panel .search-line .btn.primary,
    .qr-layout-v29 .search-line .btn.primary {
        grid-column: 1 / -1;
        width: 100%;
    }
}


/* V34: Artikel bearbeiten mobile Breite + QR bei Artikel erstellen */
.article-edit-layout,
.article-edit-layout-v31,
.article-editor-card,
.article-form-grid,
.article-form-grid > *,
.article-form-grid label,
.article-form-grid input {
    min-width: 0;
    max-width: 100%;
}

.article-editor-card {
    overflow: hidden;
}

.article-form-grid input {
    width: 100%;
}

.article-create-layout-v34 {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    gap: 18px;
    align-items: start;
}

.create-qr-preview-card-v34 {
    position: sticky;
    top: 100px;
}

.create-qr-preview-v34 {
    display: grid;
    place-items: center;
}

.create-qr-card-v34 {
    min-height: auto !important;
    width: 100%;
    max-width: 520px;
    padding: 18px;
}

.create-qr-card-v34 .qr-code-box img {
    width: min(320px, 100%);
    margin: 0 auto 12px;
}

.create-qr-card-v34 .qr-print-info h2 {
    font-size: 1.25rem;
    text-align: center;
}

.create-qr-card-v34 .qr-field-grid {
    grid-template-columns: 1fr;
}

@media (max-width: 980px) {
    .article-create-layout-v34 {
        grid-template-columns: 1fr;
    }

    .create-qr-preview-card-v34 {
        position: static;
    }
}

@media (max-width: 720px) {
    .article-edit-layout,
    .article-edit-layout-v31 {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .article-editor-card {
        width: 100%;
        max-width: 100%;
        padding: 14px;
        border-radius: 24px;
    }

    .article-form-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
    }

    .article-form-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .article-form-actions .btn {
        width: 100%;
    }

    .create-qr-card-v34 {
        padding: 14px;
        border-radius: 18px;
    }
}



/* V35 automatische Artikelnummer */
.auto-number-field input[readonly] {
    background:
        linear-gradient(145deg, rgba(101,217,75,.11), rgba(101,217,75,.045)),
        var(--field);
    border-color: rgba(101,217,75,.28);
    font-weight: 950;
    letter-spacing: .02em;
}

.auto-number-field span {
    color: var(--green) !important;
}


/* V37: Bestände nicht auf Etiketten / Artikel erstellen ohne Bestand */
.article-create-form-card-v34 .article-editor-info span {
    max-width: 70ch;
}


/* V38 QR Druckformate: A4 Streifen und A4 ganzer Code */
.qr-print-labels {
    grid-template-columns: 1fr;
    gap: 10px;
}

.qr-print-card.strip {
    grid-template-columns: 120px minmax(0, 1fr);
    min-height: 138px;
    align-items: center;
}

.qr-print-card.strip .qr-code-box img {
    width: 108px;
}

.qr-print-card.strip .qr-print-info h2 {
    font-size: 1.05rem;
}

.qr-print-card.strip .qr-field-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.qr-print-a4 {
    display: grid;
    gap: 20px;
}

.qr-print-card.a4 {
    width: min(100%, 780px);
    min-height: 980px;
    display: grid;
    grid-template-rows: auto auto;
    justify-items: center;
}

.qr-print-card.a4 .qr-code-box img {
    width: min(620px, 88vw);
}

.qr-print-card.a4 .qr-field-grid {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@page {
    size: A4 portrait;
    margin: 10mm;
}

@media print {
    html,
    body {
        width: 210mm !important;
        min-height: 297mm !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        color: #000 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body * {
        visibility: hidden !important;
    }

    .qr-print-area,
    .qr-print-area * {
        visibility: visible !important;
    }

    .qr-print-area {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 190mm !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        display: block !important;
    }

    .qr-print-placeholder {
        display: none !important;
    }

    .qr-print-labels {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 4mm !important;
        width: 190mm !important;
        background: #fff !important;
    }

    .qr-print-card {
        visibility: visible !important;
        background: #fff !important;
        color: #000 !important;
        border: 0.35mm solid #000 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
        overflow: hidden !important;
    }

    .qr-print-card.strip {
        width: 190mm !important;
        height: 48mm !important;
        min-height: 48mm !important;
        max-height: 48mm !important;
        padding: 4mm 5mm !important;
        display: grid !important;
        grid-template-columns: 38mm minmax(0, 1fr) !important;
        gap: 5mm !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .qr-print-card.strip .qr-code-box img {
        width: 34mm !important;
        height: 34mm !important;
        margin: 0 !important;
    }

    .qr-print-card.strip .qr-print-info {
        min-width: 0 !important;
    }

    .qr-print-card.strip .qr-print-info h2 {
        font-size: 13pt !important;
        line-height: 1.12 !important;
        margin: 0 0 2.5mm !important;
        text-align: left !important;
    }

    .qr-print-card.strip .qr-field-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1.5mm 3mm !important;
        width: 100% !important;
    }

    .qr-print-card.strip .qr-field-grid div {
        border-bottom: 0.2mm solid #ddd !important;
        padding: 0.5mm 0 !important;
        min-width: 0 !important;
    }

    .qr-print-card.strip .qr-field-grid span {
        display: block !important;
        color: #555 !important;
        font-size: 6.5pt !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
    }

    .qr-print-card.strip .qr-field-grid strong {
        display: block !important;
        color: #000 !important;
        font-size: 8pt !important;
        line-height: 1.12 !important;
        overflow-wrap: anywhere !important;
    }

    .qr-print-a4 {
        display: block !important;
        width: 190mm !important;
        background: #fff !important;
    }

    .qr-print-card.a4 {
        width: 190mm !important;
        min-height: 277mm !important;
        padding: 12mm !important;
        border: 0 !important;
        display: grid !important;
        grid-template-rows: auto auto !important;
        justify-items: center !important;
        align-content: start !important;
        page-break-after: always !important;
        break-after: page !important;
    }

    .qr-print-card.a4:last-child {
        page-break-after: auto !important;
        break-after: auto !important;
    }

    .qr-print-card.a4 .qr-code-box img {
        width: 145mm !important;
        height: 145mm !important;
        margin: 0 auto 8mm !important;
    }

    .qr-print-card.a4 .qr-print-info {
        width: 100% !important;
    }

    .qr-print-card.a4 .qr-print-info h2 {
        font-size: 22pt !important;
        line-height: 1.15 !important;
        margin: 0 0 8mm !important;
        text-align: center !important;
    }

    .qr-print-card.a4 .qr-field-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 3mm 6mm !important;
        width: 100% !important;
    }

    .qr-print-card.a4 .qr-field-grid span {
        font-size: 8.5pt !important;
        color: #555 !important;
    }

    .qr-print-card.a4 .qr-field-grid strong {
        font-size: 11pt !important;
        color: #000 !important;
        overflow-wrap: anywhere !important;
    }

    /* verhindert schwarze UI-/Footer-Balken aus der App im Ausdruck */
    .topbar,
    footer,
    .footer,
    .legal,
    .bottom-bar,
    .page > *:not(.qr-print-area) {
        display: none !important;
        visibility: hidden !important;
    }
}


/* V39 Login, Benutzerverwaltung und Logo */
.logo-home-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 54px;
    border-radius: 18px;
    text-decoration: none;
}

.site-logo {
    display: block;
    width: 92px;
    max-height: 38px;
    object-fit: contain;
}

.logo-light-mode {
    display: none;
}

.logo-dark-mode {
    display: block;
}

:root[data-theme="light"] .logo-light-mode {
    display: block;
}

:root[data-theme="light"] .logo-dark-mode {
    display: none;
}

.login-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 20% 0%, rgba(227,52,52,.16), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.10), transparent 24%),
        #0f1012;
    display: grid;
    place-items: center;
    padding: 22px;
}

.login-shell {
    width: min(460px, 100%);
}

.login-card,
.user-admin-card-v39,
.user-card-v39 {
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 24px 70px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.10);
    padding: 22px;
}

.login-logo-wrap {
    margin-bottom: 20px;
}

.login-logo-wrap img {
    width: 150px;
    height: auto;
}

.login-card h1 {
    margin: 0 0 8px;
    font-size: 2.3rem;
    letter-spacing: -.06em;
}

.login-hint {
    color: var(--muted);
    margin: 0 0 18px;
}

.login-error {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(227,52,52,.15);
    border: 1px solid rgba(227,52,52,.3);
    margin-bottom: 14px;
}

.login-form,
.user-form-v39 {
    display: grid;
    gap: 12px;
}

.login-form label,
.user-form-v39 label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-weight: 850;
}

.login-form input,
.user-form-v39 input,
.user-form-v39 select {
    min-height: 48px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
    min-width: 0;
    max-width: 100%;
}

.user-hero-v39 {
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.13), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(70,160,255,.10), transparent 24%),
        var(--card);
}

.user-admin-card-v39 {
    margin-bottom: 18px;
}

.user-admin-card-v39 h2 {
    margin-top: 0;
}

.user-form-v39 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    align-items: end;
}

.user-form-v39.compact {
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    margin-top: 14px;
}

.user-list-v39 {
    display: grid;
    gap: 14px;
}

.user-card-v39 header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.user-card-v39 header strong,
.user-card-v39 header small {
    display: block;
}

.user-card-v39 header small {
    color: var(--muted);
    margin-top: 4px;
}

.user-status-pill {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(227,52,52,.12);
    border: 1px solid rgba(227,52,52,.25);
    font-weight: 850;
    white-space: nowrap;
}

@media (max-width: 980px) {
    .user-form-v39,
    .user-form-v39.compact {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .site-logo {
        width: 72px;
        max-height: 32px;
    }

    .logo-home-link {
        min-width: 46px;
        min-height: 46px;
    }

    .user-form-v39,
    .user-form-v39.compact {
        grid-template-columns: 1fr;
    }

    .user-form-v39 .btn,
    .user-card-v39 .btn {
        width: 100%;
    }

    .user-card-v39 header {
        display: grid;
    }

    .login-card {
        padding: 18px;
        border-radius: 26px;
    }
}


/* V40 Footer Loginanzeige und Logout */
.app-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px clamp(18px, 4vw, 48px);
    border-top: 1px solid var(--line);
    background: rgba(255,255,255,.02);
}

.footer-user {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.footer-user span,
.footer-user small {
    display: block;
}

.footer-user span {
    color: var(--text);
}

.footer-user small {
    margin-top: 3px;
    color: var(--muted);
    font-weight: 850;
}

.footer-logo-mini {
    width: 70px;
    display: grid;
    place-items: center;
}

.footer-logo-mini img {
    max-width: 70px;
    max-height: 34px;
    object-fit: contain;
}

.footer-logo-light {
    display: none;
}

.footer-logo-dark {
    display: block;
}

:root[data-theme="light"] .footer-logo-light {
    display: block;
}

:root[data-theme="light"] .footer-logo-dark {
    display: none;
}

.footer-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.home-footer-btn,
.logout-button {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--button);
    color: var(--text);
    border: 1px solid var(--line);
    text-decoration: none;
    font-weight: 900;
    padding: 0 18px;
}

.home-footer-btn {
    width: 46px;
    padding: 0;
    font-size: 1.25rem;
}

.logout-button:hover,
.home-footer-btn:hover {
    background: var(--button-hover);
}

@media (max-width: 720px) {
    .app-footer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px;
    }

    .footer-actions {
        justify-content: flex-end;
    }

    .footer-logo-mini {
        width: 58px;
    }

    .footer-logo-mini img {
        max-width: 58px;
    }
}


/* V41 Login Logo weiß und zentriert */
.login-logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 22px;
    width: 100%;
}

.login-logo-wrap img {
    width: min(210px, 72%);
    max-height: 80px;
    object-fit: contain;
}

.login-card .overline,
.login-card h1,
.login-card .login-hint,
.login-card .note {
    text-align: center;
}

.login-card .btn.full {
    justify-content: center;
}


/* V42 Logo Modus richtig herum + Headerplatzierung */
.header-left-v42 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.header-home-v42 {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
}

.header-logo-link-v42 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    min-width: 0;
}

.header-logo-link-v42 .site-logo {
    width: 118px;
    max-height: 42px;
    object-fit: contain;
}

/* Darkmode = weißes Logo */
.logo-light-mode {
    display: none !important;
}

.logo-dark-mode {
    display: block !important;
}

/* Lightmode = schwarzes Logo */
:root[data-theme="light"] .logo-light-mode {
    display: block !important;
}

:root[data-theme="light"] .logo-dark-mode {
    display: none !important;
}

/* Footer ebenfalls korrigieren: Dark weiß, Light schwarz */
.footer-logo-light {
    display: none !important;
}

.footer-logo-dark {
    display: block !important;
}

:root[data-theme="light"] .footer-logo-light {
    display: block !important;
}

:root[data-theme="light"] .footer-logo-dark {
    display: none !important;
}

/* Login immer weißes Logo, größer */
.login-logo-wrap img {
    width: min(275px, 88%) !important;
    max-height: 108px !important;
    object-fit: contain;
}

.login-card .note {
    display: none !important;
}

@media (max-width: 720px) {
    .header-left-v42 {
        gap: 9px;
    }

    .header-home-v42 {
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
    }

    .header-logo-link-v42 .site-logo {
        width: 94px;
        max-height: 34px;
    }

    .login-logo-wrap img {
        width: min(245px, 90%) !important;
    }
}


/* V43 finale Logozuordnung und Loginfix */
/* Dateien sind jetzt korrekt:
   logo-white.png = weißes Logo
   logo-black.png = schwarzes Logo
*/

/* Header: Dark = weiß */
.logo-light-mode {
    display: none !important;
}
.logo-dark-mode {
    display: block !important;
}

/* Header: Light = schwarz */
:root[data-theme="light"] .logo-light-mode {
    display: block !important;
}
:root[data-theme="light"] .logo-dark-mode {
    display: none !important;
}

/* Footer: Dark = weiß */
.footer-logo-light {
    display: none !important;
}
.footer-logo-dark {
    display: block !important;
}

/* Footer: Light = schwarz */
:root[data-theme="light"] .footer-logo-light {
    display: block !important;
}
:root[data-theme="light"] .footer-logo-dark {
    display: none !important;
}

/* Login immer weiß und größer */
.login-logo-wrap img {
    width: min(275px, 88%) !important;
    max-height: 108px !important;
    object-fit: contain !important;
}


/* V44: Logo nur noch auf Loginseite, Header wieder mit einem Hausbutton */
.header-left-v42,
.header-logo-link-v42,
.logo-home-link,
.site-logo:not(.login-logo-wrap img) {
    display: none !important;
}

.topbar > .home-button,
.topbar > .home-icon {
    display: inline-flex !important;
}

.footer-logo-mini {
    display: none !important;
}

/* Falls alte Headerklasse noch irgendwo greift */
.header-home-v42 {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
}

/* Loginlogo bleibt weiß und groß */
.login-logo-wrap img {
    width: min(275px, 88%) !important;
    max-height: 108px !important;
    object-fit: contain !important;
}


/* V45 Projekt anlegen */
.project-create-card-v45 {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 15px 38px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
    padding: 18px;
    margin-bottom: 18px;
    overflow: hidden;
}

.project-create-head-v45 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
}

.project-create-head-v45 h2 {
    margin: 0 0 6px;
    font-size: 1.35rem;
    letter-spacing: -.035em;
}

.project-create-head-v45 p {
    margin: 0;
    color: var(--muted);
}

.project-create-form-v45 {
    margin-top: 16px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(160px, .4fr) auto;
    gap: 10px;
    align-items: end;
}

.project-create-form-v45 label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-weight: 850;
    min-width: 0;
}

.project-create-form-v45 input,
.project-create-form-v45 select {
    min-height: 48px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
    min-width: 0;
    max-width: 100%;
}

.hidden {
    display: none !important;
}

@media (max-width: 980px) {
    .project-create-head-v45 {
        display: grid;
        align-items: start;
    }

    .project-create-head-v45 .btn {
        width: 100%;
    }

    .project-create-form-v45 {
        grid-template-columns: 1fr;
    }

    .project-create-form-v45 .btn {
        width: 100%;
    }
}


/* V46 Header final: exakt ein Hausbutton */
.topbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.topbar-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.topbar-left .home-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.topbar > .home-button:not(.topbar-left .home-button),
.topbar > .home-icon,
.header-left-v42,
.logo-home-link,
.header-logo-link-v42,
.site-logo:not(.login-logo-wrap img) {
    display: none !important;
}

.topbar-title {
    text-align: right;
    min-width: 0;
}

.topbar-title strong,
.topbar-title span {
    display: block;
}

.topbar-title span {
    color: var(--muted);
    margin-top: 3px;
}

@media (max-width: 720px) {
    .topbar {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
    }

    .topbar-title strong {
        font-size: .98rem;
    }

    .topbar-title span {
        font-size: .8rem;
    }
}


/* V47 Header Rundbutton, sichtbarer Switcher, Projektstatus/Löschen */
.topbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.topbar-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header-round-home-v47 {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    border-radius: 999px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.06)),
        var(--button) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    color: var(--text) !important;
    text-decoration: none !important;
    box-shadow:
        0 14px 34px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
    font-size: 1.25rem !important;
    font-weight: 950 !important;
}

.topbar > .home-button:not(.header-round-home-v47),
.topbar > .home-icon,
.header-left-v42,
.logo-home-link,
.header-logo-link-v42,
.site-logo:not(.login-logo-wrap img) {
    display: none !important;
}

.header-theme-toggle-v47,
.theme-toggle {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.project-status-edit-v47 label {
    display: grid;
    gap: 5px;
}

.project-status-edit-v47 span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.project-status-edit-v47 select {
    min-height: 38px;
    border-radius: 999px;
    border: 1px solid rgba(101,217,75,.24);
    background: rgba(101,217,75,.10);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
    font-weight: 900;
}

.footer-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.footer-button-group .btn.danger {
    min-height: 44px;
}

@media (max-width: 720px) {
    .topbar {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
    }

    .header-round-home-v47 {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
    }

    .footer-button-group {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .footer-button-group .btn {
        width: 100%;
    }
}


/* V49: Light/Dark Switcher sichtbar repariert */
.theme-toggle.theme-switch-v49,
.theme-switch-v49,
button[data-theme-toggle] {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 3px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.11)),
        rgba(255,255,255,.12) !important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.25),
        0 10px 24px rgba(0,0,0,.18) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

.theme-toggle.theme-switch-v49::before,
.theme-toggle.theme-switch-v49::after,
.theme-switch-v49::before,
.theme-switch-v49::after,
button[data-theme-toggle]::before,
button[data-theme-toggle]::after {
    content: none !important;
    display: none !important;
}

.theme-switch-v49 .theme-switch-knob,
.theme-toggle.theme-switch-v49 > span,
button[data-theme-toggle] > span {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow:
        0 7px 16px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
    transform: translateX(0) !important;
    transition: transform .22s ease, background .22s ease !important;
}

:root[data-theme="light"] .theme-toggle.theme-switch-v49,
:root[data-theme="light"] .theme-switch-v49,
:root[data-theme="light"] button[data-theme-toggle] {
    background:
        linear-gradient(145deg, rgba(227,52,52,.88), rgba(198,45,45,.92)) !important;
    border-color: rgba(227,52,52,.45) !important;
}

:root[data-theme="light"] .theme-switch-v49 .theme-switch-knob,
:root[data-theme="light"] .theme-toggle.theme-switch-v49 > span,
:root[data-theme="light"] button[data-theme-toggle] > span {
    transform: translateX(28px) !important;
    background: #fff !important;
}

@media (max-width: 720px) {
    .theme-toggle.theme-switch-v49,
    .theme-switch-v49,
    button[data-theme-toggle] {
        width: 58px !important;
        min-width: 58px !important;
        height: 34px !important;
        min-height: 34px !important;
    }

    .theme-switch-v49 .theme-switch-knob,
    .theme-toggle.theme-switch-v49 > span,
    button[data-theme-toggle] > span {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    :root[data-theme="light"] .theme-switch-v49 .theme-switch-knob,
    :root[data-theme="light"] .theme-toggle.theme-switch-v49 > span,
    :root[data-theme="light"] button[data-theme-toggle] > span {
        transform: translateX(24px) !important;
    }
}


/* V51: Switcher Funktion + Optik abgesichert */
:root[data-theme="dark"] .theme-switch-v49 .theme-switch-knob,
:root[data-theme="dark"] .theme-toggle.theme-switch-v49 > span,
:root[data-theme="dark"] button[data-theme-toggle] > span {
    transform: translateX(0) !important;
}

:root[data-theme="dark"] .theme-toggle.theme-switch-v49,
:root[data-theme="dark"] .theme-switch-v49,
:root[data-theme="dark"] button[data-theme-toggle] {
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.11)),
        rgba(255,255,255,.12) !important;
}

:root[data-theme="light"] .theme-toggle.theme-switch-v49,
:root[data-theme="light"] .theme-switch-v49,
:root[data-theme="light"] button[data-theme-toggle] {
    background:
        linear-gradient(145deg, rgba(227,52,52,.88), rgba(198,45,45,.92)) !important;
}


/* V54: QR-Code Vorschau bei Artikel erstellen passt sich sauber an */
.create-qr-preview-card-v34 {
    overflow: hidden;
}

.create-qr-preview-v34 {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    display: block;
}

.create-qr-preview-v34 .qr-print-card.a4,
.create-qr-card-v34 {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.create-qr-preview-v34 .qr-code-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.create-qr-preview-v34 .qr-code-box img {
    width: min(360px, 82%) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 14px !important;
    display: block !important;
}

.create-qr-preview-v34 .qr-print-info {
    width: 100%;
    max-width: 100%;
}

.create-qr-preview-v34 .qr-print-info h2 {
    font-size: clamp(1rem, 2.2vw, 1.35rem) !important;
    line-height: 1.15 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    margin-bottom: 12px !important;
}

.create-qr-preview-v34 .qr-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
}

.create-qr-preview-v34 .qr-field-grid div,
.create-qr-preview-v34 .qr-field-grid strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 980px) {
    .create-qr-preview-v34 .qr-code-box img {
        width: min(320px, 76vw) !important;
    }
}

@media (max-width: 720px) {
    .create-qr-preview-v34 .qr-print-card.a4,
    .create-qr-card-v34 {
        padding: 14px !important;
    }

    .create-qr-preview-v34 .qr-code-box img {
        width: min(280px, 78vw) !important;
    }

    .create-qr-preview-v34 .qr-field-grid {
        grid-template-columns: 1fr !important;
    }
}


/* V57 Artikel bearbeiten: wischbare Kacheln statt Dropdown */
.article-edit-layout-v57 {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 18px;
    align-items: start;
}

.article-edit-panel-v57 {
    margin: 0 0 14px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.article-edit-swipe-track-v57 {
    display: flex !important;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 4px 2px 12px;
    -webkit-overflow-scrolling: touch;
}

.article-edit-card-v57 {
    flex: 0 0 min(520px, calc(100vw - 54px));
    max-width: min(520px, calc(100vw - 54px));
    scroll-snap-align: start;
}

.article-edit-card-v57 .btn.full {
    width: 100%;
    justify-content: center;
    margin-top: 12px;
}

@media (max-width: 980px) {
    .article-edit-layout-v57 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .article-edit-panel-v57 .search-line {
        grid-template-columns: minmax(0, 1fr) 54px;
    }

    .article-edit-panel-v57 .search-line .btn.primary {
        grid-column: 1 / -1;
        width: 100%;
    }

    .article-edit-card-v57 {
        flex-basis: calc(100vw - 54px);
        max-width: calc(100vw - 54px);
    }
}


/* V58 QR Codes drucken: Artikelauswahl als wischbare Kacheln */
.qr-search-area-v58 {
    margin-top: 14px;
}

.qr-swipe-track-v58 {
    display: flex !important;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 4px 2px 12px;
    -webkit-overflow-scrolling: touch;
}

.qr-article-card-v58 {
    flex: 0 0 min(520px, calc(100vw - 54px));
    max-width: min(520px, calc(100vw - 54px));
    scroll-snap-align: start;
}

.qr-article-card-v58 .btn.full {
    width: 100%;
    justify-content: center;
    margin-top: 12px;
}

@media (max-width: 720px) {
    .qr-article-card-v58 {
        flex-basis: calc(100vw - 54px);
        max-width: calc(100vw - 54px);
    }
}


/* V59 QR Druck: keine zweite Leerseite und keine Fußzeile aus der App */
@media print {
    @page {
        size: A4 portrait;
        margin: 10mm;
    }

    html,
    body {
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        overflow: visible !important;
    }

    body.qr-printing-active {
        display: block !important;
    }

    body.qr-printing-active * {
        visibility: hidden !important;
    }

    body.qr-printing-active .qr-print-area,
    body.qr-printing-active .qr-print-area * {
        visibility: visible !important;
    }

    body.qr-printing-active .topbar,
    body.qr-printing-active .app-footer,
    body.qr-printing-active .footer,
    body.qr-printing-active .legal,
    body.qr-printing-active .qr-layout-v29,
    body.qr-printing-active .qr-hero-v29,
    body.qr-printing-active .page-title-card,
    body.qr-printing-active .qr-print-placeholder,
    body.qr-printing-active .page > *:not(.qr-print-area) {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.qr-printing-active .page {
        display: block !important;
        width: 190mm !important;
        max-width: 190mm !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        overflow: visible !important;
    }

    body.qr-printing-active .qr-print-area {
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 190mm !important;
        max-width: 190mm !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
        overflow: visible !important;
    }

    body.qr-printing-active .qr-print-labels {
        display: block !important;
        width: 190mm !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        background: #fff !important;
    }

    body.qr-printing-active .qr-print-card {
        visibility: visible !important;
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    body.qr-printing-active .qr-print-card.strip {
        width: 190mm !important;
        height: 45mm !important;
        min-height: 45mm !important;
        max-height: 45mm !important;
        margin: 0 0 4mm 0 !important;
        padding: 4mm 5mm !important;
        border: 0.35mm solid #000 !important;
        display: grid !important;
        grid-template-columns: 36mm minmax(0, 1fr) !important;
        gap: 5mm !important;
        align-items: center !important;
        overflow: hidden !important;
        page-break-after: auto !important;
        break-after: auto !important;
    }

    body.qr-printing-active .qr-print-card.strip:last-child {
        margin-bottom: 0 !important;
        page-break-after: auto !important;
        break-after: auto !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-code-box img {
        width: 32mm !important;
        height: 32mm !important;
        margin: 0 !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-print-info h2 {
        font-size: 12pt !important;
        line-height: 1.1 !important;
        margin: 0 0 2mm 0 !important;
        text-align: left !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-field-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1.2mm 3mm !important;
        width: 100% !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-field-grid span {
        font-size: 6pt !important;
        color: #555 !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-field-grid strong {
        font-size: 7.5pt !important;
        line-height: 1.1 !important;
        color: #000 !important;
        overflow-wrap: anywhere !important;
    }

    body.qr-printing-active .qr-print-a4 {
        display: block !important;
        width: 190mm !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    body.qr-printing-active .qr-print-card.a4 {
        width: 190mm !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 8mm 10mm !important;
        border: 0 !important;
        display: block !important;
        page-break-after: auto !important;
        break-after: auto !important;
        overflow: visible !important;
    }

    body.qr-printing-active .qr-print-card.a4:not(:last-child) {
        page-break-after: always !important;
        break-after: page !important;
    }

    body.qr-printing-active .qr-print-card.a4:last-child {
        page-break-after: auto !important;
        break-after: auto !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-code-box img {
        width: 135mm !important;
        height: 135mm !important;
        margin: 0 auto 7mm auto !important;
        display: block !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-print-info {
        width: 100% !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-print-info h2 {
        font-size: 20pt !important;
        line-height: 1.15 !important;
        margin: 0 0 6mm 0 !important;
        text-align: center !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-field-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 2.5mm 5mm !important;
        width: 100% !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-field-grid span {
        font-size: 8pt !important;
        color: #555 !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-field-grid strong {
        font-size: 10pt !important;
        color: #000 !important;
        overflow-wrap: anywhere !important;
    }
}


/* V60 Artikel löschen */
.article-form-actions .btn.danger {
    justify-content: center;
}

/* V61 Datensicherung */
.backup-hero-v61 {
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.04)),
        radial-gradient(circle at 0% 0%, rgba(70,160,255,.13), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.08), transparent 24%),
        var(--card);
}

.backup-action-card-v61 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
        var(--card);
    border: 1px solid var(--line);
    padding: 18px;
    margin-bottom: 18px;
    box-shadow:
        0 15px 38px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.backup-action-card-v61 p {
    margin: 4px 0 0;
    color: var(--muted);
}

.backup-grid-v61 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.backup-card-v61 {
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.032)),
        var(--card);
    border: 1px solid var(--line);
    padding: 16px;
    box-shadow:
        0 14px 36px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.backup-card-v61 header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.backup-card-v61 header strong,
.backup-card-v61 header small {
    display: block;
}

.backup-card-v61 header small {
    color: var(--muted);
    margin-top: 3px;
}

.backup-ok,
.backup-missing {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    font-weight: 900;
    white-space: nowrap;
}

.backup-ok {
    background: rgba(101,217,75,.12);
    border: 1px solid rgba(101,217,75,.24);
}

.backup-missing {
    background: rgba(227,52,52,.12);
    border: 1px solid rgba(227,52,52,.26);
}

.backup-meta-v61 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.backup-meta-v61 div {
    border-radius: 16px;
    background: var(--card2);
    border: 1px solid var(--line);
    padding: 10px;
}

.backup-meta-v61 span,
.backup-meta-v61 strong {
    display: block;
}

.backup-meta-v61 span {
    color: var(--muted);
    font-weight: 850;
    font-size: .78rem;
}

/* V63/V64 QR Streifenetiketten: 2-spaltig und scanbarer */
.qr-print-area.qr-print-labels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.qr-print-card.strip {
    display: grid;
    grid-template-columns: 138px minmax(0, 1fr) !important;
    gap: 14px;
    align-items: center;
    min-height: 196px !important;
}

.qr-print-card.strip .qr-code-box img {
    width: 140px !important;
    height: 140px !important;
    max-width: 140px !important;
    max-height: 140px !important;
}

.qr-print-card.strip .qr-print-info h2 {
    font-size: 1rem;
    line-height: 1.12;
    margin-bottom: 10px;
    text-align: left;
}

.qr-print-card.strip .qr-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
}

.qr-print-card.strip .qr-field-grid span,
.qr-print-card.strip .qr-field-grid strong {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* V66 Buchungsseiten Header bereinigt */
.hero-chip-row:empty {
    display: none !important;
}

@media (max-width: 900px) {
    .qr-print-area.qr-print-labels,
    .backup-grid-v61 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .backup-action-card-v61 {
        display: grid;
    }

    .backup-action-card-v61 .btn {
        width: 100%;
    }
}

@media print {
    body.qr-printing-active .qr-print-labels {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 5mm !important;
        row-gap: 4mm !important;
        width: 190mm !important;
        max-width: 190mm !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: start !important;
    }

    body.qr-printing-active .qr-print-card.strip {
        width: 92.5mm !important;
        min-width: 92.5mm !important;
        max-width: 92.5mm !important;
        height: 54mm !important;
        min-height: 54mm !important;
        max-height: 54mm !important;
        margin: 0 !important;
        padding: 3.5mm 3.5mm !important;
        border: 0.35mm solid #000 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: grid !important;
        grid-template-columns: 43mm minmax(0, 1fr) !important;
        gap: 2.8mm !important;
        align-items: center !important;
        overflow: hidden !important;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
        page-break-after: auto !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-code-box img {
        width: 37.8mm !important;
        height: 37.8mm !important;
        max-width: 37.8mm !important;
        max-height: 37.8mm !important;
        margin: 0 !important;
        display: block !important;
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: crisp-edges !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-print-info h2 {
        font-size: 8.7pt !important;
        line-height: 1.08 !important;
        margin: 0 0 1.3mm 0 !important;
        text-align: left !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-field-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.8mm 1.8mm !important;
        width: 100% !important;
        align-items: start !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-field-grid span {
        font-size: 4.9pt !important;
        line-height: 1.0 !important;
        color: #555 !important;
        display: block !important;
        margin-bottom: 0.2mm !important;
        overflow-wrap: anywhere !important;
    }

    body.qr-printing-active .qr-print-card.strip .qr-field-grid strong {
        font-size: 5.9pt !important;
        line-height: 1.02 !important;
        color: #000 !important;
        display: block !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
}


/* V72 korrigiert: A4 QR Etikett Text groß und automatischer Zeilenumbruch */
.qr-print-card.a4 .qr-print-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.qr-print-card.a4 .qr-print-info h2 {
    font-size: clamp(2.4rem, 5vw, 4.2rem) !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
    text-align: center !important;
    margin: 0 0 26px !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
    max-width: 100% !important;
}

.qr-print-card.a4 .qr-field-grid div,
.qr-print-card.a4 .qr-field-grid span,
.qr-print-card.a4 .qr-field-grid strong {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
}

.qr-print-card.a4 .qr-field-grid span {
    font-size: 1rem !important;
}

.qr-print-card.a4 .qr-field-grid strong {
    font-size: 1.35rem !important;
    line-height: 1.12 !important;
}

/* Druckausgabe A4 Ganzcode */
@media print {
    body.qr-printing-active .qr-print-card.a4 .qr-print-info {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-print-info h2 {
        font-size: 38pt !important;
        line-height: 1.05 !important;
        font-weight: 950 !important;
        letter-spacing: -0.045em !important;
        text-align: center !important;
        margin: 0 0 9mm 0 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        hyphens: auto !important;
        max-width: 100% !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-field-grid div,
    body.qr-printing-active .qr-print-card.a4 .qr-field-grid span,
    body.qr-printing-active .qr-print-card.a4 .qr-field-grid strong {
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        hyphens: auto !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-field-grid span {
        font-size: 10pt !important;
        line-height: 1.05 !important;
    }

    body.qr-printing-active .qr-print-card.a4 .qr-field-grid strong {
        font-size: 15pt !important;
        line-height: 1.12 !important;
        font-weight: 900 !important;
    }

    /* QR-Code minimal kleiner, damit der größere Text sicher auf einer Seite bleibt */
    body.qr-printing-active .qr-print-card.a4 .qr-code-box img {
        width: 128mm !important;
        height: 128mm !important;
        margin: 0 auto 8mm auto !important;
    }
}


/* V74 Rechner-Kacheln im Hauptmenü farblich leicht abgesetzt */
.ios-dashboard-card.calculator-tile-v74 {
    position: relative;
    overflow: hidden;
    border-color: rgba(0,140,255,.28) !important;
    background:
        linear-gradient(145deg, rgba(0,140,255,.16), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(0,140,255,.20), transparent 35%),
        var(--card) !important;
}

.ios-dashboard-card.calculator-tile-v74::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.06), transparent 55%);
    opacity: .85;
}

.ios-dashboard-card.calculator-tile-v74 .ios-dashboard-tag {
    background: rgba(0,140,255,.18) !important;
    border-color: rgba(0,140,255,.34) !important;
    color: rgba(230,245,255,.96) !important;
}

:root[data-theme="light"] .ios-dashboard-card.calculator-tile-v74 {
    border-color: rgba(0,105,210,.22) !important;
    background:
        linear-gradient(145deg, rgba(0,140,255,.11), rgba(255,255,255,.86)),
        radial-gradient(circle at 100% 0%, rgba(0,140,255,.16), transparent 35%),
        var(--card) !important;
}

:root[data-theme="light"] .ios-dashboard-card.calculator-tile-v74 .ios-dashboard-tag {
    background: rgba(0,105,210,.12) !important;
    border-color: rgba(0,105,210,.22) !important;
    color: #005cb8 !important;
}

/* V75 Datenblätter */
.ios-dashboard-card.datasheet-tile-v75{position:relative;overflow:hidden;border-color:rgba(101,217,75,.28)!important;background:linear-gradient(145deg,rgba(101,217,75,.14),rgba(255,255,255,.045)),radial-gradient(circle at 100% 0%,rgba(101,217,75,.18),transparent 35%),var(--card)!important}
.ios-dashboard-card.datasheet-tile-v75::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 55%);opacity:.85}
.ios-dashboard-card.datasheet-tile-v75 .ios-dashboard-tag{background:rgba(101,217,75,.16)!important;border-color:rgba(101,217,75,.32)!important;color:rgba(232,255,230,.96)!important}
.datasheet-hero-v75{border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045)),radial-gradient(circle at 0% 0%,rgba(101,217,75,.16),transparent 30%),radial-gradient(circle at 100% 0%,rgba(0,140,255,.12),transparent 28%),var(--card)}
.datasheet-search-card-v75,.datasheet-upload-card-v75,.datasheet-count-v75,.datasheet-card-v75{border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),var(--card);border:1px solid var(--line);box-shadow:0 18px 46px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.08)}
.datasheet-search-card-v75,.datasheet-upload-card-v75,.datasheet-count-v75{padding:16px;margin-bottom:16px}
.datasheet-search-grid-v75,.datasheet-upload-grid-v75{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr) minmax(180px,.7fr) auto;gap:12px;align-items:end}
.datasheet-upload-grid-v75{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.datasheet-search-grid-v75 label,.datasheet-upload-grid-v75 label{display:grid;gap:7px;min-width:0}
.datasheet-search-grid-v75 span,.datasheet-upload-grid-v75 span{color:var(--muted);font-weight:850;font-size:.82rem}
.datasheet-count-v75{display:flex;gap:8px;align-items:baseline}
.datasheet-count-v75 strong{font-size:2rem;letter-spacing:-.05em}.datasheet-count-v75 span{color:var(--muted)}
.datasheet-grid-v75{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.datasheet-card-v75{padding:16px;min-width:0}.datasheet-card-v75 header span,.datasheet-card-v75 header strong,.datasheet-card-v75 header small{display:block}.datasheet-card-v75 header span{color:#65d94b;font-weight:950;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.datasheet-card-v75 header strong{font-size:1.2rem;letter-spacing:-.035em;margin-top:5px;overflow-wrap:anywhere}.datasheet-card-v75 header small{color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.datasheet-card-v75 p{color:var(--muted);margin:12px 0 0}.datasheet-actions-v75{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.datasheet-actions-v75 form{display:inline}.datasheet-actions-v75 .btn{min-height:42px}
.datasheet-upload-card-v75 summary{cursor:pointer;display:grid;gap:4px}.datasheet-upload-card-v75 summary strong{font-size:1.1rem}.datasheet-upload-card-v75 summary span{color:var(--muted)}
@media(max-width:900px){.datasheet-search-grid-v75,.datasheet-upload-grid-v75,.datasheet-grid-v75{grid-template-columns:1fr}.datasheet-search-grid-v75 .btn{width:100%}}


/* V77 Rechnerseiten im normalen Lagerverwaltungs-Layout */
.calc-hero-v77 {
    border-radius: 34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.17), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(0,140,255,.13), transparent 28%),
        var(--card);
}

.calc-layout-v77 {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 16px;
}

@media (min-width: 980px) {
    .calc-layout-v77 {
        grid-template-columns: minmax(0,1fr) minmax(360px,.55fr);
    }
}

.calc-card-v77 {
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 18px 46px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
    overflow: hidden;
    margin-bottom: 16px;
}

.calc-card-head-v77 {
    padding: 18px;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
}

.calc-card-head-v77 strong,
.calc-card-head-v77 span {
    display: block;
}

.calc-card-head-v77 strong {
    font-size: .94rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
}

.calc-card-head-v77 span {
    margin-top: 5px;
    color: var(--muted2);
    font-size: .88rem;
    line-height: 1.3;
}

.calc-card-head-v77 em {
    font-style: normal;
    font-size: .78rem;
    font-weight: 900;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--line);
    white-space: nowrap;
    color: var(--muted);
}

.calc-card-body-v77 {
    padding: 18px;
}

.calc-form-grid-v77 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 700px) {
    .calc-form-grid-v77 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

.calc-form-grid-v77 label {
    display: grid;
    gap: 8px;
    background: var(--card2);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 12px;
    min-width: 0;
}

.calc-form-grid-v77 label span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 850;
}

.calc-form-grid-v77 label small {
    color: var(--muted2);
    font-weight: 800;
}

.calc-form-grid-v77 input,
.calc-form-grid-v77 select {
    width: 100%;
    min-height: 48px;
    background: var(--field);
    border: 1px solid var(--line2);
    color: var(--text);
    border-radius: 16px;
    padding: 0 12px;
    font: inherit;
    font-size: 1rem;
    outline: none;
}

.calc-form-grid-v77 input:focus,
.calc-form-grid-v77 select:focus {
    border-color: rgba(227,52,52,.48);
    box-shadow: 0 0 0 4px rgba(227,52,52,.12);
}

.calc-actions-v77 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.water-btn-v77 {
    background: linear-gradient(145deg,rgba(0,140,255,.95),rgba(0,105,210,.95)) !important;
    border-color: rgba(0,140,255,.45) !important;
}

.calc-water-card-v77,
.calc-datasheet-card-v77 {
    border-color: rgba(0,140,255,.22);
}

.calc-water-card-v77 .calc-card-head-v77,
.calc-datasheet-card-v77 .calc-card-head-v77 {
    background: linear-gradient(145deg, rgba(0,140,255,.15), rgba(0,140,255,.035));
}

.calc-water-card-v77 .calc-form-grid-v77 label {
    background: rgba(0,140,255,.10);
    border-color: rgba(0,140,255,.28);
}

.calc-kpis-v77 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

@media (min-width: 980px) {
    .calc-side-v77 .calc-kpis-v77 {
        grid-template-columns: 1fr;
    }
}

.calc-kpis-wide-v77 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.calc-kpis-v77 div {
    padding: 14px;
    background: var(--card2);
    border: 1px solid var(--line);
    border-radius: 22px;
    min-width: 0;
}

.calc-kpis-v77 span,
.calc-kpis-v77 strong,
.calc-kpis-v77 small {
    display: block;
}

.calc-kpis-v77 span {
    font-size: .75rem;
    color: var(--muted);
    font-weight: 850;
}

.calc-kpis-v77 strong {
    margin-top: 6px;
    font-size: clamp(1.5rem,4vw,2.4rem);
    font-weight: 950;
    letter-spacing: -.055em;
    line-height: 1;
}

.calc-kpis-v77 small {
    margin-top: 5px;
    color: var(--muted2);
    font-size: .74rem;
}

.datasheet-results-v77 {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.datasheet-empty-v77 {
    color: var(--muted);
    font-size: .92rem;
    padding: 12px;
    border-radius: 18px;
    background: var(--card2);
    border: 1px solid var(--line);
}

.datasheet-hit-v77 {
    background: var(--card2);
    border: 1px solid var(--line);
    border-radius: 22px;
    padding: 14px;
}

.datasheet-hit-v77 span,
.datasheet-hit-v77 strong,
.datasheet-hit-v77 small {
    display: block;
}

.datasheet-hit-v77 span {
    color: #65d94b;
    font-weight: 950;
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.datasheet-hit-v77 strong {
    margin-top: 4px;
    font-size: 1.05rem;
    letter-spacing: -.03em;
    overflow-wrap: anywhere;
}

.datasheet-hit-v77 small {
    margin-top: 4px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.datasheet-hit-actions-v77 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.calc-details-v77 details {
    background: var(--card2);
    border: 1px solid var(--line);
    border-radius: 22px;
    overflow: hidden;
}

.calc-details-v77 details + details {
    margin-top: 10px;
}

.calc-details-v77 summary {
    cursor: pointer;
    padding: 14px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.calc-details-v77 summary div strong,
.calc-details-v77 summary div span {
    display: block;
}

.calc-details-v77 summary div span {
    color: var(--muted);
    font-size: .82rem;
    margin-top: 3px;
}

.calc-details-v77 summary em {
    font-style: normal;
    white-space: nowrap;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.06);
    border-radius: 999px;
    padding: 7px 10px;
    font-weight: 900;
}

.mini-grid-v77 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0 14px 14px;
}

@media (min-width: 700px) {
    .mini-grid-v77 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

.mini-grid-v77 div {
    background: var(--card2);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 10px;
}

.mini-grid-v77 span,
.mini-grid-v77 strong {
    display: block;
}

.mini-grid-v77 span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
}

.mini-grid-v77 strong {
    margin-top: 5px;
}

.system-credit-v77 {
    text-align: center;
    color: var(--muted2);
    font-size: .72rem;
    line-height: 1.45;
    padding: 10px 14px max(14px, env(safe-area-inset-bottom));
}

@media (max-width: 720px) {
    .calc-card-head-v77,
    .calc-card-body-v77 {
        padding: 14px;
    }

    .calc-actions-v77 .btn {
        width: 100%;
    }

    .calc-kpis-wide-v77 {
        grid-template-columns: 1fr;
    }
}


/* V78 Share Ordner Kachel im Hauptmenü */
.ios-dashboard-card.share-tile-v78 {
    position: relative;
    overflow: hidden;
    border-color: rgba(227,52,52,.34) !important;
    background:
        linear-gradient(145deg, rgba(227,52,52,.20), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(227,52,52,.24), transparent 36%),
        var(--card) !important;
}

.ios-dashboard-card.share-tile-v78::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.13), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.06), transparent 55%);
    opacity: .9;
}

.ios-dashboard-card.share-tile-v78 .ios-dashboard-tag {
    background: rgba(227,52,52,.20) !important;
    border-color: rgba(227,52,52,.38) !important;
    color: rgba(255,235,235,.98) !important;
}

:root[data-theme="light"] .ios-dashboard-card.share-tile-v78 {
    border-color: rgba(190,35,35,.24) !important;
    background:
        linear-gradient(145deg, rgba(227,52,52,.12), rgba(255,255,255,.86)),
        radial-gradient(circle at 100% 0%, rgba(227,52,52,.16), transparent 36%),
        var(--card) !important;
}

:root[data-theme="light"] .ios-dashboard-card.share-tile-v78 .ios-dashboard-tag {
    background: rgba(227,52,52,.12) !important;
    border-color: rgba(190,35,35,.24) !important;
    color: #b92323 !important;
}


/* V79 Hauptmenü Hero mit großem Logo */
.hero-brand-v79 {
    min-height: 190px;
}

.hero-brand-copy-v79 {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.hero-brand-logo-v79 {
    position: relative;
    width: min(100%, 460px);
    max-width: 100%;
}

.hero-brand-logo-v79 img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.hero-brand-logo-v79 .logo-light-v79 {
    display: none;
}

:root[data-theme="light"] .hero-brand-logo-v79 .logo-dark-v79 {
    display: none;
}

:root[data-theme="light"] .hero-brand-logo-v79 .logo-light-v79 {
    display: block;
}

.hero-brand-v79 h1 {
    margin: 0;
    max-width: 100%;
    font-size: clamp(1.8rem, 4.4vw, 3.3rem);
    line-height: 1.02;
    letter-spacing: -0.055em;
}

@media (max-width: 720px) {
    .hero-brand-v79 {
        min-height: 150px;
    }

    .hero-brand-copy-v79 {
        gap: 14px;
    }

    .hero-brand-logo-v79 {
        width: min(100%, 300px);
    }

    .hero-brand-v79 h1 {
        font-size: clamp(1.45rem, 7vw, 2.15rem);
    }
}


/* V80 Hauptmenü Logo richtig je Theme und Überschrift über Logo */
.hero-brand-copy-v79 {
    align-items: flex-start;
}

.hero-brand-v79 h1 {
    margin-bottom: 0;
}

.hero-brand-logo-v79 {
    margin-top: 0;
}

.hero-brand-logo-v79 .logo-dark-v79 {
    display: block;
}

.hero-brand-logo-v79 .logo-light-v79 {
    display: none;
}

:root[data-theme="light"] .hero-brand-logo-v79 .logo-dark-v79 {
    display: none;
}

:root[data-theme="light"] .hero-brand-logo-v79 .logo-light-v79 {
    display: block;
}

.booking-hero-v80 {
    border-radius: 34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)),
        radial-gradient(circle at 0% 0%, rgba(227,52,52,.16), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.10), transparent 28%),
        var(--card);
}


/* V84 Materialliste BETA */
.materialbeta-tile-v84 {
    position: relative;
    overflow: hidden;
    border-color: rgba(174, 94, 255, .34) !important;
    background:
        linear-gradient(145deg, rgba(174,94,255,.18), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(174,94,255,.22), transparent 36%),
        var(--card) !important;
}
.materialbeta-tile-v84 .ios-dashboard-tag {
    background: rgba(174,94,255,.18) !important;
    border-color: rgba(174,94,255,.34) !important;
    color: rgba(246,235,255,.98) !important;
}

.material-hero-v84 {
    border-radius: 34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)),
        radial-gradient(circle at 0% 0%, rgba(174,94,255,.18), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(227,52,52,.12), transparent 28%),
        var(--card);
}

.material-filter-v84,
.material-add-v84,
.material-stats-v84 article,
.material-card-v84 {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 18px 46px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.material-filter-v84,
.material-add-v84 {
    padding: 16px;
    margin-bottom: 16px;
}

.material-filter-grid-v84,
.material-add-grid-v84 {
    display: grid;
    grid-template-columns: minmax(0,1.4fr) minmax(190px,.7fr) minmax(190px,.7fr) auto;
    gap: 12px;
    align-items: end;
}

.material-add-grid-v84 {
    grid-template-columns: repeat(2, minmax(0,1fr));
    margin-top: 14px;
}

.material-add-grid-v84 .wide {
    grid-column: 1 / -1;
}

.material-filter-grid-v84 label,
.material-add-grid-v84 label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.material-filter-grid-v84 span,
.material-add-grid-v84 span {
    color: var(--muted);
    font-size: .82rem;
    font-weight: 850;
}

.material-filter-grid-v84 input,
.material-filter-grid-v84 select,
.material-add-grid-v84 input {
    width: 100%;
    min-height: 48px;
    background: var(--field);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 0 12px;
    font: inherit;
}

.material-stats-v84 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.material-stats-v84 article {
    padding: 16px;
}

.material-stats-v84 strong,
.material-stats-v84 span {
    display: block;
}

.material-stats-v84 strong {
    font-size: 2rem;
    letter-spacing: -.05em;
}

.material-stats-v84 span {
    color: var(--muted);
}

.material-add-v84 summary {
    cursor: pointer;
    display: grid;
    gap: 4px;
}

.material-add-v84 summary strong {
    font-size: 1.1rem;
}

.material-add-v84 summary span {
    color: var(--muted);
}

.material-grid-v84 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
}

.material-card-v84 {
    padding: 16px;
    min-width: 0;
}

.material-card-v84 header span,
.material-card-v84 header strong,
.material-card-v84 header small {
    display: block;
}

.material-card-v84 header span {
    color: #b873ff;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.material-card-v84 header strong {
    margin-top: 5px;
    font-size: 1.25rem;
    line-height: 1.15;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

.material-card-v84 header small {
    margin-top: 5px;
    color: var(--muted);
    overflow-wrap: anywhere;
}

.material-chip-row-v84,
.material-dimbox-v84,
.material-tech-v84 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
    margin-top: 12px;
}

.material-chip-row-v84 div,
.material-dimbox-v84 div,
.material-tech-v84 div {
    padding: 10px;
    border-radius: 16px;
    background: var(--card2);
    border: 1px solid var(--line);
    min-width: 0;
}

.material-dimbox-v84 div {
    background: rgba(174,94,255,.09);
    border-color: rgba(174,94,255,.22);
}

.material-tech-v84 div {
    background: rgba(0,140,255,.09);
    border-color: rgba(0,140,255,.22);
}

.material-chip-row-v84 span,
.material-dimbox-v84 span,
.material-tech-v84 span,
.material-chip-row-v84 strong,
.material-dimbox-v84 strong,
.material-tech-v84 strong {
    display: block;
    overflow-wrap: anywhere;
}

.material-chip-row-v84 span,
.material-dimbox-v84 span,
.material-tech-v84 span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.material-chip-row-v84 strong,
.material-dimbox-v84 strong,
.material-tech-v84 strong {
    margin-top: 4px;
}

.material-note-v84 {
    color: var(--muted);
    margin: 12px 0 0;
    overflow-wrap: anywhere;
}

.material-details-v84 {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

.material-details-v84 summary {
    cursor: pointer;
    color: var(--muted);
    font-weight: 900;
}

.material-details-v84 p {
    color: var(--muted);
    font-size: .88rem;
    overflow-wrap: anywhere;
}

.system-credit-version-v84 {
    text-align: center;
    color: var(--muted);
    opacity: .75;
    font-size: .72rem;
    line-height: 1.45;
    padding: 10px 14px max(14px, env(safe-area-inset-bottom));
}

@media (max-width: 900px) {
    .material-filter-grid-v84,
    .material-add-grid-v84,
    .material-grid-v84,
    .material-stats-v84 {
        grid-template-columns: 1fr;
    }

    .material-filter-grid-v84 .btn,
    .material-add-grid-v84 .btn {
        width: 100%;
    }
}


/* V85 Materialliste bearbeiten */
.material-edit-v85 {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

.material-edit-v85 summary {
    cursor: pointer;
    color: var(--text);
    font-weight: 950;
}

.material-edit-grid-v85 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
    margin-top: 12px;
}

.material-edit-grid-v85 label {
    display: grid;
    gap: 6px;
    min-width: 0;
    background: var(--card2);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 10px;
}

.material-edit-grid-v85 label.wide {
    grid-column: 1 / -1;
}

.material-edit-grid-v85 span {
    color: var(--muted);
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.material-edit-grid-v85 input,
.material-edit-grid-v85 select {
    width: 100%;
    min-height: 42px;
    background: var(--field);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 0 10px;
    font: inherit;
}

.material-edit-grid-v85 .btn {
    grid-column: 1 / -1;
}

@media (max-width: 720px) {
    .material-edit-grid-v85 {
        grid-template-columns: 1fr;
    }
}


/* V87 Materialliste Desktop-Modus */
.material-view-toggle-v87,
.material-desktop-shell-v87 {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow:
        0 18px 46px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
    padding: 16px;
    margin-bottom: 16px;
}

.material-view-toggle-v87 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.material-view-toggle-v87 strong,
.material-view-toggle-v87 span {
    display: block;
}

.material-view-toggle-v87 span,
.material-desktop-head-v87 span {
    color: var(--muted);
    margin-top: 4px;
}

.material-view-buttons-v87 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.material-desktop-head-v87 {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.material-desktop-head-v87 strong {
    display: block;
    font-size: 1.1rem;
    letter-spacing: -.02em;
}

.material-table-wrap-v87 {
    overflow: auto;
    max-height: min(72vh, 760px);
    border: 1px solid var(--line);
    border-radius: 20px;
    background: var(--field);
    -webkit-overflow-scrolling: touch;
}

.material-table-v87 {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .9rem;
}

.material-table-v87 th,
.material-table-v87 td {
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 10px 12px;
    text-align: left;
    white-space: nowrap;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.material-table-v87 th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--card2);
    color: var(--muted);
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.material-table-v87 th:first-child,
.material-table-v87 td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--card2);
    box-shadow: 8px 0 18px rgba(0,0,0,.16);
}

.material-table-v87 th:first-child {
    z-index: 4;
}

.material-table-data-row-v87:hover td {
    background: rgba(174,94,255,.08);
}

.material-table-action-v87 .btn {
    min-height: 36px;
    padding: 0 12px;
    font-size: .82rem;
}

.material-table-edit-row-v87 td {
    white-space: normal;
    max-width: none;
    background:
        linear-gradient(145deg, rgba(174,94,255,.12), rgba(255,255,255,.03)),
        var(--card) !important;
    padding: 16px;
}

.material-table-edit-form-v87 {
    margin-top: 0;
}

@media (min-width: 1080px) {
    .material-table-edit-form-v87 {
        grid-template-columns: repeat(4, minmax(0,1fr));
    }

    .material-table-edit-form-v87 label.wide,
    .material-table-edit-form-v87 .btn {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .material-view-toggle-v87 {
        display: grid;
    }

    .material-view-buttons-v87 .btn {
        flex: 1 1 auto;
    }
}


/* V88 globaler Desktopmodus */
.topbar-switches-v88 {
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: flex-end;
}

.desktop-layout-toggle-v88 {
    min-height: 28px;
    min-width: 78px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--button);
    color: var(--muted);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font: inherit;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .02em;
}

.desktop-layout-toggle-v88 span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.65);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}

.desktop-layout-toggle-v88.active {
    background: linear-gradient(145deg, rgba(0,140,255,.95), rgba(0,105,210,.95));
    color: #fff;
    border-color: rgba(0,140,255,.45);
}

.desktop-layout-toggle-v88.active span {
    background: #fff;
}

:root[data-layout="desktop"] {
    --max: 1760px;
}

:root[data-layout="desktop"] .page {
    width: min(1760px, calc(100% - 22px));
    margin-top: 18px;
}

:root[data-layout="desktop"] .ios-dashboard-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 18px !important;
}

:root[data-layout="desktop"] .ios-dashboard-card {
    min-height: 170px;
    padding: 22px !important;
}

:root[data-layout="desktop"] .ios-dashboard-body strong {
    font-size: 1.35rem;
}

:root[data-layout="desktop"] .material-filter-grid-v84 {
    grid-template-columns: minmax(360px, 1.6fr) minmax(230px,.7fr) minmax(230px,.7fr) auto;
}

.material-category-strip-v88 {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 14px;
    align-items: center;
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
    padding: 14px 16px;
    margin-bottom: 16px;
}

.material-category-head-v88 strong,
.material-category-head-v88 span {
    display: block;
}

.material-category-head-v88 strong {
    font-weight: 950;
}

.material-category-head-v88 span {
    color: var(--muted);
    font-size: .84rem;
}

.material-category-buttons-v88 {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
}

.material-category-buttons-v88 a {
    flex: 0 0 auto;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--button);
    padding: 0 13px;
    color: var(--text);
    font-weight: 900;
    font-size: .86rem;
}

.material-category-buttons-v88 a.active {
    background: linear-gradient(145deg, rgba(174,94,255,.95), rgba(126,58,220,.95));
    border-color: rgba(174,94,255,.5);
    color: #fff;
}

.material-desktop-shell-v88 {
    display: none;
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
    overflow: hidden;
    margin-bottom: 18px;
}

:root[data-layout="desktop"] .material-desktop-shell-v88 {
    display: block;
}

:root[data-layout="desktop"] .material-grid-v84 {
    display: none;
}

.material-desktop-head-v88,
.material-desktop-edit-head-v88 {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
}

.material-desktop-head-v88 strong,
.material-desktop-head-v88 span,
.material-desktop-edit-head-v88 strong,
.material-desktop-edit-head-v88 span {
    display: block;
}

.material-desktop-head-v88 span,
.material-desktop-edit-head-v88 span {
    color: var(--muted);
    font-size: .86rem;
    margin-top: 3px;
}

.material-table-wrap-v88 {
    width: 100%;
    max-height: min(70vh, 760px);
    overflow: auto;
}

.material-table-v88 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: clamp(.68rem, .62vw, .86rem);
}

.material-table-v88 th,
.material-table-v88 td {
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 7px 8px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.material-table-v88 th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--card2);
    color: var(--muted);
    text-align: left;
    font-weight: 950;
}

.material-table-v88 td {
    background: rgba(255,255,255,.025);
}

.material-table-data-row-v88 {
    cursor: pointer;
}

.material-table-data-row-v88:hover td,
.material-table-data-row-v88.active td {
    background: rgba(174,94,255,.13);
}

.material-desktop-edit-panel-v88 {
    border-top: 1px solid var(--line);
    background: rgba(0,0,0,.12);
}

.material-desktop-edit-form-v88 {
    padding: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.material-desktop-edit-form-v88 label.wide {
    grid-column: span 2;
}

.material-desktop-edit-form-v88 .btn {
    grid-column: 1 / -1;
}

@media (max-width: 900px) {
    .topbar-switches-v88 {
        gap: 5px;
    }

    .desktop-layout-toggle-v88 {
        min-width: 68px;
        font-size: .62rem;
        padding: 2px 6px;
    }

    .desktop-layout-toggle-v88 span {
        width: 15px;
        height: 15px;
    }

    .material-category-strip-v88 {
        grid-template-columns: 1fr;
    }

    .material-desktop-edit-form-v88 {
        grid-template-columns: 1fr;
    }

    .material-desktop-edit-form-v88 label.wide {
        grid-column: 1;
    }
}


/* V89 Materialliste Desktop Feinschliff */
:root[data-layout="desktop"] {
    --max: 2400px;
}

:root[data-layout="desktop"] .page {
    width: min(2400px, calc(100% - 12px));
    padding-left: 6px;
    padding-right: 6px;
}

:root[data-layout="desktop"] .topbar {
    padding-left: 10px;
    padding-right: 10px;
}

:root[data-layout="desktop"] .material-category-strip-v88 {
    grid-template-columns: 1fr;
    align-items: start;
}

:root[data-layout="desktop"] .material-category-buttons-v88 {
    display: flex;
    flex-wrap: wrap;
    overflow-x: visible;
    gap: 8px;
    padding-bottom: 0;
}

:root[data-layout="desktop"] .material-category-buttons-v88 a {
    white-space: nowrap;
}

:root[data-layout="desktop"] .material-table-wrap-v88 {
    max-height: min(74vh, 820px);
}

:root[data-layout="desktop"] .material-table-v88 {
    width: 100%;
    min-width: 1800px;
    table-layout: auto;
    font-size: clamp(.62rem, .52vw, .78rem);
}

:root[data-layout="desktop"] .material-table-v88 th,
:root[data-layout="desktop"] .material-table-v88 td {
    white-space: nowrap;
    word-break: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6px 7px;
    max-width: 240px;
}

:root[data-layout="desktop"] .material-table-v88 th:nth-child(1),
:root[data-layout="desktop"] .material-table-v88 td:nth-child(1) {
    max-width: 125px;
}

:root[data-layout="desktop"] .material-table-v88 th:nth-child(2),
:root[data-layout="desktop"] .material-table-v88 td:nth-child(2) {
    max-width: 210px;
}

:root[data-layout="desktop"] .material-table-v88 th:nth-child(23),
:root[data-layout="desktop"] .material-table-v88 td:nth-child(23) {
    max-width: 360px;
}

:root[data-layout="desktop"] .material-desktop-edit-form-v88 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

:root[data-layout="desktop"] .material-desktop-edit-form-v88 label.wide {
    grid-column: span 3;
}

@media (max-width: 900px) {
    .material-category-buttons-v88 {
        flex-wrap: wrap;
        overflow-x: visible;
    }
}


/* Version 2.1 - Header, Desktopmodus, Sortierung */
.header-mode-label-v21 {
    justify-self: end;
    text-align: right;
}

.header-mode-label-v21 strong {
    display: block;
    font-size: .95rem;
    font-weight: 950;
}

.topbar-switches-v88 {
    min-width: 132px;
}

.desktop-layout-toggle-v21 {
    width: 64px;
    height: 36px;
    padding: 3px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.08)), var(--button);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.18), 0 10px 24px rgba(0,0,0,.12);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.desktop-switch-knob-v21 {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 7px 16px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.9);
    transition: transform .22s ease;
}

.desktop-layout-toggle-v21.active {
    background: linear-gradient(145deg, rgba(0,140,255,.95), rgba(0,105,210,.95));
    border-color: rgba(0,140,255,.45);
}

.desktop-layout-toggle-v21.active .desktop-switch-knob-v21 {
    transform: translateX(28px);
}

.desktop-switch-label-v21 {
    font-size: .72rem;
    color: var(--muted);
    font-weight: 900;
    margin-top: -2px;
}

:root[data-layout="desktop"] .desktop-switch-label-v21 {
    color: var(--text);
}

.potential-tile-v21 {
    border-color: rgba(255,190,90,.28) !important;
    background:
        linear-gradient(145deg, rgba(255,190,90,.12), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(255,190,90,.16), transparent 36%),
        var(--card) !important;
}

.disabled-tile-v21 {
    opacity: .72;
    cursor: default;
}

.disabled-tile-v21 .ios-dashboard-arrow {
    display: none !important;
}

.disabled-tile-v21 .ios-dashboard-body strong::after {
    content: " · Noch ohne Funktion";
    font-size: .82rem;
    color: var(--muted);
    font-weight: 800;
}

:root[data-layout="desktop"] .hero-card .ios-hero-v14-grid,
:root[data-layout="desktop"] .clean-main-hero-grid-v30 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
}

:root[data-layout="desktop"] .hero-brand-copy-v81,
:root[data-layout="desktop"] .ios-hero-v14-copy {
    order: 1;
    justify-self: start;
    text-align: left;
}

:root[data-layout="desktop"] .hero-brand-logo-v79,
:root[data-layout="desktop"] .hero-brand-logo-v81,
:root[data-layout="desktop"] .menu-header-logo-v82 {
    order: 2;
    justify-self: end;
}

/* Sortierbare Materialliste */
.material-table-v88 th button {
    all: unset;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    font-weight: 950;
    color: var(--muted);
}

.material-table-v88 th button:hover {
    color: var(--text);
}

.sort-indicator-v21::after {
    content: "↕";
    opacity: .45;
    font-size: .78rem;
}

.material-table-v88 th.sort-asc-v21 .sort-indicator-v21::after {
    content: "↑";
    opacity: 1;
}

.material-table-v88 th.sort-desc-v21 .sort-indicator-v21::after {
    content: "↓";
    opacity: 1;
}

@media (max-width: 760px) {
    .topbar-switches-v88 {
        min-width: 104px;
    }

    .desktop-layout-toggle-v21 {
        width: 56px;
        height: 32px;
    }

    .desktop-switch-knob-v21 {
        width: 26px;
        height: 26px;
    }

    .desktop-layout-toggle-v21.active .desktop-switch-knob-v21 {
        transform: translateX(24px);
    }

    .desktop-switch-label-v21 {
        font-size: .62rem;
    }

    .header-mode-label-v21 strong {
        font-size: .78rem;
    }
}


/* Version 2.2 - Hauptmenü Untermenü und farbliche Planungskacheln */
.warehouse-tile-v22 {
    border-color: rgba(101,217,75,.34) !important;
    background:
        linear-gradient(145deg, rgba(101,217,75,.17), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(101,217,75,.20), transparent 36%),
        var(--card) !important;
}

.warehouse-tile-v22 .ios-dashboard-tag {
    background: rgba(101,217,75,.17) !important;
    border-color: rgba(101,217,75,.34) !important;
    color: #a9ff9c !important;
}

.potential-project-tile-v22,
.potential-load-tile-v22 {
    position: relative;
    overflow: hidden;
}

.potential-project-tile-v22 {
    border-color: rgba(255,178,75,.38) !important;
    background:
        linear-gradient(145deg, rgba(255,178,75,.18), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(255,178,75,.24), transparent 36%),
        var(--card) !important;
}

.potential-load-tile-v22 {
    border-color: rgba(0,140,255,.38) !important;
    background:
        linear-gradient(145deg, rgba(0,140,255,.18), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(0,140,255,.25), transparent 36%),
        var(--card) !important;
}

.potential-project-tile-v22 .ios-dashboard-tag {
    background: rgba(255,178,75,.18) !important;
    border-color: rgba(255,178,75,.34) !important;
    color: #ffd89a !important;
}

.potential-load-tile-v22 .ios-dashboard-tag {
    background: rgba(0,140,255,.18) !important;
    border-color: rgba(0,140,255,.34) !important;
    color: #b9dcff !important;
}

.disabled-tile-v22 {
    opacity: .82;
    cursor: default;
}

.disabled-tile-v22 .ios-dashboard-arrow {
    display: none !important;
}

:root[data-theme="light"] .warehouse-tile-v22 .ios-dashboard-tag {
    color: #28721e !important;
}

:root[data-theme="light"] .potential-project-tile-v22 .ios-dashboard-tag {
    color: #a06400 !important;
}

:root[data-theme="light"] .potential-load-tile-v22 .ios-dashboard-tag {
    color: #005aa8 !important;
}

:root[data-layout="desktop"] .ios-dashboard-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
}

:root[data-layout="desktop"] .ios-dashboard-card {
    min-height: 190px;
}


/* Version 2.3 - Einstellungen und Feedback */
.settings-tile-v23 {
    border-color: rgba(160,160,180,.34) !important;
    background:
        linear-gradient(145deg, rgba(160,160,180,.17), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(160,160,180,.22), transparent 36%),
        var(--card) !important;
}

.settings-tile-v23 .ios-dashboard-tag {
    background: rgba(160,160,180,.17) !important;
    border-color: rgba(160,160,180,.34) !important;
}

.feedback-tile-v23 {
    border-color: rgba(255,105,180,.34) !important;
    background:
        linear-gradient(145deg, rgba(255,105,180,.16), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(255,105,180,.22), transparent 36%),
        var(--card) !important;
}

.feedback-tile-v23 .ios-dashboard-tag {
    background: rgba(255,105,180,.16) !important;
    border-color: rgba(255,105,180,.34) !important;
    color: #ffc8e4 !important;
}

.feedback-hero-v23 {
    border-radius: 34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)),
        radial-gradient(circle at 0% 0%, rgba(255,105,180,.18), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(0,140,255,.10), transparent 28%),
        var(--card);
}

.feedback-form-card-v23,
.feedback-item-v23,
.feedback-filter-v23 {
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
        var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
    padding: 16px;
    margin-bottom: 16px;
}

.feedback-form-card-v23 h2 {
    margin: 0 0 12px;
}

.feedback-form-v23 {
    display: grid;
    grid-template-columns: minmax(180px,.45fr) minmax(260px,1fr);
    gap: 12px;
}

.feedback-form-v23 label,
.feedback-admin-edit-v23 label {
    display: grid;
    gap: 7px;
}

.feedback-form-v23 label.wide {
    grid-column: 1 / -1;
}

.feedback-form-v23 span,
.feedback-admin-edit-v23 span {
    color: var(--muted);
    font-size: .82rem;
    font-weight: 900;
}

.feedback-form-v23 input,
.feedback-form-v23 select,
.feedback-form-v23 textarea,
.feedback-admin-edit-v23 textarea {
    width: 100%;
    background: var(--field);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px;
    font: inherit;
}

.feedback-form-v23 .btn {
    grid-column: 1 / -1;
    justify-self: start;
}

.feedback-filter-v23 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.feedback-filter-v23 a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--button);
    padding: 0 13px;
    font-weight: 900;
}

.feedback-filter-v23 a.active {
    background: linear-gradient(145deg, rgba(255,105,180,.95), rgba(210,70,145,.95));
    color: #fff;
}

.feedback-list-v23 {
    display: grid;
    gap: 14px;
}

.feedback-item-v23 header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.feedback-item-v23 header span,
.feedback-item-v23 header small,
.feedback-done-v23 {
    color: var(--muted);
}

.feedback-item-v23 h2 {
    margin: 4px 0;
    font-size: 1.25rem;
}

.feedback-item-v23 header strong {
    border-radius: 999px;
    padding: 7px 11px;
    background: rgba(227,52,52,.14);
    color: #ffb9b9;
    border: 1px solid rgba(227,52,52,.22);
    white-space: nowrap;
}

.feedback-item-v23.done header strong {
    background: rgba(101,217,75,.14);
    color: #b8ffae;
    border-color: rgba(101,217,75,.22);
}

.feedback-admin-note-v23 {
    margin-top: 12px;
    padding: 12px;
    border-radius: 18px;
    background: var(--card2);
    border: 1px solid var(--line);
}

.feedback-admin-note-v23 span {
    display: block;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 950;
    text-transform: uppercase;
}

.feedback-admin-note-v23 p {
    margin: 6px 0 0;
}

.feedback-admin-edit-v23 {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.feedback-admin-edit-v23 summary {
    cursor: pointer;
    font-weight: 950;
}

.feedback-admin-edit-v23 form {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.feedback-check-v23 {
    display: inline-flex !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px !important;
}

.feedback-check-v23 input {
    width: 20px;
    height: 20px;
}

@media (max-width: 720px) {
    .feedback-form-v23 {
        grid-template-columns: 1fr;
    }

    .feedback-item-v23 header {
        display: grid;
    }
}


/* Version 2.4 - Header-Switches, Berechnungshilfen, VK-Spalte */
.topbar {
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
}

.header-mode-label-v24 {
    justify-self: end;
    text-align: right;
    padding-right: 6px;
}

.header-mode-label-v24 span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.topbar-switches-v24 {
    display: grid;
    gap: 8px;
    min-width: 275px;
}

.switch-row-v24 {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) 64px;
    align-items: center;
    gap: 12px;
}

.switch-row-v24 strong {
    justify-self: end;
    color: var(--text);
    font-size: .92rem;
    font-weight: 950;
    white-space: nowrap;
}

/* Desktop-Schalter optisch an Hell/Dunkel-Schalter angleichen */
.desktop-layout-toggle-v21 {
    width: 64px !important;
    min-width: 64px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 3px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.11)),
        rgba(255,255,255,.12) !important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.25),
        0 10px 24px rgba(0,0,0,.18) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.desktop-switch-knob-v21 {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow:
        0 7px 16px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
    transform: translateX(0) !important;
    transition: transform .22s ease !important;
}

.desktop-layout-toggle-v21.active {
    background:
        linear-gradient(145deg, rgba(0,140,255,.94), rgba(0,105,210,.96)) !important;
    border-color: rgba(0,140,255,.45) !important;
}

.desktop-layout-toggle-v21.active .desktop-switch-knob-v21 {
    transform: translateX(28px) !important;
}

.calcgroup-tile-v24 {
    border-color: rgba(0,180,180,.34) !important;
    background:
        linear-gradient(145deg, rgba(0,180,180,.16), rgba(255,255,255,.045)),
        radial-gradient(circle at 100% 0%, rgba(0,180,180,.22), transparent 36%),
        var(--card) !important;
}

.calcgroup-tile-v24 .ios-dashboard-tag {
    background: rgba(0,180,180,.16) !important;
    border-color: rgba(0,180,180,.34) !important;
    color: #b9ffff !important;
}

/* VK-Spalte in Desktop-Tabelle leicht absetzen.
   Aktuelle Reihenfolge: Kategorie, Bezeichnung, Lieferant, Lieferanten-Nr., Lager-Nr., Art, Sorte, Weiteres, Gebinde, Größe, EK, Marge, VK. */
.material-table-v88 th:nth-child(13),
.material-table-v88 td:nth-child(13) {
    background:
        linear-gradient(145deg, rgba(101,217,75,.13), rgba(101,217,75,.05)),
        rgba(101,217,75,.05) !important;
    border-left-color: rgba(101,217,75,.24) !important;
    border-right-color: rgba(101,217,75,.24) !important;
}

.material-table-v88 th:nth-child(13) button {
    color: #b9ffaf !important;
}

:root[data-theme="light"] .material-table-v88 th:nth-child(13),
:root[data-theme="light"] .material-table-v88 td:nth-child(13) {
    background:
        linear-gradient(145deg, rgba(101,217,75,.20), rgba(101,217,75,.08)),
        rgba(101,217,75,.08) !important;
}

:root[data-theme="light"] .material-table-v88 th:nth-child(13) button {
    color: #267818 !important;
}

@media (max-width: 760px) {
    .topbar {
        grid-template-columns: 46px minmax(0, 1fr) auto !important;
        gap: 8px !important;
    }

    .header-mode-label-v24 {
        display: none;
    }

    .topbar-switches-v24 {
        min-width: 204px;
        gap: 6px;
    }

    .switch-row-v24 {
        grid-template-columns: minmax(108px, 1fr) 56px;
        gap: 8px;
    }

    .switch-row-v24 strong {
        font-size: .72rem;
    }

    .desktop-layout-toggle-v21 {
        width: 56px !important;
        min-width: 56px !important;
        height: 32px !important;
        min-height: 32px !important;
    }

    .desktop-switch-knob-v21 {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }

    .desktop-layout-toggle-v21.active .desktop-switch-knob-v21 {
        transform: translateX(24px) !important;
    }
}


/* Version 2.5 - Vorschläge beim Anlegen neuer Materiallisten-Einträge */
.material-add-v84 input[list] {
    background-image: linear-gradient(90deg, transparent, rgba(174,94,255,.08));
    background-repeat: no-repeat;
}

.material-add-v84 input[list]:focus {
    border-color: rgba(174,94,255,.45);
    box-shadow: 0 0 0 3px rgba(174,94,255,.10);
}


/* Version 2.7 - kompletter alternativer Software-/ERP-Look */

/* Dritter Wischer */
.software-layout-toggle-v26 {
    width: 64px !important;
    min-width: 64px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 3px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.11)),
        rgba(255,255,255,.12) !important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.25),
        0 10px 24px rgba(0,0,0,.18) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.software-switch-knob-v26 {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.9) !important;
    transform: translateX(0) !important;
    transition: transform .22s ease !important;
}

.software-layout-toggle-v26.active {
    background: linear-gradient(145deg, rgba(124,92,255,.95), rgba(72,69,255,.96)) !important;
    border-color: rgba(124,92,255,.52) !important;
}

.software-layout-toggle-v26.active .software-switch-knob-v26 {
    transform: translateX(28px) !important;
}

@media (min-width: 980px) {
    :root[data-design="software"] {
        --software-sidebar: 292px;
        --max: 100vw;
        --bg: #eef2f7;
        --card: #ffffff;
        --card2: #f5f7fb;
        --text: #111827;
        --muted: #64748b;
        --line: rgba(15,23,42,.10);
        --button: #f2f4f8;
        --button-hover: #e7ebf1;
        --field: #ffffff;
        --shadow: 0 18px 50px rgba(15,23,42,.08);
    }

    :root[data-theme="dark"][data-design="software"] {
        --bg: #0b1020;
        --card: #111827;
        --card2: #182235;
        --text: #f8fafc;
        --muted: #94a3b8;
        --line: rgba(148,163,184,.16);
        --button: #182235;
        --button-hover: #22304a;
        --field: #0f172a;
        --shadow: 0 22px 60px rgba(0,0,0,.32);
    }

    :root[data-design="software"] body {
        background:
            radial-gradient(circle at 0% 0%, rgba(227,52,52,.09), transparent 520px),
            radial-gradient(circle at 100% 0%, rgba(72,69,255,.12), transparent 560px),
            linear-gradient(180deg, #f7f9fc 0%, var(--bg) 100%) !important;
        min-height: 100vh;
    }

    :root[data-theme="dark"][data-design="software"] body {
        background:
            radial-gradient(circle at 0% 0%, rgba(227,52,52,.14), transparent 520px),
            radial-gradient(circle at 100% 0%, rgba(72,69,255,.18), transparent 560px),
            linear-gradient(180deg, #080d18 0%, var(--bg) 100%) !important;
    }

    /* Header wird zur festen linken Seitenleiste */
    :root[data-design="software"] .topbar {
        position: fixed !important;
        inset: 18px auto 18px 18px !important;
        width: var(--software-sidebar) !important;
        height: calc(100vh - 36px) !important;
        min-height: 0 !important;
        padding: 18px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto 1fr auto !important;
        align-items: start !important;
        gap: 18px !important;
        border: 1px solid var(--line) !important;
        border-radius: 30px !important;
        background: linear-gradient(180deg, var(--card), var(--card2)) !important;
        box-shadow: 0 24px 70px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.08) !important;
        z-index: 50 !important;
    }

    :root[data-theme="dark"][data-design="software"] .topbar {
        box-shadow: 0 28px 90px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.06) !important;
    }

    :root[data-design="software"] .topbar-left {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    :root[data-design="software"] .topbar-left::after {
        content: "Kolbeck System";
        margin-left: 12px;
        font-weight: 950;
        font-size: 1.12rem;
        letter-spacing: -.04em;
        color: var(--text);
    }

    :root[data-design="software"] .header-round-home-v47 {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        border-radius: 16px !important;
        background: linear-gradient(145deg, rgba(227,52,52,.96), rgba(190,30,45,.96)) !important;
        color: #fff !important;
        border: 0 !important;
        box-shadow: 0 16px 34px rgba(227,52,52,.24) !important;
    }

    :root[data-design="software"] .header-mode-label-v24 {
        width: 100%;
        justify-self: stretch;
        text-align: left;
        padding: 16px 0 0;
        border-top: 1px solid var(--line);
    }

    :root[data-design="software"] .header-mode-label-v24 span {
        display: block;
        font-size: .78rem;
        color: var(--muted);
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    :root[data-design="software"] .header-mode-label-v24::after {
        content: "Arbeitsbereich";
        display: block;
        margin-top: 6px;
        font-size: 1.45rem;
        font-weight: 950;
        line-height: 1.05;
        letter-spacing: -.06em;
        color: var(--text);
    }

    :root[data-design="software"] .topbar-switches-v24 {
        align-self: end !important;
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        gap: 12px !important;
        padding-top: 16px !important;
        border-top: 1px solid var(--line) !important;
    }

    :root[data-design="software"] .switch-row-v24 {
        grid-template-columns: minmax(0, 1fr) 64px !important;
        min-height: 44px !important;
        gap: 12px !important;
        padding: 10px 10px 10px 12px !important;
        border-radius: 18px !important;
        background: var(--card) !important;
        border: 1px solid var(--line) !important;
    }

    :root[data-design="software"] .switch-row-v24 strong {
        justify-self: start !important;
        white-space: normal !important;
        font-size: .86rem !important;
        line-height: 1.12 !important;
        color: var(--text) !important;
    }

    /* Hauptbereich als Workspace */
    :root[data-design="software"] .page {
        width: auto !important;
        max-width: none !important;
        margin: 18px 18px 54px calc(var(--software-sidebar) + 42px) !important;
        padding: 0 !important;
    }

    :root[data-design="software"] .system-credit-version-v84 {
        margin-left: calc(var(--software-sidebar) + 24px);
    }

    /* Kopfleiste flacher und ERP-artiger */
    :root[data-design="software"] .hero-card,
    :root[data-design="software"] .page-title-card {
        min-height: 148px !important;
        padding: 28px 34px !important;
        margin-bottom: 22px !important;
        border-radius: 28px !important;
        background: linear-gradient(135deg, var(--card), var(--card2)) !important;
        border: 1px solid var(--line) !important;
        box-shadow: var(--shadow) !important;
        overflow: hidden !important;
        position: relative !important;
    }

    :root[data-design="software"] .hero-card::before,
    :root[data-design="software"] .page-title-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 7px;
        background: linear-gradient(180deg, #e33434, #7c5cff);
    }

    :root[data-design="software"] .hero-layer {
        display: none !important;
    }

    :root[data-design="software"] .ios-hero-v14-grid,
    :root[data-design="software"] .clean-main-hero-grid-v30 {
        display: block !important;
    }

    :root[data-design="software"] .ios-hero-v14-copy,
    :root[data-design="software"] .hero-brand-copy-v79 {
        max-width: none !important;
        text-align: left !important;
    }

    :root[data-design="software"] .hero-card p,
    :root[data-design="software"] .page-title-card .overline {
        margin-bottom: 8px !important;
        color: var(--muted) !important;
        letter-spacing: .12em !important;
    }

    :root[data-design="software"] .hero-card h1,
    :root[data-design="software"] .page-title-card h1 {
        font-size: clamp(2.1rem, 3vw, 4.1rem) !important;
        letter-spacing: -.075em !important;
    }

    :root[data-design="software"] .hero-card span,
    :root[data-design="software"] .page-title-card span {
        max-width: 920px !important;
        color: var(--muted) !important;
    }

    /* Dashboard in 4x2 größeren Software-Modulen */
    :root[data-layout="desktop"][data-design="software"] .ios-dashboard-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-rows: minmax(240px, auto) !important;
        gap: 22px !important;
    }

    :root[data-design="software"] .ios-dashboard-card {
        min-height: 210px !important;
        padding: 24px !important;
        border-radius: 24px !important;
        background: linear-gradient(180deg, var(--card), var(--card2)) !important;
        border: 1px solid var(--line) !important;
        box-shadow: var(--shadow) !important;
        display: grid !important;
        grid-template-rows: auto 1fr auto !important;
        position: relative !important;
        overflow: hidden !important;
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
    }

    :root[data-design="software"] .ios-dashboard-card::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, rgba(227,52,52,.95), rgba(124,92,255,.75));
        opacity: .86;
    }

    :root[data-design="software"] .ios-dashboard-card::after {
        content: "";
        position: absolute;
        right: -52px;
        bottom: -52px;
        width: 150px;
        height: 150px;
        border-radius: 40px;
        background: radial-gradient(circle, rgba(227,52,52,.12), transparent 68%);
        transform: rotate(18deg);
        pointer-events: none;
    }

    :root[data-design="software"] .ios-dashboard-card:hover {
        transform: translateY(-4px) !important;
        border-color: color-mix(in srgb, var(--accent) 30%, var(--line)) !important;
        box-shadow: 0 28px 80px rgba(15,23,42,.14) !important;
    }

    :root[data-design="software"] .ios-dashboard-tag {
        border-radius: 999px !important;
        padding: 8px 12px !important;
        font-size: .78rem !important;
        letter-spacing: .035em !important;
        background: var(--card2) !important;
        border: 1px solid var(--line) !important;
    }

    :root[data-design="software"] .ios-dashboard-arrow {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
        display: grid !important;
        place-items: center !important;
        background: var(--button-hover) !important;
        color: var(--text) !important;
    }

    :root[data-design="software"] .ios-dashboard-body {
        align-self: end !important;
        position: relative !important;
        z-index: 1 !important;
    }

    :root[data-design="software"] .ios-dashboard-body strong {
        font-size: clamp(1.35rem, 1.45vw, 2rem) !important;
        letter-spacing: -.055em !important;
        line-height: 1.05 !important;
    }

    :root[data-design="software"] .ios-dashboard-body small {
        margin-top: 12px !important;
        font-size: .98rem !important;
        line-height: 1.38 !important;
        max-width: 95% !important;
    }

    /* Business-Software für Formulare/Tabellen */
    :root[data-design="software"] .material-filter-v84,
    :root[data-design="software"] .material-category-strip-v88,
    :root[data-design="software"] .material-stats-v84 article,
    :root[data-design="software"] .material-add-v84,
    :root[data-design="software"] .material-desktop-shell-v88,
    :root[data-design="software"] .feedback-form-card-v23,
    :root[data-design="software"] .feedback-item-v23,
    :root[data-design="software"] .feedback-filter-v23 {
        border-radius: 22px !important;
        background: var(--card) !important;
        border: 1px solid var(--line) !important;
        box-shadow: var(--shadow) !important;
    }

    :root[data-design="software"] .material-table-v88 {
        font-size: .78rem !important;
    }

    :root[data-design="software"] .material-table-v88 th {
        background: var(--card2) !important;
        text-transform: none !important;
        letter-spacing: .02em !important;
    }

    :root[data-design="software"] .material-table-v88 td {
        background: color-mix(in srgb, var(--card) 92%, transparent) !important;
    }
}

/* Größeres 4x2 Dashboard auch im bisherigen Design, wenn Desktopmodus aktiv ist */
@media (min-width: 980px) {
    :root[data-layout="desktop"] body:has(.hero-card + .ios-dashboard-grid) .ios-dashboard-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    :root[data-layout="desktop"] body:has(.hero-card + .ios-dashboard-grid) .ios-dashboard-card {
        min-height: 230px !important;
        padding: 28px !important;
        border-radius: 34px !important;
    }
}

@media (max-width: 760px) {
    .software-layout-toggle-v26 {
        width: 56px !important;
        min-width: 56px !important;
        height: 32px !important;
        min-height: 32px !important;
    }

    .software-switch-knob-v26 {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }

    .software-layout-toggle-v26.active .software-switch-knob-v26 {
        transform: translateX(24px) !important;
    }
}


/* Version 2.8 - klares, reduziertes Softwaredesign
   Überschreibt im Softwaredesign die experimentelle Sidebar aus 2.7.
   Ziel: weniger Text, weniger Umrandungen, ruhiger, klarer App-/ERP-Look. */

:root[data-design="software"] {
    --bg: #f4f6f9;
    --card: #ffffff;
    --card2: #f8fafc;
    --text: #111827;
    --muted: #6b7280;
    --line: rgba(17,24,39,.08);
    --accent: #d92828;
    --button: #eef2f7;
    --button-hover: #e3e8f0;
    --field: #ffffff;
    --shadow: 0 14px 34px rgba(17,24,39,.07);
    --radius: 22px;
    --max: 1760px;
}

:root[data-theme="dark"][data-design="software"] {
    --bg: #0d1117;
    --card: #151a23;
    --card2: #1b2230;
    --text: #f8fafc;
    --muted: #9ca3af;
    --line: rgba(255,255,255,.08);
    --button: #1c2432;
    --button-hover: #263244;
    --field: #101722;
    --shadow: 0 16px 42px rgba(0,0,0,.24);
}

:root[data-design="software"] body {
    background:
        linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,0) 210px),
        var(--bg) !important;
    color: var(--text) !important;
}

:root[data-theme="dark"][data-design="software"] body {
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 220px),
        var(--bg) !important;
}

/* Zurück zu einer klaren oberen App-Leiste */
@media (min-width: 980px) {
    :root[data-design="software"] .topbar {
        position: sticky !important;
        inset: auto !important;
        top: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 76px !important;
        padding: 12px max(18px, calc((100vw - var(--max))/2 + 18px)) !important;
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) auto !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        gap: 16px !important;
        border-radius: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid var(--line) !important;
        background: color-mix(in srgb, var(--bg) 86%, transparent) !important;
        box-shadow: none !important;
        backdrop-filter: blur(18px) !important;
        z-index: 50 !important;
    }

    :root[data-design="software"] .page {
        width: min(var(--max), calc(100% - 32px)) !important;
        max-width: var(--max) !important;
        margin: 24px auto 54px !important;
        padding: 0 !important;
    }

    :root[data-design="software"] .system-credit-version-v84 {
        margin-left: 0 !important;
    }
}

:root[data-design="software"] .topbar-left {
    display: flex !important;
    align-items: center !important;
}

:root[data-design="software"] .topbar-left::after {
    content: none !important;
}

:root[data-design="software"] .header-round-home-v47 {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    background: var(--card) !important;
    color: var(--text) !important;
    border: 0 !important;
    box-shadow: var(--shadow) !important;
}

:root[data-design="software"] .header-mode-label-v24 {
    justify-self: start !important;
    text-align: left !important;
    padding: 0 !important;
    border: 0 !important;
}

:root[data-design="software"] .header-mode-label-v24 span {
    font-size: .72rem !important;
    color: var(--muted) !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
}

:root[data-design="software"] .header-mode-label-v24::after {
    content: "Kolbeck System";
    display: block;
    margin-top: 2px;
    font-size: 1.18rem;
    font-weight: 950;
    letter-spacing: -.045em;
    color: var(--text);
}

:root[data-design="software"] .topbar-switches-v24 {
    min-width: 0 !important;
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    align-items: center !important;
}

:root[data-design="software"] .switch-row-v24 {
    grid-template-columns: auto 58px !important;
    min-height: 40px !important;
    gap: 9px !important;
    padding: 6px 7px 6px 10px !important;
    border-radius: 999px !important;
    background: var(--card) !important;
    border: 0 !important;
    box-shadow: var(--shadow) !important;
}

:root[data-design="software"] .switch-row-v24 strong {
    justify-self: start !important;
    white-space: nowrap !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    color: var(--muted) !important;
    font-weight: 900 !important;
}

/* Reduzierte Titelbereiche */
:root[data-design="software"] .hero-card,
:root[data-design="software"] .page-title-card {
    min-height: 0 !important;
    padding: 24px 4px 16px !important;
    margin-bottom: 20px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

:root[data-design="software"] .hero-card::before,
:root[data-design="software"] .page-title-card::before {
    content: none !important;
}

:root[data-design="software"] .hero-layer {
    display: none !important;
}

:root[data-design="software"] .ios-hero-v14-grid,
:root[data-design="software"] .clean-main-hero-grid-v30 {
    display: block !important;
}

:root[data-design="software"] .hero-card p,
:root[data-design="software"] .page-title-card .overline {
    color: var(--accent) !important;
    margin-bottom: 6px !important;
    font-size: .76rem !important;
    letter-spacing: .12em !important;
}

:root[data-design="software"] .hero-card h1,
:root[data-design="software"] .page-title-card h1 {
    font-size: clamp(2rem, 3.2vw, 3.8rem) !important;
    letter-spacing: -.075em !important;
    line-height: .98 !important;
}

:root[data-design="software"] .hero-card span,
:root[data-design="software"] .page-title-card span {
    max-width: 720px !important;
    margin-top: 8px !important;
    color: var(--muted) !important;
    font-size: 1rem !important;
}

/* Hauptmenü: klare Module, wenig Text */
@media (min-width: 980px) {
    :root[data-layout="desktop"][data-design="software"] .ios-dashboard-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-rows: minmax(210px, auto) !important;
        gap: 18px !important;
    }
}

:root[data-design="software"] .ios-dashboard-card {
    min-height: 188px !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: var(--card) !important;
    border: 0 !important;
    box-shadow: var(--shadow) !important;
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform .16s ease, box-shadow .16s ease !important;
}

:root[data-design="software"] .ios-dashboard-card::before {
    content: "";
    position: absolute;
    inset: auto 18px 18px 18px;
    height: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent) 42%, transparent);
    opacity: .55;
}

:root[data-design="software"] .ios-dashboard-card::after {
    content: none !important;
}

:root[data-design="software"] .ios-dashboard-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 20px 48px rgba(17,24,39,.11) !important;
}

:root[data-theme="dark"][data-design="software"] .ios-dashboard-card:hover {
    box-shadow: 0 22px 52px rgba(0,0,0,.32) !important;
}

:root[data-design="software"] .ios-dashboard-top {
    position: relative;
    z-index: 1;
}

:root[data-design="software"] .ios-dashboard-tag {
    border: 0 !important;
    background: var(--card2) !important;
    color: var(--muted) !important;
    border-radius: 999px !important;
    padding: 7px 11px !important;
    font-size: .74rem !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
}

:root[data-design="software"] .ios-dashboard-arrow {
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    background: var(--card2) !important;
    color: var(--text) !important;
    display: grid !important;
    place-items: center !important;
}

:root[data-design="software"] .ios-dashboard-body {
    align-self: end !important;
    position: relative !important;
    z-index: 1 !important;
}

:root[data-design="software"] .ios-dashboard-body strong {
    font-size: clamp(1.28rem, 1.2vw, 1.72rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.055em !important;
}

/* Weniger Text im Softwaredesign: Beschreibungen werden bewusst ausgeblendet */
:root[data-design="software"] .ios-dashboard-body small {
    display: none !important;
}

/* Unterschiedliche Akzentlinien pro Modultyp, ohne bunte Kachelflächen */
:root[data-design="software"] .warehouse-tile-v22::before { background: rgba(101,217,75,.64) !important; }
:root[data-design="software"] .potential-project-tile-v22::before { background: rgba(255,178,75,.70) !important; }
:root[data-design="software"] .potential-load-tile-v22::before { background: rgba(0,140,255,.62) !important; }
:root[data-design="software"] .materialbeta-tile-v84::before { background: rgba(174,94,255,.62) !important; }
:root[data-design="software"] .datasheet-tile-v75::before { background: rgba(0,140,255,.54) !important; }
:root[data-design="software"] .calcgroup-tile-v24::before,
:root[data-design="software"] .calculator-tile-v74::before { background: rgba(0,180,180,.62) !important; }
:root[data-design="software"] .share-tile-v78::before { background: rgba(227,52,52,.55) !important; }
:root[data-design="software"] .settings-tile-v23::before { background: rgba(100,116,139,.55) !important; }

/* Eingabebereiche: ruhige Flächen ohne viele harte Ränder */
:root[data-design="software"] .material-filter-v84,
:root[data-design="software"] .material-category-strip-v88,
:root[data-design="software"] .material-stats-v84 article,
:root[data-design="software"] .material-add-v84,
:root[data-design="software"] .material-desktop-shell-v88,
:root[data-design="software"] .material-card-v84,
:root[data-design="software"] .feedback-form-card-v23,
:root[data-design="software"] .feedback-item-v23,
:root[data-design="software"] .feedback-filter-v23,
:root[data-design="software"] .search-panel,
:root[data-design="software"] .positions-card,
:root[data-design="software"] .article-load-card,
:root[data-design="software"] .selection-panel,
:root[data-design="software"] .project-required-card {
    border: 0 !important;
    border-radius: 22px !important;
    background: var(--card) !important;
    box-shadow: var(--shadow) !important;
}

:root[data-design="software"] input,
:root[data-design="software"] select,
:root[data-design="software"] textarea {
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--card2) !important;
    box-shadow: inset 0 0 0 1px var(--line) !important;
}

:root[data-design="software"] .btn,
:root[data-design="software"] button.btn {
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

:root[data-design="software"] .material-table-wrap-v88 {
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--card2) !important;
}

:root[data-design="software"] .material-table-v88 th {
    background: var(--card2) !important;
    border-color: var(--line) !important;
}

:root[data-design="software"] .material-table-v88 td {
    background: var(--card) !important;
    border-color: var(--line) !important;
}

@media (max-width: 760px) {
    .software-layout-toggle-v26 {
        width: 56px !important;
        min-width: 56px !important;
        height: 32px !important;
        min-height: 32px !important;
    }

    .software-switch-knob-v26 {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }

    .software-layout-toggle-v26.active .software-switch-knob-v26 {
        transform: translateX(24px) !important;
    }

    :root[data-design="software"] .topbar-switches-v24 {
        min-width: 204px !important;
    }
}


/* Version 2.9 - Farb- und Schriftkonzept aus klarem Design übernommen
   Wichtig: Keine Layoutbreiten, keine Materiallisten-Spaltenbreiten und keine Seitenstruktur geändert. */

/* Grundlook dunkel */
:root {
    --bg: #0d1117;
    --card: #151a23;
    --card2: #1b2230;
    --text: #f8fafc;
    --muted: #9ca3af;
    --line: rgba(255,255,255,.08);
    --accent: #d92828;
    --button: #1c2432;
    --button-hover: #263244;
    --field: #101722;
    --shadow: 0 16px 42px rgba(0,0,0,.24);
    --radius: 22px;
}

/* Grundlook hell */
:root[data-theme="light"] {
    --bg: #f4f6f9;
    --card: #ffffff;
    --card2: #f8fafc;
    --text: #111827;
    --muted: #6b7280;
    --line: rgba(17,24,39,.08);
    --accent: #d92828;
    --button: #eef2f7;
    --button-hover: #e3e8f0;
    --field: #ffffff;
    --shadow: 0 14px 34px rgba(17,24,39,.07);
}

/* Alter Testmodus wird bewusst deaktiviert, falls ein Browser ihn noch gespeichert hatte. */
:root[data-design="software"] {
    --bg: #0d1117;
    --card: #151a23;
    --card2: #1b2230;
    --text: #f8fafc;
    --muted: #9ca3af;
    --line: rgba(255,255,255,.08);
    --accent: #d92828;
    --button: #1c2432;
    --button-hover: #263244;
    --field: #101722;
    --shadow: 0 16px 42px rgba(0,0,0,.24);
    --radius: 22px;
}

:root[data-theme="light"][data-design="software"] {
    --bg: #f4f6f9;
    --card: #ffffff;
    --card2: #f8fafc;
    --text: #111827;
    --muted: #6b7280;
    --line: rgba(17,24,39,.08);
    --accent: #d92828;
    --button: #eef2f7;
    --button-hover: #e3e8f0;
    --field: #ffffff;
    --shadow: 0 14px 34px rgba(17,24,39,.07);
}

body {
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 220px),
        var(--bg) !important;
    color: var(--text) !important;
}

:root[data-theme="light"] body {
    background:
        linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,0) 210px),
        var(--bg) !important;
}

/* Schriftbild etwas klarer, aber ohne Layoutänderungen */
body,
input,
select,
textarea,
button {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.hero-card h1,
.page-title-card h1,
.ios-dashboard-body strong {
    letter-spacing: -.055em;
}

.hero-card h1,
.page-title-card h1 {
    font-weight: 950;
}

.ios-dashboard-body strong {
    font-weight: 930;
}

/* Kacheln ruhiger, bestehende Größen/Breiten bleiben unverändert. */
.ios-dashboard-card,
.material-card-v84,
.material-filter-v84,
.material-add-v84,
.material-desktop-shell-v88,
.feedback-form-card-v23,
.feedback-item-v23,
.feedback-filter-v23,
.search-panel,
.positions-card,
.article-load-card,
.selection-panel,
.project-required-card,
.page-title-card,
.hero-card {
    box-shadow: var(--shadow) !important;
}

/* Eingabefelder etwas sauberer, ohne Breiten/Spalten zu ändern. */
input,
select,
textarea {
    background: var(--field) !important;
    color: var(--text) !important;
    border-color: var(--line) !important;
}

.btn,
button.btn {
    border-color: var(--line) !important;
}


/* Version 3.0 - Admin-Labels in Navigationsmenüs */
.admin-badge-v30 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(227,52,52,.16);
    border: 1px solid rgba(227,52,52,.32);
    color: #ffb5b5;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
}

:root[data-theme="light"] .admin-badge-v30 {
    background: rgba(217,40,40,.10);
    border-color: rgba(217,40,40,.22);
    color: #b91c1c;
}

.admin-tile-v30 {
    position: relative;
}

.admin-tile-v30::after {
    content: "";
    position: absolute;
    inset: 12px 12px auto auto;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #e33434;
    box-shadow: 0 0 0 4px rgba(227,52,52,.12);
}

.ios-dashboard-top {
    gap: 8px;
    flex-wrap: wrap;
}

.ios-dashboard-top .ios-dashboard-arrow {
    margin-left: auto;
}


/* Version 3.1 - Admin-Label stärker, roter Punkt entfernt */
.admin-tile-v30::after {
    content: none !important;
    display: none !important;
}

.admin-badge-v30 {
    background:
        linear-gradient(145deg, rgba(255,46,46,.95), rgba(178,18,18,.98)) !important;
    border: 1px solid rgba(255,120,120,.58) !important;
    color: #fff !important;
    box-shadow:
        0 0 0 3px rgba(227,52,52,.13),
        0 8px 18px rgba(227,52,52,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.28);
}

:root[data-theme="light"] .admin-badge-v30 {
    background:
        linear-gradient(145deg, rgba(220,38,38,.98), rgba(153,27,27,.98)) !important;
    border-color: rgba(185,28,28,.35) !important;
    color: #fff !important;
    box-shadow:
        0 0 0 3px rgba(220,38,38,.10),
        0 8px 18px rgba(185,28,28,.18),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

.admin-tile-v30 .ios-dashboard-top {
    align-items: center;
}


/* Version 3.2 - ADMIN Label links neben dem Kategorie-Tag */
.ios-dashboard-top {
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
}

.ios-dashboard-top .ios-dashboard-arrow {
    margin-left: auto !important;
}

.admin-badge-v30 {
    margin-left: 0 !important;
    order: 2;
}

.ios-dashboard-tag {
    order: 1;
}

.ios-dashboard-arrow {
    order: 3;
}


/* Version 3.3 - Auslastungsplanung */
.auslastung-hero-v33,
.personal-hero-v33 {
    border-radius: 34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)),
        radial-gradient(circle at 0% 0%, rgba(0,140,255,.18), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(227,52,52,.12), transparent 28%),
        var(--card);
}
.auslastung-toolbar-v33,
.auslastung-add-v33,
.auslastung-legend-v33,
.week-card-v33,
.personal-card-v33 {
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)), var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
}
.auslastung-toolbar-v33 { display:flex; justify-content:space-between; gap:14px; align-items:end; padding:16px; margin-bottom:16px; }
.auslastung-filter-v33 { display:flex; gap:12px; flex-wrap:wrap; align-items:end; }
.auslastung-filter-v33 label, .auslastung-form-v33 label { display:grid; gap:7px; }
.auslastung-filter-v33 span, .auslastung-form-v33 span { color:var(--muted); font-size:.78rem; font-weight:900; }
.auslastung-filter-v33 select, .auslastung-form-v33 input, .auslastung-form-v33 select, .auslastung-form-v33 textarea {
    min-height:44px; width:100%; border-radius:15px; border:1px solid var(--line); background:var(--field); color:var(--text); padding:0 11px; font:inherit;
}
.auslastung-form-v33 textarea { padding-top:10px; }
.auslastung-add-v33 { padding:16px; margin-bottom:16px; }
.auslastung-add-v33 summary { cursor:pointer; display:grid; gap:4px; }
.auslastung-add-v33 summary strong { font-size:1.12rem; }
.auslastung-add-v33 summary span { color:var(--muted); }
.auslastung-form-v33 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:14px; }
.auslastung-form-v33.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
.auslastung-form-v33 .wide { grid-column:1/-1; }
.auslastung-form-v33 select[multiple] { min-height:96px; padding:8px; }
.auslastung-legend-v33 { display:flex; flex-wrap:wrap; gap:8px; padding:12px; margin-bottom:16px; }
.legend { border-radius:999px; padding:7px 11px; font-size:.8rem; font-weight:900; }
.legend.confirmed, .load-chip-v33.confirmed { --chip:rgba(101,217,75,.18); --chip-border:rgba(101,217,75,.32); }
.legend.request, .load-chip-v33.request { --chip:rgba(255,190,90,.18); --chip-border:rgba(255,190,90,.32); }
.legend.appointment, .load-chip-v33.appointment { --chip:rgba(0,140,255,.17); --chip-border:rgba(0,140,255,.32); }
.legend.birthday, .load-chip-v33.birthday { --chip:rgba(174,94,255,.18); --chip-border:rgba(174,94,255,.32); }
.legend.absence, .load-chip-v33.absence { --chip:rgba(160,160,180,.17); --chip-border:rgba(160,160,180,.32); }
.legend.imported, .load-chip-v33.imported { --chip:rgba(255,255,255,.07); --chip-border:var(--line); }
.legend, .load-chip-v33 { background:var(--chip,rgba(255,255,255,.07)); border:1px solid var(--chip-border,var(--line)); }
.legend.holiday-by, .holiday-chip-v33.by { background:linear-gradient(145deg, rgba(227,52,52,.20), rgba(255,190,90,.14)); border:1px solid rgba(227,52,52,.32); color:#ffd2d2; }
.year-calendar-v33 { display:grid; gap:14px; }
.week-card-v33 { overflow:hidden; }
.week-card-v33 > header { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border-bottom:1px solid var(--line); }
.week-card-v33 > header strong { font-size:1.1rem; }
.week-card-v33 > header span { color:var(--muted); }
.week-days-v33 { display:grid; grid-template-columns:repeat(7,minmax(150px,1fr)); min-width:960px; }
.day-cell-v33 { min-height:142px; padding:10px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.025); }
.day-cell-v33.other-year { opacity:.42; }
.day-cell-v33.holiday { background:linear-gradient(145deg, rgba(227,52,52,.08), rgba(255,190,90,.04)), rgba(255,255,255,.025); }
.day-head-v33 { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-bottom:8px; }
.day-head-v33 span { color:var(--muted); font-size:.72rem; font-weight:950; text-transform:uppercase; }
.day-head-v33 strong { font-size:.95rem; }
.holiday-chip-v33, .load-chip-v33 { display:block; border-radius:13px; padding:7px 8px; margin-bottom:7px; font-size:.78rem; }
.load-chip-v33 summary { cursor:pointer; list-style:none; }
.load-chip-v33 summary::-webkit-details-marker { display:none; }
.load-chip-v33 summary strong, .load-chip-v33 summary span { display:block; }
.load-chip-v33 summary strong { line-height:1.15; font-size:.82rem; }
.load-chip-v33 summary span { color:var(--muted); margin-top:3px; font-size:.72rem; }
.load-detail-v33 { margin-top:8px; border-top:1px solid var(--line); padding-top:8px; display:grid; gap:7px; }
.load-detail-v33 p, .load-detail-v33 small { margin:0; overflow-wrap:anywhere; }
.load-actions-v33 { display:flex; gap:6px; flex-wrap:wrap; }
.btn.mini { min-height:30px; padding:0 9px; font-size:.72rem; }
.edit-inline-v33 { margin-top:8px; }
.edit-inline-v33 summary { font-weight:900; color:var(--text); }
.delete-load-form-v33 { margin-top:8px; }
.personal-grid-v33 { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
.personal-card-v33 { padding:16px; }
.personal-card-v33 header { display:flex; gap:12px; align-items:center; }
.personal-card-v33 header > strong { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; background:var(--button); color:var(--text); }
.personal-card-v33 h2 { margin:0; font-size:1.12rem; }
.personal-card-v33 span { color:var(--muted); }
@media (max-width:980px) {
    .auslastung-toolbar-v33 { display:grid; }
    .auslastung-form-v33, .auslastung-form-v33.compact { grid-template-columns:1fr; }
    .week-card-v33 { overflow-x:auto; -webkit-overflow-scrolling:touch; }
}


/* Version 3.4 - Tage anklickbar, mehr Infos sichtbar, Personalkürzel */
.person-shortcuts-v34 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)), var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
    padding: 12px 14px;
    margin-bottom: 16px;
}

.person-shortcuts-v34 strong {
    font-weight: 950;
    color: var(--text);
}

.person-shortcuts-v34 div,
.day-personnel-v34 {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.person-shortcuts-v34 span,
.day-personnel-v34 span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--button);
    border: 1px solid var(--line);
    color: var(--text);
    font-size: .72rem;
    font-weight: 950;
}

.day-personnel-v34 {
    margin: 5px 0 7px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--line);
}

.day-personnel-v34 span {
    min-width: 24px;
    min-height: 20px;
    padding: 0 5px;
    font-size: .64rem;
    opacity: .82;
}

.day-cell-v33 {
    cursor: default;
}

.day-cell-v33:hover {
    background:
        linear-gradient(145deg, rgba(0,140,255,.06), rgba(255,255,255,.025)),
        rgba(255,255,255,.025);
}

.day-head-v33 {
    grid-template-columns: auto 1fr auto;
}

.day-add-v34 {
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(0,140,255,.95), rgba(0,105,210,.95));
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0,105,210,.22);
}

.day-add-v34:hover {
    transform: translateY(-1px);
}

.load-chip-v33 summary {
    display: grid;
    gap: 3px;
}

.load-title-v34 {
    color: var(--text) !important;
    font-size: .76rem !important;
    font-weight: 780;
    opacity: .92;
}

.load-meta-v34 {
    color: var(--muted) !important;
    font-size: .70rem !important;
    font-weight: 850;
}

.load-note-v34 {
    color: var(--muted) !important;
    font-size: .68rem !important;
    line-height: 1.2;
    opacity: .88;
}

.load-chip-v33 {
    padding: 8px 9px;
}

.load-chip-v33[open] {
    position: relative;
    z-index: 4;
}

@media (max-width: 760px) {
    .person-shortcuts-v34 {
        align-items: flex-start;
    }

    .day-add-v34 {
        width: 30px;
        height: 30px;
    }

    .load-title-v34,
    .load-meta-v34,
    .load-note-v34 {
        font-size: .72rem !important;
    }
}


/* Version 3.5 - Auslastung: Balken, Personal-Auswahl, Notizen, Sprungnavigation */
.back-button-v35 {
    margin-bottom: 14px;
    display: inline-flex;
}

.jump-panel-v35 {
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)), var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
    padding: 14px;
    margin-bottom: 16px;
    display: grid;
    gap: 10px;
}

.jump-panel-v35 strong,
.jump-panel-v35 span {
    display: block;
}

.jump-panel-v35 span {
    color: var(--muted);
    font-size: .84rem;
}

.jump-row-v35 {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.jump-row-v35 button {
    min-height: 34px;
    border: 1px solid var(--line);
    background: var(--button);
    color: var(--text);
    border-radius: 999px;
    padding: 0 11px;
    font: inherit;
    font-size: .82rem;
    font-weight: 900;
    cursor: pointer;
}

.jump-row-v35.kw button {
    font-size: .72rem;
    min-height: 29px;
    padding: 0 8px;
}

.week-layout-v35 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 0;
}

.week-main-v35 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.week-days-v33 {
    border-bottom: 1px solid var(--line);
}

.week-bars-v35 {
    min-width: 960px;
    display: grid;
    grid-template-columns: repeat(7, minmax(150px, 1fr));
    grid-auto-rows: minmax(78px, auto);
    gap: 8px 0;
    padding: 10px;
    background: rgba(255,255,255,.018);
}

.load-bar-v35 {
    min-height: 74px;
    margin: 0 4px;
    padding: 9px 10px;
    border-radius: 16px;
    background: var(--chip, rgba(255,255,255,.075));
    border: 1px solid var(--chip-border, var(--line));
    box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

:root[data-theme="light"] .load-bar-v35.imported,
:root[data-theme="light"] .load-chip-v33.imported {
    --chip: rgba(17,24,39,.075);
    --chip-border: rgba(17,24,39,.13);
}

:root:not([data-theme="light"]) .load-bar-v35.imported,
:root:not([data-theme="light"]) .load-chip-v33.imported {
    --chip: rgba(255,255,255,.115);
    --chip-border: rgba(255,255,255,.16);
}

.load-bar-v35 summary {
    cursor: pointer;
    list-style: none;
    display: grid;
    gap: 3px;
}

.load-bar-v35 summary::-webkit-details-marker {
    display: none;
}

.load-bar-v35 summary strong,
.load-bar-v35 summary span,
.load-bar-v35 summary em,
.load-bar-v35 summary small {
    display: block;
    overflow-wrap: anywhere;
}

.load-bar-v35 summary strong {
    font-size: .9rem;
    line-height: 1.1;
}

.load-bar-v35 summary span {
    color: var(--text);
    font-size: .78rem;
    font-weight: 780;
}

.load-bar-v35 summary em {
    color: var(--muted);
    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
}

.load-bar-v35 summary small {
    color: var(--muted);
    font-size: .7rem;
    line-height: 1.18;
}

.week-notes-v35 {
    border-left: 1px solid var(--line);
    padding: 12px;
    display: grid;
    align-content: start;
    gap: 10px;
    background: rgba(255,255,255,.018);
}

.week-notes-v35 > strong {
    font-size: .95rem;
}

.week-notes-v35 > small {
    color: var(--muted);
}

.week-note-form-v35 {
    display: grid;
    gap: 6px;
    padding: 8px;
    border-radius: 14px;
    background: var(--card2);
    border: 1px solid var(--line);
}

.week-note-form-v35 span {
    font-size: .76rem;
    font-weight: 900;
    color: var(--text);
    overflow-wrap: anywhere;
}

.week-note-form-v35 textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 7px;
    font: inherit;
    font-size: .78rem;
}

.person-picker-v35 {
    display: grid;
    gap: 8px;
}

.person-picker-v35 > span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
}

.person-picker-v35 > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.person-picker-v35 label {
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 7px;
    padding: 7px 9px;
    border-radius: 999px;
    background: var(--button);
    border: 1px solid var(--line);
    cursor: pointer;
    min-height: 38px;
}

.person-picker-v35 input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.person-picker-v35 label span {
    min-width: 30px;
    min-height: 24px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: var(--text);
    font-weight: 950;
    font-size: .72rem;
}

.person-picker-v35 label small {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 800;
}

.person-picker-v35 label:has(input:checked) {
    background: rgba(101,217,75,.18);
    border-color: rgba(101,217,75,.42);
    box-shadow: 0 0 0 3px rgba(101,217,75,.10);
}

.person-picker-v35 label:has(input:checked) span {
    background: linear-gradient(145deg, rgba(101,217,75,.95), rgba(45,160,55,.95));
    color: #071207;
}

.person-picker-v35 label:has(input:checked) small {
    color: var(--text);
}

.holiday-chip-v33 small {
    display: block;
    margin-top: 2px;
    color: inherit;
    opacity: .78;
    font-size: .64rem;
    font-weight: 900;
}

.week-card-v33 {
    scroll-margin-top: 92px;
}

.day-cell-v33 {
    min-height: 122px;
}

.day-cell-v33:not(.holiday):has(+ *) {
    /* harmless placeholder for modern browsers */
}

@media (max-width: 1080px) {
    .week-layout-v35 {
        grid-template-columns: 1fr;
    }

    .week-notes-v35 {
        border-left: 0;
        border-top: 1px solid var(--line);
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .week-notes-v35 > strong,
    .week-notes-v35 > small {
        grid-column: 1 / -1;
    }
}


/* Version 3.6 - Auslastung Übersichtlichkeit und Handy-Responsiveness */

/* Personalkürzel nicht mehr in jedem Tag anzeigen */
.day-personnel-v34 {
    display: none !important;
}

/* Sprungnavigation: keine KW-Liste mehr, Heute hervorheben */
.today-jump-v36 {
    background: linear-gradient(145deg, rgba(0,140,255,.95), rgba(0,105,210,.95)) !important;
    color: #fff !important;
    border-color: rgba(0,140,255,.42) !important;
}

/* KW-Kopf: mehr Luft zwischen KW und Datum */
.week-card-v33 > header {
    padding: 16px 18px !important;
}

.week-card-v33 > header > div {
    display: flex;
    align-items: baseline;
    gap: 18px;
    flex-wrap: wrap;
}

.week-card-v33 > header strong {
    font-size: 1.18rem !important;
}

.week-card-v33 > header span {
    padding-left: 2px;
    font-weight: 850;
}

/* Projektbalken klarer: Inhalt farblich/typografisch getrennt */
.load-bar-v35 summary {
    gap: 5px !important;
}

.load-bar-v35 summary strong {
    color: var(--text);
    font-size: .95rem !important;
    font-weight: 950;
}

.load-bar-v35 summary span {
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    padding: 4px 6px;
    color: var(--text) !important;
    font-size: .78rem !important;
}

:root[data-theme="light"] .load-bar-v35 summary span {
    background: rgba(17,24,39,.055);
    border-color: rgba(17,24,39,.08);
}

.load-bar-v35 summary em {
    background: rgba(0,140,255,.12);
    color: #9ed2ff !important;
    border: 1px solid rgba(0,140,255,.18);
    border-radius: 999px;
    padding: 4px 7px;
    width: fit-content;
}

:root[data-theme="light"] .load-bar-v35 summary em {
    background: rgba(0,105,210,.095);
    color: #005aa8 !important;
    border-color: rgba(0,105,210,.16);
}

.load-bar-v35 summary small {
    background: rgba(255,190,90,.12);
    border: 1px solid rgba(255,190,90,.18);
    color: #ffd89a !important;
    border-radius: 10px;
    padding: 4px 6px;
}

:root[data-theme="light"] .load-bar-v35 summary small {
    background: rgba(180,110,0,.09);
    border-color: rgba(180,110,0,.16);
    color: #7c4a00 !important;
}

/* Neutrale Einträge noch besser absetzen */
:root[data-theme="light"] .load-bar-v35.imported,
:root[data-theme="light"] .load-chip-v33.imported {
    --chip: rgba(17,24,39,.105);
    --chip-border: rgba(17,24,39,.18);
}

:root:not([data-theme="light"]) .load-bar-v35.imported,
:root:not([data-theme="light"]) .load-chip-v33.imported {
    --chip: rgba(255,255,255,.145);
    --chip-border: rgba(255,255,255,.22);
}

/* Feiertage im Hellmodus lesbar */
:root[data-theme="light"] .holiday-chip-v33,
:root[data-theme="light"] .holiday-chip-v33.by,
:root[data-theme="light"] .legend.holiday-by {
    background: #fff1f1 !important;
    border-color: rgba(185,28,28,.24) !important;
    color: #7f1d1d !important;
}

:root[data-theme="light"] .holiday-chip-v33 small {
    color: #991b1b !important;
    opacity: .82;
}

/* Notizen optional und kompakter */
.week-notes-v35 {
    padding: 10px !important;
}

.week-notes-v35 details {
    display: block;
}

.week-notes-v35 summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    padding: 8px 9px;
    border-radius: 14px;
    background: var(--button);
    border: 1px solid var(--line);
}

.week-notes-v35 summary::-webkit-details-marker {
    display: none;
}

.week-notes-v35 summary strong {
    font-size: .88rem;
}

.week-notes-v35 summary span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 900;
}

.week-notes-v35 details[open] summary {
    margin-bottom: 8px;
}

/* Heute markieren */
.today-v36 {
    box-shadow: inset 0 0 0 2px rgba(0,140,255,.7);
    background:
        linear-gradient(145deg, rgba(0,140,255,.10), rgba(255,255,255,.025)),
        rgba(255,255,255,.025) !important;
}

/* Desktop: Notizspalte bleibt rechts, aber unaufdringlich */
.week-layout-v35 {
    grid-template-columns: minmax(0, 1fr) 210px !important;
}

/* Handy: Montag-Freitag muss ohne horizontales Scrollen sichtbar sein */
@media (max-width: 760px) {
    .week-main-v35,
    .week-card-v33 {
        overflow-x: visible !important;
    }

    .week-days-v33,
    .week-bars-v35 {
        min-width: 0 !important;
        width: 100% !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
.week-bars-v35 {
        grid-auto-rows: minmax(88px, auto);
        gap: 7px 0;
        padding: 8px 4px;
    }

    .load-bar-v35 {
margin: 0;
        min-height: 86px;
        border-radius: 14px;
        padding: 8px;
    }

    .day-cell-v33 {
        min-height: 86px !important;
        padding: 6px 4px !important;
    }

    .day-head-v33 {
        grid-template-columns: 1fr;
        gap: 3px;
        text-align: center;
        margin-bottom: 5px;
    }

    .day-head-v33 span {
        font-size: .62rem;
    }

    .day-head-v33 strong {
        font-size: .72rem;
    }

    .day-add-v34 {
        width: 26px;
        height: 26px;
        justify-self: center;
    }

    .holiday-chip-v33 {
        font-size: .58rem;
        padding: 4px;
        border-radius: 9px;
    }

    .holiday-chip-v33 small {
        font-size: .52rem;
    }

    .week-layout-v35 {
        grid-template-columns: 1fr !important;
    }

    .week-notes-v35 {
        border-left: 0 !important;
        border-top: 1px solid var(--line);
        grid-template-columns: 1fr !important;
    }

    .load-bar-v35 summary strong {
        font-size: .86rem !important;
    }

    .load-bar-v35 summary span,
    .load-bar-v35 summary em,
    .load-bar-v35 summary small {
        font-size: .68rem !important;
    }

    .jump-row-v35.kw {
        display: none !important;
    }
}


/* Version 3.7 - Auslastung ruhiger, Wochen klarer getrennt, Handy kompakter */

/* Wochen als klar getrennte Blöcke */
.year-calendar-v33 {
    gap: 24px !important;
}

.week-card-v33 {
    border: 2px solid rgba(0,140,255,.18) !important;
    box-shadow:
        0 20px 54px rgba(0,0,0,.18),
        0 0 0 1px rgba(255,255,255,.045) inset !important;
    scroll-margin-top: 105px;
}

:root[data-theme="light"] .week-card-v33 {
    border-color: rgba(0,105,210,.18) !important;
    box-shadow:
        0 18px 46px rgba(17,24,39,.10),
        0 0 0 1px rgba(17,24,39,.035) inset !important;
}

.week-card-v33 > header {
    background:
        linear-gradient(145deg, rgba(0,140,255,.15), rgba(255,255,255,.04)),
        var(--card2) !important;
    border-bottom: 2px solid rgba(0,140,255,.18) !important;
}

:root[data-theme="light"] .week-card-v33 > header {
    background:
        linear-gradient(145deg, rgba(0,105,210,.09), rgba(255,255,255,.88)),
        var(--card2) !important;
    border-bottom-color: rgba(0,105,210,.15) !important;
}

/* Tages-/Feiertagszeile flacher und stärker als Kopfbereich erkennbar */
.week-days-v33 {
    background: var(--card2) !important;
    border-bottom: 2px solid var(--line) !important;
}

.day-cell-v33 {
    min-height: 78px !important;
    padding: 7px 8px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)),
        var(--card2) !important;
}

:root[data-theme="light"] .day-cell-v33 {
    background:
        linear-gradient(180deg, rgba(17,24,39,.035), rgba(17,24,39,.012)),
        #f0f3f8 !important;
}

.day-cell-v33.holiday {
    background:
        linear-gradient(145deg, rgba(227,52,52,.16), rgba(255,190,90,.08)),
        var(--card2) !important;
}

:root[data-theme="light"] .day-cell-v33.holiday {
    background:
        linear-gradient(145deg, #ffe7e7, #fff6dd),
        #f3f4f6 !important;
}

.day-head-v33 {
    margin-bottom: 4px !important;
}

.day-head-v33 span {
    font-size: .68rem !important;
}

.day-head-v33 strong {
    font-size: .84rem !important;
}

.holiday-chip-v33 {
    padding: 4px 6px !important;
    margin-bottom: 3px !important;
    border-radius: 9px !important;
    font-size: .66rem !important;
    line-height: 1.1 !important;
}

.holiday-chip-v33 small {
    font-size: .56rem !important;
    line-height: 1.05 !important;
}

/* Inhaltsbereich klar von Kopfzeile absetzen */
.week-bars-v35 {
    background:
        linear-gradient(180deg, rgba(0,0,0,.06), rgba(255,255,255,.012)),
        var(--card) !important;
    padding-top: 14px !important;
}

:root[data-theme="light"] .week-bars-v35 {
    background:
        linear-gradient(180deg, rgba(17,24,39,.035), rgba(255,255,255,.5)),
        #fff !important;
}

.load-bar-v35 {
    min-height: 68px !important;
}

/* Handy: alles deutlich kleiner; Projekte bleiben an ihrer gebuchten Spalte statt über die ganze Woche zu laufen */
@media (max-width: 760px) {
    .year-calendar-v33 {
        gap: 18px !important;
    }

    .week-card-v33 {
        border-width: 2px !important;
        border-radius: 20px !important;
    }

    .week-card-v33 > header {
        padding: 10px 12px !important;
    }

    .week-card-v33 > header > div {
        gap: 10px !important;
    }

    .week-card-v33 > header strong {
        font-size: .95rem !important;
    }

    .week-card-v33 > header span {
        font-size: .76rem !important;
    }

    .week-days-v33,
    .week-bars-v35 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .day-cell-v33 {
        min-height: 54px !important;
        padding: 4px 3px !important;
        border-right-width: 1px !important;
    }

    .day-head-v33 {
        margin-bottom: 2px !important;
        gap: 2px !important;
    }

    .day-head-v33 span {
        font-size: .54rem !important;
        line-height: 1 !important;
    }

    .day-head-v33 strong {
        font-size: .64rem !important;
        line-height: 1 !important;
    }

    .day-add-v34 {
        width: 21px !important;
        height: 21px !important;
        font-size: .82rem !important;
    }

    .holiday-chip-v33 {
        padding: 2px 3px !important;
        margin-bottom: 2px !important;
        border-radius: 6px !important;
        font-size: .48rem !important;
        line-height: 1.05 !important;
    }

    .holiday-chip-v33 small {
        font-size: .43rem !important;
        margin-top: 1px !important;
    }

    .week-bars-v35 {
        grid-auto-rows: minmax(54px, auto) !important;
        gap: 4px 0 !important;
        padding: 6px 3px 8px !important;
    }

    /* Wichtig: kein erzwungenes 1/-1 mehr. Inline grid-column aus PHP bleibt erhalten,
       dadurch liegt der Termin wieder beim gebuchten Tag. */
    .load-bar-v35 {
        margin: 0 2px !important;
        min-height: 52px !important;
        padding: 5px 5px !important;
        border-radius: 9px !important;
        box-shadow: 0 6px 12px rgba(0,0,0,.10) !important;
    }

    .load-bar-v35 summary {
        gap: 2px !important;
    }

    .load-bar-v35 summary strong {
        font-size: .62rem !important;
        line-height: 1.05 !important;
        max-height: 1.35em;
        overflow: hidden;
    }

    .load-bar-v35 summary span {
        font-size: .54rem !important;
        line-height: 1.05 !important;
        padding: 2px 3px !important;
        border-radius: 6px !important;
        max-height: 2.2em;
        overflow: hidden;
    }

    .load-bar-v35 summary em {
        font-size: .50rem !important;
        line-height: 1.05 !important;
        padding: 2px 4px !important;
        border-radius: 999px !important;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .load-bar-v35 summary small {
        display: none !important;
    }

    .load-detail-v33 {
        font-size: .62rem !important;
    }

    .week-notes-v35 {
        padding: 7px !important;
    }

    .week-notes-v35 summary {
        padding: 6px 7px !important;
        border-radius: 10px !important;
    }

    .week-notes-v35 summary strong {
        font-size: .72rem !important;
    }

    .week-notes-v35 summary span {
        font-size: .58rem !important;
    }

    .jump-panel-v35 {
        padding: 10px !important;
        border-radius: 18px !important;
    }

    .jump-row-v35 button {
        min-height: 29px !important;
        font-size: .70rem !important;
        padding: 0 8px !important;
    }
}


/* Version 3.8 - Mobile ganze Woche Mo-So und Projektbalken korrekt pro Tag */
@media (max-width: 760px) {
    .week-main-v35,
    .week-card-v33 {
        overflow-x: visible !important;
    }

    .week-days-v33,
    .week-bars-v35 {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .day-cell-v33 {
        display: block !important;
        min-height: 48px !important;
        padding: 3px 2px !important;
    }

    .day-head-v33 {
        grid-template-columns: 1fr !important;
        gap: 2px !important;
        text-align: center !important;
        margin-bottom: 2px !important;
    }

    .day-head-v33 span {
        font-size: .48rem !important;
        line-height: 1 !important;
    }

    .day-head-v33 strong {
        font-size: .56rem !important;
        line-height: 1 !important;
    }

    .day-add-v34 {
        width: 18px !important;
        height: 18px !important;
        font-size: .72rem !important;
        justify-self: center !important;
    }

    .holiday-chip-v33 {
        padding: 2px 2px !important;
        margin-bottom: 1px !important;
        border-radius: 5px !important;
        font-size: .42rem !important;
        line-height: 1.0 !important;
        overflow: hidden;
    }

    .holiday-chip-v33 small {
        font-size: .38rem !important;
        margin-top: 1px !important;
    }

    .week-bars-v35 {
        grid-auto-rows: minmax(46px, auto) !important;
        gap: 3px 0 !important;
        padding: 5px 2px 7px !important;
    }

    .load-bar-v35 {
        /* keine 1/-1 Breite: inline grid-column aus PHP bleibt gültig */
        margin: 0 1px !important;
        min-height: 44px !important;
        padding: 4px 4px !important;
        border-radius: 8px !important;
    }

    .load-bar-v35 summary {
        gap: 1px !important;
    }

    .load-bar-v35 summary strong {
        font-size: .52rem !important;
        line-height: 1.05 !important;
        max-height: 1.15em !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .load-bar-v35 summary span {
        font-size: .46rem !important;
        line-height: 1.05 !important;
        padding: 1px 2px !important;
        border-radius: 5px !important;
        max-height: 2.1em !important;
        overflow: hidden !important;
    }

    .load-bar-v35 summary em {
        font-size: .42rem !important;
        line-height: 1.05 !important;
        padding: 1px 3px !important;
        border-radius: 999px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .load-bar-v35 summary small {
        display: none !important;
    }

    .week-card-v33 > header {
        padding: 8px 10px !important;
    }

    .week-card-v33 > header strong {
        font-size: .86rem !important;
    }

    .week-card-v33 > header span {
        font-size: .68rem !important;
    }
}


/* Version 3.9 - rotes Plus, Tagestrennlinien und Nach-oben-Pfeil */

/* Plus-Button rot und etwas kleiner */
.day-add-v34 {
    width: 22px !important;
    height: 22px !important;
    font-size: .82rem !important;
    background: linear-gradient(145deg, rgba(227,52,52,.96), rgba(170,22,22,.98)) !important;
    box-shadow: 0 8px 16px rgba(227,52,52,.22) !important;
}

.day-add-v34:hover {
    background: linear-gradient(145deg, rgba(255,61,61,.98), rgba(190,28,28,.98)) !important;
}

/* Feine Tageslinien im Projektbereich, damit man bei Balken über mehrere Tage die Tagesgrenzen sieht */
.week-bars-v35 {
    position: relative;
    background-image:
        linear-gradient(to right,
            transparent calc(14.2857% - .5px),
            rgba(255,255,255,.12) calc(14.2857% - .5px),
            rgba(255,255,255,.12) calc(14.2857% + .5px),
            transparent calc(14.2857% + .5px),
            transparent calc(28.5714% - .5px),
            rgba(255,255,255,.12) calc(28.5714% - .5px),
            rgba(255,255,255,.12) calc(28.5714% + .5px),
            transparent calc(28.5714% + .5px),
            transparent calc(42.8571% - .5px),
            rgba(255,255,255,.12) calc(42.8571% - .5px),
            rgba(255,255,255,.12) calc(42.8571% + .5px),
            transparent calc(42.8571% + .5px),
            transparent calc(57.1428% - .5px),
            rgba(255,255,255,.12) calc(57.1428% - .5px),
            rgba(255,255,255,.12) calc(57.1428% + .5px),
            transparent calc(57.1428% + .5px),
            transparent calc(71.4285% - .5px),
            rgba(255,255,255,.12) calc(71.4285% - .5px),
            rgba(255,255,255,.12) calc(71.4285% + .5px),
            transparent calc(71.4285% + .5px),
            transparent calc(85.7142% - .5px),
            rgba(255,255,255,.12) calc(85.7142% - .5px),
            rgba(255,255,255,.12) calc(85.7142% + .5px),
            transparent calc(85.7142% + .5px)
        ) !important;
}

:root[data-theme="light"] .week-bars-v35 {
    background-image:
        linear-gradient(to right,
            transparent calc(14.2857% - .5px),
            rgba(17,24,39,.13) calc(14.2857% - .5px),
            rgba(17,24,39,.13) calc(14.2857% + .5px),
            transparent calc(14.2857% + .5px),
            transparent calc(28.5714% - .5px),
            rgba(17,24,39,.13) calc(28.5714% - .5px),
            rgba(17,24,39,.13) calc(28.5714% + .5px),
            transparent calc(28.5714% + .5px),
            transparent calc(42.8571% - .5px),
            rgba(17,24,39,.13) calc(42.8571% - .5px),
            rgba(17,24,39,.13) calc(42.8571% + .5px),
            transparent calc(42.8571% + .5px),
            transparent calc(57.1428% - .5px),
            rgba(17,24,39,.13) calc(57.1428% - .5px),
            rgba(17,24,39,.13) calc(57.1428% + .5px),
            transparent calc(57.1428% + .5px),
            transparent calc(71.4285% - .5px),
            rgba(17,24,39,.13) calc(71.4285% - .5px),
            rgba(17,24,39,.13) calc(71.4285% + .5px),
            transparent calc(71.4285% + .5px),
            transparent calc(85.7142% - .5px),
            rgba(17,24,39,.13) calc(85.7142% - .5px),
            rgba(17,24,39,.13) calc(85.7142% + .5px),
            transparent calc(85.7142% + .5px)
        ) !important;
}

/* Nach-oben-Pfeil am unteren Bildschirmrand */
.scroll-top-v39 {
    position: fixed;
    right: max(16px, env(safe-area-inset-right));
    bottom: calc(18px + env(safe-area-inset-bottom));
    z-index: 999;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(227,52,52,.96), rgba(170,22,22,.98));
    color: #fff;
    font-size: 1.4rem;
    font-weight: 950;
    box-shadow:
        0 12px 28px rgba(227,52,52,.32),
        inset 0 1px 0 rgba(255,255,255,.22);
    cursor: pointer;
    opacity: 0;
    transform: translateY(14px) scale(.94);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}

.scroll-top-v39.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

@media (max-width: 760px) {
    .day-add-v34 {
        width: 17px !important;
        height: 17px !important;
        font-size: .66rem !important;
        box-shadow: 0 5px 10px rgba(227,52,52,.18) !important;
    }

    .scroll-top-v39 {
        width: 42px;
        height: 42px;
        right: max(12px, env(safe-area-inset-right));
        bottom: calc(14px + env(safe-area-inset-bottom));
        font-size: 1.25rem;
    }
}


/* Version 4.0 - Plus am Handy deutlich kleiner und sauber in der Tageszelle */
@media (max-width: 760px) {
    .day-head-v33 {
        position: relative !important;
        padding-right: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        min-height: 18px !important;
    }

    .day-head-v33 span,
    .day-head-v33 strong {
        display: inline !important;
        white-space: nowrap !important;
    }

    .day-add-v34 {
        position: absolute !important;
        right: 1px !important;
        top: 1px !important;
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        min-height: 13px !important;
        padding: 0 !important;
        font-size: .48rem !important;
        line-height: 13px !important;
        border-radius: 999px !important;
        box-shadow: 0 3px 6px rgba(227,52,52,.16) !important;
        opacity: .92 !important;
    }

    .day-cell-v33 {
        padding-top: 4px !important;
    }
}

@media (max-width: 390px) {
    .day-add-v34 {
        width: 11px !important;
        height: 11px !important;
        min-width: 11px !important;
        min-height: 11px !important;
        font-size: .42rem !important;
        line-height: 11px !important;
        right: 0 !important;
        top: 1px !important;
    }
}


/* Version 4.1 - Auslastung Kopfbereich bereinigt, Plus positioniert */
.person-shortcuts-v34 {
    display: none !important;
}

/* Neuer Termin: sichtbarer Auf-/Zuklappen-Button */
.new-entry-summary-v41 {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.new-entry-summary-v41 > div {
    display: grid;
    gap: 4px;
}

.new-entry-summary-v41 b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(227,52,52,.96), rgba(170,22,22,.98));
    color: #fff;
    font-size: .82rem;
    font-weight: 950;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(227,52,52,.22);
}

.auslastung-add-v33 details[open] .new-entry-summary-v41 b {
    background: var(--button);
    color: var(--text);
    box-shadow: inset 0 0 0 1px var(--line);
}

/* Legende kompakter nach Entfernen von Geburtstag/Feiertag */
.auslastung-legend-v33 {
    gap: 10px !important;
}

/* Plus nicht mehr über dem Datum: unter Datum klein zentriert */
@media (max-width: 760px) {
    .day-head-v33 {
        position: static !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        align-items: center !important;
        gap: 2px !important;
        min-height: 34px !important;
        padding: 0 !important;
    }

    .day-head-v33 span,
    .day-head-v33 strong {
        display: block !important;
        white-space: nowrap !important;
    }

    .day-add-v34 {
        position: static !important;
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        min-height: 12px !important;
        padding: 0 !important;
        font-size: .42rem !important;
        line-height: 12px !important;
        border-radius: 999px !important;
        justify-self: center !important;
        box-shadow: 0 3px 6px rgba(227,52,52,.14) !important;
        opacity: .9 !important;
        margin-top: 1px !important;
    }

    .day-cell-v33 {
        min-height: 58px !important;
        padding-top: 3px !important;
    }

    .new-entry-summary-v41 {
        display: grid !important;
        gap: 12px !important;
    }

    .new-entry-summary-v41 b {
        justify-self: start;
        min-height: 34px;
        padding: 0 12px;
        font-size: .76rem;
    }
}

@media (max-width: 390px) {
    .day-add-v34 {
        width: 10px !important;
        height: 10px !important;
        min-width: 10px !important;
        min-height: 10px !important;
        font-size: .36rem !important;
        line-height: 10px !important;
    }
}


/* Version 4.2 - Auslastung: Termin wächst auf, Infoanzeige Feiertage, flexible Jahre */
.load-bar-v35 {
    transition: transform .18s ease, box-shadow .18s ease, min-height .18s ease;
}

.load-bar-v35[open] {
    grid-column: 1 / -1 !important;
    min-height: 210px !important;
    transform: scale(1.012);
    z-index: 20;
    box-shadow:
        0 24px 70px rgba(0,0,0,.28),
        0 0 0 2px rgba(255,255,255,.10) inset !important;
}

:root[data-theme="light"] .load-bar-v35[open] {
    box-shadow:
        0 24px 70px rgba(17,24,39,.18),
        0 0 0 2px rgba(17,24,39,.08) inset !important;
}

.load-info-v42 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 7px;
    margin-bottom: 8px;
}

.load-info-v42 span {
    display: grid;
    gap: 2px;
    padding: 7px 8px;
    border-radius: 10px;
    background: rgba(255,255,255,.075);
    border: 1px solid var(--line);
    color: var(--text);
    font-size: .76rem;
    overflow-wrap: anywhere;
}

:root[data-theme="light"] .load-info-v42 span {
    background: rgba(17,24,39,.045);
}

.load-info-v42 span.wide {
    grid-column: 1 / -1;
}

.load-info-v42 b {
    color: var(--muted);
    font-size: .62rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

@media (max-width: 760px) {
    .load-bar-v35[open] {
        grid-column: 1 / -1 !important;
        min-height: 190px !important;
        transform: none;
    }

    .load-info-v42 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    .load-info-v42 span {
        padding: 5px 6px;
        font-size: .64rem;
    }

    .load-info-v42 b {
        font-size: .52rem;
    }
}


/* Version 4.3 - Geburtstage jährlich, +1 Jahr, Excel-Export, Heute gold */
.auslastung-toolbar-actions-v43 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}

.today-v36 {
    box-shadow:
        inset 0 0 0 2px rgba(255,193,7,.95),
        0 0 0 3px rgba(255,193,7,.16) !important;
    background:
        linear-gradient(145deg, rgba(255,193,7,.20), rgba(255,255,255,.035)),
        rgba(255,255,255,.025) !important;
}

:root[data-theme="light"] .today-v36 {
    background:
        linear-gradient(145deg, rgba(255,193,7,.30), rgba(255,255,255,.85)),
        #fff8df !important;
    box-shadow:
        inset 0 0 0 2px rgba(217,119,6,.75),
        0 0 0 3px rgba(217,119,6,.11) !important;
}

@media (max-width: 760px) {
    .auslastung-toolbar-actions-v43 {
        justify-content: flex-start;
    }

    .auslastung-toolbar-actions-v43 .btn {
        min-height: 36px;
        font-size: .76rem;
        padding: 0 10px;
    }
}


/* Version 4.4 - Projektliste */
.projekt-hero-v44,
.kunden-hero-v44 {
    border-radius: 34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)),
        radial-gradient(circle at 0% 0%, rgba(255,178,75,.18), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(0,140,255,.10), transparent 28%),
        var(--card);
}

.projekt-toolbar-v44,
.projekt-add-v44,
.projekt-card-v44,
.projekt-stats-v44 article,
.kunden-card-v44 {
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)), var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
}

.projekt-toolbar-v44 {
    padding: 14px;
    margin-bottom: 14px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
}

.projekt-filter-v44 {
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
    flex: 1;
}

.projekt-filter-v44 label,
.projekt-form-v44 label {
    display: grid;
    gap: 7px;
}

.projekt-filter-v44 label.grow {
    flex: 1;
    min-width: 220px;
}

.projekt-filter-v44 span,
.projekt-form-v44 span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
}

.projekt-filter-v44 input,
.projekt-filter-v44 select,
.projekt-form-v44 input,
.projekt-form-v44 select,
.projekt-form-v44 textarea {
    min-height: 44px;
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--line);
    background: var(--field);
    color: var(--text);
    padding: 0 11px;
    font: inherit;
}

.projekt-form-v44 textarea {
    padding-top: 10px;
}

.projekt-stats-v44 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.projekt-stats-v44 article {
    padding: 14px;
}

.projekt-stats-v44 strong {
    display: block;
    font-size: 2rem;
    line-height: 1;
}

.projekt-stats-v44 span {
    color: var(--muted);
    font-size: .85rem;
}

.projekt-add-v44 {
    padding: 16px;
    margin-bottom: 16px;
}

.projekt-add-v44 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    cursor: pointer;
}

.projekt-add-v44 summary strong,
.projekt-add-v44 summary span {
    display: block;
}

.projekt-add-v44 summary span {
    color: var(--muted);
}

.projekt-add-v44 summary b {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    border-radius: 999px;
    padding: 0 12px;
    background: linear-gradient(145deg, rgba(227,52,52,.96), rgba(170,22,22,.98));
    color: #fff;
    font-size: .78rem;
}

.projekt-form-v44 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-top: 14px;
}

.projekt-form-v44.compact {
    grid-template-columns: repeat(3, minmax(0,1fr));
}

.projekt-form-v44 .wide {
    grid-column: 1 / -1;
}

.projekt-list-v44 {
    display: grid;
    gap: 14px;
}

.projekt-card-v44 {
    padding: 16px;
}

.projekt-card-v44.open {
    border-color: rgba(255,178,75,.28);
}

.projekt-card-v44.ok {
    border-color: rgba(101,217,75,.20);
}

.projekt-card-v44 header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.projekt-card-v44 header span {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 900;
}

.projekt-card-v44 h2 {
    margin: 3px 0;
    font-size: 1.25rem;
    letter-spacing: -.04em;
}

.projekt-card-v44 p {
    margin: 0;
    color: var(--text);
}

.projekt-card-v44 header > strong {
    border-radius: 999px;
    padding: 7px 10px;
    white-space: nowrap;
    background: rgba(255,178,75,.16);
    border: 1px solid rgba(255,178,75,.28);
    color: #ffd89a;
}

.projekt-card-v44.ok header > strong {
    background: rgba(101,217,75,.14);
    border-color: rgba(101,217,75,.24);
    color: #b8ffae;
}

:root[data-theme="light"] .projekt-card-v44 header > strong {
    color: #8a5300;
}

:root[data-theme="light"] .projekt-card-v44.ok header > strong {
    color: #247018;
}

.task-row-v44 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 12px 0;
}

.task {
    border-radius: 999px;
    padding: 6px 9px;
    font-size: .76rem;
    font-weight: 950;
}

.task.open {
    background: rgba(227,52,52,.15);
    border: 1px solid rgba(227,52,52,.28);
    color: #ffb5b5;
}

.task.ok {
    background: rgba(101,217,75,.14);
    border: 1px solid rgba(101,217,75,.24);
    color: #b8ffae;
}

:root[data-theme="light"] .task.open {
    color: #991b1b;
}

:root[data-theme="light"] .task.ok {
    color: #247018;
}

.projekt-grid-v44 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px,1fr));
    gap: 8px;
}

.projekt-grid-v44 span,
.projekt-note-v44 {
    display: grid;
    gap: 3px;
    border-radius: 14px;
    background: var(--card2);
    border: 1px solid var(--line);
    padding: 8px;
    overflow-wrap: anywhere;
}

.projekt-grid-v44 b,
.projekt-note-v44 b {
    color: var(--muted);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.projekt-note-v44 {
    margin-top: 10px;
}

.projekt-note-v44 p {
    margin: 0;
}

.projekt-edit-v44 {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

.projekt-edit-v44 summary {
    cursor: pointer;
    font-weight: 950;
}

.projekt-delete-v44 {
    margin-top: 8px;
}

.kunden-grid-v44 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
    gap: 14px;
}

.kunden-card-v44 {
    padding: 16px;
}

.kunden-card-v44 header {
    display: flex;
    gap: 12px;
    align-items: center;
}

.kunden-card-v44 header > strong {
    min-width: 74px;
    min-height: 44px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--button);
    color: var(--text);
}

.kunden-card-v44 h2 {
    margin: 0;
    font-size: 1.12rem;
}

.kunden-card-v44 span {
    color: var(--muted);
}

@media (max-width: 780px) {
    .projekt-toolbar-v44 {
        display: grid;
    }

    .projekt-form-v44,
    .projekt-form-v44.compact {
        grid-template-columns: 1fr;
    }

    .projekt-add-v44 summary {
        display: grid;
    }

    .projekt-card-v44 header {
        display: grid;
    }
}


/* Version 4.5 - Projektliste Sortierung, offene Kacheln rot, n/a Checkboxen, Statistik */
.projekt-card-v44.open {
    background:
        linear-gradient(145deg, rgba(227,52,52,.18), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: rgba(227,52,52,.38) !important;
}

:root[data-theme="light"] .projekt-card-v44.open {
    background:
        linear-gradient(145deg, rgba(227,52,52,.13), rgba(255,255,255,.72)),
        var(--card) !important;
    border-color: rgba(185,28,28,.28) !important;
}

.with-na-v45 {
    position: relative;
}

.with-na-v45 em {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    min-height: 26px;
    padding: 0 8px;
    margin-top: 4px;
    border-radius: 999px;
    background: var(--button);
    border: 1px solid var(--line);
    color: var(--muted);
    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
}

.with-na-v45 em input {
    width: auto !important;
    min-height: 0 !important;
}

.projekt-stats-v44 {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
}

.projekt-stats-v44 article strong {
    font-size: clamp(1.18rem, 2vw, 1.9rem) !important;
    overflow-wrap: anywhere;
}

@media (max-width: 780px) {
    .projekt-stats-v44 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .projekt-stats-v44 article {
        padding: 11px !important;
    }

    .projekt-stats-v44 article strong {
        font-size: 1.28rem !important;
    }
}


/* Version 4.6 - globaler Nach-oben-Pfeil auf allen langen Seiten */
.global-scroll-top-v46 {
    position: fixed;
    right: max(16px, env(safe-area-inset-right));
    bottom: calc(18px + env(safe-area-inset-bottom));
    z-index: 9999;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(227,52,52,.96), rgba(170,22,22,.98));
    color: #fff;
    font-size: 1.4rem;
    font-weight: 950;
    box-shadow:
        0 12px 28px rgba(227,52,52,.32),
        inset 0 1px 0 rgba(255,255,255,.22);
    cursor: pointer;
    opacity: 0;
    transform: translateY(14px) scale(.94);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}

.global-scroll-top-v46.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* falls auf Auslastung noch der alte Einzelseiten-Pfeil vorhanden ist: ausblenden, damit es nicht doppelt kommt */
.scroll-top-v39 {
    display: none !important;
}

@media (max-width: 760px) {
    .global-scroll-top-v46 {
        width: 42px;
        height: 42px;
        right: max(12px, env(safe-area-inset-right));
        bottom: calc(14px + env(safe-area-inset-bottom));
        font-size: 1.25rem;
    }
}


/* Version 4.7 - Projektliste Pflichtfelder, Statusfarben, PN-Vorschau */
.projekt-card-v44.open {
    background:
        linear-gradient(145deg, rgba(227,52,52,.18), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: rgba(227,52,52,.42) !important;
}

.projekt-card-v44.status-bestellt:not(.open) {
    background:
        linear-gradient(145deg, rgba(255,190,90,.18), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: rgba(255,190,90,.34) !important;
}

.projekt-card-v44.status-abgelehnt {
    background:
        linear-gradient(145deg, rgba(227,52,52,.20), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: rgba(227,52,52,.42) !important;
}

.projekt-card-v44.status-durchgeführt:not(.open) {
    background:
        linear-gradient(145deg, rgba(101,217,75,.17), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: rgba(101,217,75,.32) !important;
}

:root[data-theme="light"] .projekt-card-v44.status-bestellt:not(.open) {
    background:
        linear-gradient(145deg, rgba(255,190,90,.20), rgba(255,255,255,.82)),
        var(--card) !important;
}

:root[data-theme="light"] .projekt-card-v44.status-abgelehnt,
:root[data-theme="light"] .projekt-card-v44.open {
    background:
        linear-gradient(145deg, rgba(227,52,52,.13), rgba(255,255,255,.75)),
        var(--card) !important;
}

:root[data-theme="light"] .projekt-card-v44.status-durchgeführt:not(.open) {
    background:
        linear-gradient(145deg, rgba(101,217,75,.16), rgba(255,255,255,.78)),
        var(--card) !important;
}

.projekt-status-badge-v47 {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    font-style: normal;
    font-weight: 950;
    color: var(--text);
    border: 1px solid var(--line);
    background: var(--button);
}

.projekt-status-badge-v47.bestellt,
.legend-status.bestellt,
.status-stat.bestellt {
    background: rgba(255,190,90,.18) !important;
    border-color: rgba(255,190,90,.34) !important;
    color: #ffd89a !important;
}

.projekt-status-badge-v47.durchgeführt,
.legend-status.done,
.status-stat.done {
    background: rgba(101,217,75,.16) !important;
    border-color: rgba(101,217,75,.30) !important;
    color: #b8ffae !important;
}

.projekt-status-badge-v47.abgelehnt,
.legend-status.declined,
.status-stat.declined {
    background: rgba(227,52,52,.18) !important;
    border-color: rgba(227,52,52,.34) !important;
    color: #ffb5b5 !important;
}

.projekt-status-badge-v47.offen,
.legend-status.open,
.status-stat.offen {
    background: rgba(227,52,52,.13) !important;
    border-color: rgba(227,52,52,.28) !important;
    color: #ffb5b5 !important;
}

:root[data-theme="light"] .projekt-status-badge-v47.bestellt,
:root[data-theme="light"] .legend-status.bestellt,
:root[data-theme="light"] .status-stat.bestellt {
    color: #8a5300 !important;
}

:root[data-theme="light"] .projekt-status-badge-v47.durchgeführt,
:root[data-theme="light"] .legend-status.done,
:root[data-theme="light"] .status-stat.done {
    color: #247018 !important;
}

:root[data-theme="light"] .projekt-status-badge-v47.abgelehnt,
:root[data-theme="light"] .legend-status.declined,
:root[data-theme="light"] .projekt-status-badge-v47.offen,
:root[data-theme="light"] .legend-status.open,
:root[data-theme="light"] .status-stat.declined,
:root[data-theme="light"] .status-stat.offen {
    color: #991b1b !important;
}

.projekt-status-legend-v47 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: -4px 0 14px;
    padding: 12px;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)), var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
}

.legend-status {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    border-radius: 999px;
    padding: 0 10px;
    font-weight: 950;
    font-size: .8rem;
    border: 1px solid var(--line);
}

.pn-preview-v47 {
    display: grid;
    gap: 4px;
    padding: 13px;
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(0,140,255,.14), rgba(255,255,255,.04)),
        var(--card2);
    border: 1px solid rgba(0,140,255,.22);
}

.pn-preview-v47 span {
    color: var(--muted);
    font-size: .75rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.pn-preview-v47 strong {
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    letter-spacing: -.04em;
    color: var(--text);
}

.pn-preview-v47 small {
    color: var(--muted);
    font-weight: 850;
}

.projekt-grid-v44 span:has(b:first-child) {
    min-height: 58px;
}

@media (max-width: 780px) {
    .projekt-status-legend-v47 {
        padding: 10px;
    }

    .legend-status {
        min-height: 28px;
        font-size: .72rem;
    }
}


/* Version 4.8 - Projektliste Vorschau, Preisumbruch, n/a Layout */
.projekt-stats-v44 article strong {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    font-size: clamp(1.05rem, 1.7vw, 1.65rem) !important;
    line-height: 1.05 !important;
}

.pn-preview-v47 strong {
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

/* n/a direkt neben dem Textfeld */
.with-na-v45 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px !important;
    align-items: end;
}

.with-na-v45 > span {
    grid-column: 1 / -1;
}

.with-na-v45 input:not([type="checkbox"]) {
    grid-column: 1;
}

.with-na-v45 em {
    grid-column: 2;
    margin-top: 0 !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    white-space: nowrap;
}

.with-na-v45 input:disabled {
    opacity: .65;
}

/* Öffnen / Schließen bei Projektanlage am Handy schmaler */
@media (max-width: 780px) {
    .projekt-add-v44 summary b {
        width: fit-content !important;
        min-height: 32px !important;
        padding: 0 10px !important;
        font-size: .70rem !important;
        justify-self: start !important;
    }

    .projekt-stats-v44 article strong {
        font-size: 1.05rem !important;
    }
}


/* Version 4.9 - Projektfarben nach Status, Pflichtfeldhinweise nur als rote Chips, Statistik klickbar */
.projekt-card-v44.open {
    /* Pflichtfeld offen macht NICHT mehr die ganze Kachel rot */
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: var(--line) !important;
}

.projekt-card-v44.status-bestellt,
.projekt-card-v44.status-bestellt.open {
    background:
        linear-gradient(145deg, rgba(255,190,90,.22), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: rgba(255,190,90,.42) !important;
}

.projekt-card-v44.status-durchgeführt,
.projekt-card-v44.status-durchgeführt.open {
    background:
        linear-gradient(145deg, rgba(101,217,75,.20), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: rgba(101,217,75,.42) !important;
}

.projekt-card-v44.status-abgelehnt,
.projekt-card-v44.status-abgelehnt.open {
    background:
        linear-gradient(145deg, rgba(227,52,52,.22), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: rgba(227,52,52,.45) !important;
}

:root[data-theme="light"] .projekt-card-v44.open {
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.72)),
        var(--card) !important;
    border-color: var(--line) !important;
}

:root[data-theme="light"] .projekt-card-v44.status-bestellt,
:root[data-theme="light"] .projekt-card-v44.status-bestellt.open {
    background:
        linear-gradient(145deg, rgba(255,190,90,.26), rgba(255,255,255,.82)),
        var(--card) !important;
    border-color: rgba(180,110,0,.24) !important;
}

:root[data-theme="light"] .projekt-card-v44.status-durchgeführt,
:root[data-theme="light"] .projekt-card-v44.status-durchgeführt.open {
    background:
        linear-gradient(145deg, rgba(101,217,75,.20), rgba(255,255,255,.82)),
        var(--card) !important;
    border-color: rgba(36,112,24,.22) !important;
}

:root[data-theme="light"] .projekt-card-v44.status-abgelehnt,
:root[data-theme="light"] .projekt-card-v44.status-abgelehnt.open {
    background:
        linear-gradient(145deg, rgba(227,52,52,.18), rgba(255,255,255,.78)),
        var(--card) !important;
    border-color: rgba(153,27,27,.24) !important;
}

/* rote Hinweischips bleiben die Pflichtfeld-Warnung */
.task.open {
    background: linear-gradient(145deg, rgba(227,52,52,.98), rgba(153,27,27,.98)) !important;
    border-color: rgba(255,130,130,.46) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(227,52,52,.18);
}

.stat-card-link-v49 {
    color: inherit;
    text-decoration: none;
    display: block;
}

.stat-card-link-v49 article {
    height: 100%;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.stat-card-link-v49:hover article {
    transform: translateY(-2px);
    border-color: rgba(0,140,255,.32);
    box-shadow: 0 18px 42px rgba(0,140,255,.10), inset 0 1px 0 rgba(255,255,255,.08);
}

.stat-card-link-v49:active article {
    transform: translateY(0);
}


/* Version 5.0 - Projektliste Vorschau fix und Export */
.projekt-toolbar-v44 > .btn {
    white-space: nowrap;
}

.pn-preview-v47 strong {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

@media (max-width: 780px) {
    .projekt-toolbar-v44 > .btn {
        width: fit-content;
    }
}


/* Version 5.2 - Live-Projektnummer visuell */
.pn-live-v52 {
    position: relative;
    overflow: hidden;
}

.pn-live-v52 strong {
    display: block;
    font-size: clamp(1.25rem, 2.5vw, 2rem);
    color: var(--text);
}

.pn-segments-v52 {
    display: grid;
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.pn-segments-v52 em {
    display: grid;
    gap: 3px;
    padding: 8px 9px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
    font-style: normal;
}

:root[data-theme="light"] .pn-segments-v52 em {
    background: rgba(17,24,39,.045);
    border-color: rgba(17,24,39,.08);
}

.pn-segments-v52 small {
    color: var(--muted);
    font-size: .62rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.pn-segments-v52 b {
    color: var(--text);
    font-size: .95rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.kunde-found-v52 {
    border-color: rgba(101,217,75,.48) !important;
    box-shadow: 0 0 0 3px rgba(101,217,75,.10) !important;
}

.kunde-missing-v52 {
    border-color: rgba(255,190,90,.48) !important;
    box-shadow: 0 0 0 3px rgba(255,190,90,.10) !important;
}

@media (max-width: 780px) {
    .pn-segments-v52 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pn-live-v52 strong {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Version 5.3 - Importprüfung und Alle-Jahre-Ansicht */
.projekt-import-hinweis-v53 {
    font-size: .82rem;
    opacity: .88;
}


/* Version 5.4 - Projektliste Statistik einklappbar, Auslastung-Projektverknüpfung */
.projekt-stats-wrapper-v54 {
    margin-bottom: 14px;
}

.projekt-stats-wrapper-v54 > details {
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)), var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
    overflow: hidden;
}

.projekt-stats-wrapper-v54 summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    align-items: center;
}

.projekt-stats-wrapper-v54 summary::-webkit-details-marker {
    display: none;
}

.projekt-stats-wrapper-v54 summary strong {
    font-size: 1rem;
}

.projekt-stats-wrapper-v54 summary span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
}

.projekt-stats-wrapper-v54 .projekt-stats-v44 {
    padding: 0 14px 14px;
}

.linked-project-v54 {
    display: inline-flex !important;
    width: fit-content;
    max-width: 100%;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(101,217,75,.16);
    border: 1px solid rgba(101,217,75,.30);
    color: #b8ffae;
    font-style: normal;
    font-size: .68rem;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:root[data-theme="light"] .linked-project-v54 {
    color: #247018;
    background: rgba(101,217,75,.18);
}

@media (max-width: 760px) {
    .projekt-stats-wrapper-v54 summary {
        display: grid;
        padding: 12px;
    }
}


/* Version 5.6 - neues Projekt: Kunde statt getrennte Kundennummer/Kundenfeld */
#pnCustomerSearchInputV56.kunde-found-v52 {
    border-color: rgba(101,217,75,.55) !important;
    box-shadow: 0 0 0 3px rgba(101,217,75,.12) !important;
}

#pnCustomerSearchInputV56.kunde-missing-v52 {
    border-color: rgba(255,190,90,.55) !important;
    box-shadow: 0 0 0 3px rgba(255,190,90,.12) !important;
}


/* Version 5.7 - Mobile Fix: Datum/Inputs dürfen nicht breiter als das Display werden */
.projekt-form-v44,
.projekt-form-v44 *,
.projekt-add-v44,
.projekt-add-v44 * {
    box-sizing: border-box;
}

.projekt-form-v44 input,
.projekt-form-v44 select,
.projekt-form-v44 textarea {
    max-width: 100%;
    min-width: 0;
}

@media (max-width: 780px) {
    .projekt-form-v44,
    .projekt-form-v44.compact {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }

    .projekt-form-v44 label,
    .projekt-form-v44 .wide,
    .pn-preview-v47 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
    }

    .projekt-form-v44 input[type="date"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        appearance: auto;
        -webkit-appearance: none;
    }

    .projekt-add-v44 {
        overflow: hidden;
    }

    .projekt-add-v44 details,
    .projekt-add-v44 form {
        width: 100%;
        max-width: 100%;
    }
}


/* Version 6.1 - Materialliste ohne Beta, Desktop breiter, Home-Button besser erreichbar */
@media (min-width: 1200px) {
    body.desktop-mode main,
    body.desktop-mode .app-main,
    body.desktop-mode .page-shell,
    body.desktop-mode .content-shell,
    body.desktop-mode .main-shell,
    body.desktop-mode .container,
    body.desktop-mode .material-page,
    body.desktop-mode .material-list-page {
        max-width: min(1880px, calc(100vw - 96px)) !important;
        width: min(1880px, calc(100vw - 96px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.desktop-mode .material-table-card,
    body.desktop-mode .desktop-table-card,
    body.desktop-mode .material-table-wrap,
    body.desktop-mode .desktop-table-v33,
    body.desktop-mode .desktop-table {
        max-width: 100% !important;
        width: 100% !important;
    }

    body.desktop-mode .desktop-table-card {
        overflow-x: auto;
    }

    body.desktop-mode table {
        width: 100% !important;
    }

    body.desktop-mode .home-button,
    body.desktop-mode .home-fab,
    body.desktop-mode .header-home,
    body.desktop-mode .top-home,
    body.desktop-mode a[href="index.php"].home-button,
    body.desktop-mode a[href="index.php"].round-icon,
    body.desktop-mode a[href="index.php"].floating-home {
        left: max(24px, calc((100vw - 1880px) / 2 + 24px)) !important;
    }
}

/* Falls der Home-Button nicht klassisch benannt ist: nicht am extremen Ultrawide-Rand kleben */
@media (min-width: 1900px) {
    a[href="index.php"] {
        scroll-margin-left: 24px;
    }
}

.material-beta-label,
.beta-badge,
.badge-beta {
    display: none !important;
}


/* Version 6.2 - Desktopmodus ca. 80% Bildschirmbreite auf Ultrawide */
@media (min-width: 1200px) {
    body.desktop-mode main,
    body.desktop-mode .app-main,
    body.desktop-mode .page-shell,
    body.desktop-mode .content-shell,
    body.desktop-mode .main-shell,
    body.desktop-mode .container,
    body.desktop-mode .material-page,
    body.desktop-mode .material-list-page {
        max-width: min(4096px, 80vw) !important;
        width: min(4096px, 80vw) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.desktop-mode .material-table-card,
    body.desktop-mode .desktop-table-card,
    body.desktop-mode .material-table-wrap,
    body.desktop-mode .desktop-table-v33,
    body.desktop-mode .desktop-table {
        max-width: 100% !important;
        width: 100% !important;
    }

    body.desktop-mode .desktop-table-card {
        overflow-x: auto;
    }

    body.desktop-mode table {
        width: 100% !important;
    }

    body.desktop-mode .home-button,
    body.desktop-mode .home-fab,
    body.desktop-mode .header-home,
    body.desktop-mode .top-home,
    body.desktop-mode a[href="index.php"].home-button,
    body.desktop-mode a[href="index.php"].round-icon,
    body.desktop-mode a[href="index.php"].floating-home {
        left: max(24px, calc((100vw - min(4096px, 80vw)) / 2 + 24px)) !important;
    }
}

/* Auf extrem breiten Monitoren: Inhalt bleibt bei ca. 80%, nicht nur bei 1880px */
@media (min-width: 2400px) {
    body.desktop-mode main,
    body.desktop-mode .app-main,
    body.desktop-mode .page-shell,
    body.desktop-mode .content-shell,
    body.desktop-mode .main-shell,
    body.desktop-mode .container,
    body.desktop-mode .material-page,
    body.desktop-mode .material-list-page {
        max-width: 80vw !important;
        width: 80vw !important;
    }
}


/* Version 6.3 - echte Desktop-Breite über data-layout statt body.desktop-mode */
/* Der Desktop-Schalter setzt data-layout="desktop" am HTML-Element, nicht body.desktop-mode. */
@media (min-width: 1200px) {
    :root[data-layout="desktop"] .page {
        width: 80vw !important;
        max-width: 4096px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    :root[data-layout="desktop"] .material-desktop-shell-v88,
    :root[data-layout="desktop"] .material-desktop-head-v88,
    :root[data-layout="desktop"] .material-table-wrap-v88,
    :root[data-layout="desktop"] .material-table-v88,
    :root[data-layout="desktop"] .page-title-card,
    :root[data-layout="desktop"] .material-toolbar-v88,
    :root[data-layout="desktop"] .material-category-shell-v88,
    :root[data-layout="desktop"] .material-stats-v88,
    :root[data-layout="desktop"] .material-add-v88 {
        width: 100% !important;
        max-width: 100% !important;
    }

    :root[data-layout="desktop"] .material-table-v88 {
        min-width: 0 !important;
        table-layout: fixed !important;
        font-size: clamp(.72rem, .42vw, .92rem) !important;
    }

    :root[data-layout="desktop"] .material-table-v88 th,
    :root[data-layout="desktop"] .material-table-v88 td {
        padding-left: 6px !important;
        padding-right: 6px !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    /* Home Button an die linke Kante der 80%-Arbeitsfläche ziehen */
    :root[data-layout="desktop"] .topbar-left {
        position: fixed !important;
        left: max(18px, calc((100vw - min(4096px, 80vw)) / 2 + 18px)) !important;
        top: 16px !important;
        z-index: 1000 !important;
    }

    :root[data-layout="desktop"] .topbar {
        pointer-events: none;
    }

    :root[data-layout="desktop"] .topbar-left,
    :root[data-layout="desktop"] .topbar-switches-v24,
    :root[data-layout="desktop"] .topbar-title {
        pointer-events: auto;
    }
}

@media (min-width: 2400px) {
    :root[data-layout="desktop"] .page {
        width: 80vw !important;
        max-width: 80vw !important;
    }

    :root[data-layout="desktop"] .topbar-left {
        left: calc(10vw + 18px) !important;
    }
}

/* Falls die Materialseite durch ältere Regeln bei 1880px hängen bleibt */
@media (min-width: 1200px) {
    html[data-layout="desktop"] body > main.page {
        width: 80vw !important;
        max-width: 4096px !important;
    }
}

@media (min-width: 2400px) {
    html[data-layout="desktop"] body > main.page {
        width: 80vw !important;
        max-width: 80vw !important;
    }
}


/* Version 6.4 - Header-Text "Ansicht" entfernen */
.header-mode-label-v24,
.topbar-title.header-mode-label-v24 {
    display: none !important;
}


/* Version 6.5 - Header Switches im Desktopmodus rechts halten */
.topbar {
    display: flex;
    align-items: flex-start;
}

.topbar-left {
    flex: 0 0 auto;
}

.topbar-switches-v24 {
    margin-left: auto !important;
    margin-right: max(12px, env(safe-area-inset-right)) !important;
    justify-self: flex-end !important;
    align-self: flex-start !important;
}

/* Der Header darf im Desktopmodus nicht die Switches nach links ziehen */
:root[data-layout="desktop"] .topbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
}

:root[data-layout="desktop"] .topbar-switches-v24 {
    position: fixed !important;
    top: 12px !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 1100 !important;
}

/* Home links bleibt eingerückt, Switches bleiben rechts */
:root[data-layout="desktop"] .topbar-left {
    position: fixed !important;
    left: max(18px, calc((100vw - min(4096px, 80vw)) / 2 + 18px)) !important;
    right: auto !important;
    top: 16px !important;
    z-index: 1000 !important;
}

@media (min-width: 2400px) {
    :root[data-layout="desktop"] .topbar-left {
        left: calc(10vw + 18px) !important;
    }
}

@media (max-width: 760px) {
    .topbar-switches-v24 {
        position: static !important;
        margin-left: auto !important;
        margin-right: 8px !important;
    }
}


/* Version 6.6 - Desktopmodus: Navigationskacheln fast quadratisch / deutlich höher */
@media (min-width: 1200px) {
    :root[data-layout="desktop"] .menu-grid,
    :root[data-layout="desktop"] .submenu-grid,
    :root[data-layout="desktop"] .main-menu-grid,
    :root[data-layout="desktop"] .dashboard-grid,
    :root[data-layout="desktop"] .settings-grid,
    :root[data-layout="desktop"] .calc-menu-grid,
    :root[data-layout="desktop"] .navigation-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
        gap: 22px !important;
    }

    :root[data-layout="desktop"] .menu-card,
    :root[data-layout="desktop"] .submenu-card,
    :root[data-layout="desktop"] .main-menu-card,
    :root[data-layout="desktop"] .dashboard-card,
    :root[data-layout="desktop"] .settings-card,
    :root[data-layout="desktop"] .calc-menu-card,
    :root[data-layout="desktop"] .navigation-card,
    :root[data-layout="desktop"] a.menu-tile,
    :root[data-layout="desktop"] a.submenu-tile,
    :root[data-layout="desktop"] .menu-grid a,
    :root[data-layout="desktop"] .submenu-grid a,
    :root[data-layout="desktop"] .main-menu-grid a,
    :root[data-layout="desktop"] .dashboard-grid a,
    :root[data-layout="desktop"] .settings-grid a,
    :root[data-layout="desktop"] .calc-menu-grid a,
    :root[data-layout="desktop"] .navigation-grid a {
        min-height: 250px !important;
        aspect-ratio: 1.18 / 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        padding: 26px !important;
        border-radius: 32px !important;
    }

    :root[data-layout="desktop"] .menu-grid a h2,
    :root[data-layout="desktop"] .submenu-grid a h2,
    :root[data-layout="desktop"] .main-menu-grid a h2,
    :root[data-layout="desktop"] .dashboard-grid a h2,
    :root[data-layout="desktop"] .settings-grid a h2,
    :root[data-layout="desktop"] .calc-menu-grid a h2,
    :root[data-layout="desktop"] .navigation-grid a h2,
    :root[data-layout="desktop"] .menu-grid a strong,
    :root[data-layout="desktop"] .submenu-grid a strong {
        font-size: clamp(1.45rem, 1.35vw, 2.15rem) !important;
        line-height: 1.05 !important;
    }

    :root[data-layout="desktop"] .menu-grid a p,
    :root[data-layout="desktop"] .submenu-grid a p,
    :root[data-layout="desktop"] .main-menu-grid a p,
    :root[data-layout="desktop"] .dashboard-grid a p,
    :root[data-layout="desktop"] .settings-grid a p,
    :root[data-layout="desktop"] .calc-menu-grid a p,
    :root[data-layout="desktop"] .navigation-grid a p,
    :root[data-layout="desktop"] .menu-grid a span,
    :root[data-layout="desktop"] .submenu-grid a span {
        font-size: clamp(.95rem, .72vw, 1.1rem) !important;
        line-height: 1.35 !important;
    }
}

/* Falls die bestehenden Kacheln andere Klassen haben: alle direkten Navigationslinks in Menü-Sektionen höher machen */
@media (min-width: 1200px) {
    :root[data-layout="desktop"] section[class*="menu"] > a,
    :root[data-layout="desktop"] section[class*="menu"] article,
    :root[data-layout="desktop"] section[class*="grid"] > a[href],
    :root[data-layout="desktop"] section[class*="grid"] article {
        min-height: 250px;
    }
}

@media (min-width: 2400px) {
    :root[data-layout="desktop"] .menu-grid,
    :root[data-layout="desktop"] .submenu-grid,
    :root[data-layout="desktop"] .main-menu-grid,
    :root[data-layout="desktop"] .dashboard-grid,
    :root[data-layout="desktop"] .settings-grid,
    :root[data-layout="desktop"] .calc-menu-grid,
    :root[data-layout="desktop"] .navigation-grid {
        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
    }

    :root[data-layout="desktop"] .menu-grid a,
    :root[data-layout="desktop"] .submenu-grid a,
    :root[data-layout="desktop"] .main-menu-grid a,
    :root[data-layout="desktop"] .dashboard-grid a,
    :root[data-layout="desktop"] .settings-grid a,
    :root[data-layout="desktop"] .calc-menu-grid a,
    :root[data-layout="desktop"] .navigation-grid a {
        min-height: 310px !important;
        aspect-ratio: 1.08 / 1 !important;
    }
}


/* Version 6.7 - Headerhöhe, echte Menü-Kacheln, Sticky Footer, Darkmode graue Kacheln */

/* Header-Balken hoch genug für beide Switch-Zeilen */
.topbar {
    min-height: 118px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    box-sizing: border-box !important;
    align-items: flex-start !important;
}

.topbar-switches-v24 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.switch-row-v24 {
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
}

@media (max-width: 760px) {
    .topbar {
        min-height: 112px !important;
    }
}

/* Footer immer sichtbar und kompakter */
html, body {
    min-height: 100%;
}

body {
    padding-bottom: 92px !important;
}

.app-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 900 !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 8px 18px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 16px !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.footer-user {
    min-width: 0 !important;
}

.footer-user span,
.footer-user small {
    line-height: 1.1 !important;
}

.footer-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.footer-version-inline-v67 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    justify-content: flex-end;
    align-items: center;
    color: var(--muted);
    font-size: .76rem;
    font-weight: 850;
    white-space: nowrap;
}

.system-credit-version-v84 {
    display: none !important;
}

.legal {
    position: fixed !important;
    left: 50% !important;
    bottom: 58px !important;
    transform: translateX(-50%) !important;
    z-index: 899 !important;
    margin: 0 !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    background: rgba(10,14,22,.62) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    font-size: .76rem !important;
}

:root[data-theme="light"] .legal {
    background: rgba(255,255,255,.78) !important;
}

@media (max-width: 760px) {
    body {
        padding-bottom: 112px !important;
    }

    .app-footer {
        height: auto !important;
        min-height: 64px !important;
        grid-template-columns: 1fr auto !important;
        gap: 8px !important;
        padding: 8px 10px !important;
    }

    .footer-version-inline-v67 {
        grid-column: 1 / -1;
        justify-content: center;
        font-size: .66rem;
        order: 3;
    }

    .legal {
        display: none !important;
    }
}

/* ECHTE Navigationskacheln heißen ios-dashboard-card */
@media (min-width: 1200px) {
    :root[data-layout="desktop"] .ios-dashboard-grid {
        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
        gap: 24px !important;
        align-items: stretch !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-card {
        min-height: 300px !important;
        aspect-ratio: 1.12 / 1 !important;
        padding: 28px !important;
        border-radius: 34px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-body strong {
        font-size: clamp(1.45rem, 1.25vw, 2.1rem) !important;
        line-height: 1.06 !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-body small {
        font-size: clamp(.95rem, .68vw, 1.12rem) !important;
        line-height: 1.35 !important;
    }
}

@media (min-width: 2400px) {
    :root[data-layout="desktop"] .ios-dashboard-grid {
        grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-card {
        min-height: 390px !important;
        aspect-ratio: 1.04 / 1 !important;
    }
}

/* Darkmode: alle Navigationskacheln gleich grau, keine bunten Kachelfarben */
:root[data-theme="dark"] .ios-dashboard-card,
:root[data-theme="dark"] .ios-dashboard-card.warehouse-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.potential-project-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.potential-load-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.materialbeta-tile-v84,
:root[data-theme="dark"] .ios-dashboard-card.datasheet-tile-v75,
:root[data-theme="dark"] .ios-dashboard-card.calcgroup-tile-v24,
:root[data-theme="dark"] .ios-dashboard-card.share-tile-v78,
:root[data-theme="dark"] .ios-dashboard-card.settings-tile-v23,
:root[data-theme="dark"] .ios-dashboard-card.feedback-tile-v23,
:root[data-theme="dark"] .ios-dashboard-card.calculator-tile-v74,
:root[data-theme="dark"] .ios-dashboard-card.admin-tile-v30 {
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
        #1f242d !important;
    border-color: rgba(255,255,255,.11) !important;
    box-shadow:
        0 18px 46px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

:root[data-theme="dark"] .ios-dashboard-card::before,
:root[data-theme="dark"] .ios-dashboard-card::after {
    opacity: .10 !important;
    filter: grayscale(1) !important;
}

/* Farbige Tags im Darkmode ebenfalls neutralisieren, ADMIN bleibt rot */
:root[data-theme="dark"] .ios-dashboard-tag {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.82) !important;
}

:root[data-theme="dark"] .admin-badge-v30 {
    background: linear-gradient(145deg, rgba(239,68,68,.98), rgba(153,27,27,.98)) !important;
    border-color: rgba(255,120,120,.55) !important;
    color: #fff !important;
    box-shadow: 0 0 18px rgba(239,68,68,.28) !important;
}


/* Version 6.8 - Menü-Kacheln halbiert, Footer-Links im Footer, Farben auch im Whitemode neutral */
@media (min-width: 1200px) {
    :root[data-layout="desktop"] .ios-dashboard-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-card {
        min-height: 165px !important;
        aspect-ratio: auto !important;
        padding: 22px !important;
        border-radius: 30px !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-body strong {
        font-size: clamp(1.55rem, 1.35vw, 2.25rem) !important;
        line-height: 1.04 !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-body small {
        font-size: clamp(1.02rem, .78vw, 1.18rem) !important;
        line-height: 1.35 !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-tag,
    :root[data-layout="desktop"] .admin-badge-v30 {
        font-size: .82rem !important;
    }
}

@media (min-width: 2400px) {
    :root[data-layout="desktop"] .ios-dashboard-grid {
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
    }

    :root[data-layout="desktop"] .ios-dashboard-card {
        min-height: 195px !important;
        aspect-ratio: auto !important;
    }
}

/* Einheitliche graue Navigationskacheln in Darkmode UND Whitemode */
.ios-dashboard-card,
.ios-dashboard-card.warehouse-tile-v22,
.ios-dashboard-card.potential-project-tile-v22,
.ios-dashboard-card.potential-load-tile-v22,
.ios-dashboard-card.materialbeta-tile-v84,
.ios-dashboard-card.datasheet-tile-v75,
.ios-dashboard-card.calcgroup-tile-v24,
.ios-dashboard-card.share-tile-v78,
.ios-dashboard-card.settings-tile-v23,
.ios-dashboard-card.feedback-tile-v23,
.ios-dashboard-card.calculator-tile-v74,
.ios-dashboard-card.admin-tile-v30 {
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
        var(--card) !important;
    border-color: var(--line) !important;
}

:root[data-theme="light"] .ios-dashboard-card,
:root[data-theme="light"] .ios-dashboard-card.warehouse-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.potential-project-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.potential-load-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.materialbeta-tile-v84,
:root[data-theme="light"] .ios-dashboard-card.datasheet-tile-v75,
:root[data-theme="light"] .ios-dashboard-card.calcgroup-tile-v24,
:root[data-theme="light"] .ios-dashboard-card.share-tile-v78,
:root[data-theme="light"] .ios-dashboard-card.settings-tile-v23,
:root[data-theme="light"] .ios-dashboard-card.feedback-tile-v23,
:root[data-theme="light"] .ios-dashboard-card.calculator-tile-v74,
:root[data-theme="light"] .ios-dashboard-card.admin-tile-v30 {
    background:
        linear-gradient(145deg, rgba(17,24,39,.035), rgba(255,255,255,.80)),
        var(--card) !important;
    border-color: rgba(17,24,39,.10) !important;
}

.ios-dashboard-card::before,
.ios-dashboard-card::after {
    opacity: .06 !important;
    filter: grayscale(1) !important;
}

/* Tags neutral, ADMIN bleibt bewusst rot */
.ios-dashboard-tag {
    background: rgba(127,127,127,.12) !important;
    border-color: rgba(127,127,127,.18) !important;
    color: var(--text) !important;
}

.admin-badge-v30 {
    background: linear-gradient(145deg, rgba(239,68,68,.98), rgba(153,27,27,.98)) !important;
    border-color: rgba(255,120,120,.55) !important;
    color: #fff !important;
    box-shadow: 0 0 18px rgba(239,68,68,.28) !important;
}

/* Footer: Legal-Links wirklich im Footer, nicht darüber */
.app-footer {
    min-height: 56px !important;
    height: 56px !important;
    grid-template-columns: minmax(0, 1fr) auto auto auto !important;
    gap: 14px !important;
}

.footer-legal-inline-v68 {
    position: static !important;
    transform: none !important;
    left: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    font-size: .76rem !important;
}

.footer-legal-inline-v68 a {
    color: var(--text) !important;
    text-decoration: none !important;
    opacity: .82;
}

.footer-legal-inline-v68 a:hover {
    opacity: 1;
}

.footer-version-inline-v67 {
    font-size: .72rem !important;
}

@media (max-width: 900px) {
    .app-footer {
        grid-template-columns: 1fr auto !important;
        height: auto !important;
        min-height: 68px !important;
    }

    .footer-legal-inline-v68 {
        grid-column: 1 / -1;
        justify-content: center;
        flex-wrap: wrap;
        order: 3;
        font-size: .68rem !important;
    }

    .footer-version-inline-v67 {
        grid-column: 1 / -1;
        justify-content: center;
        order: 4;
    }
}

@media (max-width: 520px) {
    .footer-legal-inline-v68 {
        display: none !important;
    }
}


/* Version 7.0 - Wärmedurchgangsberechnung */
.thermal-layout-v70 {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: 16px;
    margin-bottom: 18px;
}

.thermal-card-v70 {
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)), var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 18px 46px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);
    padding: 16px;
}

.thermal-form-head-v70 {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-bottom: 14px;
}

.thermal-form-head-v70 strong,
.thermal-form-head-v70 span {
    display: block;
}

.thermal-form-head-v70 span,
.thermal-note-v70,
.saved-thermal-card-v70 span,
.saved-thermal-card-v70 small {
    color: var(--muted);
}

.thermal-input-grid-v70 {
    display: grid;
    grid-template-columns: 1.4fr .8fr .8fr;
    gap: 12px;
}

.thermal-input-grid-v70 label,
.thermal-layer-row-v70 label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-weight: 900;
    font-size: .82rem;
}

.thermal-input-grid-v70 input,
.thermal-layer-row-v70 input {
    min-height: 44px;
    border-radius: 15px;
    border: 1px solid var(--line);
    background: var(--input);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
    font-weight: 800;
}

.thermal-layer-tools-v70,
.thermal-presets-v70 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 14px 0;
}

.thermal-layer-list-v70 {
    display: grid;
    gap: 10px;
}

.thermal-layer-row-v70 {
    display: grid;
    grid-template-columns: 1.2fr .55fr .55fr auto;
    gap: 10px;
    align-items: end;
    padding: 10px;
    border-radius: 20px;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--line);
}

.thermal-summary-v70 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.thermal-summary-v70 article {
    border-radius: 20px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.05);
    padding: 12px;
}

.thermal-summary-v70 span,
.thermal-summary-v70 small {
    display: block;
    color: var(--muted);
    font-weight: 850;
    font-size: .75rem;
}

.thermal-summary-v70 strong {
    display: block;
    font-size: clamp(1.4rem, 2vw, 2.25rem);
    line-height: 1.05;
}

.thermal-wall-v70 {
    min-height: 130px;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid var(--line);
    display: flex;
    margin: 12px 0 16px;
    background: rgba(0,0,0,.16);
}

.thermal-wall-layer-v70 {
    min-width: 72px;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    padding: 7px;
    border-right: 1px solid rgba(255,255,255,.18);
    background: linear-gradient(145deg, rgba(84,135,255,.22), rgba(255,255,255,.06));
}

.thermal-wall-layer-v70:nth-child(2n) {
    background: linear-gradient(145deg, rgba(255,190,90,.18), rgba(255,255,255,.06));
}

.thermal-wall-layer-v70:last-child {
    border-right: 0;
}

.thermal-wall-layer-v70 strong,
.thermal-wall-layer-v70 span,
.thermal-wall-layer-v70 small {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thermal-wall-layer-v70 strong {
    font-size: .78rem;
}

.thermal-wall-layer-v70 span,
.thermal-wall-layer-v70 small {
    font-size: .68rem;
    color: var(--muted);
    font-weight: 900;
}

.thermal-table-wrap-v70 {
    overflow: auto;
    border-radius: 20px;
    border: 1px solid var(--line);
}

.thermal-table-v70 {
    width: 100%;
    border-collapse: collapse;
    font-size: .86rem;
}

.thermal-table-v70 th,
.thermal-table-v70 td {
    border-bottom: 1px solid var(--line);
    padding: 9px;
    text-align: left;
}

.thermal-table-v70 th {
    color: var(--muted);
    background: var(--card2);
}

.saved-thermal-grid-v70 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.saved-thermal-card-v70 {
    border-radius: 22px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.05);
    padding: 12px;
    display: grid;
    gap: 8px;
}

.saved-thermal-card-v70 strong,
.saved-thermal-card-v70 span,
.saved-thermal-card-v70 small {
    display: block;
}

.saved-thermal-card-v70 > div {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 980px) {
    .thermal-layout-v70,
    .thermal-input-grid-v70,
    .thermal-layer-row-v70,
    .thermal-summary-v70 {
        grid-template-columns: 1fr;
    }

    .thermal-form-head-v70 {
        display: grid;
    }

    .thermal-wall-v70 {
        overflow-x: auto;
    }
}


/* Version 7.1 - Wärmedurchgang: Projekt, Materialgrundwerte, Richtung Feuerseite -> Stahlbau */
.thermal-input-grid-wide-v71 {
    grid-template-columns: 1.2fr 1fr .75fr .75fr !important;
}

.thermal-tool-buttons-v71 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.thermal-defaults-v71 {
    margin-top: 12px;
    border-radius: 22px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
    padding: 10px 12px;
}

.thermal-defaults-v71 summary {
    cursor: pointer;
    font-weight: 950;
}

.thermal-defaults-v71 p {
    color: var(--muted);
    font-size: .82rem;
}

.thermal-defaults-grid-v71 {
    display: grid;
    gap: 10px;
}

.thermal-default-row-v71 {
    display: grid;
    grid-template-columns: 1.2fr .55fr .55fr;
    gap: 10px;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
}

.thermal-direction-v71 {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 950;
    margin: 10px 2px 6px;
}

.thermal-wall-layer-v70.fire-side-v71 {
    box-shadow: inset 8px 0 0 rgba(239,68,68,.85);
}

.thermal-wall-layer-v70.steel-side-v71 {
    box-shadow: inset -8px 0 0 rgba(148,163,184,.85);
}

@media (max-width: 980px) {
    .thermal-input-grid-wide-v71,
    .thermal-default-row-v71 {
        grid-template-columns: 1fr !important;
    }

    .thermal-direction-v71 {
        font-size: .68rem;
    }
}


/* Version 7.2 - Wärmedurchgang mit festen Grenztemperaturen oben/unten */
.thermal-boundary-inputs-v72 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 12px;
}

.thermal-boundary-fixed-v72 {
    display: grid;
    gap: 6px;
    border-radius: 22px;
    border: 1px solid var(--line);
    padding: 12px;
    background: rgba(255,255,255,.045);
}

.thermal-boundary-fixed-v72 span,
.thermal-boundary-fixed-v72 small {
    color: var(--muted);
    font-weight: 850;
}

.thermal-boundary-fixed-v72 strong {
    font-size: 1.1rem;
}

.thermal-boundary-fixed-v72 input {
    min-height: 44px;
    border-radius: 15px;
    border: 1px solid var(--line);
    background: var(--input);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
    font-weight: 900;
}

.thermal-boundary-fixed-v72.room-v72 {
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.18);
}

.thermal-boundary-fixed-v72.oven-v72 {
    box-shadow: inset 0 0 0 1px rgba(239,68,68,.18);
}

.thermal-boundary-visual-v72 {
    border-radius: 20px;
    border: 1px solid var(--line);
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    font-weight: 950;
}

.thermal-boundary-visual-v72.room-v72 {
    background: rgba(148,163,184,.12);
}

.thermal-boundary-visual-v72.oven-v72 {
    background: rgba(239,68,68,.16);
}

.thermal-wall-v70 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
}

.thermal-wall-layer-v72 {
    min-height: 78px;
    display: grid;
    align-content: center;
    gap: 3px;
    text-align: center;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255,255,255,.16);
    background: linear-gradient(145deg, rgba(84,135,255,.16), rgba(255,255,255,.055));
}

.thermal-wall-layer-v72:last-child {
    border-bottom: 0;
}

.thermal-wall-layer-v72 strong,
.thermal-wall-layer-v72 span,
.thermal-wall-layer-v72 small {
    display: block;
}

.thermal-wall-layer-v72 span,
.thermal-wall-layer-v72 small {
    color: var(--muted);
    font-weight: 900;
    font-size: .78rem;
}

.thermal-default-row-v71 {
    grid-template-columns: 1fr 1fr .55fr .55fr !important;
}

.thermal-new-default-v72 {
    border-radius: 20px;
    border: 1px dashed var(--line);
    padding: 12px;
    display: grid;
    gap: 10px;
}

@media (max-width: 980px) {
    .thermal-boundary-inputs-v72,
    .thermal-default-row-v71 {
        grid-template-columns: 1fr !important;
    }
}


/* Version 7.3 - Wärmedurchgang horizontal: links Feuerraum, rechts Stahlbau */
.thermal-horizontal-visual-v73 {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) minmax(180px, 220px);
    gap: 10px;
    align-items: stretch;
    margin-top: 8px;
    margin-bottom: 14px;
}

.thermal-wall-v70 {
    display: flex !important;
    flex-direction: row !important;
    min-height: 124px !important;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid var(--line);
    background: rgba(0,0,0,.12);
}

.thermal-wall-layer-v73 {
    min-width: 78px;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    padding: 8px 10px;
    border-right: 1px solid rgba(255,255,255,.16);
    background: linear-gradient(145deg, rgba(84,135,255,.16), rgba(255,255,255,.05));
}

.thermal-wall-layer-v73:nth-child(2n) {
    background: linear-gradient(145deg, rgba(255,190,90,.14), rgba(255,255,255,.05));
}

.thermal-wall-layer-v73:last-child {
    border-right: 0;
}

.thermal-wall-layer-v73 strong,
.thermal-wall-layer-v73 span,
.thermal-wall-layer-v73 small {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thermal-wall-layer-v73 span,
.thermal-wall-layer-v73 small {
    color: var(--muted);
    font-weight: 900;
    font-size: .75rem;
}

.thermal-boundary-visual-v72 {
    min-height: 124px;
    display: grid;
    align-content: center;
    text-align: center;
}

.thermal-boundary-visual-v72 strong {
    display: block;
    font-size: .95rem;
}

.thermal-boundary-visual-v72 span {
    display: block;
    font-size: 1.2rem;
    font-weight: 950;
    margin-top: 6px;
}

@media (max-width: 980px) {
    .thermal-horizontal-visual-v73 {
        grid-template-columns: 1fr;
    }

    .thermal-wall-v70 {
        overflow-x: auto;
    }

    .thermal-boundary-visual-v72 {
        min-height: auto;
    }
}


/* Version 7.4 - Wärmedurchgang: rechts nur Raumtemperatur, Stahloberfläche mit äußerem Wärmeübergang */
.thermal-boundary-visual-v72.room-v72 strong {
    font-size: 1.05rem;
}

.thermal-boundary-fixed-v72.room-v72 input + small + span {
    margin-top: 6px;
}

.thermal-summary-v70 article:nth-child(3) {
    border-color: rgba(148,163,184,.28);
}


/* Version 7.5 - Wärmedurchgang: rechts berechneter Stahlbau, nicht Raumtemperatur */
.thermal-boundary-visual-v72.steel-v75 {
    background: rgba(148,163,184,.16);
    border-color: rgba(148,163,184,.32);
}

.thermal-boundary-visual-v72.steel-v75 strong {
    font-size: 1.15rem;
}

.thermal-boundary-visual-v72.steel-v75 span {
    font-size: 1.45rem;
}

.thermal-boundary-visual-v72.steel-v75 small {
    display: block;
    color: var(--muted);
    font-weight: 900;
    margin-top: 4px;
}

.thermal-wall-layer-v73.steel-side-v71 {
    box-shadow: none !important;
}


/* Version 7.7 - iPhone Breitenfix für Wärmedurchgang und allgemeine Überbreiten */
html,
body {
    max-width: 100%;
    overflow-x: hidden !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (max-width: 760px) {
    body {
        width: 100%;
        max-width: 100vw;
    }

    .page,
    main.page,
    .page-title-card,
    .thermal-layout-v70,
    .thermal-card-v70,
    .thermal-form-v70,
    .thermal-results-v70,
    .saved-thermal-v70,
    .thermal-input-grid-v70,
    .thermal-input-grid-wide-v71,
    .thermal-boundary-inputs-v72,
    .thermal-layer-list-v70,
    .thermal-presets-v70,
    .thermal-defaults-v71,
    .thermal-defaults-grid-v71,
    .thermal-new-default-v72,
    .saved-thermal-grid-v70 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    .thermal-layout-v70,
    .thermal-input-grid-v70,
    .thermal-input-grid-wide-v71,
    .thermal-boundary-inputs-v72,
    .thermal-layer-row-v70,
    .thermal-default-row-v71,
    .thermal-summary-v70,
    .saved-thermal-grid-v70 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .thermal-card-v70 {
        padding: 12px !important;
        border-radius: 22px !important;
    }

    .thermal-form-head-v70 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    .thermal-form-head-v70 .btn,
    .thermal-tool-buttons-v71 .btn,
    .thermal-presets-v70 .btn {
        width: 100%;
        justify-content: center;
        white-space: normal;
    }

    .thermal-tool-buttons-v71,
    .thermal-presets-v70 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }

    .thermal-input-grid-v70 label,
    .thermal-layer-row-v70 label,
    .thermal-default-row-v71 label,
    .thermal-boundary-fixed-v72 {
        min-width: 0 !important;
        width: 100% !important;
    }

    .thermal-input-grid-v70 input,
    .thermal-layer-row-v70 input,
    .thermal-default-row-v71 input,
    .thermal-boundary-fixed-v72 input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .thermal-horizontal-visual-v73 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        overflow: hidden !important;
    }

    .thermal-boundary-visual-v72 {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        padding: 10px !important;
    }

    .thermal-wall-v70 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .thermal-wall-layer-v73 {
        min-width: 118px !important;
        max-width: 180px !important;
        flex: 0 0 auto !important;
        padding: 8px !important;
    }

    .thermal-table-wrap-v70 {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .thermal-table-v70 {
        min-width: 620px !important;
        width: max-content !important;
    }

    .thermal-default-row-v71 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px !important;
    }

    .thermal-new-default-v72 .thermal-default-row-v71 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .saved-thermal-card-v70 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .saved-thermal-card-v70 > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .saved-thermal-card-v70 .btn {
        width: 100%;
        justify-content: center;
    }

    .thermal-direction-v71 {
        width: 100%;
        gap: 8px !important;
        font-size: .66rem !important;
    }

    .thermal-summary-v70 article {
        min-width: 0 !important;
    }
}

/* Sehr schmale iPhones */
@media (max-width: 430px) {
    .thermal-card-v70 {
        padding: 10px !important;
    }

    .thermal-wall-layer-v73 {
        min-width: 108px !important;
    }

    .thermal-boundary-visual-v72 strong {
        font-size: .9rem !important;
    }

    .thermal-boundary-visual-v72 span {
        font-size: 1.05rem !important;
    }

    .thermal-table-v70 {
        min-width: 560px !important;
        font-size: .78rem !important;
    }

    .thermal-table-v70 th,
    .thermal-table-v70 td {
        padding: 7px !important;
    }
}


/* Version 7.8 - Artikelbestand Datenrettung */
.recovery-grid-v78 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}

.recovery-grid-v78 article {
    border-radius: 22px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
    padding: 14px;
    display: grid;
    gap: 10px;
}

.recovery-grid-v78 label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-weight: 900;
}

.recovery-grid-v78 input,
.recovery-grid-v78 select {
    min-height: 44px;
    border-radius: 15px;
    border: 1px solid var(--line);
    background: var(--input);
    color: var(--text);
    padding: 0 12px;
    font: inherit;
    max-width: 100%;
}

.warn-note-v78 {
    border-radius: 18px;
    border: 1px solid rgba(239,68,68,.28);
    background: rgba(239,68,68,.10);
    padding: 12px;
}


/* Version 7.12 - Projektverknüpfung in Wareneingang/Warenausgang */
.linked-project-option-v712 em,
.legacy-project-option-v712 em {
    display: inline-flex;
    width: fit-content;
    margin-top: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: .66rem;
    font-style: normal;
    font-weight: 950;
    border: 1px solid var(--line);
    color: var(--muted);
}

.linked-project-option-v712 em {
    background: rgba(101,217,75,.13);
    border-color: rgba(101,217,75,.26);
}

.legacy-project-option-v712 em {
    background: rgba(255,190,90,.12);
    border-color: rgba(255,190,90,.24);
}


/* Version 7.19 - Suche für gespeicherte Wärmedurchgangsberechnungen */
.thermal-saved-search-v719 {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: 10px;
    align-items: center;
    margin: 12px 0 14px;
}

.thermal-saved-search-v719 input {
    min-height: 44px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: var(--input);
    color: var(--text);
    padding: 0 14px;
    font: inherit;
    font-weight: 850;
    min-width: 0;
}

.saved-hit-count-v719 {
    margin: 4px 0 12px;
    font-weight: 850;
}

@media (max-width: 760px) {
    .thermal-saved-search-v719 {
        grid-template-columns: 1fr;
    }

    .thermal-saved-search-v719 .btn {
        width: 100%;
        justify-content: center;
    }
}


/* Version 7.20 - Projektvorschläge aus Projektliste im Warenbuchungssystem */
.linked-project-option-v720 em,
.legacy-project-option-v720 em {
    display: inline-flex;
    width: fit-content;
    margin-top: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: .66rem;
    font-style: normal;
    font-weight: 950;
    border: 1px solid var(--line);
    color: var(--muted);
}

.linked-project-option-v720 em {
    background: rgba(101,217,75,.13);
    border-color: rgba(101,217,75,.26);
}

.legacy-project-option-v720 em {
    background: rgba(255,190,90,.12);
    border-color: rgba(255,190,90,.24);
}

.project-results [data-project-option] small,
.project-results [data-project-option] em {
    pointer-events: none;
}

/* Version 7.21 - Materialliste: ziehbare Spaltenbreiten */
.material-desktop-actions-v721 {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.material-table-resizable-v721 {
    table-layout: fixed !important;
    width: auto;
}

:root[data-layout="desktop"] .material-table-resizable-v721 {
    table-layout: fixed !important;
    width: auto;
    min-width: 0;
}

.material-table-resizable-v721 th,
.material-table-resizable-v721 td,
:root[data-layout="desktop"] .material-table-resizable-v721 th,
:root[data-layout="desktop"] .material-table-resizable-v721 td {
    max-width: none !important;
}

.material-table-resizable-v721 th {
    position: sticky;
    padding-right: 18px;
    user-select: none;
}

.material-table-resizable-v721 th button {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.column-resizer-v721 {
    position: absolute;
    top: 0;
    right: -3px;
    width: 8px;
    height: 100%;
    cursor: col-resize;
    z-index: 5;
    touch-action: none;
}

.column-resizer-v721::after {
    content: "";
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 3px;
    width: 2px;
    border-radius: 99px;
    background: rgba(255,255,255,.22);
    opacity: .45;
}

.material-table-resizable-v721 th:hover .column-resizer-v721::after,
.material-table-resizable-v721.is-resizing-v721 .column-resizer-v721::after {
    opacity: 1;
    background: rgba(174,94,255,.95);
}

.material-column-resizing-v721,
.material-column-resizing-v721 * {
    cursor: col-resize !important;
    user-select: none !important;
}

:root[data-theme="light"] .column-resizer-v721::after {
    background: rgba(20,25,30,.22);
}

:root[data-theme="light"] .material-table-resizable-v721 th:hover .column-resizer-v721::after,
:root[data-theme="light"] .material-table-resizable-v721.is-resizing-v721 .column-resizer-v721::after {
    background: rgba(126,58,220,.95);
}

@media (max-width: 760px) {
    .material-desktop-actions-v721 {
        justify-content: stretch;
    }

    .material-desktop-actions-v721 .btn {
        flex: 1 1 100%;
        justify-content: center;
    }
}

/* Version 7.22 - Materialliste: robuste ziehbare Spaltenbreiten */
.material-table-wrap-v88 {
    overflow-x: auto !important;
}

.material-table-resizable-v721 {
    table-layout: fixed !important;
    width: auto !important;
}

.material-table-resizable-v721 th,
.material-table-resizable-v721 td {
    max-width: none !important;
}

.material-table-resizable-v721 th {
    position: sticky;
    padding-right: 24px !important;
}

.material-table-resizable-v721 th button {
    width: calc(100% - 4px);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: auto;
}

.column-resizer-v721 {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    cursor: col-resize !important;
    z-index: 20;
    touch-action: none;
    pointer-events: auto;
}

.column-resizer-v721::after {
    content: "";
    position: absolute;
    top: 18%;
    bottom: 18%;
    right: 5px;
    width: 3px;
    border-radius: 99px;
    background: rgba(174,94,255,.72);
    opacity: .7;
}

.material-table-resizable-v721 th:hover .column-resizer-v721::after,
.material-table-resizable-v721.is-resizing-v721 .column-resizer-v721::after {
    opacity: 1;
    background: rgba(174,94,255,1);
}


/* Stundenzettel Testmodul v7.23 */
.timesheet-tile-v723{position:relative;overflow:hidden}.timesheet-tile-v723:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 20%,rgba(120,160,255,.22),transparent 32%),radial-gradient(circle at 80% 10%,rgba(80,220,180,.16),transparent 28%);pointer-events:none}.timesheet-admin-tile-v723:before{background:radial-gradient(circle at 25% 20%,rgba(255,180,90,.22),transparent 33%),radial-gradient(circle at 85% 10%,rgba(255,90,90,.14),transparent 30%)}
.sz-hero-v723{margin-bottom:18px}.sz-layout-v723{display:grid;grid-template-columns:minmax(320px,1fr);gap:18px}.sz-panel-v723,.sz-preview-panel-v723,.sz-admin-card-v723{background:var(--card-bg,rgba(255,255,255,.82));border:1px solid var(--border-color,rgba(120,120,140,.22));border-radius:24px;box-shadow:0 14px 40px rgba(0,0,0,.08);padding:18px;backdrop-filter:blur(16px)}.sz-panel-v723 h2,.sz-preview-panel-v723 h2{margin:0 0 12px}.sz-panel-v723 label{display:flex;flex-direction:column;gap:6px;font-weight:700}.sz-panel-v723 input,.sz-panel-v723 textarea,.sz-panel-v723 select,.sz-input-table-v723 input,.sz-input-table-v723 select,.sz-admin-margin-v723{border:1px solid rgba(120,120,140,.28);border-radius:12px;padding:10px 11px;background:rgba(255,255,255,.82);color:inherit;min-width:0}.sz-panel-v723 textarea{resize:vertical}.sz-grid-2-v723{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sz-grid-3-v723{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sz-actions-v723{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.sz-hint-v723{font-size:.92rem;opacity:.74}.sz-table-wrap-v723{overflow:auto;border-radius:16px;border:1px solid rgba(120,120,140,.22);margin:10px 0}.sz-input-table-v723{width:100%;border-collapse:separate;border-spacing:0;min-width:880px}.sz-input-table-v723 th,.sz-input-table-v723 td{padding:8px;border-bottom:1px solid rgba(120,120,140,.18);vertical-align:middle}.sz-input-table-v723 th{position:sticky;top:0;background:rgba(240,240,245,.95);z-index:1;text-align:left;font-size:.86rem}.sz-input-table-v723 input,.sz-input-table-v723 select{width:100%;padding:8px}.sz-small{padding:7px 10px!important;min-width:unset!important}.sz-sign-wrap-v723{border:1px dashed rgba(120,120,140,.38);border-radius:16px;background:#fff;overflow:hidden;touch-action:none}.sz-sign-wrap-v723 canvas{display:block;width:100%;height:170px;cursor:crosshair}.sz-preview-v723{position:relative;width:100%;max-width:1120px;margin:auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.16)}.sz-preview-v723>img{display:block;width:100%;height:auto}.sz-pfield{position:absolute;border:1px solid rgba(0,120,255,.28);background:rgba(255,255,255,.62);font:600 1.12vw Arial,sans-serif;color:#111;padding:.25vw;resize:none;outline:none}.sz-pfield:focus{background:rgba(255,255,210,.86);border-color:rgba(0,120,255,.8);box-shadow:0 0 0 2px rgba(0,120,255,.16)}.sz-sign-preview-v723{position:absolute;background-repeat:no-repeat;background-size:contain;background-position:center}.sz-admin-list-v723{display:grid;gap:16px}.sz-admin-card-v723 header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.sz-admin-card-v723 header div{display:flex;flex-direction:column;gap:4px}.sz-admin-kpis-v723{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.sz-admin-kpis-v723 span{border:1px solid rgba(120,120,140,.22);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.55)}.sz-admin-margin-v723{max-width:95px}.notice.ok{background:rgba(80,200,120,.13);border:1px solid rgba(80,200,120,.3);border-radius:16px;padding:12px}.notice.error{background:rgba(255,80,80,.13);border:1px solid rgba(255,80,80,.3);border-radius:16px;padding:12px}
@media (max-width:760px){.sz-grid-2-v723,.sz-grid-3-v723{grid-template-columns:1fr}.sz-panel-v723,.sz-preview-panel-v723{padding:13px;border-radius:18px}.sz-pfield{font-size:1.7vw}.sz-admin-card-v723 header{align-items:flex-start;flex-direction:column}}
@media print{body>*:not(.page){display:none!important}.topbar,.app-footer,.page>section:not(.sz-preview-panel-v723),.sz-panel-v723,.page-title-card,.notice{display:none!important}.page{padding:0!important;margin:0!important}.sz-layout-v723{display:block}.sz-preview-panel-v723{display:block!important;box-shadow:none!important;border:0!important;padding:0!important}.sz-preview-panel-v723 h2{display:none}.sz-preview-v723{width:100vw;max-width:none;box-shadow:none;border-radius:0}.sz-pfield{border:0!important;background:transparent!important;box-shadow:none!important;color:#000!important}.global-scroll-top-v46{display:none!important}@page{size:landscape;margin:6mm}}
/* Version 7.24 - Stundenzettel: Projektsuche, Maschinenmieten und freier Materialtext */
.sz-hero-v724{margin-bottom:18px}.sz-machine-table-v724{min-width:980px}.sz-machine-table-v724 th:not(:first-child),.sz-machine-table-v724 td:not(:first-child){text-align:center}.sz-machine-table-v724 input{text-align:center}.sz-machine-table-v724 .sz-mach-name,.sz-machine-table-v724 .sz-mach-note{text-align:left}.sz-free-material-v724{margin-top:14px}.sz-free-material-v724 textarea{font-family:inherit;line-height:1.35}.sz-panel-v723 input[list]{appearance:auto}.sz-panel-v723 input::placeholder,.sz-panel-v723 textarea::placeholder{opacity:.55}
@media print{.sz-machine-table-v724{min-width:0}.sz-free-material-v724{display:none!important}}

/* Stundenzettel V7.26: exakte Zellzuordnung in der Vorschau */
.sz-billing-v725{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.sz-billing-v725 label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-weight:700}.sz-billing-v725 input{width:auto!important;min-width:auto!important}
.sz-preview-v725{font-size:16px}.sz-preview-v725 .sz-cell{position:absolute;box-sizing:border-box;border:1px solid rgba(0,120,255,.18);background:rgba(255,255,255,.18);outline:none;resize:none;overflow:hidden;color:#111f6b;padding:.05vw .12vw;margin:0}.sz-preview-v725 .sz-cell:focus{background:rgba(255,255,210,.75);border-color:rgba(0,120,255,.65);box-shadow:0 0 0 2px rgba(0,120,255,.12)}.sz-preview-v725 .sz-hand{font-family:"Comic Sans MS","Segoe Print","Bradley Hand",Arial,sans-serif;font-weight:700;font-size:1.03vw;line-height:1.02}.sz-preview-v725 .sz-one-line{white-space:nowrap;text-overflow:clip}.sz-preview-v725 .sz-center{text-align:center}.sz-preview-v725 .sz-top-field{line-height:1.05}.sz-material-preview-v725{font-size:.98vw!important;line-height:1.12!important;white-space:pre-wrap}.sz-check-preview-v725{text-align:center;font-family:"Comic Sans MS","Segoe Print",Arial,sans-serif!important;font-weight:900!important;font-size:1.05vw!important;line-height:1!important;padding:0!important;background:transparent!important;color:#111f6b!important}.sz-preview-v725 .sz-sign-preview-v723{background-repeat:no-repeat;background-size:contain;background-position:center;filter:none}
@media (max-width:760px){.sz-preview-v725 .sz-hand{font-size:1.55vw}.sz-material-preview-v725{font-size:1.48vw!important}.sz-check-preview-v725{font-size:1.65vw!important}}
@media print{.sz-preview-v725 .sz-cell{border:0!important;background:transparent!important;box-shadow:none!important;color:#111f6b!important}.sz-preview-v725 .sz-hand{font-size:10px!important;line-height:1.02!important}.sz-material-preview-v725{font-size:9.4px!important;line-height:1.12!important}.sz-check-preview-v725{font-size:11px!important}.sz-billing-v725{display:none!important}}


/* Version 7.26: Stundenzettel direkt-auf-Papier-Optik und Zuschlagsfelder */
.sz-input-table-v723 .sz-check-td{text-align:center}.sz-input-table-v723 .sz-check-td input{width:auto;min-width:18px;height:18px}.sz-input-table-v723 .sz-allow{min-width:70px;text-align:center}.sz-preview-v725{font-size:12px!important}.sz-preview-v725 .sz-cell{position:absolute!important;box-sizing:border-box!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;resize:none!important;overflow:hidden!important;color:#111f6b!important;padding:0 .08vw!important;margin:0!important;min-width:0!important;min-height:0!important;height:auto;appearance:none!important;-webkit-appearance:none!important;border-radius:0!important}.sz-preview-v725 input.sz-cell{line-height:1.05!important}.sz-preview-v725 textarea.sz-cell{line-height:1.08!important}.sz-preview-v725 .sz-cell:focus{background:rgba(255,255,170,.18)!important;box-shadow:0 0 0 1px rgba(40,90,220,.22)!important}.sz-preview-v725 .sz-hand{font-family:"Comic Sans MS","Segoe Print","Bradley Hand",Arial,sans-serif!important;font-weight:700!important;font-size:.72vw!important;letter-spacing:-.015em!important}.sz-preview-v725 .sz-top-field{font-size:.82vw!important;line-height:1.05!important}.sz-preview-v725 .sz-zul-cell{font-size:.58vw!important;padding:0!important}.sz-material-preview-v725{font-size:.70vw!important;line-height:1.12!important;white-space:pre-wrap!important}.sz-check-preview-v725{font-size:.8vw!important;line-height:1!important;padding:0!important;text-align:center!important;background:transparent!important;color:#111f6b!important}.sz-preview-v725 .sz-sign-preview-v723{background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;filter:none!important}
@media (max-width:760px){.sz-preview-v725 .sz-hand{font-size:1.1vw!important}.sz-preview-v725 .sz-top-field{font-size:1.25vw!important}.sz-preview-v725 .sz-zul-cell{font-size:.95vw!important}.sz-material-preview-v725{font-size:1.05vw!important}.sz-check-preview-v725{font-size:1.25vw!important}}
@media print{.sz-preview-v725 .sz-cell{border:0!important;background:transparent!important;box-shadow:none!important;color:#111f6b!important;padding:0!important}.sz-preview-v725 .sz-hand{font-size:8.2px!important;line-height:1.05!important}.sz-preview-v725 .sz-top-field{font-size:9.2px!important}.sz-preview-v725 .sz-zul-cell{font-size:6.6px!important}.sz-material-preview-v725{font-size:8px!important;line-height:1.12!important}.sz-check-preview-v725{font-size:9px!important}}

/* Version 7.27 - Stundenzettel Eingabe/Vorschau grundlegend beruhigt */
.sz-address-grid-v727{margin-top:12px}.sz-employee-cards-v727{display:grid;gap:14px;margin:12px 0}.sz-employee-card-v727{border:1px solid var(--line);border-radius:18px;background:var(--card2);padding:12px}.sz-employee-card-v727 header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:10px}.sz-days-v727{display:grid;gap:8px}.sz-day-row-v727{display:grid;grid-template-columns:88px repeat(5,minmax(74px,1fr)) minmax(86px,auto);gap:8px;align-items:end;border:1px solid var(--line);border-radius:14px;padding:9px;background:var(--card)}.sz-day-row-v727 strong{align-self:center}.sz-day-row-v727 label{font-size:.78rem!important;font-weight:800!important;gap:3px!important}.sz-day-row-v727 input{min-height:38px!important;padding:7px 8px!important;border-radius:10px!important}.sz-checkline-v727{flex-direction:row!important;align-items:center!important;white-space:nowrap}.sz-checkline-v727 input{width:auto!important;min-width:18px!important}.sz-total-chip-v727{font-size:.82rem;color:var(--muted);white-space:nowrap}.sz-total-chip-v727 b{color:var(--text)}.sz-preview-click-hint-v727{font-size:.85rem;color:var(--muted);font-weight:700}.sz-preview-v723{cursor:zoom-in;transition:max-width .18s ease, transform .18s ease}.sz-preview-v723.sz-preview-large-v727{max-width:min(1500px,98vw);cursor:zoom-out}.sz-preview-v725 .sz-hand{font-family:"Trebuchet MS","Arial Narrow",Arial,sans-serif!important;font-weight:700!important;font-size:.54vw!important;letter-spacing:-.02em!important;color:#1a116b!important}.sz-preview-v725 .sz-top-field{font-size:.62vw!important;line-height:1.04!important}.sz-preview-v725 .sz-zul-cell{font-size:.47vw!important;line-height:1!important}.sz-material-preview-v725{font-family:"Trebuchet MS","Arial Narrow",Arial,sans-serif!important;font-weight:700!important;font-size:.56vw!important;line-height:1.10!important;color:#1a116b!important}.sz-check-preview-v725{font-family:Arial,sans-serif!important;font-size:.62vw!important}.sz-preview-v725 .sz-cell{pointer-events:auto;background:transparent!important;border:0!important;color:#1a116b!important;box-shadow:none!important}.sz-preview-v725 .sz-cell:focus{background:rgba(255,255,180,.22)!important}.sz-preview-v725 textarea{scrollbar-width:none}.sz-preview-v725 textarea::-webkit-scrollbar{display:none}:root[data-theme="dark"] .sz-panel-v723,:root[data-theme="dark"] .sz-preview-panel-v723,:root[data-theme="dark"] .sz-admin-card-v723{background:#1b1d22!important;border-color:rgba(255,255,255,.13)!important;color:#f5f7fb!important}:root[data-theme="dark"] .sz-panel-v723 input,:root[data-theme="dark"] .sz-panel-v723 textarea,:root[data-theme="dark"] .sz-panel-v723 select,:root[data-theme="dark"] .sz-input-table-v723 input,:root[data-theme="dark"] .sz-input-table-v723 select{background:#101218!important;color:#f5f7fb!important;border-color:rgba(255,255,255,.16)!important}:root[data-theme="dark"] .sz-input-table-v723 th{background:#252832!important;color:#fff!important}:root[data-theme="dark"] .sz-employee-card-v727,:root[data-theme="dark"] .sz-day-row-v727{background:#171a20!important;border-color:rgba(255,255,255,.13)!important}:root[data-theme="dark"] .sz-preview-v723{background:#fff!important}.sz-table-wrap-v723{max-width:100%}.sz-input-table-v723{min-width:0}.sz-machine-table-v724{min-width:0!important}
@media(max-width:760px){.sz-layout-v723{gap:12px}.sz-panel-v723,.sz-preview-panel-v723{max-width:100%;overflow:hidden}.sz-day-row-v727{grid-template-columns:1fr 1fr;gap:8px}.sz-day-row-v727 strong,.sz-total-chip-v727{grid-column:1/-1}.sz-employee-card-v727 header{grid-template-columns:1fr}.sz-table-wrap-v723{overflow-x:hidden}.sz-input-table-v723,.sz-input-table-v723 thead,.sz-input-table-v723 tbody,.sz-input-table-v723 tr,.sz-input-table-v723 th,.sz-input-table-v723 td{display:block;width:100%}.sz-input-table-v723 thead{display:none}.sz-input-table-v723 tr{border:1px solid var(--line);border-radius:14px;margin:8px 0;padding:8px;background:var(--card)}.sz-input-table-v723 td{border:0!important;padding:5px!important}.sz-machine-table-v724 td:first-child:before{content:"Gerät";display:block;font-size:.75rem;color:var(--muted);font-weight:900}.sz-preview-panel-v723{padding:8px}.sz-preview-v723{width:100%;max-width:100%;border-radius:8px}.sz-preview-v725 .sz-hand{font-size:.86vw!important}.sz-preview-v725 .sz-top-field{font-size:.94vw!important}.sz-preview-v725 .sz-zul-cell{font-size:.72vw!important}.sz-material-preview-v725{font-size:.82vw!important}.sz-check-preview-v725{font-size:.95vw!important}}
@media print{html,body{background:#fff!important}.topbar,.app-footer,.page-title-card,.notice,.sz-panel-v723,.sz-preview-panel-v723 h2,.global-scroll-top-v46{display:none!important}.page{display:block!important;width:100%!important;margin:0!important;padding:0!important}.sz-layout-v723{display:block!important}.sz-preview-panel-v723{display:block!important;border:0!important;box-shadow:none!important;background:#fff!important;padding:0!important;margin:0!important}.sz-preview-v723{display:block!important;width:100%!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important}.sz-preview-v723>img{width:100%!important}.sz-preview-v725 .sz-cell{border:0!important;background:transparent!important;box-shadow:none!important;color:#1a116b!important;padding:0!important}.sz-preview-v725 .sz-hand{font-family:Arial,sans-serif!important;font-size:7.2px!important;line-height:1.02!important}.sz-preview-v725 .sz-top-field{font-size:8px!important}.sz-preview-v725 .sz-zul-cell{font-size:5.8px!important}.sz-material-preview-v725{font-family:Arial,sans-serif!important;font-size:7px!important;line-height:1.08!important}.sz-check-preview-v725{font-size:8px!important}@page{size:landscape;margin:4mm}}

/* Version 7.28 - Stundenzettel: Druckfenster, Material ohne Preise, Spritz-Spalte, eigene Gerätebezeichnungen */
.sz-material-entry-v728 th:nth-child(n+4),
.sz-material-entry-v728 td:nth-child(n+4){text-align:center;width:64px}
.sz-material-entry-v728{min-width:0!important}
.sz-machine-label-preview-v728{font-size:.50vw!important;line-height:1.02!important;text-align:left!important}
.sz-preview-v725 .sz-hand{font-family:Arial,"Helvetica Neue",sans-serif!important;font-weight:700!important;font-size:.48vw!important;color:#111066!important;letter-spacing:-.015em!important;line-height:1.08!important;}
.sz-preview-v725 .sz-top-field{font-size:.55vw!important;line-height:1.05!important;}
.sz-preview-v725 .sz-zul-cell{font-size:.40vw!important;line-height:1!important;text-align:center!important;}
.sz-preview-v725 .sz-one-line{line-height:1.05!important;}
.sz-material-preview-v725{font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:.50vw!important;line-height:1.12!important;font-weight:700!important;color:#111066!important;}
.sz-check-preview-v725{font-family:Arial,"Helvetica Neue",sans-serif!important;font-weight:700!important;font-size:.55vw!important;line-height:1!important;}
.sz-preview-v725 .sz-cell{transform:translateY(2px);}
.sz-preview-v725 .sz-top-field{transform:translateY(1px);}
.sz-preview-v725 .sz-zul-cell{transform:translateY(2px);}
.sz-preview-v725 .sz-machine-label-preview-v728{transform:translateY(1px);}
@media(max-width:760px){
  .sz-material-entry-v728 tr{display:grid!important;grid-template-columns:1fr 88px!important;gap:6px!important;}
  .sz-material-entry-v728 td{display:block!important;width:auto!important;}
  .sz-material-entry-v728 td:first-child{grid-column:1/-1;}
  .sz-material-entry-v728 td:last-child{grid-column:1/-1;}
  .sz-panel-v723 input,.sz-panel-v723 textarea,.sz-panel-v723 select{max-width:100%;}
  .sz-preview-v725 .sz-hand{font-size:.72vw!important;}
  .sz-preview-v725 .sz-top-field{font-size:.82vw!important;}
  .sz-preview-v725 .sz-zul-cell{font-size:.58vw!important;}
  .sz-material-preview-v725{font-size:.70vw!important;}
}
@media print{
  .sz-preview-v725 .sz-hand{font-family:Arial,sans-serif!important;font-size:6.6px!important;line-height:1.02!important;}
  .sz-preview-v725 .sz-top-field{font-size:7.4px!important;}
  .sz-preview-v725 .sz-zul-cell{font-size:5.2px!important;}
  .sz-material-preview-v725{font-family:Arial,sans-serif!important;font-size:6.4px!important;line-height:1.08!important;}
  .sz-machine-label-preview-v728{font-size:6px!important;}
}

/* v7.29 Stundenzettel: Direkteingabe im Papierformular + dezente Hauptmenü-Logos */
.sz-hidden-v729{display:none!important}
.sz-sheet-panel-v729{padding:14px!important}
.sz-sheet-panel-v729 h2{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.sz-preview-v725 .sz-cell{
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-weight:600!important;
  font-size:.43vw!important;
  line-height:1.00!important;
  letter-spacing:-.018em!important;
  color:#17106a!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 .05vw!important;
  transform:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  border-radius:0!important;
}
.sz-preview-v725 .sz-cell:focus{background:rgba(255,245,130,.24)!important;outline:1px solid rgba(40,90,220,.28)!important;box-shadow:none!important}
.sz-preview-v725 .sz-top-field{font-size:.50vw!important;line-height:.98!important;font-weight:650!important}
.sz-preview-v725 .sz-zul-cell{font-size:.36vw!important;line-height:.95!important;text-align:center!important;padding:0!important;font-weight:600!important}
.sz-preview-v725 .sz-material-preview-v725{font-size:.43vw!important;line-height:1.16!important;font-weight:600!important;white-space:pre-wrap!important}
.sz-preview-v725 .sz-check-preview-v725{font-family:Arial,sans-serif!important;font-size:.55vw!important;line-height:1!important;text-align:center!important;font-weight:800!important;padding:0!important;color:#17106a!important}
.sz-preview-v723{touch-action:manipulation}
.sz-preview-v723 input,.sz-preview-v723 textarea{caret-color:#17106a}
.sz-preview-v723 textarea{scrollbar-width:none}.sz-preview-v723 textarea::-webkit-scrollbar{display:none}
:root[data-theme="dark"] .sz-preview-panel-v723{background:#161820!important;color:#f7f8fb!important}
:root[data-theme="light"] .sz-preview-panel-v723{background:rgba(255,255,255,.88)!important}
@media(max-width:760px){
  .sz-panel-v723,.sz-preview-panel-v723{padding:12px!important;border-radius:18px!important}
  .sz-grid-2-v723,.sz-grid-3-v723{grid-template-columns:1fr!important}
  .sz-preview-click-hint-v727{font-size:.72rem!important}
  .sz-preview-v725 .sz-cell{font-size:.70vw!important}
  .sz-preview-v725 .sz-top-field{font-size:.82vw!important}
  .sz-preview-v725 .sz-zul-cell{font-size:.55vw!important}
  .sz-preview-v725 .sz-material-preview-v725{font-size:.68vw!important}
  .sz-preview-v725 .sz-check-preview-v725{font-size:.80vw!important}
}
@media print{
  .sz-preview-v725 .sz-cell{font-family:Arial,sans-serif!important;font-size:6.6px!important;line-height:1!important;color:#17106a!important;transform:none!important}
  .sz-preview-v725 .sz-top-field{font-size:7.6px!important}
  .sz-preview-v725 .sz-zul-cell{font-size:5.2px!important}
  .sz-preview-v725 .sz-material-preview-v725{font-size:6.6px!important;line-height:1.12!important}
  .sz-preview-v725 .sz-check-preview-v725{font-size:8px!important}
}
.ios-dashboard-card{overflow:hidden!important;isolation:isolate}
.dashboard-bg-icon-v729{position:absolute;right:16px;bottom:10px;width:clamp(72px,17vw,130px);height:auto;max-height:72%;object-fit:contain;opacity:.24;pointer-events:none;z-index:0;filter:none}
.ios-dashboard-card .icon-dark-v729{display:none}
:root[data-theme="light"] .ios-dashboard-card .icon-light-v729{display:none}
:root[data-theme="light"] .ios-dashboard-card .icon-dark-v729{display:block;opacity:.22}
:root[data-theme="dark"] .ios-dashboard-card .icon-light-v729{display:block;opacity:.24}
:root[data-theme="dark"] .ios-dashboard-card .icon-dark-v729{display:none}
.ios-dashboard-top,.ios-dashboard-body{position:relative;z-index:1}
@media(max-width:720px){.dashboard-bg-icon-v729{right:12px;bottom:8px;width:clamp(66px,23vw,102px);opacity:.20}}


/* v7.30 Stundenzettel: feinere Zellpositionen, Kilometer-Hilfe, transparentere Menülogos */
.dashboard-bg-icon-v729{opacity:.20!important}
:root[data-theme="light"] .ios-dashboard-card .icon-dark-v729{opacity:.20!important}
:root[data-theme="dark"] .ios-dashboard-card .icon-light-v729{opacity:.20!important}
@media(max-width:720px){.dashboard-bg-icon-v729{opacity:.18!important}}
.sz-km-helper-v730{margin-top:14px;display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(120px,.6fr) minmax(120px,.6fr) auto;gap:10px;align-items:end;border:1px solid var(--line);background:var(--card2);border-radius:18px;padding:12px}
.sz-km-helper-v730 strong,.sz-km-helper-v730 small{display:block}.sz-km-helper-v730 small{color:var(--muted);font-size:.84rem;margin-top:3px}.sz-km-helper-v730 label{margin:0}.sz-km-helper-v730 .btn{min-height:42px}
.sz-preview-v725 .sz-cell{font-size:.39vw!important;font-weight:600!important;line-height:1!important;padding:0 .03vw!important;}
.sz-preview-v725 .sz-top-field{font-size:.44vw!important;font-weight:650!important;line-height:1!important;padding:0!important;}
.sz-preview-v725 input.sz-top-field{display:block!important;text-overflow:clip!important;}
.sz-preview-v725 .sz-zul-cell{font-size:.30vw!important;font-weight:600!important;line-height:1!important;}
.sz-preview-v725 .sz-machine-label-preview-v728{font-size:.34vw!important;font-weight:600!important;line-height:1!important;}
.sz-preview-v725 .sz-material-preview-v725{font-size:.39vw!important;line-height:1.12!important;font-weight:600!important;padding:.08vw .08vw!important;}
.sz-preview-v725 .sz-check-preview-v725{font-size:.50vw!important;font-weight:800!important;line-height:1!important;text-align:center!important;padding:0!important;}
@media(max-width:760px){
  .sz-km-helper-v730{grid-template-columns:1fr!important;align-items:stretch;padding:10px;border-radius:16px}.sz-km-helper-v730 .btn{width:100%}
  .sz-preview-v725 .sz-cell{font-size:.62vw!important}.sz-preview-v725 .sz-top-field{font-size:.68vw!important}.sz-preview-v725 .sz-zul-cell{font-size:.48vw!important}.sz-preview-v725 .sz-machine-label-preview-v728{font-size:.54vw!important}.sz-preview-v725 .sz-material-preview-v725{font-size:.62vw!important}.sz-preview-v725 .sz-check-preview-v725{font-size:.72vw!important}
}
@media print{.sz-preview-v725 .sz-cell{font-size:6.2px!important}.sz-preview-v725 .sz-top-field{font-size:6.8px!important}.sz-preview-v725 .sz-zul-cell{font-size:4.8px!important}.sz-preview-v725 .sz-material-preview-v725{font-size:6.0px!important}.sz-preview-v725 .sz-machine-label-preview-v728{font-size:5.2px!important}}

/* v7.31 Stundenzettel: feinere Direkt-Eingabe, Material ohne Linien, zweite Seite */
.dashboard-bg-icon-v729{opacity:.20!important}
:root[data-theme="light"] .ios-dashboard-card .icon-dark-v729{opacity:.20!important}
:root[data-theme="dark"] .ios-dashboard-card .icon-light-v729{opacity:.20!important}
.sz-preview-v725 .sz-cell{z-index:3!important;font-size:.43vw!important;font-weight:650!important;line-height:1.04!important;padding:0 .04vw!important;color:#17106a!important;}
.sz-preview-v725 .sz-top-field{font-size:.47vw!important;font-weight:650!important;line-height:1.02!important;}
.sz-preview-v725 .sz-zul-cell{font-size:.33vw!important;line-height:1!important;text-align:center!important;}
.sz-preview-v725 .sz-machine-label-preview-v728{font-size:.36vw!important;line-height:1.05!important;}
.sz-preview-v725 .sz-material-preview-v725{font-size:.43vw!important;line-height:1.16!important;padding:.10vw .08vw!important;}
.sz-preview-v725 .sz-check-preview-v725{font-size:.56vw!important;line-height:1!important;font-weight:900!important;}
.sz-preview-v725 .sz-cell:focus{background:rgba(255,245,130,.28)!important;outline:1px solid rgba(20,80,220,.35)!important;}
.sz-page-add-wrap-v731{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 2px;color:var(--muted);font-weight:800;}
.sz-page-add-v731{width:46px;height:46px;border-radius:999px;border:1px solid var(--line);background:var(--button);color:var(--text);font-size:2rem;font-weight:800;line-height:1;display:grid;place-items:center;cursor:pointer;}
.sz-page-add-v731:hover{background:var(--button-hover)}
.sz-preview-panel-v723 .sz-preview-v723 + .sz-preview-v723{margin-top:18px;}
@media(max-width:760px){
  .sz-preview-v725 .sz-cell{font-size:.68vw!important}.sz-preview-v725 .sz-top-field{font-size:.74vw!important}.sz-preview-v725 .sz-zul-cell{font-size:.52vw!important}.sz-preview-v725 .sz-machine-label-preview-v728{font-size:.58vw!important}.sz-preview-v725 .sz-material-preview-v725{font-size:.68vw!important}.sz-preview-v725 .sz-check-preview-v725{font-size:.82vw!important}
  .sz-page-add-wrap-v731 span{font-size:.88rem}.sz-page-add-v731{width:44px;height:44px;font-size:1.8rem}
}

/* Version 7.32 - Stundenzettel: Maschinenfelder anklickbar, Kilometerposition und Vorlage-Kanten korrigiert */
.dashboard-bg-icon-v729{opacity:.20!important}
:root[data-theme="light"] .ios-dashboard-card .icon-dark-v729{opacity:.20!important}
:root[data-theme="dark"] .ios-dashboard-card .icon-light-v729{opacity:.20!important}
.sz-preview-v725 .sz-machine-value-v732{
  z-index:8!important;
  pointer-events:auto!important;
  cursor:text!important;
  font-size:.45vw!important;
  line-height:1!important;
  padding:0!important;
}
.sz-preview-v725 .sz-machine-value-v732:focus{
  background:rgba(255,245,130,.34)!important;
  outline:1px solid rgba(20,80,220,.38)!important;
}
.sz-preview-v725 .sz-machine-label-preview-v728{z-index:4!important;}
.sz-preview-v725 [data-key="km_pkw"],
.sz-preview-v725 [data-key="km_transporter"],
.sz-preview-v725 [data-key="km_lkw"]{
  z-index:8!important;
  pointer-events:auto!important;
  text-align:center!important;
  font-size:.46vw!important;
}
.sz-preview-v725 [data-key="datum_unterschrift"]{
  z-index:8!important;
  font-size:.44vw!important;
  text-align:center!important;
}
@media(max-width:760px){
  .sz-preview-v725 .sz-machine-value-v732{font-size:.72vw!important;}
  .sz-preview-v725 [data-key="km_pkw"],
  .sz-preview-v725 [data-key="km_transporter"],
  .sz-preview-v725 [data-key="km_lkw"]{font-size:.72vw!important;}
  .sz-preview-v725 [data-key="datum_unterschrift"]{font-size:.70vw!important;}
}
@media print{
  .sz-preview-v725 .sz-machine-value-v732{font-size:6.4px!important;}
  .sz-preview-v725 [data-key="km_pkw"],
  .sz-preview-v725 [data-key="km_transporter"],
  .sz-preview-v725 [data-key="km_lkw"]{font-size:6.4px!important;}
  .sz-preview-v725 [data-key="datum_unterschrift"]{font-size:6.6px!important;}
}

/* Version 7.33 - Stundenzettel: 10 feste Maschinenmietzeilen, Reisestunden manuell, Seite-2-Summen, Kilometer nachjustiert */
.sz-preview-v725 .sz-machine-value-v732{
  z-index:30!important;
  pointer-events:auto!important;
  cursor:text!important;
  font-size:.46vw!important;
  line-height:1!important;
  padding:0!important;
  min-height:1.65%!important;
}
.sz-preview-v725 .sz-machine-label-preview-v728{
  z-index:6!important;
  pointer-events:auto!important;
  font-size:.36vw!important;
  padding:0!important;
}
.sz-preview-v725 [data-key^="km_"]{
  z-index:30!important;
  pointer-events:auto!important;
  text-align:center!important;
  font-size:.46vw!important;
  padding:0!important;
}
.sz-preview-v725 [data-key$="_reise"],
.sz-preview-v725 [data-key*="_reise_s"]{
  z-index:30!important;
  pointer-events:auto!important;
}
@media(max-width:760px){
  .sz-preview-v725 .sz-machine-value-v732,.sz-preview-v725 [data-key^="km_"]{font-size:.74vw!important;}
}
@media print{
  .sz-preview-v725 .sz-machine-value-v732,.sz-preview-v725 [data-key^="km_"]{font-size:6.5px!important;}
}

/* v7.34 Stundenzettel Feinschliff */
.sz-admin-header-actions-v734{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sz-delete-form-v734{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sz-delete-form-v734 input[type="password"]{min-width:200px}
.sz-preview-v725 .sz-cell{font-size:.47vw!important;line-height:1.02!important;z-index:3!important}
.sz-preview-v725 .sz-top-field{font-size:.72vw!important}
.sz-preview-v725 .sz-material-preview-v725{font-size:.66vw!important;line-height:1.1!important}
.sz-preview-v725 .sz-check-preview-v725{z-index:5!important;background:rgba(255,255,255,.55)!important;border-radius:2px!important}
.sz-preview-v725 [data-key="km_pkw"],
.sz-preview-v725 [data-key="km_transporter"],
.sz-preview-v725 [data-key="km_lkw"],
.sz-preview-v725 [data-key$="_s2"][data-key^="km_"],
.sz-preview-v725 [data-key$="_s3"][data-key^="km_"],
.sz-preview-v725 [data-key$="_s4"][data-key^="km_"]{ text-align:left!important; padding-left:.18vw!important; }
@media (max-width:760px){
  .sz-delete-form-v734{width:100%}
  .sz-delete-form-v734 input[type="password"]{min-width:0;width:100%}
}

/* v7.36 signatures */
.sz-signature-pads-v735{display:grid;gap:14px}
.sz-sign-pad-card-v735{border:1px solid rgba(120,120,140,.22);border-radius:18px;padding:14px;background:rgba(255,255,255,.45)}
:root[data-theme="dark"] .sz-sign-pad-card-v735{background:rgba(255,255,255,.04)}
.sz-sign-pad-card-v735 strong{display:block;margin-bottom:8px}
.sz-preview-v725 [data-key="km_pkw"],.sz-preview-v725 [data-key="km_transporter"],.sz-preview-v725 [data-key="km_lkw"],.sz-preview-v725 [data-key^="km_pkw_s"],.sz-preview-v725 [data-key^="km_transporter_s"],.sz-preview-v725 [data-key^="km_lkw_s"]{text-align:center!important;padding-left:0!important}

/* v7.36 Stundenzettel Korrekturen */
.sz-hero-v724{padding:18px 22px!important}
.sz-hero-v724 h1{font-size:clamp(1.55rem,3.2vw,2.25rem)!important;letter-spacing:-.035em!important}
.sz-hero-v724 span{font-size:.98rem!important}
.sz-preview-v725 .sz-material-preview-v725:focus{background:rgba(255,245,130,.16)!important}

/* v7.37 QR Druck-Fallback: QR-Druckbereich darf nicht durch spätere Stundenzettel-Printregeln ausgeblendet werden */
@media print {
    body.qr-printing-active .qr-print-area,
    body.qr-printing-active .qr-print-area * {
        display: revert !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    body.qr-printing-active .page > .qr-print-area {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }
    body.qr-printing-active .topbar,
    body.qr-printing-active .app-footer,
    body.qr-printing-active .page-title-card,
    body.qr-printing-active .qr-layout-v29,
    body.qr-printing-active .global-scroll-top-v46 {
        display: none !important;
    }
}

/* v7.38 Auslastung: Tageslinien im Nicht-Desktop-/Scrollmodus exakt an Tageskopf ausrichten */
.week-main-v35 {
    --auslastung-day-min-v738: 150px;
}
.week-days-v33,
.week-bars-v35 {
    grid-template-columns: repeat(7, minmax(var(--auslastung-day-min-v738), 1fr)) !important;
    min-width: calc(var(--auslastung-day-min-v738) * 7) !important;
    width: 100% !important;
}
.week-bars-v35 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}
.week-bars-v35 .load-bar-v35 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

@media (max-width: 760px) {
    .week-days-v33,
    .week-bars-v35 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    .week-bars-v35 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-image:
            linear-gradient(to right,
                transparent calc(20% - .5px),
                rgba(255,255,255,.12) calc(20% - .5px),
                rgba(255,255,255,.12) calc(20% + .5px),
                transparent calc(20% + .5px),
                transparent calc(40% - .5px),
                rgba(255,255,255,.12) calc(40% - .5px),
                rgba(255,255,255,.12) calc(40% + .5px),
                transparent calc(40% + .5px),
                transparent calc(60% - .5px),
                rgba(255,255,255,.12) calc(60% - .5px),
                rgba(255,255,255,.12) calc(60% + .5px),
                transparent calc(60% + .5px),
                transparent calc(80% - .5px),
                rgba(255,255,255,.12) calc(80% - .5px),
                rgba(255,255,255,.12) calc(80% + .5px),
                transparent calc(80% + .5px)
            ) !important;
    }
    :root[data-theme="light"] .week-bars-v35 {
        background-image:
            linear-gradient(to right,
                transparent calc(20% - .5px),
                rgba(17,24,39,.13) calc(20% - .5px),
                rgba(17,24,39,.13) calc(20% + .5px),
                transparent calc(20% + .5px),
                transparent calc(40% - .5px),
                rgba(17,24,39,.13) calc(40% - .5px),
                rgba(17,24,39,.13) calc(40% + .5px),
                transparent calc(40% + .5px),
                transparent calc(60% - .5px),
                rgba(17,24,39,.13) calc(60% - .5px),
                rgba(17,24,39,.13) calc(60% + .5px),
                transparent calc(60% + .5px),
                transparent calc(80% - .5px),
                rgba(17,24,39,.13) calc(80% - .5px),
                rgba(17,24,39,.13) calc(80% + .5px),
                transparent calc(80% + .5px)
            ) !important;
    }
}

/* v7.39 Auslastung: Spalten/Linien im Nicht-Desktopmodus und Textüberlauf fixen */
.week-main-v35 {
    --auslastung-day-min-v739: 150px;
}
.week-days-v33,
.week-bars-v35 {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(var(--auslastung-day-min-v739), 1fr)) !important;
    min-width: calc(var(--auslastung-day-min-v739) * 7) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.week-bars-v35 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-image:
        linear-gradient(to right,
            transparent calc(14.285714% - .5px), rgba(255,255,255,.12) calc(14.285714% - .5px), rgba(255,255,255,.12) calc(14.285714% + .5px), transparent calc(14.285714% + .5px),
            transparent calc(28.571428% - .5px), rgba(255,255,255,.12) calc(28.571428% - .5px), rgba(255,255,255,.12) calc(28.571428% + .5px), transparent calc(28.571428% + .5px),
            transparent calc(42.857142% - .5px), rgba(255,255,255,.12) calc(42.857142% - .5px), rgba(255,255,255,.12) calc(42.857142% + .5px), transparent calc(42.857142% + .5px),
            transparent calc(57.142856% - .5px), rgba(255,255,255,.12) calc(57.142856% - .5px), rgba(255,255,255,.12) calc(57.142856% + .5px), transparent calc(57.142856% + .5px),
            transparent calc(71.42857% - .5px), rgba(255,255,255,.12) calc(71.42857% - .5px), rgba(255,255,255,.12) calc(71.42857% + .5px), transparent calc(71.42857% + .5px),
            transparent calc(85.714284% - .5px), rgba(255,255,255,.12) calc(85.714284% - .5px), rgba(255,255,255,.12) calc(85.714284% + .5px), transparent calc(85.714284% + .5px)
        ) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}
:root[data-theme="light"] .week-bars-v35 {
    background-image:
        linear-gradient(to right,
            transparent calc(14.285714% - .5px), rgba(17,24,39,.13) calc(14.285714% - .5px), rgba(17,24,39,.13) calc(14.285714% + .5px), transparent calc(14.285714% + .5px),
            transparent calc(28.571428% - .5px), rgba(17,24,39,.13) calc(28.571428% - .5px), rgba(17,24,39,.13) calc(28.571428% + .5px), transparent calc(28.571428% + .5px),
            transparent calc(42.857142% - .5px), rgba(17,24,39,.13) calc(42.857142% - .5px), rgba(17,24,39,.13) calc(42.857142% + .5px), transparent calc(42.857142% + .5px),
            transparent calc(57.142856% - .5px), rgba(17,24,39,.13) calc(57.142856% - .5px), rgba(17,24,39,.13) calc(57.142856% + .5px), transparent calc(57.142856% + .5px),
            transparent calc(71.42857% - .5px), rgba(17,24,39,.13) calc(71.42857% - .5px), rgba(17,24,39,.13) calc(71.42857% + .5px), transparent calc(71.42857% + .5px),
            transparent calc(85.714284% - .5px), rgba(17,24,39,.13) calc(85.714284% - .5px), rgba(17,24,39,.13) calc(85.714284% + .5px), transparent calc(85.714284% + .5px)
        ) !important;
}
.load-bar-v35,
.load-bar-v35 summary,
.load-bar-v35 summary strong,
.load-bar-v35 summary span,
.load-bar-v35 summary em,
.load-bar-v35 summary small {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.load-bar-v35 summary strong,
.load-bar-v35 summary span,
.load-bar-v35 summary em,
.load-bar-v35 summary small {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.load-bar-v35[open] {
    z-index: 8 !important;
    overflow: visible !important;
}
.load-bar-v35[open] summary strong,
.load-bar-v35[open] summary span,
.load-bar-v35[open] summary em,
.load-bar-v35[open] summary small {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
.load-bar-v35.single-day-v739 {
    min-width: 0 !important;
}
@media (max-width: 1100px) {
    .week-main-v35 { --auslastung-day-min-v739: 138px; }
}
@media (max-width: 760px) {
    .week-main-v35 { --auslastung-day-min-v739: 118px; }
    .week-days-v33,
    .week-bars-v35 {
        grid-template-columns: repeat(7, minmax(var(--auslastung-day-min-v739), 1fr)) !important;
        min-width: calc(var(--auslastung-day-min-v739) * 7) !important;
        width: calc(var(--auslastung-day-min-v739) * 7) !important;
    }
    .load-bar-v35 {
        margin: 0 3px !important;
        max-width: calc(100% - 6px) !important;
    }
    .load-bar-v35 summary strong { font-size: .62rem !important; }
    .load-bar-v35 summary span,
    .load-bar-v35 summary em,
    .load-bar-v35 summary small { font-size: .52rem !important; }
}

/* v7.40 Auslastung: übersichtlicher wie Excel, mindestens 5 Wochenzeilen */
.year-calendar-v33 {
    gap: 16px !important;
}
.week-card-v33 {
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(31, 54, 94, .16) !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, .10) !important;
    background: #edf3ff !important;
}
.week-card-v33 > header {
    padding: 10px 14px !important;
    background: #2f3a4f !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.week-card-v33 > header strong,
.week-card-v33 > header span {
    color: #fff !important;
}
.week-layout-v35 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 0 !important;
    align-items: stretch !important;
}
.week-main-v35 {
    background: #dce7fb !important;
}
.week-days-v33 {
    background: #394151 !important;
    border-bottom: 2px solid #2e3644 !important;
}
.week-days-v33 .day-cell-v33 {
    min-height: 82px !important;
    padding: 0 !important;
    background: transparent !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
}
.week-days-v33 .day-cell-v33:last-child {
    border-right: 0 !important;
}
.week-days-v33 .day-head-v33 {
    min-height: 50px !important;
    padding: 12px 12px 10px !important;
    align-items: center !important;
    background: transparent !important;
}
.week-days-v33 .day-head-v33 span,
.week-days-v33 .day-head-v33 strong {
    color: #fff !important;
}
.week-days-v33 .day-head-v33 span {
    opacity: .84 !important;
}
.week-days-v33 .day-add-v34 {
    box-shadow: none !important;
}
.week-days-v33 .holiday-chip-v33 {
    margin: 0 10px 10px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}
.week-bars-v35 {
    --week-row-height-v740: 42px;
    display: grid !important;
    grid-template-columns: repeat(7, minmax(var(--auslastung-day-min-v739), 1fr)) !important;
    grid-template-rows: repeat(var(--week-rows-v740, 5), var(--week-row-height-v740)) !important;
    align-items: stretch !important;
    min-height: calc(var(--week-rows-v740, 5) * var(--week-row-height-v740)) !important;
    background-color: #dce7fb !important;
    background-image:
        repeating-linear-gradient(to bottom,
            rgba(255,255,255,.58) 0,
            rgba(255,255,255,.58) var(--week-row-height-v740),
            rgba(255,255,255,.16) var(--week-row-height-v740),
            rgba(255,255,255,.16) calc(var(--week-row-height-v740) * 2)
        ),
        linear-gradient(to right,
            transparent calc(14.285714% - .5px), rgba(62,87,126,.20) calc(14.285714% - .5px), rgba(62,87,126,.20) calc(14.285714% + .5px), transparent calc(14.285714% + .5px),
            transparent calc(28.571428% - .5px), rgba(62,87,126,.20) calc(28.571428% - .5px), rgba(62,87,126,.20) calc(28.571428% + .5px), transparent calc(28.571428% + .5px),
            transparent calc(42.857142% - .5px), rgba(62,87,126,.20) calc(42.857142% - .5px), rgba(62,87,126,.20) calc(42.857142% + .5px), transparent calc(42.857142% + .5px),
            transparent calc(57.142856% - .5px), rgba(62,87,126,.20) calc(57.142856% - .5px), rgba(62,87,126,.20) calc(57.142856% + .5px), transparent calc(57.142856% + .5px),
            transparent calc(71.42857% - .5px), rgba(62,87,126,.20) calc(71.42857% - .5px), rgba(62,87,126,.20) calc(71.42857% + .5px), transparent calc(71.42857% + .5px),
            transparent calc(85.714284% - .5px), rgba(62,87,126,.20) calc(85.714284% - .5px), rgba(62,87,126,.20) calc(85.714284% + .5px), transparent calc(85.714284% + .5px)
        ) !important;
    background-size: 100% 100%, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
    padding: 0 !important;
}
.load-bar-v35 {
    align-self: stretch !important;
    margin: 5px 6px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(46, 58, 77, .18) !important;
    background: rgba(255,255,255,.32) !important;
    box-shadow: none !important;
    min-height: calc(var(--week-row-height-v740) - 10px) !important;
}
.load-bar-v35 summary {
    min-height: calc(var(--week-row-height-v740) - 10px) !important;
    padding: 5px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1px !important;
    color: #0f172a !important;
}
.load-bar-v35 summary strong {
    font-size: 1rem !important;
    line-height: 1.05 !important;
    color: #0f172a !important;
}
.load-bar-v35 summary span {
    font-size: .92rem !important;
    line-height: 1.05 !important;
    color: #111827 !important;
}
.load-bar-v35 summary em,
.load-bar-v35 summary small {
    display: none !important;
}
.load-bar-v35.single-day-v739 summary {
    padding-right: 8px !important;
}
.load-bar-v35[open] {
    z-index: 10 !important;
    background: #ffffff !important;
    box-shadow: 0 14px 28px rgba(15,23,42,.18) !important;
}
.load-bar-v35[open] summary em,
.load-bar-v35[open] summary small {
    display: block !important;
}
.load-bar-v35.confirmed,
.load-bar-v35.termin,
.load-bar-v35.appointment {
    border-left: 4px solid #3167b1 !important;
}
.load-bar-v35.request {
    border-left: 4px solid #9a6b00 !important;
}
.load-bar-v35.absence {
    border-left: 4px solid #8a2f56 !important;
}
.load-bar-v35.birthday,
.load-bar-v35.geburtstag {
    border-left: 4px solid #3b9a5f !important;
}
.week-notes-v35 {
    padding: 12px !important;
    background: #eef3fb !important;
    border-left: 1px solid rgba(47,58,79,.14) !important;
}
.week-notes-v35 details {
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(47,58,79,.14) !important;
    border-radius: 14px !important;
}
.week-notes-v35 summary {
    color: #1f2937 !important;
}
.week-note-form-v35 span,
.week-note-form-v35 textarea,
.week-note-form-v35 button {
    font-size: .92rem !important;
}
@media (max-width: 980px) {
    .week-layout-v35 {
        grid-template-columns: 1fr !important;
    }
    .week-notes-v35 {
        border-left: 0 !important;
        border-top: 1px solid rgba(47,58,79,.14) !important;
    }
}
@media (max-width: 760px) {
    .week-bars-v35 {
        --week-row-height-v740: 38px;
    }
    .load-bar-v35 summary strong {
        font-size: .74rem !important;
    }
    .load-bar-v35 summary span {
        font-size: .67rem !important;
    }
}

/* v7.41 Auslastung: Excel-Optik mit Personal-Kürzeln, ruhiger Whitemode */
.week-card-v33 {
    background: #eaf0f9 !important;
}
:root[data-theme="light"] .week-card-v33 {
    background: #f0f4fb !important;
    border-color: rgba(83, 104, 133, .28) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
}
.week-card-v33 > header,
:root[data-theme="light"] .week-card-v33 > header {
    background: #314057 !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;
}
.week-card-v33 > header strong,
.week-card-v33 > header span,
:root[data-theme="light"] .week-card-v33 > header strong,
:root[data-theme="light"] .week-card-v33 > header span {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
.week-main-v35,
:root[data-theme="light"] .week-main-v35 {
    background: #e3eaf4 !important;
}
.week-days-v33,
:root[data-theme="light"] .week-days-v33 {
    background: #3c4658 !important;
    border-bottom: 2px solid #263244 !important;
}
.week-days-v33 .day-cell-v33,
:root[data-theme="light"] .week-days-v33 .day-cell-v33 {
    border-right: 1px solid rgba(255,255,255,.26) !important;
}
.week-days-v33 .day-head-v33 span,
.week-days-v33 .day-head-v33 strong,
:root[data-theme="light"] .week-days-v33 .day-head-v33 span,
:root[data-theme="light"] .week-days-v33 .day-head-v33 strong {
    color: #ffffff !important;
    opacity: 1 !important;
}
.week-bars-v35,
:root[data-theme="light"] .week-bars-v35 {
    --week-row-height-v740: 58px;
    background-color: #e3eaf4 !important;
    background-image:
        repeating-linear-gradient(to bottom,
            rgba(255,255,255,.64) 0,
            rgba(255,255,255,.64) calc(var(--week-row-height-v740) - 1px),
            rgba(125, 143, 169, .32) calc(var(--week-row-height-v740) - 1px),
            rgba(125, 143, 169, .32) var(--week-row-height-v740)
        ),
        linear-gradient(to right,
            transparent calc(14.285714% - .75px), rgba(62,87,126,.42) calc(14.285714% - .75px), rgba(62,87,126,.42) calc(14.285714% + .75px), transparent calc(14.285714% + .75px),
            transparent calc(28.571428% - .75px), rgba(62,87,126,.42) calc(28.571428% - .75px), rgba(62,87,126,.42) calc(28.571428% + .75px), transparent calc(28.571428% + .75px),
            transparent calc(42.857142% - .75px), rgba(62,87,126,.42) calc(42.857142% - .75px), rgba(62,87,126,.42) calc(42.857142% + .75px), transparent calc(42.857142% + .75px),
            transparent calc(57.142856% - .75px), rgba(62,87,126,.42) calc(57.142856% - .75px), rgba(62,87,126,.42) calc(57.142856% + .75px), transparent calc(57.142856% + .75px),
            transparent calc(71.42857% - .75px), rgba(62,87,126,.42) calc(71.42857% - .75px), rgba(62,87,126,.42) calc(71.42857% + .75px), transparent calc(71.42857% + .75px),
            transparent calc(85.714284% - .75px), rgba(62,87,126,.42) calc(85.714284% - .75px), rgba(62,87,126,.42) calc(85.714284% + .75px), transparent calc(85.714284% + .75px)
        ) !important;
}
.load-bar-v35,
.load-bar-v35.confirmed,
.load-bar-v35.termin,
.load-bar-v35.appointment,
.load-bar-v35.request,
.load-bar-v35.absence,
.load-bar-v35.birthday,
.load-bar-v35.geburtstag {
    background: #b88921 !important;
    border: 1px solid rgba(83, 57, 8, .48) !important;
    border-left-width: 5px !important;
    border-left-color: #74510c !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22) !important;
    min-height: calc(var(--week-row-height-v740) - 10px) !important;
}
.load-bar-v35 summary {
    min-height: calc(var(--week-row-height-v740) - 10px) !important;
    padding: 6px 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "kunde personal"
        "baustelle personal"
        "meta personal" !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 1px !important;
    color: #1f1604 !important;
}
.load-bar-v35 summary strong {
    grid-area: kunde !important;
    color: #1b1405 !important;
    font-size: .95rem !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.load-bar-v35 summary > span {
    grid-area: baustelle !important;
    color: #231803 !important;
    font-size: .86rem !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.load-bar-v35 summary i.linked-project-v54,
.load-bar-v35 summary em,
.load-bar-v35 summary small {
    grid-column: 1 / -1 !important;
    color: #2d2108 !important;
}
.load-bar-v35 summary i.linked-project-v54 {
    grid-area: meta !important;
    font-style: normal !important;
    font-size: .72rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.entry-personal-v741 {
    grid-area: personal !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-content: center !important;
    gap: 3px !important;
    max-width: 92px !important;
}
.person-chip-v741 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 19px !important;
    border-radius: 7px !important;
    font-size: .61rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    border: 1px solid rgba(0,0,0,.18) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.22) !important;
}
.person-chip-v741.planned {
    background: #1f8f48 !important;
}
.person-chip-v741.unplanned {
    background: #b3262d !important;
}
.load-bar-v35[open],
:root[data-theme="light"] .load-bar-v35[open] {
    background: #f5ead0 !important;
    border-color: rgba(116, 81, 12, .55) !important;
    color: #1f2937 !important;
}
.load-bar-v35[open] summary,
:root[data-theme="light"] .load-bar-v35[open] summary,
.load-detail-v33,
.load-detail-v33 *,
.load-info-v42,
.load-info-v42 *,
.edit-inline-v33,
.edit-inline-v33 *,
:root[data-theme="light"] .load-detail-v33,
:root[data-theme="light"] .load-detail-v33 *,
:root[data-theme="light"] .load-info-v42,
:root[data-theme="light"] .load-info-v42 *,
:root[data-theme="light"] .edit-inline-v33,
:root[data-theme="light"] .edit-inline-v33 * {
    color: #172033 !important;
}
.load-detail-v33,
:root[data-theme="light"] .load-detail-v33 {
    background: #fff7e7 !important;
    border-top: 1px solid rgba(116, 81, 12, .28) !important;
}
.load-info-v42 span,
:root[data-theme="light"] .load-info-v42 span {
    background: #ffffff !important;
    border: 1px solid rgba(116, 81, 12, .18) !important;
    border-radius: 12px !important;
}
.edit-inline-v33,
:root[data-theme="light"] .edit-inline-v33,
.week-notes-v35 details,
:root[data-theme="light"] .week-notes-v35 details {
    background: #fff7e7 !important;
    border-color: rgba(116, 81, 12, .22) !important;
}
.auslastung-form-v33 input,
.auslastung-form-v33 select,
.auslastung-form-v33 textarea,
:root[data-theme="light"] .auslastung-form-v33 input,
:root[data-theme="light"] .auslastung-form-v33 select,
:root[data-theme="light"] .auslastung-form-v33 textarea {
    background: #ffffff !important;
    color: #172033 !important;
    border-color: rgba(91, 107, 132, .35) !important;
}
.person-picker-v35 label,
:root[data-theme="light"] .person-picker-v35 label {
    background: #ffffff !important;
    color: #172033 !important;
    border-color: rgba(91, 107, 132, .25) !important;
}
.week-notes-v35,
:root[data-theme="light"] .week-notes-v35 {
    background: #edf2f9 !important;
}
@media (max-width: 760px) {
    .week-bars-v35,
    :root[data-theme="light"] .week-bars-v35 {
        --week-row-height-v740: 52px;
    }
    .load-bar-v35 summary {
        column-gap: 4px !important;
        padding: 5px 5px !important;
    }
    .entry-personal-v741 {
        max-width: 58px !important;
        gap: 2px !important;
    }
    .person-chip-v741 {
        width: 21px !important;
        min-width: 21px !important;
        height: 17px !important;
        border-radius: 6px !important;
        font-size: .52rem !important;
    }
    .load-bar-v35 summary strong { font-size: .72rem !important; }
    .load-bar-v35 summary > span { font-size: .63rem !important; }
    .load-bar-v35 summary i.linked-project-v54 { font-size: .55rem !important; }
}

/* v7.42 Auslastung: Excel-Zeilen, mobile Wochenbreite, rechter Auslastungsbereich */
.admin-badge-inline-v742{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:6px!important;padding:2px 6px!important;border-radius:999px!important;font-size:.62rem!important;font-weight:900!important;letter-spacing:.04em!important;background:rgba(239,68,68,.16)!important;color:#b91c1c!important;border:1px solid rgba(185,28,28,.22)!important}
.week-layout-v35{grid-template-columns:minmax(0,1fr) minmax(245px,285px)!important}
.week-days-v33,:root[data-theme="light"] .week-days-v33{background:#2f3a4f!important;border-bottom-color:#1e293b!important}
:root[data-theme="light"] .week-days-v33 .day-cell-v33{border-right:1px solid rgba(255,255,255,.34)!important}
.week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:70px;grid-auto-rows:var(--week-row-height-v740)!important;align-items:start!important;background-color:#dce7fb!important;background-image:repeating-linear-gradient(to bottom,#edf4ff 0,#edf4ff calc(var(--week-row-height-v740) - 1px),rgba(83,105,140,.36) calc(var(--week-row-height-v740) - 1px),rgba(83,105,140,.36) var(--week-row-height-v740),#d9e7fb var(--week-row-height-v740),#d9e7fb calc((var(--week-row-height-v740) * 2) - 1px),rgba(83,105,140,.36) calc((var(--week-row-height-v740) * 2) - 1px),rgba(83,105,140,.36) calc(var(--week-row-height-v740) * 2),#c9dbf3 calc(var(--week-row-height-v740) * 2),#c9dbf3 calc((var(--week-row-height-v740) * 3) - 1px),rgba(83,105,140,.36) calc((var(--week-row-height-v740) * 3) - 1px),rgba(83,105,140,.36) calc(var(--week-row-height-v740) * 3)),linear-gradient(to right,transparent calc(14.285714% - .75px),rgba(45,65,98,.46) calc(14.285714% - .75px),rgba(45,65,98,.46) calc(14.285714% + .75px),transparent calc(14.285714% + .75px),transparent calc(28.571428% - .75px),rgba(45,65,98,.46) calc(28.571428% - .75px),rgba(45,65,98,.46) calc(28.571428% + .75px),transparent calc(28.571428% + .75px),transparent calc(42.857142% - .75px),rgba(45,65,98,.46) calc(42.857142% - .75px),rgba(45,65,98,.46) calc(42.857142% + .75px),transparent calc(42.857142% + .75px),transparent calc(57.142856% - .75px),rgba(45,65,98,.46) calc(57.142856% - .75px),rgba(45,65,98,.46) calc(57.142856% + .75px),transparent calc(57.142856% + .75px),transparent calc(71.42857% - .75px),rgba(45,65,98,.46) calc(71.42857% - .75px),rgba(45,65,98,.46) calc(71.42857% + .75px),transparent calc(71.42857% + .75px),transparent calc(85.714284% - .75px),rgba(45,65,98,.46) calc(85.714284% - .75px),rgba(45,65,98,.46) calc(85.714284% + .75px),transparent calc(85.714284% + .75px))!important;background-size:100% calc(var(--week-row-height-v740) * 3),100% 100%!important;background-repeat:repeat,no-repeat!important}
.load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag{align-self:start!important;height:calc(var(--week-row-height-v740) - 10px)!important;min-height:calc(var(--week-row-height-v740) - 10px)!important;max-height:calc(var(--week-row-height-v740) - 10px)!important;margin:5px 6px!important;background:#fbb90f!important;border-color:rgba(126,86,6,.54)!important;border-left-color:#8a6209!important;color:#1f1604!important;overflow:hidden!important}
.load-bar-v35 summary{height:calc(var(--week-row-height-v740) - 10px)!important;min-height:calc(var(--week-row-height-v740) - 10px)!important;padding:7px 9px!important;grid-template-columns:minmax(0,1fr) minmax(78px,auto)!important;grid-template-areas:"kunde personal" "baustelle personal" "meta personal" "note personal"!important}
.load-bar-v35 summary strong{font-size:.98rem!important}.load-bar-v35 summary>span{font-size:.88rem!important}
.load-bar-v35 summary i.linked-project-v54,.load-bar-v35 summary em,.load-bar-v35 summary small{display:block!important;color:#2d2108!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.load-bar-v35 summary em{grid-area:meta!important;font-style:normal!important;font-size:.68rem!important}.load-bar-v35 summary small{grid-area:note!important;font-size:.68rem!important}
.entry-personal-v741{max-width:108px!important;gap:3px!important}.person-chip-v741{width:26px!important;min-width:26px!important;height:19px!important}
.load-bar-v35[open],:root[data-theme="light"] .load-bar-v35[open]{height:auto!important;max-height:none!important;overflow:visible!important;background:#fff4d2!important;border-color:rgba(126,86,6,.48)!important;box-shadow:0 16px 30px rgba(15,23,42,.18)!important}
.load-bar-v35[open] summary,:root[data-theme="light"] .load-bar-v35[open] summary{height:auto!important;min-height:calc(var(--week-row-height-v740) - 10px)!important;background:#fbb90f!important;color:#1f1604!important}
.week-notes-v35,:root[data-theme="light"] .week-notes-v35{background:#d7e4f6!important;border-left-color:rgba(45,65,98,.30)!important}.week-notes-v35 details,:root[data-theme="light"] .week-notes-v35 details{background:rgba(255,255,255,.78)!important;border-color:rgba(45,65,98,.24)!important}
.week-notes-v35 summary,:root[data-theme="light"] .week-notes-v35 summary{background:#172033!important;color:#fff!important;border-radius:12px!important;padding:10px 12px!important}.week-note-title-v742{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;color:#172033!important}.week-note-title-v742 b{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.84rem!important}.week-note-title-v742 .entry-personal-v741{max-width:116px!important}.week-note-title-v742 .person-chip-v741{width:23px!important;min-width:23px!important;height:17px!important;font-size:.55rem!important}
@media(max-width:980px){.week-layout-v35{grid-template-columns:1fr!important}.week-notes-v35{border-left:0!important;border-top:1px solid rgba(45,65,98,.26)!important}}
@media(max-width:760px){.week-card-v33{border-radius:14px!important}.week-card-v33>header{padding:8px 10px!important}.week-days-v33,.week-bars-v35,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-bars-v35{--auslastung-day-min-v739:0px!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;min-width:0!important;width:100%!important}.week-days-v33 .day-cell-v33{min-height:54px!important}.week-days-v33 .day-head-v33{min-height:48px!important;padding:7px 3px!important;display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:2px!important}.week-days-v33 .day-head-v33 span,.week-days-v33 .day-head-v33 strong{font-size:.62rem!important}.week-days-v33 .day-add-v34{width:18px!important;height:18px!important;min-width:18px!important;font-size:.70rem!important}.holiday-chip-v33{display:none!important}.week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:78px}.load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag{margin:5px 2px!important;height:calc(var(--week-row-height-v740) - 10px)!important;min-height:calc(var(--week-row-height-v740) - 10px)!important;max-height:calc(var(--week-row-height-v740) - 10px)!important;border-left-width:3px!important;border-radius:7px!important}.load-bar-v35 summary{height:calc(var(--week-row-height-v740) - 10px)!important;min-height:calc(var(--week-row-height-v740) - 10px)!important;padding:5px 4px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"kunde" "baustelle" "meta" "note" "personal"!important;row-gap:1px!important}.load-bar-v35 summary strong{font-size:.62rem!important}.load-bar-v35 summary>span{font-size:.55rem!important}.load-bar-v35 summary em,.load-bar-v35 summary small,.load-bar-v35 summary i.linked-project-v54{font-size:.49rem!important}.entry-personal-v741{justify-content:flex-start!important;max-width:100%!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:1px!important}.person-chip-v741{width:17px!important;min-width:17px!important;height:14px!important;border-radius:5px!important;font-size:.43rem!important}.load-bar-v35[open],:root[data-theme="light"] .load-bar-v35[open]{grid-column:1/-1!important;height:auto!important;max-height:none!important;margin:5px 4px!important;z-index:30!important;overflow:visible!important}.load-bar-v35[open] summary,:root[data-theme="light"] .load-bar-v35[open] summary{height:auto!important;min-height:76px!important;grid-template-columns:minmax(0,1fr)!important}.load-detail-v33,:root[data-theme="light"] .load-detail-v33{overflow:visible!important}.load-info-v42,:root[data-theme="light"] .load-info-v42{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.auslastung-form-v33,.auslastung-form-v33.compact{grid-template-columns:1fr!important}}

/* v7.43 Auslastung: Whitemode-Kopf, Personal nur rechts, vollständiges Aufklappen */
:root[data-theme="light"] .week-days-v33,
:root[data-theme="light"] .week-days-v33 .day-cell-v33,
.week-days-v33 {
    background:#344057!important;
    color:#ffffff!important;
}
:root[data-theme="light"] .week-days-v33 .day-head-v33,
.week-days-v33 .day-head-v33 {
    background:transparent!important;
    color:#ffffff!important;
}
:root[data-theme="light"] .week-days-v33 .day-head-v33 span,
:root[data-theme="light"] .week-days-v33 .day-head-v33 strong,
.week-days-v33 .day-head-v33 span,
.week-days-v33 .day-head-v33 strong {
    color:#ffffff!important;
    text-shadow:0 1px 1px rgba(0,0,0,.25)!important;
}
:root[data-theme="light"] .week-days-v33 .day-cell-v33,
.week-days-v33 .day-cell-v33 {
    border-right:1px solid rgba(255,255,255,.32)!important;
}
:root[data-theme="light"] .week-days-v33 .day-cell-v33.today-v36,
.week-days-v33 .day-cell-v33.today-v36 {
    box-shadow:inset 0 0 0 2px #fbb90f!important;
}

.week-layout-v35 {
    grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
    align-items:stretch!important;
}
.week-bars-v35,
:root[data-theme="light"] .week-bars-v35 {
    --week-row-height-v740:82px!important;
    align-items:stretch!important;
    background-color:#dce8fb!important;
    background-image:
        repeating-linear-gradient(to bottom,
            #edf5ff 0,
            #edf5ff calc(var(--week-row-height-v740) - 1px),
            rgba(72,95,130,.38) calc(var(--week-row-height-v740) - 1px),
            rgba(72,95,130,.38) var(--week-row-height-v740),
            #dbe9fb var(--week-row-height-v740),
            #dbe9fb calc((var(--week-row-height-v740) * 2) - 1px),
            rgba(72,95,130,.38) calc((var(--week-row-height-v740) * 2) - 1px),
            rgba(72,95,130,.38) calc(var(--week-row-height-v740) * 2),
            #c9ddf4 calc(var(--week-row-height-v740) * 2),
            #c9ddf4 calc((var(--week-row-height-v740) * 3) - 1px),
            rgba(72,95,130,.38) calc((var(--week-row-height-v740) * 3) - 1px),
            rgba(72,95,130,.38) calc(var(--week-row-height-v740) * 3)
        ),
        linear-gradient(to right,
            transparent calc(14.285714% - .75px),rgba(43,66,101,.48) calc(14.285714% - .75px),rgba(43,66,101,.48) calc(14.285714% + .75px),transparent calc(14.285714% + .75px),
            transparent calc(28.571428% - .75px),rgba(43,66,101,.48) calc(28.571428% - .75px),rgba(43,66,101,.48) calc(28.571428% + .75px),transparent calc(28.571428% + .75px),
            transparent calc(42.857142% - .75px),rgba(43,66,101,.48) calc(42.857142% - .75px),rgba(43,66,101,.48) calc(42.857142% + .75px),transparent calc(42.857142% + .75px),
            transparent calc(57.142856% - .75px),rgba(43,66,101,.48) calc(57.142856% - .75px),rgba(43,66,101,.48) calc(57.142856% + .75px),transparent calc(57.142856% + .75px),
            transparent calc(71.42857% - .75px),rgba(43,66,101,.48) calc(71.42857% - .75px),rgba(43,66,101,.48) calc(71.42857% + .75px),transparent calc(71.42857% + .75px),
            transparent calc(85.714284% - .75px),rgba(43,66,101,.48) calc(85.714284% - .75px),rgba(43,66,101,.48) calc(85.714284% + .75px),transparent calc(85.714284% + .75px)
        )!important;
    background-size:100% calc(var(--week-row-height-v740) * 3),100% 100%!important;
    background-repeat:repeat,no-repeat!important;
}
.load-bar-v35,
.load-bar-v35.confirmed,
.load-bar-v35.termin,
.load-bar-v35.appointment,
.load-bar-v35.request,
.load-bar-v35.absence,
.load-bar-v35.birthday,
.load-bar-v35.geburtstag {
    align-self:start!important;
    height:calc(var(--week-row-height-v740) - 10px)!important;
    min-height:calc(var(--week-row-height-v740) - 10px)!important;
    max-height:calc(var(--week-row-height-v740) - 10px)!important;
    margin:5px 6px!important;
    background:#fbb90f!important;
    color:#1c1606!important;
}
.load-bar-v35 summary {
    height:calc(var(--week-row-height-v740) - 10px)!important;
    min-height:calc(var(--week-row-height-v740) - 10px)!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"kunde" "baustelle" "meta" "note"!important;
    row-gap:2px!important;
}
.load-bar-v35 summary .entry-personal-v741 { display:none!important; }
.load-bar-v35 summary strong { font-size:1rem!important; line-height:1.1!important; }
.load-bar-v35 summary > span { font-size:.88rem!important; line-height:1.08!important; }
.load-bar-v35 summary em,
.load-bar-v35 summary small,
.load-bar-v35 summary i.linked-project-v54 {
    color:#2d2108!important;
    opacity:1!important;
}
.load-bar-v35[open],
:root[data-theme="light"] .load-bar-v35[open] {
    grid-column:1/-1!important;
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    z-index:50!important;
    overflow:visible!important;
    background:#fff2c7!important;
}
.load-bar-v35[open] summary,
:root[data-theme="light"] .load-bar-v35[open] summary {
    height:auto!important;
    min-height:86px!important;
    max-height:none!important;
}
.load-detail-v33,
:root[data-theme="light"] .load-detail-v33 {
    display:block!important;
    overflow:visible!important;
    max-height:none!important;
    height:auto!important;
    color:#172033!important;
    background:#fff8df!important;
}
.load-info-v42,
:root[data-theme="light"] .load-info-v42 {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    max-height:none!important;
}
.load-info-v42 span,
:root[data-theme="light"] .load-info-v42 span {
    background:#fffdf3!important;
    border-color:rgba(126,86,6,.22)!important;
    color:#172033!important;
}

.week-notes-v35,
:root[data-theme="light"] .week-notes-v35 {
    background:#cdddf3!important;
    border-left:1px solid rgba(45,65,98,.28)!important;
    padding:10px!important;
}
.week-notes-v35 details,
:root[data-theme="light"] .week-notes-v35 details {
    display:block!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
}
.week-notes-v35 summary,
:root[data-theme="light"] .week-notes-v35 summary {
    pointer-events:none!important;
    cursor:default!important;
    margin-bottom:8px!important;
    background:#172033!important;
    color:#fff!important;
}
.week-notes-v35 summary::-webkit-details-marker { display:none!important; }
.week-note-form-v35,
:root[data-theme="light"] .week-note-form-v35 {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"title chips" "note chips" "button chips"!important;
    gap:6px 8px!important;
    align-items:start!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(45,65,98,.20)!important;
    border-radius:12px!important;
    padding:8px!important;
    margin:0 0 8px!important;
}
.week-note-title-v742 {
    display:contents!important;
}
.week-note-title-v742 b {
    grid-area:title!important;
    display:block!important;
    color:#172033!important;
    font-size:.84rem!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.15!important;
}
.week-note-title-v742 .entry-personal-v741 {
    grid-area:chips!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    align-content:flex-start!important;
    max-width:104px!important;
    gap:3px!important;
}
.week-note-form-v35 textarea {
    grid-area:note!important;
    min-height:46px!important;
    resize:vertical!important;
}
.week-note-form-v35 button { grid-area:button!important; justify-self:start!important; min-height:30px!important; }
.week-note-title-v742 .person-chip-v741 {
    width:24px!important;
    min-width:24px!important;
    height:18px!important;
    font-size:.55rem!important;
    border-radius:6px!important;
}

@media(max-width:980px) {
    .week-layout-v35 { grid-template-columns:1fr!important; }
    .week-notes-v35 { border-left:0!important; border-top:1px solid rgba(45,65,98,.28)!important; }
}
@media(max-width:760px) {
    .week-main-v35,
    .week-days-v33,
    .week-bars-v35,
    :root[data-theme="light"] .week-days-v33,
    :root[data-theme="light"] .week-bars-v35 {
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        grid-template-columns:repeat(7,minmax(0,1fr))!important;
        overflow:visible!important;
    }
    .week-bars-v35,
    :root[data-theme="light"] .week-bars-v35 { --week-row-height-v740:88px!important; }
    .load-bar-v35,
    .load-bar-v35.confirmed,
    .load-bar-v35.termin,
    .load-bar-v35.appointment,
    .load-bar-v35.request,
    .load-bar-v35.absence,
    .load-bar-v35.birthday,
    .load-bar-v35.geburtstag {
        margin:5px 2px!important;
        height:calc(var(--week-row-height-v740) - 10px)!important;
        min-height:calc(var(--week-row-height-v740) - 10px)!important;
        max-height:calc(var(--week-row-height-v740) - 10px)!important;
    }
    .load-bar-v35 summary {
        height:calc(var(--week-row-height-v740) - 10px)!important;
        min-height:calc(var(--week-row-height-v740) - 10px)!important;
        padding:5px 4px!important;
    }
    .load-bar-v35 summary strong { font-size:.66rem!important; }
    .load-bar-v35 summary > span { font-size:.58rem!important; }
    .load-bar-v35 summary em,
    .load-bar-v35 summary small,
    .load-bar-v35 summary i.linked-project-v54 { font-size:.50rem!important; white-space:normal!important; }
    .load-bar-v35[open],
    :root[data-theme="light"] .load-bar-v35[open] {
        grid-column:1/-1!important;
        width:auto!important;
        min-width:0!important;
        max-width:calc(100% - 8px)!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
    }
    .load-info-v42,
    :root[data-theme="light"] .load-info-v42 { grid-template-columns:1fr!important; }
    .week-note-form-v35,
    :root[data-theme="light"] .week-note-form-v35 {
        grid-template-columns:minmax(0,1fr) auto!important;
    }
    .week-note-title-v742 .entry-personal-v741 { max-width:92px!important; }
    .week-note-title-v742 .person-chip-v741 { width:21px!important; min-width:21px!important; height:16px!important; font-size:.50rem!important; }
}

/* v7.44 Auslastung: kompakte Excel-Wochen, Personal rechts, Notizen rechts aufklappbar */
.year-calendar-v33{gap:10px!important}
.week-card-v33{border-radius:12px!important}
.week-card-v33>header{padding:5px 10px!important;min-height:28px!important}
.week-card-v33>header div{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
.week-card-v33>header strong{font-size:.86rem!important;line-height:1!important}
.week-card-v33>header span{font-size:.72rem!important;line-height:1!important}
.week-layout-v35{grid-template-columns:minmax(0,1fr) minmax(230px,270px)!important;gap:0!important;align-items:start!important;width:100%!important;overflow:visible!important}
.week-main-v35{overflow:visible!important;min-width:0!important;width:100%!important}
.week-days-v33,.week-bars-v35{grid-template-columns:repeat(7,minmax(0,1fr))!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.week-days-v33,:root[data-theme="light"] .week-days-v33{background:#2f3b50!important;border-bottom:1px solid #1f2937!important}
.week-days-v33 .day-cell-v33,:root[data-theme="light"] .week-days-v33 .day-cell-v33{min-height:34px!important;padding:0!important;border-right:1px solid rgba(255,255,255,.34)!important;background:transparent!important}
.week-days-v33 .day-head-v33{min-height:34px!important;padding:3px 2px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:1px!important;align-items:center!important}
.week-days-v33 .day-head-v33 span{font-size:.58rem!important;line-height:1!important;text-transform:uppercase!important}
.week-days-v33 .day-head-v33 strong{font-size:.66rem!important;line-height:1!important}
.week-days-v33 .day-add-v34{width:16px!important;height:16px!important;min-width:16px!important;font-size:.62rem!important}
.week-days-v33 .holiday-chip-v33{display:none!important}
.week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:44px!important;display:grid!important;grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;grid-auto-rows:var(--week-row-height-v740)!important;min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;align-items:start!important;padding:0!important;background-color:#d9e7fa!important;background-image:repeating-linear-gradient(to bottom,#eef5ff 0,#eef5ff calc(var(--week-row-height-v740) - 1px),rgba(68,93,132,.34) calc(var(--week-row-height-v740) - 1px),rgba(68,93,132,.34) var(--week-row-height-v740),#dce9fb var(--week-row-height-v740),#dce9fb calc((var(--week-row-height-v740) * 2) - 1px),rgba(68,93,132,.34) calc((var(--week-row-height-v740) * 2) - 1px),rgba(68,93,132,.34) calc(var(--week-row-height-v740) * 2),#c9ddf3 calc(var(--week-row-height-v740) * 2),#c9ddf3 calc((var(--week-row-height-v740) * 3) - 1px),rgba(68,93,132,.34) calc((var(--week-row-height-v740) * 3) - 1px),rgba(68,93,132,.34) calc(var(--week-row-height-v740) * 3)),linear-gradient(to right,transparent calc(14.285714% - .6px),rgba(43,66,101,.50) calc(14.285714% - .6px),rgba(43,66,101,.50) calc(14.285714% + .6px),transparent calc(14.285714% + .6px),transparent calc(28.571428% - .6px),rgba(43,66,101,.50) calc(28.571428% - .6px),rgba(43,66,101,.50) calc(28.571428% + .6px),transparent calc(28.571428% + .6px),transparent calc(42.857142% - .6px),rgba(43,66,101,.50) calc(42.857142% - .6px),rgba(43,66,101,.50) calc(42.857142% + .6px),transparent calc(42.857142% + .6px),transparent calc(57.142856% - .6px),rgba(43,66,101,.50) calc(57.142856% - .6px),rgba(43,66,101,.50) calc(57.142856% + .6px),transparent calc(57.142856% + .6px),transparent calc(71.42857% - .6px),rgba(43,66,101,.50) calc(71.42857% - .6px),rgba(43,66,101,.50) calc(71.42857% + .6px),transparent calc(71.42857% + .6px),transparent calc(85.714284% - .6px),rgba(43,66,101,.50) calc(85.714284% - .6px),rgba(43,66,101,.50) calc(85.714284% + .6px),transparent calc(85.714284% + .6px))!important;background-size:100% calc(var(--week-row-height-v740) * 3),100% 100%!important;background-repeat:repeat,no-repeat!important}
.load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag{height:calc(var(--week-row-height-v740) - 8px)!important;min-height:calc(var(--week-row-height-v740) - 8px)!important;max-height:calc(var(--week-row-height-v740) - 8px)!important;margin:4px 3px!important;padding:0!important;border-radius:6px!important;background:#fbb90f!important;border-left-width:3px!important;overflow:hidden!important;align-self:start!important;box-shadow:none!important}
.load-bar-v35 summary{height:calc(var(--week-row-height-v740) - 8px)!important;min-height:calc(var(--week-row-height-v740) - 8px)!important;display:flex!important;align-items:center!important;padding:3px 5px!important;color:#1d1604!important;overflow:hidden!important}
.load-bar-v35 summary strong{display:block!important;width:100%!important;font-size:.74rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#1d1604!important}
.load-bar-v35 summary>span,.load-bar-v35 summary em,.load-bar-v35 summary small,.load-bar-v35 summary i.linked-project-v54{display:none!important}
.load-bar-v35[open],:root[data-theme="light"] .load-bar-v35[open]{grid-column:1/-1!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;margin:4px 3px!important;background:#fff2c7!important;z-index:60!important}
.load-bar-v35[open] summary,:root[data-theme="light"] .load-bar-v35[open] summary{height:auto!important;min-height:34px!important;max-height:none!important;background:#fbb90f!important;padding:5px 7px!important}
.load-bar-v35[open] summary strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:.86rem!important}
.load-detail-v33,:root[data-theme="light"] .load-detail-v33{overflow:visible!important;max-height:none!important;height:auto!important;padding:7px!important;background:#fff8df!important;color:#172033!important}
.load-info-v42,:root[data-theme="light"] .load-info-v42{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;max-height:none!important}.load-info-v42 span{padding:5px 6px!important;font-size:.66rem!important}.load-info-v42 b{font-size:.55rem!important}
.week-notes-v35,:root[data-theme="light"] .week-notes-v35{padding:0!important;background:#d1e0f3!important;border-left:1px solid rgba(45,65,98,.30)!important;min-width:0!important;overflow:visible!important}
.week-notes-head-v744{height:34px!important;display:grid!important;grid-template-columns:minmax(88px,.9fr) minmax(0,1fr)!important;gap:4px!important;align-items:center!important;padding:0 6px!important;background:#2f3b50!important;color:#fff!important;border-bottom:1px solid #1f2937!important;font-size:.64rem!important;text-transform:uppercase!important;letter-spacing:.03em!important}
.week-notes-grid-v744{display:grid!important;grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;grid-auto-rows:var(--week-row-height-v740)!important;min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.42) 0,rgba(255,255,255,.42) calc(var(--week-row-height-v740) - 1px),rgba(68,93,132,.30) calc(var(--week-row-height-v740) - 1px),rgba(68,93,132,.30) var(--week-row-height-v740))!important}
.week-note-form-v35,:root[data-theme="light"] .week-note-form-v35{height:calc(var(--week-row-height-v740) - 8px)!important;min-height:calc(var(--week-row-height-v740) - 8px)!important;margin:4px 5px!important;padding:3px!important;display:grid!important;grid-template-columns:minmax(82px,.9fr) minmax(0,1fr)!important;grid-template-areas:"chips note"!important;gap:4px!important;align-items:start!important;background:rgba(255,255,255,.54)!important;border:1px solid rgba(45,65,98,.18)!important;border-radius:7px!important;overflow:visible!important;position:relative!important}.week-note-form-v35>.entry-personal-v741{grid-area:chips!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-content:flex-start!important;gap:2px!important;max-width:none!important;overflow:visible!important}.week-note-details-v744{grid-area:note!important;min-width:0!important;position:relative!important}.week-note-details-v744 summary{pointer-events:auto!important;cursor:pointer!important;list-style:none!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;padding:3px 5px!important;border-radius:6px!important;background:#fff7df!important;border:1px solid rgba(126,86,6,.22)!important;color:#172033!important;font-size:.66rem!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.week-note-details-v744 summary::-webkit-details-marker{display:none!important}.week-note-details-v744[open]{z-index:80!important;background:#fff7df!important;border:1px solid rgba(126,86,6,.22)!important;border-radius:8px!important;padding:4px!important;box-shadow:0 12px 24px rgba(15,23,42,.20)!important}.week-note-details-v744[open] summary{margin-bottom:4px!important;background:#fbb90f!important}.week-note-details-v744 textarea{display:block!important;width:100%!important;min-height:74px!important;resize:vertical!important;border-radius:7px!important;font-size:.72rem!important;padding:5px!important;background:#fff!important;color:#172033!important}.week-note-details-v744 button{margin-top:4px!important;min-height:24px!important;padding:3px 7px!important;font-size:.68rem!important}.person-chip-v741{width:22px!important;min-width:22px!important;height:16px!important;border-radius:5px!important;font-size:.50rem!important}.person-chip-v741.busy-week{background:#fbb90f!important;color:#1f1604!important;border-color:rgba(126,86,6,.55)!important;text-shadow:none!important}.person-chip-v741.planned{background:#19884a!important}.person-chip-v741.unplanned{background:#b3262d!important}.week-notes-empty-v744{display:block!important;padding:8px!important;color:#172033!important;font-size:.72rem!important}
@media(max-width:1100px){.week-layout-v35{grid-template-columns:minmax(0,1fr) minmax(180px,24vw)!important}.week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:40px!important}.week-note-form-v35,:root[data-theme="light"] .week-note-form-v35{grid-template-columns:minmax(66px,.85fr) minmax(0,1fr)!important}.person-chip-v741{width:19px!important;min-width:19px!important;height:14px!important;font-size:.44rem!important}.week-note-details-v744 summary{font-size:.58rem!important}}
@media(max-width:760px){.week-card-v33{border-radius:10px!important}.week-card-v33>header{padding:4px 7px!important;min-height:24px!important}.week-card-v33>header strong{font-size:.75rem!important}.week-card-v33>header span{font-size:.62rem!important}.week-layout-v35{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(88px,24vw)!important;width:100%!important;overflow:visible!important}.week-main-v35,.week-days-v33,.week-bars-v35,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-bars-v35{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}.week-days-v33 .day-cell-v33{min-height:26px!important}.week-days-v33 .day-head-v33{min-height:26px!important;padding:2px 1px!important;grid-template-columns:1fr!important;text-align:center!important}.week-days-v33 .day-head-v33 span{font-size:.44rem!important}.week-days-v33 .day-head-v33 strong{font-size:.48rem!important}.week-days-v33 .day-add-v34{display:none!important}.week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:34px!important}.load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag{height:calc(var(--week-row-height-v740) - 6px)!important;min-height:calc(var(--week-row-height-v740) - 6px)!important;max-height:calc(var(--week-row-height-v740) - 6px)!important;margin:3px 1px!important;border-left-width:2px!important;border-radius:4px!important}.load-bar-v35 summary{height:calc(var(--week-row-height-v740) - 6px)!important;min-height:calc(var(--week-row-height-v740) - 6px)!important;padding:2px 3px!important}.load-bar-v35 summary strong{font-size:.46rem!important;line-height:1.05!important}.load-bar-v35[open]{max-width:calc(100% - 2px)!important;margin:3px 1px!important}.load-bar-v35[open] summary{min-height:28px!important}.load-bar-v35[open] summary strong{font-size:.64rem!important}.load-detail-v33{padding:5px!important}.load-info-v42,:root[data-theme="light"] .load-info-v42{grid-template-columns:1fr!important;gap:4px!important}.load-info-v42 span{font-size:.58rem!important;padding:4px!important}.week-notes-head-v744{height:26px!important;grid-template-columns:1fr!important;padding:0 2px!important;font-size:.42rem!important;gap:0!important}.week-notes-head-v744 strong:nth-child(2){display:none!important}.week-notes-grid-v744{grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important}.week-note-form-v35,:root[data-theme="light"] .week-note-form-v35{height:calc(var(--week-row-height-v740) - 6px)!important;min-height:calc(var(--week-row-height-v740) - 6px)!important;margin:3px 2px!important;padding:2px!important;grid-template-columns:1fr!important;grid-template-areas:"chips"!important}.week-note-form-v35>.entry-personal-v741{gap:1px!important;justify-content:center!important;align-content:center!important}.week-note-details-v744{position:absolute!important;right:0!important;top:100%!important;width:min(220px,86vw)!important;display:block!important}.week-note-details-v744:not([open]) summary{font-size:0!important;width:18px!important;height:16px!important;min-height:16px!important;padding:0!important;margin-left:auto!important}.week-note-details-v744:not([open]) summary::after{content:"N";font-size:.45rem!important}.week-note-details-v744[open]{right:0!important;top:0!important;transform:translateY(20px)!important}.person-chip-v741{width:15px!important;min-width:15px!important;height:11px!important;border-radius:3px!important;font-size:.34rem!important}.auslastung-form-v33,.auslastung-form-v33.compact{grid-template-columns:1fr!important}}


/* v7.45 Auslastung: feineres Personal rechts, Feiertage sichtbar, mobile volle Wochenbreite */
.week-layout-v35{grid-template-columns:minmax(0,1fr) minmax(280px,320px)!important;align-items:start!important}
.week-days-v33,.week-bars-v35,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-bars-v35{overflow:hidden!important}
.week-card-v33>header{padding:4px 9px!important;min-height:24px!important}
.week-card-v33>header strong{font-size:.82rem!important}
.week-card-v33>header span{font-size:.70rem!important}
.week-days-v33,.week-bars-v35,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:38px!important}
.week-days-v33 .day-cell-v33,:root[data-theme="light"] .week-days-v33 .day-cell-v33{min-height:44px!important;position:relative!important}
.week-days-v33 .day-head-v33{min-height:30px!important;padding:3px 4px 2px!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:3px!important;align-items:center!important}
.week-days-v33 .day-head-v33 .day-name-v745{font-size:.70rem!important;line-height:1.02!important;font-weight:800!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.week-days-v33 .day-head-v33 strong{font-size:.72rem!important;line-height:1!important}
.week-days-v33 .day-add-v34{width:16px!important;height:16px!important;min-width:16px!important;font-size:.62rem!important}
.week-days-v33 .holiday-chip-v33{display:block!important;margin:0 3px 2px!important;padding:1px 4px!important;border-radius:5px!important;font-size:.47rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:rgba(176,38,45,.16)!important;color:#ffefef!important;border:1px solid rgba(176,38,45,.30)!important}
.week-days-v33 .holiday-chip-v33 small{display:none!important}
:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-notes-head-v744{background:#42506a!important}
:root[data-theme="light"] .week-days-v33 .day-cell-v33{border-right:1px solid rgba(255,255,255,.22)!important}
.week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:38px!important;grid-auto-flow:row dense!important}
.load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag{height:calc(var(--week-row-height-v740) - 4px)!important;min-height:calc(var(--week-row-height-v740) - 4px)!important;max-height:calc(var(--week-row-height-v740) - 4px)!important;margin:2px 2px!important;background:#FECB8B!important;border-color:rgba(154,104,25,.55)!important;border-left-width:2px!important;border-radius:6px!important;align-self:stretch!important;box-sizing:border-box!important}
.load-bar-v35 summary{height:calc(var(--week-row-height-v740) - 4px)!important;min-height:calc(var(--week-row-height-v740) - 4px)!important;padding:2px 6px!important;background:transparent!important}
.load-bar-v35 summary strong{font-size:.70rem!important;line-height:1.08!important;color:#2b1d03!important}
.load-bar-v35[open],:root[data-theme="light"] .load-bar-v35[open]{margin:2px 2px!important;background:#fff1de!important}
.load-bar-v35[open] summary,:root[data-theme="light"] .load-bar-v35[open] summary{min-height:30px!important;background:#FECB8B!important}
.load-detail-v33,:root[data-theme="light"] .load-detail-v33{background:#fff8ef!important;padding:8px!important}
.load-info-v42 span{font-size:.64rem!important;padding:5px 6px!important}
.load-info-v42 b{font-size:.54rem!important}
.week-notes-v35,:root[data-theme="light"] .week-notes-v35{background:#d7e3f4!important}
.week-notes-head-v744{height:30px!important;grid-template-columns:minmax(130px,1fr) minmax(92px,.9fr)!important;padding:0 6px!important;font-size:.62rem!important}
.week-notes-grid-v744{grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;grid-auto-rows:var(--week-row-height-v740)!important}
.week-note-form-v35.week-note-form-v745,:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{height:calc(var(--week-row-height-v740) - 4px)!important;min-height:calc(var(--week-row-height-v740) - 4px)!important;margin:2px 4px!important;padding:2px 4px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 90px!important;grid-template-areas:"chips note"!important;gap:6px!important;align-items:center!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(45,65,98,.16)!important;border-radius:6px!important;overflow:visible!important;box-sizing:border-box!important}
.week-note-personal-v745{grid-area:chips!important;min-width:0!important;display:flex!important;align-items:center!important;overflow:hidden!important}
.week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:3px!important;max-width:100%!important;overflow:hidden!important}
.week-note-details-v744.week-note-details-v745{grid-area:note!important;min-width:0!important;position:relative!important}
.week-note-details-v744.week-note-details-v745 summary{min-height:24px!important;padding:3px 6px!important;font-size:.62rem!important;justify-content:center!important}
.week-note-details-v744.week-note-details-v745[open]{position:absolute!important;right:0!important;top:0!important;min-width:min(300px,72vw)!important;max-width:min(360px,80vw)!important;z-index:90!important}
.week-note-details-v744.week-note-details-v745 textarea{min-height:84px!important;font-size:.70rem!important}
.person-chip-v741{width:auto!important;min-width:22px!important;height:16px!important;padding:0 4px!important;border-radius:4px!important;font-size:.56rem!important;font-weight:700!important;letter-spacing:.01em!important;text-shadow:none!important;box-shadow:none!important}
.person-chip-v741.planned{background:#19884a!important;color:#fff!important;border-color:rgba(15,92,49,.50)!important}
.person-chip-v741.unplanned{background:#b3262d!important;color:#fff!important;border-color:rgba(104,19,24,.48)!important}
.person-chip-v741.busy-week{background:#f3cf4d!important;color:#3c2d04!important;border-color:rgba(152,119,8,.46)!important}
@media(max-width:1100px){
  .week-layout-v35{grid-template-columns:minmax(0,1fr) minmax(230px,280px)!important}
  .week-notes-head-v744{grid-template-columns:minmax(108px,1fr) minmax(86px,.9fr)!important}
  .week-note-form-v35.week-note-form-v745,:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{grid-template-columns:minmax(0,1fr) 82px!important;gap:4px!important}
  .person-chip-v741{min-width:19px!important;height:15px!important;font-size:.50rem!important;padding:0 3px!important}
}
@media(max-width:900px){
  .week-layout-v35{grid-template-columns:1fr!important;gap:0!important}
  .week-notes-v35,:root[data-theme="light"] .week-notes-v35{border-left:none!important;border-top:1px solid rgba(45,65,98,.28)!important}
  .week-notes-head-v744{grid-template-columns:minmax(0,1fr) 92px!important}
}
@media(max-width:760px){
  .week-card-v33{border-radius:10px!important}
  .week-card-v33>header{padding:3px 7px!important;min-height:22px!important}
  .week-card-v33>header strong{font-size:.74rem!important}
  .week-card-v33>header span{font-size:.58rem!important}
  .week-layout-v35{grid-template-columns:1fr!important;width:100%!important;overflow:visible!important}
  .week-main-v35,.week-days-v33,.week-bars-v35,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-bars-v35{width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:hidden!important}
  .week-days-v33 .day-cell-v33{min-height:38px!important}
  .week-days-v33 .day-head-v33{min-height:24px!important;padding:2px 1px!important;grid-template-columns:1fr auto!important;gap:2px!important;text-align:left!important}
  .week-days-v33 .day-head-v33 .day-name-v745{font-size:.56rem!important}
  .week-days-v33 .day-head-v33 .day-name-v745::after{content:attr(data-short)!important;display:block!important}
  .week-days-v33 .day-head-v33 .day-name-v745{font-size:0!important}
  .week-days-v33 .day-head-v33 strong{font-size:.54rem!important}
  .week-days-v33 .day-add-v34{display:none!important}
  .week-days-v33 .holiday-chip-v33{margin:0 1px 1px!important;padding:1px 2px!important;font-size:.38rem!important;border-radius:3px!important}
  .week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:30px!important}
  .load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag{height:calc(var(--week-row-height-v740) - 2px)!important;min-height:calc(var(--week-row-height-v740) - 2px)!important;max-height:calc(var(--week-row-height-v740) - 2px)!important;margin:1px!important;border-radius:4px!important}
  .load-bar-v35 summary{height:calc(var(--week-row-height-v740) - 2px)!important;min-height:calc(var(--week-row-height-v740) - 2px)!important;padding:1px 3px!important}
  .load-bar-v35 summary strong{font-size:.48rem!important;line-height:1.04!important}
  .load-bar-v35[open],:root[data-theme="light"] .load-bar-v35[open]{grid-column:1/-1!important;margin:2px 1px!important;max-width:calc(100% - 2px)!important}
  .load-bar-v35[open] summary,:root[data-theme="light"] .load-bar-v35[open] summary{min-height:26px!important}
  .load-bar-v35[open] summary strong{font-size:.62rem!important}
  .load-detail-v33{padding:6px!important}
  .load-info-v42,:root[data-theme="light"] .load-info-v42{grid-template-columns:1fr!important;gap:4px!important}
  .load-info-v42 span{font-size:.56rem!important;padding:4px!important}
  .week-notes-head-v744{height:24px!important;grid-template-columns:minmax(0,1fr) 76px!important;padding:0 4px!important;font-size:.46rem!important}
  .week-note-form-v35.week-note-form-v745,:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{height:calc(var(--week-row-height-v740) - 2px)!important;min-height:calc(var(--week-row-height-v740) - 2px)!important;margin:1px 2px!important;padding:1px 2px!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:3px!important}
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{gap:1px!important}
  .week-note-details-v744.week-note-details-v745 summary{min-height:18px!important;padding:1px 3px!important;font-size:.44rem!important}
  .week-note-details-v744.week-note-details-v745[open]{position:relative!important;right:auto!important;top:auto!important;min-width:0!important;max-width:none!important;transform:none!important;margin-top:2px!important}
  .person-chip-v741{min-width:14px!important;height:11px!important;padding:0 2px!important;border-radius:3px!important;font-size:.36rem!important}
}


/* v7.46 Auslastung: eigene Projektzeile je Eintrag, rechts exakt zeilengleich, mobile Woche + Scrollbereich */
.year-calendar-v33{gap:8px!important}
.week-card-v33{overflow:hidden!important}
.week-layout-v35{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:0!important;align-items:start!important;width:100%!important;overflow:visible!important}
.week-main-v35{min-width:0!important;width:100%!important;overflow:hidden!important}
.week-days-v33,.week-bars-v35,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-bars-v35{grid-template-columns:repeat(7,minmax(0,1fr))!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.week-days-v33,.week-notes-head-v744,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-notes-head-v744{height:52px!important;min-height:52px!important;max-height:52px!important;background:#344055!important}
.week-days-v33 .day-cell-v33,:root[data-theme="light"] .week-days-v33 .day-cell-v33{min-height:52px!important;height:52px!important;max-height:52px!important;overflow:hidden!important;background:transparent!important;border-right:1px solid rgba(255,255,255,.24)!important}
.week-days-v33 .day-head-v33{min-height:34px!important;height:34px!important;padding:4px 5px 1px!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:4px!important;align-items:center!important}
.week-days-v33 .day-head-v33 .day-name-v745{font-size:.72rem!important;line-height:1!important;color:#fff!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:none!important}
.week-days-v33 .day-head-v33 strong{font-size:.72rem!important;color:#fff!important;line-height:1!important}
.week-days-v33 .day-add-v34{width:16px!important;height:16px!important;min-width:16px!important;font-size:.62rem!important}
.week-days-v33 .holiday-chip-v33{display:block!important;margin:0 4px 2px!important;padding:1px 4px!important;max-height:13px!important;border-radius:4px!important;font-size:.45rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:rgba(176,38,45,.22)!important;color:#fff3f3!important;border:1px solid rgba(176,38,45,.38)!important}
.week-days-v33 .holiday-chip-v33 small{display:none!important}
.week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:34px!important;grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;grid-auto-rows:var(--week-row-height-v740)!important;min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;align-items:stretch!important;padding:0!important}
.load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag{height:calc(var(--week-row-height-v740) - 4px)!important;min-height:calc(var(--week-row-height-v740) - 4px)!important;max-height:calc(var(--week-row-height-v740) - 4px)!important;margin:2px 2px!important;border-radius:5px!important;background:#FECB8B!important;border-left-width:2px!important;align-self:stretch!important;box-sizing:border-box!important;overflow:hidden!important}
.load-bar-v35 summary{height:calc(var(--week-row-height-v740) - 4px)!important;min-height:calc(var(--week-row-height-v740) - 4px)!important;padding:2px 6px!important;display:flex!important;align-items:center!important;background:transparent!important;color:#2b1d03!important}
.load-bar-v35 summary strong{font-size:.68rem!important;line-height:1.05!important;color:#2b1d03!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.load-bar-v35[open],:root[data-theme="light"] .load-bar-v35[open]{height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important;z-index:70!important;margin:2px 2px!important;background:#fff4e4!important}
.load-bar-v35[open] summary,:root[data-theme="light"] .load-bar-v35[open] summary{height:auto!important;min-height:28px!important;background:#FECB8B!important}
.load-bar-v35[open] summary strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:.80rem!important}
.load-detail-v33,:root[data-theme="light"] .load-detail-v33{overflow:visible!important;max-height:none!important;height:auto!important;background:#fff8ef!important;color:#172033!important}
.week-notes-v35,:root[data-theme="light"] .week-notes-v35{min-width:0!important;width:360px!important;max-width:360px!important;background:#d7e3f4!important;border-left:1px solid rgba(45,65,98,.32)!important;overflow:visible!important;padding:0!important}
.week-notes-head-v744{display:grid!important;grid-template-columns:minmax(0,1fr) 132px!important;gap:8px!important;align-items:center!important;padding:0 8px!important;color:#fff!important;border-bottom:1px solid rgba(15,23,42,.40)!important;font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.03em!important;box-sizing:border-box!important}
.week-notes-grid-v744{display:grid!important;grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;grid-auto-rows:var(--week-row-height-v740)!important;min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.43) 0,rgba(255,255,255,.43) calc(var(--week-row-height-v740) - 1px),rgba(68,93,132,.30) calc(var(--week-row-height-v740) - 1px),rgba(68,93,132,.30) var(--week-row-height-v740))!important}
.week-note-form-v35.week-note-form-v745,:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{height:calc(var(--week-row-height-v740) - 4px)!important;min-height:calc(var(--week-row-height-v740) - 4px)!important;max-height:calc(var(--week-row-height-v740) - 4px)!important;margin:2px 4px!important;padding:2px 4px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 128px!important;grid-template-areas:"chips note"!important;gap:8px!important;align-items:center!important;box-sizing:border-box!important;overflow:visible!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(45,65,98,.15)!important;border-radius:5px!important}
.week-note-personal-v745{grid-area:chips!important;min-width:0!important;display:flex!important;align-items:center!important;overflow:hidden!important}
.week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:3px!important;max-width:100%!important;overflow:hidden!important}
.week-note-details-v744.week-note-details-v745{grid-area:note!important;min-width:0!important;position:relative!important}
.week-note-details-v744.week-note-details-v745 summary{min-height:22px!important;height:22px!important;padding:2px 8px!important;border-radius:5px!important;font-size:.58rem!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.week-note-details-v744.week-note-details-v745[open]{position:absolute!important;right:0!important;top:0!important;min-width:300px!important;max-width:360px!important;z-index:100!important;max-height:none!important;overflow:visible!important}
.week-note-details-v744.week-note-details-v745[open] summary{height:auto!important;min-height:24px!important;background:#FECB8B!important}
.week-note-details-v744.week-note-details-v745 textarea{min-height:82px!important;color:#172033!important;background:#fff!important}
.person-chip-v741{width:auto!important;min-width:20px!important;height:15px!important;padding:0 4px!important;border-radius:4px!important;font-size:.52rem!important;font-weight:700!important;letter-spacing:0!important;line-height:1!important;text-shadow:none!important;box-shadow:none!important}
.person-chip-v741.busy-week{background:#f3cf4d!important;color:#3c2d04!important;border-color:rgba(152,119,8,.46)!important}
.person-chip-v741.planned{background:#19884a!important;color:#fff!important}
.person-chip-v741.unplanned{background:#b3262d!important;color:#fff!important}
@media(max-width:1100px){
  .week-layout-v35{grid-template-columns:minmax(0,1fr) 320px!important}
  .week-notes-v35,:root[data-theme="light"] .week-notes-v35{width:320px!important;max-width:320px!important}
  .week-notes-head-v744{grid-template-columns:minmax(0,1fr) 116px!important}
  .week-note-form-v35.week-note-form-v745,:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{grid-template-columns:minmax(0,1fr) 112px!important;gap:6px!important}
  .person-chip-v741{min-width:18px!important;height:14px!important;font-size:.46rem!important;padding:0 3px!important}
}
@media(max-width:760px){
  .week-card-v33{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;border-radius:10px!important}
  .week-card-v33>header{position:sticky!important;left:0!important;z-index:5!important;width:100vw!important;max-width:100%!important;box-sizing:border-box!important;padding:3px 7px!important;min-height:22px!important;background:#344055!important}
  .week-card-v33>header strong{font-size:.74rem!important}.week-card-v33>header span{font-size:.58rem!important}
  .week-layout-v35{display:grid!important;grid-template-columns:minmax(100vw,100vw) 260px!important;width:calc(100vw + 260px)!important;min-width:calc(100vw + 260px)!important;overflow:visible!important;align-items:start!important}
  .week-main-v35{width:100vw!important;min-width:100vw!important;max-width:100vw!important;overflow:hidden!important}
  .week-days-v33,.week-bars-v35,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-bars-v35{width:100vw!important;min-width:100vw!important;max-width:100vw!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:hidden!important}
  .week-days-v33,.week-notes-head-v744,:root[data-theme="light"] .week-days-v33,:root[data-theme="light"] .week-notes-head-v744{height:42px!important;min-height:42px!important;max-height:42px!important}
  .week-days-v33 .day-cell-v33{height:42px!important;min-height:42px!important;max-height:42px!important;overflow:hidden!important}
  .week-days-v33 .day-head-v33{height:28px!important;min-height:28px!important;padding:2px 2px 0!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px!important}
  .week-days-v33 .day-head-v33 .day-name-v745{font-size:0!important;color:#fff!important;overflow:visible!important;text-overflow:clip!important}
  .week-days-v33 .day-head-v33 .day-name-v745::after{content:attr(data-short)!important;font-size:.55rem!important;font-weight:900!important;display:inline!important;color:#fff!important}
  .week-days-v33 .day-head-v33 strong{font-size:.54rem!important;color:#fff!important}
  .week-days-v33 .day-add-v34{display:none!important}
  .week-days-v33 .holiday-chip-v33{margin:0 1px 1px!important;padding:1px 2px!important;font-size:.34rem!important;max-height:11px!important;border-radius:3px!important}
  .week-bars-v35,:root[data-theme="light"] .week-bars-v35{--week-row-height-v740:30px!important}
  .load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag{height:calc(var(--week-row-height-v740) - 2px)!important;min-height:calc(var(--week-row-height-v740) - 2px)!important;max-height:calc(var(--week-row-height-v740) - 2px)!important;margin:1px!important;border-radius:4px!important}
  .load-bar-v35 summary{height:calc(var(--week-row-height-v740) - 2px)!important;min-height:calc(var(--week-row-height-v740) - 2px)!important;padding:1px 3px!important}
  .load-bar-v35 summary strong{font-size:.48rem!important;line-height:1.04!important}
  .load-bar-v35[open],:root[data-theme="light"] .load-bar-v35[open]{grid-column:1/-1!important;margin:1px!important;max-width:calc(100vw - 2px)!important}
  .load-bar-v35[open] summary strong{font-size:.62rem!important}
  .load-info-v42,:root[data-theme="light"] .load-info-v42{grid-template-columns:1fr!important;gap:4px!important}.load-info-v42 span{font-size:.56rem!important;padding:4px!important}
  .week-notes-v35,:root[data-theme="light"] .week-notes-v35{width:260px!important;max-width:260px!important;min-width:260px!important;border-left:1px solid rgba(45,65,98,.32)!important;border-top:0!important}
  .week-notes-head-v744{grid-template-columns:minmax(0,1fr) 88px!important;padding:0 5px!important;font-size:.46rem!important;gap:4px!important}
  .week-note-form-v35.week-note-form-v745,:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{height:calc(var(--week-row-height-v740) - 2px)!important;min-height:calc(var(--week-row-height-v740) - 2px)!important;max-height:calc(var(--week-row-height-v740) - 2px)!important;margin:1px 2px!important;padding:1px 2px!important;grid-template-columns:minmax(0,1fr) 82px!important;gap:3px!important}
  .week-note-details-v744.week-note-details-v745 summary{height:18px!important;min-height:18px!important;padding:1px 4px!important;font-size:.42rem!important}
  .week-note-details-v744.week-note-details-v745[open]{position:absolute!important;right:0!important;top:0!important;min-width:230px!important;max-width:250px!important}
  .person-chip-v741{min-width:14px!important;height:11px!important;padding:0 2px!important;border-radius:3px!important;font-size:.34rem!important}
}


/* v7.47 Auslastung: weiße Zeilen, feinere Kürzel, mobile Zeilengleichheit */
.week-bars-v35,
:root[data-theme="light"] .week-bars-v35{
  background:#ffffff!important;
  background-image:repeating-linear-gradient(
    to bottom,
    #ffffff 0,
    #ffffff calc(var(--week-row-height-v740) - 1px),
    #d7dde6 calc(var(--week-row-height-v740) - 1px),
    #d7dde6 var(--week-row-height-v740)
  )!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}
.week-notes-v35,
:root[data-theme="light"] .week-notes-v35,
.week-notes-grid-v744{
  background:#ffffff!important;
}
.week-notes-grid-v744{
  background-image:repeating-linear-gradient(
    to bottom,
    #ffffff 0,
    #ffffff calc(var(--week-row-height-v740) - 1px),
    #d7dde6 calc(var(--week-row-height-v740) - 1px),
    #d7dde6 var(--week-row-height-v740)
  )!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  align-items:stretch!important;
}
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
  background:rgba(255,255,255,.92)!important;
  align-items:center!important;
  align-self:stretch!important;
}
.person-chip-v741{
  min-width:18px!important;
  height:15px!important;
  padding:0 3px!important;
  font-size:.42rem!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.person-chip-v741.planned,
.person-chip-v741.unplanned,
.person-chip-v741.busy-week{
  text-shadow:none!important;
}
@media(max-width:1100px){
  .person-chip-v741{
    min-width:17px!important;
    height:14px!important;
    font-size:.38rem!important;
    font-weight:500!important;
  }
}
@media(max-width:760px){
  .week-bars-v35,
  :root[data-theme="light"] .week-bars-v35,
  .week-notes-grid-v744{
    --week-row-height-v740:30px!important;
  }
  .load-bar-v35,
  .load-bar-v35.confirmed,
  .load-bar-v35.termin,
  .load-bar-v35.appointment,
  .load-bar-v35.request,
  .load-bar-v35.absence,
  .load-bar-v35.birthday,
  .load-bar-v35.geburtstag{
    height:calc(var(--week-row-height-v740) - 2px)!important;
    min-height:calc(var(--week-row-height-v740) - 2px)!important;
    max-height:calc(var(--week-row-height-v740) - 2px)!important;
    margin:1px!important;
  }
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    height:calc(var(--week-row-height-v740) - 2px)!important;
    min-height:calc(var(--week-row-height-v740) - 2px)!important;
    max-height:calc(var(--week-row-height-v740) - 2px)!important;
    margin:1px!important;
    padding:1px 2px!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    gap:2px!important;
    align-items:center!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
  .week-note-personal-v745,
  .week-note-details-v744.week-note-details-v745{
    align-self:center!important;
  }
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{
    gap:1px!important;
  }
  .person-chip-v741{
    min-width:13px!important;
    height:10px!important;
    padding:0 2px!important;
    font-size:.27rem!important;
    font-weight:500!important;
    border-radius:3px!important;
  }
}


/* v7.48 Auslastung: Details oben als Overlay, vertikale Tageslinien, rechts exakt zeilengleich */
.week-bars-v35,
:root[data-theme="light"] .week-bars-v35{
  background:#ffffff!important;
  background-image:linear-gradient(to right,
    transparent calc(14.285714% - .5px), #cfd6df calc(14.285714% - .5px), #cfd6df calc(14.285714% + .5px), transparent calc(14.285714% + .5px),
    transparent calc(28.571428% - .5px), #cfd6df calc(28.571428% - .5px), #cfd6df calc(28.571428% + .5px), transparent calc(28.571428% + .5px),
    transparent calc(42.857142% - .5px), #cfd6df calc(42.857142% - .5px), #cfd6df calc(42.857142% + .5px), transparent calc(42.857142% + .5px),
    transparent calc(57.142856% - .5px), #cfd6df calc(57.142856% - .5px), #cfd6df calc(57.142856% + .5px), transparent calc(57.142856% + .5px),
    transparent calc(71.42857% - .5px), #cfd6df calc(71.42857% - .5px), #cfd6df calc(71.42857% + .5px), transparent calc(71.42857% + .5px),
    transparent calc(85.714284% - .5px), #cfd6df calc(85.714284% - .5px), #cfd6df calc(85.714284% + .5px), transparent calc(85.714284% + .5px))!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  align-items:stretch!important;
}
.week-notes-grid-v744,
:root[data-theme="light"] .week-notes-grid-v744{
  background:#ffffff!important;
  background-image:none!important;
  align-items:stretch!important;
}
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744{
  --week-row-height-v740:36px!important;
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
}
.load-bar-v35,
.load-bar-v35.confirmed,
.load-bar-v35.termin,
.load-bar-v35.appointment,
.load-bar-v35.request,
.load-bar-v35.absence,
.load-bar-v35.birthday,
.load-bar-v35.geburtstag,
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
  height:calc(var(--week-row-height-v740) - 6px)!important;
  min-height:calc(var(--week-row-height-v740) - 6px)!important;
  max-height:calc(var(--week-row-height-v740) - 6px)!important;
  margin:3px 4px!important;
  box-sizing:border-box!important;
  align-self:start!important;
}
.load-bar-v35 summary{
  height:100%!important;
  min-height:0!important;
  padding:2px 7px!important;
}
.load-bar-v35 summary strong{font-size:.66rem!important;line-height:1.05!important}
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
  padding:2px 4px!important;
  align-items:center!important;
  background:rgba(255,255,255,.96)!important;
}
.week-note-details-v744.week-note-details-v745 summary{
  height:22px!important;
  min-height:22px!important;
  padding:2px 8px!important;
}
.week-card-v33{position:relative!important}
.load-bar-v35[open],
:root[data-theme="light"] .load-bar-v35[open]{
  position:fixed!important;
  left:max(12px, env(safe-area-inset-left))!important;
  right:max(12px, env(safe-area-inset-right))!important;
  top:max(12px, env(safe-area-inset-top))!important;
  width:auto!important;
  max-width:980px!important;
  margin:0 auto!important;
  z-index:9999!important;
  height:auto!important;
  min-height:auto!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:auto!important;
  border-radius:14px!important;
  background:#fff8ef!important;
  border:1px solid rgba(126,86,6,.42)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38)!important;
  padding:0!important;
}
.load-bar-v35[open] summary,
:root[data-theme="light"] .load-bar-v35[open] summary{
  height:auto!important;
  min-height:38px!important;
  max-height:none!important;
  padding:8px 12px!important;
  background:#FECB8B!important;
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  border-radius:14px 14px 0 0!important;
}
.load-bar-v35[open] summary strong{font-size:.95rem!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.load-bar-v35[open] .load-detail-v33,
:root[data-theme="light"] .load-bar-v35[open] .load-detail-v33{
  padding:12px!important;
  max-height:none!important;
  overflow:visible!important;
  background:#fff8ef!important;
}
.load-bar-v35[open] .load-info-v42,
:root[data-theme="light"] .load-bar-v35[open] .load-info-v42{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.load-bar-v35[open] .load-info-v42 span{font-size:.78rem!important;padding:8px!important}
.load-bar-v35[open] .load-info-v42 b{font-size:.64rem!important}
@media(max-width:760px){
  .week-bars-v35,
  .week-notes-grid-v744,
  :root[data-theme="light"] .week-bars-v35,
  :root[data-theme="light"] .week-notes-grid-v744{
    --week-row-height-v740:30px!important;
  }
  .load-bar-v35,
  .load-bar-v35.confirmed,
  .load-bar-v35.termin,
  .load-bar-v35.appointment,
  .load-bar-v35.request,
  .load-bar-v35.absence,
  .load-bar-v35.birthday,
  .load-bar-v35.geburtstag,
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    height:calc(var(--week-row-height-v740) - 4px)!important;
    min-height:calc(var(--week-row-height-v740) - 4px)!important;
    max-height:calc(var(--week-row-height-v740) - 4px)!important;
    margin:2px 2px!important;
    align-self:start!important;
  }
  .load-bar-v35 summary{height:100%!important;padding:1px 3px!important}
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    padding:1px 2px!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    align-items:center!important;
  }
  .week-note-details-v744.week-note-details-v745 summary{height:18px!important;min-height:18px!important;padding:1px 4px!important}
  .load-bar-v35[open],
  :root[data-theme="light"] .load-bar-v35[open]{
    left:8px!important;
    right:8px!important;
    top:8px!important;
    max-width:none!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:12px!important;
  }
  .load-bar-v35[open] summary,
  :root[data-theme="light"] .load-bar-v35[open] summary{
    min-height:34px!important;
    padding:7px 9px!important;
    border-radius:12px 12px 0 0!important;
  }
  .load-bar-v35[open] summary strong{font-size:.82rem!important}
  .load-bar-v35[open] .load-detail-v33,
  :root[data-theme="light"] .load-bar-v35[open] .load-detail-v33{padding:9px!important}
  .load-bar-v35[open] .load-info-v42,
  :root[data-theme="light"] .load-bar-v35[open] .load-info-v42{grid-template-columns:1fr!important;gap:6px!important}
}


/* v7.49 Auslastung: mobile Personal/Notizen kompakter und exakt zeilengleich */
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744{
  align-content:start!important;
}
.load-bar-v35,
.load-bar-v35.confirmed,
.load-bar-v35.termin,
.load-bar-v35.appointment,
.load-bar-v35.request,
.load-bar-v35.absence,
.load-bar-v35.birthday,
.load-bar-v35.geburtstag,
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
  margin:1px 2px!important;
  height:calc(var(--week-row-height-v740) - 2px)!important;
  min-height:calc(var(--week-row-height-v740) - 2px)!important;
  max-height:calc(var(--week-row-height-v740) - 2px)!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
}
.load-bar-v35 summary{
  padding:2px 6px!important;
}
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
  padding:0 3px!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:4px!important;
}
.week-note-personal-v745,
.week-note-details-v744.week-note-details-v745{
  align-self:center!important;
}
.week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:2px!important;
  height:100%!important;
  overflow:hidden!important;
}
.person-chip-v741{
  min-width:17px!important;
  height:13px!important;
  padding:0 3px!important;
  font-size:.34rem!important;
  font-weight:400!important;
  line-height:1!important;
}
.week-note-details-v744.week-note-details-v745 summary{
  width:100%!important;
  min-width:0!important;
  height:18px!important;
  min-height:18px!important;
  padding:1px 6px!important;
  font-size:.50rem!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .week-layout-v35{
    grid-template-columns:minmax(100vw,100vw) 220px!important;
    width:calc(100vw + 220px)!important;
    min-width:calc(100vw + 220px)!important;
  }
  .week-notes-v35,
  :root[data-theme="light"] .week-notes-v35{
    width:220px!important;
    max-width:220px!important;
    min-width:220px!important;
  }
  .week-notes-head-v744{
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:3px!important;
    padding:0 4px!important;
  }
  .week-bars-v35,
  .week-notes-grid-v744,
  :root[data-theme="light"] .week-bars-v35,
  :root[data-theme="light"] .week-notes-grid-v744{
    --week-row-height-v740:32px!important;
  }
  .load-bar-v35,
  .load-bar-v35.confirmed,
  .load-bar-v35.termin,
  .load-bar-v35.appointment,
  .load-bar-v35.request,
  .load-bar-v35.absence,
  .load-bar-v35.birthday,
  .load-bar-v35.geburtstag,
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    margin:0 1px!important;
    height:var(--week-row-height-v740)!important;
    min-height:var(--week-row-height-v740)!important;
    max-height:var(--week-row-height-v740)!important;
    align-self:stretch!important;
  }
  .load-bar-v35 summary{
    padding:1px 4px!important;
    height:100%!important;
  }
  .load-bar-v35 summary strong{
    font-size:.47rem!important;
  }
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    padding:0 2px!important;
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:2px!important;
    border-radius:4px!important;
  }
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{
    gap:1px!important;
    justify-content:flex-start!important;
  }
  .person-chip-v741{
    min-width:11px!important;
    height:9px!important;
    padding:0 1px!important;
    font-size:.20rem!important;
    font-weight:400!important;
    border-radius:2px!important;
  }
  .week-note-details-v744.week-note-details-v745 summary{
    height:16px!important;
    min-height:16px!important;
    padding:0 3px!important;
    font-size:.34rem!important;
  }
  .week-note-details-v744.week-note-details-v745[open]{
    min-width:210px!important;
    max-width:218px!important;
  }
}
\n\n/* v7.50 Auslastung: klickbare Projektnotiz, lesbarer Terminbutton, mobiles Detail unter Woche */\n.week-note-details-v744.week-note-details-v745{\n  position:relative!important;\n  display:block!important;\n  width:100%!important;\n  min-width:0!important;\n  overflow:visible!important;\n  z-index:6!important;\n}\n.week-note-details-v744.week-note-details-v745 summary,\n.week-note-details-v744.week-note-details-v745 > summary{\n  cursor:pointer!important;\n  pointer-events:auto!important;\n  position:relative!important;\n  z-index:7!important;\n  width:100%!important;\n  max-width:100%!important;\n  box-sizing:border-box!important;\n}\n.week-note-details-v744.week-note-details-v745 summary::after{content:none!important}\n.week-note-details-v744.week-note-details-v745[open]{\n  z-index:50!important;\n  background:#fff8ef!important;\n  border:1px solid rgba(126,86,6,.28)!important;\n  box-shadow:0 10px 24px rgba(15,23,42,.16)!important;\n}\n.load-actions-v33 .btn,\n.load-actions-v33 .btn.mini,\n.load-bar-v35[open] .load-actions-v33 .btn,\n.mobile-project-panel-v750 .load-actions-v33 .btn{\n  background:#1f4b8f!important;\n  color:#ffffff!important;\n  border:1px solid #153564!important;\n}\n.load-actions-v33 .btn:hover,\n.mobile-project-panel-v750 .load-actions-v33 .btn:hover{\n  background:#173b71!important;\n  color:#ffffff!important;\n}\n@media(max-width:760px){\n  .week-bars-v35,\n  .week-notes-grid-v744,\n  :root[data-theme="light"] .week-bars-v35,\n  :root[data-theme="light"] .week-notes-grid-v744{\n    --week-row-height-v740:32px!important;\n  }\n  .load-bar-v35,\n  .load-bar-v35.confirmed,\n  .load-bar-v35.termin,\n  .load-bar-v35.appointment,\n  .load-bar-v35.request,\n  .load-bar-v35.absence,\n  .load-bar-v35.birthday,\n  .load-bar-v35.geburtstag,\n  .week-note-form-v35.week-note-form-v745,\n  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{\n    height:calc(var(--week-row-height-v740) - 2px)!important;\n    min-height:calc(var(--week-row-height-v740) - 2px)!important;\n    max-height:calc(var(--week-row-height-v740) - 2px)!important;\n    margin:1px!important;\n    align-self:stretch!important;\n    box-sizing:border-box!important;\n  }\n  .week-layout-v35{\n    grid-template-columns:minmax(100vw,100vw) 210px!important;\n    width:calc(100vw + 210px)!important;\n    min-width:calc(100vw + 210px)!important;\n  }\n  .week-notes-v35,\n  :root[data-theme="light"] .week-notes-v35{\n    width:210px!important;\n    max-width:210px!important;\n    min-width:210px!important;\n  }\n  .week-notes-head-v744{\n    grid-template-columns:minmax(0,1fr) 68px!important;\n    padding:0 3px!important;\n    gap:2px!important;\n  }\n  .week-note-form-v35.week-note-form-v745,\n  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{\n    grid-template-columns:minmax(0,1fr) 68px!important;\n    gap:2px!important;\n    padding:0 2px!important;\n    overflow:visible!important;\n  }\n  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{\n    gap:1px!important;\n    flex-wrap:nowrap!important;\n    overflow:hidden!important;\n  }\n  .person-chip-v741{\n    min-width:10px!important;\n    height:8px!important;\n    padding:0 1px!important;\n    font-size:.19rem!important;\n    font-weight:400!important;\n    border-radius:2px!important;\n  }\n  .week-note-details-v744.week-note-details-v745{\n    position:relative!important;\n    width:100%!important;\n  }\n  .week-note-details-v744.week-note-details-v745:not([open]) summary{\n    width:100%!important;\n    height:16px!important;\n    min-height:16px!important;\n    padding:0 2px!important;\n    font-size:.32rem!important;\n    line-height:1!important;\n    overflow:hidden!important;\n    text-overflow:ellipsis!important;\n    white-space:nowrap!important;\n    justify-content:center!important;\n  }\n  .week-note-details-v744.week-note-details-v745[open]{\n    position:fixed!important;\n    left:8px!important;\n    right:8px!important;\n    bottom:8px!important;\n    top:auto!important;\n    min-width:0!important;\n    max-width:none!important;\n    z-index:10001!important;\n    border-radius:12px!important;\n  }\n  .week-note-details-v744.week-note-details-v745[open] summary{\n    height:26px!important;\n    min-height:26px!important;\n    font-size:.62rem!important;\n    padding:4px 8px!important;\n  }\n  .mobile-project-panel-v750{\n    display:none!important;\n  }\n  .mobile-project-panel-v750.open{\n    display:block!important;\n    width:100%!important;\n    padding:6px 6px 8px!important;\n    box-sizing:border-box!important;\n    background:#f6f8fb!important;\n    border-top:1px solid rgba(45,65,98,.18)!important;\n  }\n  .mobile-project-panel-inner-v750{\n    background:#fff8ef!important;\n    border:1px solid rgba(126,86,6,.30)!important;\n    border-radius:12px!important;\n    overflow:hidden!important;\n    box-shadow:0 14px 34px rgba(15,23,42,.18)!important;\n  }\n  .mobile-project-panel-head-v750{\n    display:flex!important;\n    align-items:center!important;\n    justify-content:space-between!important;\n    gap:8px!important;\n    padding:8px 10px!important;\n    background:#FECB8B!important;\n    color:#2b1d03!important;\n  }\n  .mobile-project-panel-head-v750 strong{\n    font-size:.70rem!important;\n    line-height:1.15!important;\n  }\n  .mobile-project-panel-close-v750{\n    appearance:none!important;\n    border:1px solid rgba(43,29,3,.24)!important;\n    background:#fff8ef!important;\n    color:#2b1d03!important;\n    border-radius:999px!important;\n    width:28px!important;\n    height:28px!important;\n    min-width:28px!important;\n    font-size:1rem!important;\n    line-height:1!important;\n  }\n  .mobile-project-panel-content-v750{\n    padding:10px!important;\n  }\n  .mobile-project-panel-content-v750 .load-detail-v33{\n    padding:0!important;\n    background:transparent!important;\n  }\n  .mobile-project-panel-content-v750 .load-info-v42,\n  .mobile-project-panel-content-v750 .load-info-v42 span{\n    display:grid!important;\n    grid-template-columns:1fr!important;\n  }\n  .mobile-project-panel-content-v750 .load-info-v42{gap:6px!important}\n  .mobile-project-panel-content-v750 .load-info-v42 span{font-size:.68rem!important;padding:7px!important}\n  .mobile-project-panel-content-v750 .load-info-v42 b{font-size:.56rem!important}\n  .mobile-project-panel-content-v750 .load-actions-v33{margin-top:8px!important}\n  .mobile-project-panel-content-v750 .load-actions-v33 .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:6px 10px!important;font-size:.70rem!important}\n  .mobile-project-panel-content-v750 .edit-inline-v33{margin-top:8px!important}\n}\n

/* v7.51 Auslastung: mobile Rechte-Spalte sauber zeilengleich + iPhone-Termin in Darkmode lesbar */
.load-actions-v33 a.btn,
.load-actions-v33 a.btn:visited,
.load-actions-v33 .btn,
.load-actions-v33 .btn:visited,
.mobile-project-panel-v750 .load-actions-v33 a.btn,
.mobile-project-panel-v750 .load-actions-v33 a.btn:visited,
:root[data-theme="dark"] .load-actions-v33 a.btn,
:root[data-theme="dark"] .load-actions-v33 a.btn:visited,
:root[data-theme="dark"] .mobile-project-panel-v750 .load-actions-v33 a.btn,
:root[data-theme="dark"] .mobile-project-panel-v750 .load-actions-v33 a.btn:visited,
.load-bar-v35[open] .load-actions-v33 a.btn,
.load-bar-v35[open] .load-actions-v33 a.btn:visited,
:root[data-theme="dark"] .load-bar-v35[open] .load-actions-v33 a.btn,
:root[data-theme="dark"] .load-bar-v35[open] .load-actions-v33 a.btn:visited {
  background:#2563eb!important;
  border:1px solid #1d4ed8!important;
  color:#ffffff!important;
  text-decoration:none!important;
  text-shadow:none!important;
}
.load-actions-v33 a.btn *,
.load-actions-v33 .btn *,
.mobile-project-panel-v750 .load-actions-v33 a.btn *,
.load-bar-v35[open] .load-actions-v33 a.btn * {
  color:#ffffff!important;
}

@media(max-width:760px){
  .week-layout-v35{
    grid-template-columns:minmax(100vw,100vw) 224px!important;
    width:calc(100vw + 224px)!important;
    min-width:calc(100vw + 224px)!important;
  }
  .week-notes-v35,
  :root[data-theme="light"] .week-notes-v35{
    width:224px!important;
    max-width:224px!important;
    min-width:224px!important;
  }
  .week-notes-head-v744{
    grid-template-columns:minmax(0,1fr) 82px!important;
    gap:2px!important;
    padding:0 3px!important;
  }
  .week-bars-v35,
  .week-notes-grid-v744,
  :root[data-theme="light"] .week-bars-v35,
  :root[data-theme="light"] .week-notes-grid-v744{
    --week-row-height-v740:30px!important;
    min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
    grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
    grid-auto-rows:var(--week-row-height-v740)!important;
    align-content:start!important;
  }
  .load-bar-v35,
  .load-bar-v35.confirmed,
  .load-bar-v35.termin,
  .load-bar-v35.appointment,
  .load-bar-v35.request,
  .load-bar-v35.absence,
  .load-bar-v35.birthday,
  .load-bar-v35.geburtstag,
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    height:calc(var(--week-row-height-v740) - 2px)!important;
    min-height:calc(var(--week-row-height-v740) - 2px)!important;
    max-height:calc(var(--week-row-height-v740) - 2px)!important;
    margin:1px!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }
  .load-bar-v35 summary{
    height:100%!important;
    min-height:0!important;
    padding:1px 4px!important;
  }
  .load-bar-v35 summary strong{
    font-size:.46rem!important;
    line-height:1.02!important;
  }
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    grid-template-areas:"chips note"!important;
    gap:2px!important;
    padding:0 2px!important;
    align-items:stretch!important;
    background:rgba(255,255,255,.98)!important;
    overflow:visible!important;
  }
  .week-note-personal-v745{
    display:flex!important;
    align-items:center!important;
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:1px!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .person-chip-v741{
    min-width:11px!important;
    height:9px!important;
    padding:0 1px!important;
    font-size:.20rem!important;
    font-weight:400!important;
    line-height:1!important;
    border-radius:2px!important;
  }
  .week-note-details-v744.week-note-details-v745{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    align-self:stretch!important;
    overflow:visible!important;
  }
  .week-note-details-v744.week-note-details-v745:not([open]){
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    padding:0!important;
  }
  .week-note-details-v744.week-note-details-v745:not([open]) summary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 2px!important;
    font-size:.34rem!important;
    line-height:1!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .week-note-details-v744.week-note-details-v745[open]{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    top:auto!important;
    min-width:0!important;
    max-width:none!important;
    z-index:10001!important;
    border-radius:12px!important;
  }
  .week-note-details-v744.week-note-details-v745[open] summary{
    height:26px!important;
    min-height:26px!important;
    font-size:.62rem!important;
    padding:4px 8px!important;
  }
  .mobile-project-panel-content-v750 .load-actions-v33 a.btn,
  .load-bar-v35[open] .load-actions-v33 a.btn{
    background:#2563eb!important;
    color:#fff!important;
    border-color:#1d4ed8!important;
  }
}


/* v7.52 Auslastung: finaler Mobile-Rasterfix statt zu schmaler Notizspalte
   Ursache war die Kaskade alter Mobile-Overrides: die rechte Spalte wurde immer schmaler
   und dadurch wurden Kürzel/Notizen zerquetscht. Mobile nutzt jetzt wieder eine breite,
   horizontal scrollbar rechte Spalte mit exakt gleichem Grid-Raster wie die Projekte. */
.load-actions-v33 a.btn,
.load-actions-v33 a.btn.mini,
.load-actions-v33 .btn,
.mobile-project-panel-v750 .load-actions-v33 a.btn,
.mobile-project-panel-v750 .load-actions-v33 a.btn.mini,
.load-bar-v35[open] .load-actions-v33 a.btn,
.load-bar-v35[open] .load-actions-v33 a.btn.mini,
:root[data-theme="dark"] .load-actions-v33 a.btn,
:root[data-theme="dark"] .load-actions-v33 a.btn.mini,
:root[data-theme="dark"] .mobile-project-panel-v750 .load-actions-v33 a.btn,
:root[data-theme="dark"] .load-bar-v35[open] .load-actions-v33 a.btn{
  background:#2563eb!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#1d4ed8!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.load-actions-v33 a.btn *,
.mobile-project-panel-v750 .load-actions-v33 a.btn *,
.load-bar-v35[open] .load-actions-v33 a.btn *{color:#fff!important}

@media(max-width:760px){
  .week-card-v33{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important}
  .week-layout-v35{
    grid-template-columns:minmax(100vw,100vw) 380px!important;
    width:calc(100vw + 380px)!important;
    min-width:calc(100vw + 380px)!important;
    align-items:start!important;
    gap:0!important;
  }
  .week-main-v35{width:100vw!important;min-width:100vw!important;max-width:100vw!important;overflow:hidden!important}
  .week-notes-v35,
  :root[data-theme="light"] .week-notes-v35{
    width:380px!important;
    min-width:380px!important;
    max-width:380px!important;
    overflow:visible!important;
    background:#fff!important;
  }
  .week-days-v33,
  .week-notes-head-v744,
  :root[data-theme="light"] .week-days-v33,
  :root[data-theme="light"] .week-notes-head-v744{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
  }
  .week-notes-head-v744{
    display:grid!important;
    grid-template-columns:240px 140px!important;
    gap:0!important;
    padding:0 8px!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }
  .week-bars-v35,
  .week-notes-grid-v744,
  :root[data-theme="light"] .week-bars-v35,
  :root[data-theme="light"] .week-notes-grid-v744{
    --week-row-height-v740:34px!important;
    display:grid!important;
    grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
    grid-auto-rows:var(--week-row-height-v740)!important;
    min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
    align-content:start!important;
    background:#fff!important;
  }
  .week-bars-v35{background-image:linear-gradient(to right,
    transparent calc(14.285714% - .5px),#cfd6df calc(14.285714% - .5px),#cfd6df calc(14.285714% + .5px),transparent calc(14.285714% + .5px),
    transparent calc(28.571428% - .5px),#cfd6df calc(28.571428% - .5px),#cfd6df calc(28.571428% + .5px),transparent calc(28.571428% + .5px),
    transparent calc(42.857142% - .5px),#cfd6df calc(42.857142% - .5px),#cfd6df calc(42.857142% + .5px),transparent calc(42.857142% + .5px),
    transparent calc(57.142856% - .5px),#cfd6df calc(57.142856% - .5px),#cfd6df calc(57.142856% + .5px),transparent calc(57.142856% + .5px),
    transparent calc(71.42857% - .5px),#cfd6df calc(71.42857% - .5px),#cfd6df calc(71.42857% + .5px),transparent calc(71.42857% + .5px),
    transparent calc(85.714284% - .5px),#cfd6df calc(85.714284% - .5px),#cfd6df calc(85.714284% + .5px),transparent calc(85.714284% + .5px))!important}
  .load-bar-v35,
  .load-bar-v35.confirmed,
  .load-bar-v35.termin,
  .load-bar-v35.appointment,
  .load-bar-v35.request,
  .load-bar-v35.absence,
  .load-bar-v35.birthday,
  .load-bar-v35.geburtstag,
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    height:var(--week-row-height-v740)!important;
    min-height:var(--week-row-height-v740)!important;
    max-height:var(--week-row-height-v740)!important;
    margin:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .load-bar-v35{border-radius:0!important;border-top:3px solid #fff!important;border-bottom:3px solid #fff!important;border-left-width:2px!important}
  .load-bar-v35 summary{height:100%!important;min-height:0!important;padding:1px 5px!important;display:flex!important;align-items:center!important}
  .load-bar-v35 summary strong{font-size:.48rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    display:grid!important;
    grid-template-columns:240px 140px!important;
    grid-template-areas:"chips note"!important;
    gap:0!important;
    padding:3px 8px!important;
    background:#fff!important;
    border:1px solid #e3e7ee!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    align-items:center!important;
  }
  .week-note-personal-v745{grid-area:chips!important;height:100%!important;display:flex!important;align-items:center!important;overflow:hidden!important;min-width:0!important}
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;
    height:auto!important;
    overflow:hidden!important;
    max-width:100%!important;
  }
  .person-chip-v741{
    min-width:27px!important;
    width:27px!important;
    height:18px!important;
    padding:0!important;
    font-size:.58rem!important;
    font-weight:500!important;
    line-height:18px!important;
    text-align:center!important;
    border-radius:4px!important;
    display:inline-block!important;
  }
  .week-note-details-v744.week-note-details-v745{grid-area:note!important;height:100%!important;width:100%!important;position:relative!important;display:flex!important;align-items:center!important;overflow:visible!important;min-width:0!important}
  .week-note-details-v744.week-note-details-v745:not([open]){border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
  .week-note-details-v744.week-note-details-v745:not([open]) summary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:22px!important;
    min-height:22px!important;
    margin:0!important;
    padding:0 7px!important;
    font-size:.54rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }
  .week-note-details-v744.week-note-details-v745[open]{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    top:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    z-index:10001!important;
    border-radius:12px!important;
    overflow:visible!important;
  }
  .week-note-details-v744.week-note-details-v745[open] summary{height:28px!important;min-height:28px!important;font-size:.72rem!important;padding:4px 10px!important}
  .mobile-project-panel-v750.open{display:block!important;width:100%!important;padding:7px!important;box-sizing:border-box!important;background:#f6f8fb!important;border-top:1px solid rgba(45,65,98,.18)!important}
}


/* v7.53 Auslastung: Wochen wachsen zuverlässig + mobiler Notizbutton sichtbar */
.week-card-v33,
.week-layout-v35,
.week-main-v35,
.week-notes-v35,
.week-bars-v35,
.week-notes-grid-v744{
  height:auto!important;
  max-height:none!important;
}
.week-card-v33{overflow-x:auto!important;overflow-y:visible!important}
.week-layout-v35{align-items:stretch!important}
.week-main-v35,.week-notes-v35{align-self:stretch!important}
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744{
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
  min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  max-height:none!important;
  align-content:start!important;
  overflow:visible!important;
}
.week-note-details-v744.week-note-details-v745,
.week-note-details-v744.week-note-details-v745:not([open]),
.week-note-details-v744.week-note-details-v745 summary{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.week-note-details-v744.week-note-details-v745 summary{
  cursor:pointer!important;
}
@media(max-width:760px){
  .week-card-v33{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important}
  .week-layout-v35{
    grid-template-columns:minmax(100vw,100vw) minmax(100vw,100vw)!important;
    width:200vw!important;
    min-width:200vw!important;
    max-width:none!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .week-main-v35{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    overflow:hidden!important;
  }
  .week-notes-v35,
  :root[data-theme="light"] .week-notes-v35{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    overflow:visible!important;
    background:#fff!important;
    align-self:stretch!important;
  }
  .week-notes-head-v744{
    display:grid!important;
    grid-template-columns:minmax(0,62vw) minmax(0,38vw)!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    gap:0!important;
    padding:0 5px!important;
    box-sizing:border-box!important;
  }
  .week-notes-head-v744 strong,
  .week-notes-head-v744 strong:nth-child(2){
    display:flex!important;
    align-items:center!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:.48rem!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .week-bars-v35,
  .week-notes-grid-v744,
  :root[data-theme="light"] .week-bars-v35,
  :root[data-theme="light"] .week-notes-grid-v744{
    --week-row-height-v740:34px!important;
    grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
    grid-auto-rows:var(--week-row-height-v740)!important;
    min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
    height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
    max-height:none!important;
    overflow:visible!important;
    align-content:start!important;
  }
  .load-bar-v35,
  .load-bar-v35.confirmed,
  .load-bar-v35.termin,
  .load-bar-v35.appointment,
  .load-bar-v35.request,
  .load-bar-v35.absence,
  .load-bar-v35.birthday,
  .load-bar-v35.geburtstag,
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    height:calc(var(--week-row-height-v740) - 2px)!important;
    min-height:calc(var(--week-row-height-v740) - 2px)!important;
    max-height:calc(var(--week-row-height-v740) - 2px)!important;
    margin:1px!important;
    align-self:start!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
    display:grid!important;
    grid-template-columns:minmax(0,62vw) minmax(0,38vw)!important;
    grid-template-areas:"chips note"!important;
    width:calc(100vw - 2px)!important;
    max-width:calc(100vw - 2px)!important;
    padding:2px 5px!important;
    gap:4px!important;
    background:#fff!important;
    border:1px solid #e3e7ee!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  .week-note-personal-v745{grid-area:chips!important;min-width:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;height:100%!important}
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;
    overflow:hidden!important;
    max-width:100%!important;
  }
  .person-chip-v741{
    min-width:25px!important;
    width:25px!important;
    height:17px!important;
    line-height:17px!important;
    padding:0!important;
    font-size:.54rem!important;
    font-weight:500!important;
    border-radius:4px!important;
    text-align:center!important;
    display:inline-block!important;
  }
  .week-note-details-v744.week-note-details-v745{
    grid-area:note!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
  }
  .week-note-details-v744.week-note-details-v745:not([open]){
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
  }
  .week-note-details-v744.week-note-details-v745:not([open]) summary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0 6px!important;
    font-size:.50rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
  }
  .week-note-details-v744.week-note-details-v745:not([open]) summary::after{content:none!important}
  .week-note-details-v744.week-note-details-v745[open]{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    top:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    z-index:10001!important;
    border-radius:12px!important;
  }
}


/* v7.56 Auslastung: Speichern/Anzeige robuster, Projektnotiz Whitemode klickbar */
.load-bar-v35.newly-saved-v756,
:root[data-theme="light"] .load-bar-v35.newly-saved-v756{
  outline:3px solid rgba(37,99,235,.75)!important;
  outline-offset:1px!important;
}
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
  pointer-events:auto!important;
  position:relative!important;
  z-index:5!important;
  overflow:visible!important;
}
.week-note-personal-v745{
  position:relative!important;
  z-index:1!important;
  pointer-events:auto!important;
}
.week-note-details-v744.week-note-details-v745,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
  overflow:visible!important;
}
.week-note-details-v744.week-note-details-v745 > summary,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745 > summary{
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none!important;
  position:relative!important;
  z-index:21!important;
  background:#fff7df!important;
  color:#172033!important;
  border:1px solid rgba(126,86,6,.30)!important;
}
.week-note-details-v744.week-note-details-v745[open],
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open]{
  z-index:200!important;
}
.week-note-details-v744.week-note-details-v745[open] > summary,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open] > summary{
  background:#FECB8B!important;
  color:#2b1d03!important;
}
.week-note-details-v744.week-note-details-v745 textarea,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745 textarea{
  pointer-events:auto!important;
  color:#172033!important;
  background:#fff!important;
}
.week-note-details-v744.week-note-details-v745 button,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745 button{
  pointer-events:auto!important;
}
@media(max-width:760px){
  .week-note-details-v744.week-note-details-v745:not([open]) > summary,
  :root[data-theme="light"] .week-note-details-v744.week-note-details-v745:not([open]) > summary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:18px!important;
    height:18px!important;
    font-size:.44rem!important;
    padding:0 4px!important;
    background:#fff7df!important;
    color:#172033!important;
    border:1px solid rgba(126,86,6,.30)!important;
    opacity:1!important;
    visibility:visible!important;
  }
}


/* v7.57 Auslastung: gespeicherte Einträge robust anzeigen + Notiz klickbar */
.load-bar-v35.newly-saved-v757{
  outline:3px solid rgba(37,99,235,.55)!important;
  box-shadow:0 0 0 5px rgba(37,99,235,.18)!important;
}
.week-note-details-v744.week-note-details-v745,
.week-note-details-v744.week-note-details-v745 summary,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745 summary{
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:100!important;
  opacity:1!important;
  visibility:visible!important;
}
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745{
  overflow:visible!important;
}
.week-note-details-v744.week-note-details-v745:not([open]) summary,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745:not([open]) summary{
  background:#fff7df!important;
  color:#172033!important;
  border:1px solid rgba(126,86,6,.32)!important;
}


/* v7.58 Auslastung: Projektnotiz öffnet wie Projekt, Tagesnamen wieder MO DI MI */
.week-days-v33 .day-head-v33 .day-name-v745,
.week-days-v33 .day-head-v33 .day-name-v745::after{
  text-transform:uppercase!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.week-note-details-v744.week-note-details-v745[open],
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open]{
  position:fixed!important;
  left:max(12px, env(safe-area-inset-left))!important;
  right:max(12px, env(safe-area-inset-right))!important;
  top:max(12px, env(safe-area-inset-top))!important;
  bottom:auto!important;
  width:auto!important;
  max-width:760px!important;
  min-width:0!important;
  margin:0 auto!important;
  z-index:10002!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:auto!important;
  border-radius:14px!important;
  background:#fff8ef!important;
  border:1px solid rgba(126,86,6,.42)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38)!important;
  padding:0!important;
}
.week-note-details-v744.week-note-details-v745[open] > summary,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open] > summary{
  height:auto!important;
  min-height:38px!important;
  max-height:none!important;
  padding:8px 12px!important;
  background:#FECB8B!important;
  color:#2b1d03!important;
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  border-radius:14px 14px 0 0!important;
  font-size:.95rem!important;
  justify-content:flex-start!important;
}
.week-note-details-v744.week-note-details-v745[open] textarea,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open] textarea{
  display:block!important;
  width:calc(100% - 24px)!important;
  min-height:170px!important;
  margin:12px!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#172033!important;
  border:1px solid rgba(126,86,6,.24)!important;
  font-size:.88rem!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
.week-note-details-v744.week-note-details-v745[open] button,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open] button{
  margin:0 12px 12px!important;
  min-height:34px!important;
  padding:7px 12px!important;
  background:#2563eb!important;
  color:#fff!important;
  border:1px solid #1d4ed8!important;
  border-radius:9px!important;
}
@media(max-width:760px){
  .week-days-v33 .day-head-v33 .day-name-v745{font-size:.55rem!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.04em!important;overflow:visible!important;text-overflow:clip!important}
  .week-days-v33 .day-head-v33 .day-name-v745::after{content:none!important}
  .week-note-details-v744.week-note-details-v745[open]{display:none!important}
  .mobile-note-panel-v758{display:none!important}
  .mobile-note-panel-v758.open{
    display:block!important;
    width:100%!important;
    padding:7px!important;
    box-sizing:border-box!important;
    background:#f6f8fb!important;
    border-top:1px solid rgba(45,65,98,.18)!important;
  }
  .mobile-note-panel-inner-v758{
    background:#fff8ef!important;
    border:1px solid rgba(126,86,6,.30)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-shadow:0 14px 34px rgba(15,23,42,.18)!important;
  }
  .mobile-note-panel-head-v758{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:8px 10px!important;
    background:#FECB8B!important;
    color:#2b1d03!important;
  }
  .mobile-note-panel-head-v758 strong{font-size:.70rem!important;line-height:1.15!important}
  .mobile-note-panel-close-v758{
    appearance:none!important;
    border:1px solid rgba(43,29,3,.24)!important;
    background:#fff8ef!important;
    color:#2b1d03!important;
    border-radius:999px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    font-size:1rem!important;
    line-height:1!important;
  }
  .mobile-note-panel-form-v758{padding:10px!important;display:grid!important;gap:8px!important}
  .mobile-note-panel-form-v758 label{display:grid!important;gap:5px!important}
  .mobile-note-panel-form-v758 label span{font-size:.58rem!important;font-weight:900!important;color:#6b4a08!important;text-transform:uppercase!important}
  .mobile-note-panel-form-v758 textarea{width:100%!important;min-height:130px!important;border-radius:10px!important;background:#fff!important;color:#172033!important;border:1px solid rgba(126,86,6,.24)!important;font-size:.78rem!important;padding:9px!important;box-sizing:border-box!important}
  .mobile-note-panel-form-v758 .btn{background:#2563eb!important;color:#fff!important;border:1px solid #1d4ed8!important;min-height:32px!important;border-radius:9px!important;font-size:.72rem!important}
}


/* v7.59 Auslastung: Darkmode-Overlay wie Whitemode + Desktop-Schließen-X */
.load-bar-v35[open],
.week-note-details-v744.week-note-details-v745[open],
:root[data-theme="dark"] .load-bar-v35[open],
:root[data-theme="dark"] .week-note-details-v744.week-note-details-v745[open],
:root[data-theme="light"] .load-bar-v35[open],
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open]{
  background:#fff8ef!important;
  color:#172033!important;
  border:1px solid rgba(126,86,6,.42)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38)!important;
}
.load-bar-v35[open] summary,
.week-note-details-v744.week-note-details-v745[open] > summary,
:root[data-theme="dark"] .load-bar-v35[open] summary,
:root[data-theme="dark"] .week-note-details-v744.week-note-details-v745[open] > summary,
:root[data-theme="light"] .load-bar-v35[open] summary,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open] > summary{
  background:#FECB8B!important;
  color:#2b1d03!important;
  border-color:rgba(126,86,6,.28)!important;
}
.load-bar-v35[open] .load-detail-v33,
:root[data-theme="dark"] .load-bar-v35[open] .load-detail-v33,
:root[data-theme="light"] .load-bar-v35[open] .load-detail-v33{
  background:#fff8ef!important;
  color:#172033!important;
}
.load-bar-v35[open] .load-info-v42 span,
.week-note-details-v744.week-note-details-v745[open] textarea,
:root[data-theme="dark"] .load-bar-v35[open] .load-info-v42 span,
:root[data-theme="dark"] .week-note-details-v744.week-note-details-v745[open] textarea,
:root[data-theme="light"] .load-bar-v35[open] .load-info-v42 span,
:root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open] textarea{
  background:#ffffff!important;
  color:#172033!important;
  border-color:rgba(126,86,6,.24)!important;
}
.load-bar-v35[open] .load-info-v42 b,
:root[data-theme="dark"] .load-bar-v35[open] .load-info-v42 b,
:root[data-theme="light"] .load-bar-v35[open] .load-info-v42 b{
  color:#6b4a08!important;
}
.desktop-overlay-close-v759{
  display:none;
}
@media(min-width:761px){
  .load-bar-v35[open] > .desktop-overlay-close-v759,
  .week-note-details-v744.week-note-details-v745[open] > .desktop-overlay-close-v759{
    display:flex!important;
    position:fixed!important;
    top:max(20px, calc(env(safe-area-inset-top) + 20px))!important;
    right:max(22px, calc(env(safe-area-inset-right) + 22px))!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:10005!important;
    border-radius:999px!important;
    border:1px solid rgba(43,29,3,.28)!important;
    background:#fff8ef!important;
    color:#2b1d03!important;
    font-size:1.25rem!important;
    line-height:1!important;
    font-weight:800!important;
    cursor:pointer!important;
    box-shadow:0 8px 20px rgba(15,23,42,.22)!important;
  }
  .load-bar-v35[open] > .desktop-overlay-close-v759:hover,
  .week-note-details-v744.week-note-details-v745[open] > .desktop-overlay-close-v759:hover{
    background:#FECB8B!important;
    color:#2b1d03!important;
  }
}
@media(max-width:760px){
  .desktop-overlay-close-v759{display:none!important}
}


/* v7.60 Auslastung: rechte Personal-/Notizkacheln vertikal exakt wie Projektkacheln */
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,
:root[data-theme="dark"] .week-notes-grid-v744{
  --week-row-height-v740:36px!important;
  --aus-row-inset-v760:3px!important;
  display:grid!important;
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
  align-content:start!important;
  align-items:stretch!important;
  padding:0!important;
  margin:0!important;
  min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  box-sizing:border-box!important;
}
.load-bar-v35,
.load-bar-v35.confirmed,
.load-bar-v35.termin,
.load-bar-v35.appointment,
.load-bar-v35.request,
.load-bar-v35.absence,
.load-bar-v35.birthday,
.load-bar-v35.geburtstag,
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v760) * 2))!important;
  min-height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v760) * 2))!important;
  max-height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v760) * 2))!important;
  margin:var(--aus-row-inset-v760) 4px!important;
  padding:0!important;
  align-self:start!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
  transform:none!important;
  top:auto!important;
}
.load-bar-v35 summary,
.week-note-form-v35.week-note-form-v745 > .week-note-personal-v745,
.week-note-details-v744.week-note-details-v745:not([open]),
.week-note-details-v744.week-note-details-v745:not([open]) > summary{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
  margin:0!important;
}
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
  grid-template-areas:"chips note"!important;
  gap:8px!important;
  align-items:stretch!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(45,65,98,.15)!important;
  border-radius:5px!important;
  overflow:visible!important;
}
.week-note-personal-v745{
  grid-area:chips!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  padding:0 3px!important;
  overflow:hidden!important;
}
.week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:2px!important;
  overflow:hidden!important;
}
.week-note-details-v744.week-note-details-v745:not([open]){
  grid-area:note!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.week-note-details-v744.week-note-details-v745:not([open]) > summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  padding:0 8px!important;
  border-radius:5px!important;
  font-size:.58rem!important;
  line-height:1!important;
}
.load-bar-v35[open],
:root[data-theme="light"] .load-bar-v35[open],
:root[data-theme="dark"] .load-bar-v35[open]{
  height:auto!important;
  min-height:auto!important;
  max-height:calc(100dvh - 24px)!important;
  margin:0 auto!important;
}
@media(max-width:760px){
  .week-bars-v35,
  .week-notes-grid-v744,
  :root[data-theme="light"] .week-bars-v35,
  :root[data-theme="light"] .week-notes-grid-v744,
  :root[data-theme="dark"] .week-bars-v35,
  :root[data-theme="dark"] .week-notes-grid-v744{
    --week-row-height-v740:30px!important;
    --aus-row-inset-v760:1px!important;
  }
  .load-bar-v35,
  .load-bar-v35.confirmed,
  .load-bar-v35.termin,
  .load-bar-v35.appointment,
  .load-bar-v35.request,
  .load-bar-v35.absence,
  .load-bar-v35.birthday,
  .load-bar-v35.geburtstag,
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
  :root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
    margin:var(--aus-row-inset-v760)!important;
    height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v760) * 2))!important;
    min-height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v760) * 2))!important;
    max-height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v760) * 2))!important;
  }
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
  :root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
    grid-template-columns:minmax(0,1fr) 78px!important;
    gap:2px!important;
  }
  .week-note-personal-v745{padding:0 2px!important;}
  .week-note-details-v744.week-note-details-v745:not([open]) > summary{
    padding:0 3px!important;
    font-size:.34rem!important;
  }
}
\n\n/* v7.61 Projektnotiz-Desktopoverlay wie Projekt, nicht vom Header verdeckt */\n@media(min-width:761px){\n  .week-note-details-v744.week-note-details-v745[open],\n  :root[data-theme="light"] .week-note-details-v744.week-note-details-v745[open],\n  :root[data-theme="dark"] .week-note-details-v744.week-note-details-v745[open]{\n    position:static!important;\n    left:auto!important;\n    right:auto!important;\n    top:auto!important;\n    bottom:auto!important;\n    width:auto!important;\n    max-width:none!important;\n    max-height:none!important;\n    overflow:visible!important;\n    background:transparent!important;\n    border:none!important;\n    box-shadow:none!important;\n    z-index:auto!important;\n    padding:0!important;\n  }\n  .week-note-details-v744.week-note-details-v745[open] > summary,\n  .week-note-details-v744.week-note-details-v745[open] textarea,\n  .week-note-details-v744.week-note-details-v745[open] button{\n    display:none!important;\n  }\n  .desktop-note-overlay-open-v761{overflow:hidden!important}\n  .desktop-note-backdrop-v761{\n    position:fixed!important;\n    inset:0!important;\n    z-index:10040!important;\n    background:rgba(15,23,42,.32)!important;\n    display:flex!important;\n    align-items:flex-start!important;\n    justify-content:center!important;\n    padding:72px 18px 18px!important;\n    box-sizing:border-box!important;\n  }\n  .desktop-note-panel-v761{\n    position:relative!important;\n    width:min(1120px, calc(100vw - 36px))!important;\n    max-height:calc(100dvh - 90px)!important;\n    overflow:auto!important;\n    border-radius:18px!important;\n    background:#fff8ef!important;\n    border:1px solid rgba(126,86,6,.38)!important;\n    box-shadow:0 24px 72px rgba(15,23,42,.24)!important;\n  }\n  .desktop-note-head-v761{\n    position:sticky!important;\n    top:0!important;\n    z-index:2!important;\n    min-height:56px!important;\n    display:flex!important;\n    align-items:center!important;\n    padding:0 56px 0 18px!important;\n    background:#FECB8B!important;\n    color:#2b1d03!important;\n    border-bottom:1px solid rgba(126,86,6,.26)!important;\n    border-radius:18px 18px 0 0!important;\n  }\n  .desktop-note-head-v761 strong{\n    font-size:1rem!important;\n    font-weight:800!important;\n    line-height:1.2!important;\n  }\n  .desktop-note-close-v761{\n    position:absolute!important;\n    top:12px!important;\n    right:14px!important;\n    width:34px!important;\n    height:34px!important;\n    min-width:34px!important;\n    min-height:34px!important;\n    border-radius:999px!important;\n    border:1px solid rgba(43,29,3,.22)!important;\n    background:#fff8ef!important;\n    color:#2b1d03!important;\n    font-size:1.25rem!important;\n    font-weight:800!important;\n    line-height:1!important;\n    cursor:pointer!important;\n    z-index:3!important;\n  }\n  .desktop-note-close-v761:hover{background:#f4e2b8!important}\n  .desktop-note-form-v761{display:grid!important;gap:14px!important;padding:18px!important}\n  .desktop-note-form-v761 label{display:grid!important;gap:8px!important}\n  .desktop-note-form-v761 label span{font-size:.70rem!important;font-weight:800!important;color:#6b4a08!important;text-transform:uppercase!important;letter-spacing:.03em!important}\n  .desktop-note-form-v761 textarea{\n    width:100%!important;\n    min-height:240px!important;\n    resize:vertical!important;\n    border-radius:12px!important;\n    border:1px solid rgba(126,86,6,.24)!important;\n    background:#ffffff!important;\n    color:#172033!important;\n    font-size:.92rem!important;\n    line-height:1.45!important;\n    padding:12px!important;\n    box-sizing:border-box!important;\n  }\n  .desktop-note-actions-v761{display:flex!important;justify-content:flex-start!important}\n  .desktop-note-actions-v761 .btn{min-height:38px!important;padding:8px 14px!important;border-radius:10px!important;background:#2563eb!important;color:#fff!important;border:1px solid #1d4ed8!important}\n}\n

/* v7.62 Auslastung: Projektnotizen rechts komplett entfernt, rechts nur Personal */
.week-layout-v35{
  grid-template-columns:minmax(0,1fr) 240px!important;
}
.week-notes-v35,
:root[data-theme="light"] .week-notes-v35,
:root[data-theme="dark"] .week-notes-v35{
  width:240px!important;
  max-width:240px!important;
  min-width:240px!important;
}
.week-notes-head-v744,
:root[data-theme="light"] .week-notes-head-v744,
:root[data-theme="dark"] .week-notes-head-v744{
  grid-template-columns:1fr!important;
}
.week-notes-head-v744 strong:nth-child(n+2){display:none!important;}
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762{
  grid-template-columns:1fr!important;
  grid-template-areas:"chips"!important;
  gap:0!important;
  padding:0 5px!important;
  overflow:hidden!important;
}
.week-note-form-v35.week-note-form-v745 .week-note-details-v744,
.week-note-form-v35.week-note-form-v745 .week-note-details-v745,
.week-note-form-v35.week-note-form-v745 textarea,
.week-note-form-v35.week-note-form-v745 button:not(.person-chip-v741){
  display:none!important;
}
.week-note-personal-v745{
  grid-area:chips!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
.week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{
  width:100%!important;
  max-width:100%!important;
  justify-content:flex-start!important;
}
@media(max-width:1100px){
  .week-layout-v35{grid-template-columns:minmax(0,1fr) 220px!important;}
  .week-notes-v35,:root[data-theme="light"] .week-notes-v35,:root[data-theme="dark"] .week-notes-v35{width:220px!important;max-width:220px!important;min-width:220px!important;}
}
@media(max-width:760px){
  .week-layout-v35{
    grid-template-columns:minmax(100vw,100vw) 180px!important;
    width:calc(100vw + 180px)!important;
    min-width:calc(100vw + 180px)!important;
  }
  .week-notes-v35,
  :root[data-theme="light"] .week-notes-v35,
  :root[data-theme="dark"] .week-notes-v35{
    width:180px!important;
    max-width:180px!important;
    min-width:180px!important;
  }
  .week-notes-head-v744{grid-template-columns:1fr!important;padding:0 5px!important;}
  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
  :root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
    grid-template-columns:1fr!important;
    padding:0 3px!important;
  }
  .person-chip-v741{
    min-width:13px!important;
    height:10px!important;
    font-size:.24rem!important;
  }
}


/* v7.63 Auslastung: mobile Personalchips nach Entfernen der Notizspalte repariert */
@media (max-width: 760px) {
  .week-layout-v35 {
    grid-template-columns: minmax(100vw, 100vw) 190px !important;
    width: calc(100vw + 190px) !important;
    min-width: calc(100vw + 190px) !important;
  }

  .week-notes-v35,
  :root[data-theme="light"] .week-notes-v35,
  :root[data-theme="dark"] .week-notes-v35 {
    width: 190px !important;
    max-width: 190px !important;
    min-width: 190px !important;
    overflow: hidden !important;
  }

  .week-note-form-v35.week-note-form-v745,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
  :root[data-theme="dark"] .week-note-form-v35.week-note-form-v745,
  .week-note-form-v35.week-note-form-v745.personal-only-v762 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .week-note-personal-v745 {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .week-note-form-v35.week-note-form-v745 > .week-note-personal-v745 > .entry-personal-v741 {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    overflow: hidden !important;
  }

  .week-note-form-v35.week-note-form-v745 .person-chip-v741,
  .week-note-form-v35.week-note-form-v745.personal-only-v762 .person-chip-v741,
  .week-notes-v35 .person-chip-v741 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    font-size: 0.48rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-shadow: none !important;
  }
}


/* v7.64 Merge: Datenblattanalyse, Alex-Verwaltung und Wärmedurchgang-Datenblattintegration */
.alex-admin-hero-v744,.dba-hero-v744{margin-bottom:18px}.alex-admin-grid-v744{margin-top:14px}.dba-picker-v744{display:flex;gap:12px;align-items:end;justify-content:space-between;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.dba-picker-v744 form{flex:1;min-width:min(100%,420px)}.dba-picker-v744 label,.dba-form-v744 label{display:grid;gap:6px;font-weight:850}.dba-picker-v744 select,.dba-form-v744 input,.dba-form-v744 textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);padding:10px 11px;font:inherit}.dba-split-v744{display:grid;grid-template-columns:minmax(440px,1.08fr) minmax(440px,.92fr);gap:16px;align-items:start}.dba-pdf-v744{position:sticky;top:96px;height:calc(100vh - 126px);min-height:660px;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.dba-pdf-v744 iframe{width:100%;height:100%;border:0;background:#fff}.dba-form-v744{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow);display:grid;gap:13px}.dba-form-head-v744{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.dba-form-head-v744 strong{font-size:1.25rem}.dba-form-head-v744 span{color:var(--muted);font-size:.9rem;text-align:right;overflow-wrap:anywhere}.dba-grid-v744{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dba-grid-5-v744{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.dba-form-v744 h3{margin:8px 0 0;font-size:1.02rem}.dba-actions-v744{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.dba-actions-v744 small{color:var(--muted);max-width:520px}.dba-actions-v744 code{background:rgba(128,128,128,.14);border-radius:7px;padding:2px 6px}@media(max-width:1100px){.dba-split-v744{grid-template-columns:1fr}.dba-pdf-v744{position:relative;top:auto;height:72vh;min-height:480px}.dba-grid-5-v744{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.dba-grid-v744{grid-template-columns:1fr}.dba-grid-5-v744{grid-template-columns:1fr}.dba-picker-v744{padding:12px}.dba-form-v744{padding:12px}.dba-pdf-v744{height:62vh;min-height:360px}}

/* v7.45 Datenblatt Analyse + Wärmedurchgang Datenblatt-Ladefunktion */
.dba-search-v745 form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.5fr) auto auto;gap:12px;align-items:end}.dba-search-v745 input,.dba-search-v745 select{min-height:46px;border-radius:14px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 12px}.dba-status-row-v745{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.dba-status-row-v745 span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--card2);font-weight:800}.dba-status-row-v745 .done{background:rgba(70,180,90,.16);border-color:rgba(70,180,90,.35);color:#1f8f3a}.dba-status-row-v745 .open{background:rgba(230,170,40,.16);border-color:rgba(230,170,40,.35);color:#a06a00}.dba-done-check-v745{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--card2)}.dba-done-check-v745 input{width:18px;height:18px}.dba-help-v745{color:var(--muted);margin:0 0 10px}.dba-lambda-grid-v745{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px;margin-bottom:12px}.dba-lambda-grid-v745 label{display:flex;flex-direction:column;gap:5px;font-weight:800}.dba-lambda-grid-v745 input{min-height:42px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 10px}.dba-old-lambda-v745{border:1px dashed var(--line);border-radius:16px;padding:10px;margin:8px 0 14px}.thermal-datasheet-load-v745{display:grid;grid-template-columns:minmax(260px,1.4fr) 160px auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:18px;padding:12px;background:var(--card2);margin:12px 0}.thermal-datasheet-load-v745 label{display:flex;flex-direction:column;gap:5px;font-weight:800}.thermal-datasheet-load-v745 input,.thermal-datasheet-load-v745 select{min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 10px}.thermal-datasheet-load-v745 small{grid-column:1/-1;color:var(--muted)}.thermal-ds-note-v745{align-self:center;color:var(--muted);font-size:.78rem;font-weight:800}.thermal-layer-row-v70{grid-template-columns:minmax(180px,1fr) 120px 120px minmax(110px,.7fr) 44px!important}@media(max-width:900px){.dba-search-v745 form,.thermal-datasheet-load-v745{grid-template-columns:1fr}.dba-lambda-grid-v745{grid-template-columns:repeat(2,minmax(0,1fr))}.thermal-layer-row-v70{grid-template-columns:1fr!important}.dba-done-check-v745{margin-left:0}}

/* v7.46 Datenblatt Analyse: kompakte Lambda-Paare und 1200 °C */
.dba-lambda-grid-v746{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
}
.dba-lambda-pair-v746{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card2);
}
.dba-lambda-pair-v746 label{gap:4px!important;font-weight:800!important;}
.dba-lambda-pair-v746 input{min-height:38px!important;padding:0 9px!important;border-radius:10px!important;}
.dba-grid-6-v746{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;}
@media(max-width:900px){.dba-lambda-grid-v746{grid-template-columns:1fr}.dba-grid-6-v746{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dba-lambda-pair-v746,.dba-grid-6-v746{grid-template-columns:1fr}}


/* v7.48 Datenblatt Analyse: technische Detailfelder */
.dba-checkbox-fieldset-v748{
    border:1px solid var(--line);
    border-radius:18px;
    padding:14px;
    margin:14px 0;
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    background:var(--card2);
}
.dba-checkbox-fieldset-v748 legend{
    font-weight:900;
    padding:0 8px;
}
.dba-checkbox-fieldset-v748 label{
    display:flex!important;
    flex-direction:row!important;
    align-items:center;
    gap:8px;
    font-weight:800;
    margin:0;
}
.dba-checkbox-fieldset-v748 input[type="checkbox"]{
    width:18px;
    height:18px;
}
.dba-check-card-v748 select{
    min-height:42px;
}
.dba-standard-lambda-v748{
    margin-bottom:14px;
}
.dba-temp-details-v748{
    margin:12px 0;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--card2);
    overflow:hidden;
}
.dba-temp-details-v748 summary{
    cursor:pointer;
    padding:13px 15px;
    font-weight:900;
    color:var(--text);
    display:flex;
    justify-content:space-between;
    gap:12px;
}
.dba-temp-details-v748 summary::after{
    content:"+";
    font-weight:950;
    color:var(--accent);
}
.dba-temp-details-v748[open] summary::after{
    content:"–";
}
.dba-temp-details-v748 .dba-lambda-grid-v746,
.dba-temp-details-v748 .dba-temp-pair-grid-v748,
.dba-temp-details-v748 .dba-grid-v744{
    padding:14px;
    margin:0;
}
.dba-temp-pair-grid-v748{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
@media(max-width:900px){
    .dba-temp-pair-grid-v748{grid-template-columns:1fr}
}


/* v7.49 Datenblatt Analyse: PDF links beim Scrollen sichtbar halten */
.dba-split-v744{
    align-items:start!important;
}
.dba-pdf-v744{
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
    height:calc(100vh - 112px)!important;
    min-height:620px!important;
    max-height:calc(100vh - 112px)!important;
    overflow:hidden!important;
}
.dba-pdf-v744 iframe{
    width:100%!important;
    height:100%!important;
    min-height:620px!important;
    display:block!important;
}
@media(max-width:980px){
    .dba-pdf-v744{
        position:relative!important;
        top:auto!important;
        height:70vh!important;
        min-height:420px!important;
        max-height:none!important;
    }
    .dba-pdf-v744 iframe{
        min-height:420px!important;
    }
}


/* v7.50 Datenblatt Analyse: PDF wirklich links fix sichtbar halten */
@media (min-width: 981px){
    .dba-split-v744{
        display:grid!important;
        grid-template-columns:minmax(420px,48vw) minmax(420px,1fr)!important;
        align-items:start!important;
        gap:18px!important;
        overflow:visible!important;
    }
    .dba-pdf-v744{
        position:sticky!important;
        top:88px!important;
        height:calc(100vh - 104px)!important;
        max-height:calc(100vh - 104px)!important;
        min-height:0!important;
        overflow:hidden!important;
        align-self:start!important;
        z-index:2!important;
    }
    .dba-pdf-v744 iframe{
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        border:0!important;
        display:block!important;
    }
    .dba-form-v744{
        min-width:0!important;
    }
}
@media (max-width:980px){
    .dba-split-v744{
        display:grid!important;
        grid-template-columns:1fr!important;
    }
    .dba-pdf-v744{
        position:relative!important;
        top:auto!important;
        height:70vh!important;
        min-height:420px!important;
        max-height:none!important;
        overflow:hidden!important;
    }
    .dba-pdf-v744 iframe{
        height:100%!important;
        min-height:420px!important;
    }
}


/* v7.51 Datenblatt Analyse: gesamte PDF-Ansicht fest stehen lassen */
@media (min-width: 981px){
    .dba-split-v744{
        display:block!important;
        position:relative!important;
        overflow:visible!important;
        min-height:calc(100vh - 110px)!important;
    }
    .dba-pdf-v744{
        position:fixed!important;
        top:92px!important;
        left:max(12px, calc((100vw - var(--max, 1180px)) / 2 + 12px))!important;
        width:min(46vw, 560px)!important;
        height:calc(100vh - 112px)!important;
        min-height:0!important;
        max-height:calc(100vh - 112px)!important;
        overflow:hidden!important;
        z-index:12!important;
        box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
        border-radius:18px!important;
        background:#fff!important;
    }
    .dba-pdf-v744 iframe{
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        display:block!important;
        border:0!important;
    }
    .dba-form-v744{
        margin-left:calc(min(46vw, 560px) + 22px)!important;
        width:calc(100% - min(46vw, 560px) - 22px)!important;
        min-width:0!important;
    }
}
@media (max-width:980px){
    .dba-split-v744{
        display:grid!important;
        grid-template-columns:1fr!important;
    }
    .dba-pdf-v744{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        width:100%!important;
        height:70vh!important;
        min-height:420px!important;
        max-height:none!important;
        overflow:hidden!important;
    }
    .dba-form-v744{
        margin-left:0!important;
        width:100%!important;
    }
}
@media print{
    .dba-pdf-v744{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        width:100%!important;
        height:auto!important;
    }
    .dba-form-v744{
        margin-left:0!important;
        width:100%!important;
    }
}


/* v7.52 Datenblatt Analyse: feste PDF-Ansicht 600px weiter nach unten */
@media (min-width: 981px){
    .dba-pdf-v744{
        top:692px!important;
        height:calc(100vh - 712px)!important;
        max-height:calc(100vh - 712px)!important;
        min-height:260px!important;
    }
}


/* v7.53 Datenblatt Analyse: PDF-Fenster verschiebbar und fest */
@media (min-width: 981px){
    .dba-pdf-v744{
        top:92px!important;
        height:calc(100vh - 112px)!important;
        max-height:calc(100vh - 112px)!important;
        min-height:420px!important;
        resize:both!important;
        overflow:hidden!important;
    }
    .dba-pdf-v744.dba-pdf-dragging-v753{
        opacity:.92!important;
        user-select:none!important;
        cursor:grabbing!important;
    }
    .dba-pdf-dragbar-v753{
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:34px;
        z-index:20;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        padding:0 10px;
        background:rgba(20,25,35,.78);
        color:#fff;
        font-size:.78rem;
        font-weight:900;
        cursor:grab;
        backdrop-filter:blur(8px);
    }
    .dba-pdf-dragbar-v753 button{
        border:1px solid rgba(255,255,255,.28);
        background:rgba(255,255,255,.14);
        color:#fff;
        border-radius:999px;
        min-height:24px;
        padding:0 9px;
        font:inherit;
        cursor:pointer;
    }
    .dba-pdf-v744 iframe{
        padding-top:34px!important;
        box-sizing:border-box!important;
    }
}
@media (max-width:980px){
    .dba-pdf-dragbar-v753{
        display:none!important;
    }
}


/* v7.54 Datenblatt Analyse: Ziehen repariert */
@media (min-width:981px){
    .dba-pdf-dragbar-v753{
        height:44px!important;
        cursor:grab!important;
        z-index:9999!important;
        pointer-events:auto!important;
        touch-action:none!important;
        user-select:none!important;
    }
    .dba-pdf-dragbar-v753 *{
        pointer-events:auto!important;
    }
    .dba-pdf-v744 iframe{
        padding-top:44px!important;
    }
    body.dba-pdf-drag-active-v754{
        user-select:none!important;
        cursor:grabbing!important;
    }
    body.dba-pdf-drag-active-v754 iframe{
        pointer-events:none!important;
    }
}


/* v7.55 Datenblatt Analyse: rechte Maske kompakter und ruhiger */
.dba-form-v744{
    font-size:.86rem!important;
    line-height:1.25!important;
    padding:14px!important;
    border-radius:18px!important;
    background:rgba(246,248,252,.92)!important;
    border:1px solid rgba(90,105,130,.18)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}
:root[data-theme="dark"] .dba-form-v744{
    background:rgba(18,21,28,.94)!important;
    border-color:rgba(255,255,255,.12)!important;
}
.dba-form-v744 h3{
    margin:14px 0 7px!important;
    font-size:.98rem!important;
    letter-spacing:-.01em!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    background:rgba(40,58,85,.08)!important;
    border:1px solid rgba(40,58,85,.10)!important;
}
:root[data-theme="dark"] .dba-form-v744 h3{
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(255,255,255,.08)!important;
}
.dba-form-head-v744{
    padding:10px 12px!important;
    margin-bottom:10px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(90,105,130,.16)!important;
}
:root[data-theme="dark"] .dba-form-head-v744{
    background:rgba(255,255,255,.05)!important;
}
.dba-form-head-v744 strong{
    font-size:1.05rem!important;
}
.dba-form-head-v744 span{
    font-size:.78rem!important;
}
.dba-grid-v744{
    gap:8px!important;
}
.dba-grid-v744 label,
.dba-form-v744 label{
    gap:4px!important;
    font-size:.78rem!important;
    font-weight:750!important;
}
.dba-grid-v744 label span,
.dba-form-v744 label span{
    color:rgba(38,48,65,.74)!important;
    font-size:.72rem!important;
    text-transform:none!important;
    letter-spacing:.01em!important;
}
:root[data-theme="dark"] .dba-grid-v744 label span,
:root[data-theme="dark"] .dba-form-v744 label span{
    color:rgba(245,247,251,.70)!important;
}
.dba-form-v744 input,
.dba-form-v744 textarea,
.dba-form-v744 select{
    min-height:34px!important;
    border-radius:10px!important;
    padding:6px 9px!important;
    font-size:.83rem!important;
    line-height:1.2!important;
    background:#eef3fa!important;
    color:#142033!important;
    border:1px solid rgba(70,90,120,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
}
.dba-form-v744 textarea{
    min-height:58px!important;
    resize:vertical!important;
}
.dba-form-v744 input:focus,
.dba-form-v744 textarea:focus,
.dba-form-v744 select:focus{
    outline:none!important;
    background:#fff8d8!important;
    border-color:rgba(180,130,20,.55)!important;
    box-shadow:0 0 0 2px rgba(245,190,60,.18)!important;
}
:root[data-theme="dark"] .dba-form-v744 input,
:root[data-theme="dark"] .dba-form-v744 textarea,
:root[data-theme="dark"] .dba-form-v744 select{
    background:#151b25!important;
    color:#f4f7fb!important;
    border-color:rgba(255,255,255,.15)!important;
    box-shadow:none!important;
}
:root[data-theme="dark"] .dba-form-v744 input:focus,
:root[data-theme="dark"] .dba-form-v744 textarea:focus,
:root[data-theme="dark"] .dba-form-v744 select:focus{
    background:#23210f!important;
    border-color:rgba(245,190,60,.45)!important;
}
.dba-lambda-grid-v746,
.dba-temp-pair-grid-v748{
    gap:8px!important;
}
.dba-lambda-pair-v746{
    gap:6px!important;
    padding:8px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.60)!important;
    border:1px solid rgba(70,90,120,.14)!important;
}
:root[data-theme="dark"] .dba-lambda-pair-v746{
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,255,255,.10)!important;
}
.dba-grid-6-v746{
    gap:8px!important;
}
.dba-standard-lambda-v748 label{
    padding:8px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.58)!important;
    border:1px solid rgba(70,90,120,.14)!important;
}
:root[data-theme="dark"] .dba-standard-lambda-v748 label{
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,255,255,.10)!important;
}
.dba-temp-details-v748{
    margin:9px 0!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.52)!important;
    border-color:rgba(70,90,120,.14)!important;
}
:root[data-theme="dark"] .dba-temp-details-v748{
    background:rgba(255,255,255,.04)!important;
    border-color:rgba(255,255,255,.10)!important;
}
.dba-temp-details-v748 summary{
    padding:10px 12px!important;
    font-size:.84rem!important;
}
.dba-temp-details-v748 .dba-lambda-grid-v746,
.dba-temp-details-v748 .dba-temp-pair-grid-v748,
.dba-temp-details-v748 .dba-grid-v744{
    padding:10px!important;
}
.dba-checkbox-fieldset-v748{
    margin:10px 0!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.54)!important;
}
.dba-checkbox-fieldset-v748 legend{
    font-size:.82rem!important;
}
.dba-checkbox-fieldset-v748 label{
    font-size:.82rem!important;
}
.dba-help-v745,
.dba-actions-v744 small{
    font-size:.76rem!important;
    opacity:.78!important;
}
.dba-actions-v744{
    margin-top:12px!important;
    gap:8px!important;
}
.dba-actions-v744 .btn{
    min-height:40px!important;
}
@media(max-width:980px){
    .dba-form-v744{
        font-size:.9rem!important;
        padding:12px!important;
    }
}

/* v7.65 Datensicherung aktuelles System */
.backup-action-card-v765 small,
.backup-import-card-v765 small {
    display:block;
    margin-top:6px;
    color:var(--muted);
    font-weight:800;
}
.backup-import-form-v765 {
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;
    gap:10px;
    align-items:end;
    min-width:min(720px,100%);
}
.backup-import-form-v765 label {
    display:grid;
    gap:6px;
}
.backup-import-form-v765 label span {
    color:var(--muted);
    font-size:.78rem;
    font-weight:900;
}
.backup-import-form-v765 input[type="file"],
.backup-import-form-v765 input:not([type]) {
    width:100%;
    min-height:42px;
    border-radius:14px;
    border:1px solid var(--line);
    background:var(--card2);
    color:var(--text);
    padding:9px 11px;
    box-sizing:border-box;
}
@media(max-width:900px){
    .backup-import-form-v765{grid-template-columns:1fr;min-width:0;width:100%;}
}


/* v7.66 Datensicherung, Auslastung-Darkmode-Overlay, Wärmedurchgang-Datenblattsuche */
.backup-last-run-v766{
  margin-top:10px;
  display:grid;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(90,110,140,.22);
  border-radius:14px;
  background:rgba(255,255,255,.08);
}
.backup-last-run-v766 div{display:grid;gap:2px}
.backup-last-run-v766 span{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.backup-last-run-v766 strong{font-size:.95rem;color:var(--text)}
.backup-last-run-v766 small{color:var(--muted)}
:root[data-theme="light"] .backup-last-run-v766{background:#f8fafc;border-color:#d8e0ea}

@media(min-width:761px){
  .load-bar-v35[open],
  .load-bar-v35.confirmed[open],
  .load-bar-v35.termin[open],
  .load-bar-v35.appointment[open],
  .load-bar-v35.request[open],
  .load-bar-v35.absence[open],
  .load-bar-v35.birthday[open],
  .load-bar-v35.geburtstag[open],
  :root[data-theme="dark"] .load-bar-v35[open],
  :root[data-theme="light"] .load-bar-v35[open]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    left:max(16px, env(safe-area-inset-left))!important;
    right:max(16px, env(safe-area-inset-right))!important;
    top:max(18px, env(safe-area-inset-top))!important;
    bottom:auto!important;
    width:auto!important;
    max-width:1040px!important;
    height:auto!important;
    min-height:auto!important;
    max-height:calc(100dvh - 36px)!important;
    margin:0 auto!important;
    overflow:auto!important;
    z-index:30000!important;
    transform:none!important;
    background:#fff8ef!important;
    color:#172033!important;
    border:1px solid rgba(126,86,6,.42)!important;
    border-radius:16px!important;
    box-shadow:0 24px 80px rgba(0,0,0,.42)!important;
    padding:0!important;
  }
  .load-bar-v35[open] > summary,
  :root[data-theme="dark"] .load-bar-v35[open] > summary,
  :root[data-theme="light"] .load-bar-v35[open] > summary{
    display:flex!important;
    align-items:center!important;
    visibility:visible!important;
    opacity:1!important;
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    height:auto!important;
    min-height:44px!important;
    max-height:none!important;
    padding:10px 52px 10px 14px!important;
    background:#FECB8B!important;
    color:#2b1d03!important;
    border-radius:16px 16px 0 0!important;
  }
  .load-bar-v35[open] > summary strong,
  :root[data-theme="dark"] .load-bar-v35[open] > summary strong,
  :root[data-theme="light"] .load-bar-v35[open] > summary strong{
    color:#2b1d03!important;
    font-size:1rem!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .load-bar-v35[open] .load-detail-v33,
  :root[data-theme="dark"] .load-bar-v35[open] .load-detail-v33,
  :root[data-theme="light"] .load-bar-v35[open] .load-detail-v33{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background:#fff8ef!important;
    color:#172033!important;
    padding:14px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .load-bar-v35[open] .load-info-v42,
  :root[data-theme="dark"] .load-bar-v35[open] .load-info-v42,
  :root[data-theme="light"] .load-bar-v35[open] .load-info-v42{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .load-bar-v35[open] .load-info-v42 span,
  :root[data-theme="dark"] .load-bar-v35[open] .load-info-v42 span,
  :root[data-theme="light"] .load-bar-v35[open] .load-info-v42 span,
  .load-bar-v35[open] .edit-inline-v33,
  :root[data-theme="dark"] .load-bar-v35[open] .edit-inline-v33,
  :root[data-theme="light"] .load-bar-v35[open] .edit-inline-v33{
    background:#ffffff!important;
    color:#172033!important;
    border-color:rgba(126,86,6,.24)!important;
  }
  .load-bar-v35[open] .load-info-v42 b,
  :root[data-theme="dark"] .load-bar-v35[open] .load-info-v42 b,
  :root[data-theme="light"] .load-bar-v35[open] .load-info-v42 b{color:#6b4a08!important}
  .load-bar-v35[open] .load-actions-v33 a.btn,
  :root[data-theme="dark"] .load-bar-v35[open] .load-actions-v33 a.btn,
  :root[data-theme="light"] .load-bar-v35[open] .load-actions-v33 a.btn{
    background:#2563eb!important;color:#fff!important;border:1px solid #1d4ed8!important;
  }
  .load-bar-v35[open] > .desktop-overlay-close-v759{z-index:30005!important}
}

.thermal-datasheet-load-v766{
  grid-template-columns:minmax(240px,1.2fr) minmax(240px,1.4fr) minmax(120px,.5fr) auto!important;
}
.thermal-datasheet-load-v766 input[type="search"]{
  width:100%;
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  background:var(--panel);
  color:var(--text);
  font-weight:800;
}
.thermal-datasheet-load-v766 select{min-width:0;width:100%}
.thermal-datasheet-load-v766 small{grid-column:1/-1}
@media(max-width:900px){
  .thermal-datasheet-load-v766{grid-template-columns:1fr!important}
}


/* v7.68 Türeinsätze Verankerung */
.tue-layout-v768{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:start}.tue-main-v768{display:grid;gap:16px}.tue-card-v768,.tue-drawing-card-v768{overflow:hidden}.tue-form-grid-v768{grid-template-columns:repeat(3,minmax(0,1fr))}.tue-actions-v768{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tue-drawing-wrap-v768{padding:14px;overflow:auto;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:16px}.tue-drawing-wrap-v768 svg{width:100%;min-width:620px;height:auto;display:block}.tue-plate-v768{fill:rgba(254,203,139,.36);stroke:rgba(126,86,6,.65);stroke-width:2}.tue-grid-v768{stroke:rgba(45,65,98,.28);stroke-width:1}.tue-hole-v768{fill:#2563eb;stroke:#fff;stroke-width:2}.tue-dim-v768{stroke:currentColor;stroke-width:1.4}.tue-text-v768,.tue-label-v768{fill:currentColor;font-size:15px;font-weight:800}.tue-label-v768{font-size:13px;opacity:.82}.tue-result-grid-v768{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 14px 14px}.tue-result-grid-v768>div{background:rgba(255,255,255,.08);border:1px solid rgba(148,163,184,.20);border-radius:14px;padding:10px;display:grid;gap:4px}.tue-result-grid-v768 span{font-size:.68rem;text-transform:uppercase;font-weight:900;color:var(--muted)}.tue-result-grid-v768 strong{font-size:1.25rem}.tue-result-grid-v768 small{color:var(--muted)}.tue-saved-list-v768{display:grid;gap:8px;padding:12px}.tue-saved-item-v768{display:grid;gap:4px;padding:10px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.06);text-decoration:none;color:inherit}.tue-saved-item-v768.active,.tue-saved-item-v768:hover{background:rgba(254,203,139,.20);border-color:rgba(126,86,6,.34)}.tue-saved-item-v768 strong{font-size:.88rem}.tue-saved-item-v768 span,.tue-saved-item-v768 small{font-size:.75rem;color:var(--muted)}
:root[data-theme="light"] .tue-drawing-wrap-v768{background:#f8fafc}:root[data-theme="light"] .tue-result-grid-v768>div,:root[data-theme="light"] .tue-saved-item-v768{background:#fff;border-color:#d9e2ef}:root[data-theme="light"] .tue-saved-item-v768.active,:root[data-theme="light"] .tue-saved-item-v768:hover{background:#fff4dc;border-color:#dfb96e}
@media(max-width:980px){.tue-layout-v768{grid-template-columns:1fr}.tue-form-grid-v768{grid-template-columns:repeat(2,minmax(0,1fr))}.tue-result-grid-v768{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tue-form-grid-v768{grid-template-columns:1fr}.tue-drawing-wrap-v768 svg{min-width:520px}.tue-result-grid-v768{grid-template-columns:1fr}.tue-actions-v768 .btn{width:100%}}
@media print{.app-header,.app-footer,.tue-card-v768,.tue-side-v768,.global-scroll-top-v46{display:none!important}.tue-layout-v768{display:block}.tue-drawing-card-v768{box-shadow:none!important;border:0!important}.tue-drawing-wrap-v768{overflow:visible!important;background:#fff!important}.tue-drawing-wrap-v768 svg{min-width:0!important}.tue-result-grid-v768{grid-template-columns:repeat(4,1fr)!important}}

/* v7.69 Türeinsätze Verankerung: Millimeter, Betoneinsatz, klickbare Punkte */
.tue-layout-v769 .calc-card-head-v77 em{letter-spacing:.08em}.tue-side-config-v769{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.tue-side-box-v769{display:grid;gap:8px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.06);border-radius:14px;padding:10px}.tue-side-box-v769 strong{font-size:.86rem}.tue-side-box-v769 label{display:grid;gap:5px}.tue-side-box-v769 label span{font-size:.68rem;text-transform:uppercase;font-weight:900;color:var(--muted)}.tue-side-box-v769 input:not([type="checkbox"]){width:100%}.tue-check-v769{display:flex!important;align-items:center;gap:8px}.tue-check-v769 input{width:auto!important}.tue-check-v769 span{text-transform:none!important;font-size:.82rem!important;color:inherit!important}.tue-beton-details-v769{margin-top:12px;border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:10px;background:rgba(255,255,255,.05)}.tue-beton-details-v769 summary{cursor:pointer;font-weight:900}.tue-beton-details-v769 small{color:var(--muted);display:block;margin-top:8px}.tue-spike-v769{fill:#e11d48;stroke:#fff;stroke-width:1.5;cursor:pointer}.tue-spike-v769.off,.tue-hole-v768.off{opacity:.18;fill:#64748b;stroke:#94a3b8}.tue-hole-v768{cursor:pointer}.tue-concrete-v769{fill:rgba(148,163,184,.52);stroke:rgba(30,41,59,.80);stroke-width:2.2;cursor:move}.tue-concrete-text-v769{fill:currentColor;font-size:18px;font-weight:800;white-space:pre-line;pointer-events:none}.tue-result-grid-v769{grid-template-columns:repeat(4,minmax(0,1fr))}.tue-result-grid-v769 strong{white-space:nowrap}:root[data-theme="light"] .tue-side-box-v769,:root[data-theme="light"] .tue-beton-details-v769{background:#fff;border-color:#d9e2ef}:root[data-theme="light"] .tue-concrete-v769{fill:#cbd5e1;stroke:#334155}@media(max-width:1100px){.tue-side-config-v769{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.tue-side-config-v769{grid-template-columns:1fr}.tue-result-grid-v769{grid-template-columns:1fr}.tue-drawing-wrap-v768 svg{min-width:720px}}


/* v7.70 Türeinsätze: Betoneinsatz einblendbar, Betonanker und Bogenseiten-Markierung */
.tue-anchor-box-v770{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(148,163,184,.35);display:grid;gap:10px}.tue-bogen-mark-v770{stroke:#e11d48;stroke-width:5;stroke-linecap:round;pointer-events:none}.tue-betonanker-v770{fill:#f97316;stroke:#fff;stroke-width:1.8;cursor:pointer}.tue-betonanker-v770.off{opacity:.18;fill:#64748b;stroke:#94a3b8}.tue-result-grid-v769{grid-template-columns:repeat(5,minmax(0,1fr))}:root[data-theme="light"] .tue-anchor-box-v770{border-top-color:#d9e2ef}@media(max-width:900px){.tue-result-grid-v769{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.tue-result-grid-v769{grid-template-columns:1fr}}


/* v7.71 Türeinsätze: Keramikfaser, Betonbedarf, Druck und gespeicherte Einträge */
.tue-result-grid-v771{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.tue-saved-item-v768{display:grid!important;gap:7px!important}.tue-saved-item-v768>a{display:grid!important;gap:4px!important;text-decoration:none!important;color:inherit!important}.tue-saved-item-v768 form{margin:0!important}.tue-saved-item-v768 .btn.mini{min-height:28px!important;padding:4px 8px!important;font-size:.72rem!important}.tue-plate-v768{fill:#fff1a8!important}.tue-concrete-v769{cursor:grab!important}.tue-concrete-v769:active{cursor:grabbing!important}.tue-anchor-box-v770{margin-top:12px;padding:12px;border:1px solid rgba(120,90,20,.20);border-radius:12px;background:rgba(255,255,255,.45)}
@media print{header,.app-header,.nav-shell,.sidebar,.tue-side-v768,.tue-actions-v768,.page-title-card .overline,.scroll-top-v39{display:none!important}body{background:#fff!important;color:#111!important}.tue-layout-v768{display:block!important}.calc-card-v77{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid!important}.tue-drawing-wrap-v768 svg{max-height:180mm!important}.tue-result-grid-v771{grid-template-columns:repeat(3,1fr)!important}.tue-card-v768 details:not([open]){display:none!important}}


/* v7.72 Türeinsätze Verankerung: saubere A4-Druckausgabe nur für Zeichnung + Stückzahlen */
@media print{
  @page{size:A4 landscape;margin:8mm}
  html,body{background:#fff!important;color:#000!important;width:auto!important;height:auto!important;overflow:visible!important}
  body>*:not(.page){display:none!important}
  .page{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .page-title-card,.tue-card-v768,.tue-side-v768,.app-footer,.topbar,.global-scroll-top-v46,.scroll-top-v39,.notice,.import-message{display:none!important}
  .tue-layout-v768,.tue-layout-v769,.tue-layout-v771{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .tue-main-v768{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .tue-drawing-card-v768{display:block!important;position:static!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;border:0!important;box-shadow:none!important;border-radius:0!important;break-inside:avoid!important;page-break-inside:avoid!important;overflow:visible!important}
  .tue-drawing-card-v768 .calc-card-head-v77{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10mm!important;margin:0 0 4mm!important;padding:0 0 3mm!important;border-bottom:1px solid #999!important;background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:0!important;page-break-after:avoid!important}
  .tue-drawing-card-v768 .calc-card-head-v77 strong{font-size:15pt!important;color:#000!important;line-height:1.15!important}
  .tue-drawing-card-v768 .calc-card-head-v77 span{font-size:8.5pt!important;color:#333!important;line-height:1.2!important}
  .tue-drawing-card-v768 .calc-card-head-v77 em{font-size:11pt!important;color:#000!important;font-style:normal!important;font-weight:800!important;white-space:nowrap!important}
  .tue-drawing-wrap-v768{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important}
  .tue-drawing-wrap-v768 svg{display:block!important;width:100%!important;max-width:275mm!important;height:auto!important;max-height:138mm!important;margin:0 auto!important;background:#fff!important;color:#000!important;overflow:visible!important}
  .tue-result-grid-v768,.tue-result-grid-v769,.tue-result-grid-v771{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3mm!important;width:100%!important;margin:5mm 0 0!important;padding:0!important;background:#fff!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .tue-result-grid-v768>div,.tue-result-grid-v769>div,.tue-result-grid-v771>div{display:block!important;margin:0!important;padding:2.5mm!important;border:1px solid #bbb!important;border-radius:3mm!important;background:#fff!important;color:#000!important;box-shadow:none!important;min-height:16mm!important;box-sizing:border-box!important}
  .tue-result-grid-v768 span,.tue-result-grid-v769 span,.tue-result-grid-v771 span{display:block!important;color:#444!important;font-size:7pt!important;font-weight:700!important;text-transform:none!important;line-height:1.15!important}
  .tue-result-grid-v768 strong,.tue-result-grid-v769 strong,.tue-result-grid-v771 strong{display:block!important;color:#000!important;font-size:12pt!important;font-weight:900!important;line-height:1.1!important;margin-top:1mm!important;white-space:nowrap!important}
  .tue-result-grid-v768 small,.tue-result-grid-v769 small,.tue-result-grid-v771 small{display:block!important;color:#555!important;font-size:7pt!important;margin-top:.5mm!important}
  .tue-plate-v768{fill:#ffe2a7!important;stroke:#111!important;stroke-width:2!important}
  .tue-grid-v768{stroke:#c9c9c9!important;stroke-width:1!important}
  .tue-hole-v768{fill:#2563eb!important;stroke:#111!important;stroke-width:1.2!important}
  .tue-hole-v768.off,.tue-spike-v769.off,.tue-betonanker-v770.off{display:none!important}
  .tue-spike-v769{fill:#e11d48!important;stroke:#111!important;stroke-width:1!important}
  .tue-betonanker-v770{fill:#f97316!important;stroke:#111!important;stroke-width:1!important}
  .tue-concrete-v769{fill:#d1d5db!important;stroke:#111!important;stroke-width:2!important}
  .tue-text-v768,.tue-label-v768,.tue-concrete-text-v769{fill:#000!important;color:#000!important;font-size:13px!important;font-weight:800!important}
  .tue-dim-v768{stroke:#000!important;stroke-width:1.5!important}
}

/* v7.73 Türeinsätze: Höhen, eingeklappte Bedarfe, Beton-Ausblendung, Suche, robuste Druckausgabe */
.tue-saved-search-v773{padding:12px 12px 0}.tue-saved-search-v773 input{width:100%;border:1px solid var(--border);border-radius:13px;padding:10px 12px;background:var(--panel);color:var(--text);font-weight:800}.tue-beton-off-v773 .tue-beton-result-v773{display:none!important}.tue-print-only-v773{display:none}.tue-beton-details-v769:not([open]){background:rgba(255,255,255,.035)}:root[data-theme="light"] .tue-beton-details-v769:not([open]){background:#fff}
@media print{
  @page{size:A4 landscape;margin:7mm}
  html,body{background:#fff!important;color:#000!important;overflow:visible!important;width:auto!important;height:auto!important}
  body.tue-printing-v773 *{visibility:hidden!important}
  body.tue-printing-v773 .tue-print-only-v773,
  body.tue-printing-v773 .tue-print-only-v773 *{visibility:visible!important}
  body.tue-printing-v773 .tue-print-only-v773{display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;box-sizing:border-box!important;z-index:999999!important}
  body.tue-printing-v773 .tue-print-head-v773{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:8mm!important;border-bottom:1px solid #999!important;padding:0 0 3mm!important;margin:0 0 3mm!important;color:#000!important;background:#fff!important;break-after:avoid!important}
  body.tue-printing-v773 .tue-print-head-v773 h1{font-size:15pt!important;line-height:1.15!important;margin:0!important;color:#000!important}
  body.tue-printing-v773 .tue-print-head-v773 p{font-size:9pt!important;line-height:1.25!important;margin:0!important;color:#333!important;text-align:right!important;font-weight:700!important}
  body.tue-printing-v773 .tue-print-meta-v773{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2mm!important;margin:0 0 3mm!important;break-after:avoid!important}
  body.tue-printing-v773 .tue-print-meta-v773 div{border:1px solid #ccc!important;border-radius:2mm!important;padding:1.7mm!important;background:#fff!important;color:#000!important;min-height:10mm!important;box-sizing:border-box!important}
  body.tue-printing-v773 .tue-print-meta-v773 span{display:block!important;color:#555!important;font-size:6.6pt!important;line-height:1.1!important;font-weight:700!important}
  body.tue-printing-v773 .tue-print-meta-v773 strong{display:block!important;color:#000!important;font-size:9pt!important;line-height:1.15!important;margin-top:.8mm!important;font-weight:900!important}
  body.tue-printing-v773 .tue-print-drawing-v773{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;break-inside:avoid!important}
  body.tue-printing-v773 .tue-print-drawing-v773 svg{display:block!important;width:100%!important;max-width:275mm!important;max-height:125mm!important;height:auto!important;margin:0 auto!important;background:#fff!important;color:#000!important;overflow:visible!important}
  body.tue-printing-v773 .tue-print-results-v773{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2.4mm!important;width:100%!important;margin:4mm 0 0!important;padding:0!important;background:#fff!important;break-inside:avoid!important}
  body.tue-printing-v773 .tue-print-results-v773>div{display:block!important;margin:0!important;padding:2mm!important;border:1px solid #bbb!important;border-radius:2mm!important;background:#fff!important;color:#000!important;box-shadow:none!important;min-height:13mm!important;box-sizing:border-box!important}
  body.tue-printing-v773 .tue-print-results-v773 span{display:block!important;color:#444!important;font-size:6.5pt!important;font-weight:700!important;text-transform:none!important;line-height:1.12!important}
  body.tue-printing-v773 .tue-print-results-v773 strong{display:block!important;color:#000!important;font-size:10.5pt!important;font-weight:900!important;line-height:1.1!important;margin-top:.8mm!important;white-space:nowrap!important}
  body.tue-printing-v773 .tue-print-results-v773 small{display:block!important;color:#555!important;font-size:6.3pt!important;margin-top:.3mm!important}
  body.tue-printing-v773 .tue-plate-v768{fill:#ffe2a7!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-grid-v768{stroke:#c9c9c9!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-hole-v768{fill:#2563eb!important;stroke:#111!important;stroke-width:1.2!important}
  body.tue-printing-v773 .tue-hole-v768.off,body.tue-printing-v773 .tue-spike-v769.off,body.tue-printing-v773 .tue-betonanker-v770.off{display:none!important}
  body.tue-printing-v773 .tue-spike-v769{fill:#e11d48!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-betonanker-v770{fill:#f97316!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-concrete-v769{fill:#d1d5db!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-text-v768,body.tue-printing-v773 .tue-label-v768,body.tue-printing-v773 .tue-concrete-text-v769{fill:#000!important;color:#000!important;font-size:13px!important;font-weight:800!important}
  body.tue-printing-v773 .tue-dim-v768{stroke:#000!important;stroke-width:1.5!important}
}


/* v7.75 Türeinsätze: Druck kompakter, Zeichnungstexte schwarz, Betonabstände O/U */
.tue-text-v768,
.tue-label-v768,
.tue-concrete-text-v769{
  fill:#000!important;
  color:#000!important;
  text-shadow:none!important;
}
.tue-dim-v768{
  stroke:#111!important;
}
.tue-plate-v768{
  fill:#ffe2a7!important;
}
.tue-concrete-v769{
  fill:#d1d5db!important;
  stroke:#111!important;
}
.tue-grid-v768{
  stroke:#c9c9c9!important;
}
@media print{
  @page{size:A4 landscape;margin:5mm!important}
  html,body{
    background:#fff!important;
    color:#000!important;
    width:297mm!important;
    min-height:210mm!important;
    overflow:hidden!important;
  }
  body.tue-printing-v773 *{visibility:hidden!important}
  body.tue-printing-v773 .tue-print-only-v773,
  body.tue-printing-v773 .tue-print-only-v773 *{visibility:visible!important}
  body.tue-printing-v773 .tue-print-only-v773{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:287mm!important;
    height:200mm!important;
    max-width:287mm!important;
    max-height:200mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    color:#000!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  body.tue-printing-v773 .tue-print-head-v773{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:6mm!important;
    border-bottom:1px solid #999!important;
    padding:0 0 2mm!important;
    margin:0 0 2mm!important;
    color:#000!important;
    background:#fff!important;
    height:auto!important;
  }
  body.tue-printing-v773 .tue-print-head-v773 h1{
    font-size:13pt!important;
    line-height:1.1!important;
    margin:0!important;
    color:#000!important;
  }
  body.tue-printing-v773 .tue-print-head-v773 p{
    font-size:8pt!important;
    line-height:1.15!important;
    margin:0!important;
    color:#000!important;
    text-align:right!important;
    font-weight:700!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:1.4mm!important;
    margin:0 0 2mm!important;
    padding:0!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 div{
    border:1px solid #ccc!important;
    border-radius:1.5mm!important;
    padding:1.2mm!important;
    background:#fff!important;
    color:#000!important;
    min-height:8.2mm!important;
    box-sizing:border-box!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 span{
    display:block!important;
    color:#444!important;
    font-size:5.8pt!important;
    line-height:1.05!important;
    font-weight:700!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 strong{
    display:block!important;
    color:#000!important;
    font-size:8pt!important;
    line-height:1.05!important;
    margin-top:.5mm!important;
    font-weight:900!important;
  }
  body.tue-printing-v773 .tue-print-drawing-v773{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:119mm!important;
    max-height:119mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    overflow:hidden!important;
    break-inside:avoid!important;
  }
  body.tue-printing-v773 .tue-print-drawing-v773 svg{
    display:block!important;
    width:auto!important;
    max-width:250mm!important;
    height:auto!important;
    max-height:117mm!important;
    margin:0 auto!important;
    background:#fff!important;
    color:#000!important;
    overflow:visible!important;
  }
  body.tue-printing-v773 .tue-print-results-v773{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:1.4mm!important;
    width:100%!important;
    margin:2mm 0 0!important;
    padding:0!important;
    background:#fff!important;
    break-inside:avoid!important;
    overflow:hidden!important;
  }
  body.tue-printing-v773 .tue-print-results-v773>div{
    display:block!important;
    margin:0!important;
    padding:1.3mm!important;
    border:1px solid #bbb!important;
    border-radius:1.5mm!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:none!important;
    min-height:10.8mm!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.tue-printing-v773 .tue-print-results-v773 span{
    display:block!important;
    color:#444!important;
    font-size:5.6pt!important;
    font-weight:700!important;
    text-transform:none!important;
    line-height:1.04!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.tue-printing-v773 .tue-print-results-v773 strong{
    display:block!important;
    color:#000!important;
    font-size:9pt!important;
    font-weight:900!important;
    line-height:1.05!important;
    margin-top:.4mm!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-print-results-v773 small{
    display:block!important;
    color:#555!important;
    font-size:5.4pt!important;
    margin-top:.2mm!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-plate-v768{fill:#ffe2a7!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-grid-v768{stroke:#c9c9c9!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-hole-v768{fill:#666!important;stroke:#111!important;stroke-width:1.1!important}
  body.tue-printing-v773 .tue-hole-v768.off,
  body.tue-printing-v773 .tue-spike-v769.off,
  body.tue-printing-v773 .tue-betonanker-v770.off{display:none!important}
  body.tue-printing-v773 .tue-spike-v769{fill:#444!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-betonanker-v770{fill:#777!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-concrete-v769{fill:#d1d5db!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-text-v768,
  body.tue-printing-v773 .tue-label-v768,
  body.tue-printing-v773 .tue-concrete-text-v769{fill:#000!important;color:#000!important;font-size:12px!important;font-weight:800!important;text-shadow:none!important}
  body.tue-printing-v773 .tue-label-v768{font-size:11px!important}
  body.tue-printing-v773 .tue-dim-v768{stroke:#000!important;stroke-width:1.4!important}
}

/* v7.76 Türeinsätze: Druck wirklich auf eine Seite, gespeicherte Einträge nicht versehentlich überschreiben */
@media print{
  @page{size:A4 landscape;margin:5mm!important}
  html,body{width:297mm!important;min-height:0!important;height:auto!important;background:#fff!important;overflow:hidden!important}
  body.tue-printing-v773{margin:0!important;padding:0!important;background:#fff!important;color:#000!important}
  body.tue-printing-v773 *{visibility:hidden!important}
  body.tue-printing-v773 .tue-print-only-v773,
  body.tue-printing-v773 .tue-print-only-v773 *{visibility:visible!important}
  body.tue-printing-v773 .tue-print-only-v773{
    display:block!important;
    position:fixed!important;
    left:0!important;top:0!important;right:auto!important;bottom:auto!important;
    width:287mm!important;
    height:200mm!important;
    max-height:200mm!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    color:#000!important;
    box-sizing:border-box!important;
    z-index:2147483647!important;
    page-break-before:avoid!important;
    page-break-after:avoid!important;
    break-before:avoid!important;
    break-after:avoid!important;
    zoom:.88!important;
  }
  body.tue-printing-v773 .tue-print-head-v773{
    display:flex!important;justify-content:space-between!important;align-items:flex-start!important;
    gap:6mm!important;border-bottom:1px solid #999!important;padding:0 0 2mm!important;margin:0 0 2mm!important;
    page-break-after:avoid!important;break-after:avoid!important;color:#000!important;background:#fff!important;
  }
  body.tue-printing-v773 .tue-print-head-v773 h1{font-size:13pt!important;line-height:1.1!important;margin:0!important;color:#000!important}
  body.tue-printing-v773 .tue-print-head-v773 p{font-size:8pt!important;margin:0!important;color:#000!important;font-weight:800!important}
  body.tue-printing-v773 .tue-print-meta-v773{
    display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:1.8mm!important;margin:0 0 2mm!important;
    page-break-after:avoid!important;break-after:avoid!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 div{min-height:7mm!important;padding:1.1mm!important;border:1px solid #bbb!important;border-radius:1.4mm!important;background:#fff!important;color:#000!important;box-sizing:border-box!important}
  body.tue-printing-v773 .tue-print-meta-v773 span{display:block!important;color:#333!important;font-size:5.6pt!important;line-height:1.05!important;font-weight:700!important}
  body.tue-printing-v773 .tue-print-meta-v773 strong{display:block!important;color:#000!important;font-size:7.6pt!important;line-height:1.05!important;font-weight:900!important;margin-top:.3mm!important}
  body.tue-printing-v773 .tue-print-drawing-v773{display:block!important;width:100%!important;height:84mm!important;max-height:84mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;page-break-after:avoid!important;break-after:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important}
  body.tue-printing-v773 .tue-print-drawing-v773 svg{display:block!important;width:100%!important;max-width:230mm!important;height:84mm!important;max-height:84mm!important;margin:0 auto!important;background:#fff!important;color:#000!important;overflow:visible!important}
  body.tue-printing-v773 .tue-print-results-v773{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:1.5mm!important;width:100%!important;margin:2mm 0 0!important;padding:0!important;background:#fff!important;page-break-before:avoid!important;break-before:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:avoid!important;break-after:avoid!important}
  body.tue-printing-v773 .tue-print-results-v773>div{display:block!important;min-height:8.3mm!important;margin:0!important;padding:1.1mm!important;border:1px solid #bbb!important;border-radius:1.4mm!important;background:#fff!important;color:#000!important;box-shadow:none!important;box-sizing:border-box!important;break-inside:avoid!important;page-break-inside:avoid!important}
  body.tue-printing-v773 .tue-print-results-v773 span{display:block!important;color:#333!important;font-size:5.2pt!important;font-weight:700!important;line-height:1.02!important;text-transform:none!important}
  body.tue-printing-v773 .tue-print-results-v773 strong{display:block!important;color:#000!important;font-size:8pt!important;font-weight:900!important;line-height:1.05!important;margin-top:.2mm!important;white-space:nowrap!important}
  body.tue-printing-v773 .tue-print-results-v773 small{display:block!important;color:#555!important;font-size:5pt!important;line-height:1.02!important;margin-top:0!important}
  body.tue-printing-v773 .tue-plate-v768{fill:#ffe2a7!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-grid-v768{stroke:#c9c9c9!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-hole-v768{fill:#666!important;stroke:#111!important;stroke-width:1.1!important}
  body.tue-printing-v773 .tue-hole-v768.off,
  body.tue-printing-v773 .tue-spike-v769.off,
  body.tue-printing-v773 .tue-betonanker-v770.off{display:none!important}
  body.tue-printing-v773 .tue-spike-v769{fill:#444!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-betonanker-v770{fill:#777!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-concrete-v769{fill:#d1d5db!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-text-v768,
  body.tue-printing-v773 .tue-label-v768,
  body.tue-printing-v773 .tue-concrete-text-v769{fill:#000!important;color:#000!important;font-size:11px!important;font-weight:800!important;text-shadow:none!important}
  body.tue-printing-v773 .tue-label-v768{font-size:10px!important}
  body.tue-printing-v773 .tue-dim-v768{stroke:#000!important;stroke-width:1.3!important}
}


/* v7.77 Tür- und Deckeleinsätze: Laden aktualisiert Anzeige, Druck zentriert */
@media print{
  body.tue-printing-v773 .tue-print-only-v773{
    left:5mm!important;
    top:5mm!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0!important;
    width:287mm!important;
    height:200mm!important;
    display:block!important;
    text-align:left!important;
  }
  body.tue-printing-v773 .tue-print-head-v773,
  body.tue-printing-v773 .tue-print-meta-v773,
  body.tue-printing-v773 .tue-print-drawing-v773,
  body.tue-printing-v773 .tue-print-results-v773{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.tue-printing-v773 .tue-print-drawing-v773{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}


/* v7.81 Tür-/Deckeleinsätze: Druck zentriert und Firmendaten oben links */
@media print{
  @page{size:A4 landscape;margin:5mm!important}
  body.tue-printing-v773 .tue-print-only-v773{
    position:fixed!important;
    left:50%!important;
    top:5mm!important;
    transform:translateX(-50%)!important;
    width:270mm!important;
    max-width:270mm!important;
    height:200mm!important;
    max-height:200mm!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:#fff!important;
    color:#000!important;
    overflow:hidden!important;
  }
  body.tue-printing-v773 .tue-print-head-v773{
    display:grid!important;
    grid-template-columns:58mm minmax(0,1fr) 66mm!important;
    align-items:start!important;
    column-gap:6mm!important;
    border-bottom:1px solid #999!important;
    padding:0 0 2mm!important;
    margin:0 auto 2mm!important;
    width:100%!important;
    box-sizing:border-box!important;
    color:#000!important;
    background:#fff!important;
  }
  body.tue-printing-v773 .tue-print-company-v781{
    display:grid!important;
    gap:.45mm!important;
    color:#000!important;
    text-align:left!important;
    font-size:6.9pt!important;
    line-height:1.08!important;
    font-weight:700!important;
  }
  body.tue-printing-v773 .tue-print-company-v781 strong{
    display:block!important;
    color:#000!important;
    font-size:7.8pt!important;
    line-height:1.08!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-print-company-v781 span{
    display:block!important;
    color:#000!important;
    font-size:6.8pt!important;
    line-height:1.08!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-print-head-v773 h1{
    grid-column:2!important;
    text-align:left!important;
    font-size:12.4pt!important;
    line-height:1.12!important;
    margin:0!important;
    color:#000!important;
    font-weight:900!important;
  }
  body.tue-printing-v773 .tue-print-head-v773 p{
    grid-column:3!important;
    text-align:right!important;
    font-size:8pt!important;
    line-height:1.15!important;
    margin:0!important;
    color:#000!important;
    font-weight:800!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773,
  body.tue-printing-v773 .tue-print-drawing-v773,
  body.tue-printing-v773 .tue-print-results-v773{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.tue-printing-v773 .tue-print-drawing-v773{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:83mm!important;
    max-height:83mm!important;
  }
  body.tue-printing-v773 .tue-print-drawing-v773 svg{
    margin:0 auto!important;
    max-width:220mm!important;
    max-height:83mm!important;
    height:83mm!important;
  }
}


/* v7.83 Tür-/Deckeleinsätze: A4 Hochkant, größer und zentriert für schärferen Ausdruck */
@media print{
  @page{size:A4 portrait;margin:7mm!important}
  html,body{width:210mm!important;min-height:0!important;height:auto!important;background:#fff!important;color:#000!important;overflow:hidden!important}
  body.tue-printing-v773{margin:0!important;padding:0!important;background:#fff!important;color:#000!important;overflow:hidden!important}
  body.tue-printing-v773 *{visibility:hidden!important}
  body.tue-printing-v773 .tue-print-only-v773,
  body.tue-printing-v773 .tue-print-only-v773 *{visibility:visible!important}
  body.tue-printing-v773 .tue-print-only-v773{
    display:block!important;
    position:fixed!important;
    left:50%!important;
    top:7mm!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:194mm!important;
    max-width:194mm!important;
    height:auto!important;
    max-height:282mm!important;
    min-height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:#fff!important;
    color:#000!important;
    z-index:2147483647!important;
    page-break-before:avoid!important;
    page-break-after:avoid!important;
    break-before:avoid!important;
    break-after:avoid!important;
    zoom:1!important;
  }
  body.tue-printing-v773 .tue-print-head-v773{
    display:grid!important;
    grid-template-columns:62mm minmax(0,1fr)!important;
    grid-template-areas:"company title" "company subtitle"!important;
    align-items:start!important;
    column-gap:7mm!important;
    row-gap:1.2mm!important;
    width:100%!important;
    margin:0 auto 4mm!important;
    padding:0 0 3mm!important;
    border-bottom:1px solid #777!important;
    background:#fff!important;
    color:#000!important;
    box-sizing:border-box!important;
    break-after:avoid!important;
  }
  body.tue-printing-v773 .tue-print-company-v781{
    grid-area:company!important;
    display:grid!important;
    gap:.7mm!important;
    color:#000!important;
    text-align:left!important;
    font-size:8.2pt!important;
    line-height:1.15!important;
    font-weight:700!important;
  }
  body.tue-printing-v773 .tue-print-company-v781 strong{
    display:block!important;
    color:#000!important;
    font-size:9.6pt!important;
    line-height:1.12!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-print-company-v781 span{
    display:block!important;
    color:#000!important;
    font-size:8.1pt!important;
    line-height:1.14!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-print-head-v773 h1{
    grid-area:title!important;
    text-align:right!important;
    font-size:15pt!important;
    line-height:1.08!important;
    margin:0!important;
    color:#000!important;
    font-weight:900!important;
  }
  body.tue-printing-v773 .tue-print-head-v773 p{
    grid-area:subtitle!important;
    text-align:right!important;
    font-size:9.8pt!important;
    line-height:1.15!important;
    margin:0!important;
    color:#000!important;
    font-weight:800!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:2.1mm!important;
    width:100%!important;
    margin:0 auto 5mm!important;
    padding:0!important;
    background:#fff!important;
    break-after:avoid!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 div{
    display:block!important;
    min-height:12mm!important;
    padding:2mm!important;
    border:1px solid #b8b8b8!important;
    border-radius:2mm!important;
    background:#fff!important;
    color:#000!important;
    box-sizing:border-box!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 span{
    display:block!important;
    color:#444!important;
    font-size:7.4pt!important;
    line-height:1.08!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 strong{
    display:block!important;
    color:#000!important;
    font-size:10.2pt!important;
    line-height:1.1!important;
    font-weight:900!important;
    margin-top:.7mm!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-print-drawing-v773{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:124mm!important;
    max-height:124mm!important;
    margin:0 auto 5mm!important;
    padding:0!important;
    background:#fff!important;
    overflow:visible!important;
    page-break-inside:avoid!important;
    break-inside:avoid!important;
    break-after:avoid!important;
  }
  body.tue-printing-v773 .tue-print-drawing-v773 svg{
    display:block!important;
    width:100%!important;
    max-width:182mm!important;
    height:auto!important;
    max-height:124mm!important;
    margin:0 auto!important;
    background:#fff!important;
    color:#000!important;
    overflow:visible!important;
  }
  body.tue-printing-v773 .tue-print-results-v773{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:2.2mm!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    background:#fff!important;
    page-break-before:avoid!important;
    page-break-inside:avoid!important;
    page-break-after:avoid!important;
    break-before:avoid!important;
    break-inside:avoid!important;
    break-after:avoid!important;
  }
  body.tue-printing-v773 .tue-print-results-v773>div{
    display:block!important;
    min-height:13mm!important;
    margin:0!important;
    padding:2mm!important;
    border:1px solid #b8b8b8!important;
    border-radius:2mm!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    overflow:hidden!important;
  }
  body.tue-printing-v773 .tue-print-results-v773 span{
    display:block!important;
    color:#333!important;
    font-size:7.1pt!important;
    font-weight:700!important;
    line-height:1.08!important;
    text-transform:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.tue-printing-v773 .tue-print-results-v773 strong{
    display:block!important;
    color:#000!important;
    font-size:11.8pt!important;
    font-weight:900!important;
    line-height:1.05!important;
    margin-top:.7mm!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-print-results-v773 small{
    display:block!important;
    color:#555!important;
    font-size:6.8pt!important;
    line-height:1.08!important;
    margin-top:.3mm!important;
    white-space:nowrap!important;
  }
  body.tue-printing-v773 .tue-plate-v768{fill:#ffe2a7!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-grid-v768{stroke:#b9b9b9!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-hole-v768{fill:#555!important;stroke:#111!important;stroke-width:1.15!important}
  body.tue-printing-v773 .tue-hole-v768.off,
  body.tue-printing-v773 .tue-spike-v769.off,
  body.tue-printing-v773 .tue-betonanker-v770.off{display:none!important}
  body.tue-printing-v773 .tue-spike-v769{fill:#444!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-betonanker-v770{fill:#777!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-concrete-v769{fill:#d1d5db!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-text-v768,
  body.tue-printing-v773 .tue-label-v768,
  body.tue-printing-v773 .tue-concrete-text-v769{fill:#000!important;color:#000!important;font-size:14px!important;font-weight:800!important;text-shadow:none!important}
  body.tue-printing-v773 .tue-label-v768{font-size:13px!important}
  body.tue-printing-v773 .tue-dim-v768{stroke:#000!important;stroke-width:1.45!important}
}


/* v7.84 Tür-/Deckeleinsätze: Druck unten nicht abschneiden, Ersteller/Datum, zentrierter Inhalt */
@media print{
  @page{size:A4 portrait;margin:6mm!important}
  html,body{width:210mm!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#fff!important;color:#000!important}
  body.tue-printing-v773 .tue-print-only-v773{
    position:fixed!important;
    left:50%!important;
    top:5mm!important;
    transform:translateX(-50%)!important;
    width:194mm!important;
    max-width:194mm!important;
    max-height:276mm!important;
    overflow:hidden!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.tue-printing-v773 .tue-print-head-v773{
    grid-template-columns:62mm minmax(0,1fr)!important;
    grid-template-areas:"company title" "company subtitle" "company created"!important;
    column-gap:7mm!important;
    row-gap:.9mm!important;
    margin:0 auto 3mm!important;
    padding:0 0 2.2mm!important;
  }
  body.tue-printing-v773 .tue-print-head-v773 h1{font-size:14pt!important;line-height:1.05!important}
  body.tue-printing-v773 .tue-print-head-v773 p{font-size:9pt!important;line-height:1.08!important}
  body.tue-printing-v773 .tue-print-created-v784{
    grid-area:created!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:4mm!important;
    color:#000!important;
    font-size:7.5pt!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-align:right!important;
  }
  body.tue-printing-v773 .tue-print-created-v784 span{display:inline-block!important;color:#000!important;white-space:nowrap!important}
  body.tue-printing-v773 .tue-print-company-v781 strong{font-size:9.2pt!important}
  body.tue-printing-v773 .tue-print-company-v781 span{font-size:7.7pt!important}
  body.tue-printing-v773 .tue-print-meta-v773{
    gap:1.8mm!important;
    margin:0 auto 3mm!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 div{
    min-height:10.2mm!important;
    padding:1.5mm!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 span{font-size:6.8pt!important}
  body.tue-printing-v773 .tue-print-meta-v773 strong{font-size:9.4pt!important;margin-top:.45mm!important}
  body.tue-printing-v773 .tue-print-drawing-v773{
    height:116mm!important;
    max-height:116mm!important;
    margin:0 auto 3mm!important;
  }
  body.tue-printing-v773 .tue-print-drawing-v773 svg{
    max-width:184mm!important;
    max-height:116mm!important;
    height:116mm!important;
  }
  body.tue-printing-v773 .tue-print-results-v773{
    gap:1.6mm!important;
    margin:0 auto!important;
  }
  body.tue-printing-v773 .tue-print-results-v773>div{
    min-height:11.2mm!important;
    padding:1.5mm!important;
    border-radius:1.7mm!important;
  }
  body.tue-printing-v773 .tue-print-results-v773 span{font-size:6.5pt!important;line-height:1.05!important}
  body.tue-printing-v773 .tue-print-results-v773 strong{font-size:10.4pt!important;line-height:1.02!important;margin-top:.45mm!important}
  body.tue-printing-v773 .tue-print-results-v773 small{font-size:6.1pt!important;line-height:1.03!important;margin-top:.2mm!important}
}

/* v7.85 Tür-/Deckeleinsätze: leerer Startzustand */
.tue-empty-text-v785{fill:#475569!important;font-size:18px!important;font-weight:700!important;}


/* v7.86 Projektliste: fortlaufende Nummern prüfen/sortieren/editieren */
.projekt-duplicate-check-v786{margin:18px 0;padding:14px;border:1px solid rgba(180,38,45,.35);border-radius:18px;background:rgba(180,38,45,.09);color:var(--text)}
.projekt-duplicate-check-v786.ok{border-color:rgba(25,135,84,.28);background:rgba(25,135,84,.09);display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.projekt-duplicate-check-v786 summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:900}
.projekt-duplicate-check-v786 summary span,.projekt-duplicate-check-v786.ok span{font-size:.85rem;opacity:.82}
.projekt-duplicate-list-v786{display:grid;gap:10px;margin-top:12px}
.projekt-duplicate-list-v786 article{padding:10px;border:1px solid rgba(180,38,45,.22);border-radius:14px;background:var(--panel)}
.projekt-duplicate-list-v786 ul{margin:8px 0 0 18px;padding:0;display:grid;gap:4px;font-size:.88rem}

/* v7.86 Tür-/Deckeleinsätze: mobile/tablet Vorschau nicht breiter als Display, Darkmode-Außenbeschriftung weiß */
@media(max-width:1024px){
  .tue-drawing-card-v768,.tue-drawing-wrap-v768{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
  .tue-drawing-wrap-v768 svg#tueSvgV768{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}
}
:root[data-theme="dark"] .tue-drawing-wrap-v768 .tue-text-v768,
:root[data-theme="dark"] .tue-drawing-wrap-v768 .tue-label-v768{fill:#ffffff!important;color:#ffffff!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important}
:root[data-theme="dark"] .tue-drawing-wrap-v768 .tue-concrete-text-v769{fill:#000000!important;color:#000000!important;text-shadow:none!important}
@media print{
  body.tue-printing-v773 .tue-print-only-v773{display:block!important;visibility:visible!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;background:#fff!important;color:#000!important}
  body.tue-printing-v773 .tue-print-only-v773 *{visibility:visible!important}
}


/* v7.87 Auslastung + Tür-/Deckeleinsätze Feinschliff */
:root[data-theme="dark"] .tue-drawing-wrap-v768 .tue-dim-v768{
  stroke:#ffffff!important;
  color:#ffffff!important;
}
:root[data-theme="dark"] #tueSvgV768 marker path{
  fill:#ffffff!important;
}
:root[data-theme="dark"] .person-picker-v35 label span{
  color:#0f172a!important;
  background:#ffffff!important;
}
:root[data-theme="dark"] .person-picker-v35 label:has(input:checked) span{
  color:#071207!important;
  background:linear-gradient(145deg, rgba(101,217,75,.95), rgba(45,160,55,.95))!important;
}
.week-notes-v35 .person-chip-v741{
  font-size:calc(.56rem * .60)!important;
  min-width:14px!important;
  height:11px!important;
  padding:0 2px!important;
  border-radius:3px!important;
  font-weight:650!important;
}
@media(max-width:760px){
  .week-notes-v35 .person-chip-v741{font-size:.20rem!important;min-width:10px!important;height:8px!important;padding:0 1px!important}
}
.week-days-v33 .day-cell-v33.today-v36,
:root[data-theme="light"] .week-days-v33 .day-cell-v33.today-v36{
  position:relative!important;
  background:linear-gradient(180deg, rgba(251,185,15,.42), rgba(251,185,15,.18))!important;
  box-shadow:inset 0 0 0 3px #f59e0b, inset 0 -4px 0 #fbb90f, 0 0 0 3px rgba(251,185,15,.18)!important;
}
.week-days-v33 .day-cell-v33.today-v36::after{
  content:"HEUTE";
  position:absolute;
  right:5px;
  bottom:4px;
  z-index:3;
  padding:2px 6px;
  border-radius:999px;
  background:#fbb90f;
  color:#1d1604;
  font-size:.48rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.05em;
  box-shadow:0 2px 8px rgba(0,0,0,.22);
}
.week-days-v33 .day-cell-v33.today-focused-v787,
:root[data-theme="light"] .week-days-v33 .day-cell-v33.today-focused-v787{
  animation:todayPulseV787 1.05s ease-in-out 0s 5!important;
}
@keyframes todayPulseV787{
  0%,100%{filter:none;box-shadow:inset 0 0 0 3px #f59e0b, inset 0 -4px 0 #fbb90f, 0 0 0 3px rgba(251,185,15,.18)}
  50%{filter:brightness(1.25);box-shadow:inset 0 0 0 4px #fff, inset 0 -5px 0 #fbb90f, 0 0 0 7px rgba(251,185,15,.42)}
}

/* v7.87 Print: gleiche Ein-Seiten-Ausgabe auch auf iOS/iPadOS */
@media print{
  @page{size:A4 portrait;margin:6mm!important}
  html,body{width:210mm!important;height:297mm!important;min-height:297mm!important;overflow:hidden!important;background:#fff!important;color:#000!important;margin:0!important;padding:0!important}
  body.tue-printing-v773{width:210mm!important;height:297mm!important;overflow:hidden!important;background:#fff!important;color:#000!important;margin:0!important;padding:0!important}
  body.tue-printing-v773 *{visibility:hidden!important}
  body.tue-printing-v773 .tue-print-only-v773,
  body.tue-printing-v773 .tue-print-only-v773 *{visibility:visible!important}
  body.tue-printing-v773 .tue-print-only-v773{
    display:block!important;
    position:fixed!important;
    left:50%!important;
    top:5mm!important;
    transform:translateX(-50%)!important;
    width:190mm!important;
    max-width:190mm!important;
    height:280mm!important;
    max-height:280mm!important;
    overflow:hidden!important;
    background:#fff!important;
    color:#000!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    page-break-before:avoid!important;
    page-break-after:avoid!important;
    page-break-inside:avoid!important;
    break-before:avoid!important;
    break-after:avoid!important;
    break-inside:avoid!important;
  }
  body.tue-printing-v773 .tue-print-head-v773{margin:0 0 2.2mm!important;padding:0 0 2mm!important;grid-template-columns:60mm minmax(0,1fr)!important;column-gap:6mm!important}
  body.tue-printing-v773 .tue-print-head-v773 h1{font-size:13.2pt!important;line-height:1.03!important}
  body.tue-printing-v773 .tue-print-head-v773 p{font-size:8.4pt!important;line-height:1.05!important}
  body.tue-printing-v773 .tue-print-created-v784{font-size:7pt!important;line-height:1.05!important}
  body.tue-printing-v773 .tue-print-company-v781 strong{font-size:8.8pt!important;line-height:1.05!important}
  body.tue-printing-v773 .tue-print-company-v781 span{font-size:7.1pt!important;line-height:1.05!important}
  body.tue-printing-v773 .tue-print-meta-v773{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.35mm!important;margin:0 0 2.4mm!important}
  body.tue-printing-v773 .tue-print-meta-v773 div{min-height:8.8mm!important;padding:1.2mm!important;border-radius:1.4mm!important}
  body.tue-printing-v773 .tue-print-meta-v773 span{font-size:6.1pt!important;line-height:1!important}
  body.tue-printing-v773 .tue-print-meta-v773 strong{font-size:8.6pt!important;line-height:1!important;margin-top:.25mm!important}
  body.tue-printing-v773 .tue-print-drawing-v773{height:104mm!important;max-height:104mm!important;margin:0 auto 2.4mm!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;background:#fff!important;break-inside:avoid!important;page-break-inside:avoid!important}
  body.tue-printing-v773 .tue-print-drawing-v773 svg{height:104mm!important;max-height:104mm!important;width:100%!important;max-width:184mm!important;margin:0 auto!important;display:block!important;overflow:visible!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-results-v773{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.35mm!important;margin:0!important;padding:0!important;background:#fff!important;break-before:avoid!important;page-break-before:avoid!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:avoid!important;page-break-after:avoid!important}
  body.tue-printing-v773 .tue-print-results-v773>div{min-height:9.8mm!important;padding:1.15mm!important;border-radius:1.35mm!important;overflow:hidden!important;break-inside:avoid!important;page-break-inside:avoid!important;background:#fff!important;color:#000!important;border:1px solid #bbb!important}
  body.tue-printing-v773 .tue-print-results-v773 span{font-size:5.9pt!important;line-height:1!important;color:#333!important}
  body.tue-printing-v773 .tue-print-results-v773 strong{font-size:9.0pt!important;line-height:1!important;margin-top:.25mm!important;color:#000!important}
  body.tue-printing-v773 .tue-print-results-v773 small{font-size:5.5pt!important;line-height:1!important;color:#555!important;margin-top:0!important}
}


/* v7.88 Auslastung Status, Lesbarkeit, Buttons */
.auslastung-status-legend-v788{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text)}
.auslastung-status-legend-v788>strong{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.auslastung-status-legend-v788>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.legend-dot-v788{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:.74rem;font-weight:800;color:var(--text)}
.legend-dot-v788 i{display:block;width:10px;height:10px;border-radius:99px;background:#94a3b8;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.legend-dot-v788.request i{background:#f59e0b}.legend-dot-v788.confirmed i{background:#22c55e}.legend-dot-v788.appointment i{background:#3b82f6}.legend-dot-v788.blocked i{background:#64748b}.legend-dot-v788.sick i{background:#ef4444}.legend-dot-v788.vacation i{background:#14b8a6}.legend-dot-v788.birthday i{background:#a855f7}.legend-dot-v788.absence i{background:#94a3b8}.legend-dot-v788.done i{background:#16a34a}
.load-bar-v35.request{background:#fde68a!important;border-color:#f59e0b!important;border-left-color:#b45309!important;color:#2b1d03!important}
.load-bar-v35.confirmed{background:#bbf7d0!important;border-color:#22c55e!important;border-left-color:#15803d!important;color:#062610!important}
.load-bar-v35.appointment{background:#bfdbfe!important;border-color:#3b82f6!important;border-left-color:#1d4ed8!important;color:#061b3c!important}
.load-bar-v35.blocked{background:#cbd5e1!important;border-color:#64748b!important;border-left-color:#334155!important;color:#111827!important}
.load-bar-v35.sick{background:#fecaca!important;border-color:#ef4444!important;border-left-color:#b91c1c!important;color:#3b0707!important}
.load-bar-v35.vacation{background:#99f6e4!important;border-color:#14b8a6!important;border-left-color:#0f766e!important;color:#042f2e!important}
.load-bar-v35.birthday{background:#e9d5ff!important;border-color:#a855f7!important;border-left-color:#7e22ce!important;color:#2e1065!important}
.load-bar-v35.absence{background:#e5e7eb!important;border-color:#9ca3af!important;border-left-color:#6b7280!important;color:#111827!important}
.load-bar-v35.done{background:#dcfce7!important;border-color:#16a34a!important;border-left-color:#166534!important;color:#052e16!important}
.load-bar-v35.imported{background:#fef3c7!important;border-color:#f59e0b!important;border-left-color:#d97706!important;color:#2b1d03!important}
:root[data-theme="dark"] .load-bar-v35 summary strong,:root[data-theme="dark"] .load-bar-v35 summary{color:inherit!important;text-shadow:none!important}
:root[data-theme="dark"] .person-picker-v35 label span{color:#0f172a!important;background:#fff!important;border-color:#d7dde7!important;text-shadow:none!important}
:root[data-theme="dark"] .person-picker-v35 label small{color:#172033!important;text-shadow:none!important}
:root[data-theme="dark"] .person-picker-v35 label{background:#ffffff!important;color:#172033!important;border-color:#d7dde7!important}
.week-notes-v35 .person-chip-v741{font-size:.56rem!important;min-width:22px!important;height:16px!important;padding:0 4px!important;border-radius:4px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important}
@media(max-width:760px){.week-notes-v35 .person-chip-v741{font-size:.34rem!important;min-width:15px!important;height:11px!important;padding:0 2px!important;border-radius:3px!important}}
.scroll-top-v39{left:50%!important;right:auto!important;bottom:22px!important;transform:translateX(-50%)!important}
.today-floating-v788{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);z-index:3000;border:0;border-radius:999px;background:#fbb90f;color:#1d1604;font-weight:950;letter-spacing:.04em;padding:12px 18px;box-shadow:0 10px 28px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:.2s ease}
.today-floating-v788.visible{opacity:1;pointer-events:auto}
.week-days-v33 .day-cell-v33.today-v36,:root[data-theme="light"] .week-days-v33 .day-cell-v33.today-v36{background:linear-gradient(180deg, rgba(251,185,15,.70), rgba(251,185,15,.26))!important;box-shadow:inset 0 0 0 4px #fbb90f, inset 0 0 0 7px rgba(255,255,255,.45), 0 0 0 3px rgba(251,185,15,.30)!important}
.week-days-v33 .day-cell-v33.today-v36 .day-head-v33{background:rgba(251,185,15,.16)!important}
.week-days-v33 .day-cell-v33.today-v36::after{right:6px;bottom:5px;font-size:.55rem;padding:3px 8px;background:#111827;color:#fff;border:1px solid rgba(255,255,255,.35)}
@media(max-width:760px){.today-floating-v788{bottom:82px;padding:10px 15px}.scroll-top-v39{bottom:20px!important}}


/* v7.89 Auslastung: differenziertere Statusfarben + globaler Pfeil wirklich mittig */
.auslastung-status-legend-v788{
  gap:14px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),var(--card)!important;
}
.legend-dot-v788{border-color:rgba(148,163,184,.34)!important;background:rgba(255,255,255,.07)!important;color:var(--text)!important}
.legend-dot-v788 i{box-shadow:0 0 0 2px rgba(255,255,255,.22),0 1px 4px rgba(0,0,0,.18)!important}
.legend-dot-v788.request i{background:#eab308!important}.legend-dot-v788.confirmed i{background:#16a34a!important}.legend-dot-v788.appointment i{background:#2563eb!important}.legend-dot-v788.blocked i{background:#475569!important}.legend-dot-v788.sick i{background:#dc2626!important}.legend-dot-v788.vacation i{background:#0891b2!important}.legend-dot-v788.birthday i{background:#9333ea!important}.legend-dot-v788.absence i{background:#f97316!important}.legend-dot-v788.done i{background:#059669!important}
.load-bar-v35.request{background:#facc15!important;border-color:#ca8a04!important;border-left-color:#854d0e!important;color:#221a00!important}
.load-bar-v35.confirmed{background:#22c55e!important;border-color:#15803d!important;border-left-color:#14532d!important;color:#04130a!important}
.load-bar-v35.appointment{background:#60a5fa!important;border-color:#2563eb!important;border-left-color:#1e3a8a!important;color:#031633!important}
.load-bar-v35.blocked{background:#94a3b8!important;border-color:#64748b!important;border-left-color:#334155!important;color:#07111f!important}
.load-bar-v35.sick{background:#f87171!important;border-color:#dc2626!important;border-left-color:#7f1d1d!important;color:#2a0303!important}
.load-bar-v35.vacation{background:#2dd4bf!important;border-color:#0d9488!important;border-left-color:#115e59!important;color:#03221f!important}
.load-bar-v35.birthday{background:#c084fc!important;border-color:#9333ea!important;border-left-color:#581c87!important;color:#18052e!important}
.load-bar-v35.absence{background:#fb923c!important;border-color:#ea580c!important;border-left-color:#9a3412!important;color:#271002!important}
.load-bar-v35.done{background:#34d399!important;border-color:#059669!important;border-left-color:#065f46!important;color:#021b12!important}
.load-bar-v35.imported{background:repeating-linear-gradient(135deg,#fef3c7 0,#fef3c7 9px,#fde68a 9px,#fde68a 18px)!important;border-color:#d97706!important;border-left-color:#92400e!important;color:#2b1d03!important}
.load-bar-v35.request summary,.load-bar-v35.confirmed summary,.load-bar-v35.appointment summary,.load-bar-v35.blocked summary,.load-bar-v35.sick summary,.load-bar-v35.vacation summary,.load-bar-v35.birthday summary,.load-bar-v35.absence summary,.load-bar-v35.done summary,.load-bar-v35.imported summary,
.load-bar-v35.request summary strong,.load-bar-v35.confirmed summary strong,.load-bar-v35.appointment summary strong,.load-bar-v35.blocked summary strong,.load-bar-v35.sick summary strong,.load-bar-v35.vacation summary strong,.load-bar-v35.birthday summary strong,.load-bar-v35.absence summary strong,.load-bar-v35.done summary strong,.load-bar-v35.imported summary strong{
  color:inherit!important;
  text-shadow:none!important;
}
:root[data-theme="dark"] .load-bar-v35.request,
:root[data-theme="dark"] .load-bar-v35.confirmed,
:root[data-theme="dark"] .load-bar-v35.appointment,
:root[data-theme="dark"] .load-bar-v35.blocked,
:root[data-theme="dark"] .load-bar-v35.sick,
:root[data-theme="dark"] .load-bar-v35.vacation,
:root[data-theme="dark"] .load-bar-v35.birthday,
:root[data-theme="dark"] .load-bar-v35.absence,
:root[data-theme="dark"] .load-bar-v35.done,
:root[data-theme="dark"] .load-bar-v35.imported{box-shadow:0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(0,0,0,.14)!important}
.global-scroll-top-v46,
.scroll-top-v39{
  left:50%!important;
  right:auto!important;
  bottom:calc(18px + env(safe-area-inset-bottom))!important;
  transform:translate(-50%,14px) scale(.94)!important;
}
.global-scroll-top-v46.visible,
.scroll-top-v39.visible{
  transform:translate(-50%,0) scale(1)!important;
}
@media(max-width:760px){
  .global-scroll-top-v46,.scroll-top-v39{left:50%!important;right:auto!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;transform:translate(-50%,14px) scale(.94)!important}
  .global-scroll-top-v46.visible,.scroll-top-v39.visible{transform:translate(-50%,0) scale(1)!important}
}


/* v7.90 Auslastung: gestrichelte Statusoptik, feine Zeilenlinien, Footer-Links entfernt */
.footer-legal-inline-v68{display:none!important}

/* Statusbalken: alle Farben mit gleicher diagonaler Optik */
.load-bar-v35.request,
.load-bar-v35.confirmed,
.load-bar-v35.appointment,
.load-bar-v35.blocked,
.load-bar-v35.sick,
.load-bar-v35.vacation,
.load-bar-v35.birthday,
.load-bar-v35.absence,
.load-bar-v35.done,
.load-bar-v35.imported{
  border-left-width:2px!important;
  border-radius:6px!important;
  box-shadow:0 6px 14px rgba(15,23,42,.10)!important;
  color:#111827!important;
}
.load-bar-v35.request{background:repeating-linear-gradient(135deg,#fff7b7 0,#fff7b7 12px,#fde68a 12px,#fde68a 24px)!important;border-color:#d97706!important;color:#231800!important}
.load-bar-v35.confirmed{background:repeating-linear-gradient(135deg,#c9f7d9 0,#c9f7d9 12px,#86efac 12px,#86efac 24px)!important;border-color:#15803d!important;color:#052e16!important}
.load-bar-v35.appointment{background:repeating-linear-gradient(135deg,#dbeafe 0,#dbeafe 12px,#93c5fd 12px,#93c5fd 24px)!important;border-color:#1d4ed8!important;color:#082f6a!important}
.load-bar-v35.blocked{background:repeating-linear-gradient(135deg,#e2e8f0 0,#e2e8f0 12px,#cbd5e1 12px,#cbd5e1 24px)!important;border-color:#475569!important;color:#111827!important}
.load-bar-v35.sick{background:repeating-linear-gradient(135deg,#fee2e2 0,#fee2e2 12px,#fca5a5 12px,#fca5a5 24px)!important;border-color:#b91c1c!important;color:#3b0707!important}
.load-bar-v35.vacation{background:repeating-linear-gradient(135deg,#ccfbf1 0,#ccfbf1 12px,#5eead4 12px,#5eead4 24px)!important;border-color:#0f766e!important;color:#042f2e!important}
.load-bar-v35.birthday{background:repeating-linear-gradient(135deg,#f3e8ff 0,#f3e8ff 12px,#d8b4fe 12px,#d8b4fe 24px)!important;border-color:#7e22ce!important;color:#2e1065!important}
.load-bar-v35.absence{background:repeating-linear-gradient(135deg,#ffedd5 0,#ffedd5 12px,#fdba74 12px,#fdba74 24px)!important;border-color:#c2410c!important;color:#431407!important}
.load-bar-v35.done{background:repeating-linear-gradient(135deg,#dcfce7 0,#dcfce7 12px,#6ee7b7 12px,#6ee7b7 24px)!important;border-color:#047857!important;color:#052e16!important}
.load-bar-v35.imported{background:repeating-linear-gradient(135deg,#fff1b8 0,#fff1b8 12px,#fbbf24 12px,#fbbf24 24px)!important;border-color:#92400e!important;color:#2b1d03!important}
.load-bar-v35.request summary,
.load-bar-v35.confirmed summary,
.load-bar-v35.appointment summary,
.load-bar-v35.blocked summary,
.load-bar-v35.sick summary,
.load-bar-v35.vacation summary,
.load-bar-v35.birthday summary,
.load-bar-v35.absence summary,
.load-bar-v35.done summary,
.load-bar-v35.imported summary,
.load-bar-v35.request summary strong,
.load-bar-v35.confirmed summary strong,
.load-bar-v35.appointment summary strong,
.load-bar-v35.blocked summary strong,
.load-bar-v35.sick summary strong,
.load-bar-v35.vacation summary strong,
.load-bar-v35.birthday summary strong,
.load-bar-v35.absence summary strong,
.load-bar-v35.done summary strong,
.load-bar-v35.imported summary strong{color:inherit!important;text-shadow:none!important}

/* Legende ebenfalls diagonal */
.legend-dot-v788 i{border-radius:4px!important;width:18px!important;height:12px!important}
.legend-dot-v788.request i{background:repeating-linear-gradient(135deg,#fff7b7 0,#fff7b7 4px,#fde68a 4px,#fde68a 8px)!important;border:1px solid #d97706!important}
.legend-dot-v788.confirmed i{background:repeating-linear-gradient(135deg,#c9f7d9 0,#c9f7d9 4px,#86efac 4px,#86efac 8px)!important;border:1px solid #15803d!important}
.legend-dot-v788.appointment i{background:repeating-linear-gradient(135deg,#dbeafe 0,#dbeafe 4px,#93c5fd 4px,#93c5fd 8px)!important;border:1px solid #1d4ed8!important}
.legend-dot-v788.blocked i{background:repeating-linear-gradient(135deg,#e2e8f0 0,#e2e8f0 4px,#cbd5e1 4px,#cbd5e1 8px)!important;border:1px solid #475569!important}
.legend-dot-v788.sick i{background:repeating-linear-gradient(135deg,#fee2e2 0,#fee2e2 4px,#fca5a5 4px,#fca5a5 8px)!important;border:1px solid #b91c1c!important}
.legend-dot-v788.vacation i{background:repeating-linear-gradient(135deg,#ccfbf1 0,#ccfbf1 4px,#5eead4 4px,#5eead4 8px)!important;border:1px solid #0f766e!important}
.legend-dot-v788.birthday i{background:repeating-linear-gradient(135deg,#f3e8ff 0,#f3e8ff 4px,#d8b4fe 4px,#d8b4fe 8px)!important;border:1px solid #7e22ce!important}
.legend-dot-v788.absence i{background:repeating-linear-gradient(135deg,#ffedd5 0,#ffedd5 4px,#fdba74 4px,#fdba74 8px)!important;border:1px solid #c2410c!important}
.legend-dot-v788.done i{background:repeating-linear-gradient(135deg,#dcfce7 0,#dcfce7 4px,#6ee7b7 4px,#6ee7b7 8px)!important;border:1px solid #047857!important}

/* Feine horizontale Zeilenlinien über Projekte und Personal, damit beides sauber fluchtet */
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,
:root[data-theme="dark"] .week-notes-grid-v744{
  background-color:#fff!important;
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--week-row-height-v740) - 1px),rgba(120,139,165,.30) calc(var(--week-row-height-v740) - 1px),rgba(120,139,165,.30) var(--week-row-height-v740)),
    linear-gradient(to right,transparent calc(14.285714% - .5px),rgba(120,139,165,.34) calc(14.285714% - .5px),rgba(120,139,165,.34) calc(14.285714% + .5px),transparent calc(14.285714% + .5px),transparent calc(28.571428% - .5px),rgba(120,139,165,.34) calc(28.571428% - .5px),rgba(120,139,165,.34) calc(28.571428% + .5px),transparent calc(28.571428% + .5px),transparent calc(42.857142% - .5px),rgba(120,139,165,.34) calc(42.857142% - .5px),rgba(120,139,165,.34) calc(42.857142% + .5px),transparent calc(42.857142% + .5px),transparent calc(57.142856% - .5px),rgba(120,139,165,.34) calc(57.142856% - .5px),rgba(120,139,165,.34) calc(57.142856% + .5px),transparent calc(57.142856% + .5px),transparent calc(71.42857% - .5px),rgba(120,139,165,.34) calc(71.42857% - .5px),rgba(120,139,165,.34) calc(71.42857% + .5px),transparent calc(71.42857% + .5px),transparent calc(85.714284% - .5px),rgba(120,139,165,.34) calc(85.714284% - .5px),rgba(120,139,165,.34) calc(85.714284% + .5px),transparent calc(85.714284% + .5px))!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:repeat,no-repeat!important;
}
.week-notes-grid-v744,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-notes-grid-v744{
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--week-row-height-v740) - 1px),rgba(120,139,165,.30) calc(var(--week-row-height-v740) - 1px),rgba(120,139,165,.30) var(--week-row-height-v740))!important;
}

/* Handy: keine eckigen/orangen Rahmen, sondern wie Desktop mit Rundung und Diagonaloptik */
@media(max-width:760px){
  .load-bar-v35,
  .load-bar-v35.request,
  .load-bar-v35.confirmed,
  .load-bar-v35.appointment,
  .load-bar-v35.blocked,
  .load-bar-v35.sick,
  .load-bar-v35.vacation,
  .load-bar-v35.birthday,
  .load-bar-v35.absence,
  .load-bar-v35.done,
  .load-bar-v35.imported{
    border-left-width:2px!important;
    border-width:1px!important;
    border-radius:6px!important;
    box-shadow:0 3px 8px rgba(15,23,42,.10)!important;
    overflow:hidden!important;
  }
  .load-bar-v35 summary{border-radius:6px!important;overflow:hidden!important}
}


/* v7.91 Auslastung: ruhige Statusstreifen, echtes Zeilenraster links/rechts, Personalspalte ohne Leerrest */
:root{
  --aus-v791-personal-width: 240px;
  --aus-v791-row-height: 36px;
  --aus-v791-row-gap: 3px;
  --aus-v791-line: rgba(120,139,165,.30);
  --aus-v791-dayline: rgba(120,139,165,.36);
}
.week-card-v33{box-sizing:border-box!important;}
.week-card-v33 .week-layout-v35{
  display:grid!important;
  grid-template-columns:minmax(0, calc(100% - var(--aus-v791-personal-width))) var(--aus-v791-personal-width)!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  gap:0!important;
  align-items:start!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.week-main-v35{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
.week-notes-v35,
:root[data-theme="light"] .week-notes-v35,
:root[data-theme="dark"] .week-notes-v35{
  width:var(--aus-v791-personal-width)!important;
  min-width:var(--aus-v791-personal-width)!important;
  max-width:var(--aus-v791-personal-width)!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border-left:1px solid var(--aus-v791-dayline)!important;
}
.week-days-v33,
.week-notes-head-v744,
:root[data-theme="light"] .week-days-v33,
:root[data-theme="dark"] .week-days-v33,
:root[data-theme="light"] .week-notes-head-v744,
:root[data-theme="dark"] .week-notes-head-v744{
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  box-sizing:border-box!important;
}
.week-notes-head-v744,
:root[data-theme="light"] .week-notes-head-v744,
:root[data-theme="dark"] .week-notes-head-v744{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 12px!important;
  background:#344055!important;
  color:#fff!important;
  border-bottom:1px solid rgba(15,23,42,.40)!important;
}
.week-notes-head-v744 strong{font-size:.72rem!important;letter-spacing:.04em!important;}
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,
:root[data-theme="dark"] .week-notes-grid-v744{
  --week-row-height-v740: var(--aus-v791-row-height)!important;
  --aus-row-inset-v760: var(--aus-v791-row-gap)!important;
  display:grid!important;
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
  min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  align-content:start!important;
  align-items:stretch!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  background-color:#fff!important;
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--week-row-height-v740) - 1px),var(--aus-v791-line) calc(var(--week-row-height-v740) - 1px),var(--aus-v791-line) var(--week-row-height-v740)),
    linear-gradient(to right,transparent calc(14.285714% - .5px),var(--aus-v791-dayline) calc(14.285714% - .5px),var(--aus-v791-dayline) calc(14.285714% + .5px),transparent calc(14.285714% + .5px),transparent calc(28.571428% - .5px),var(--aus-v791-dayline) calc(28.571428% - .5px),var(--aus-v791-dayline) calc(28.571428% + .5px),transparent calc(28.571428% + .5px),transparent calc(42.857142% - .5px),var(--aus-v791-dayline) calc(42.857142% - .5px),var(--aus-v791-dayline) calc(42.857142% + .5px),transparent calc(42.857142% + .5px),transparent calc(57.142856% - .5px),var(--aus-v791-dayline) calc(57.142856% - .5px),var(--aus-v791-dayline) calc(57.142856% + .5px),transparent calc(57.142856% + .5px),transparent calc(71.42857% - .5px),var(--aus-v791-dayline) calc(71.42857% - .5px),var(--aus-v791-dayline) calc(71.42857% + .5px),transparent calc(71.42857% + .5px),transparent calc(85.714284% - .5px),var(--aus-v791-dayline) calc(85.714284% - .5px),var(--aus-v791-dayline) calc(85.714284% + .5px),transparent calc(85.714284% + .5px))!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:repeat,no-repeat!important;
}
.week-notes-grid-v744,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-notes-grid-v744{
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--week-row-height-v740) - 1px),var(--aus-v791-line) calc(var(--week-row-height-v740) - 1px),var(--aus-v791-line) var(--week-row-height-v740))!important;
}
.load-bar-v35,
.load-bar-v35.request,
.load-bar-v35.confirmed,
.load-bar-v35.appointment,
.load-bar-v35.blocked,
.load-bar-v35.sick,
.load-bar-v35.vacation,
.load-bar-v35.birthday,
.load-bar-v35.absence,
.load-bar-v35.done,
.load-bar-v35.imported,
.week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  height:calc(var(--week-row-height-v740) - (var(--aus-v791-row-gap) * 2))!important;
  min-height:calc(var(--week-row-height-v740) - (var(--aus-v791-row-gap) * 2))!important;
  max-height:calc(var(--week-row-height-v740) - (var(--aus-v791-row-gap) * 2))!important;
  margin:var(--aus-v791-row-gap) 4px!important;
  padding:0!important;
  align-self:start!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(45,65,98,.14)!important;
  border-radius:6px!important;
  overflow:hidden!important;
  padding:0 8px!important;
}
.week-note-personal-v745{display:flex!important;align-items:center!important;width:100%!important;height:100%!important;padding:0!important;overflow:hidden!important;}
.week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:3px!important;width:100%!important;overflow:hidden!important;}

/* ruhigere diagonale Statusflächen: gleiche Optik, geringerer Kontrast */
.load-bar-v35.request{background:repeating-linear-gradient(135deg,#fff3b6 0,#fff3b6 12px,#ffe49a 12px,#ffe49a 24px)!important;border-color:#d99a20!important;color:#2b1d03!important;}
.load-bar-v35.confirmed{background:repeating-linear-gradient(135deg,#d8f4df 0,#d8f4df 12px,#b8ebc5 12px,#b8ebc5 24px)!important;border-color:#2e9a52!important;color:#052e16!important;}
.load-bar-v35.appointment{background:repeating-linear-gradient(135deg,#dbeafe 0,#dbeafe 12px,#c1dcfd 12px,#c1dcfd 24px)!important;border-color:#3678d4!important;color:#082f6a!important;}
.load-bar-v35.blocked{background:repeating-linear-gradient(135deg,#e9eef5 0,#e9eef5 12px,#dbe3ec 12px,#dbe3ec 24px)!important;border-color:#64748b!important;color:#111827!important;}
.load-bar-v35.sick{background:repeating-linear-gradient(135deg,#fee5e5 0,#fee5e5 12px,#ffc9c9 12px,#ffc9c9 24px)!important;border-color:#c44747!important;color:#3b0707!important;}
.load-bar-v35.vacation{background:repeating-linear-gradient(135deg,#d7f6f1 0,#d7f6f1 12px,#b9eee6 12px,#b9eee6 24px)!important;border-color:#23958c!important;color:#042f2e!important;}
.load-bar-v35.birthday{background:repeating-linear-gradient(135deg,#f1e5ff 0,#f1e5ff 12px,#e4ccff 12px,#e4ccff 24px)!important;border-color:#8b49d2!important;color:#2e1065!important;}
.load-bar-v35.absence{background:repeating-linear-gradient(135deg,#ffead2 0,#ffead2 12px,#ffd0a2 12px,#ffd0a2 24px)!important;border-color:#d06a1b!important;color:#431407!important;}
.load-bar-v35.done{background:repeating-linear-gradient(135deg,#dcf8e8 0,#dcf8e8 12px,#b8efd2 12px,#b8efd2 24px)!important;border-color:#119064!important;color:#052e16!important;}
.load-bar-v35.imported{background:repeating-linear-gradient(135deg,#fff3b6 0,#fff3b6 12px,#ffe49a 12px,#ffe49a 24px)!important;border-color:#d99a20!important;color:#2b1d03!important;}

.legend-dot-v788.request i{background:repeating-linear-gradient(135deg,#fff3b6 0,#fff3b6 4px,#ffe49a 4px,#ffe49a 8px)!important;border-color:#d99a20!important;}
.legend-dot-v788.confirmed i{background:repeating-linear-gradient(135deg,#d8f4df 0,#d8f4df 4px,#b8ebc5 4px,#b8ebc5 8px)!important;border-color:#2e9a52!important;}
.legend-dot-v788.appointment i{background:repeating-linear-gradient(135deg,#dbeafe 0,#dbeafe 4px,#c1dcfd 4px,#c1dcfd 8px)!important;border-color:#3678d4!important;}
.legend-dot-v788.blocked i{background:repeating-linear-gradient(135deg,#e9eef5 0,#e9eef5 4px,#dbe3ec 4px,#dbe3ec 8px)!important;border-color:#64748b!important;}
.legend-dot-v788.sick i{background:repeating-linear-gradient(135deg,#fee5e5 0,#fee5e5 4px,#ffc9c9 4px,#ffc9c9 8px)!important;border-color:#c44747!important;}
.legend-dot-v788.vacation i{background:repeating-linear-gradient(135deg,#d7f6f1 0,#d7f6f1 4px,#b9eee6 4px,#b9eee6 8px)!important;border-color:#23958c!important;}
.legend-dot-v788.birthday i{background:repeating-linear-gradient(135deg,#f1e5ff 0,#f1e5ff 4px,#e4ccff 4px,#e4ccff 8px)!important;border-color:#8b49d2!important;}
.legend-dot-v788.absence i{background:repeating-linear-gradient(135deg,#ffead2 0,#ffead2 4px,#ffd0a2 4px,#ffd0a2 8px)!important;border-color:#d06a1b!important;}
.legend-dot-v788.done i{background:repeating-linear-gradient(135deg,#dcf8e8 0,#dcf8e8 4px,#b8efd2 4px,#b8efd2 8px)!important;border-color:#119064!important;}

@media(max-width:1100px){
  :root{--aus-v791-personal-width:220px;}
}
@media(max-width:760px){
  :root{--aus-v791-personal-width:190px;--aus-v791-row-height:30px;--aus-v791-row-gap:1px;}
  .week-card-v33 .week-layout-v35{
    grid-template-columns:minmax(100vw,100vw) var(--aus-v791-personal-width)!important;
    width:calc(100vw + var(--aus-v791-personal-width))!important;
    min-width:calc(100vw + var(--aus-v791-personal-width))!important;
    max-width:none!important;
    overflow:visible!important;
  }
  .week-notes-v35,
  :root[data-theme="light"] .week-notes-v35,
  :root[data-theme="dark"] .week-notes-v35{
    width:var(--aus-v791-personal-width)!important;
    min-width:var(--aus-v791-personal-width)!important;
    max-width:var(--aus-v791-personal-width)!important;
  }
  .week-note-form-v35.week-note-form-v745,
  .week-note-form-v35.week-note-form-v745.personal-only-v762,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
  :root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
    padding:0 4px!important;
    margin:var(--aus-v791-row-gap)!important;
    border-radius:5px!important;
  }
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{gap:2px!important;}
}

/* v7.92 Auslastung: ein echtes gemeinsames Grid für Tage/Projekte und Personal */
:root{
  --aus-v792-personal-width: 250px;
  --aus-v792-row-height: 36px;
  --aus-v792-row-gap: 3px;
  --aus-v792-head-height: 52px;
  --aus-v792-line: rgba(95,112,137,.28);
  --aus-v792-dayline: rgba(95,112,137,.36);
}
.week-card-v33 .week-layout-v35{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--aus-v792-personal-width)!important;
  grid-template-rows:var(--aus-v792-head-height) auto!important;
  gap:0!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.week-card-v33 .week-main-v35,
.week-card-v33 .week-notes-v35{
  display:contents!important;
}
.week-card-v33 .week-days-v33{
  grid-column:1!important;
  grid-row:1!important;
}
.week-card-v33 .week-bars-v35{
  grid-column:1!important;
  grid-row:2!important;
}
.week-card-v33 .week-notes-head-v744{
  grid-column:2!important;
  grid-row:1!important;
}
.week-card-v33 .week-notes-grid-v744{
  grid-column:2!important;
  grid-row:2!important;
}
.week-days-v33,
.week-notes-head-v744,
:root[data-theme="light"] .week-days-v33,
:root[data-theme="dark"] .week-days-v33,
:root[data-theme="light"] .week-notes-head-v744,
:root[data-theme="dark"] .week-notes-head-v744{
  height:var(--aus-v792-head-height)!important;
  min-height:var(--aus-v792-head-height)!important;
  max-height:var(--aus-v792-head-height)!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,
:root[data-theme="dark"] .week-notes-grid-v744{
  --week-row-height-v740:var(--aus-v792-row-height)!important;
  display:grid!important;
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
  align-content:start!important;
  align-items:stretch!important;
  min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background-color:#fff!important;
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--week-row-height-v740) - 1px),var(--aus-v792-line) calc(var(--week-row-height-v740) - 1px),var(--aus-v792-line) var(--week-row-height-v740)),
    linear-gradient(to right,transparent calc(14.285714% - .5px),var(--aus-v792-dayline) calc(14.285714% - .5px),var(--aus-v792-dayline) calc(14.285714% + .5px),transparent calc(14.285714% + .5px),transparent calc(28.571428% - .5px),var(--aus-v792-dayline) calc(28.571428% - .5px),var(--aus-v792-dayline) calc(28.571428% + .5px),transparent calc(28.571428% + .5px),transparent calc(42.857142% - .5px),var(--aus-v792-dayline) calc(42.857142% - .5px),var(--aus-v792-dayline) calc(42.857142% + .5px),transparent calc(42.857142% + .5px),transparent calc(57.142856% - .5px),var(--aus-v792-dayline) calc(57.142856% - .5px),var(--aus-v792-dayline) calc(57.142856% + .5px),transparent calc(57.142856% + .5px),transparent calc(71.42857% - .5px),var(--aus-v792-dayline) calc(71.42857% - .5px),var(--aus-v792-dayline) calc(71.42857% + .5px),transparent calc(71.42857% + .5px),transparent calc(85.714284% - .5px),var(--aus-v792-dayline) calc(85.714284% - .5px),var(--aus-v792-dayline) calc(85.714284% + .5px),transparent calc(85.714284% + .5px))!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:repeat,no-repeat!important;
}
.week-notes-grid-v744,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-notes-grid-v744{
  width:100%!important;
  min-width:0!important;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--week-row-height-v740) - 1px),var(--aus-v792-line) calc(var(--week-row-height-v740) - 1px),var(--aus-v792-line) var(--week-row-height-v740))!important;
}
.week-notes-v35,
:root[data-theme="light"] .week-notes-v35,
:root[data-theme="dark"] .week-notes-v35{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  background:transparent!important;
  border-left:0!important;
  padding:0!important;
  margin:0!important;
}
.week-notes-head-v744,
:root[data-theme="light"] .week-notes-head-v744,
:root[data-theme="dark"] .week-notes-head-v744{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 12px!important;
  background:#344055!important;
  color:#fff!important;
  border-left:1px solid var(--aus-v792-dayline)!important;
  border-bottom:1px solid rgba(15,23,42,.40)!important;
}
.week-notes-grid-v744{
  border-left:1px solid var(--aus-v792-dayline)!important;
}
.load-bar-v35,
.load-bar-v35.request,
.load-bar-v35.confirmed,
.load-bar-v35.appointment,
.load-bar-v35.blocked,
.load-bar-v35.sick,
.load-bar-v35.vacation,
.load-bar-v35.birthday,
.load-bar-v35.absence,
.load-bar-v35.done,
.load-bar-v35.imported,
.week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  height:calc(var(--week-row-height-v740) - (var(--aus-v792-row-gap) * 2))!important;
  min-height:calc(var(--week-row-height-v740) - (var(--aus-v792-row-gap) * 2))!important;
  max-height:calc(var(--week-row-height-v740) - (var(--aus-v792-row-gap) * 2))!important;
  margin:var(--aus-v792-row-gap) 4px!important;
  align-self:start!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
  transform:none!important;
  top:auto!important;
}
.week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 8px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(45,65,98,.14)!important;
  border-radius:6px!important;
  overflow:hidden!important;
}
.week-note-personal-v745{height:100%!important;display:flex!important;align-items:center!important;padding:0!important;overflow:hidden!important;}
.week-note-personal-v745 .entry-personal-v741{height:100%!important;display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:nowrap!important;overflow:hidden!important;}

/* Ruhigere Streifen: gleicher Stil, Farben näher beieinander */
.load-bar-v35.request,.load-bar-v35.imported{background:repeating-linear-gradient(135deg,#fff0ae 0,#fff0ae 14px,#ffe28b 14px,#ffe28b 28px)!important;border-color:#d09316!important;color:#2b1d03!important;}
.load-bar-v35.confirmed{background:repeating-linear-gradient(135deg,#d9f0df 0,#d9f0df 14px,#c2e7ca 14px,#c2e7ca 28px)!important;border-color:#2e8e4d!important;color:#052e16!important;}
.load-bar-v35.appointment{background:repeating-linear-gradient(135deg,#dceafa 0,#dceafa 14px,#c9ddf6 14px,#c9ddf6 28px)!important;border-color:#3572c4!important;color:#082f6a!important;}
.load-bar-v35.blocked{background:repeating-linear-gradient(135deg,#e9eef4 0,#e9eef4 14px,#dfe6ef 14px,#dfe6ef 28px)!important;border-color:#64748b!important;color:#111827!important;}
.load-bar-v35.sick{background:repeating-linear-gradient(135deg,#fae1e1 0,#fae1e1 14px,#f4cccc 14px,#f4cccc 28px)!important;border-color:#b94747!important;color:#3b0707!important;}
.load-bar-v35.vacation{background:repeating-linear-gradient(135deg,#d9f2ee 0,#d9f2ee 14px,#c1e8e2 14px,#c1e8e2 28px)!important;border-color:#24877f!important;color:#042f2e!important;}
.load-bar-v35.birthday{background:repeating-linear-gradient(135deg,#eee3fa 0,#eee3fa 14px,#e2d0f5 14px,#e2d0f5 28px)!important;border-color:#8348c2!important;color:#2e1065!important;}
.load-bar-v35.absence{background:repeating-linear-gradient(135deg,#ffe8d1 0,#ffe8d1 14px,#ffd8b5 14px,#ffd8b5 28px)!important;border-color:#c8691d!important;color:#431407!important;}
.load-bar-v35.done{background:repeating-linear-gradient(135deg,#dcf4e8 0,#dcf4e8 14px,#c5ead8 14px,#c5ead8 28px)!important;border-color:#168760!important;color:#052e16!important;}

/* größere Farbvorschau in der Status-Legende */
.legend-dot-v788 i{
  width:34px!important;
  height:20px!important;
  min-width:34px!important;
  border-radius:7px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important;
}
.auslastung-status-legend-v788{gap:14px!important;align-items:center!important;}
.auslastung-status-legend-v788>div{gap:12px!important;}
.legend-dot-v788{font-size:.78rem!important;gap:7px!important;align-items:center!important;}

/* Mobile Projekt-Detail: Titel im Darkmode lesbar */
.mobile-project-panel-head-v750,
:root[data-theme="dark"] .mobile-project-panel-head-v750{
  background:#FECB8B!important;
  color:#2b1d03!important;
}
.mobile-project-panel-head-v750 strong,
:root[data-theme="dark"] .mobile-project-panel-head-v750 strong{
  color:#2b1d03!important;
  text-shadow:none!important;
}
.mobile-project-panel-close-v750,
:root[data-theme="dark"] .mobile-project-panel-close-v750{
  background:#fff8ef!important;
  color:#2b1d03!important;
  border-color:rgba(43,29,3,.24)!important;
}
.mobile-project-panel-content-v750,
:root[data-theme="dark"] .mobile-project-panel-content-v750{
  background:#fff8ef!important;
  color:#172033!important;
}

/* Scrollpfeil höher, damit er den Footer am Handy nicht verdeckt */
.global-scroll-top-v46,
.scroll-top-v39{
  bottom:54px!important;
}
@media(max-width:760px){
  :root{--aus-v792-personal-width:190px;--aus-v792-row-height:30px;--aus-v792-row-gap:1px;--aus-v792-head-height:42px;}
  .week-card-v33{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;}
  .week-card-v33 .week-layout-v35{
    grid-template-columns:minmax(100vw,100vw) var(--aus-v792-personal-width)!important;
    width:calc(100vw + var(--aus-v792-personal-width))!important;
    min-width:calc(100vw + var(--aus-v792-personal-width))!important;
    max-width:none!important;
    overflow:visible!important;
  }
  .week-bars-v35,.week-notes-grid-v744{--week-row-height-v740:var(--aus-v792-row-height)!important;}
  .week-note-form-v35.week-note-form-v745,
  .week-note-form-v35.week-note-form-v745.personal-only-v762,
  :root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
  :root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{padding:0 4px!important;margin:var(--aus-v792-row-gap)!important;border-radius:5px!important;}
  .week-note-personal-v745 .entry-personal-v741{gap:2px!important;}
  .person-chip-v741{font-size:.34rem!important;min-width:15px!important;height:11px!important;padding:0 2px!important;}
  .legend-dot-v788 i{width:30px!important;height:18px!important;min-width:30px!important;}
  .global-scroll-top-v46,.scroll-top-v39{bottom:calc(74px + env(safe-area-inset-bottom))!important;}
  .today-floating-v788{bottom:calc(132px + env(safe-area-inset-bottom))!important;}
}

/* v7.93 Auslastung: Raster hart koppeln, ruhige Balken, kompakte Navigation */
.auslastung-toolbar-v33{
  padding:8px 10px!important;
  gap:8px!important;
  border-radius:14px!important;
}
.auslastung-filter-v33{gap:8px!important;align-items:end!important;flex-wrap:wrap!important}
.auslastung-filter-v33 label{min-width:110px!important;gap:3px!important}
.auslastung-filter-v33 label span{font-size:.58rem!important;letter-spacing:.04em!important}
.auslastung-filter-v33 select{min-height:30px!important;padding:4px 28px 4px 8px!important;font-size:.78rem!important;border-radius:10px!important}
.auslastung-toolbar-actions-v43{gap:6px!important;flex-wrap:wrap!important}
.auslastung-toolbar-actions-v43 .btn{min-height:30px!important;padding:5px 9px!important;font-size:.76rem!important;border-radius:10px!important}

.jump-panel-v35.jump-panel-compact-v793{
  padding:8px 10px!important;
  margin:8px 0 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .jump-panel-v35.jump-panel-compact-v793{background:rgba(31,41,55,.58)!important;border-color:rgba(148,163,184,.22)!important}
.jump-row-v35.jump-row-compact-v793{display:flex!important;align-items:end!important;gap:8px!important;flex-wrap:wrap!important}
.jump-row-compact-v793 label{display:grid!important;gap:3px!important;min-width:118px!important;margin:0!important}
.jump-row-compact-v793 label span{font-size:.55rem!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--muted)!important}
.jump-row-compact-v793 select{min-height:32px!important;border-radius:10px!important;padding:4px 28px 4px 8px!important;font-size:.76rem!important;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important}
.jump-row-compact-v793 .today-jump-v36{min-height:32px!important;padding:5px 13px!important;font-size:.76rem!important;border-radius:999px!important}

.auslastung-add-v33 details{border:1px solid rgba(251,185,15,.34)!important;border-radius:16px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(251,185,15,.12),rgba(255,255,255,.04))!important}
.new-entry-summary-v41{background:linear-gradient(135deg,#fbb90f,#fed46c)!important;color:#231a03!important;border:0!important;padding:12px 14px!important}
.new-entry-summary-v41 strong{color:#231a03!important;font-size:1rem!important}
.new-entry-summary-v41 span{color:#4a3704!important}
.new-entry-summary-v41 b{background:rgba(255,255,255,.46)!important;color:#231a03!important;border:1px solid rgba(74,55,4,.18)!important;box-shadow:none!important;font-size:.68rem!important;padding:5px 9px!important}
:root[data-theme="dark"] .new-entry-summary-v41{background:linear-gradient(135deg,#fbb90f,#fed46c)!important;color:#231a03!important}

/* Gemeinsamer, harter Zeilenraster: Projektbalken und Personalchips sitzen mittig in derselben Zeile */
:root{--aus-v793-row-height:42px;--aus-v793-row-gap:5px;--aus-v793-personal-width:250px;--aus-v793-line:rgba(105,123,151,.34);--aus-v793-dayline:rgba(105,123,151,.42)}
.week-card-v33 .week-layout-v35{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--aus-v793-personal-width)!important;
  grid-template-areas:"main notes"!important;
  gap:0!important;
  align-items:start!important;
  width:100%!important;
  overflow:visible!important;
}
.week-main-v35{grid-area:main!important;min-width:0!important;width:100%!important;overflow:hidden!important}
.week-notes-v35{grid-area:notes!important;width:var(--aus-v793-personal-width)!important;min-width:var(--aus-v793-personal-width)!important;max-width:var(--aus-v793-personal-width)!important;overflow:hidden!important}
.week-bars-v35,.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,:root[data-theme="dark"] .week-notes-grid-v744{
  --week-row-height-v740:var(--aus-v793-row-height)!important;
  display:grid!important;
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
  align-content:start!important;
  align-items:start!important;
  padding:0!important;
  margin:0!important;
  min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  box-sizing:border-box!important;
  background-color:#fff!important;
}
.week-bars-v35,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="dark"] .week-bars-v35{
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--week-row-height-v740) - 1px),var(--aus-v793-line) calc(var(--week-row-height-v740) - 1px),var(--aus-v793-line) var(--week-row-height-v740)),
    linear-gradient(to right,transparent calc(14.285714% - .5px),var(--aus-v793-dayline) calc(14.285714% - .5px),var(--aus-v793-dayline) calc(14.285714% + .5px),transparent calc(14.285714% + .5px),transparent calc(28.571428% - .5px),var(--aus-v793-dayline) calc(28.571428% - .5px),var(--aus-v793-dayline) calc(28.571428% + .5px),transparent calc(28.571428% + .5px),transparent calc(42.857142% - .5px),var(--aus-v793-dayline) calc(42.857142% - .5px),var(--aus-v793-dayline) calc(42.857142% + .5px),transparent calc(42.857142% + .5px),transparent calc(57.142856% - .5px),var(--aus-v793-dayline) calc(57.142856% - .5px),var(--aus-v793-dayline) calc(57.142856% + .5px),transparent calc(57.142856% + .5px),transparent calc(71.42857% - .5px),var(--aus-v793-dayline) calc(71.42857% - .5px),var(--aus-v793-dayline) calc(71.42857% + .5px),transparent calc(71.42857% + .5px),transparent calc(85.714284% - .5px),var(--aus-v793-dayline) calc(85.714284% - .5px),var(--aus-v793-dayline) calc(85.714284% + .5px),transparent calc(85.714284% + .5px))!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:repeat,no-repeat!important;
}
.week-notes-grid-v744,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-notes-grid-v744{
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--week-row-height-v740) - 1px),var(--aus-v793-line) calc(var(--week-row-height-v740) - 1px),var(--aus-v793-line) var(--week-row-height-v740))!important;
  border-left:1px solid var(--aus-v793-dayline)!important;
}
.load-bar-v35,
.load-bar-v35.request,.load-bar-v35.confirmed,.load-bar-v35.appointment,.load-bar-v35.blocked,.load-bar-v35.sick,.load-bar-v35.vacation,.load-bar-v35.birthday,.load-bar-v35.absence,.load-bar-v35.done,.load-bar-v35.imported,
.week-note-form-v35.week-note-form-v745,.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  height:calc(var(--week-row-height-v740) - (var(--aus-v793-row-gap) * 2))!important;
  min-height:calc(var(--week-row-height-v740) - (var(--aus-v793-row-gap) * 2))!important;
  max-height:calc(var(--week-row-height-v740) - (var(--aus-v793-row-gap) * 2))!important;
  margin:var(--aus-v793-row-gap) 6px!important;
  padding:0!important;
  align-self:start!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
  border-radius:7px!important;
  overflow:hidden!important;
  top:auto!important;
  transform:none!important;
}
.week-note-form-v35.week-note-form-v745,.week-note-form-v35.week-note-form-v745.personal-only-v762{padding:0 8px!important;background:#fff!important;border:1px solid rgba(45,65,98,.14)!important;display:flex!important;align-items:center!important}
.load-bar-v35 summary{height:100%!important;min-height:0!important;max-height:100%!important;padding:0 10px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;background:transparent!important}
.load-bar-v35 summary strong{font-size:.73rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important}
.week-note-personal-v745,.week-note-personal-v745 .entry-personal-v741{height:100%!important;display:flex!important;align-items:center!important;overflow:hidden!important;flex-wrap:nowrap!important}
.week-note-personal-v745 .entry-personal-v741{gap:3px!important}

/* Ruhige diagonale Statusflächen */
.load-bar-v35.request,.load-bar-v35.imported,.legend-dot-v788.request i{background:repeating-linear-gradient(135deg,#fff2b8 0,#fff2b8 16px,#ffe9a1 16px,#ffe9a1 32px)!important;border-color:#d6a330!important;color:#2b1d03!important;}
.load-bar-v35.confirmed,.legend-dot-v788.confirmed i{background:repeating-linear-gradient(135deg,#dff2e3 0,#dff2e3 16px,#d1ebd6 16px,#d1ebd6 32px)!important;border-color:#309052!important;color:#052e16!important;}
.load-bar-v35.appointment,.legend-dot-v788.appointment i{background:repeating-linear-gradient(135deg,#e0edfb 0,#e0edfb 16px,#d2e4f8 16px,#d2e4f8 32px)!important;border-color:#3572c4!important;color:#082f6a!important;}
.load-bar-v35.blocked,.legend-dot-v788.blocked i{background:repeating-linear-gradient(135deg,#edf1f6 0,#edf1f6 16px,#e4eaf1 16px,#e4eaf1 32px)!important;border-color:#64748b!important;color:#111827!important;}
.load-bar-v35.sick,.legend-dot-v788.sick i{background:repeating-linear-gradient(135deg,#f9e5e5 0,#f9e5e5 16px,#f4d5d5 16px,#f4d5d5 32px)!important;border-color:#b94747!important;color:#3b0707!important;}
.load-bar-v35.vacation,.legend-dot-v788.vacation i{background:repeating-linear-gradient(135deg,#dff3f0 0,#dff3f0 16px,#cfece8 16px,#cfece8 32px)!important;border-color:#24877f!important;color:#042f2e!important;}
.load-bar-v35.birthday,.legend-dot-v788.birthday i{background:repeating-linear-gradient(135deg,#f0e7fb 0,#f0e7fb 16px,#e8dbf8 16px,#e8dbf8 32px)!important;border-color:#8348c2!important;color:#2e1065!important;}
.load-bar-v35.absence,.legend-dot-v788.absence i{background:repeating-linear-gradient(135deg,#ffead6 0,#ffead6 16px,#ffdec3 16px,#ffdec3 32px)!important;border-color:#c8691d!important;color:#431407!important;}
.load-bar-v35.done,.legend-dot-v788.done i{background:repeating-linear-gradient(135deg,#e0f4eb 0,#e0f4eb 16px,#d2ecdf 16px,#d2ecdf 32px)!important;border-color:#168760!important;color:#052e16!important;}
.legend-dot-v788 i{width:42px!important;height:24px!important;min-width:42px!important;border-radius:8px!important;border:1px solid rgba(0,0,0,.12)!important}
.auslastung-status-legend-v788{margin:10px 0 8px!important;padding:9px 11px!important;border-radius:14px!important}
.auslastung-status-legend-v788>strong{font-size:.72rem!important}

/* Auslastung Floating Buttons: nebeneinander, etwas höher */
.today-floating-v788,.scroll-top-v39{bottom:calc(92px + env(safe-area-inset-bottom))!important;z-index:3100!important}
.scroll-top-v39{left:calc(50% - 52px)!important;right:auto!important;transform:translateX(-50%)!important}
.scroll-top-v39.visible{transform:translateX(-50%)!important}
.today-floating-v788{left:calc(50% + 52px)!important;right:auto!important;transform:translateX(-50%)!important}
.today-floating-v788.visible{transform:translateX(-50%)!important}

@media(max-width:760px){
  :root{--aus-v793-row-height:32px;--aus-v793-row-gap:3px;--aus-v793-personal-width:178px;}
  .week-card-v33{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;max-width:100vw!important}
  .week-card-v33 .week-layout-v35{grid-template-columns:minmax(100vw,100vw) var(--aus-v793-personal-width)!important;width:calc(100vw + var(--aus-v793-personal-width))!important;min-width:calc(100vw + var(--aus-v793-personal-width))!important;max-width:calc(100vw + var(--aus-v793-personal-width))!important;}
  .week-main-v35{width:100vw!important;min-width:100vw!important;max-width:100vw!important}
  .week-notes-v35{width:var(--aus-v793-personal-width)!important;min-width:var(--aus-v793-personal-width)!important;max-width:var(--aus-v793-personal-width)!important}
  .load-bar-v35,.load-bar-v35.request,.load-bar-v35.confirmed,.load-bar-v35.appointment,.load-bar-v35.blocked,.load-bar-v35.sick,.load-bar-v35.vacation,.load-bar-v35.birthday,.load-bar-v35.absence,.load-bar-v35.done,.load-bar-v35.imported,.week-note-form-v35.week-note-form-v745,.week-note-form-v35.week-note-form-v745.personal-only-v762{margin:var(--aus-v793-row-gap) 2px!important;border-radius:6px!important}
  .load-bar-v35 summary{padding:0 6px!important}.load-bar-v35 summary strong{font-size:.54rem!important}
  .person-chip-v741{font-size:.33rem!important;min-width:15px!important;height:11px!important;padding:0 2px!important;border-radius:3px!important}
  .jump-panel-v35.jump-panel-compact-v793{padding:7px!important}.jump-row-compact-v793 label{min-width:96px!important;flex:1 1 96px}.jump-row-compact-v793 select{font-size:.70rem!important}
  .legend-dot-v788 i{width:34px!important;height:20px!important;min-width:34px!important}
  .today-floating-v788,.scroll-top-v39{bottom:calc(100px + env(safe-area-inset-bottom))!important}
  .scroll-top-v39{left:calc(50% - 48px)!important}.today-floating-v788{left:calc(50% + 48px)!important}
}


/* v7.94 Auslastung: Terminbalken exakt wie Personalraster, Status ergänzt, Handy-Dropdowns lesbar */
:root{--al-row-v794:42px;--al-gap-v794:2px;}
.week-bars-v35,.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,:root[data-theme="dark"] .week-notes-grid-v744{
  --week-row-height-v740:var(--al-row-v794)!important;
  display:grid!important;
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--al-row-v794))!important;
  grid-auto-rows:var(--al-row-v794)!important;
  align-items:stretch!important;
  align-content:start!important;
  padding:0!important;
  margin:0!important;
  background-size:100% var(--al-row-v794)!important;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--al-row-v794) - 1px),rgba(120,135,156,.28) calc(var(--al-row-v794) - 1px),rgba(120,135,156,.28) var(--al-row-v794))!important;
}
.load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag,.load-bar-v35.blocked,.load-bar-v35.sick,.load-bar-v35.vacation,.load-bar-v35.done,
.week-note-form-v35.week-note-form-v745,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  align-self:stretch!important;
  justify-self:stretch!important;
  height:calc(var(--al-row-v794) - (var(--al-gap-v794) * 2))!important;
  min-height:calc(var(--al-row-v794) - (var(--al-gap-v794) * 2))!important;
  max-height:calc(var(--al-row-v794) - (var(--al-gap-v794) * 2))!important;
  margin:var(--al-gap-v794) 4px!important;
  padding:0!important;
  top:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  border-radius:7px!important;
  overflow:hidden!important;
}
.load-bar-v35 summary{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  display:flex!important;
  align-items:center!important;
  padding:0 9px!important;
  box-sizing:border-box!important;
}
.load-bar-v35 summary strong{line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.week-note-form-v35.week-note-form-v745{align-items:center!important;}
.new-entry-summary-v41{background:linear-gradient(135deg,#f7c91e,#e8af0d)!important;color:#171306!important;border-color:rgba(122,86,0,.22)!important;}
.new-entry-summary-v41 b{background:rgba(255,255,255,.35)!important;color:#171306!important;border-color:rgba(122,86,0,.20)!important;box-shadow:none!important;}
:root[data-theme="dark"] select,
:root[data-theme="dark"] select option,
.jump-row-compact-v793 select option,
.auslastung-filter-v33 select option{background:#1f2633!important;color:#fff!important;}
:root[data-theme="dark"] .person-picker-v35 label span{color:#111827!important;background:#fff!important;}
.load-bar-v35.training,.status-pill-v788.training .status-swatch-v788{background:repeating-linear-gradient(135deg,#bfe9ff 0,#bfe9ff 16px,#93d9ff 16px,#93d9ff 32px)!important;border-color:#3b82b6!important;color:#102033!important;}
.load-bar-v35.inspection,.status-pill-v788.inspection .status-swatch-v788{background:repeating-linear-gradient(135deg,#ffd7a8 0,#ffd7a8 16px,#ffc276 16px,#ffc276 32px)!important;border-color:#c77920!important;color:#241607!important;}
.load-bar-v35.importiert,.load-bar-v35.imported{background:repeating-linear-gradient(135deg,#fff1a6 0,#fff1a6 16px,#f7cf45 16px,#f7cf45 32px)!important;border-color:#c17a00!important;color:#201500!important;}
@media(max-width:760px){
  :root{--al-row-v794:34px;--al-gap-v794:1px;}
  html,body{max-width:100%;overflow-x:hidden;}
  .week-card-v33{overflow-x:auto!important;}
  .week-layout-v35{overflow:visible!important;}
  .load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag,.load-bar-v35.blocked,.load-bar-v35.sick,.load-bar-v35.vacation,.load-bar-v35.done,.week-note-form-v35.week-note-form-v745{margin:var(--al-gap-v794)!important;border-radius:5px!important;}
  .load-bar-v35 summary{padding:0 5px!important;}
  .load-bar-v35 summary strong{font-size:.58rem!important;}
  .today-floating-v788{bottom:calc(106px + env(safe-area-inset-bottom))!important;left:calc(50% + 54px)!important;}
  .scroll-top-v39,.global-scroll-top-v46{bottom:calc(106px + env(safe-area-inset-bottom))!important;left:calc(50% - 54px)!important;right:auto!important;}
}


/* v7.95 Auslastung: finaler Raster-Override, Bearbeiten statt Vorschau, mobile Breite, Floating Buttons */
.auslastung-add-v33 .new-entry-summary-v41 div span,
.auslastung-add-v33 .new-entry-summary-v41 p,
.auslastung-add-v33 .new-entry-summary-v41 small{display:none!important}
.auslastung-add-v33 .new-entry-summary-v41{padding:12px 20px!important;background:#f2c43a!important;color:#1c1604!important;border-radius:18px!important}
.auslastung-add-v33 .new-entry-summary-v41 strong{font-size:1.05rem!important;color:#1c1604!important}
.auslastung-add-v33 .new-entry-summary-v41 b{background:rgba(255,255,255,.45)!important;color:#2b2308!important;border:1px solid rgba(43,35,8,.16)!important}

/* Projekt beim Klick: nur Bearbeiten, keine obere Info-Vorschau */
.load-bar-v35[open] .load-info-v42,
.load-bar-v35[open] .load-actions-v33,
.mobile-project-panel-content-v750 .load-info-v42,
.mobile-project-panel-content-v750 .load-actions-v33{display:none!important}
.load-bar-v35[open] .edit-inline-v33,
.mobile-project-panel-content-v750 .edit-inline-v33{display:block!important;open:true}
.load-bar-v35[open] .edit-inline-v33>summary,
.mobile-project-panel-content-v750 .edit-inline-v33>summary{display:none!important}
.load-bar-v35[open] .load-detail-v33,
.mobile-project-panel-content-v750 .load-detail-v33{padding:12px!important;background:#fff8ef!important;color:#172033!important}
:root[data-theme="dark"] .load-bar-v35[open] .load-detail-v33,
:root[data-theme="dark"] .mobile-project-panel-content-v750 .load-detail-v33{background:#fff8ef!important;color:#172033!important}
.mobile-project-panel-head-v750 strong{color:#2b1d03!important}

/* Ein gemeinsamer harter Zeilenraster: Projektbalken links und Personal rechts */
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,
:root[data-theme="dark"] .week-notes-grid-v744{
  --week-row-height-v740:34px!important;
  --aus-row-gap-v795:4px!important;
  display:grid!important;
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
  align-items:stretch!important;
  align-content:start!important;
  padding:0!important;
  margin:0!important;
  min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  box-sizing:border-box!important;
  background-color:#fff!important;
  background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--week-row-height-v740) - 1px), rgba(148,163,184,.32) calc(var(--week-row-height-v740) - 1px), rgba(148,163,184,.32) var(--week-row-height-v740))!important;
}
.load-bar-v35,
.load-bar-v35.confirmed,
.load-bar-v35.termin,
.load-bar-v35.appointment,
.load-bar-v35.request,
.load-bar-v35.absence,
.load-bar-v35.birthday,
.load-bar-v35.geburtstag,
.load-bar-v35.blocked,
.load-bar-v35.sick,
.load-bar-v35.vacation,
.load-bar-v35.done,
.load-bar-v35.training,
.load-bar-v35.inspection,
.load-bar-v35.imported,
.week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  align-self:stretch!important;
  justify-self:stretch!important;
  height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v795))!important;
  min-height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v795))!important;
  max-height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v795))!important;
  margin:calc(var(--aus-row-gap-v795) / 2) 4px!important;
  padding:0!important;
  box-sizing:border-box!important;
  transform:none!important;
  top:auto!important;
  border-radius:6px!important;
  overflow:hidden!important;
}
.load-bar-v35 > summary,
.load-bar-v35:not([open]) > summary,
.week-note-form-v35.week-note-form-v745 > .week-note-personal-v745{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding:0 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
.load-bar-v35 > summary strong{font-size:.74rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#201604!important}
.week-note-form-v35.week-note-form-v745{grid-template-columns:1fr!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(148,163,184,.35)!important}
.week-note-personal-v745{height:100%!important;display:flex!important;align-items:center!important;overflow:hidden!important;padding:0 6px!important;box-sizing:border-box!important}
.week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{height:100%!important;display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:nowrap!important;overflow:hidden!important}
.person-chip-v741{font-size:.55rem!important;font-weight:700!important;height:16px!important;min-width:22px!important;padding:0 4px!important;border-radius:4px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* ruhigere Streifen, Statusfarben bleiben unterscheidbar */
.load-bar-v35.request,.status-pill-v788.request .status-swatch-v788,.legend-dot-v788.request i{background:repeating-linear-gradient(135deg,#fff1a9 0,#fff1a9 18px,#f4d45e 18px,#f4d45e 36px)!important;border-color:#c89415!important;color:#201604!important}
.load-bar-v35.confirmed,.status-pill-v788.confirmed .status-swatch-v788,.legend-dot-v788.confirmed i{background:repeating-linear-gradient(135deg,#caefcf 0,#caefcf 18px,#9fddb0 18px,#9fddb0 36px)!important;border-color:#2f8f52!important;color:#102215!important}
.load-bar-v35.appointment,.status-pill-v788.appointment .status-swatch-v788,.legend-dot-v788.appointment i{background:repeating-linear-gradient(135deg,#d8e8ff 0,#d8e8ff 18px,#b9d4ff 18px,#b9d4ff 36px)!important;border-color:#497cca!important;color:#102039!important}
.load-bar-v35.blocked,.status-pill-v788.blocked .status-swatch-v788,.legend-dot-v788.blocked i{background:repeating-linear-gradient(135deg,#e0e5eb 0,#e0e5eb 18px,#c8d0da 18px,#c8d0da 36px)!important;border-color:#64748b!important;color:#172033!important}
.load-bar-v35.sick,.status-pill-v788.sick .status-swatch-v788,.legend-dot-v788.sick i{background:repeating-linear-gradient(135deg,#ffd5d8 0,#ffd5d8 18px,#ffb3ba 18px,#ffb3ba 36px)!important;border-color:#b3262d!important;color:#2b0d10!important}
.load-bar-v35.vacation,.status-pill-v788.vacation .status-swatch-v788,.legend-dot-v788.vacation i{background:repeating-linear-gradient(135deg,#c9f3ef 0,#c9f3ef 18px,#9de3dc 18px,#9de3dc 36px)!important;border-color:#208a82!important;color:#0c2724!important}
.load-bar-v35.birthday,.status-pill-v788.birthday .status-swatch-v788,.legend-dot-v788.birthday i{background:repeating-linear-gradient(135deg,#eadcff 0,#eadcff 18px,#d5b9ff 18px,#d5b9ff 36px)!important;border-color:#8657c9!important;color:#25143d!important}
.load-bar-v35.absence,.status-pill-v788.absence .status-swatch-v788,.legend-dot-v788.absence i{background:repeating-linear-gradient(135deg,#ffe1bd 0,#ffe1bd 18px,#ffc98a 18px,#ffc98a 36px)!important;border-color:#c77920!important;color:#2b1804!important}
.load-bar-v35.done,.status-pill-v788.done .status-swatch-v788,.legend-dot-v788.done i{background:repeating-linear-gradient(135deg,#d7f3df 0,#d7f3df 18px,#b4e4c2 18px,#b4e4c2 36px)!important;border-color:#3a8d54!important;color:#102215!important}
.load-bar-v35.training,.status-pill-v788.training .status-swatch-v788,.legend-dot-v788.training i{background:repeating-linear-gradient(135deg,#d8f1ff 0,#d8f1ff 18px,#b8e3ff 18px,#b8e3ff 36px)!important;border-color:#3b82b6!important;color:#102033!important}
.load-bar-v35.inspection,.status-pill-v788.inspection .status-swatch-v788,.legend-dot-v788.inspection i{background:repeating-linear-gradient(135deg,#ffe7c9 0,#ffe7c9 18px,#ffd29c 18px,#ffd29c 36px)!important;border-color:#c77920!important;color:#241607!important}
.load-bar-v35.imported,.legend-dot-v788.imported i{background:repeating-linear-gradient(135deg,#fff1a9 0,#fff1a9 18px,#f4d45e 18px,#f4d45e 36px)!important;border-color:#c89415!important;color:#201604!important}

/* Mobile: MO-SO komplett sichtbar, danach nur Personal ohne Rest-Leerraum */
@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .week-card-v33{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;max-width:100vw!important}
  .week-layout-v35{display:grid!important;grid-template-columns:100vw 210px!important;width:calc(100vw + 210px)!important;min-width:calc(100vw + 210px)!important;max-width:calc(100vw + 210px)!important;overflow:visible!important}
  .week-main-v35{width:100vw!important;min-width:100vw!important;max-width:100vw!important;overflow:hidden!important}
  .week-days-v33,.week-bars-v35{width:100vw!important;min-width:100vw!important;max-width:100vw!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:hidden!important}
  .week-notes-v35{width:210px!important;min-width:210px!important;max-width:210px!important;overflow:hidden!important;background:#fff!important}
  .week-notes-head-v744{width:210px!important;min-width:210px!important;max-width:210px!important}
  .week-bars-v35,.week-notes-grid-v744{--week-row-height-v740:30px!important;--aus-row-gap-v795:3px!important}
  .load-bar-v35,.load-bar-v35.confirmed,.load-bar-v35.termin,.load-bar-v35.appointment,.load-bar-v35.request,.load-bar-v35.absence,.load-bar-v35.birthday,.load-bar-v35.geburtstag,.load-bar-v35.blocked,.load-bar-v35.sick,.load-bar-v35.vacation,.load-bar-v35.done,.load-bar-v35.training,.load-bar-v35.inspection,.load-bar-v35.imported,.week-note-form-v35.week-note-form-v745{margin:calc(var(--aus-row-gap-v795) / 2) 2px!important;border-radius:5px!important;height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v795))!important;min-height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v795))!important;max-height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v795))!important}
  .load-bar-v35 > summary{padding:0 4px!important}
  .load-bar-v35 > summary strong{font-size:.50rem!important}
  .person-chip-v741{font-size:.38rem!important;height:12px!important;min-width:16px!important;padding:0 2px!important;border-radius:3px!important}
  .week-note-personal-v745{padding:0 3px!important}
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{gap:2px!important}
  .mobile-project-panel-content-v750 .load-info-v42,.mobile-project-panel-content-v750 .load-actions-v33{display:none!important}
  .mobile-project-panel-content-v750 .edit-inline-v33{display:block!important}
  .mobile-project-panel-content-v750 .edit-inline-v33>summary{display:none!important}
  .mobile-project-panel-head-v750 strong{color:#2b1d03!important}
  .auslastung-add-v33 details[open]{max-width:100vw!important;overflow:hidden!important}
  .auslastung-add-v33 form,.auslastung-form-v33{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
}

/* Floating Buttons: Heute mittig über Nach-oben-Pfeil, einheitlich */
.today-floating-v788{left:50%!important;right:auto!important;bottom:calc(118px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:3105!important}
.today-floating-v788.visible{transform:translateX(-50%)!important}
.scroll-top-v39,.global-scroll-top-v46{left:50%!important;right:auto!important;bottom:calc(58px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:3104!important}
.scroll-top-v39.visible,.global-scroll-top-v46.visible{transform:translateX(-50%)!important}
@media(max-width:760px){.today-floating-v788{bottom:calc(126px + env(safe-area-inset-bottom))!important}.scroll-top-v39,.global-scroll-top-v46{bottom:calc(66px + env(safe-area-inset-bottom))!important}}

/* Darkmode Dropdown Lesbarkeit */
:root[data-theme="dark"] select,
:root[data-theme="dark"] select option,
:root[data-theme="dark"] .jump-row-compact-v793 select,
:root[data-theme="dark"] .jump-row-compact-v793 select option{background:#111827!important;color:#f8fafc!important}


/* v7.96 Auslastung: Eintrag öffnet nur Bearbeiten; Zeilen links/rechts identisch */
.load-detail-v33.edit-only-v796,
:root[data-theme="light"] .load-detail-v33.edit-only-v796,
:root[data-theme="dark"] .load-detail-v33.edit-only-v796{
  display:block!important;
  background:#fff8ef!important;
  color:#172033!important;
  padding:12px!important;
  border-top:1px solid rgba(126,86,6,.22)!important;
}
.edit-summary-hidden-v796{display:none!important}
.load-detail-v33.edit-only-v796 .edit-inline-v33,
.load-detail-v33.edit-only-v796 .edit-inline-v33[open]{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.load-detail-v33.edit-only-v796 .auslastung-form-v33.compact{margin:0!important}

/* Gleiche Rasterwerte für Terminbalken und Personalchips */
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,
:root[data-theme="dark"] .week-notes-grid-v744{
  --week-row-height-v740:34px!important;
  --aus-row-gap-v796:4px!important;
  display:grid!important;
  grid-auto-flow:row!important;
  grid-template-rows:repeat(var(--week-rows-v740,5), var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
  align-content:start!important;
  align-items:stretch!important;
  row-gap:0!important;
  padding:0!important;
  margin:0!important;
  min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  background-color:#fff!important;
  background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--week-row-height-v740) - 1px), rgba(148,163,184,.26) calc(var(--week-row-height-v740) - 1px), rgba(148,163,184,.26) var(--week-row-height-v740))!important;
}
.load-bar-v35:not([open]),
.week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v796))!important;
  min-height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v796))!important;
  max-height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v796))!important;
  margin:calc(var(--aus-row-gap-v796) / 2) 4px!important;
  padding:0!important;
  align-self:start!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
  transform:none!important;
  top:auto!important;
  border-radius:6px!important;
  overflow:hidden!important;
}
.load-bar-v35:not([open]) > summary,
.week-note-form-v35.week-note-form-v745 > .week-note-personal-v745{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.load-bar-v35:not([open]) > summary{padding:0 8px!important}
.week-note-form-v35.week-note-form-v745 > .week-note-personal-v745{padding:0 6px!important}
.week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{height:100%!important;display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:nowrap!important;overflow:hidden!important}
.load-bar-v35:not([open]) > summary strong{font-size:.70rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Angefragt-Streifen noch ruhiger */
.load-bar-v35.request,.status-pill-v788.request .status-swatch-v788,.legend-dot-v788.request i{
  background:repeating-linear-gradient(135deg,#fff3bf 0,#fff3bf 20px,#f7df7a 20px,#f7df7a 40px)!important;
  border-color:#d3a12c!important;
  color:#201604!important;
}

/* Mobile: MO-SO bleibt genau eine Displaybreite, Personal nur als schmale Zusatzspalte ohne Restfläche */
@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .week-card-v33{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;max-width:100vw!important}
  .week-layout-v35{display:grid!important;grid-template-columns:100vw 178px!important;width:calc(100vw + 178px)!important;min-width:calc(100vw + 178px)!important;max-width:calc(100vw + 178px)!important;overflow:visible!important}
  .week-main-v35,.week-days-v33,.week-bars-v35{width:100vw!important;min-width:100vw!important;max-width:100vw!important;overflow:hidden!important}
  .week-days-v33,.week-bars-v35{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .week-notes-v35,.week-notes-head-v744,.week-notes-grid-v744{width:178px!important;min-width:178px!important;max-width:178px!important;overflow:hidden!important}
  .week-bars-v35,.week-notes-grid-v744{--week-row-height-v740:28px!important;--aus-row-gap-v796:3px!important}
  .load-bar-v35:not([open]),
  .week-note-form-v35.week-note-form-v745,
  .week-note-form-v35.week-note-form-v745.personal-only-v762{
    height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v796))!important;
    min-height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v796))!important;
    max-height:calc(var(--week-row-height-v740) - var(--aus-row-gap-v796))!important;
    margin:calc(var(--aus-row-gap-v796) / 2) 2px!important;
    border-radius:5px!important;
  }
  .load-bar-v35:not([open]) > summary{padding:0 4px!important}
  .load-bar-v35:not([open]) > summary strong{font-size:.48rem!important;line-height:1!important}
  .person-chip-v741{font-size:.36rem!important;height:11px!important;min-width:15px!important;padding:0 2px!important;border-radius:3px!important}
  .week-note-form-v35.week-note-form-v745>.week-note-personal-v745>.entry-personal-v741{gap:2px!important}
  .week-note-form-v35.week-note-form-v745 > .week-note-personal-v745{padding:0 3px!important}
  .mobile-project-panel-content-v750 .load-info-v42,
  .mobile-project-panel-content-v750 .load-actions-v33{display:none!important}
  .mobile-project-panel-content-v750 .edit-inline-v33{display:block!important}
  .mobile-project-panel-content-v750 .edit-inline-v33>summary{display:none!important}
  .mobile-project-panel-head-v750 strong{color:#2b1d03!important}
}

/* Floating Buttons: Heute mittig über Nach-oben-Pfeil */
.today-floating-v788{left:50%!important;right:auto!important;bottom:calc(128px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:3105!important}
.today-floating-v788.visible{transform:translateX(-50%)!important}
.scroll-top-v39,.global-scroll-top-v46{left:50%!important;right:auto!important;bottom:calc(62px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:3104!important}
.scroll-top-v39.visible,.global-scroll-top-v46.visible{transform:translateX(-50%)!important}
@media(max-width:760px){.today-floating-v788{bottom:calc(132px + env(safe-area-inset-bottom))!important}.scroll-top-v39,.global-scroll-top-v46{bottom:calc(70px + env(safe-area-inset-bottom))!important}}


/* v7.97 Auslastung: saubere Rasterlinien zwischen Tagen und Eintragszeilen */
.week-bars-v35,
.week-notes-grid-v744,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-bars-v35,
:root[data-theme="dark"] .week-notes-grid-v744{
  --aus-line-color-v797:rgba(100,116,139,.34)!important;
  --aus-line-soft-v797:rgba(100,116,139,.22)!important;
  --aus-row-inset-v797:4px!important;
  --week-row-height-v740:34px!important;
  position:relative!important;
  display:grid!important;
  grid-template-rows:repeat(var(--week-rows-v740,5),var(--week-row-height-v740))!important;
  grid-auto-rows:var(--week-row-height-v740)!important;
  align-content:start!important;
  align-items:stretch!important;
  row-gap:0!important;
  padding:0!important;
  margin:0!important;
  min-height:calc(var(--week-rows-v740,5) * var(--week-row-height-v740))!important;
  box-sizing:border-box!important;
}
.week-bars-v35,
:root[data-theme="light"] .week-bars-v35,
:root[data-theme="dark"] .week-bars-v35{
  background-color:#fff!important;
  background-image:
    linear-gradient(to right,
      transparent calc(14.285714% - .5px), var(--aus-line-soft-v797) calc(14.285714% - .5px), var(--aus-line-soft-v797) calc(14.285714% + .5px), transparent calc(14.285714% + .5px),
      transparent calc(28.571428% - .5px), var(--aus-line-soft-v797) calc(28.571428% - .5px), var(--aus-line-soft-v797) calc(28.571428% + .5px), transparent calc(28.571428% + .5px),
      transparent calc(42.857142% - .5px), var(--aus-line-soft-v797) calc(42.857142% - .5px), var(--aus-line-soft-v797) calc(42.857142% + .5px), transparent calc(42.857142% + .5px),
      transparent calc(57.142856% - .5px), var(--aus-line-soft-v797) calc(57.142856% - .5px), var(--aus-line-soft-v797) calc(57.142856% + .5px), transparent calc(57.142856% + .5px),
      transparent calc(71.42857% - .5px), var(--aus-line-soft-v797) calc(71.42857% - .5px), var(--aus-line-soft-v797) calc(71.42857% + .5px), transparent calc(71.42857% + .5px),
      transparent calc(85.714284% - .5px), var(--aus-line-soft-v797) calc(85.714284% - .5px), var(--aus-line-soft-v797) calc(85.714284% + .5px), transparent calc(85.714284% + .5px)),
    repeating-linear-gradient(to bottom,
      transparent 0,
      transparent calc(var(--week-row-height-v740) - 1px),
      var(--aus-line-color-v797) calc(var(--week-row-height-v740) - 1px),
      var(--aus-line-color-v797) var(--week-row-height-v740))!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:no-repeat,repeat!important;
}
.week-notes-grid-v744,
:root[data-theme="light"] .week-notes-grid-v744,
:root[data-theme="dark"] .week-notes-grid-v744{
  background-color:#fff!important;
  background-image:repeating-linear-gradient(to bottom,
      transparent 0,
      transparent calc(var(--week-row-height-v740) - 1px),
      var(--aus-line-color-v797) calc(var(--week-row-height-v740) - 1px),
      var(--aus-line-color-v797) var(--week-row-height-v740))!important;
  background-size:100% 100%!important;
  background-repeat:repeat!important;
  border-left:1px solid var(--aus-line-color-v797)!important;
}
.load-bar-v35:not([open]),
.load-bar-v35.confirmed:not([open]),
.load-bar-v35.termin:not([open]),
.load-bar-v35.appointment:not([open]),
.load-bar-v35.request:not([open]),
.load-bar-v35.absence:not([open]),
.load-bar-v35.birthday:not([open]),
.load-bar-v35.geburtstag:not([open]),
.load-bar-v35.blocked:not([open]),
.load-bar-v35.sick:not([open]),
.load-bar-v35.vacation:not([open]),
.load-bar-v35.done:not([open]),
.load-bar-v35.training:not([open]),
.load-bar-v35.inspection:not([open]),
.load-bar-v35.imported:not([open]),
.week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v797) * 2))!important;
  min-height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v797) * 2))!important;
  max-height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v797) * 2))!important;
  margin:var(--aus-row-inset-v797) 4px!important;
  align-self:start!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
  transform:none!important;
  top:auto!important;
  bottom:auto!important;
}
.load-bar-v35:not([open]) > summary,
.week-note-form-v35.week-note-form-v745 > .week-note-personal-v745{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.week-days-v33 .day-cell-v33,
:root[data-theme="light"] .week-days-v33 .day-cell-v33,
:root[data-theme="dark"] .week-days-v33 .day-cell-v33{
  border-right:1px solid var(--aus-line-soft-v797,rgba(100,116,139,.22))!important;
}
.week-days-v33 .day-cell-v33:last-child{border-right:0!important;}
@media(max-width:760px){
  .week-bars-v35,
  .week-notes-grid-v744,
  :root[data-theme="light"] .week-bars-v35,
  :root[data-theme="light"] .week-notes-grid-v744,
  :root[data-theme="dark"] .week-bars-v35,
  :root[data-theme="dark"] .week-notes-grid-v744{
    --week-row-height-v740:28px!important;
    --aus-row-inset-v797:3px!important;
  }
  .load-bar-v35:not([open]),
  .load-bar-v35.confirmed:not([open]),
  .load-bar-v35.termin:not([open]),
  .load-bar-v35.appointment:not([open]),
  .load-bar-v35.request:not([open]),
  .load-bar-v35.absence:not([open]),
  .load-bar-v35.birthday:not([open]),
  .load-bar-v35.geburtstag:not([open]),
  .load-bar-v35.blocked:not([open]),
  .load-bar-v35.sick:not([open]),
  .load-bar-v35.vacation:not([open]),
  .load-bar-v35.done:not([open]),
  .load-bar-v35.training:not([open]),
  .load-bar-v35.inspection:not([open]),
  .load-bar-v35.imported:not([open]),
  .week-note-form-v35.week-note-form-v745,
  .week-note-form-v35.week-note-form-v745.personal-only-v762{
    margin:var(--aus-row-inset-v797) 2px!important;
    height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v797) * 2))!important;
    min-height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v797) * 2))!important;
    max-height:calc(var(--week-row-height-v740) - (var(--aus-row-inset-v797) * 2))!important;
  }
}


/* v7.98 System: White-Mode Hintergrund, Projektliste-Auslastung-Link, moderne Auslastungsköpfe */
:root[data-theme="light"]{
  --bg:#e6ebf2!important;
  --card2:#eef2f7!important;
  --field:#f9fbfd!important;
}
:root[data-theme="light"] body{
  background:radial-gradient(circle at 10% 0%,rgba(227,52,52,.10),transparent 420px),radial-gradient(circle at 90% 0%,rgba(61,111,186,.09),transparent 420px),var(--bg)!important;
}
.auslastung-status-legend-v788{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.auslastung-status-legend-v788>strong{width:100%!important;text-align:center!important}
.projekt-card-actions-v798{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:fit-content}
.projekt-auslastung-link-v798{min-height:32px!important;padding:0 12px!important;font-size:.75rem!important;border-radius:999px!important}
.projekt-auslastung-link-v798.ghost{opacity:.70}
.project-highlight-v798{outline:3px solid rgba(37,99,235,.70)!important;box-shadow:0 0 0 7px rgba(37,99,235,.14),0 14px 32px rgba(37,99,235,.18)!important}
.week-card-v33>header,
.week-days-v33,
.week-notes-head-v744{
  background:linear-gradient(135deg,#27354b 0%,#354563 52%,#2b3850 100%)!important;
  color:#ffffff!important;
}
.week-card-v33>header{
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.week-card-v33>header strong,
.week-card-v33>header span,
.week-days-v33 .day-head-v33 span,
.week-days-v33 .day-head-v33 strong,
.week-notes-head-v744 strong{
  color:#ffffff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.20)!important;
}
.week-card-v33>header div strong:first-child{
  letter-spacing:.05em!important;
}
.week-days-v33 .day-cell-v33,
.week-notes-head-v744{
  border-color:rgba(255,255,255,.16)!important;
}
.week-days-v33 .day-head-v33{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015))!important;
}
.week-days-v33 .day-add-v34{
  background:linear-gradient(135deg,#e84d40,#b93332)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.20)!important;
}
@media(max-width:760px){
  .projekt-card-v44 header{grid-template-columns:1fr!important}
  .projekt-card-actions-v798{align-items:flex-start!important;flex-direction:row!important;flex-wrap:wrap!important}
  .projekt-auslastung-link-v798{font-size:.68rem!important}
}

/* v7.99 Auslastung: Legende, Sprungauswahl, Kopfbereich und Personalbedarf modernisiert */
.auslastung-status-legend-v788{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:12px!important;
  margin:12px auto 14px!important;
  padding:14px 18px!important;
}
.auslastung-status-legend-v788>strong{width:100%!important;text-align:center!important;letter-spacing:.10em!important}
.auslastung-status-legend-v788>div{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;width:100%!important}
.legend-dot-v788{display:inline-flex!important;align-items:center!important;gap:9px!important;justify-content:center!important}
.legend-dot-v788 i{width:50px!important;height:28px!important;min-width:50px!important;border-radius:10px!important}

/* Sprungfunktion in die obere Steuerkachel integriert */
.auslastung-toolbar-v33{display:grid!important;grid-template-columns:minmax(280px,1fr) auto auto!important;gap:14px!important;align-items:end!important;padding:14px 16px!important}
.jump-panel-v35.jump-panel-compact-v793{display:none!important}
.jump-row-inline-v799{display:flex!important;align-items:end!important;justify-content:center!important;gap:10px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:360px!important}
.jump-row-inline-v799 label{display:grid!important;gap:4px!important;min-width:128px!important;margin:0!important}
.jump-row-inline-v799 label span{font-size:.64rem!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--muted)!important}
.jump-row-inline-v799 select,.jump-row-inline-v799 .today-jump-v36{min-height:38px!important;border-radius:12px!important;font-size:.78rem!important}
.auslastung-toolbar-actions-v43{justify-self:end!important}
@media(max-width:1100px){.auslastung-toolbar-v33{grid-template-columns:1fr!important}.jump-row-inline-v799{justify-content:flex-start!important;min-width:0!important;flex-wrap:wrap!important}.auslastung-toolbar-actions-v43{justify-self:start!important}}
@media(max-width:760px){.jump-row-inline-v799{gap:7px!important}.jump-row-inline-v799 label{min-width:104px!important;flex:1 1 104px!important}.jump-row-inline-v799 select,.jump-row-inline-v799 .today-jump-v36{min-height:34px!important;font-size:.70rem!important}}

/* Eingabe- und Bearbeitenbereiche feiner und mode-gerecht */
.auslastung-add-v33,.load-detail-v33.edit-only-v796{border-radius:18px!important}
.auslastung-form-v33,.auslastung-form-v33.compact{gap:12px!important}
.auslastung-form-v33 label span{font-size:.72rem!important;letter-spacing:.03em!important;color:var(--text)!important;opacity:.88!important}
.auslastung-form-v33 input,.auslastung-form-v33 select,.auslastung-form-v33 textarea{border-radius:14px!important;border-color:rgba(100,116,139,.24)!important;background:var(--field)!important;color:var(--text)!important}
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 textarea{background:#111827!important;color:#f8fafc!important;border-color:rgba(255,255,255,.14)!important}
:root[data-theme="dark"] .load-detail-v33.edit-only-v796,
:root[data-theme="dark"] .mobile-project-panel-inner-v750{background:#1f242d!important;color:#f8fafc!important;border-color:rgba(255,255,255,.14)!important}
:root[data-theme="dark"] .mobile-project-panel-head-v750{background:#2f3746!important;color:#f8fafc!important}
:root[data-theme="dark"] .mobile-project-panel-head-v750 strong{color:#f8fafc!important}
:root[data-theme="dark"] select option{background:#111827!important;color:#f8fafc!important}

/* KW-/Tageskopf moderner in dunklen Grautönen */
.week-card-v33>header,
.week-days-v33,
.week-notes-head-v744,
:root[data-theme="light"] .week-card-v33>header,
:root[data-theme="light"] .week-days-v33,
:root[data-theme="light"] .week-notes-head-v744,
:root[data-theme="dark"] .week-card-v33>header,
:root[data-theme="dark"] .week-days-v33,
:root[data-theme="dark"] .week-notes-head-v744{
  background:linear-gradient(180deg,#374151 0%,#2f3847 100%)!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
}
.week-card-v33>header{min-height:42px!important;padding:8px 14px!important}
.week-card-v33>header>div{display:flex!important;gap:14px!important;align-items:center!important;flex-wrap:wrap!important}
.week-card-v33>header strong,.week-card-v33>header span{font-size:.95rem!important;line-height:1!important;letter-spacing:.04em!important;color:#f8fafc!important;font-weight:900!important}
.week-days-v33 .day-cell-v33{border-color:rgba(255,255,255,.12)!important;background:transparent!important}
.week-days-v33 .day-head-v33{min-height:52px!important;padding:8px 9px!important;align-items:center!important}
.week-days-v33 .day-head-v33 .day-name-v745,
.week-days-v33 .day-head-v33 strong{font-size:.82rem!important;font-weight:900!important;letter-spacing:.06em!important;color:#f8fafc!important;line-height:1!important;text-transform:uppercase!important}
.week-days-v33 .day-add-v34{width:20px!important;height:20px!important;min-width:20px!important;font-size:.72rem!important;background:#b9423a!important;color:#fff!important;box-shadow:none!important}
.holiday-chip-v33{background:rgba(255,255,255,.82)!important;color:#7f1d1d!important;border-color:rgba(185,28,28,.28)!important;font-size:.56rem!important;height:16px!important;line-height:14px!important}
.week-notes-head-v744{min-height:52px!important;display:flex!important;align-items:center!important;padding:0 14px!important}
.week-notes-head-v744 strong{font-size:.82rem!important;letter-spacing:.08em!important;color:#f8fafc!important;text-transform:uppercase!important}

/* Personalbedarf: automatische Breite, keine Rahmen-im-Rahmen-Optik */
.week-card-v33 .week-layout-v35{grid-template-columns:minmax(0,1fr) max-content!important;width:100%!important;overflow:visible!important}
.week-notes-v35,
.week-notes-head-v744,
.week-notes-grid-v744{width:max-content!important;min-width:280px!important;max-width:none!important;overflow:visible!important}
.week-note-form-v35.week-note-form-v745,
.week-note-form-v35.week-note-form-v745.personal-only-v762,
:root[data-theme="light"] .week-note-form-v35.week-note-form-v745,
:root[data-theme="dark"] .week-note-form-v35.week-note-form-v745{
  width:max-content!important;
  min-width:260px!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 10px!important;
  overflow:visible!important;
}
.week-note-personal-v745{overflow:visible!important;padding:0!important}
.week-note-personal-v745 .entry-personal-v741{overflow:visible!important;gap:5px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
.person-chip-v741,
.week-notes-v35 .person-chip-v741{
  min-width:28px!important;
  height:20px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:.62rem!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  color:#fff!important;
  border:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(15,23,42,.14)!important;
}
.person-chip-v741.unplanned{background:linear-gradient(135deg,#991b1b,#b91c1c)!important;color:#fff!important}
.person-chip-v741.planned{background:linear-gradient(135deg,#166534,#16a34a)!important;color:#fff!important}
.person-chip-v741.busy-week{background:linear-gradient(135deg,#eab308,#facc15)!important;color:#271b03!important}

/* Mobile: MO-SO eine Displaybreite, Personalbedarf danach genau so breit wie Inhalt */
@media(max-width:760px){
  .week-card-v33{overflow-x:auto!important;max-width:100vw!important;-webkit-overflow-scrolling:touch!important}
  .week-card-v33 .week-layout-v35{grid-template-columns:100vw max-content!important;width:max-content!important;min-width:calc(100vw + 240px)!important;max-width:none!important;overflow:visible!important}
  .week-main-v35,.week-days-v33,.week-bars-v35{width:100vw!important;min-width:100vw!important;max-width:100vw!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:hidden!important}
  .week-notes-v35,.week-notes-head-v744,.week-notes-grid-v744{width:max-content!important;min-width:240px!important;max-width:none!important;overflow:visible!important}
  .week-note-form-v35.week-note-form-v745{min-width:230px!important;padding:0 8px!important}
  .person-chip-v741,.week-notes-v35 .person-chip-v741{min-width:24px!important;height:18px!important;padding:0 6px!important;font-size:.54rem!important;border-radius:999px!important}
  .week-days-v33 .day-head-v33{min-height:44px!important;padding:6px 3px!important}
  .week-days-v33 .day-head-v33 .day-name-v745,.week-days-v33 .day-head-v33 strong{font-size:.62rem!important;letter-spacing:.04em!important}
  .week-notes-head-v744{min-height:44px!important;padding:0 10px!important}
  .week-notes-head-v744 strong{font-size:.62rem!important}
}

/* v8.00 Auslastung: Formular-Design, Autocomplete, Feiertage und Legende nachgebessert */
.auslastung-status-legend-v788{
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.auslastung-status-legend-v788>div{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(132px,132px))!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:10px 12px!important;
}
.legend-dot-v788{
  width:132px!important;
  max-width:132px!important;
  min-height:34px!important;
  padding:4px 8px!important;
  box-sizing:border-box!important;
  font-size:.72rem!important;
}
.legend-dot-v788 i{
  width:38px!important;
  min-width:38px!important;
  height:22px!important;
  border-radius:8px!important;
}

/* Feiertage wieder sichtbar, aber ruhig */
.week-days-v33 .holiday-chip-v33,
:root[data-theme="light"] .week-days-v33 .holiday-chip-v33,
:root[data-theme="dark"] .week-days-v33 .holiday-chip-v33{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  margin:0 4px 3px!important;
  padding:1px 5px!important;
  max-width:calc(100% - 8px)!important;
  height:15px!important;
  line-height:13px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(185,28,28,.20)!important;
  color:#7f1d1d!important;
  font-size:.50rem!important;
  font-weight:700!important;
}
.week-days-v33 .holiday-chip-v33 small{display:none!important}

/* Neu-/Bearbeiten-Masken: ruhiger, einheitliche Feldhöhen, Darkmode mit dunklem Bereich und hellen Feldern */
.auslastung-add-v33,
.load-detail-v33.edit-only-v796,
.mobile-project-panel-inner-v750{
  background:linear-gradient(180deg,#fffdf5,#fff9e9)!important;
  color:#111827!important;
  border:1px solid rgba(176,130,18,.22)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.12)!important;
}
:root[data-theme="dark"] .auslastung-add-v33,
:root[data-theme="dark"] .load-detail-v33.edit-only-v796,
:root[data-theme="dark"] .mobile-project-panel-inner-v750{
  background:linear-gradient(180deg,#1f2937,#151c27)!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.40)!important;
}
.new-entry-summary-v41,
.load-bar-v35[open] summary,
.mobile-project-panel-head-v750,
:root[data-theme="light"] .new-entry-summary-v41,
:root[data-theme="light"] .load-bar-v35[open] summary,
:root[data-theme="light"] .mobile-project-panel-head-v750{
  background:linear-gradient(135deg,#f4c83c,#e6bb2e)!important;
  color:#1f1604!important;
}
:root[data-theme="dark"] .new-entry-summary-v41,
:root[data-theme="dark"] .load-bar-v35[open] summary,
:root[data-theme="dark"] .mobile-project-panel-head-v750{
  background:linear-gradient(135deg,#334155,#263241)!important;
  color:#f8fafc!important;
}
:root[data-theme="dark"] .new-entry-summary-v41 strong,
:root[data-theme="dark"] .load-bar-v35[open] summary strong,
:root[data-theme="dark"] .mobile-project-panel-head-v750 strong{color:#f8fafc!important}
.auslastung-form-v33 label span,
:root[data-theme="dark"] .auslastung-form-v33 label span{
  color:inherit!important;
  opacity:.95!important;
  font-size:.70rem!important;
  line-height:1.1!important;
}
.auslastung-form-v33 input,
.auslastung-form-v33 select,
.auslastung-form-v33 textarea,
:root[data-theme="light"] .auslastung-form-v33 input,
:root[data-theme="light"] .auslastung-form-v33 select,
:root[data-theme="light"] .auslastung-form-v33 textarea,
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  min-height:44px!important;
  height:auto!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  font-size:.88rem!important;
  line-height:1.25!important;
  box-sizing:border-box!important;
}
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid rgba(203,213,225,.95)!important;
  caret-color:#0f172a!important;
}
:root[data-theme="dark"] .auslastung-form-v33 input::placeholder,
:root[data-theme="dark"] .auslastung-form-v33 textarea::placeholder{color:#64748b!important;opacity:1!important}
:root[data-theme="dark"] .auslastung-form-v33 select option{background:#f8fafc!important;color:#0f172a!important}

/* Personalauswahl feiner */
.person-picker-v35>div{
  gap:8px!important;
}
.person-picker-v35 label{
  min-height:34px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.75)!important;
  border:1px solid rgba(100,116,139,.22)!important;
  box-shadow:none!important;
}
.person-picker-v35 label span{font-size:.72rem!important;font-weight:850!important;color:#0f172a!important;opacity:1!important}
.person-picker-v35 label small{font-size:.72rem!important;font-weight:650!important;color:#475569!important;opacity:1!important}
:root[data-theme="dark"] .person-picker-v35 label{background:#f8fafc!important;border-color:rgba(203,213,225,.95)!important}
:root[data-theme="dark"] .person-picker-v35 label span{color:#0f172a!important}
:root[data-theme="dark"] .person-picker-v35 label small{color:#475569!important}
.person-picker-v35 label:has(input:checked){background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-color:#60a5fa!important}

/* Autocomplete-Vorschläge */
.autocomplete-v800{
  position:absolute!important;
  z-index:20000!important;
  display:grid!important;
  gap:4px!important;
  padding:6px!important;
  border-radius:14px!important;
  background:#ffffff!important;
  border:1px solid rgba(100,116,139,.24)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.22)!important;
  max-height:260px!important;
  overflow:auto!important;
}
:root[data-theme="dark"] .autocomplete-v800{background:#111827!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important}
.autocomplete-item-v800{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  gap:2px!important;
  text-align:left!important;
  width:100%!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  color:#0f172a!important;
  cursor:pointer!important;
}
.autocomplete-item-v800:hover{background:#eff6ff!important}
.autocomplete-item-v800 strong{font-size:.82rem!important;color:#0f172a!important;font-weight:850!important;line-height:1.15!important}
.autocomplete-item-v800 span{font-size:.72rem!important;color:#64748b!important;line-height:1.15!important}
:root[data-theme="dark"] .autocomplete-item-v800{color:#f8fafc!important}
:root[data-theme="dark"] .autocomplete-item-v800:hover{background:#1e293b!important}
:root[data-theme="dark"] .autocomplete-item-v800 strong{color:#f8fafc!important}
:root[data-theme="dark"] .autocomplete-item-v800 span{color:#cbd5e1!important}

/* Kopf/Feiertage auf Handy kompakt und lesbar */
@media(max-width:760px){
  .auslastung-form-v33 input,.auslastung-form-v33 select,.auslastung-form-v33 textarea{font-size:16px!important;min-height:44px!important}
  .week-days-v33 .holiday-chip-v33{font-size:.36rem!important;height:12px!important;line-height:10px!important;margin:0 2px 2px!important;padding:1px 2px!important}
  .legend-dot-v788{width:122px!important;max-width:122px!important;font-size:.66rem!important;min-height:30px!important}
  .legend-dot-v788 i{width:32px!important;height:18px!important;min-width:32px!important;border-radius:7px!important}
  .auslastung-status-legend-v788>div{grid-template-columns:repeat(auto-fit,minmax(122px,122px))!important;gap:8px!important}
  .autocomplete-v800{position:fixed!important;left:8px!important;right:8px!important;width:auto!important;top:auto!important;bottom:86px!important;max-height:40vh!important}
}


/* v8.01 Auslastung: Mobile Formular öffnet ohne Rauszoomen */
@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .page,
  .auslastung-add-v33,
  .auslastung-add-v33 details,
  .auslastung-add-v33 details[open],
  .auslastung-add-v33 .auslastung-form-v33,
  .auslastung-add-v33 #newLoadForm {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  .auslastung-add-v33 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .auslastung-add-v33 details[open] {
    contain: layout paint !important;
  }
  .auslastung-add-v33 .new-entry-summary-v41 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
  }
  .auslastung-add-v33 .new-entry-summary-v41 strong,
  .auslastung-add-v33 .new-entry-summary-v41 b {
    min-width: 0 !important;
    white-space: normal !important;
  }
  .auslastung-add-v33 .auslastung-form-v33,
  .auslastung-form-v33,
  .auslastung-form-v33.compact {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
  }
  .auslastung-form-v33 label,
  .auslastung-form-v33 .wide,
  .auslastung-form-v33 button,
  .person-picker-v35,
  .person-picker-v35 > div {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .auslastung-form-v33 input,
  .auslastung-form-v33 select,
  .auslastung-form-v33 textarea {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* verhindert iOS Safari Auto-Zoom bei Fokus */
  }
  .person-picker-v35 > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    overflow: visible !important;
  }
  .person-picker-v35 label {
    width: auto !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    white-space: nowrap !important;
  }
  .autocomplete-v800 {
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    box-sizing: border-box !important;
  }
}


/* v8.02 Auslastung: Farblegende, Formularfarben, Feiertage, Toolbar beruhigt */
body:has(.year-calendar-v33),
:root[data-theme="light"] body:has(.year-calendar-v33){
  background:#d9dee6!important;
}
.auslastung-toolbar-v33{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:end!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(100,116,139,.18)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
}
.auslastung-filter-v33,
.jump-row-inline-v799{
  display:flex!important;
  align-items:end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.auslastung-filter-v33 label,
.jump-row-inline-v799 label{
  gap:3px!important;
  min-width:120px!important;
}
.auslastung-filter-v33 span,
.jump-row-inline-v799 span{
  font-size:.58rem!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
}
.auslastung-filter-v33 select,
.jump-row-inline-v799 select{
  min-height:34px!important;
  height:34px!important;
  padding:5px 10px!important;
  border-radius:10px!important;
  font-size:.74rem!important;
}
.jump-row-inline-v799 .today-jump-v36{
  min-height:34px!important;
  height:34px!important;
  padding:5px 14px!important;
  border-radius:11px!important;
  align-self:end!important;
}
.auslastung-toolbar-actions-v43{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.auslastung-toolbar-actions-v43 .btn{min-height:34px!important;padding:6px 12px!important;border-radius:10px!important;font-size:.74rem!important}
:root[data-theme="dark"] .auslastung-toolbar-v33{
  background:rgba(17,24,39,.82)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.32)!important;
}
:root[data-theme="dark"] .auslastung-filter-v33 span,
:root[data-theme="dark"] .jump-row-inline-v799 span{color:#cbd5e1!important}
:root[data-theme="dark"] .auslastung-filter-v33 select,
:root[data-theme="dark"] .jump-row-inline-v799 select{background:#f8fafc!important;color:#0f172a!important;border-color:#cbd5e1!important}

/* Farblegende: volle Kachelbreite, Inhalt kompakt/zentriert, einklappbar */
.auslastung-status-legend-v788.auslastung-status-legend-v802{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  display:block!important;
  margin:12px 0 12px!important;
  padding:0!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(100,116,139,.18)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
}
.auslastung-status-legend-v802>summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:42px!important;
  padding:8px 12px!important;
  cursor:pointer!important;
  color:#475569!important;
  background:rgba(248,250,252,.72)!important;
}
.auslastung-status-legend-v802>summary::-webkit-details-marker{display:none!important}
.auslastung-status-legend-v802>summary strong{
  width:auto!important;
  text-align:center!important;
  font-size:.72rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#475569!important;
}
.auslastung-status-legend-v802>summary span{
  font-size:.68rem!important;
  color:#64748b!important;
  font-weight:700!important;
}
.auslastung-status-legend-v802>div{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:10px 14px 14px!important;
  box-sizing:border-box!important;
}
.legend-dot-v788{
  min-height:30px!important;
  width:auto!important;
  max-width:none!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  gap:7px!important;
  flex:0 0 auto!important;
}
.legend-dot-v788 i{
  width:32px!important;
  min-width:32px!important;
  height:18px!important;
  border-radius:7px!important;
}
:root[data-theme="dark"] .auslastung-status-legend-v802{background:rgba(17,24,39,.86)!important;border-color:rgba(255,255,255,.10)!important}
:root[data-theme="dark"] .auslastung-status-legend-v802>summary{background:rgba(30,41,59,.90)!important;color:#e5e7eb!important}
:root[data-theme="dark"] .auslastung-status-legend-v802>summary strong{color:#f8fafc!important}
:root[data-theme="dark"] .auslastung-status-legend-v802>summary span{color:#cbd5e1!important}

/* Feiertage wieder sichtbar und nicht durch ältere Mobile-Regeln versteckt */
.week-days-v33 .day-cell-v33{overflow:hidden!important}
.week-days-v33 .holiday-chip-v33,
:root[data-theme="light"] .week-days-v33 .holiday-chip-v33,
:root[data-theme="dark"] .week-days-v33 .holiday-chip-v33{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  margin:0 4px 3px!important;
  padding:1px 5px!important;
  height:14px!important;
  max-height:14px!important;
  line-height:12px!important;
  max-width:calc(100% - 8px)!important;
  border-radius:4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  background:rgba(190,18,60,.16)!important;
  border:1px solid rgba(190,18,60,.24)!important;
  color:#7f1d1d!important;
  font-size:.46rem!important;
  font-weight:800!important;
  z-index:4!important;
}
:root[data-theme="dark"] .week-days-v33 .holiday-chip-v33{background:rgba(248,113,113,.18)!important;border-color:rgba(248,113,113,.30)!important;color:#fecaca!important}
.week-days-v33 .holiday-chip-v33 small{display:none!important}

/* Formularflächen: weg vom Gelb, einheitliche Feldhöhen, keine Überschneidungen */
.auslastung-add-v33,
.load-detail-v33.edit-only-v796,
.mobile-project-panel-inner-v750{
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid rgba(100,116,139,.18)!important;
  box-shadow:0 14px 38px rgba(15,23,42,.10)!important;
}
:root[data-theme="dark"] .auslastung-add-v33,
:root[data-theme="dark"] .load-detail-v33.edit-only-v796,
:root[data-theme="dark"] .mobile-project-panel-inner-v750{
  background:#111827!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.38)!important;
}
.new-entry-summary-v41,
.mobile-project-panel-head-v750,
.load-bar-v35[open] summary,
:root[data-theme="light"] .new-entry-summary-v41,
:root[data-theme="light"] .mobile-project-panel-head-v750,
:root[data-theme="light"] .load-bar-v35[open] summary{
  background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;
  color:#0f172a!important;
  border-bottom:1px solid rgba(100,116,139,.16)!important;
}
:root[data-theme="dark"] .new-entry-summary-v41,
:root[data-theme="dark"] .mobile-project-panel-head-v750,
:root[data-theme="dark"] .load-bar-v35[open] summary{
  background:linear-gradient(135deg,#1f2937,#0f172a)!important;
  color:#f8fafc!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.auslastung-form-v33,
.auslastung-form-v33.compact{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
#newLoadForm.auslastung-form-v33{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.auslastung-form-v33 label,
.auslastung-form-v33 .wide{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.auslastung-form-v33 label span,
:root[data-theme="dark"] .auslastung-form-v33 label span{
  color:inherit!important;
  opacity:.92!important;
  font-size:.68rem!important;
  line-height:1.1!important;
  letter-spacing:.03em!important;
}
.auslastung-form-v33 input,
.auslastung-form-v33 select,
.auslastung-form-v33 textarea,
:root[data-theme="light"] .auslastung-form-v33 input,
:root[data-theme="light"] .auslastung-form-v33 select,
:root[data-theme="light"] .auslastung-form-v33 textarea,
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:42px!important;
  height:42px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  font-size:.86rem!important;
  line-height:1.2!important;
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(100,116,139,.26)!important;
  box-shadow:none!important;
}
.auslastung-form-v33 textarea,
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  height:auto!important;
  min-height:84px!important;
}
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:rgba(203,213,225,.96)!important;
  caret-color:#0f172a!important;
}
:root[data-theme="dark"] .auslastung-form-v33 input::placeholder,
:root[data-theme="dark"] .auslastung-form-v33 textarea::placeholder{color:#64748b!important;opacity:1!important}
:root[data-theme="dark"] .auslastung-form-v33 select option{background:#f8fafc!important;color:#0f172a!important}

/* Personalauswahl feiner und weniger dominant */
.person-picker-v35>div{gap:7px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important}
.person-picker-v35 label{
  min-height:30px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  border:1px solid rgba(100,116,139,.20)!important;
  box-shadow:none!important;
  gap:6px!important;
}
.person-picker-v35 label span{font-size:.68rem!important;font-weight:850!important;color:#0f172a!important;opacity:1!important}
.person-picker-v35 label small{font-size:.68rem!important;font-weight:650!important;color:#475569!important;opacity:1!important}
:root[data-theme="dark"] .person-picker-v35 label{background:#f8fafc!important;border-color:rgba(203,213,225,.96)!important;color:#0f172a!important}
:root[data-theme="dark"] .person-picker-v35 label span{color:#0f172a!important}
:root[data-theme="dark"] .person-picker-v35 label small{color:#475569!important}
.person-picker-v35 label:has(input:checked){background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-color:#60a5fa!important}

/* Status-Farblegende: saubere Reihen, kein einzelner letzter Umbruch auf Laptop */
.auslastung-status-legend-v802>div{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(124px,124px))!important;
  justify-content:center!important;
  justify-items:stretch!important;
}
.legend-dot-v788{width:124px!important;max-width:124px!important;justify-content:flex-start!important}

@media(max-width:1100px){
  #newLoadForm.auslastung-form-v33{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  html,body{overflow-x:hidden!important}
  .auslastung-toolbar-v33{grid-template-columns:1fr!important;padding:10px!important;gap:9px!important}
  .auslastung-filter-v33,.jump-row-inline-v799,.auslastung-toolbar-actions-v43{width:100%!important;justify-content:flex-start!important}
  .auslastung-filter-v33 label,.jump-row-inline-v799 label{min-width:0!important;flex:1 1 128px!important}
  .auslastung-add-v33,.auslastung-add-v33 details,.auslastung-add-v33 details[open],.auslastung-add-v33 .auslastung-form-v33,.auslastung-add-v33 #newLoadForm{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}
  .auslastung-add-v33{padding:9px!important}
  .auslastung-add-v33 .new-entry-summary-v41{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:10px 11px!important}
  #newLoadForm.auslastung-form-v33,.auslastung-form-v33,.auslastung-form-v33.compact{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:10px!important}
  .auslastung-form-v33 input,.auslastung-form-v33 select,.auslastung-form-v33 textarea{font-size:16px!important;min-height:44px!important;height:44px!important}
  .auslastung-form-v33 textarea{height:auto!important;min-height:86px!important}
  .person-picker-v35,.person-picker-v35>div{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .person-picker-v35 label{max-width:100%!important;width:auto!important;flex:0 1 auto!important;white-space:nowrap!important}
  .auslastung-status-legend-v802>div{grid-template-columns:repeat(2,minmax(0,124px))!important;gap:8px!important}
  .legend-dot-v788{width:124px!important;max-width:124px!important;font-size:.64rem!important;min-height:28px!important}
  .legend-dot-v788 i{width:28px!important;height:16px!important;min-width:28px!important}
  .week-days-v33 .holiday-chip-v33{display:block!important;font-size:.34rem!important;height:11px!important;line-height:9px!important;margin:0 2px 1px!important;padding:1px 2px!important;max-height:11px!important}
}


/* v8.03 Auslastung: Formular-/Toolbar-Feinschliff nach Tablet/Handy-Test */
body:has(.year-calendar-v33),
:root[data-theme="light"] body:has(.year-calendar-v33){
  background:#d4dae3!important;
}
:root[data-theme="dark"] body:has(.year-calendar-v33){
  background:#0b111d!important;
}
:root[data-theme="dark"] main:has(.year-calendar-v33),
:root[data-theme="dark"] .page:has(.year-calendar-v33){
  background:transparent!important;
}

/* obere Steuerkachel: wenn Platz ist alles auf eine Zeile, ruhiger und gleichmäßiger */
.auslastung-toolbar-v33{
  grid-template-columns:auto auto 1fr!important;
  align-items:end!important;
  gap:12px!important;
  padding:12px 16px!important;
}
.auslastung-filter-v33,
.jump-row-inline-v799,
.auslastung-toolbar-actions-v43{
  align-items:end!important;
  gap:8px!important;
  min-width:0!important;
}
.auslastung-filter-v33 label,
.jump-row-inline-v799 label{
  min-width:118px!important;
  max-width:220px!important;
}
.auslastung-filter-v33 select,
.jump-row-inline-v799 select,
.jump-row-inline-v799 .today-jump-v36,
.auslastung-toolbar-actions-v43 .btn{
  height:34px!important;
  min-height:34px!important;
  line-height:1.1!important;
  font-size:.72rem!important;
}
.auslastung-toolbar-actions-v43{
  justify-content:flex-end!important;
}

/* Neuer-Termin-Kachel feiner, weniger gelb/dominant */
.auslastung-add-v33{
  padding:10px 12px!important;
  border-radius:18px!important;
  background:rgba(248,250,252,.92)!important;
}
:root[data-theme="dark"] .auslastung-add-v33{
  background:#121a28!important;
  border-color:rgba(226,232,240,.12)!important;
  color:#e5e7eb!important;
}
.new-entry-summary-v41,
:root[data-theme="light"] .new-entry-summary-v41{
  min-height:46px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#e8edf5,#d9e1ec)!important;
  color:#101827!important;
}
:root[data-theme="dark"] .new-entry-summary-v41{
  background:linear-gradient(135deg,#1d2635,#111827)!important;
  color:#f8fafc!important;
}
.new-entry-summary-v41 strong{font-size:.96rem!important;letter-spacing:.01em!important}
.new-entry-summary-v41 b{font-size:.68rem!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.50)!important}
:root[data-theme="dark"] .new-entry-summary-v41 b{background:rgba(255,255,255,.10)!important;color:#e5e7eb!important}

/* Farblegende: Kachel volle Breite, nur Text linksbündig */
.auslastung-status-legend-v802>summary{
  justify-content:flex-start!important;
  text-align:left!important;
  padding-left:16px!important;
}
.auslastung-status-legend-v802>summary strong,
.auslastung-status-legend-v802>summary span{
  text-align:left!important;
}

/* Formular: keine Überschneidungen, gleiche Höhen, Systemfarben */
.auslastung-form-v33,
.auslastung-form-v33.compact,
#newLoadForm.auslastung-form-v33{
  gap:10px 12px!important;
  align-items:start!important;
}
.auslastung-form-v33 label{
  display:grid!important;
  grid-template-rows:auto 40px!important;
  gap:5px!important;
}
.auslastung-form-v33 label.wide,
.auslastung-form-v33 .wide{
  grid-template-rows:auto auto!important;
}
.auslastung-form-v33 label span,
:root[data-theme="dark"] .auslastung-form-v33 label span{
  color:#334155!important;
  opacity:1!important;
  font-size:.64rem!important;
  font-weight:850!important;
  min-height:14px!important;
}
:root[data-theme="dark"] .auslastung-form-v33 label span{
  color:#cbd5e1!important;
}
.auslastung-form-v33 input,
.auslastung-form-v33 select,
.auslastung-form-v33 input[type="date"],
.auslastung-form-v33 textarea,
:root[data-theme="light"] .auslastung-form-v33 input,
:root[data-theme="light"] .auslastung-form-v33 select,
:root[data-theme="light"] .auslastung-form-v33 input[type="date"],
:root[data-theme="light"] .auslastung-form-v33 textarea{
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:7px 11px!important;
  border-radius:11px!important;
  font-size:.82rem!important;
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid rgba(100,116,139,.25)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.03)!important;
  line-height:1.2!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
}
.auslastung-form-v33 textarea,
:root[data-theme="light"] .auslastung-form-v33 textarea{
  height:auto!important;
  min-height:72px!important;
  max-height:none!important;
  resize:vertical!important;
}
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 input[type="date"],
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid rgba(203,213,225,.90)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04)!important;
}
:root[data-theme="dark"] .auslastung-form-v33 input::placeholder,
:root[data-theme="dark"] .auslastung-form-v33 textarea::placeholder{color:#64748b!important;opacity:1!important}
:root[data-theme="dark"] .auslastung-form-v33 select option{background:#ffffff!important;color:#111827!important}

/* Personalauswahl kompakter */
.person-picker-v35{
  padding-top:0!important;
  gap:6px!important;
}
.person-picker-v35>span{
  margin-bottom:2px!important;
}
.person-picker-v35>div{
  gap:5px!important;
  row-gap:6px!important;
}
.person-picker-v35 label{
  min-height:28px!important;
  height:28px!important;
  padding:3px 8px!important;
  gap:6px!important;
  border-radius:999px!important;
  font-size:.70rem!important;
  flex:0 1 auto!important;
}
.person-picker-v35 label span{
  font-size:.62rem!important;
  min-width:auto!important;
  color:#0f172a!important;
}
.person-picker-v35 label small{
  font-size:.68rem!important;
  white-space:nowrap!important;
  color:#475569!important;
}
:root[data-theme="dark"] .person-picker-v35 label{
  background:#f8fafc!important;
  border-color:#cbd5e1!important;
}
:root[data-theme="dark"] .person-picker-v35 label span{color:#0f172a!important}
:root[data-theme="dark"] .person-picker-v35 label small{color:#475569!important}

/* Legendenpunkte minimal kompakter, aber sauberer Umbruch */
.auslastung-status-legend-v802>div{
  justify-content:center!important;
  max-width:980px!important;
  gap:7px!important;
}
.legend-dot-v788{
  min-height:27px!important;
  padding:3px 7px!important;
  font-size:.64rem!important;
}
.legend-dot-v788 i{
  width:28px!important;
  min-width:28px!important;
  height:15px!important;
}

@media(max-width:1180px){
  .auslastung-toolbar-v33{
    grid-template-columns:1fr!important;
  }
  .auslastung-toolbar-actions-v43{justify-content:flex-start!important}
}
@media(max-width:760px){
  .auslastung-toolbar-v33{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px!important;
  }
  .auslastung-filter-v33,
  .jump-row-inline-v799,
  .auslastung-toolbar-actions-v43{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .jump-row-inline-v799 .today-jump-v36{grid-column:1/-1!important;width:100%!important}
  .auslastung-filter-v33 label,
  .jump-row-inline-v799 label{min-width:0!important;max-width:none!important;width:100%!important}
  .auslastung-toolbar-actions-v43 .btn{width:100%!important;justify-content:center!important}
  #newLoadForm.auslastung-form-v33,.auslastung-form-v33,.auslastung-form-v33.compact{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px!important;
  }
  .auslastung-form-v33 label{grid-template-rows:auto 42px!important;gap:4px!important}
  .auslastung-form-v33 input,
  .auslastung-form-v33 select,
  .auslastung-form-v33 input[type="date"]{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    font-size:16px!important;
  }
  .auslastung-form-v33 textarea{font-size:16px!important;min-height:78px!important}
  .person-picker-v35 label{height:27px!important;min-height:27px!important;padding:3px 7px!important}
  .person-picker-v35 label small{font-size:.64rem!important}
  .auslastung-status-legend-v802>summary{justify-content:flex-start!important;padding-left:12px!important;gap:7px!important}
}


/* v8.04 Auslastung: harte Korrektur für Datumsfelder und Personalauswahl */
.auslastung-form-v33 label,
.auslastung-form-v33.compact label,
#newLoadForm.auslastung-form-v33 label{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
.auslastung-form-v33 input,
.auslastung-form-v33 select,
.auslastung-form-v33 input[type="date"],
.auslastung-form-v33 input[type="text"],
.auslastung-form-v33 input[type="number"],
.auslastung-form-v33 textarea,
.auslastung-filter-v33 select,
.jump-row-inline-v799 select,
:root[data-theme="light"] .auslastung-form-v33 input,
:root[data-theme="light"] .auslastung-form-v33 select,
:root[data-theme="light"] .auslastung-form-v33 input[type="date"],
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 input[type="date"]{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:6px 10px!important;
  margin:0!important;
  line-height:24px!important;
  font-size:.82rem!important;
  border-radius:10px!important;
  vertical-align:middle!important;
}
.auslastung-form-v33 input[type="date"]::-webkit-date-and-time-value{
  min-height:0!important;
  height:auto!important;
  line-height:24px!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
}
.auslastung-form-v33 input[type="date"]::-webkit-calendar-picker-indicator{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  padding:0!important;
}
.auslastung-form-v33 textarea,
:root[data-theme="dark"] .auslastung-form-v33 textarea,
:root[data-theme="light"] .auslastung-form-v33 textarea{
  height:auto!important;
  min-height:72px!important;
  max-height:none!important;
  line-height:1.35!important;
  padding:9px 10px!important;
}
.auslastung-form-v33 .person-picker-v35,
.auslastung-form-v33.compact .person-picker-v35,
#newLoadForm.auslastung-form-v33 .person-picker-v35{
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  overflow:visible!important;
}
.auslastung-form-v33 .person-picker-v35>span,
#newLoadForm.auslastung-form-v33 .person-picker-v35>span{
  display:block!important;
  width:100%!important;
  color:#334155!important;
  font-size:.64rem!important;
  font-weight:850!important;
  line-height:1.15!important;
  margin:0!important;
}
:root[data-theme="dark"] .auslastung-form-v33 .person-picker-v35>span{color:#cbd5e1!important}
.auslastung-form-v33 .person-picker-v35>div,
.auslastung-form-v33.compact .person-picker-v35>div,
#newLoadForm.auslastung-form-v33 .person-picker-v35>div{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  row-gap:6px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.auslastung-form-v33 .person-picker-v35 label,
.auslastung-form-v33.compact .person-picker-v35 label,
#newLoadForm.auslastung-form-v33 .person-picker-v35 label,
:root[data-theme="dark"] .auslastung-form-v33 .person-picker-v35 label,
:root[data-theme="light"] .auslastung-form-v33 .person-picker-v35 label{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:3px 9px!important;
  margin:0!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-rows:none!important;
  grid-template-columns:none!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.auslastung-form-v33 .person-picker-v35 label span,
#newLoadForm.auslastung-form-v33 .person-picker-v35 label span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:18px!important;
  min-height:0!important;
  height:auto!important;
  font-size:.60rem!important;
  line-height:1!important;
  font-weight:900!important;
  color:#0f172a!important;
}
.auslastung-form-v33 .person-picker-v35 label small,
#newLoadForm.auslastung-form-v33 .person-picker-v35 label small{
  display:inline!important;
  font-size:.64rem!important;
  line-height:1!important;
  font-weight:700!important;
  color:#475569!important;
  white-space:nowrap!important;
}
:root[data-theme="dark"] .auslastung-form-v33 .person-picker-v35 label span{color:#0f172a!important}
:root[data-theme="dark"] .auslastung-form-v33 .person-picker-v35 label small{color:#475569!important}
@media(max-width:760px){
  .auslastung-form-v33 input,
  .auslastung-form-v33 select,
  .auslastung-form-v33 input[type="date"],
  .auslastung-form-v33 input[type="text"],
  .auslastung-form-v33 input[type="number"]{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    font-size:16px!important;
    line-height:24px!important;
    padding:7px 10px!important;
  }
  .auslastung-form-v33 .person-picker-v35 label,
  #newLoadForm.auslastung-form-v33 .person-picker-v35 label{
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
    padding:3px 8px!important;
  }
}


/* v8.05 Auslastung: Feiertage wieder zuverlässig sichtbar */
.week-days-v33 .day-cell-v33,
:root[data-theme="light"] .week-days-v33 .day-cell-v33,
:root[data-theme="dark"] .week-days-v33 .day-cell-v33{
  position:relative!important;
  overflow:visible!important;
}
.week-days-v33 .day-cell-v33.holiday .day-head-v33,
:root[data-theme="light"] .week-days-v33 .day-cell-v33.holiday .day-head-v33,
:root[data-theme="dark"] .week-days-v33 .day-cell-v33.holiday .day-head-v33{
  padding-bottom:16px!important;
}
.week-days-v33 .holiday-chip-v33,
:root[data-theme="light"] .week-days-v33 .holiday-chip-v33,
:root[data-theme="dark"] .week-days-v33 .holiday-chip-v33{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  left:6px!important;
  right:6px!important;
  bottom:4px!important;
  z-index:30!important;
  height:14px!important;
  min-height:14px!important;
  max-height:14px!important;
  line-height:12px!important;
  margin:0!important;
  padding:1px 6px!important;
  box-sizing:border-box!important;
  border-radius:5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.48rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  background:#fff1f2!important;
  border:1px solid rgba(190,18,60,.32)!important;
  color:#7f1d1d!important;
  box-shadow:0 1px 0 rgba(15,23,42,.08)!important;
}
:root[data-theme="dark"] .week-days-v33 .holiday-chip-v33{
  background:rgba(127,29,29,.88)!important;
  border-color:rgba(252,165,165,.42)!important;
  color:#fee2e2!important;
}
.week-days-v33 .holiday-chip-v33 small{display:none!important}
@media(max-width:760px){
  .week-days-v33 .day-cell-v33.holiday .day-head-v33{padding-bottom:14px!important}
  .week-days-v33 .holiday-chip-v33,
  :root[data-theme="light"] .week-days-v33 .holiday-chip-v33,
  :root[data-theme="dark"] .week-days-v33 .holiday-chip-v33{
    left:3px!important;
    right:3px!important;
    bottom:3px!important;
    height:12px!important;
    min-height:12px!important;
    max-height:12px!important;
    line-height:10px!important;
    padding:1px 3px!important;
    font-size:.34rem!important;
    border-radius:4px!important;
  }
}


/* v8.06 Auslastung: Formularfelder Tablet/Handy an PC angleichen, Buttons feiner */
.auslastung-add-v33,
.load-detail-v33.edit-only-v796,
.mobile-project-panel-inner-v750,
:root[data-theme="light"] .auslastung-add-v33,
:root[data-theme="light"] .load-detail-v33.edit-only-v796,
:root[data-theme="light"] .mobile-project-panel-inner-v750{
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.10)!important;
}
:root[data-theme="dark"] .auslastung-add-v33,
:root[data-theme="dark"] .load-detail-v33.edit-only-v796,
:root[data-theme="dark"] .mobile-project-panel-inner-v750{
  background:#1f2632!important;
  color:#f8fafc!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.42)!important;
}
.auslastung-add-v33 .new-entry-summary-v41,
:root[data-theme="light"] .auslastung-add-v33 .new-entry-summary-v41{
  background:linear-gradient(135deg,#f2c94c,#e5b82d)!important;
  color:#1f1604!important;
  border-radius:16px!important;
}
:root[data-theme="dark"] .auslastung-add-v33 .new-entry-summary-v41{
  background:linear-gradient(135deg,#334155,#263241)!important;
  color:#f8fafc!important;
}
.load-bar-v35[open] summary,
:root[data-theme="light"] .load-bar-v35[open] summary{
  background:#f1d091!important;
  color:#1f1604!important;
}
:root[data-theme="dark"] .load-bar-v35[open] summary{
  background:#2b3646!important;
  color:#f8fafc!important;
}

/* Einheitliche Formulargeometrie auf Desktop, Tablet und Handy */
#newLoadForm.auslastung-form-v33,
.load-detail-v33.edit-only-v796 .auslastung-form-v33,
.mobile-project-panel-content-v750 .auslastung-form-v33,
.auslastung-form-v33.compact{
  align-items:start!important;
  column-gap:14px!important;
  row-gap:10px!important;
}
.auslastung-form-v33 label,
.auslastung-form-v33.compact label,
#newLoadForm.auslastung-form-v33 label,
.mobile-project-panel-content-v750 .auslastung-form-v33 label{
  display:grid!important;
  grid-template-rows:auto 38px!important;
  gap:5px!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
.auslastung-form-v33 label span,
.auslastung-form-v33.compact label span,
#newLoadForm.auslastung-form-v33 label span{
  display:block!important;
  min-height:13px!important;
  line-height:13px!important;
  color:#334155!important;
  font-size:.63rem!important;
  font-weight:850!important;
  letter-spacing:.03em!important;
}
:root[data-theme="dark"] .auslastung-form-v33 label span,
:root[data-theme="dark"] .auslastung-form-v33.compact label span,
:root[data-theme="dark"] #newLoadForm.auslastung-form-v33 label span{
  color:#d7dee8!important;
}
.auslastung-form-v33 input,
.auslastung-form-v33 select,
.auslastung-form-v33 input[type="date"],
.auslastung-form-v33 input[type="text"],
.auslastung-form-v33 input[type="number"],
.auslastung-form-v33 textarea,
:root[data-theme="light"] .auslastung-form-v33 input,
:root[data-theme="light"] .auslastung-form-v33 select,
:root[data-theme="light"] .auslastung-form-v33 input[type="date"],
:root[data-theme="light"] .auslastung-form-v33 textarea,
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 input[type="date"],
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:7px 11px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:11px!important;
  font-size:.82rem!important;
  line-height:22px!important;
  font-weight:500!important;
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid rgba(148,163,184,.45)!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .auslastung-form-v33 input,
:root[data-theme="dark"] .auslastung-form-v33 select,
:root[data-theme="dark"] .auslastung-form-v33 input[type="date"],
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:rgba(203,213,225,.95)!important;
  caret-color:#0f172a!important;
}
.auslastung-form-v33 input[type="date"]::-webkit-date-and-time-value{
  height:22px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  line-height:22px!important;
  text-align:left!important;
}
.auslastung-form-v33 input[type="date"]::-webkit-calendar-picker-indicator{
  width:17px!important;
  height:17px!important;
  padding:0!important;
  margin:0!important;
}
.auslastung-form-v33 textarea,
:root[data-theme="light"] .auslastung-form-v33 textarea,
:root[data-theme="dark"] .auslastung-form-v33 textarea{
  height:auto!important;
  min-height:66px!important;
  max-height:none!important;
  line-height:1.35!important;
  padding:9px 11px!important;
  resize:vertical!important;
}

/* Personal geplant: kompakt, nicht als Vollbreiten-Balken */
.auslastung-form-v33 .person-picker-v35,
.auslastung-form-v33.compact .person-picker-v35,
#newLoadForm.auslastung-form-v33 .person-picker-v35,
.mobile-project-panel-content-v750 .person-picker-v35{
  display:grid!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  padding:0!important;
}
.auslastung-form-v33 .person-picker-v35>span,
#newLoadForm.auslastung-form-v33 .person-picker-v35>span{
  color:#334155!important;
  font-size:.63rem!important;
  line-height:13px!important;
  font-weight:850!important;
  letter-spacing:.03em!important;
  margin:0!important;
}
:root[data-theme="dark"] .auslastung-form-v33 .person-picker-v35>span{color:#d7dee8!important}
.auslastung-form-v33 .person-picker-v35>div,
.auslastung-form-v33.compact .person-picker-v35>div,
#newLoadForm.auslastung-form-v33 .person-picker-v35>div,
.mobile-project-panel-content-v750 .person-picker-v35>div{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  row-gap:6px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
.auslastung-form-v33 .person-picker-v35 label,
.auslastung-form-v33.compact .person-picker-v35 label,
#newLoadForm.auslastung-form-v33 .person-picker-v35 label,
.mobile-project-panel-content-v750 .person-picker-v35 label,
:root[data-theme="dark"] .auslastung-form-v33 .person-picker-v35 label,
:root[data-theme="light"] .auslastung-form-v33 .person-picker-v35 label{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:4px 9px!important;
  margin:0!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  background:#ffffff!important;
  border:1px solid rgba(148,163,184,.42)!important;
  color:#0f172a!important;
  box-shadow:none!important;
}
.auslastung-form-v33 .person-picker-v35 label span,
#newLoadForm.auslastung-form-v33 .person-picker-v35 label span,
.mobile-project-panel-content-v750 .person-picker-v35 label span{
  color:#0f172a!important;
  font-size:.59rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.auslastung-form-v33 .person-picker-v35 label small,
#newLoadForm.auslastung-form-v33 .person-picker-v35 label small,
.mobile-project-panel-content-v750 .person-picker-v35 label small{
  display:inline!important;
  color:#475569!important;
  font-size:.64rem!important;
  line-height:1!important;
  font-weight:700!important;
}
.auslastung-form-v33 .person-picker-v35 label:has(input:checked),
#newLoadForm.auslastung-form-v33 .person-picker-v35 label:has(input:checked){
  background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;
  border-color:#60a5fa!important;
}

/* Speichern/Löschen auf Auslastung feiner und gleiche Größe */
.auslastung-form-v33 .btn,
.delete-load-form-v33 .btn,
.load-actions-v33 .btn,
#newLoadForm .btn,
:root[data-theme="light"] .auslastung-form-v33 .btn,
:root[data-theme="dark"] .auslastung-form-v33 .btn{
  min-height:38px!important;
  height:38px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  font-size:.78rem!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:170px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.14)!important;
  text-shadow:none!important;
}
.auslastung-form-v33 .btn.primary,
#newLoadForm .btn.primary,
.load-detail-v33.edit-only-v796 .btn.primary{
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  border:1px solid rgba(29,78,216,.85)!important;
  color:#ffffff!important;
}
.delete-load-form-v33 .btn.danger,
.auslastung-form-v33 .btn.danger{
  background:linear-gradient(135deg,#ef4444,#b91c1c)!important;
  border:1px solid rgba(153,27,27,.80)!important;
  color:#ffffff!important;
}
.edit-inline-v33 .delete-load-form-v33{
  margin-top:8px!important;
  display:inline-flex!important;
  width:auto!important;
}
.edit-inline-v33 .delete-load-form-v33 .btn{min-width:170px!important}

@media(min-width:761px){
  .load-detail-v33.edit-only-v796 .edit-inline-v33{
    position:relative!important;
    padding-bottom:4px!important;
  }
  .load-detail-v33.edit-only-v796 .edit-inline-v33 .auslastung-form-v33.compact .btn.primary{
    margin-right:10px!important;
  }
  .load-detail-v33.edit-only-v796 .edit-inline-v33 .delete-load-form-v33{
    margin-top:8px!important;
  }
}

@media(max-width:1180px){
  #newLoadForm.auslastung-form-v33,
  .load-detail-v33.edit-only-v796 .auslastung-form-v33.compact,
  .mobile-project-panel-content-v750 .auslastung-form-v33{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  #newLoadForm.auslastung-form-v33,
  .load-detail-v33.edit-only-v796 .auslastung-form-v33.compact,
  .mobile-project-panel-content-v750 .auslastung-form-v33{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
  }
  .auslastung-form-v33 label,
  .auslastung-form-v33.compact label,
  #newLoadForm.auslastung-form-v33 label,
  .mobile-project-panel-content-v750 .auslastung-form-v33 label{
    grid-template-rows:auto 40px!important;
  }
  .auslastung-form-v33 input,
  .auslastung-form-v33 select,
  .auslastung-form-v33 input[type="date"],
  .auslastung-form-v33 input[type="text"],
  .auslastung-form-v33 input[type="number"]{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    font-size:16px!important;
    line-height:24px!important;
    padding:7px 10px!important;
  }
  .auslastung-form-v33 .btn,
  .delete-load-form-v33 .btn,
  #newLoadForm .btn{
    width:100%!important;
    min-width:0!important;
  }
  .edit-inline-v33 .delete-load-form-v33{width:100%!important}
}


/* v8.07 Auslastung: Button-/Toolbar-Feinschliff */
:root{--aus-red-v807:#a82828;--aus-red-dark-v807:#8f2020;--aus-neutral-v807:#f5f7fb;--aus-neutral-border-v807:#d7dee8;}
/* Toolbar-Reihenfolge: Jahr, Monat, KW, Heute, Aktionen; Bundesland danach */
.auslastung-toolbar-v33{
  display:flex!important;flex-wrap:wrap!important;align-items:end!important;gap:10px!important;
  padding:14px!important;background:#2f394a!important;border-radius:18px!important;
}
.auslastung-filter-v33,.jump-row-inline-v799,.auslastung-toolbar-actions-v43{display:contents!important}
.auslastung-filter-v33 label,.jump-row-inline-v799 label,.auslastung-toolbar-actions-v43 a,.today-jump-v36{margin:0!important}
.auslastung-filter-v33 label:nth-child(1){order:1!important;min-width:120px!important;max-width:150px!important}
.jump-row-inline-v799 label:nth-of-type(1){order:2!important;min-width:145px!important;max-width:170px!important}
.jump-row-inline-v799 label:nth-of-type(2){order:3!important;min-width:125px!important;max-width:150px!important}
.today-jump-v36{order:4!important;background:linear-gradient(135deg,var(--aus-red-v807),var(--aus-red-dark-v807))!important;color:#fff!important;border:1px solid rgba(120,20,20,.55)!important;box-shadow:0 8px 18px rgba(120,20,20,.18)!important}
.auslastung-toolbar-actions-v43 a:nth-child(1){order:5!important}
.auslastung-toolbar-actions-v43 a:nth-child(2){order:6!important}
.auslastung-toolbar-actions-v43 a:nth-child(3){order:7!important}
.auslastung-filter-v33 label:nth-child(2){order:8!important;min-width:190px!important;max-width:260px!important}
.auslastung-toolbar-v33 label span,.jump-row-inline-v799 label span{color:#d6dde9!important;font-size:.62rem!important;letter-spacing:.08em!important;font-weight:850!important;text-transform:uppercase!important}
.auslastung-toolbar-v33 select{height:34px!important;border-radius:9px!important;background:#f8fafc!important;color:#111827!important;border:1px solid rgba(203,213,225,.7)!important;font-size:.78rem!important;padding:0 10px!important}
.auslastung-toolbar-actions-v43 .btn,.today-jump-v36{height:34px!important;min-height:34px!important;border-radius:10px!important;padding:0 14px!important;font-size:.76rem!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.auslastung-toolbar-actions-v43 .btn{background:#111827!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
@media(max-width:760px){
  .auslastung-toolbar-v33{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important}
  .auslastung-filter-v33,.jump-row-inline-v799,.auslastung-toolbar-actions-v43{display:contents!important}
  .auslastung-filter-v33 label,.jump-row-inline-v799 label,.auslastung-toolbar-actions-v43 a,.today-jump-v36{width:100%!important;min-width:0!important;max-width:none!important}
}

/* Neuer Termin eingeklappt feiner wie Farblegende, aber sichtbar */
.auslastung-add-v33{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.auslastung-add-v33 details{border:1px solid rgba(168,40,40,.22)!important;border-radius:18px!important;background:rgba(255,255,255,.82)!important;overflow:hidden!important;box-shadow:0 10px 26px rgba(15,23,42,.07)!important}
:root[data-theme="dark"] .auslastung-add-v33 details{background:#222833!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important}
.new-entry-summary-v41{min-height:48px!important;padding:10px 16px!important;background:linear-gradient(135deg,rgba(168,40,40,.11),rgba(236,196,54,.19))!important;color:#141922!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
:root[data-theme="dark"] .new-entry-summary-v41{background:linear-gradient(135deg,rgba(168,40,40,.32),rgba(236,196,54,.14))!important;color:#f8fafc!important}
.new-entry-summary-v41 strong{font-size:.98rem!important;line-height:1.1!important}.new-entry-summary-v41 b{background:rgba(255,255,255,.72)!important;color:#3b2b0b!important;border:1px solid rgba(168,40,40,.12)!important;border-radius:999px!important;padding:6px 10px!important;font-size:.68rem!important;white-space:nowrap!important}
:root[data-theme="dark"] .new-entry-summary-v41 b{background:rgba(15,23,42,.55)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}

/* Formularfarben stabil: PC-Optik für Tablet/Handy, keine gelben Flächen */
#newLoadForm.auslastung-form-v33,.load-detail-v33.edit-only-v796,.mobile-project-panel-content-v750 .auslastung-form-v33{background:#f8fafc!important;color:#111827!important;border-color:rgba(148,163,184,.24)!important}
:root[data-theme="dark"] #newLoadForm.auslastung-form-v33,
:root[data-theme="dark"] .load-detail-v33.edit-only-v796,
:root[data-theme="dark"] .mobile-project-panel-content-v750 .auslastung-form-v33{background:#222833!important;color:#f8fafc!important;border-color:rgba(255,255,255,.10)!important}
.auslastung-form-v33 label{min-width:0!important;overflow:visible!important}
.auslastung-form-v33 input,.auslastung-form-v33 select,.auslastung-form-v33 input[type="date"],.auslastung-form-v33 textarea{background:#fff!important;color:#111827!important;border-color:#cbd5e1!important}
:root[data-theme="dark"] .auslastung-form-v33 input,:root[data-theme="dark"] .auslastung-form-v33 select,:root[data-theme="dark"] .auslastung-form-v33 input[type="date"],:root[data-theme="dark"] .auslastung-form-v33 textarea{background:#f8fafc!important;color:#111827!important;border-color:#cbd5e1!important}
.auslastung-form-v33 label span{color:#263244!important}:root[data-theme="dark"] .auslastung-form-v33 label span{color:#e5e7eb!important}

/* Speichern dunkelrot; Löschen dezent; gleich groß nebeneinander */
.auslastung-form-v33 .btn.primary,#newLoadForm .btn.primary,.load-detail-v33.edit-only-v796 .btn.primary,.edit-action-row-v807 .btn.primary{background:linear-gradient(135deg,var(--aus-red-v807),var(--aus-red-dark-v807))!important;border:1px solid rgba(126,24,24,.70)!important;color:#fff!important;box-shadow:0 8px 18px rgba(126,24,24,.16)!important;text-shadow:none!important}
.delete-load-form-v33 .btn.danger,.auslastung-form-v33 .btn.danger,.edit-action-row-v807 .btn.danger{background:linear-gradient(135deg,#f8fafc,#eef2f7)!important;color:#334155!important;border:1px solid var(--aus-neutral-border-v807)!important;box-shadow:none!important;text-shadow:none!important}
:root[data-theme="dark"] .delete-load-form-v33 .btn.danger,:root[data-theme="dark"] .edit-action-row-v807 .btn.danger{background:linear-gradient(135deg,#303846,#262e3b)!important;color:#e5e7eb!important;border-color:rgba(255,255,255,.14)!important}
.edit-action-row-v807{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:10px!important}
.edit-action-row-v807>.btn,.edit-action-row-v807 .delete-load-form-v33 .btn{width:170px!important;min-width:170px!important;max-width:170px!important;height:36px!important;min-height:36px!important;border-radius:9px!important;padding:0 14px!important;font-size:.76rem!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.edit-action-row-v807 .delete-load-form-v33{margin:0!important;display:inline-flex!important;width:auto!important}
#newLoadForm>.btn.primary{width:210px!important;min-width:210px!important;max-width:210px!important;height:36px!important;min-height:36px!important;border-radius:9px!important}
@media(max-width:760px){.edit-action-row-v807{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.edit-action-row-v807>.btn,.edit-action-row-v807 .delete-load-form-v33,.edit-action-row-v807 .delete-load-form-v33 .btn{width:100%!important;min-width:0!important;max-width:none!important}#newLoadForm>.btn.primary{width:100%!important;min-width:0!important;max-width:none!important}}

/* Heute-Floating in gleichem Dunkelrot */
.today-floating-v788{background:linear-gradient(135deg,var(--aus-red-v807),var(--aus-red-dark-v807))!important;color:#fff!important;border:1px solid rgba(120,20,20,.55)!important;box-shadow:0 10px 22px rgba(120,20,20,.22)!important}

/* Personalauswahl wirklich kompakt halten */
.auslastung-form-v33 .person-picker-v35>div{gap:6px!important;row-gap:6px!important}.auslastung-form-v33 .person-picker-v35 label{height:26px!important;min-height:26px!important;max-height:26px!important;padding:3px 8px!important}.auslastung-form-v33 .person-picker-v35 label small{font-size:.60rem!important}.auslastung-form-v33 .person-picker-v35 label span{font-size:.55rem!important}

/* v8.08 Auslastung: Toolbar-Reihenfolge, feinere Neueintrag-Kachel, stabile Formulare */
.auslastung-toolbar-v33.auslastung-toolbar-v808{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:end!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:12px 14px!important;
  background:#2f394a!important;
  border-radius:18px!important;
}
.auslastung-toolbar-v808 .auslastung-filter-v33,
.auslastung-toolbar-v808 .jump-row-inline-v799,
.auslastung-toolbar-v808 .auslastung-toolbar-actions-v43{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:end!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.auslastung-toolbar-v808 .year-filter-v808{order:1!important;}
.auslastung-toolbar-v808 .jump-row-inline-v799{order:2!important;}
.auslastung-toolbar-v808 .auslastung-toolbar-actions-v43{order:3!important;}
.auslastung-toolbar-v808 .state-filter-v808{order:4!important;}
.auslastung-toolbar-v808 label{margin:0!important;min-width:0!important;max-width:none!important;}
.auslastung-toolbar-v808 .year-filter-v808 label{width:126px!important;}
.auslastung-toolbar-v808 .jump-row-inline-v799 label{width:132px!important;}
.auslastung-toolbar-v808 .state-filter-v808 label{width:210px!important;}
.auslastung-toolbar-v808 label span{
  color:#d6dde9!important;
  font-size:.58rem!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  margin:0 0 5px!important;
}
.auslastung-toolbar-v808 select,
.auslastung-toolbar-v808 .btn,
.auslastung-toolbar-v808 .today-jump-v36{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  font-size:.76rem!important;
  font-weight:800!important;
}
.auslastung-toolbar-v808 select{
  width:100%!important;
  padding:0 10px!important;
  color:#111827!important;
  background:#f8fafc!important;
  border:1px solid rgba(203,213,225,.75)!important;
}
.auslastung-toolbar-v808 .today-jump-v36{
  order:3!important;
  padding:0 16px!important;
  margin:0!important;
  background:linear-gradient(135deg,#a82828,#8f2020)!important;
  color:#fff!important;
  border:1px solid rgba(120,20,20,.62)!important;
}
.auslastung-toolbar-v808 .auslastung-toolbar-actions-v43 .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  background:#111827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  .auslastung-toolbar-v33.auslastung-toolbar-v808{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .auslastung-toolbar-v808 .auslastung-filter-v33,
  .auslastung-toolbar-v808 .jump-row-inline-v799,
  .auslastung-toolbar-v808 .auslastung-toolbar-actions-v43{display:contents!important;}
  .auslastung-toolbar-v808 .year-filter-v808 label,
  .auslastung-toolbar-v808 .jump-row-inline-v799 label,
  .auslastung-toolbar-v808 .state-filter-v808 label,
  .auslastung-toolbar-v808 .btn,
  .auslastung-toolbar-v808 .today-jump-v36{width:100%!important;min-width:0!important;max-width:none!important;}
}

/* Neueintrag eingeklappt: wie Farblegende, ohne separaten Öffnen/Schließen-Button */
.auslastung-add-v33 details{
  border-radius:18px!important;
  border:1px solid rgba(195,142,28,.35)!important;
  overflow:hidden!important;
  background:#fff8e8!important;
}
:root[data-theme="dark"] .auslastung-add-v33 details{
  background:#fff0ba!important;
  border-color:rgba(229,184,62,.75)!important;
}
.new-entry-summary-v41{
  min-height:44px!important;
  padding:11px 16px!important;
  background:linear-gradient(135deg,#f2cb4d,#e7bd37)!important;
  color:#241a06!important;
  border-radius:16px!important;
  font-size:.78rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.new-entry-summary-v41 strong{
  font-size:.80rem!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.new-entry-summary-v41 b{display:none!important;}
:root[data-theme="dark"] .new-entry-summary-v41{
  background:linear-gradient(135deg,#f2cb4d,#e7bd37)!important;
  color:#241a06!important;
}

/* Formularlayout: keine Überblendung, kein unnötiges Horizontal-Scrollen */
.load-bar-v35[open],
.load-bar-v35[open] .load-detail-v33,
.load-bar-v35[open] .edit-inline-v33,
.load-bar-v35[open] .auslastung-form-v33,
#newLoadForm.auslastung-form-v33{
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
.load-detail-v33.edit-only-v796,
#newLoadForm.auslastung-form-v33{
  padding:14px!important;
  background:#f8fafc!important;
  color:#111827!important;
}
:root[data-theme="dark"] .load-detail-v33.edit-only-v796,
:root[data-theme="dark"] #newLoadForm.auslastung-form-v33{
  background:#161d29!important;
  color:#f8fafc!important;
}
.auslastung-form-v33 label.wide,
.auslastung-form-v33 .person-picker-v35,
#newLoadForm>.btn.primary,
.edit-action-row-v807{
  grid-column:1/-1!important;
}
.auslastung-form-v33 label.wide textarea,
.auslastung-form-v33 textarea{
  width:100%!important;
  min-height:80px!important;
  display:block!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.edit-action-row-v807{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:12px!important;
  position:relative!important;
  z-index:1!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
}
.edit-action-row-v807>.btn,
.edit-action-row-v807 .delete-load-form-v33,
.edit-action-row-v807 .delete-load-form-v33 .btn{
  margin:0!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  width:174px!important;
  min-width:174px!important;
  max-width:174px!important;
  border-radius:9px!important;
  box-sizing:border-box!important;
}
#newLoadForm>.btn.primary{
  margin-top:4px!important;
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:9px!important;
}
.auslastung-form-v33 .btn.primary,
#newLoadForm .btn.primary,
.edit-action-row-v807 .btn.primary{
  background:linear-gradient(135deg,#a82828,#8f2020)!important;
  color:#fff!important;
  border:1px solid rgba(120,20,20,.62)!important;
  box-shadow:0 8px 16px rgba(120,20,20,.16)!important;
}
.edit-action-row-v807 .btn.danger,
.delete-load-form-v33 .btn.danger{
  background:#f4f6fa!important;
  color:#334155!important;
  border:1px solid #d7dee8!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .edit-action-row-v807 .btn.danger,
:root[data-theme="dark"] .delete-load-form-v33 .btn.danger{
  background:#252d3a!important;
  color:#e5e7eb!important;
  border-color:rgba(255,255,255,.15)!important;
}
@media(max-width:760px){
  .load-detail-v33.edit-only-v796,
  #newLoadForm.auslastung-form-v33{padding:10px!important;}
  .edit-action-row-v807{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .edit-action-row-v807>.btn,
  .edit-action-row-v807 .delete-load-form-v33,
  .edit-action-row-v807 .delete-load-form-v33 .btn,
  #newLoadForm>.btn.primary{width:100%!important;min-width:0!important;max-width:none!important;}
}


/* v8.09 Auslastung: Admin-Werkzeuge ausgelagert, feinere Neueintrag-Kachel */
.auslastung-toolbar-v808 .auslastung-toolbar-actions-v43 .btn[href="personalverwaltung.php"]{
  min-width:86px!important;
}
.new-entry-summary-v41,
:root[data-theme="dark"] .new-entry-summary-v41{
  min-height:42px!important;
  padding:8px 12px!important;
  background:linear-gradient(135deg,#f2cb4d,#e7bd37)!important;
  color:#241a06!important;
  border-radius:16px!important;
  justify-content:flex-start!important;
}
.new-entry-summary-v41 strong,
:root[data-theme="dark"] .new-entry-summary-v41 strong{
  font-size:.72rem!important;
  line-height:1.1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#241a06!important;
}
.new-entry-summary-v41 div{display:flex!important;align-items:center!important;min-width:0!important}
.new-entry-summary-v41 b{display:none!important}
:root[data-theme="dark"] .auslastung-add-v33 details,
:root[data-theme="dark"] .auslastung-add-v33 details:not([open]){
  background:#fff8e8!important;
  border-color:rgba(195,142,28,.35)!important;
}
/* ab v8.09 sind Excel Export und +1 Jahr nicht mehr in der Haupt-Auslastungsleiste */
.auslastung-toolbar-v808 .auslastung-toolbar-actions-v43{
  order:3!important;
}

/* v8.09 Admin-Seite: Auslastungswerkzeuge passend zur Personalverwaltung */
.personal-admin-tools-v809{
  margin:14px 0 18px!important;
  padding:16px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(100,116,139,.18)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
}
:root[data-theme="dark"] .personal-admin-tools-v809{
  background:#1f2632!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.personal-admin-tools-v809 header{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-bottom:12px!important;
}
.personal-admin-tools-v809 h2{
  margin:0!important;
  font-size:1.05rem!important;
  color:#111827!important;
}
:root[data-theme="dark"] .personal-admin-tools-v809 h2{color:#f8fafc!important}
.personal-admin-year-v809{
  display:flex!important;
  align-items:end!important;
  gap:8px!important;
  margin:0!important;
}
.personal-admin-year-v809 label{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
}
.personal-admin-year-v809 label span{
  font-size:.62rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:850!important;
  color:#64748b!important;
}
:root[data-theme="dark"] .personal-admin-year-v809 label span{color:#cbd5e1!important}
.personal-admin-year-v809 input{
  height:36px!important;
  min-height:36px!important;
  border-radius:10px!important;
  border:1px solid rgba(203,213,225,.75)!important;
  background:#f8fafc!important;
  color:#111827!important;
  padding:0 10px!important;
  width:120px!important;
  box-sizing:border-box!important;
}
.personal-admin-actions-v809{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.personal-admin-actions-v809 .btn,
.personal-admin-year-v809 .btn{
  min-height:36px!important;
  border-radius:10px!important;
  padding:7px 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:.78rem!important;
  font-weight:850!important;
  background:#111827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
:root[data-theme="dark"] .personal-admin-actions-v809 .btn,
:root[data-theme="dark"] .personal-admin-year-v809 .btn{
  background:#0f172a!important;
  color:#fff!important;
}
@media(max-width:760px){
  .personal-admin-tools-v809{padding:12px!important;border-radius:16px!important}
  .personal-admin-year-v809,.personal-admin-actions-v809{width:100%!important}
  .personal-admin-year-v809 input,.personal-admin-year-v809 .btn,.personal-admin-actions-v809 .btn{width:100%!important}
  .personal-admin-year-v809{display:grid!important;grid-template-columns:1fr!important}
}


/* v8.10 Auslastung: Toolbar-Reihenfolge Heute/Jahr/Monat/KW/Admin, Bundesland ausgeblendet, Neueintrag gelb und klein */
.auslastung-toolbar-v810{
  display:flex!important;
  align-items:end!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.auslastung-toolbar-v810 .toolbar-today-v810{order:1!important;}
.auslastung-toolbar-v810 .year-filter-v808{order:2!important;display:block!important;margin:0!important;}
.auslastung-toolbar-v810 .jump-row-inline-v799{order:3!important;display:flex!important;align-items:end!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0!important;}
.auslastung-toolbar-v810 .auslastung-toolbar-actions-v43{order:4!important;display:flex!important;align-items:end!important;margin:0!important;}
.auslastung-toolbar-v810 .year-filter-v808 label,
.auslastung-toolbar-v810 .jump-row-inline-v799 label{
  display:grid!important;
  gap:4px!important;
  min-width:128px!important;
  max-width:160px!important;
  width:auto!important;
  margin:0!important;
}
.auslastung-toolbar-v810 .year-filter-v808 label{min-width:110px!important;max-width:130px!important;}
.auslastung-toolbar-v810 .today-jump-v36,
.auslastung-toolbar-v810 .auslastung-toolbar-actions-v43 .btn{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
}
.state-filter-v808{display:none!important;}
.auslastung-toolbar-v810 .auslastung-filter-v33,
.auslastung-toolbar-v810 .jump-row-inline-v799,
.auslastung-toolbar-v810 .auslastung-toolbar-actions-v43{display:flex!important;}
.auslastung-toolbar-v810 .auslastung-filter-v33 label,
.auslastung-toolbar-v810 .jump-row-inline-v799 label,
.auslastung-toolbar-v810 .auslastung-toolbar-actions-v43 a,
.auslastung-toolbar-v810 .today-jump-v36{margin:0!important;}
/* Alte display:contents/nth-order Regeln endgültig überstimmen */
.auslastung-toolbar-v810 .auslastung-filter-v33 label:nth-child(1),
.auslastung-toolbar-v810 .jump-row-inline-v799 label:nth-of-type(1),
.auslastung-toolbar-v810 .jump-row-inline-v799 label:nth-of-type(2),
.auslastung-toolbar-v810 .today-jump-v36,
.auslastung-toolbar-v810 .auslastung-toolbar-actions-v43 a:nth-child(1){order:initial!important;}

.new-entry-summary-v41,
:root[data-theme="dark"] .new-entry-summary-v41{
  min-height:42px!important;
  padding:8px 12px!important;
  background:linear-gradient(135deg,#f2cb4d,#e7bd37)!important;
  color:#241a06!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.new-entry-summary-v41 strong,
:root[data-theme="dark"] .new-entry-summary-v41 strong{
  font-size:.72rem!important;
  line-height:1.05!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#241a06!important;
}
.new-entry-summary-v41 b,
:root[data-theme="dark"] .new-entry-summary-v41 b{display:none!important;}
.auslastung-add-v33 details:not([open]),
:root[data-theme="dark"] .auslastung-add-v33 details:not([open]){
  background:#fff8e8!important;
  border:1px solid rgba(195,142,28,.35)!important;
}
@media(max-width:760px){
  .auslastung-toolbar-v810{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:end!important;}
  .auslastung-toolbar-v810 .toolbar-today-v810,
  .auslastung-toolbar-v810 .year-filter-v808,
  .auslastung-toolbar-v810 .jump-row-inline-v799,
  .auslastung-toolbar-v810 .auslastung-toolbar-actions-v43{width:100%!important;min-width:0!important;max-width:none!important;}
  .auslastung-toolbar-v810 .jump-row-inline-v799{display:contents!important;}
  .auslastung-toolbar-v810 .year-filter-v808 label,
  .auslastung-toolbar-v810 .jump-row-inline-v799 label,
  .auslastung-toolbar-v810 .auslastung-toolbar-actions-v43 .btn,
  .auslastung-toolbar-v810 .today-jump-v36{width:100%!important;min-width:0!important;max-width:none!important;}
  .auslastung-toolbar-v810 .toolbar-today-v810{order:1!important;}
  .auslastung-toolbar-v810 .year-filter-v808{order:2!important;}
  .auslastung-toolbar-v810 .jump-row-inline-v799 label:nth-of-type(1){order:3!important;}
  .auslastung-toolbar-v810 .jump-row-inline-v799 label:nth-of-type(2){order:4!important;}
  .auslastung-toolbar-v810 .auslastung-toolbar-actions-v43{order:5!important;grid-column:1/-1!important;}
}


/* v8.11 Auslastung: Neueintrag-Kachel final gezielt korrigiert */
section#neuerEintrag.auslastung-add-v33,
body section#neuerEintrag.auslastung-add-v33{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
section#neuerEintrag.auslastung-add-v33 > details,
section#neuerEintrag.auslastung-add-v33 > details:not([open]),
section#neuerEintrag.auslastung-add-v33 > details[open],
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details:not([open]),
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details[open]{
  background:#fff8e8!important;
  border:1px solid rgba(195,142,28,.36)!important;
  border-radius:18px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details:not([open]),
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details[open]{
  box-shadow:none!important;
}
section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41,
section#neuerEintrag.auslastung-add-v33 > details:not([open]) > summary.new-entry-summary-v41,
section#neuerEintrag.auslastung-add-v33 > details[open] > summary.new-entry-summary-v41,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details:not([open]) > summary.new-entry-summary-v41,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details[open] > summary.new-entry-summary-v41{
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
  margin:0!important;
  background:linear-gradient(135deg,#f2cb4d,#e7bd37)!important;
  color:#241a06!important;
  border:0!important;
  border-radius:17px 17px 0 0!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
section#neuerEintrag.auslastung-add-v33 > details:not([open]) > summary.new-entry-summary-v41,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details:not([open]) > summary.new-entry-summary-v41{
  border-radius:17px!important;
}
section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41 div,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41 div{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41 strong,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41 strong{
  font-size:.66rem!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#241a06!important;
  margin:0!important;
  padding:0!important;
}
section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41 b,
:root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41 b{
  display:none!important;
}
section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41::marker,
section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41::-webkit-details-marker{
  display:none!important;
  content:""!important;
}
@media(max-width:760px){
  section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41,
  :root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41{
    min-height:38px!important;
    height:38px!important;
    padding:0 12px!important;
  }
  section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41 strong,
  :root[data-theme="dark"] section#neuerEintrag.auslastung-add-v33 > details > summary.new-entry-summary-v41 strong{
    font-size:.62rem!important;
    letter-spacing:.09em!important;
  }
}


/* Version 8.12 - globaler frosted Header wie Footer, feiner und dauerhaft sichtbar */
:root{
  --app-header-h-v812: 58px;
}
html{
  scroll-padding-top: calc(var(--app-header-h-v812) + 12px) !important;
}
body{
  padding-top: var(--app-header-h-v812) !important;
}
.topbar.app-header-v812,
.topbar{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 880 !important;
  min-height: var(--app-header-h-v812) !important;
  height: var(--app-header-h-v812) !important;
  padding: 7px max(10px, env(safe-area-inset-left)) 7px max(10px, env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(10,14,22,.58) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.14) !important;
}
:root[data-theme="light"] .topbar.app-header-v812,
:root[data-theme="light"] .topbar{
  background: rgba(248,250,252,.72) !important;
  border-bottom-color: rgba(20,25,30,.10) !important;
  box-shadow: 0 10px 34px rgba(20,25,30,.08) !important;
}
.topbar-left,
:root[data-layout="desktop"] .topbar-left{
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: auto !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}
.header-round-home-v47,
.topbar > .home-button,
.home-button.header-round-home-v47{
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: var(--text) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 8px 20px rgba(0,0,0,.10) !important;
}
:root[data-theme="light"] .header-round-home-v47,
:root[data-theme="light"] .topbar > .home-button,
:root[data-theme="light"] .home-button.header-round-home-v47{
  background: rgba(255,255,255,.74) !important;
  border-color: rgba(20,25,30,.12) !important;
}
.topbar-switches-v24,
.header-switches-v812,
:root[data-layout="desktop"] .topbar-switches-v24,
:root[data-design="software"] .topbar-switches-v24{
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  z-index: auto !important;
  margin: 0 !important;
  justify-self: end !important;
  align-self: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100vw - 64px) !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
.switch-row-v24,
.header-switch-row-v812,
:root[data-design="software"] .switch-row-v24{
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
:root[data-theme="light"] .switch-row-v24,
:root[data-theme="light"] .header-switch-row-v812,
:root[data-theme="light"][data-design="software"] .switch-row-v24{
  background: rgba(255,255,255,.68) !important;
  border-color: rgba(20,25,30,.10) !important;
}
.switch-row-v24 strong,
.header-switch-row-v812 strong,
:root[data-design="software"] .switch-row-v24 strong{
  color: var(--text) !important;
  font-size: .66rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  justify-self: auto !important;
  opacity: .92 !important;
}
.theme-toggle.theme-switch-v49,
.theme-switch-v49,
button[data-theme-toggle],
.desktop-layout-toggle-v21{
  width: 44px !important;
  min-width: 44px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 2px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.18), 0 5px 14px rgba(0,0,0,.10) !important;
}
:root[data-theme="light"] .theme-toggle.theme-switch-v49,
:root[data-theme="light"] .theme-switch-v49,
:root[data-theme="light"] button[data-theme-toggle],
:root[data-theme="light"] .desktop-layout-toggle-v21{
  background: rgba(20,25,30,.08) !important;
  border-color: rgba(20,25,30,.12) !important;
}
.theme-toggle.theme-switch-v49 > span,
.theme-switch-v49 > span,
button[data-theme-toggle] > span,
.desktop-switch-knob-v21{
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.88) !important;
  transition: transform .18s ease !important;
}
:root[data-theme="light"] .theme-toggle.theme-switch-v49 > span,
:root[data-theme="light"] .theme-switch-v49 > span,
:root[data-theme="light"] button[data-theme-toggle] > span{
  transform: translateX(20px) !important;
}
.desktop-layout-toggle-v21.active .desktop-switch-knob-v21{
  transform: translateX(20px) !important;
}
.theme-toggle.theme-switch-v49,
.theme-switch-v49,
button[data-theme-toggle]{
  background: linear-gradient(135deg, rgba(22,26,33,.96), rgba(63,69,82,.86)) !important;
}
:root[data-theme="light"] .theme-toggle.theme-switch-v49,
:root[data-theme="light"] .theme-switch-v49,
:root[data-theme="light"] button[data-theme-toggle]{
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(230,234,241,.90)) !important;
}
.desktop-layout-toggle-v21.active{
  background: linear-gradient(135deg, rgba(54,105,188,.95), rgba(33,73,143,.92)) !important;
}
.page{
  margin-top: 22px !important;
}
@media (max-width: 760px){
  :root{ --app-header-h-v812: 54px; }
  .topbar.app-header-v812,
  .topbar{
    height: var(--app-header-h-v812) !important;
    min-height: var(--app-header-h-v812) !important;
    padding: 7px 8px !important;
    gap: 6px !important;
  }
  .header-round-home-v47,
  .topbar > .home-button,
  .home-button.header-round-home-v47{
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
  .topbar-switches-v24,
  .header-switches-v812{
    gap: 5px !important;
    max-width: calc(100vw - 54px) !important;
  }
  .switch-row-v24,
  .header-switch-row-v812{
    min-height: 32px !important;
    padding: 4px 5px !important;
    gap: 5px !important;
  }
  .switch-row-v24 strong,
  .header-switch-row-v812 strong{
    font-size: .54rem !important;
    letter-spacing: .055em !important;
  }
  .theme-toggle.theme-switch-v49,
  .theme-switch-v49,
  button[data-theme-toggle],
  .desktop-layout-toggle-v21{
    width: 38px !important;
    min-width: 38px !important;
    height: 22px !important;
    min-height: 22px !important;
  }
  .theme-toggle.theme-switch-v49 > span,
  .theme-switch-v49 > span,
  button[data-theme-toggle] > span,
  .desktop-switch-knob-v21{
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
  }
  :root[data-theme="light"] .theme-toggle.theme-switch-v49 > span,
  :root[data-theme="light"] .theme-switch-v49 > span,
  :root[data-theme="light"] button[data-theme-toggle] > span,
  .desktop-layout-toggle-v21.active .desktop-switch-knob-v21{
    transform: translateX(16px) !important;
  }
}
@media print{
  body{ padding-top: 0 !important; }
  .topbar{ display: none !important; }
}


/* Version 8.13 - Header-Logo, ERP-System Button, feinere Menütexte */
.topbar.app-header-v813{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.header-brand-left-v813,
.topbar-left.header-brand-left-v813,
:root[data-layout="desktop"] .topbar-left.header-brand-left-v813{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.header-erp-button-v813,
.home-button.header-erp-button-v813,
.header-round-home-v47.header-erp-button-v813{
  width:auto!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  font-size:.66rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--text)!important;
}
.header-logo-link-v813{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  height:34px!important;
  max-width:min(34vw,230px)!important;
  overflow:hidden!important;
}
.header-logo-img-v813{
  display:block!important;
  width:auto!important;
  height:24px!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
.header-logo-dark-v813{display:none!important}
.header-logo-light-v813{display:block!important}
:root[data-theme="light"] .header-logo-dark-v813{display:block!important}
:root[data-theme="light"] .header-logo-light-v813{display:none!important}
/* ältere Header-Logo-Regeln neutralisieren */
.header-logo-link-v42{display:none!important}
/* Hauptmenü-Hero ohne roten Übertext, Titel feiner */
.hero-brand-v79 .overline,
.clean-main-hero-v30 .overline,
.ios-hero-v14-copy .overline{display:none!important}
.hero-brand-v79 h1,
.clean-main-hero-v30 h1,
.ios-hero-v14-copy h1{
  font-size:clamp(1.65rem,3.2vw,2.45rem)!important;
  letter-spacing:-.035em!important;
}
/* Menü- und Untermenü-Kacheln: Untertexte feiner wie Header-Switches */
.ios-dashboard-body small,
.menu-tile small,
.settings-tile small,
.calc-card small,
.berechnung-card small,
.submenu-card small,
.module-card small,
.card small,
.tile small{
  font-size:.66rem!important;
  line-height:1.32!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
  color:var(--muted)!important;
}
.ios-dashboard-body strong,
.menu-tile strong,
.settings-tile strong,
.calc-card strong,
.berechnung-card strong,
.submenu-card strong,
.module-card strong{
  font-size:clamp(.98rem,1.35vw,1.12rem)!important;
  line-height:1.16!important;
  letter-spacing:-.015em!important;
}
@media(max-width:760px){
  .topbar.app-header-v813{grid-template-columns:minmax(0,1fr) auto!important}
  .header-brand-left-v813{gap:7px!important}
  .header-erp-button-v813,
  .home-button.header-erp-button-v813,
  .header-round-home-v47.header-erp-button-v813{
    height:32px!important;
    min-height:32px!important;
    padding:0 9px!important;
    font-size:.54rem!important;
    letter-spacing:.055em!important;
  }
  .header-logo-link-v813{height:32px!important;max-width:min(32vw,150px)!important}
  .header-logo-img-v813{height:20px!important}
}
@media(max-width:430px){
  .header-logo-link-v813{max-width:min(28vw,120px)!important}
  .header-logo-img-v813{height:18px!important}
  .header-erp-button-v813,
  .home-button.header-erp-button-v813,
  .header-round-home-v47.header-erp-button-v813{padding:0 8px!important}
}
@media print{.header-logo-link-v813{display:none!important}}


/* Version 8.14 - Hintergrundbilder, Hauptmenü-Header, flachere Menü-Kopfkacheln */
html{
  background-color:var(--bg)!important;
}
body{
  background:var(--bg) url("bg-dunkel-v814.jpg") center center / cover fixed no-repeat!important;
}
:root[data-theme="light"] body{
  background:#dfe3e9 url("bg-hell-v814.jpg") center center / cover fixed no-repeat!important;
}
:root[data-theme="dark"] body{
  background:#090d13 url("bg-dunkel-v814.jpg") center center / cover fixed no-repeat!important;
}
.header-erp-button-v813,
.home-button.header-erp-button-v813,
.header-round-home-v47.header-erp-button-v813{
  font-size:.62rem!important;
  letter-spacing:.075em!important;
  padding-inline:12px!important;
}
.header-logo-link-v813{
  max-width:min(34vw,220px)!important;
}
.header-logo-img-v813{
  height:23px!important;
}
/* Oberste Menü-Kacheln niedriger und feiner */
.hero-card.menu-parallax,
.hero-card.clean-main-hero-v30,
.hero-card.ios-hero-v14,
.page-title-card.menu-parallax,
.page-title-card.clean-main-hero-v30{
  min-height:0!important;
  padding:14px 18px!important;
  margin-bottom:14px!important;
  border-radius:20px!important;
}
.hero-card.menu-parallax .hero-layer,
.hero-card.clean-main-hero-v30 .hero-layer,
.hero-card.ios-hero-v14 .hero-layer{
  opacity:.38!important;
  transform:scale(.72)!important;
}
.ios-hero-v14-grid,
.clean-main-hero-grid-v30{
  min-height:0!important;
  padding:0!important;
  align-items:center!important;
}
.hero-brand-v79 h1,
.clean-main-hero-v30 h1,
.ios-hero-v14-copy h1,
.page-title-card h1{
  font-size:clamp(1.18rem,2.1vw,1.75rem)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.hero-card span,
.page-title-card span,
.ios-hero-v14-copy p,
.clean-main-hero-v30 p,
.hero-brand-copy-v79 p{
  margin-top:6px!important;
  font-size:.74rem!important;
  line-height:1.28!important;
  font-weight:650!important;
  letter-spacing:.025em!important;
  color:var(--muted)!important;
}
/* Menü-Untertexte weiter an Header-Switch-Stil angleichen */
.ios-dashboard-body small,
.menu-tile small,
.settings-tile small,
.calc-card small,
.berechnung-card small,
.submenu-card small,
.module-card small,
.card small,
.tile small{
  font-size:.62rem!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
}
.ios-dashboard-body strong,
.menu-tile strong,
.settings-tile strong,
.calc-card strong,
.berechnung-card strong,
.submenu-card strong,
.module-card strong{
  font-size:clamp(.9rem,1.15vw,1.02rem)!important;
}
@media(max-width:760px){
  .hero-card.menu-parallax,
  .hero-card.clean-main-hero-v30,
  .hero-card.ios-hero-v14,
  .page-title-card.menu-parallax,
  .page-title-card.clean-main-hero-v30{
    padding:12px 14px!important;
    margin-bottom:12px!important;
    border-radius:18px!important;
  }
  .hero-brand-v79 h1,
  .clean-main-hero-v30 h1,
  .ios-hero-v14-copy h1,
  .page-title-card h1{
    font-size:1.15rem!important;
  }
  .header-logo-img-v813{height:19px!important}
}
@media print{
  body{background:#fff!important}
}


/* Version 8.15 - Header/Breadcrumb/Footer und globaler Hintergrund */
body,
body:has(.year-calendar-v33),
:root[data-theme="dark"] body,
:root[data-theme="dark"] body:has(.year-calendar-v33){
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.08),rgba(9,13,19,.08)),url("bg-dunkel-v814.jpg")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}
:root[data-theme="light"] body,
:root[data-theme="light"] body:has(.year-calendar-v33){
  background-color:#dfe3e9!important;
  background-image:linear-gradient(rgba(223,227,233,.03),rgba(223,227,233,.03)),url("bg-hell-v814.jpg")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}
.topbar.app-header-v812,
.topbar.app-header-v813{
  background:rgba(12,17,27,.62)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 38px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(22px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(155%)!important;
}
:root[data-theme="light"] .topbar.app-header-v812,
:root[data-theme="light"] .topbar.app-header-v813{
  background:rgba(245,247,251,.70)!important;
  border-bottom:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 10px 34px rgba(15,23,42,.10)!important;
}
.header-erp-button-v813,
.home-button.header-erp-button-v813,
.header-round-home-v47.header-erp-button-v813{
  font-size:.62rem!important;
  letter-spacing:.075em!important;
}
.app-breadcrumb-v815{
  width:100%;
  display:flex;
  align-items:center;
  gap:7px;
  margin:-4px 0 8px;
  padding:0 4px;
  color:#fbb90f;
  font-size:.62rem;
  line-height:1.25;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:none;
}
.app-breadcrumb-v815 a{
  color:#fbb90f!important;
  opacity:.82;
  text-decoration:none;
}
.app-breadcrumb-v815 a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.app-breadcrumb-v815 .current{
  color:#fbb90f!important;
  font-weight:950;
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-thickness:1.5px;
}
.app-breadcrumb-sep-v815{opacity:.62;color:#fbb90f}
/* Oberste Kacheln noch niedriger halten */
.hero-card.menu-parallax,
.hero-card.clean-main-hero-v30,
.hero-card.ios-hero-v14,
.page-title-card.menu-parallax,
.page-title-card.clean-main-hero-v30,
.page-title-card{
  padding:10px 16px!important;
  margin-bottom:12px!important;
  border-radius:18px!important;
}
.hero-card.menu-parallax .hero-layer,
.hero-card.clean-main-hero-v30 .hero-layer,
.hero-card.ios-hero-v14 .hero-layer{opacity:.24!important;transform:scale(.60)!important}
.hero-brand-v79 h1,
.clean-main-hero-v30 h1,
.ios-hero-v14-copy h1,
.page-title-card h1{
  font-size:clamp(1.05rem,1.75vw,1.50rem)!important;
  line-height:1.08!important;
}
.hero-card span,
.page-title-card span,
.ios-hero-v14-copy p,
.clean-main-hero-v30 p,
.hero-brand-copy-v79 p{
  margin-top:4px!important;
  font-size:.66rem!important;
  line-height:1.22!important;
}
/* Footer-Buttons passend zum Header, Home im Footer ist entfernt */
.app-footer{
  background:rgba(12,17,27,.60)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(22px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(155%)!important;
}
:root[data-theme="light"] .app-footer{
  background:rgba(245,247,251,.70)!important;
  border-top:1px solid rgba(15,23,42,.10)!important;
}
.footer-actions{gap:8px!important;align-items:center!important}
.logout-button,
.app-footer .logout-button{
  min-height:34px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font-size:.66rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  background:rgba(15,23,42,.88)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
:root[data-theme="light"] .logout-button,
:root[data-theme="light"] .app-footer .logout-button{
  background:rgba(255,255,255,.72)!important;
  color:#111827!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
}
/* Hauptmenü: normale Badges im hellen Modus neutral, Admin bleibt rot */
:root[data-theme="light"] .ios-dashboard-card .ios-dashboard-tag,
:root[data-theme="light"] .menu-tile .ios-dashboard-tag{
  background:rgba(15,23,42,.055)!important;
  color:#475569!important;
  border-color:rgba(15,23,42,.10)!important;
}
:root[data-theme="light"] .ios-dashboard-card .admin-badge-v30,
:root[data-theme="light"] .admin-badge-v30{
  background:rgba(239,68,68,.16)!important;
  color:#b91c1c!important;
  border-color:rgba(185,28,28,.24)!important;
}
@media(max-width:760px){
  .app-breadcrumb-v815{font-size:.56rem;margin:-2px 0 7px;gap:5px;overflow-x:auto;white-space:nowrap;padding-bottom:2px}
  .hero-card.menu-parallax,.hero-card.clean-main-hero-v30,.hero-card.ios-hero-v14,.page-title-card.menu-parallax,.page-title-card.clean-main-hero-v30,.page-title-card{padding:9px 12px!important;border-radius:16px!important}
  .logout-button,.app-footer .logout-button{height:32px!important;min-height:32px!important;font-size:.60rem!important;padding:0 12px!important}
}
@media print{
  body,body:has(.year-calendar-v33){background:#fff!important;background-image:none!important}
  .app-breadcrumb-v815{display:none!important}
}


/* Version 8.16 - kontrollierter Designschritt: Breadcrumb, Titelkacheln, Hauptmenü */
:root[data-theme="light"] .app-breadcrumb-v815,
:root[data-theme="light"] .app-breadcrumb-v815 a,
:root[data-theme="light"] .app-breadcrumb-v815 .current,
:root[data-theme="light"] .app-breadcrumb-sep-v815{
  color:#8f1f22!important;
}
:root[data-theme="light"] .app-breadcrumb-v815 a{opacity:.78!important}
:root[data-theme="light"] .app-breadcrumb-v815 .current{
  color:#7c171b!important;
  text-decoration-color:#7c171b!important;
}
/* Hauptmenü-Überschrift */
.hero-brand-v79 h1,
.clean-main-hero-v30 h1,
.ios-hero-v14-copy h1{
  font-size:clamp(1.08rem,1.8vw,1.48rem)!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}
/* Unterseiten: Kopfbalken sehr niedrig, ohne Untertexte/rote Overlines */
.page-title-card .overline,
.hero-card .overline,
.page-title-card p.overline,
.hero-card p.overline,
.page-title-card > div > .overline,
.hero-card > div > .overline{
  display:none!important;
}
.page-title-card span,
.page-title-card small,
.hero-card span,
.hero-card small,
.hero-card .ios-hero-v14-copy p,
.clean-main-hero-v30 p,
.hero-brand-copy-v79 p{
  display:none!important;
}
.page-title-card,
.hero-card.menu-parallax,
.hero-card.clean-main-hero-v30,
.hero-card.ios-hero-v14{
  padding:9px 15px!important;
  min-height:0!important;
  margin-bottom:11px!important;
  border-radius:17px!important;
  align-items:center!important;
}
.page-title-card h1,
.hero-card h1,
.hero-brand-v79 h1,
.clean-main-hero-v30 h1,
.ios-hero-v14-copy h1{
  margin:0!important;
}
/* normale Badges im hellen Hauptmenü neutral, Admin bleibt farbig */
:root[data-theme="light"] .ios-dashboard-tag{
  background:rgba(15,23,42,.06)!important;
  color:#4b5563!important;
  border-color:rgba(15,23,42,.10)!important;
}
:root[data-theme="light"] .admin-badge-v30{
  background:rgba(160,28,34,.14)!important;
  color:#8f1f22!important;
  border-color:rgba(160,28,34,.28)!important;
}
@media(max-width:760px){
  .page-title-card,
  .hero-card.menu-parallax,
  .hero-card.clean-main-hero-v30,
  .hero-card.ios-hero-v14{
    padding:8px 12px!important;
    border-radius:16px!important;
  }
  .page-title-card h1,
  .hero-card h1,
  .hero-brand-v79 h1,
  .clean-main-hero-v30 h1,
  .ios-hero-v14-copy h1{
    font-size:1.05rem!important;
  }
}

/* v8.17 Datenblätter: Auslastungs-Stil kontrolliert übertragen */
.datasheet-hero-v75.page-title-card,
.dba-hero-v744.page-title-card{
  padding:12px 18px!important;
  min-height:0!important;
}
.datasheet-hero-v75.page-title-card h1,
.dba-hero-v744.page-title-card h1{
  font-size:1.15rem!important;
  line-height:1.15!important;
  margin:0!important;
}
.datasheet-search-card-v75,
.datasheet-upload-card-v817,
.datasheet-admin-card-v817{
  border-radius:22px!important;
  padding:14px!important;
  margin-bottom:14px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.datasheet-upload-card-v817{
  background:#FECB8B!important;
  border-color:rgba(126,86,6,.24)!important;
  color:#2b1d03!important;
}
:root[data-theme="dark"] .datasheet-upload-card-v817{
  background:#FECB8B!important;
  color:#2b1d03!important;
}
.datasheet-upload-card-v817>details>summary,
.datasheet-admin-card-v817>details>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  cursor:pointer!important;
  list-style:none!important;
}
.datasheet-upload-card-v817>details>summary::-webkit-details-marker,
.datasheet-admin-card-v817>details>summary::-webkit-details-marker,
.datasheet-admin-sub-v817>summary::-webkit-details-marker{display:none!important}
.datasheet-upload-card-v817>details>summary strong,
.datasheet-admin-card-v817>details>summary strong{
  font-size:.78rem!important;
  line-height:1.1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
.datasheet-upload-card-v817>details>summary strong{color:#2b1d03!important}
.datasheet-admin-card-v817>details>summary span{
  font-size:.72rem!important;
  font-weight:800!important;
  color:var(--muted)!important;
}
.datasheet-admin-inner-v817{display:grid;gap:12px;margin-top:12px}
.datasheet-admin-sub-v817{
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  padding:12px!important;
  background:var(--card2)!important;
}
.datasheet-admin-sub-v817>summary{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:center!important;
  cursor:pointer!important;
  list-style:none!important;
}
.datasheet-admin-sub-v817>summary strong{font-size:.82rem!important;font-weight:900!important;color:var(--text)!important}
.datasheet-admin-sub-v817>summary span{font-size:.72rem!important;font-weight:800!important;color:var(--muted)!important}
.datasheet-search-grid-v75,
.datasheet-upload-grid-v75,
.datasheet-missing-search-v741{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;
  gap:12px!important;
  align-items:end!important;
}
.datasheet-upload-grid-v75{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:14px!important}
.datasheet-upload-grid-v75 .wide{grid-column:1/-1!important}
.datasheet-search-grid-v75 label,
.datasheet-upload-grid-v75 label,
.datasheet-missing-search-v741 label{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}
.datasheet-search-grid-v75 span,
.datasheet-upload-grid-v75 span,
.datasheet-missing-search-v741 span{
  font-size:.72rem!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:var(--muted)!important;
}
.datasheet-search-grid-v75 input,
.datasheet-search-grid-v75 select,
.datasheet-upload-grid-v75 input,
.datasheet-upload-grid-v75 select,
.datasheet-missing-search-v741 input,
.datasheet-missing-search-v741 select,
.datasheet-missing-row-v741 input[type="file"]{
  min-height:46px!important;
  height:46px!important;
  border-radius:14px!important;
  border:1px solid var(--line)!important;
  background:var(--field)!important;
  color:var(--text)!important;
  padding:0 12px!important;
  font-size:1rem!important;
  box-sizing:border-box!important;
  width:100%!important;
}
.datasheet-search-card-v75 .btn,
.datasheet-upload-card-v817 .btn,
.datasheet-admin-card-v817 .btn,
.datasheet-card-v817 .btn,
.datasheet-missing-row-v741 .btn{
  min-height:40px!important;
  height:40px!important;
  border-radius:12px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:.82rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.datasheet-search-card-v75 .btn.primary,
.datasheet-upload-card-v817 .btn.primary,
.datasheet-missing-row-v741 .btn.primary,
.datasheet-card-v817 .btn.primary{
  background:#982f2d!important;
  border:1px solid #7f2725!important;
  color:#fff!important;
}
.datasheet-card-v817 .btn.danger,
.datasheet-admin-card-v817 .btn.danger{
  background:var(--card2)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
.datasheet-analysis-btn-v817{
  background:#FECB8B!important;
  color:#2b1d03!important;
  border:1px solid rgba(126,86,6,.28)!important;
}
.datasheet-grid-v75{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:14px!important}
.datasheet-card-v817{
  padding:14px!important;
  border-radius:20px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 14px 38px rgba(15,23,42,.10)!important;
}
.datasheet-card-v817 header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:14px!important;
}
.datasheet-card-title-v817{min-width:0!important}
.datasheet-card-v817 header span{
  color:var(--muted)!important;
  font-weight:900!important;
  font-size:.68rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.datasheet-card-v817 header strong{
  color:var(--text)!important;
  font-size:1.02rem!important;
  line-height:1.16!important;
  font-weight:950!important;
  margin-top:4px!important;
  overflow-wrap:anywhere!important;
}
.datasheet-analysis-badge-v817{
  border-radius:999px!important;
  padding:6px 9px!important;
  font-size:.66rem!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  background:rgba(36,140,74,.14)!important;
  color:#1f8f3a!important;
  border:1px solid rgba(36,140,74,.30)!important;
  white-space:nowrap!important;
}
.datasheet-analysis-badge-v817.open{
  background:rgba(254,203,139,.28)!important;
  color:#7a4a05!important;
  border-color:rgba(126,86,6,.26)!important;
}
:root[data-theme="dark"] .datasheet-analysis-badge-v817{color:#87e1a5!important;background:rgba(71,180,108,.18)!important}
:root[data-theme="dark"] .datasheet-analysis-badge-v817.open{color:#FECB8B!important;background:rgba(254,203,139,.12)!important}
.datasheet-card-v817 footer{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
.datasheet-card-v817 footer form{display:inline-flex!important;margin:0!important}
.datasheet-hint-v741{grid-column:1/-1!important;color:var(--muted)!important;font-weight:800!important}
@media(max-width:900px){
  .datasheet-search-grid-v75,
  .datasheet-upload-grid-v75,
  .datasheet-missing-search-v741{grid-template-columns:1fr!important}
  .datasheet-grid-v75{grid-template-columns:1fr!important}
  .datasheet-card-v817 footer .btn,
  .datasheet-card-v817 footer form{width:100%!important}
  .datasheet-card-v817 footer form .btn{width:100%!important}
}


/* v8.18 Datenblätter: Upload-Kachel wie Auslastung, Analyse-Button neutral */
.datasheet-upload-card-v817,
:root[data-theme="light"] .datasheet-upload-card-v817,
:root[data-theme="dark"] .datasheet-upload-card-v817{
  background:linear-gradient(135deg,#f2c43a,#e7bd34)!important;
  border:1px solid rgba(84,64,8,.18)!important;
  color:#1c1604!important;
  box-shadow:0 14px 32px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.24)!important;
  padding:0!important;
  overflow:hidden!important;
}
.datasheet-upload-card-v817>details>summary,
:root[data-theme="dark"] .datasheet-upload-card-v817>details>summary{
  min-height:46px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  background:transparent!important;
  color:#1c1604!important;
}
.datasheet-upload-card-v817>details>summary strong,
:root[data-theme="dark"] .datasheet-upload-card-v817>details>summary strong{
  font-size:.78rem!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  color:#1c1604!important;
}
.datasheet-upload-card-v817>details[open]>summary{
  border-bottom:1px solid rgba(84,64,8,.12)!important;
}
.datasheet-upload-card-v817>details>form,
.datasheet-upload-card-v817 .datasheet-upload-grid-v75,
:root[data-theme="dark"] .datasheet-upload-card-v817>details>form,
:root[data-theme="dark"] .datasheet-upload-card-v817 .datasheet-upload-grid-v75{
  background:var(--card)!important;
  color:var(--text)!important;
  padding:14px!important;
  margin:0!important;
}
.datasheet-upload-card-v817 .datasheet-batch-v741{
  border-top:1px solid var(--line)!important;
}
.datasheet-upload-card-v817 input,
.datasheet-upload-card-v817 select,
.datasheet-upload-card-v817 textarea,
:root[data-theme="dark"] .datasheet-upload-card-v817 input,
:root[data-theme="dark"] .datasheet-upload-card-v817 select,
:root[data-theme="dark"] .datasheet-upload-card-v817 textarea{
  background:var(--field)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
.datasheet-upload-card-v817 label span,
:root[data-theme="dark"] .datasheet-upload-card-v817 label span{
  color:var(--muted)!important;
}
.datasheet-analysis-btn-v817,
.datasheet-card-v817 a.datasheet-analysis-btn-v817,
:root[data-theme="light"] .datasheet-analysis-btn-v817,
:root[data-theme="dark"] .datasheet-analysis-btn-v817{
  background:var(--card2)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
.datasheet-analysis-btn-v817:hover,
.datasheet-card-v817 a.datasheet-analysis-btn-v817:hover{
  background:color-mix(in srgb, var(--card2) 82%, var(--text) 7%)!important;
  color:var(--text)!important;
}
.datasheet-card-v817 .btn.danger,
.datasheet-card-v817 button.btn.danger,
.datasheet-admin-card-v817 .btn.danger,
:root[data-theme="dark"] .datasheet-card-v817 .btn.danger,
:root[data-theme="dark"] .datasheet-card-v817 button.btn.danger,
:root[data-theme="dark"] .datasheet-admin-card-v817 .btn.danger{
  background:var(--card2)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
.datasheet-card-v817 footer .btn{
  min-width:118px!important;
}
@media(max-width:760px){
  .datasheet-upload-card-v817>details>summary{min-height:44px!important;padding:0 14px!important}
  .datasheet-upload-card-v817>details>summary strong{font-size:.72rem!important;letter-spacing:.10em!important}
}


/* v8.19 Projektliste: Designsprache aus Auslastung/Datenblätter übernehmen */
:root{
  --wws-gelb:#FECB8B;
  --wws-rot:#942a27;
  --wws-rot-dark:#7f211f;
  --wws-neutral-btn:rgba(241,244,248,.92);
}

/* Projektliste Überschrift kompakt wie neues System */
.projekt-hero-v44,
:root[data-theme="light"] .projekt-hero-v44,
:root[data-theme="dark"] .projekt-hero-v44{
  padding:12px 16px!important;
  min-height:0!important;
  border-radius:18px!important;
  margin-bottom:12px!important;
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
:root[data-theme="dark"] .projekt-hero-v44{
  background:rgba(16,23,36,.76)!important;
}
.projekt-hero-v44 .overline,
.projekt-hero-v44 span{
  display:none!important;
}
.projekt-hero-v44 h1{
  font-size:clamp(1.28rem,2.2vw,1.75rem)!important;
  letter-spacing:-.035em!important;
  line-height:1.1!important;
}

/* Toolbar / Filterfelder optisch wie Auslastung */
.projekt-toolbar-v44,
.projekt-stats-wrapper-v54,
.projekt-duplicate-check-v786,
.projekt-card-v44,
.projekt-stats-v44 article,
:root[data-theme="light"] .projekt-toolbar-v44,
:root[data-theme="light"] .projekt-stats-wrapper-v54,
:root[data-theme="light"] .projekt-duplicate-check-v786,
:root[data-theme="light"] .projekt-card-v44,
:root[data-theme="dark"] .projekt-toolbar-v44,
:root[data-theme="dark"] .projekt-stats-wrapper-v54,
:root[data-theme="dark"] .projekt-duplicate-check-v786,
:root[data-theme="dark"] .projekt-card-v44{
  border-radius:18px!important;
  box-shadow:0 14px 40px rgba(15,23,42,.10)!important;
  border:1px solid rgba(120,130,145,.22)!important;
}
:root[data-theme="light"] .projekt-toolbar-v44,
:root[data-theme="light"] .projekt-card-v44,
:root[data-theme="light"] .projekt-stats-wrapper-v54,
:root[data-theme="light"] .projekt-duplicate-check-v786{
  background:rgba(255,255,255,.84)!important;
}
:root[data-theme="dark"] .projekt-toolbar-v44,
:root[data-theme="dark"] .projekt-card-v44,
:root[data-theme="dark"] .projekt-stats-wrapper-v54,
:root[data-theme="dark"] .projekt-duplicate-check-v786{
  background:rgba(18,25,38,.84)!important;
}
.projekt-toolbar-v44{
  padding:12px!important;
  align-items:end!important;
}
.projekt-filter-v44{
  gap:10px!important;
}
.projekt-filter-v44 span,
.projekt-form-v44 span,
.projekt-card-v44 .projekt-grid-v44 b,
.projekt-note-v44 b{
  font-size:.70rem!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  font-weight:850!important;
  color:var(--muted)!important;
}
.projekt-filter-v44 input,
.projekt-filter-v44 select,
.projekt-form-v44 input,
.projekt-form-v44 select,
.projekt-form-v44 textarea,
:root[data-theme="light"] .projekt-filter-v44 input,
:root[data-theme="light"] .projekt-filter-v44 select,
:root[data-theme="light"] .projekt-form-v44 input,
:root[data-theme="light"] .projekt-form-v44 select,
:root[data-theme="light"] .projekt-form-v44 textarea,
:root[data-theme="dark"] .projekt-filter-v44 input,
:root[data-theme="dark"] .projekt-filter-v44 select,
:root[data-theme="dark"] .projekt-form-v44 input,
:root[data-theme="dark"] .projekt-form-v44 select,
:root[data-theme="dark"] .projekt-form-v44 textarea{
  min-height:48px!important;
  border-radius:14px!important;
  border:1px solid rgba(120,130,145,.28)!important;
  background:#fff!important;
  color:#111827!important;
  padding:0 14px!important;
  font-size:1rem!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
}
.projekt-form-v44 textarea,
:root[data-theme="dark"] .projekt-form-v44 textarea{
  padding-top:11px!important;
  min-height:90px!important;
}
.projekt-filter-v44 select,
.projekt-form-v44 select{
  appearance:auto!important;
}

/* Neue Projekt-Klappe im gelben Stil */
.projekt-add-v44,
:root[data-theme="light"] .projekt-add-v44,
:root[data-theme="dark"] .projekt-add-v44{
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(126,86,6,.26)!important;
  background:rgba(255,248,239,.90)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.10)!important;
}
.projekt-add-v44 > details > summary,
:root[data-theme="light"] .projekt-add-v44 > details > summary,
:root[data-theme="dark"] .projekt-add-v44 > details > summary{
  min-height:48px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  background:var(--wws-gelb)!important;
  color:#2b1d03!important;
  border-radius:18px 18px 0 0!important;
  cursor:pointer!important;
}
.projekt-add-v44 > details:not([open]) > summary{
  border-radius:18px!important;
}
.projekt-add-v44 > details > summary strong{
  font-size:.78rem!important;
  line-height:1.15!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:850!important;
  color:#2b1d03!important;
}
.projekt-add-v44 > details > summary span,
.projekt-add-v44 > details > summary b{
  display:none!important;
}
.projekt-add-v44 .projekt-form-v44{
  margin:0!important;
  padding:16px!important;
  background:rgba(255,255,255,.74)!important;
}
:root[data-theme="dark"] .projekt-add-v44 .projekt-form-v44{
  background:rgba(16,23,36,.92)!important;
}

/* Projekt bearbeiten-Klappen feiner */
.projekt-edit-v44{
  margin-top:12px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  border:1px solid rgba(120,130,145,.20)!important;
  background:rgba(255,255,255,.50)!important;
}
:root[data-theme="dark"] .projekt-edit-v44{
  background:rgba(16,23,36,.70)!important;
}
.projekt-edit-v44 > summary{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 14px!important;
  cursor:pointer!important;
  background:var(--wws-gelb)!important;
  color:#2b1d03!important;
  font-size:.76rem!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-weight:850!important;
}
.projekt-edit-v44[open] > summary{
  border-bottom:1px solid rgba(126,86,6,.22)!important;
}
.projekt-edit-v44 .projekt-form-v44.compact{
  margin:0!important;
  padding:14px!important;
  background:transparent!important;
}
.projekt-delete-v44{
  padding:0 14px 14px!important;
  margin:0!important;
  display:flex!important;
  justify-content:flex-start!important;
}

/* Buttons einheitlich: Hauptaktion rot, sekundär neutral */
.projekt-toolbar-v44 .btn,
.projekt-card-v44 .btn,
.projekt-form-v44 .btn,
.projekt-delete-v44 .btn,
.projekt-card-actions-v798 .btn,
:root[data-theme="light"] .projekt-toolbar-v44 .btn,
:root[data-theme="light"] .projekt-card-v44 .btn,
:root[data-theme="dark"] .projekt-toolbar-v44 .btn,
:root[data-theme="dark"] .projekt-card-v44 .btn{
  min-height:38px!important;
  min-width:148px!important;
  border-radius:12px!important;
  padding:0 16px!important;
  font-size:.82rem!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
}
.projekt-form-v44 .btn.primary,
.projekt-add-v44 .btn.primary,
.projekt-edit-v44 .btn.primary,
:root[data-theme="light"] .projekt-form-v44 .btn.primary,
:root[data-theme="dark"] .projekt-form-v44 .btn.primary{
  background:linear-gradient(145deg,var(--wws-rot),var(--wws-rot-dark))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.projekt-delete-v44 .btn.danger,
.projekt-card-v44 .btn.ghost,
.projekt-card-v44 .btn:not(.primary),
.projekt-toolbar-v44 > .btn,
.projekt-card-actions-v798 .btn,
:root[data-theme="light"] .projekt-delete-v44 .btn.danger,
:root[data-theme="dark"] .projekt-delete-v44 .btn.danger{
  background:rgba(245,247,250,.86)!important;
  color:#172033!important;
  border:1px solid rgba(120,130,145,.24)!important;
}
:root[data-theme="dark"] .projekt-card-v44 .btn.ghost,
:root[data-theme="dark"] .projekt-card-v44 .btn:not(.primary),
:root[data-theme="dark"] .projekt-toolbar-v44 > .btn,
:root[data-theme="dark"] .projekt-card-actions-v798 .btn,
:root[data-theme="dark"] .projekt-delete-v44 .btn.danger{
  background:rgba(255,255,255,.92)!important;
  color:#172033!important;
}
.projekt-card-actions-v798{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}

/* Statistik / Duplikat-Prüfung als ruhige Klappen */
.projekt-stats-wrapper-v54 details > summary,
.projekt-duplicate-check-v786 details > summary{
  min-height:42px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  cursor:pointer!important;
}
.projekt-stats-wrapper-v54 details > summary strong,
.projekt-duplicate-check-v786 details > summary strong{
  font-size:.76rem!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:850!important;
}
.projekt-stats-wrapper-v54 details > summary span,
.projekt-duplicate-check-v786 details > summary span{
  font-size:.72rem!important;
  color:var(--muted)!important;
}

/* Karteninhalte feiner */
.projekt-card-v44{
  padding:14px!important;
}
.projekt-card-v44 header{
  align-items:flex-start!important;
  gap:12px!important;
}
.projekt-card-v44 header span{
  font-size:.72rem!important;
  color:var(--muted)!important;
}
.projekt-card-v44 h2{
  font-size:1.15rem!important;
  letter-spacing:-.02em!important;
}
.projekt-card-v44 p{
  font-size:.92rem!important;
  color:var(--muted)!important;
}
.task-row-v44 .task,
.projekt-status-badge-v47{
  border-radius:999px!important;
  font-size:.70rem!important;
  font-weight:850!important;
}
.projekt-grid-v44 span,
.projekt-note-v44{
  border-radius:14px!important;
  background:rgba(255,255,255,.58)!important;
}
:root[data-theme="dark"] .projekt-grid-v44 span,
:root[data-theme="dark"] .projekt-note-v44{
  background:rgba(255,255,255,.08)!important;
}

/* Vorschau kompakter und systempassend */
.pn-preview-v47,
.pn-segments-v52 em{
  border-radius:14px!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(120,130,145,.20)!important;
}
:root[data-theme="dark"] .pn-preview-v47,
:root[data-theme="dark"] .pn-segments-v52 em{
  background:rgba(255,255,255,.08)!important;
}

@media(max-width:900px){
  .projekt-form-v44,
  .projekt-form-v44.compact{
    grid-template-columns:1fr!important;
  }
  .projekt-toolbar-v44,
  .projekt-filter-v44{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .projekt-card-v44 header{
    display:grid!important;
  }
  .projekt-card-actions-v798{
    justify-content:flex-start!important;
  }
  .projekt-toolbar-v44 .btn,
  .projekt-card-v44 .btn,
  .projekt-form-v44 .btn,
  .projekt-delete-v44 .btn{
    width:auto!important;
    min-width:140px!important;
  }
}


/* v8.20 - Lieblingsgelb konsequent, Breadcrumb größer */
:root{
  --wws-gelb:#e8c53a;
  --wws-gelb-2:#d9b833;
  --wws-gelb-text:#1c1604;
  --wws-gelb-border:rgba(84,64,8,.18);
}

/* Breadcrumb/Pfadnavigation systemweit +2px */
.app-breadcrumb-v815,
.app-breadcrumb-v815 a,
.app-breadcrumb-v815 .current,
.app-breadcrumb-sep-v815{
  font-size:calc(.62rem + 2px)!important;
}
@media(max-width:760px){
  .app-breadcrumb-v815,
  .app-breadcrumb-v815 a,
  .app-breadcrumb-v815 .current,
  .app-breadcrumb-sep-v815{
    font-size:calc(.56rem + 2px)!important;
  }
}

/* Einheitlicher Gelbton aus Auslastung/Datenblatt-Upload für alle neuen Klapp-/Eingabe-Kacheln */
.new-entry-summary-v41,
.auslastung-new-entry-v41 > summary,
.auslastung-new-entry-v41 details > summary.new-entry-summary-v41,
.datasheet-upload-card-v817,
.datasheet-upload-card-v817 > details > summary,
.projekt-add-v44 > details > summary,
.projekt-edit-v44 > summary,
.clean-yellow-collapse,
.yellow-entry-card,
:root[data-theme="light"] .new-entry-summary-v41,
:root[data-theme="dark"] .new-entry-summary-v41,
:root[data-theme="light"] .datasheet-upload-card-v817,
:root[data-theme="dark"] .datasheet-upload-card-v817,
:root[data-theme="light"] .datasheet-upload-card-v817 > details > summary,
:root[data-theme="dark"] .datasheet-upload-card-v817 > details > summary,
:root[data-theme="light"] .projekt-add-v44 > details > summary,
:root[data-theme="dark"] .projekt-add-v44 > details > summary,
:root[data-theme="light"] .projekt-edit-v44 > summary,
:root[data-theme="dark"] .projekt-edit-v44 > summary{
  background:linear-gradient(135deg,var(--wws-gelb),var(--wws-gelb-2))!important;
  color:var(--wws-gelb-text)!important;
  border-color:var(--wws-gelb-border)!important;
}

.new-entry-summary-v41 strong,
.datasheet-upload-card-v817 > details > summary strong,
.projekt-add-v44 > details > summary strong,
.projekt-edit-v44 > summary,
.clean-yellow-collapse strong,
.yellow-entry-card strong,
:root[data-theme="dark"] .new-entry-summary-v41 strong,
:root[data-theme="dark"] .datasheet-upload-card-v817 > details > summary strong,
:root[data-theme="dark"] .projekt-add-v44 > details > summary strong,
:root[data-theme="dark"] .projekt-edit-v44 > summary{
  color:var(--wws-gelb-text)!important;
}

/* Projektliste: auch aufgeklappte gelbe Kachel mit ruhigem Systemrand */
.projekt-add-v44,
:root[data-theme="light"] .projekt-add-v44,
:root[data-theme="dark"] .projekt-add-v44{
  border-color:var(--wws-gelb-border)!important;
}
.projekt-edit-v44[open] > summary,
.projekt-add-v44 > details[open] > summary,
.datasheet-upload-card-v817 > details[open] > summary{
  border-bottom:1px solid rgba(84,64,8,.16)!important;
}


/* v8.21 - Lagerverwaltung gesammelt an Designsprache 8.18 angleichen */
:root{
  --wws-main-red:#7b141b;
  --wws-main-red-2:#5e0f14;
  --wws-neutral-btn-bg:rgba(255,255,255,.72);
  --wws-neutral-btn-border:rgba(92,104,122,.22);
  --wws-field-bg:#ffffff;
  --wws-field-text:#172033;
  --wws-field-border:rgba(96,110,130,.22);
  --wws-card-bg:rgba(255,255,255,.74);
  --wws-card-border:rgba(120,130,145,.20);
}
:root[data-theme="dark"]{
  --wws-neutral-btn-bg:rgba(255,255,255,.08);
  --wws-neutral-btn-border:rgba(255,255,255,.14);
  --wws-field-bg:rgba(255,255,255,.92);
  --wws-field-text:#151a22;
  --wws-field-border:rgba(255,255,255,.18);
  --wws-card-bg:rgba(18,25,35,.78);
  --wws-card-border:rgba(255,255,255,.12);
}

/* Lagerverwaltung: kompakte Titelkarten */
:is(.inventory-hero-v25,.booking-hero-v80,.booking-hero-v15,.history-hero-v21,.article-editor-hero-v29,.qr-hero-v29,.project-hero-v26){
  padding:14px 16px!important;
  min-height:0!important;
  border-radius:18px!important;
  background:var(--wws-card-bg)!important;
  border:1px solid var(--wws-card-border)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
}
:is(.inventory-hero-v25,.booking-hero-v80,.booking-hero-v15,.history-hero-v21,.article-editor-hero-v29,.qr-hero-v29,.project-hero-v26) .overline,
:is(.inventory-hero-v25,.booking-hero-v80,.booking-hero-v15,.history-hero-v21,.article-editor-hero-v29,.qr-hero-v29,.project-hero-v26) span{
  display:none!important;
}
:is(.inventory-hero-v25,.booking-hero-v80,.booking-hero-v15,.history-hero-v21,.article-editor-hero-v29,.qr-hero-v29,.project-hero-v26) h1{
  font-size:1.18rem!important;
  line-height:1.1!important;
  margin:0!important;
  letter-spacing:-.02em!important;
}

/* Lagerverwaltung-Menü: Kacheltexte feiner wie neue Designsprache */
body:has(.ios-dashboard-grid) .ios-dashboard-card .ios-dashboard-body strong,
body:has(.ios-dashboard-grid) .ios-dashboard-card strong{
  font-size:.98rem!important;
  line-height:1.15!important;
  letter-spacing:-.01em!important;
}
body:has(.ios-dashboard-grid) .ios-dashboard-card small,
body:has(.ios-dashboard-grid) .ios-dashboard-card .ios-dashboard-body small{
  font-size:.70rem!important;
  line-height:1.35!important;
  font-weight:500!important;
  opacity:.74!important;
}
body:has(.ios-dashboard-grid) .ios-dashboard-tag{
  font-size:.58rem!important;
  letter-spacing:.06em!important;
  padding:4px 7px!important;
  border-radius:999px!important;
}

/* Gemeinsame Lager-Karten/Formulare */
:is(.booking-stage-card,.article-editor-card,.history-filter-panel,.inventory-search-panel,.inventory-actions-v27,.project-create-card-v45,.project-search-panel-v26,.stock-adjust-box,.qr-layout-v29 .article-editor-card,.project-create-form-v45,.history-metrics article,.projekt-card){
  background:var(--wws-card-bg)!important;
  border:1px solid var(--wws-card-border)!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
}
:is(.booking-stage-card,.article-editor-card,.history-filter-panel,.inventory-search-panel,.inventory-actions-v27,.project-create-card-v45,.project-search-panel-v26,.stock-adjust-box) h2,
:is(.booking-stage-card,.article-editor-card,.history-filter-panel,.inventory-search-panel,.inventory-actions-v27,.project-create-card-v45,.project-search-panel-v26,.stock-adjust-box) h3,
:is(.booking-stage-card,.article-editor-card,.history-filter-panel,.inventory-search-panel,.inventory-actions-v27,.project-create-card-v45,.project-search-panel-v26,.stock-adjust-box) strong{
  letter-spacing:-.01em;
}

/* Such-/Eingabefelder in Lagerverwaltung einheitlich groß und lesbar */
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.stock-adjust-box) input,
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.stock-adjust-box) select,
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.stock-adjust-box) textarea,
.article-form-grid input,
.article-form-grid select,
.article-form-grid textarea{
  min-height:42px!important;
  height:42px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  background:var(--wws-field-bg)!important;
  color:var(--wws-field-text)!important;
  border:1px solid var(--wws-field-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  font-size:.88rem!important;
  box-sizing:border-box!important;
}
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.stock-adjust-box) textarea,
.article-form-grid textarea{
  height:auto!important;
  min-height:92px!important;
  line-height:1.35!important;
}
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.stock-adjust-box) label span,
.article-form-grid label span,
.search-panel label span{
  font-size:.66rem!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
}

/* Klappteile / neue Aktionen im gelben Stil */
.stock-adjust-box > summary,
.project-create-card-v45 > div:first-child,
.project-create-card-v45 .project-create-head-v45,
:root[data-theme="light"] .stock-adjust-box > summary,
:root[data-theme="dark"] .stock-adjust-box > summary{
  background:linear-gradient(135deg,var(--wws-gelb),var(--wws-gelb-2))!important;
  color:var(--wws-gelb-text)!important;
  border:1px solid var(--wws-gelb-border)!important;
  border-radius:14px!important;
  padding:10px 12px!important;
  font-size:.80rem!important;
  font-weight:700!important;
}
.stock-adjust-box[open] > summary{
  border-radius:14px 14px 0 0!important;
}
.stock-adjust-form{
  padding-top:10px!important;
}

/* Buttons: Auslastungs-Farbkonzept */
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.projekt-grid-v26,.stock-adjust-box,.history-list,.inventory-grid) .btn,
.article-form-actions .btn{
  min-height:34px!important;
  padding:7px 12px!important;
  border-radius:10px!important;
  font-size:.76rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid var(--wws-neutral-btn-border)!important;
  background:var(--wws-neutral-btn-bg)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.projekt-grid-v26,.stock-adjust-box,.history-list,.inventory-grid) .btn.primary,
.article-form-actions .btn.primary{
  background:linear-gradient(135deg,var(--wws-main-red),var(--wws-main-red-2))!important;
  color:#fff!important;
  border-color:rgba(80,8,13,.38)!important;
}
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.projekt-grid-v26,.stock-adjust-box,.history-list,.inventory-grid) .btn.danger,
.article-form-actions .btn.danger{
  background:var(--wws-neutral-btn-bg)!important;
  color:var(--text)!important;
  border-color:var(--wws-neutral-btn-border)!important;
}
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.projekt-grid-v26,.stock-adjust-box,.history-list,.inventory-grid) .btn.ghost,
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.projekt-grid-v26,.stock-adjust-box,.history-list,.inventory-grid) .clear-btn{
  background:var(--wws-neutral-btn-bg)!important;
  color:var(--text)!important;
}
:is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.projekt-grid-v26,.stock-adjust-box,.history-list,.inventory-grid) .icon-btn{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  border:1px solid var(--wws-neutral-btn-border)!important;
  background:var(--wws-neutral-btn-bg)!important;
  color:var(--text)!important;
}
.article-form-actions,
.project-card-actions-v798,
.project-create-form-v45 .project-form-actions,
.history-filter-panel > div:last-child,
.inventory-search-panel > div:last-child{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}

/* Projektabwicklung: neues Projekt feiner */
.project-create-card-v45{
  overflow:hidden!important;
}
.project-create-card-v45 > div:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:-1px -1px 10px!important;
}
.project-create-card-v45 > div:first-child strong{
  color:var(--wws-gelb-text)!important;
  font-size:.84rem!important;
}
.project-create-card-v45 > div:first-child span{
  display:none!important;
}
.project-create-card-v45 > div:first-child .btn{
  background:rgba(255,255,255,.50)!important;
  color:var(--wws-gelb-text)!important;
  border-color:rgba(84,64,8,.18)!important;
}

/* Artikelkarten / Historie etwas ruhiger */
.inventory-card,
.history-row,
.projekt-card-v26{
  border-radius:18px!important;
  background:var(--wws-card-bg)!important;
  border:1px solid var(--wws-card-border)!important;
}
.inventory-card strong,
.history-row strong,
.projekt-card-v26 strong{
  font-size:.92rem!important;
}
.inventory-card small,
.history-row small,
.projekt-card-v26 small{
  font-size:.68rem!important;
  opacity:.74!important;
}

@media(max-width:760px){
  :is(.inventory-hero-v25,.booking-hero-v80,.booking-hero-v15,.history-hero-v21,.article-editor-hero-v29,.qr-hero-v29,.project-hero-v26){
    padding:12px 13px!important;
    border-radius:16px!important;
  }
  :is(.inventory-hero-v25,.booking-hero-v80,.booking-hero-v15,.history-hero-v21,.article-editor-hero-v29,.qr-hero-v29,.project-hero-v26) h1{
    font-size:1.06rem!important;
  }
  :is(.booking-stage-card,.article-editor-card,.history-filter-panel,.inventory-search-panel,.inventory-actions-v27,.project-create-card-v45,.project-search-panel-v26,.stock-adjust-box){
    border-radius:16px!important;
  }
  .article-form-actions .btn,
  :is(.booking-shell,.article-edit-layout,.article-create-layout-v34,.qr-layout-v29,.history-filter-panel,.inventory-search-panel,.project-search-panel-v26,.inventory-actions-v27,.project-create-card-v45,.projekt-grid-v26,.stock-adjust-box,.history-list,.inventory-grid) .btn{
    min-height:34px!important;
    font-size:.72rem!important;
  }
}


/* v8.22 Materialliste: Kategorien als einklappbare Klappe mit Umbruch */
.material-category-strip-v88.material-category-details-v822,
:root[data-theme="light"] .material-category-strip-v88.material-category-details-v822,
:root[data-theme="dark"] .material-category-strip-v88.material-category-details-v822{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  padding:0!important;
  margin:0 0 14px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg, rgba(251,185,15,.96), rgba(247,173,18,.92))!important;
  border:1px solid rgba(126,86,6,.28)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
}
.material-category-summary-v822{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 14px!important;
  cursor:pointer!important;
  list-style:none!important;
  color:#2b1d03!important;
  box-sizing:border-box!important;
}
.material-category-summary-v822::-webkit-details-marker{display:none!important}
.material-category-summary-v822::after{
  content:"+";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  color:#2b1d03;
  font-size:.85rem;
  font-weight:800;
  line-height:1;
}
.material-category-details-v822[open] > .material-category-summary-v822::after{content:"−"}
.material-category-details-v822 .material-category-head-v88 strong{
  font-size:.82rem!important;
  line-height:1.05!important;
  font-weight:760!important;
  letter-spacing:.02em!important;
  color:#2b1d03!important;
  text-transform:none!important;
}
.material-category-details-v822 .material-category-head-v88 span{
  display:none!important;
}
.material-category-details-v822 .material-category-buttons-v88{
  display:flex!important;
  flex-wrap:wrap!important;
  overflow-x:hidden!important;
  gap:7px!important;
  padding:0 12px 12px!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  -webkit-overflow-scrolling:auto!important;
}
.material-category-details-v822 .material-category-buttons-v88 a{
  flex:0 1 auto!important;
  min-height:30px!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:.74rem!important;
  line-height:1.1!important;
  font-weight:720!important;
  color:#243044!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(126,86,6,.18)!important;
  box-shadow:none!important;
}
.material-category-details-v822 .material-category-buttons-v88 a.active{
  color:#ffffff!important;
  background:linear-gradient(145deg, #7f1d1d, #991b1b)!important;
  border-color:rgba(127,29,29,.38)!important;
}
:root[data-theme="dark"] .material-category-strip-v88.material-category-details-v822{
  background:linear-gradient(145deg, rgba(251,185,15,.96), rgba(247,173,18,.92))!important;
  color:#2b1d03!important;
}
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a{
  color:#172033!important;
  background:rgba(255,255,255,.72)!important;
}
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a.active{
  color:#ffffff!important;
  background:linear-gradient(145deg, #7f1d1d, #991b1b)!important;
}
@media(max-width:760px){
  .material-category-summary-v822{min-height:38px!important;padding:9px 11px!important}
  .material-category-details-v822 .material-category-buttons-v88{gap:6px!important;padding:0 10px 10px!important}
  .material-category-details-v822 .material-category-buttons-v88 a{font-size:.70rem!important;min-height:28px!important;padding:5px 8px!important}
}


/* v8.23 Designsystem: Materialliste + restliche Seiten angleichen */
:root{
  --fbk-yellow:#FECB8B;
  --fbk-yellow-soft:#fff3dd;
  --fbk-red:#8f1724;
  --fbk-red-2:#6f101b;
  --fbk-neutral-btn:rgba(255,255,255,.07);
}
:root[data-theme="light"]{
  --fbk-neutral-btn:#eef1f5;
}

/* Hauptmenü: rote Admin-Badges entfernen, Share im hellen Modus neutral */
.ios-dashboard-card .admin-badge-v30{display:none!important;}
:root[data-theme="light"] .ios-dashboard-tag,
:root[data-theme="light"] .beta-badge,
:root[data-theme="light"] .badge-beta{
  background:rgba(15,23,42,.06)!important;
  color:#475569!important;
  border-color:rgba(15,23,42,.12)!important;
}
:root[data-theme="light"] .ios-dashboard-tag:where([class*="share"], [data-tag*="Share"]){
  background:rgba(15,23,42,.06)!important;
  color:#475569!important;
}

/* Allgemeine Formular- und Button-Sprache für die restlichen Seiten */
.page form label span,
.page label span{
  font-size:.70rem;
  font-weight:850;
  letter-spacing:.035em;
  text-transform:uppercase;
  color:var(--muted);
}
.page input:not([type="checkbox"]):not([type="radio"]),
.page select,
.page textarea{
  min-height:44px;
  border-radius:13px;
  border:1px solid var(--line);
  background:var(--field);
  color:var(--text);
  padding:8px 12px;
  font:inherit;
  box-sizing:border-box;
}
.page textarea{min-height:90px;line-height:1.35;}
.page .btn,
.page button.btn,
.page a.btn{
  min-height:36px;
  padding:0 14px;
  border-radius:12px;
  font-size:.82rem;
  font-weight:820;
}
.page .btn.primary,
.page button.btn.primary,
.page a.btn.primary{
  background:linear-gradient(135deg,var(--fbk-red),var(--fbk-red-2))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}
.page .btn.danger,
.page button.btn.danger,
.page a.btn.danger,
.page button[name="delete"],
.page button[value="delete"]{
  background:var(--fbk-neutral-btn)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}

/* Materialliste: Kategorien nicht gelb, Neueingabe gelb, Statistik einklappbar */
.material-category-details-v822,
.material-stats-details-v823{
  margin:12px 0 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card)!important;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.material-category-details-v822 > summary,
.material-stats-details-v823 > summary{
  cursor:pointer;
  list-style:none;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:var(--card2)!important;
  color:var(--text)!important;
}
.material-category-details-v822 > summary::-webkit-details-marker,
.material-stats-details-v823 > summary::-webkit-details-marker{display:none;}
.material-category-details-v822 > summary strong,
.material-stats-details-v823 > summary strong{
  font-size:.86rem!important;
  font-weight:780!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
}
.material-category-details-v822 > summary span{display:none!important;}
.material-category-buttons-v88{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:12px!important;
  overflow:visible!important;
}
.material-category-buttons-v88 a{
  border-radius:999px!important;
  min-height:32px!important;
  padding:6px 11px!important;
  background:var(--button)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  font-size:.78rem!important;
  font-weight:760!important;
}
.material-category-buttons-v88 a.active{
  background:rgba(143,23,36,.12)!important;
  border-color:rgba(143,23,36,.26)!important;
  color:var(--text)!important;
}

.material-add-v84 details{
  margin:12px 0 16px;
  border:1px solid rgba(126,86,6,.26)!important;
  border-radius:16px!important;
  background:var(--card)!important;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.material-add-v84 details > summary{
  cursor:pointer;
  list-style:none;
  min-height:44px;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  background:linear-gradient(135deg,var(--fbk-yellow),#f7bc6e)!important;
  color:#2b1d03!important;
  border-bottom:1px solid rgba(126,86,6,.20)!important;
}
.material-add-v84 details > summary::-webkit-details-marker{display:none;}
.material-add-v84 details > summary strong{
  font-size:.86rem!important;
  font-weight:760!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  color:#2b1d03!important;
}
.material-add-v84 details > summary span{display:none!important;}
.material-add-grid-v84,
.material-edit-grid-v85,
.material-desktop-edit-form-v88{
  gap:10px!important;
  padding:14px!important;
}
.material-add-grid-v84 label,
.material-edit-grid-v85 label,
.material-desktop-edit-form-v88 label{
  display:grid!important;
  gap:5px!important;
}
.material-add-grid-v84 input,
.material-edit-grid-v85 input,
.material-edit-grid-v85 select,
.material-desktop-edit-form-v88 input,
.material-desktop-edit-form-v88 select{
  min-height:44px!important;
  border-radius:13px!important;
}
.material-stats-details-v823 .material-stats-v84{
  margin:0!important;
  padding:12px!important;
  box-shadow:none!important;
  border:0!important;
}
.material-stats-v84 article{
  border-radius:14px!important;
}

/* Karten/Details in der Materialliste ruhiger */
.material-card-v84 details > summary,
.material-details-v84 > summary,
.material-edit-v85 > summary{
  font-size:.82rem!important;
  font-weight:760!important;
  color:var(--text)!important;
}
.material-card-v84 small,
.material-card-v84 header small{font-size:.78rem!important;color:var(--muted)!important;}

@media(max-width:760px){
  .page input:not([type="checkbox"]):not([type="radio"]),
  .page select,
  .page textarea{font-size:16px;}
  .material-category-buttons-v88{gap:6px!important;}
  .material-category-buttons-v88 a{font-size:.74rem!important;}
}


/* v8.24 Materialliste: Kategorien neutral lassen und Darkmode-Lesbarkeit korrigieren */
.material-category-strip-v88.material-category-details-v822,
.material-category-details-v822,
:root[data-theme="light"] .material-category-strip-v88.material-category-details-v822,
:root[data-theme="light"] .material-category-details-v822,
:root[data-theme="dark"] .material-category-strip-v88.material-category-details-v822,
:root[data-theme="dark"] .material-category-details-v822{
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow)!important;
}
.material-category-summary-v822,
.material-category-details-v822 > summary,
:root[data-theme="light"] .material-category-summary-v822,
:root[data-theme="light"] .material-category-details-v822 > summary,
:root[data-theme="dark"] .material-category-summary-v822,
:root[data-theme="dark"] .material-category-details-v822 > summary{
  background:var(--card2)!important;
  color:var(--text)!important;
  border-bottom:1px solid var(--line)!important;
}
.material-category-summary-v822::after,
.material-category-details-v822 > summary::after,
:root[data-theme="dark"] .material-category-summary-v822::after,
:root[data-theme="dark"] .material-category-details-v822 > summary::after{
  background:var(--button)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
}
.material-category-details-v822 .material-category-head-v88 strong,
.material-category-details-v822 > summary strong,
:root[data-theme="dark"] .material-category-details-v822 .material-category-head-v88 strong,
:root[data-theme="dark"] .material-category-details-v822 > summary strong{
  color:var(--text)!important;
  font-weight:760!important;
}
.material-category-details-v822 .material-category-buttons-v88,
.material-category-buttons-v88{
  background:transparent!important;
}
.material-category-details-v822 .material-category-buttons-v88 a,
.material-category-buttons-v88 a,
:root[data-theme="light"] .material-category-details-v822 .material-category-buttons-v88 a,
:root[data-theme="light"] .material-category-buttons-v88 a,
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a,
:root[data-theme="dark"] .material-category-buttons-v88 a{
  background:var(--button)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
.material-category-details-v822 .material-category-buttons-v88 a:hover,
.material-category-buttons-v88 a:hover{
  filter:brightness(1.04)!important;
}
.material-category-details-v822 .material-category-buttons-v88 a.active,
.material-category-buttons-v88 a.active,
:root[data-theme="light"] .material-category-details-v822 .material-category-buttons-v88 a.active,
:root[data-theme="light"] .material-category-buttons-v88 a.active,
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a.active,
:root[data-theme="dark"] .material-category-buttons-v88 a.active{
  background:rgba(143,23,36,.16)!important;
  color:var(--text)!important;
  border-color:rgba(143,23,36,.36)!important;
}
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a.active,
:root[data-theme="dark"] .material-category-buttons-v88 a.active{
  background:rgba(254,203,139,.18)!important;
  border-color:rgba(254,203,139,.32)!important;
}

/* v8.26 Projektliste: offene Punkte/Status sauber getrennt, rote offene Statistik, stabile Zahlen */
.projekt-stats-v44 article,
.projekt-stats-v44 .stat-card-link-v49 article{
  min-width:0!important;
  overflow:hidden!important;
}
.projekt-stats-v44 article strong{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
  line-height:1.08!important;
  font-size:clamp(1.05rem, 1.6vw, 1.75rem)!important;
  letter-spacing:.01em!important;
}
.projekt-stats-v44 article span{
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  line-height:1.15!important;
}
.projekt-stats-v44 article.stat-open-v826,
.projekt-stats-v44 .stat-card-link-v49 article.stat-open-v826,
.projekt-stats-v44 article.status-stat.offen.stat-open-v826{
  border-color:rgba(153,27,27,.36)!important;
  background:linear-gradient(135deg, rgba(153,27,27,.16), rgba(153,27,27,.08))!important;
  box-shadow:inset 0 0 0 1px rgba(153,27,27,.10)!important;
}
.projekt-stats-v44 article.stat-open-v826 strong,
.projekt-stats-v44 .stat-card-link-v49 article.stat-open-v826 strong,
.projekt-stats-v44 article.status-stat.offen.stat-open-v826 strong{
  color:#991b1b!important;
}
.projekt-stats-v44 article.stat-open-v826 span,
.projekt-stats-v44 .stat-card-link-v49 article.stat-open-v826 span,
.projekt-stats-v44 article.status-stat.offen.stat-open-v826 span{
  color:#7f1d1d!important;
}
:root[data-theme="dark"] .projekt-stats-v44 article.stat-open-v826,
:root[data-theme="dark"] .projekt-stats-v44 .stat-card-link-v49 article.stat-open-v826,
:root[data-theme="dark"] .projekt-stats-v44 article.status-stat.offen.stat-open-v826{
  border-color:rgba(248,113,113,.34)!important;
  background:linear-gradient(135deg, rgba(127,29,29,.32), rgba(69,10,10,.20))!important;
}
:root[data-theme="dark"] .projekt-stats-v44 article.stat-open-v826 strong,
:root[data-theme="dark"] .projekt-stats-v44 .stat-card-link-v49 article.stat-open-v826 strong,
:root[data-theme="dark"] .projekt-stats-v44 article.status-stat.offen.stat-open-v826 strong{
  color:#fecaca!important;
}
:root[data-theme="dark"] .projekt-stats-v44 article.stat-open-v826 span,
:root[data-theme="dark"] .projekt-stats-v44 .stat-card-link-v49 article.stat-open-v826 span,
:root[data-theme="dark"] .projekt-stats-v44 article.status-stat.offen.stat-open-v826 span{
  color:#fee2e2!important;
}
.projekt-grid-v44 span.open-field-v826,
:root[data-theme="light"] .projekt-grid-v44 span.open-field-v826{
  background:linear-gradient(135deg, rgba(153,27,27,.12), rgba(254,242,242,.96))!important;
  border-color:rgba(153,27,27,.30)!important;
  color:#7f1d1d!important;
}
.projekt-grid-v44 span.open-field-v826 b,
:root[data-theme="light"] .projekt-grid-v44 span.open-field-v826 b{
  color:#991b1b!important;
}
:root[data-theme="dark"] .projekt-grid-v44 span.open-field-v826{
  background:linear-gradient(135deg, rgba(127,29,29,.30), rgba(69,10,10,.20))!important;
  border-color:rgba(248,113,113,.32)!important;
  color:#fee2e2!important;
}
:root[data-theme="dark"] .projekt-grid-v44 span.open-field-v826 b{
  color:#fecaca!important;
}
@media(max-width:760px){
  .projekt-stats-v44 article strong{font-size:clamp(.98rem, 5vw, 1.35rem)!important;}
}


/* v8.27 Projektliste: Statistiklabels und breite Geldsummen stabil */
.projekt-stats-v44 article span{font-size:.74rem!important;}
.projekt-status-badge-v47.offen{white-space:normal!important;}


/* v8.28 Projektliste: Geldsummen niemals umbrechen, Schrift passt sich per JS/CSS an */
.projekt-stats-v44 article.money-stat-v828,
.projekt-stats-v44 .stat-card-link-v49 article.money-stat-v828{
  min-width:0!important;
  overflow:hidden!important;
}
.projekt-stats-v44 article.money-stat-v828 strong.money-value-v828,
.projekt-stats-v44 .stat-card-link-v49 article.money-stat-v828 strong.money-value-v828{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  max-width:100%!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  font-variant-numeric:tabular-nums!important;
  font-size:clamp(.72rem, 1.42vw, 1.62rem)!important;
}
@media(max-width:760px){
  .projekt-stats-v44 article.money-stat-v828 strong.money-value-v828,
  .projekt-stats-v44 .stat-card-link-v49 article.money-stat-v828 strong.money-value-v828{
    font-size:clamp(.70rem, 4.4vw, 1.28rem)!important;
  }
}


/* v8.30 Tür-/Deckeleinsätze: Druck immer weiß, mobile/tablet gleiche A4-Ausgabe wie PC */
@media print{
  @page{size:A4 portrait;margin:6mm!important;}
  html,
  body,
  body::before,
  body::after,
  .page,
  .page::before,
  .page::after{
    background:#ffffff!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
  }
  html,body{
    width:210mm!important;
    min-width:210mm!important;
    max-width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#000!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  body.tue-printing-v773{
    width:210mm!important;
    min-width:210mm!important;
    max-width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#ffffff!important;
    background-image:none!important;
    color:#000!important;
  }
  body.tue-printing-v773::before,
  body.tue-printing-v773::after,
  html::before,
  html::after{
    content:none!important;
    display:none!important;
    background:none!important;
    background-image:none!important;
  }
  body.tue-printing-v773 > *:not(#tuePrintOnlyV773){
    display:none!important;
    visibility:hidden!important;
  }
  body.tue-printing-v773 #tuePrintOnlyV773,
  body.tue-printing-v773 #tuePrintOnlyV773 *{
    display:revert!important;
    visibility:visible!important;
  }
  body.tue-printing-v773 #tuePrintOnlyV773{
    display:block!important;
    position:fixed!important;
    left:50%!important;
    top:5mm!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:190mm!important;
    min-width:190mm!important;
    max-width:190mm!important;
    height:280mm!important;
    min-height:0!important;
    max-height:280mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#ffffff!important;
    background-image:none!important;
    color:#000!important;
    z-index:2147483647!important;
    page-break-before:avoid!important;
    page-break-after:avoid!important;
    page-break-inside:avoid!important;
    break-before:avoid!important;
    break-after:avoid!important;
    break-inside:avoid!important;
  }
  body.tue-printing-v773 #tuePrintOnlyV773 *{
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  body.tue-printing-v773 .tue-print-head-v773{
    display:grid!important;
    grid-template-columns:60mm minmax(0,1fr)!important;
    grid-template-areas:"company title" "company subtitle" "company created"!important;
    align-items:start!important;
    column-gap:6mm!important;
    row-gap:.75mm!important;
    width:100%!important;
    margin:0 0 2.2mm!important;
    padding:0 0 2mm!important;
    border-bottom:1px solid #777!important;
    background:#fff!important;
    color:#000!important;
    box-sizing:border-box!important;
    break-after:avoid!important;
    page-break-after:avoid!important;
  }
  body.tue-printing-v773 .tue-print-company-v781{grid-area:company!important;display:grid!important;gap:.45mm!important;color:#000!important;text-align:left!important;font-size:7.1pt!important;line-height:1.05!important;font-weight:700!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-company-v781 strong{display:block!important;color:#000!important;font-size:8.8pt!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-company-v781 span{display:block!important;color:#000!important;font-size:7.1pt!important;line-height:1.05!important;white-space:nowrap!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-head-v773 h1{grid-area:title!important;text-align:right!important;font-size:13.2pt!important;line-height:1.03!important;margin:0!important;color:#000!important;font-weight:900!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-head-v773 p{grid-area:subtitle!important;text-align:right!important;font-size:8.4pt!important;line-height:1.05!important;margin:0!important;color:#000!important;font-weight:800!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-created-v784{grid-area:created!important;display:flex!important;justify-content:flex-end!important;gap:4mm!important;color:#000!important;font-size:7pt!important;line-height:1.05!important;font-weight:800!important;text-align:right!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-created-v784 span{display:inline-block!important;color:#000!important;white-space:nowrap!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-meta-v773{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:1.35mm!important;
    width:100%!important;
    margin:0 0 2.4mm!important;
    padding:0!important;
    background:#fff!important;
    break-after:avoid!important;
    page-break-after:avoid!important;
  }
  body.tue-printing-v773 .tue-print-meta-v773 div{display:block!important;min-height:8.8mm!important;padding:1.2mm!important;border:1px solid #bbb!important;border-radius:1.4mm!important;background:#fff!important;color:#000!important;box-sizing:border-box!important;overflow:hidden!important;}
  body.tue-printing-v773 .tue-print-meta-v773 span{display:block!important;color:#333!important;font-size:6.1pt!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-meta-v773 strong{display:block!important;color:#000!important;font-size:8.6pt!important;line-height:1!important;font-weight:900!important;margin-top:.25mm!important;white-space:nowrap!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-drawing-v773{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:104mm!important;max-height:104mm!important;margin:0 auto 2.4mm!important;padding:0!important;background:#fff!important;overflow:visible!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:avoid!important;page-break-after:avoid!important;}
  body.tue-printing-v773 .tue-print-drawing-v773 svg{display:block!important;width:100%!important;max-width:184mm!important;height:104mm!important;max-height:104mm!important;margin:0 auto!important;background:#fff!important;color:#000!important;overflow:visible!important;}
  body.tue-printing-v773 .tue-print-results-v773{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.35mm!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;break-before:avoid!important;page-break-before:avoid!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:avoid!important;page-break-after:avoid!important;}
  body.tue-printing-v773 .tue-print-results-v773>div{display:block!important;min-height:9.8mm!important;margin:0!important;padding:1.15mm!important;border:1px solid #bbb!important;border-radius:1.35mm!important;background:#fff!important;color:#000!important;box-sizing:border-box!important;overflow:hidden!important;break-inside:avoid!important;page-break-inside:avoid!important;}
  body.tue-printing-v773 .tue-print-results-v773 span{display:block!important;color:#333!important;font-size:5.9pt!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-results-v773 strong{display:block!important;color:#000!important;font-size:9pt!important;font-weight:900!important;line-height:1!important;margin-top:.25mm!important;white-space:nowrap!important;background:#fff!important;}
  body.tue-printing-v773 .tue-print-results-v773 small{display:block!important;color:#555!important;font-size:5.5pt!important;line-height:1!important;margin-top:0!important;white-space:nowrap!important;background:#fff!important;}
  body.tue-printing-v773 .tue-plate-v768{fill:#ffe2a7!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-grid-v768{stroke:#b9b9b9!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-hole-v768{fill:#555!important;stroke:#111!important;stroke-width:1.15!important}
  body.tue-printing-v773 .tue-hole-v768.off,
  body.tue-printing-v773 .tue-spike-v769.off,
  body.tue-printing-v773 .tue-betonanker-v770.off{display:none!important;visibility:hidden!important}
  body.tue-printing-v773 .tue-spike-v769{fill:#444!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-betonanker-v770{fill:#777!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-concrete-v769{fill:#d1d5db!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-text-v768,
  body.tue-printing-v773 .tue-label-v768,
  body.tue-printing-v773 .tue-concrete-text-v769{fill:#000!important;color:#000!important;font-size:13px!important;font-weight:800!important;text-shadow:none!important;background:transparent!important}
  body.tue-printing-v773 .tue-label-v768{font-size:12px!important}
  body.tue-printing-v773 .tue-dim-v768{stroke:#000!important;stroke-width:1.45!important}
}


/* v8.31 Tür-/Deckeleinsätze: Druckinhalt wieder sichtbar, Hintergrund garantiert weiß */
@media print{
  @page{size:A4 portrait;margin:6mm!important}
  html,body{
    background:#fff!important;
    background-image:none!important;
    color:#000!important;
    margin:0!important;
    padding:0!important;
    width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    overflow:hidden!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  html::before,html::after,body::before,body::after,
  .page::before,.page::after{
    content:none!important;
    display:none!important;
    background:none!important;
    background-image:none!important;
  }
  body.tue-printing-v773,
  body.tue-printing-v773 .page{
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
  }

  /* Wichtig: NICHT per display:none ausblenden, weil der Druckcontainer in der Seite verschachtelt ist. */
  body.tue-printing-v773 > *:not(#tuePrintOnlyV773){
    display:block!important;
    visibility:hidden!important;
  }
  body.tue-printing-v773 *{
    visibility:hidden!important;
  }
  body.tue-printing-v773 #tuePrintOnlyV773,
  body.tue-printing-v773 #tuePrintOnlyV773 *{
    visibility:visible!important;
  }
  body.tue-printing-v773 #tuePrintOnlyV773{
    display:block!important;
    position:fixed!important;
    left:50%!important;
    top:5mm!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:190mm!important;
    min-width:190mm!important;
    max-width:190mm!important;
    height:280mm!important;
    min-height:0!important;
    max-height:280mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#fff!important;
    background-image:none!important;
    color:#000!important;
    z-index:2147483647!important;
    page-break-before:avoid!important;
    page-break-after:avoid!important;
    page-break-inside:avoid!important;
    break-before:avoid!important;
    break-after:avoid!important;
    break-inside:avoid!important;
  }
  body.tue-printing-v773 #tuePrintOnlyV773 *{
    background-image:none!important;
    text-shadow:none!important;
  }
  body.tue-printing-v773 .tue-print-head-v773{
    display:grid!important;
    grid-template-columns:60mm minmax(0,1fr)!important;
    grid-template-areas:"company title" "company subtitle" "company created"!important;
    align-items:start!important;
    column-gap:6mm!important;
    row-gap:.75mm!important;
    width:100%!important;
    margin:0 0 2.2mm!important;
    padding:0 0 2mm!important;
    border-bottom:1px solid #777!important;
    background:#fff!important;
    color:#000!important;
    box-sizing:border-box!important;
  }
  body.tue-printing-v773 .tue-print-company-v781{grid-area:company!important;display:grid!important;gap:.45mm!important;color:#000!important;text-align:left!important;font-size:7.1pt!important;line-height:1.05!important;font-weight:700!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-company-v781 strong{display:block!important;color:#000!important;font-size:8.8pt!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-company-v781 span{display:block!important;color:#000!important;font-size:7.1pt!important;line-height:1.05!important;white-space:nowrap!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-head-v773 h1{grid-area:title!important;text-align:right!important;font-size:13.2pt!important;line-height:1.03!important;margin:0!important;color:#000!important;font-weight:900!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-head-v773 p{grid-area:subtitle!important;text-align:right!important;font-size:8.4pt!important;line-height:1.05!important;margin:0!important;color:#000!important;font-weight:800!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-created-v784{grid-area:created!important;display:flex!important;justify-content:flex-end!important;gap:4mm!important;color:#000!important;font-size:7pt!important;line-height:1.05!important;font-weight:800!important;text-align:right!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-created-v784 span{display:inline-block!important;color:#000!important;white-space:nowrap!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-meta-v773{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.35mm!important;width:100%!important;margin:0 0 2.4mm!important;padding:0!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-meta-v773 div{display:block!important;min-height:8.8mm!important;padding:1.2mm!important;border:1px solid #bbb!important;border-radius:1.4mm!important;background:#fff!important;color:#000!important;box-sizing:border-box!important;overflow:hidden!important}
  body.tue-printing-v773 .tue-print-meta-v773 span{display:block!important;color:#333!important;font-size:6.1pt!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-meta-v773 strong{display:block!important;color:#000!important;font-size:8.6pt!important;line-height:1!important;font-weight:900!important;margin-top:.25mm!important;white-space:nowrap!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-drawing-v773{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:104mm!important;max-height:104mm!important;margin:0 auto 2.4mm!important;padding:0!important;background:#fff!important;overflow:visible!important;break-inside:avoid!important;page-break-inside:avoid!important}
  body.tue-printing-v773 .tue-print-drawing-v773 svg{display:block!important;width:100%!important;max-width:184mm!important;height:104mm!important;max-height:104mm!important;margin:0 auto!important;background:#fff!important;color:#000!important;overflow:visible!important}
  body.tue-printing-v773 .tue-print-results-v773{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.35mm!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;break-before:avoid!important;page-break-before:avoid!important;break-inside:avoid!important;page-break-inside:avoid!important}
  body.tue-printing-v773 .tue-print-results-v773>div{display:block!important;min-height:9.8mm!important;margin:0!important;padding:1.15mm!important;border:1px solid #bbb!important;border-radius:1.35mm!important;background:#fff!important;color:#000!important;box-sizing:border-box!important;overflow:hidden!important;break-inside:avoid!important;page-break-inside:avoid!important}
  body.tue-printing-v773 .tue-print-results-v773 span{display:block!important;color:#333!important;font-size:5.9pt!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-results-v773 strong{display:block!important;color:#000!important;font-size:9pt!important;font-weight:900!important;line-height:1!important;margin-top:.25mm!important;white-space:nowrap!important;background:#fff!important}
  body.tue-printing-v773 .tue-print-results-v773 small{display:block!important;color:#555!important;font-size:5.5pt!important;line-height:1!important;margin-top:0!important;white-space:nowrap!important;background:#fff!important}
  body.tue-printing-v773 .tue-plate-v768{fill:#ffe2a7!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-grid-v768{stroke:#b9b9b9!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-hole-v768{fill:#555!important;stroke:#111!important;stroke-width:1.15!important}
  body.tue-printing-v773 .tue-hole-v768.off,
  body.tue-printing-v773 .tue-spike-v769.off,
  body.tue-printing-v773 .tue-betonanker-v770.off{display:none!important;visibility:hidden!important}
  body.tue-printing-v773 .tue-spike-v769{fill:#444!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-betonanker-v770{fill:#777!important;stroke:#111!important;stroke-width:1!important}
  body.tue-printing-v773 .tue-concrete-v769{fill:#d1d5db!important;stroke:#111!important;stroke-width:2!important}
  body.tue-printing-v773 .tue-text-v768,
  body.tue-printing-v773 .tue-label-v768,
  body.tue-printing-v773 .tue-concrete-text-v769{fill:#000!important;color:#000!important;font-size:13px!important;font-weight:800!important;text-shadow:none!important;background:transparent!important}
  body.tue-printing-v773 .tue-label-v768{font-size:12px!important}
  body.tue-printing-v773 .tue-dim-v768{stroke:#000!important;stroke-width:1.45!important}
}

/* v8.32 Tür-/Deckeleinsätze: stabile Print-Fläche ohne ERP-Hintergrund, Fallback wenn Popup/Standalone blockiert */
@media print{
  html, body{
    background:#fff!important;
    background-image:none!important;
  }
  body.tue-printing-v773{
    background:#fff!important;
    background-image:none!important;
  }
  body.tue-printing-v773::before,
  body.tue-printing-v773::after,
  html::before,
  html::after{
    content:none!important;
    display:none!important;
    background:none!important;
    background-image:none!important;
  }
  body.tue-printing-v773 > *:not(#tuePrintOnlyV773){
    display:none!important;
    visibility:hidden!important;
  }
  body.tue-printing-v773 #tuePrintOnlyV773,
  body.tue-printing-v773 #tuePrintOnlyV773 *{
    display:revert!important;
    visibility:visible!important;
  }
  body.tue-printing-v773 #tuePrintOnlyV773{
    display:block!important;
    position:fixed!important;
    left:50%!important;
    top:5mm!important;
    transform:translateX(-50%)!important;
    width:190mm!important;
    max-width:190mm!important;
    height:280mm!important;
    max-height:280mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    background-image:none!important;
    color:#000!important;
    box-shadow:none!important;
    filter:none!important;
    z-index:2147483647!important;
  }
}


/* v8.34 Breadcrumb als abgerundete Rechtecke + Untermenü-Pfade */
.app-breadcrumb-v815{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 10px!important;
  padding:0 2px!important;
  line-height:1.15!important;
}
.app-breadcrumb-v815 a,
.app-breadcrumb-v815 .current{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(251,185,15,.24)!important;
  background:rgba(251,185,15,.09)!important;
  color:#fbb90f!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.app-breadcrumb-v815 a:hover{background:rgba(251,185,15,.16)!important;opacity:1!important}
.app-breadcrumb-v815 .current{
  font-weight:950!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  text-decoration-thickness:1.4px!important;
  background:rgba(251,185,15,.17)!important;
}
.app-breadcrumb-sep-v815{
  color:#fbb90f!important;
  opacity:.7!important;
  font-size:.82em!important;
}
:root[data-theme="light"] .app-breadcrumb-v815 a,
:root[data-theme="light"] .app-breadcrumb-v815 .current{
  color:#8f1f22!important;
  border-color:rgba(143,31,34,.18)!important;
  background:rgba(143,31,34,.07)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}
:root[data-theme="light"] .app-breadcrumb-v815 a:hover{background:rgba(143,31,34,.11)!important}
:root[data-theme="light"] .app-breadcrumb-v815 .current{
  color:#7c171b!important;
  text-decoration-color:#7c171b!important;
  background:rgba(143,31,34,.12)!important;
}
:root[data-theme="light"] .app-breadcrumb-sep-v815{color:#8f1f22!important}
@media(max-width:760px){
  .app-breadcrumb-v815{gap:5px!important;overflow-x:auto!important;white-space:nowrap!important;flex-wrap:nowrap!important;padding-bottom:3px!important}
  .app-breadcrumb-v815 a,.app-breadcrumb-v815 .current{min-height:22px!important;padding:4px 8px!important}
}

/* v8.35 Backup-Status im Header + automatische Datensicherung */
.header-backup-status-v835{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  font-size:.58rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.header-backup-status-v835 span{
  font-size:.50rem!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  opacity:.72!important;
  font-weight:800!important;
}
.header-backup-status-v835 strong{
  font-size:.58rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.header-backup-status-v835.fresh{border-color:rgba(74,222,128,.42)!important;background:rgba(22,163,74,.18)!important}
.header-backup-status-v835.stale{border-color:rgba(251,185,15,.45)!important;background:rgba(251,185,15,.17)!important}
.header-backup-status-v835.old,.header-backup-status-v835.missing{border-color:rgba(185,28,28,.42)!important;background:rgba(185,28,28,.18)!important}
:root[data-theme="light"] .header-backup-status-v835{
  background:rgba(255,255,255,.66)!important;
  color:#2d1d13!important;
  border-color:rgba(93,64,41,.18)!important;
}
:root[data-theme="light"] .header-backup-status-v835.fresh{background:rgba(34,197,94,.14)!important;border-color:rgba(22,163,74,.28)!important;color:#12351e!important}
:root[data-theme="light"] .header-backup-status-v835.stale{background:rgba(251,185,15,.22)!important;border-color:rgba(154,104,25,.28)!important;color:#4a3107!important}
:root[data-theme="light"] .header-backup-status-v835.old,
:root[data-theme="light"] .header-backup-status-v835.missing{background:rgba(185,28,28,.12)!important;border-color:rgba(185,28,28,.28)!important;color:#5f1515!important}
.backup-server-card-v835 code{font-size:.72rem!important;background:rgba(255,255,255,.10)!important;border-radius:6px!important;padding:2px 5px!important}
.backup-server-form-v835{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:220px!important}
.backup-status-panel-v835.fresh{border-left:4px solid #16a34a!important}
.backup-status-panel-v835.stale{border-left:4px solid #fbb90f!important}
.backup-status-panel-v835.old,.backup-status-panel-v835.missing{border-left:4px solid #b91c1c!important}
@media(max-width:760px){
  .header-backup-status-v835{height:24px!important;min-height:24px!important;padding:0 7px!important;gap:4px!important}
  .header-backup-status-v835 span{display:none!important}
  .header-backup-status-v835 strong{font-size:.50rem!important}
  .backup-server-form-v835{justify-content:stretch!important;min-width:0!important;width:100%!important}
  .backup-server-form-v835 .btn{width:100%!important}
}
@media print{.header-backup-status-v835{display:none!important}}


/* Version 8.37 - Materialliste löschen + Datenblatt-Upload Aktion */
.material-form-actions-v837{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.material-form-actions-v837.wide{
  grid-column:1 / -1!important;
}
.material-form-actions-v837 .btn,
.material-delete-form-v837 .btn{
  min-height:34px!important;
  padding:7px 13px!important;
  border-radius:10px!important;
  font-size:.78rem!important;
  font-weight:750!important;
  line-height:1.1!important;
}
.material-secondary-v837{
  background:rgba(255,255,255,.72)!important;
  color:#2f2410!important;
  border:1px solid rgba(92,64,10,.22)!important;
  text-decoration:none!important;
}
:root[data-theme="dark"] .material-secondary-v837{
  background:rgba(255,255,255,.12)!important;
  color:#fff4db!important;
  border-color:rgba(255,255,255,.18)!important;
}
.material-delete-btn-v837{
  background:rgba(148,163,184,.14)!important;
  color:#384454!important;
  border:1px solid rgba(100,116,139,.24)!important;
  box-shadow:none!important;
}
.material-delete-btn-v837:hover{
  background:rgba(185,28,28,.08)!important;
  color:#8f1f1f!important;
  border-color:rgba(185,28,28,.22)!important;
}
:root[data-theme="dark"] .material-delete-btn-v837{
  background:rgba(255,255,255,.08)!important;
  color:#f4e8e4!important;
  border-color:rgba(255,255,255,.16)!important;
}
:root[data-theme="dark"] .material-delete-btn-v837:hover{
  background:rgba(239,68,68,.13)!important;
  color:#ffd5d5!important;
  border-color:rgba(239,68,68,.26)!important;
}
.material-desktop-delete-form-v837{
  margin-top:10px!important;
  display:flex!important;
  justify-content:flex-start!important;
}

/* v8.38 Material-Stammdaten Testfunktion */
.material-view-tools-v838{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  margin:10px 0 12px!important;
}
.material-view-toggle-v838{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.material-view-toggle-v838 .btn.active,
.material-column-details-v838[open] > summary{
  background:#7d1717!important;
  color:#fff!important;
  border-color:rgba(125,23,23,.45)!important;
}
.material-column-details-v838{
  flex:1 1 420px!important;
  max-width:100%!important;
  border:1px solid rgba(125,23,23,.18)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.68)!important;
  overflow:hidden!important;
}
:root[data-theme="dark"] .material-column-details-v838{
  background:rgba(18,24,35,.82)!important;
  border-color:rgba(255,255,255,.13)!important;
}
.material-column-details-v838 > summary{
  cursor:pointer!important;
  padding:9px 12px!important;
  font-size:.78rem!important;
  font-weight:800!important;
  color:#7d1717!important;
  list-style:none!important;
}
:root[data-theme="dark"] .material-column-details-v838 > summary{color:#ffd36a!important;}
.material-column-details-v838 > summary::-webkit-details-marker{display:none!important;}
.material-column-grid-v838{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:6px!important;
  padding:10px!important;
}
.material-column-grid-v838 label{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:7px 8px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(45,65,98,.10)!important;
  font-size:.72rem!important;
}
:root[data-theme="dark"] .material-column-grid-v838 label{
  background:rgba(255,255,255,.08)!important;
  color:#f3f6fb!important;
  border-color:rgba(255,255,255,.10)!important;
}
.material-column-hidden-v838{display:none!important;}
.material-view-hidden-v838{display:none!important;}
.material-status-cell-v838,
.material-date-cell-v838{
  font-weight:800!important;
  border-radius:8px!important;
  white-space:nowrap!important;
}
.material-status-cell-v838.ok,
.material-status-cell-v838.current,
.material-status-cell-v838.checked,
.material-date-cell-v838.fresh{
  background:rgba(31,143,72,.16)!important;
  color:#125b32!important;
}
.material-status-cell-v838.missing,
.material-status-cell-v838.open,
.material-status-cell-v838.stale,
.material-date-cell-v838.stale{
  background:rgba(179,38,45,.14)!important;
  color:#8f171d!important;
}
:root[data-theme="dark"] .material-status-cell-v838.ok,
:root[data-theme="dark"] .material-status-cell-v838.current,
:root[data-theme="dark"] .material-status-cell-v838.checked,
:root[data-theme="dark"] .material-date-cell-v838.fresh{
  background:rgba(62,199,113,.20)!important;
  color:#b9ffd0!important;
}
:root[data-theme="dark"] .material-status-cell-v838.missing,
:root[data-theme="dark"] .material-status-cell-v838.open,
:root[data-theme="dark"] .material-status-cell-v838.stale,
:root[data-theme="dark"] .material-date-cell-v838.stale{
  background:rgba(255,92,99,.18)!important;
  color:#ffd0d2!important;
}
.material-status-row-v838{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:8px 0!important;
}
.material-status-pill-v838{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:.66rem!important;
  font-weight:800!important;
  border:1px solid rgba(45,65,98,.10)!important;
  white-space:nowrap!important;
}
.material-status-pill-v838.ok,
.material-status-pill-v838.current,
.material-status-pill-v838.checked,
.material-status-pill-v838.fresh{
  background:linear-gradient(135deg,rgba(31,143,72,.18),rgba(31,143,72,.08))!important;
  color:#125b32!important;
}
.material-status-pill-v838.missing,
.material-status-pill-v838.open,
.material-status-pill-v838.stale{
  background:linear-gradient(135deg,rgba(179,38,45,.16),rgba(179,38,45,.07))!important;
  color:#8f171d!important;
}
:root[data-theme="dark"] .material-status-pill-v838.ok,
:root[data-theme="dark"] .material-status-pill-v838.current,
:root[data-theme="dark"] .material-status-pill-v838.checked,
:root[data-theme="dark"] .material-status-pill-v838.fresh{
  color:#b9ffd0!important;
  background:linear-gradient(135deg,rgba(62,199,113,.24),rgba(62,199,113,.10))!important;
}
:root[data-theme="dark"] .material-status-pill-v838.missing,
:root[data-theme="dark"] .material-status-pill-v838.open,
:root[data-theme="dark"] .material-status-pill-v838.stale{
  color:#ffd0d2!important;
  background:linear-gradient(135deg,rgba(255,92,99,.22),rgba(255,92,99,.10))!important;
}
.material-category-admin-v838{
  margin:10px!important;
  border-radius:12px!important;
  border:1px solid rgba(45,65,98,.13)!important;
  background:rgba(255,255,255,.58)!important;
  overflow:hidden!important;
}
:root[data-theme="dark"] .material-category-admin-v838{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.10)!important;}
.material-category-admin-v838 > summary{
  cursor:pointer!important;
  list-style:none!important;
  padding:9px 12px!important;
  font-size:.74rem!important;
  font-weight:800!important;
  color:#7d1717!important;
}
:root[data-theme="dark"] .material-category-admin-v838 > summary{color:#ffd36a!important;}
.material-category-admin-v838 > summary::-webkit-details-marker{display:none!important;}
.material-category-admin-grid-v838{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:10px!important;
  padding:10px!important;
}
.material-category-admin-grid-v838 form{
  display:grid!important;
  gap:8px!important;
  padding:10px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(45,65,98,.10)!important;
}
:root[data-theme="dark"] .material-category-admin-grid-v838 form{background:rgba(10,16,26,.66)!important;border-color:rgba(255,255,255,.10)!important;}
.material-category-admin-grid-v838 label{display:grid!important;gap:5px!important;}
.material-category-admin-grid-v838 label span{font-size:.62rem!important;font-weight:800!important;color:#6b4a08!important;text-transform:uppercase!important;letter-spacing:.03em!important;}
:root[data-theme="dark"] .material-category-admin-grid-v838 label span{color:#f4cf8a!important;}
.material-category-admin-grid-v838 input,
.material-category-admin-grid-v838 select{
  min-height:36px!important;
  border-radius:10px!important;
  padding:7px 9px!important;
  font-size:.82rem!important;
}
.material-table-v88 td[data-column-key="zuletzt_angefragt_am"]{text-align:center!important;}
.material-table-v88 th[data-column-key="datenblatt_status"],
.material-table-v88 th[data-column-key="datenblatt_aktuell"]{min-width:120px!important;}
.material-tile-v838 .ios-dashboard-tag{background:rgba(251,185,15,.22)!important;color:#7d1717!important;}
@media(max-width:760px){
  .material-view-tools-v838{display:grid!important;grid-template-columns:1fr!important;}
  .material-column-grid-v838{grid-template-columns:1fr 1fr!important;}
  .material-category-admin-grid-v838{grid-template-columns:1fr!important;}
}

/* v8.39 Material-Stammdaten: Kategorien/Spalten/Ansicht verfeinert */
.material-category-strip-v88.material-category-details-v822,
:root[data-theme="light"] .material-category-strip-v88.material-category-details-v822,
:root[data-theme="dark"] .material-category-strip-v88.material-category-details-v822{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  padding:0!important;
  margin:0 0 14px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg, rgba(255,255,255,.74), rgba(247,249,252,.64))!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.52)!important;
}
:root[data-theme="dark"] .material-category-strip-v88.material-category-details-v822{
  background:linear-gradient(145deg, rgba(17,24,39,.82), rgba(15,23,42,.72))!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.material-category-summary-v822{
  min-height:38px!important;
  padding:8px 12px!important;
  color:var(--text)!important;
}
.material-category-summary-v822::after{
  background:rgba(148,163,184,.16)!important;
  color:var(--text)!important;
  width:20px!important;height:20px!important;min-width:20px!important;
  font-size:.76rem!important;
}
.material-category-details-v822 .material-category-head-v88 strong{
  font-size:.76rem!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  font-weight:820!important;
  color:var(--text)!important;
}
.material-category-details-v822 .material-category-buttons-v88{
  padding:4px 12px 12px!important;
  gap:7px!important;
  align-items:center!important;
}
.material-category-details-v822 .material-category-buttons-v88 a,
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a{
  min-height:28px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  font-size:.70rem!important;
  line-height:1.1!important;
  font-weight:760!important;
  letter-spacing:.01em!important;
  color:var(--text)!important;
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a{
  background:rgba(255,255,255,.08)!important;
  color:#e5e7eb!important;
  border-color:rgba(255,255,255,.12)!important;
}
.material-category-details-v822 .material-category-buttons-v88 a.active,
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a.active{
  color:#fff!important;
  background:linear-gradient(145deg, #8f1724, #6f101b)!important;
  border-color:rgba(143,23,36,.45)!important;
}
.material-category-admin-v838{
  margin:0 12px 12px!important;
  border-radius:14px!important;
  background:rgba(148,163,184,.07)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  overflow:hidden!important;
}
.material-category-admin-v838 > summary{
  min-height:34px!important;
  padding:8px 10px!important;
  font-size:.72rem!important;
  font-weight:820!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
}
.material-category-admin-grid-v838{
  padding:10px!important;
  gap:10px!important;
}
.material-desktop-shell-v88{
  margin-top:14px!important;
}
.material-desktop-head-v88{
  padding:12px 14px!important;
}
.material-desktop-head-v88 strong{
  font-size:.82rem!important;
  letter-spacing:.02em!important;
}
.material-desktop-head-v88 span{
  font-size:.72rem!important;
}
.material-view-tools-v838.material-view-tools-no-toggle-v839{
  display:block!important;
  padding:10px 12px 12px!important;
  border-bottom:1px solid var(--line)!important;
  background:rgba(148,163,184,.05)!important;
}
.material-column-details-v838{
  border-radius:14px!important;
  background:rgba(255,255,255,.52)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  overflow:hidden!important;
}
:root[data-theme="dark"] .material-column-details-v838{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.11)!important;
}
.material-column-details-v838 > summary{
  min-height:34px!important;
  padding:8px 10px!important;
  cursor:pointer!important;
  font-size:.72rem!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  color:var(--text)!important;
}
.material-column-grid-v838{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px 12px!important;
  padding:0 10px 10px!important;
}
.material-column-grid-v838 label{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:24px!important;
  margin:0!important;
  font-size:.66rem!important;
  font-weight:760!important;
  color:var(--muted)!important;
  white-space:nowrap!important;
}
.material-column-grid-v838 input[type="checkbox"]{
  width:14px!important;
  height:14px!important;
  min-height:14px!important;
  accent-color:#8f1724!important;
}
.material-column-hidden-v838{display:none!important;}
:root:not([data-layout="desktop"]) .material-desktop-shell-v88{display:none!important;}
:root:not([data-layout="desktop"]) .material-grid-v84{display:grid!important;}
:root[data-layout="desktop"] .material-desktop-shell-v88{display:block!important;}
:root[data-layout="desktop"] .material-grid-v84{display:none!important;}
.material-view-toggle-v838{display:none!important;}
.material-table-v88 th[data-column-key="datenblatt_status"],
.material-table-v88 td[data-column-key="datenblatt_status"],
.material-table-v88 th[data-column-key="datenblatt_aktuell"],
.material-table-v88 td[data-column-key="datenblatt_aktuell"]{
  min-width:90px!important;
}
@media(max-width:760px){
  .material-category-strip-v88.material-category-details-v822{margin-left:0!important;margin-right:0!important;border-radius:16px!important;}
  .material-category-details-v822 .material-category-buttons-v88 a{font-size:.68rem!important;min-height:27px!important;padding:5px 8px!important;}
  .material-column-grid-v838{gap:6px 10px!important;}
}


/* v8.40 Material-Stammdaten: manuelle Datenblattverknüpfung + kompakte Auto-Spalten */
.material-table-resizable-v721,
.material-table-v88{
  table-layout:auto!important;
  width:max-content!important;
  min-width:100%!important;
}
.material-table-resizable-v721 th,
.material-table-resizable-v721 td,
.material-table-v88 th,
.material-table-v88 td{
  white-space:nowrap!important;
  width:auto!important;
  max-width:360px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
.material-table-v88 th[data-column-key="name"],
.material-table-v88 td[data-column-key="name"]{min-width:180px!important;max-width:300px!important;}
.material-table-v88 th[data-column-key="notizen"],
.material-table-v88 td[data-column-key="notizen"]{min-width:180px!important;max-width:360px!important;}
.material-table-v88 th[data-column-key="datenblatt_status"],
.material-table-v88 td[data-column-key="datenblatt_status"],
.material-table-v88 th[data-column-key="datenblatt_aktuell"],
.material-table-v88 td[data-column-key="datenblatt_aktuell"]{
  min-width:82px!important;
  max-width:130px!important;
  text-align:center!important;
}
.material-table-v88 th[data-column-key="datenblatt_pfad"],
.material-table-v88 td[data-column-key="datenblatt_pfad"]{
  min-width:160px!important;
  max-width:280px!important;
}
.material-status-cell-v838.ok::before{content:"✓ ";}
.material-status-cell-v838.missing::before{content:"! ";}
.material-status-row-v838 .material-status-pill-v838{letter-spacing:.01em!important;}
.material-edit-form-v85 input[name="datenblatt_pfad"]{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace!important;
  font-size:.76rem!important;
}


/* Version 8.41 - Material-Stammdaten: VK-Markierung, Theme-Flashfix, Hintergrund-Füllung */
.material-table-v88 th:nth-child(13),
.material-table-v88 td:nth-child(13) {
  background: var(--card) !important;
  border-left-color: var(--line) !important;
  border-right-color: var(--line) !important;
}
.material-table-v88 th:nth-child(13) button { color: var(--text) !important; }
:root[data-theme="light"] .material-table-v88 th:nth-child(13),
:root[data-theme="light"] .material-table-v88 td:nth-child(13) {
  background: #fff !important;
  border-left-color: rgba(20,25,30,.14) !important;
  border-right-color: rgba(20,25,30,.14) !important;
}
.material-table-v88 th[data-column-key="vk"],
.material-table-v88 td[data-column-key="vk"] {
  background:
    linear-gradient(145deg, rgba(101,217,75,.13), rgba(101,217,75,.05)),
    rgba(101,217,75,.05) !important;
  border-left-color: rgba(101,217,75,.24) !important;
  border-right-color: rgba(101,217,75,.24) !important;
}
.material-table-v88 th[data-column-key="vk"] button { color:#b9ffaf !important; }
:root[data-theme="light"] .material-table-v88 th[data-column-key="vk"],
:root[data-theme="light"] .material-table-v88 td[data-column-key="vk"] {
  background:
    linear-gradient(145deg, rgba(101,217,75,.20), rgba(101,217,75,.08)),
    rgba(101,217,75,.08) !important;
}
:root[data-theme="light"] .material-table-v88 th[data-column-key="vk"] button { color:#267818 !important; }

html, body { min-height: 100%; }
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background: #090d13 url("bg-dunkel-v814.jpg") center center / cover no-repeat;
}
:root[data-theme="light"] body::before {
  background: #dfe3e9 url("bg-hell-v814.jpg") center center / cover no-repeat;
}
:root[data-layout="desktop"] body::before {
  background-size: cover;
  background-position: center center;
}
@media (min-aspect-ratio: 16/10) {
  :root[data-layout="desktop"] body::before {
    background-size: 100% auto;
    background-position: center top;
  }
}
@media print { body::before { display:none!important; } }

/* v8.42 Material-Stammdaten: echte Auto-Spalten, Analyse-Verknüpfung, Aktualisiert-Logik */
.material-desktop-head-v88,
:root[data-theme="light"] .material-desktop-head-v88,
:root[data-theme="dark"] .material-desktop-head-v88{
  background:var(--card)!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.material-table-wrap-v88{
  overflow:auto!important;
}
.material-table-resizable-v721,
.material-table-v88{
  table-layout:auto!important;
  width:auto!important;
  min-width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.material-table-resizable-v721 th,
.material-table-resizable-v721 td,
.material-table-v88 th,
.material-table-v88 td{
  white-space:nowrap!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  padding-left:9px!important;
  padding-right:9px!important;
}
.material-table-v88 th[data-column-key="name"],
.material-table-v88 td[data-column-key="name"],
.material-table-v88 th[data-column-key="notizen"],
.material-table-v88 td[data-column-key="notizen"]{
  min-width:max-content!important;
  max-width:none!important;
}
.material-table-v88 th[data-column-key="datenblatt_status"],
.material-table-v88 td[data-column-key="datenblatt_status"],
.material-table-v88 th[data-column-key="datenblatt_aktuell"],
.material-table-v88 td[data-column-key="datenblatt_aktuell"]{
  min-width:max-content!important;
  max-width:none!important;
  text-align:center!important;
}
.material-table-v88 th[data-column-key="datenblatt_pfad"],
.material-table-v88 td[data-column-key="datenblatt_pfad"]{
  min-width:max-content!important;
  max-width:none!important;
}
.material-table-v88 th button{
  white-space:nowrap!important;
}
.material-table-v88 .material-date-cell-v838.fresh,
.material-status-pill-v838.fresh{
  background:rgba(34, 197, 94, .18)!important;
  color:#166534!important;
  border-color:rgba(34, 197, 94, .32)!important;
}
:root[data-theme="dark"] .material-table-v88 .material-date-cell-v838.fresh,
:root[data-theme="dark"] .material-status-pill-v838.fresh{
  background:rgba(34, 197, 94, .28)!important;
  color:#dcfce7!important;
  border-color:rgba(34, 197, 94, .42)!important;
}
.material-table-v88 .material-date-cell-v838.stale,
.material-status-pill-v838.stale{
  background:rgba(239, 68, 68, .16)!important;
  color:#991b1b!important;
  border-color:rgba(239, 68, 68, .32)!important;
}
:root[data-theme="dark"] .material-table-v88 .material-date-cell-v838.stale,
:root[data-theme="dark"] .material-status-pill-v838.stale{
  background:rgba(239, 68, 68, .25)!important;
  color:#fee2e2!important;
  border-color:rgba(239, 68, 68, .42)!important;
}
.material-edit-form-v85 input[name="datenblatt_pfad"]{
  border-color:rgba(143,23,36,.25)!important;
  box-shadow:inset 0 0 0 1px rgba(143,23,36,.08)!important;
}
.material-edit-form-v85 label:has(input[name="datenblatt_pfad"]) span::after{
  content:" · manuelle Verknüpfung aus Datenblätter Test/Produktiv";
  font-weight:600!important;
  color:var(--muted)!important;
  text-transform:none!important;
  letter-spacing:0!important;
}


/* Version 8.43 - Material-Stammdaten: feste Tabellenkopfzeile, Auto-Spalten nach Kopf+Inhalt, Lagerverknüpfung, Preisfelder */
.material-table-wrap-v88{
  background:var(--card)!important;
  border-radius:14px!important;
}
.material-table-v88{
  table-layout:auto!important;
  width:max-content!important;
  min-width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 th{
  background:#e9eef6!important;
  background-color:#e9eef6!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
:root[data-theme="dark"] .material-table-v88 thead,
:root[data-theme="dark"] .material-table-v88 thead tr,
:root[data-theme="dark"] .material-table-v88 th{
  background:#202938!important;
  background-color:#202938!important;
  color:#f1f5f9!important;
}
.material-table-v88 th,
.material-table-v88 td{
  white-space:nowrap!important;
  width:auto!important;
  min-width:fit-content!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  padding:7px 10px!important;
}
.material-table-v88 th button{
  white-space:nowrap!important;
  width:max-content!important;
  color:inherit!important;
  background:transparent!important;
}
.material-table-v88 th[data-column-key="name"],
.material-table-v88 td[data-column-key="name"]{
  min-width:220px!important;
}
.material-table-v88 th[data-column-key="lager_artikelnummer"],
.material-table-v88 td[data-column-key="lager_artikelnummer"],
.material-table-v88 th[data-column-key="lager_bezeichnung"],
.material-table-v88 td[data-column-key="lager_bezeichnung"],
.material-table-v88 th[data-column-key="lager_bestand"],
.material-table-v88 td[data-column-key="lager_bestand"],
.material-table-v88 th[data-column-key="lager_einheit"],
.material-table-v88 td[data-column-key="lager_einheit"],
.material-table-v88 th[data-column-key="lager_lieferant_info"],
.material-table-v88 td[data-column-key="lager_lieferant_info"],
.material-table-v88 th[data-column-key="lager_art_info"],
.material-table-v88 td[data-column-key="lager_art_info"],
.material-table-v88 th[data-column-key="lager_masse_info"],
.material-table-v88 td[data-column-key="lager_masse_info"],
.material-table-v88 th[data-column-key="lagerort"],
.material-table-v88 td[data-column-key="lagerort"]{
  background:rgba(148,163,184,.08)!important;
}
.material-edit-form-v85 .material-price-field-v843{
  border:1px solid rgba(143,23,36,.18)!important;
  background:rgba(143,23,36,.035)!important;
  border-radius:14px!important;
  padding:8px!important;
}
.material-edit-form-v85 .material-price-field-v843 > span{
  color:#8f1724!important;
  font-weight:950!important;
}
:root[data-theme="dark"] .material-edit-form-v85 .material-price-field-v843{
  background:rgba(143,23,36,.18)!important;
  border-color:rgba(255,255,255,.12)!important;
}
:root[data-theme="dark"] .material-edit-form-v85 .material-price-field-v843 > span{
  color:#ffe5e7!important;
}
.material-table-v88 th[data-column-key="vk"],
.material-table-v88 td[data-column-key="vk"]{
  background:linear-gradient(145deg, rgba(101,217,75,.18), rgba(101,217,75,.08))!important;
}
.material-table-v88 th[data-column-key="ek_netto"],
.material-table-v88 td[data-column-key="ek_netto"],
.material-table-v88 th[data-column-key="marge_prozent"],
.material-table-v88 td[data-column-key="marge_prozent"]{
  background:var(--card)!important;
}
:root[data-theme="light"] .material-table-v88 th[data-column-key="ek_netto"],
:root[data-theme="light"] .material-table-v88 td[data-column-key="ek_netto"],
:root[data-theme="light"] .material-table-v88 th[data-column-key="marge_prozent"],
:root[data-theme="light"] .material-table-v88 td[data-column-key="marge_prozent"]{
  background:#fff!important;
}

/* Version 8.44 - Material-Stammdaten: Tabelle wieder kompakt, Kopfzeile opak, Lager-/Analyseverknüpfung */
.material-table-wrap-v88,
.material-desktop-shell-v88{
  background: var(--card) !important;
}
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 thead th,
.material-table-v88 th,
.material-table-v88 th[data-column-key],
.material-table-resizable-v721 th{
  background: #e9eef6 !important;
  background-color: #e9eef6 !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
:root[data-theme="dark"] .material-table-v88 thead,
:root[data-theme="dark"] .material-table-v88 thead tr,
:root[data-theme="dark"] .material-table-v88 thead th,
:root[data-theme="dark"] .material-table-v88 th,
:root[data-theme="dark"] .material-table-v88 th[data-column-key],
:root[data-theme="dark"] .material-table-resizable-v721 th{
  background: #202938 !important;
  background-color: #202938 !important;
  color: #f1f5f9 !important;
}
.material-table-v88{
  table-layout: auto !important;
  width: auto !important;
  min-width: 100% !important;
}
.material-table-v88 th,
.material-table-v88 td{
  min-width: 0 !important;
  max-width: 240px !important;
  width: auto !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 7px 10px !important;
}
.material-table-v88 th button{
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.material-table-v88 th[data-column-key="name"],
.material-table-v88 td[data-column-key="name"]{
  min-width: 190px !important;
  max-width: 360px !important;
}
.material-table-v88 th[data-column-key="lager_bezeichnung"],
.material-table-v88 td[data-column-key="lager_bezeichnung"]{
  min-width: 180px !important;
  max-width: 360px !important;
}
.material-table-v88 th[data-column-key="notizen"],
.material-table-v88 td[data-column-key="notizen"]{
  min-width: 180px !important;
  max-width: 380px !important;
}
.material-table-v88 th[data-column-key="datenblatt_pfad"],
.material-table-v88 td[data-column-key="datenblatt_pfad"]{
  min-width: 220px !important;
  max-width: 460px !important;
}
.material-edit-form-v85 .material-form-actions-v837 .btn:not(.primary):not(.material-delete-btn-v837){
  background: var(--soft) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
.dba-lambda-pair-v746 select{
  min-height: 42px;
}


/* Version 8.45 - Material-Stammdaten: Statistik raus, Kopfzeile fix, Spaltenauswahl robust, Analysefelder im Edit */
.material-stats-details-v823{display:none!important;}
.material-table-wrap-v88,
.material-desktop-shell-v88{
  background: var(--card)!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 thead th,
.material-table-v88 th[data-column-key]{
  background:#e8edf5!important;
  background-color:#e8edf5!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#111827!important;
}
:root[data-theme="dark"] .material-table-v88 thead,
:root[data-theme="dark"] .material-table-v88 thead tr,
:root[data-theme="dark"] .material-table-v88 thead th,
:root[data-theme="dark"] .material-table-v88 th[data-column-key]{
  background:#202938!important;
  background-color:#202938!important;
  color:#f1f5f9!important;
}
.material-table-v88 th[data-column-key] button{
  color:inherit!important;
  opacity:1!important;
}
.material-column-hidden-v838,
.material-table-v88 col.material-column-hidden-v838,
.material-table-v88 th.material-column-hidden-v838,
.material-table-v88 td.material-column-hidden-v838{display:none!important;}
.material-table-v88{
  table-layout:auto!important;
  width:max-content!important;
  min-width:100%!important;
}
.material-table-v88 th,
.material-table-v88 td{
  white-space:nowrap!important;
  width:auto!important;
  max-width:320px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.material-table-v88 th[data-column-key="name"],
.material-table-v88 td[data-column-key="name"]{min-width:220px!important;max-width:420px!important;}
.material-table-v88 th[data-column-key="notizen"],
.material-table-v88 td[data-column-key="notizen"]{min-width:180px!important;max-width:420px!important;}
.material-lager-preview-v845{
  margin-top:6px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  background:rgba(148,163,184,.10)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:var(--text)!important;
  font-size:.72rem!important;
  font-weight:760!important;
  line-height:1.25!important;
}
.material-lager-preview-v845.is-empty{color:var(--muted)!important;font-weight:650!important;}
.material-technical-details-v845{
  grid-column:1/-1!important;
  border-radius:16px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(148,163,184,.06)!important;
  overflow:hidden!important;
  margin-top:4px!important;
}
.material-technical-details-v845 > summary{
  padding:10px 12px!important;
  cursor:pointer!important;
  font-size:.74rem!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  color:var(--text)!important;
}
.material-technical-grid-v845{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:10px!important;
  padding:0 12px 12px!important;
}
.material-technical-grid-v845 label{margin:0!important;}
.material-edit-form-v85 input[name="lager_artikelnummer"]{border-color:rgba(143,23,36,.25)!important;}

/* Version 8.46 - Material-Stammdaten Test: stabile Tabelle, Spaltenwahl und Lagerartikelvorschau */
.material-table-wrap-v88{
  overflow-x:auto!important;
  overflow-y:auto!important;
}
.material-table-v88,
.material-table-resizable-v721,
:root[data-layout="desktop"] .material-table-v88,
:root[data-layout="desktop"] .material-table-resizable-v721{
  table-layout:auto!important;
  width:max-content!important;
  min-width:100%!important;
}
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 th,
.material-table-resizable-v721 th{
  background:var(--card2)!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
:root[data-theme="light"] .material-table-v88 th,
:root[data-theme="light"] .material-table-resizable-v721 th{
  background:#eef1f6!important;
  color:#566070!important;
}
:root[data-theme="dark"] .material-table-v88 th,
:root[data-theme="dark"] .material-table-resizable-v721 th{
  background:#202737!important;
  color:#dce4f2!important;
}
.material-table-v88 th,
.material-table-v88 td,
.material-table-resizable-v721 th,
.material-table-resizable-v721 td{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  min-width:max-content;
}
.material-table-v88 td[data-column-key="name"],
.material-table-v88 th[data-column-key="name"]{min-width:220px!important;}
.material-table-v88 td[data-column-key="notizen"],
.material-table-v88 th[data-column-key="notizen"]{min-width:180px!important;max-width:420px!important;white-space:normal!important;}
.material-column-hidden-v838{display:none!important;visibility:collapse!important;}
.material-column-groups-v846{display:grid;gap:12px;}
.material-column-group-v846{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:12px;
}
:root[data-theme="light"] .material-column-group-v846{background:rgba(255,255,255,.78);}
.material-column-group-v846 header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px;}
.material-column-group-v846 header strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.material-column-group-toggle-v846{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.82rem;}
.material-lager-preview-v845{
  margin-top:7px;
  padding:9px 11px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(126,58,28,.05);
  color:var(--text);
  font-size:.86rem;
  line-height:1.35;
  white-space:normal;
}
.material-lager-preview-v845.is-empty{color:var(--muted);}
.material-lager-suggest-v846{
  position:absolute;
  z-index:50;
  left:0;
  right:0;
  margin-top:6px;
  max-height:280px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
  padding:6px;
}
.material-edit-form-v85 label{position:relative;}
.material-lager-suggest-v846 button{
  display:block;
  width:100%;
  text-align:left;
  border:0;
  border-radius:11px;
  padding:9px 10px;
  background:transparent;
  color:var(--text);
  font-weight:800;
  line-height:1.35;
}
.material-lager-suggest-v846 button:hover{background:rgba(120,140,170,.16);}
.material-tech-summary-v846{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
  margin:10px 0 12px;
}
.material-tech-summary-v846>div{
  border:1px solid var(--line);
  border-radius:16px;
  padding:10px 12px;
  background:rgba(255,255,255,.06);
}
:root[data-theme="light"] .material-tech-summary-v846>div{background:rgba(255,255,255,.72);}
.material-tech-summary-v846 .wide{grid-column:1/-1;}
.material-tech-summary-v846 span{display:block;color:var(--muted);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.material-tech-summary-v846 strong{font-size:.95rem;line-height:1.35;}
.material-tech-empty-v846{color:var(--muted);font-size:.9rem;padding:10px 0;}

/* Version 8.47 - Material-Stammdaten: Einheiten direkt in Werte, Gruppenbuttons, Kopfzeile opak */
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 thead th,
.material-table-v88 th[data-column-key],
.material-table-resizable-v721 th,
.material-table-v88 th[data-column-key="vk"]{
  background:#e8edf5!important;
  background-color:#e8edf5!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
:root[data-theme="dark"] .material-table-v88 thead,
:root[data-theme="dark"] .material-table-v88 thead tr,
:root[data-theme="dark"] .material-table-v88 thead th,
:root[data-theme="dark"] .material-table-v88 th[data-column-key],
:root[data-theme="dark"] .material-table-resizable-v721 th,
:root[data-theme="dark"] .material-table-v88 th[data-column-key="vk"]{
  background:#202737!important;
  background-color:#202737!important;
  color:#dce4f2!important;
}
.material-table-v88 td[data-column-key="vk"]{
  background:linear-gradient(145deg, rgba(101,217,75,.18), rgba(101,217,75,.08))!important;
}
.material-column-group-button-v847{
  appearance:none;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--soft);
  color:var(--text);
  font-size:.78rem;
  font-weight:850;
  padding:8px 12px;
  cursor:pointer;
  white-space:nowrap;
}
.material-column-group-button-v847.is-active{
  background:linear-gradient(145deg, rgba(143,23,36,.16), rgba(143,23,36,.08));
  border-color:rgba(143,23,36,.28);
  color:#8f1724;
}
:root[data-theme="dark"] .material-column-group-button-v847.is-active{
  color:#ffe5e7;
  background:linear-gradient(145deg, rgba(143,23,36,.36), rgba(143,23,36,.18));
}
.material-column-group-v846 header{align-items:center!important;}
.material-table-v88 th,
.material-table-v88 td,
.material-table-resizable-v721 th,
.material-table-resizable-v721 td{
  min-width:max-content!important;
  white-space:nowrap!important;
}

/* v8.48 Material-Stammdaten Feinschliff */
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 thead th,
.material-table-resizable-v721 thead th,
.material-table-v88 th[data-column-key="vk"] {
    background: var(--card) !important;
    background-image: none !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
:root[data-theme="dark"] .material-table-v88 thead,
:root[data-theme="dark"] .material-table-v88 thead tr,
:root[data-theme="dark"] .material-table-v88 thead th,
:root[data-theme="dark"] .material-table-resizable-v721 thead th,
:root[data-theme="dark"] .material-table-v88 th[data-column-key="vk"] {
    background: #151b26 !important;
    background-image: none !important;
    opacity: 1 !important;
}
.material-table-v88 th[data-column-key="vk"],
.material-table-v88 td[data-column-key="vk"] {
    background: rgba(43, 138, 62, .16) !important;
}
:root[data-theme="dark"] .material-table-v88 th[data-column-key="vk"],
:root[data-theme="dark"] .material-table-v88 td[data-column-key="vk"] {
    background: rgba(53, 168, 85, .20) !important;
}
.material-column-actions-v847,
.material-column-groups-v838 header,
.material-column-group-v838 header {
    justify-content: flex-start !important;
    text-align: left !important;
}
.material-column-group-button-v847 {
    margin-left: 0 !important;
}
.material-lager-suggest-v846 {
    min-width: min(760px, calc(100vw - 48px)) !important;
    width: max-content !important;
    max-width: min(900px, calc(100vw - 48px)) !important;
}
.material-lager-suggest-v846 button {
    text-align: left !important;
    white-space: normal !important;
    line-height: 1.35 !important;
    justify-content: flex-start !important;
}
.material-table-v88 th[data-column-key="datenblatt_pfad"],
.material-table-v88 td[data-column-key="datenblatt_pfad"] { display:none !important; }

/* v8.49 Material-Stammdaten Korrekturen */
.material-column-group-v846 header{
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
}
.material-column-group-v846 header strong{margin-right:10px!important;}
.material-column-group-button-v847{margin-left:0!important;}
.material-column-groups-v846{align-items:start!important;}
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 thead th,
.material-table-v88 th[data-column-key="vk"]{
  background:var(--card)!important;
  background-color:var(--card)!important;
  background-image:none!important;
  opacity:1!important;
}
.material-table-v88 th[data-column-key="vk"]{
  background:linear-gradient(145deg, rgba(43,138,62,.24), rgba(43,138,62,.12))!important;
  background-color:#e8f4e9!important;
}
:root[data-theme="dark"] .material-table-v88 thead,
:root[data-theme="dark"] .material-table-v88 thead tr,
:root[data-theme="dark"] .material-table-v88 thead th{
  background:#151b26!important;
  background-color:#151b26!important;
  background-image:none!important;
  opacity:1!important;
}
:root[data-theme="dark"] .material-table-v88 th[data-column-key="vk"]{
  background:linear-gradient(145deg, rgba(53,168,85,.26), rgba(53,168,85,.12))!important;
  background-color:#183222!important;
}
.material-edit-form-v85 label:has(input[name="preis_m2_aktiv"]),
.material-edit-form-v85 label:has(input[name="preis_m3_aktiv"]),
.material-edit-form-v85 label:has(input[name="preis_m2"]),
.material-edit-form-v85 label:has(input[name="preis_m3"]){
  border-color:rgba(43,138,62,.24)!important;
  background:linear-gradient(145deg, rgba(43,138,62,.08), rgba(255,255,255,.72))!important;
}
:root[data-theme="dark"] .material-edit-form-v85 label:has(input[name="preis_m2_aktiv"]),
:root[data-theme="dark"] .material-edit-form-v85 label:has(input[name="preis_m3_aktiv"]),
:root[data-theme="dark"] .material-edit-form-v85 label:has(input[name="preis_m2"]),
:root[data-theme="dark"] .material-edit-form-v85 label:has(input[name="preis_m3"]){
  background:linear-gradient(145deg, rgba(53,168,85,.11), rgba(18,24,36,.72))!important;
}

/* Version 8.51 - Material-Stammdaten: Pflicht-Volltextsuche, Kategorie-Auswahl, Preis-Switches */
.material-switch-field-v851{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-height:66px!important;
}
.material-switch-field-v851 > span,
.material-category-select-field-v851 > span{
  font-weight:950!important;
  letter-spacing:.01em!important;
}
.material-switch-control-v851{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  cursor:pointer!important;
  user-select:none!important;
  width:max-content!important;
  min-height:38px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.68)!important;
  border:1px solid rgba(92,64,10,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36)!important;
}
:root[data-theme="dark"] .material-switch-control-v851{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.material-switch-control-v851 input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.material-switch-knob-v851{
  position:relative!important;
  width:48px!important;
  height:26px!important;
  border-radius:999px!important;
  background:rgba(100,116,139,.35)!important;
  border:1px solid rgba(100,116,139,.28)!important;
  transition:.18s ease!important;
}
.material-switch-knob-v851::after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(15,23,42,.25)!important;
  transition:.18s ease!important;
}
.material-switch-control-v851 input:checked + .material-switch-knob-v851{
  background:linear-gradient(135deg, #8f1724, #b73a45)!important;
  border-color:rgba(143,23,36,.55)!important;
}
.material-switch-control-v851 input:checked + .material-switch-knob-v851::after{
  transform:translateX(22px)!important;
}
.material-switch-control-v851 strong{
  font-size:.78rem!important;
  min-width:38px!important;
  color:var(--text)!important;
}
.material-form-actions-split-v851{
  justify-content:space-between!important;
  align-items:center!important;
  padding-top:4px!important;
  border-top:1px solid var(--line)!important;
}
.material-main-actions-v851{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
}
.material-desktop-delete-form-v837{
  margin-top:0!important;
  display:none!important;
}
.material-edit-form-v85 .material-price-field-v843 select,
.material-edit-form-v85 .material-category-select-field-v851 select{
  min-height:38px!important;
}
@media (max-width: 720px){
  .material-form-actions-split-v851{
    justify-content:flex-start!important;
  }
  .material-main-actions-v851{
    width:100%!important;
  }
}

/* Version 8.52 - Moderne Blockformulare für Material-/Artikel-Stammdaten */
.material-smart-form-v852,
.article-smart-form-v852{
    display:flex !important;
    flex-direction:column;
    gap:16px;
}
.material-form-block-v852,
.article-form-block-v852{
    border:1px solid rgba(255,255,255,.10);
    border-radius:22px;
    padding:14px;
    background:linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
    box-shadow:0 14px 34px rgba(0,0,0,.16);
    overflow:hidden;
}
:root[data-theme="light"] .material-form-block-v852,
:root[data-theme="light"] .article-form-block-v852{
    border-color:rgba(25,25,35,.10);
    background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,246,240,.78));
    box-shadow:0 12px 30px rgba(60,45,35,.10);
}
.material-form-block-v852 > header,
.article-form-block-v852 > header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin:0 0 12px;
    padding:0 0 10px;
    border-bottom:1px solid rgba(255,255,255,.09);
}
:root[data-theme="light"] .material-form-block-v852 > header,
:root[data-theme="light"] .article-form-block-v852 > header{border-bottom-color:rgba(30,30,35,.08)}
.material-form-block-v852 > header span,
.article-form-block-v852 > header span{
    display:block;
    font-size:1.02rem;
    line-height:1.1;
    font-weight:900;
    letter-spacing:.03em;
    text-transform:uppercase;
}
.material-form-block-v852 > header small,
.article-form-block-v852 > header small{
    display:block;
    margin-top:5px;
    font-size:.78rem;
    line-height:1.35;
    color:var(--muted);
    text-transform:none;
    letter-spacing:0;
    font-weight:650;
}
.material-form-block-amber-v852 > header span,
.article-form-block-amber-v852 > header span{color:#f3d876}
.material-form-block-blue-v852 > header span,
.article-form-block-blue-v852 > header span{color:#9dc7ff}
.material-form-block-green-v852 > header span,
.article-form-block-green-v852 > header span{color:#aee7b3}
.material-form-block-red-v852 > header span,
.article-form-block-red-v852 > header span{color:#ffaaa7}
.material-form-block-violet-v852 > header span,
.article-form-block-violet-v852 > header span{color:#d4b7ff}
.material-form-block-neutral-v852 > header span,
.article-form-block-neutral-v852 > header span{color:var(--text)}
:root[data-theme="light"] .material-form-block-amber-v852 > header span,
:root[data-theme="light"] .article-form-block-amber-v852 > header span{color:#8a6500}
:root[data-theme="light"] .material-form-block-blue-v852 > header span,
:root[data-theme="light"] .article-form-block-blue-v852 > header span{color:#245e9c}
:root[data-theme="light"] .material-form-block-green-v852 > header span,
:root[data-theme="light"] .article-form-block-green-v852 > header span{color:#28733b}
:root[data-theme="light"] .material-form-block-red-v852 > header span,
:root[data-theme="light"] .article-form-block-red-v852 > header span{color:#8d252b}
:root[data-theme="light"] .material-form-block-violet-v852 > header span,
:root[data-theme="light"] .article-form-block-violet-v852 > header span{color:#62439a}
.material-form-block-grid-v852,
.article-form-block-grid-v852{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
    gap:11px;
}
.material-form-block-grid-v852 label,
.article-form-block-grid-v852 label,
.material-form-block-grid-v852 .material-switch-field-v851{
    min-width:0;
    border:1px solid rgba(255,255,255,.075);
    border-radius:15px;
    padding:10px;
    background:rgba(10,12,24,.36);
}
:root[data-theme="light"] .material-form-block-grid-v852 label,
:root[data-theme="light"] .article-form-block-grid-v852 label,
:root[data-theme="light"] .material-form-block-grid-v852 .material-switch-field-v851{
    border-color:rgba(35,35,45,.08);
    background:rgba(255,255,255,.64);
}
.material-form-block-grid-v852 label.wide,
.article-form-block-grid-v852 label.wide{grid-column:1 / -1}
.material-form-block-grid-v852 label span,
.article-form-block-grid-v852 label span,
.material-form-block-grid-v852 .material-switch-field-v851 > span{
    display:block;
    margin:0 0 7px;
    font-size:.72rem;
    line-height:1.1;
    color:var(--muted);
    letter-spacing:.055em;
    text-transform:uppercase;
    font-weight:900;
}
.material-form-block-grid-v852 input,
.material-form-block-grid-v852 select,
.article-form-block-grid-v852 input,
.article-form-block-grid-v852 select{
    width:100%;
    min-height:38px;
    border-radius:11px;
    font-size:.95rem;
}
.material-form-block-grid-v852 .material-switch-field-v851{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.material-form-block-grid-v852 .material-switch-field-v851 > span{
    margin:0;
    flex:1;
}
.material-switch-control-v851{
    margin:0;
    flex:0 0 auto;
    min-height:36px;
    padding:4px 9px 4px 4px;
    border-radius:999px;
    background:rgba(255,255,255,.07);
}
.material-switch-control-v851 strong{font-size:.66rem; min-width:34px; text-align:center;}
.material-switch-knob-v851{width:42px;height:24px;}
.material-switch-knob-v851::after{width:18px;height:18px;top:3px;left:3px;}
.material-switch-control-v851 input:checked + .material-switch-knob-v851::after{transform:translateX(18px)}
.material-technical-details-v845.wide{
    border-radius:20px;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(135deg, rgba(243,216,118,.12), rgba(255,255,255,.025));
    padding:4px 12px 12px;
}
.material-form-actions-v837.wide,
.article-form-actions{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding-top:2px;
}
.material-form-actions-split-v851{border-top:1px solid rgba(255,255,255,.09); padding-top:14px;}
.material-delete-btn-v837,
.article-delete-soft-v852{
    background:rgba(255,255,255,.055) !important;
    color:var(--muted) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:none !important;
}
.material-delete-btn-v837:hover,
.article-delete-soft-v852:hover{
    color:#ffb8b8 !important;
    border-color:rgba(180,55,63,.42) !important;
    background:rgba(180,55,63,.12) !important;
}
.article-create-layout-v34{
    grid-template-columns:minmax(0, 1.4fr) minmax(280px,.6fr);
    align-items:start;
}
.article-form-block-grid-v852 label.auto-number-field input{
    font-weight:900;
    letter-spacing:.04em;
}
.article-form-block-grid-v852 select{
    appearance:auto;
}
@media (max-width: 900px){
    .article-create-layout-v34{grid-template-columns:1fr;}
    .material-form-block-grid-v852,
    .article-form-block-grid-v852{grid-template-columns:1fr;}
    .material-form-block-grid-v852 .material-switch-field-v851{align-items:flex-start; flex-direction:column;}
}

/* Version 8.53 - responsive Blockraster fuer Stammdatenformulare */
.material-smart-form-v853,
.article-smart-form-v853{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
  padding:14px!important;
}
.material-form-block-v853,
.article-form-block-v853{
  grid-column:span 6;
  min-width:0;
  padding:15px!important;
  border-radius:22px!important;
}
.material-form-block-basis-v853,
.article-form-block-basis-v853{grid-column:span 6;}
.material-form-block-beschreibung-v853,
.article-form-block-masse-v853{grid-column:span 6;}
.material-form-block-masse-v853{grid-column:span 6;}
.material-form-block-preise-v853,
.article-form-block-preise-v853{grid-column:span 6;}
.material-form-block-technik-v853,
.article-form-block-lager-v853{grid-column:span 5;}
.material-form-block-notizen-v853,
.article-form-block-notizen-v853{grid-column:span 7;}
.material-form-block-weitere-v853,
.article-form-block-weitere-v853{grid-column:span 12;}
.material-form-block-v853 > header,
.article-form-block-v853 > header{
  margin-bottom:11px!important;
  padding-bottom:9px!important;
}
.material-form-block-v853 > header span,
.article-form-block-v853 > header span{
  font-size:1rem!important;
  letter-spacing:.045em!important;
}
.material-form-block-v853 > header small,
.article-form-block-v853 > header small{
  font-size:.74rem!important;
  max-width:80ch;
}
.material-form-block-grid-v852,
.article-form-block-grid-v852{
  grid-template-columns:repeat(auto-fit,minmax(172px,1fr))!important;
  gap:9px!important;
}
.material-form-block-grid-v852 label,
.article-form-block-grid-v852 label{
  padding:9px!important;
  border-radius:14px!important;
}
.material-form-block-grid-v852 label span,
.article-form-block-grid-v852 label span,
.material-form-block-grid-v852 .material-switch-field-v851 > span{
  font-size:.68rem!important;
  line-height:1.15!important;
}
.material-form-block-grid-v852 input,
.material-form-block-grid-v852 select,
.article-form-block-grid-v852 input,
.article-form-block-grid-v852 select{
  min-height:38px!important;
  border-radius:11px!important;
  font-size:.9rem!important;
}
.material-form-block-grid-v852 .material-switch-field-v851{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:7px 4px!important;
  min-height:54px!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
}
.material-form-block-grid-v852 .material-switch-field-v851 > span{
  flex:0 1 auto!important;
  margin:0!important;
  color:var(--text)!important;
  letter-spacing:.04em!important;
}
.material-switch-control-v851{
  min-height:32px!important;
  padding:3px 8px 3px 3px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.055)!important;
}
.material-switch-control-v851 strong{font-size:.61rem!important;}
.material-switch-knob-v851{width:38px!important;height:22px!important;}
.material-switch-knob-v851::after{width:16px!important;height:16px!important;top:3px!important;left:3px!important;}
.material-switch-control-v851 input:checked + .material-switch-knob-v851::after{transform:translateX(16px)!important;}
.material-form-block-preise-v853 .material-form-block-grid-v852{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.material-form-actions-v837.wide,
.article-form-actions{
  grid-column:1 / -1!important;
  margin-top:2px!important;
}
.material-technical-details-v845.wide{
  grid-column:1 / -1!important;
}
.material-add-v84 details[open] > summary{
  border-bottom:1px solid rgba(126,86,6,.28)!important;
}
.article-create-layout-v34{
  grid-template-columns:1fr!important;
}
.article-create-form-card-v34,
.create-qr-preview-card-v34{
  width:100%!important;
}
.create-qr-preview-card-v34{
  display:grid!important;
  grid-template-columns:minmax(240px,.35fr) minmax(260px,.35fr) 1fr!important;
  gap:14px!important;
  align-items:center!important;
}
.create-qr-preview-card-v34 .note{align-self:center;}
@media (min-width:1500px){
  .material-desktop-edit-form-v88.material-smart-form-v853,
  .material-add-grid-v84.material-smart-form-v853,
  .article-smart-form-v853{grid-template-columns:repeat(12,minmax(0,1fr))!important;}
  .material-form-block-basis-v853{grid-column:span 5;}
  .material-form-block-beschreibung-v853{grid-column:span 4;}
  .material-form-block-masse-v853{grid-column:span 3;}
  .material-form-block-preise-v853{grid-column:span 5;}
  .material-form-block-technik-v853{grid-column:span 4;}
  .material-form-block-notizen-v853{grid-column:span 3;}
  .article-form-block-basis-v853{grid-column:span 5;}
  .article-form-block-masse-v853{grid-column:span 4;}
  .article-form-block-preise-v853{grid-column:span 3;}
  .article-form-block-lager-v853{grid-column:span 4;}
  .article-form-block-notizen-v853{grid-column:span 4;}
}
@media (max-width:1100px){
  .material-form-block-v853,
  .article-form-block-v853,
  .material-form-block-basis-v853,
  .material-form-block-beschreibung-v853,
  .material-form-block-masse-v853,
  .material-form-block-preise-v853,
  .material-form-block-technik-v853,
  .material-form-block-notizen-v853,
  .article-form-block-basis-v853,
  .article-form-block-masse-v853,
  .article-form-block-preise-v853,
  .article-form-block-lager-v853,
  .article-form-block-notizen-v853{grid-column:span 12!important;}
  .create-qr-preview-card-v34{grid-template-columns:1fr!important;}
}
@media (max-width:760px){
  .material-smart-form-v853,
  .article-smart-form-v853{
    grid-template-columns:1fr!important;
    padding:10px!important;
    gap:12px!important;
  }
  .material-form-block-v853,
  .article-form-block-v853{grid-column:1 / -1!important; padding:12px!important;}
  .material-form-block-grid-v852,
  .article-form-block-grid-v852{grid-template-columns:1fr!important;}
  .material-form-block-grid-v852 .material-switch-field-v851{flex-direction:row!important;align-items:center!important;}
}


/* Version 8.54 - neue ERP-Hintergründe und Login-Optik */
body,
body:has(.year-calendar-v33),
:root[data-theme="dark"] body,
:root[data-theme="dark"] body:has(.year-calendar-v33){
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.04),rgba(9,13,19,.04)),url("bg-dunkel-v814.jpg")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}
:root[data-theme="light"] body,
:root[data-theme="light"] body:has(.year-calendar-v33){
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),url("bg-hell-v814.jpg")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}
.login-body{
  min-height:100vh!important;
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.12),rgba(9,13,19,.12)),url("bg-dunkel-v814.jpg")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
}
:root[data-theme="light"] .login-body{
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url("bg-hell-v814.jpg")!important;
}
.login-shell{
  width:min(440px,100%)!important;
  transform:translateY(-3vh)!important;
}
.login-card{
  padding:24px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(22,25,37,.92),rgba(13,16,25,.88))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}
:root[data-theme="light"] .login-card{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(245,247,251,.82))!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 28px 80px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.login-card .overline,
.login-overline-hidden{
  display:none!important;
}
.login-card h1{
  margin:4px 0 8px!important;
  font-size:clamp(2rem,7vw,2.65rem)!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.login-logo-wrap{
  display:flex!important;
  justify-content:center!important;
  margin-bottom:18px!important;
}
.login-logo-wrap img{
  width:min(210px,64vw)!important;
  height:auto!important;
}
.login-hint{
  text-align:center!important;
  margin-bottom:18px!important;
}
.login-form input{
  min-height:52px!important;
  border-radius:17px!important;
}
.login-form .btn.primary.full{
  min-height:50px!important;
  border-radius:18px!important;
}
@media(max-width:640px){
  .login-body{
    place-items:start center!important;
    padding-top:clamp(34px,9vh,72px)!important;
  }
  .login-shell{
    transform:none!important;
  }
  .login-card{
    padding:20px!important;
    border-radius:26px!important;
  }
  .login-logo-wrap img{
    width:min(190px,62vw)!important;
  }
}


/* Version 8.55 - Hintergründe gekachelt und Login-Logo themeabhängig */
body,
body:has(.year-calendar-v33),
:root[data-theme="dark"] body,
:root[data-theme="dark"] body:has(.year-calendar-v33){
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.04),rgba(9,13,19,.04)),url("bg-dunkel-v814.jpg")!important;
  background-position:top left!important;
  background-size:627px 627px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
:root[data-theme="light"] body,
:root[data-theme="light"] body:has(.year-calendar-v33){
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),url("bg-hell-v814.jpg")!important;
  background-position:top left!important;
  background-size:627px 627px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
.login-body{
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.12),rgba(9,13,19,.12)),url("bg-dunkel-v814.jpg")!important;
  background-position:top left!important;
  background-size:627px 627px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
:root[data-theme="light"] .login-body{
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url("bg-hell-v814.jpg")!important;
  background-position:top left!important;
  background-size:627px 627px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
.login-logo-wrap img.login-logo-dark-v855,
.login-logo-wrap img.login-logo-light-v855{
  width:min(230px,68vw)!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
}
:root[data-theme="dark"] .login-logo-wrap img.login-logo-dark-v855{display:block!important;}
:root[data-theme="dark"] .login-logo-wrap img.login-logo-light-v855{display:none!important;}
:root[data-theme="light"] .login-logo-wrap img.login-logo-dark-v855{display:none!important;}
:root[data-theme="light"] .login-logo-wrap img.login-logo-light-v855{display:block!important;}
@media(max-width:640px){
  body,
  body:has(.year-calendar-v33),
  :root[data-theme="dark"] body,
  :root[data-theme="dark"] body:has(.year-calendar-v33),
  :root[data-theme="light"] body,
  :root[data-theme="light"] body:has(.year-calendar-v33),
  .login-body,
  :root[data-theme="light"] .login-body{
    background-size:520px 520px!important;
  }
  .login-logo-wrap img.login-logo-dark-v855,
  .login-logo-wrap img.login-logo-light-v855{
    width:min(205px,64vw)!important;
  }
}


/* Version 8.56 - Hintergrund-Kachelung größer und einheitlich */
body,
body:has(.year-calendar-v33),
:root[data-theme="dark"] body,
:root[data-theme="dark"] body:has(.year-calendar-v33){
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.04),rgba(9,13,19,.04)),url("bg-dunkel-v814.jpg")!important;
  background-position:top left!important;
  background-size:1254px 1254px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
:root[data-theme="light"] body,
:root[data-theme="light"] body:has(.year-calendar-v33){
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),url("bg-hell-v814.jpg")!important;
  background-position:top left!important;
  background-size:1254px 1254px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
body::before,
:root[data-layout="desktop"] body::before{
  background-color:#090d13!important;
  background-image:url("bg-dunkel-v814.jpg")!important;
  background-position:top left!important;
  background-size:1254px 1254px!important;
  background-repeat:repeat!important;
  background-attachment:fixed!important;
}
:root[data-theme="light"] body::before,
:root[data-theme="light"][data-layout="desktop"] body::before{
  background-color:#eef0f2!important;
  background-image:url("bg-hell-v814.jpg")!important;
  background-position:top left!important;
  background-size:1254px 1254px!important;
  background-repeat:repeat!important;
  background-attachment:fixed!important;
}
.login-body{
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.12),rgba(9,13,19,.12)),url("bg-dunkel-v814.jpg")!important;
  background-position:top left!important;
  background-size:1254px 1254px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
:root[data-theme="light"] .login-body{
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url("bg-hell-v814.jpg")!important;
  background-position:top left!important;
  background-size:1254px 1254px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
@media(max-width:640px){
  body,
  body:has(.year-calendar-v33),
  :root[data-theme="dark"] body,
  :root[data-theme="dark"] body:has(.year-calendar-v33),
  :root[data-theme="light"] body,
  :root[data-theme="light"] body:has(.year-calendar-v33),
  body::before,
  :root[data-layout="desktop"] body::before,
  :root[data-theme="light"] body::before,
  :root[data-theme="light"][data-layout="desktop"] body::before,
  .login-body,
  :root[data-theme="light"] .login-body{
    background-size:900px 900px!important;
  }
}


/* Version 8.57 - neue Hintergründe und frischeres Hauptmenü */
body,
body:has(.year-calendar-v33),
:root[data-theme="dark"] body,
:root[data-theme="dark"] body:has(.year-calendar-v33){
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.04),rgba(9,13,19,.04)),url("bg-dunkel-v814.jpg")!important;
  background-position:top left!important;
  background-size:1280px 1280px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
:root[data-theme="light"] body,
:root[data-theme="light"] body:has(.year-calendar-v33){
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url("bg-hell-v814.jpg")!important;
  background-position:top left!important;
  background-size:1280px 1280px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
body::before,
:root[data-layout="desktop"] body::before{
  background-position:top left!important;
  background-size:1280px 1280px!important;
  background-repeat:repeat!important;
  background-image:url("bg-dunkel-v814.jpg")!important;
}
:root[data-theme="light"] body::before,
:root[data-theme="light"][data-layout="desktop"] body::before{
  background-position:top left!important;
  background-size:1280px 1280px!important;
  background-repeat:repeat!important;
  background-image:url("bg-hell-v814.jpg")!important;
}
.login-body{
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.12),rgba(9,13,19,.12)),url("bg-dunkel-v814.jpg")!important;
  background-position:top left!important;
  background-size:1280px 1280px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
:root[data-theme="light"] .login-body{
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url("bg-hell-v814.jpg")!important;
  background-position:top left!important;
  background-size:1280px 1280px!important;
  background-attachment:fixed!important;
  background-repeat:repeat!important;
}
@media(max-width:640px){
  body,
  body:has(.year-calendar-v33),
  :root[data-theme="dark"] body,
  :root[data-theme="dark"] body:has(.year-calendar-v33),
  :root[data-theme="light"] body,
  :root[data-theme="light"] body:has(.year-calendar-v33),
  .login-body,
  :root[data-theme="light"] .login-body,
  body::before,
  :root[data-layout="desktop"] body::before,
  :root[data-theme="light"] body::before,
  :root[data-theme="light"][data-layout="desktop"] body::before{
    background-size:760px 760px!important;
  }
}

/* Hauptmenü moderner */
.hero-card.menu-parallax,
.hero-card.clean-main-hero-v30,
.hero-card.ios-hero-v14{
  position:relative!important;
  overflow:hidden!important;
  padding:16px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg, rgba(143,23,36,.22), rgba(32,48,38,.22)) , rgba(20,23,33,.76)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
}
:root[data-theme="light"] .hero-card.menu-parallax,
:root[data-theme="light"] .hero-card.clean-main-hero-v30,
:root[data-theme="light"] .hero-card.ios-hero-v14{
  background:linear-gradient(135deg, rgba(143,23,36,.10), rgba(50,120,90,.10)), rgba(255,255,255,.76)!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.hero-card.menu-parallax .hero-layer,
.hero-card.clean-main-hero-v30 .hero-layer,
.hero-card.ios-hero-v14 .hero-layer{display:none!important;}
.hero-brand-v79 h1,
.clean-main-hero-v30 h1,
.ios-hero-v14-copy h1,
.page-title-card h1{
  font-size:clamp(1.18rem,2vw,1.7rem)!important;
  letter-spacing:-.02em!important;
  margin:0!important;
}

.ios-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.ios-dashboard-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:168px!important;
  padding:22px 22px 20px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) , rgba(25,29,40,.84)!important;
  box-shadow:0 20px 45px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(130%)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
:root[data-theme="light"] .ios-dashboard-card,
:root[data-theme="light"] .ios-dashboard-card.warehouse-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.potential-project-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.potential-load-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.materialbeta-tile-v84,
:root[data-theme="light"] .ios-dashboard-card.datasheet-tile-v75,
:root[data-theme="light"] .ios-dashboard-card.calcgroup-tile-v24,
:root[data-theme="light"] .ios-dashboard-card.share-tile-v78,
:root[data-theme="light"] .ios-dashboard-card.settings-tile-v23,
:root[data-theme="light"] .ios-dashboard-card.admin-tile-v30{
  background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(245,247,252,.74))!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 18px 38px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.ios-dashboard-card::before,
.ios-dashboard-card::after{display:none!important;}
.ios-dashboard-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.18)!important;
}
:root[data-theme="light"] .ios-dashboard-card:hover{
  box-shadow:0 22px 46px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.8)!important;
  border-color:rgba(15,23,42,.15)!important;
}
.ios-dashboard-top{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
.ios-dashboard-arrow{display:none!important;}
.ios-dashboard-tag{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.88)!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
:root[data-theme="light"] .ios-dashboard-tag{
  color:#465063!important;
  background:rgba(24,39,59,.06)!important;
  border-color:rgba(24,39,59,.10)!important;
}
.admin-badge-v30{
  min-height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:.68rem!important;
  font-weight:900!important;
}
.ios-dashboard-body{
  position:relative!important;
  z-index:2!important;
  max-width:calc(100% - 112px)!important;
}
.ios-dashboard-body strong{
  display:block!important;
  font-size:clamp(1.08rem,1.4vw,1.35rem)!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  margin:0 0 8px!important;
}
.ios-dashboard-body small{
  display:block!important;
  font-size:.84rem!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
  color:var(--muted)!important;
}
.dashboard-bg-icon-v857{
  position:absolute!important;
  right:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:92px!important;
  height:92px!important;
  object-fit:contain!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:1!important;
}
@media(min-width:1200px){
  :root[data-layout="desktop"] .ios-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  :root[data-layout="desktop"] .ios-dashboard-card{min-height:174px!important;padding:24px 24px 22px!important;border-radius:28px!important;}
}
@media(max-width:980px){
  .ios-dashboard-grid{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .ios-dashboard-card{min-height:156px!important;padding:18px 18px 18px!important;border-radius:24px!important;}
  .dashboard-bg-icon-v857{width:78px!important;height:78px!important;right:16px!important;}
  .ios-dashboard-body{max-width:calc(100% - 96px)!important;}
  .ios-dashboard-body strong{font-size:1.02rem!important;}
  .ios-dashboard-body small{font-size:.78rem!important;}
}
@media(max-width:540px){
  .ios-dashboard-card{min-height:148px!important;}
  .dashboard-bg-icon-v857{width:70px!important;height:70px!important;right:14px!important;}
  .ios-dashboard-body{max-width:calc(100% - 82px)!important;}
}


/* Version 8.59 - Hauptmenü Logos Light/Dark als JPG auf Kachelhintergrund */
.ios-dashboard-card{
  overflow:hidden!important;
}
:root[data-theme="dark"] .ios-dashboard-card,
:root[data-theme="dark"] .ios-dashboard-card.warehouse-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.potential-project-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.potential-load-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.materialbeta-tile-v84,
:root[data-theme="dark"] .ios-dashboard-card.datasheet-tile-v75,
:root[data-theme="dark"] .ios-dashboard-card.calcgroup-tile-v24,
:root[data-theme="dark"] .ios-dashboard-card.share-tile-v78,
:root[data-theme="dark"] .ios-dashboard-card.settings-tile-v23,
:root[data-theme="dark"] .ios-dashboard-card.admin-tile-v30{
  background:#2c2d31!important;
  border-color:rgba(255,255,255,.10)!important;
}
:root[data-theme="light"] .ios-dashboard-card,
:root[data-theme="light"] .ios-dashboard-card.warehouse-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.potential-project-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.potential-load-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.materialbeta-tile-v84,
:root[data-theme="light"] .ios-dashboard-card.datasheet-tile-v75,
:root[data-theme="light"] .ios-dashboard-card.calcgroup-tile-v24,
:root[data-theme="light"] .ios-dashboard-card.share-tile-v78,
:root[data-theme="light"] .ios-dashboard-card.settings-tile-v23,
:root[data-theme="light"] .ios-dashboard-card.admin-tile-v30{
  background:#eff0f5!important;
  border-color:rgba(15,23,42,.10)!important;
}
.dashboard-bg-icon-v859{
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:92px!important;
  height:92px!important;
  object-fit:cover!important;
  border-radius:16px!important;
  pointer-events:none!important;
  z-index:1!important;
  display:none;
  box-shadow:none!important;
}
:root[data-theme="dark"] .ios-dashboard-card .icon-dark-v859{display:block!important;}
:root[data-theme="dark"] .ios-dashboard-card .icon-light-v859{display:none!important;}
:root[data-theme="light"] .ios-dashboard-card .icon-light-v859{display:block!important;}
:root[data-theme="light"] .ios-dashboard-card .icon-dark-v859{display:none!important;}
.ios-dashboard-top,.ios-dashboard-body{position:relative!important;z-index:2!important;}
.ios-dashboard-body{max-width:calc(100% - 126px)!important;}
@media(max-width:760px){
  .dashboard-bg-icon-v859{width:78px!important;height:78px!important;right:14px!important;border-radius:14px!important;}
  .ios-dashboard-body{max-width:calc(100% - 106px)!important;}
}
@media(max-width:540px){
  .dashboard-bg-icon-v859{width:70px!important;height:70px!important;right:12px!important;border-radius:12px!important;}
  .ios-dashboard-body{max-width:calc(100% - 94px)!important;}
}


/* Version 8.61 - Hauptmenü Logos final eingebunden, Darkmode-Kacheln exakt passend */
:root[data-theme="dark"] .ios-dashboard-card,
:root[data-theme="dark"] .ios-dashboard-card.warehouse-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.potential-project-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.potential-load-tile-v22,
:root[data-theme="dark"] .ios-dashboard-card.materialbeta-tile-v84,
:root[data-theme="dark"] .ios-dashboard-card.datasheet-tile-v75,
:root[data-theme="dark"] .ios-dashboard-card.calcgroup-tile-v24,
:root[data-theme="dark"] .ios-dashboard-card.share-tile-v78,
:root[data-theme="dark"] .ios-dashboard-card.settings-tile-v23,
:root[data-theme="dark"] .ios-dashboard-card.admin-tile-v30{
  background:#2c2d31!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
:root[data-theme="light"] .ios-dashboard-card,
:root[data-theme="light"] .ios-dashboard-card.warehouse-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.potential-project-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.potential-load-tile-v22,
:root[data-theme="light"] .ios-dashboard-card.materialbeta-tile-v84,
:root[data-theme="light"] .ios-dashboard-card.datasheet-tile-v75,
:root[data-theme="light"] .ios-dashboard-card.calcgroup-tile-v24,
:root[data-theme="light"] .ios-dashboard-card.share-tile-v78,
:root[data-theme="light"] .ios-dashboard-card.settings-tile-v23,
:root[data-theme="light"] .ios-dashboard-card.admin-tile-v30{
  background:#eff0f5!important;
  background-image:none!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 18px 38px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.80)!important;
}
:root[data-theme="dark"] .ios-dashboard-card:hover{
  background:#303139!important;
  border-color:rgba(255,255,255,.17)!important;
}
:root[data-theme="light"] .ios-dashboard-card:hover{
  background:#f3f4f8!important;
  border-color:rgba(15,23,42,.14)!important;
}
.dashboard-bg-icon-v859{
  width:104px!important;
  height:104px!important;
  right:18px!important;
  border-radius:18px!important;
  object-fit:cover!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.ios-dashboard-body{max-width:calc(100% - 140px)!important;}
@media(max-width:760px){
  .dashboard-bg-icon-v859{width:84px!important;height:84px!important;right:14px!important;border-radius:15px!important;}
  .ios-dashboard-body{max-width:calc(100% - 112px)!important;}
}
@media(max-width:540px){
  .dashboard-bg-icon-v859{width:74px!important;height:74px!important;right:12px!important;border-radius:13px!important;}
  .ios-dashboard-body{max-width:calc(100% - 98px)!important;}
}


/* Version 8.63 - Untermenü-Icons Lagerverwaltung */
body[data-page="lagerverwaltung_menu"] .dashboard-bg-icon-v859,
.page-lagerverwaltung-menu .dashboard-bg-icon-v859,
body.lagerverwaltung-menu .dashboard-bg-icon-v859{
  width:86px!important;
  height:86px!important;
  right:18px!important;
  border-radius:15px!important;
}
body[data-page="lagerverwaltung_menu"] .ios-dashboard-body,
.page-lagerverwaltung-menu .ios-dashboard-body,
body.lagerverwaltung-menu .ios-dashboard-body{
  max-width:calc(100% - 118px)!important;
}
@media(max-width:760px){
  body[data-page="lagerverwaltung_menu"] .dashboard-bg-icon-v859,
  .page-lagerverwaltung-menu .dashboard-bg-icon-v859,
  body.lagerverwaltung-menu .dashboard-bg-icon-v859{width:74px!important;height:74px!important;right:14px!important;border-radius:13px!important;}
  body[data-page="lagerverwaltung_menu"] .ios-dashboard-body,
  .page-lagerverwaltung-menu .ios-dashboard-body,
  body.lagerverwaltung-menu .ios-dashboard-body{max-width:calc(100% - 98px)!important;}
}


/* Version 8.65 - Untermenü-Icons Berechnungshilfen */
body[data-page="berechnungshilfen_menu"] .dashboard-bg-icon-v859,
.page-berechnungshilfen-menu .dashboard-bg-icon-v859,
body.berechnungshilfen-menu .dashboard-bg-icon-v859{
  width:88px!important;
  height:88px!important;
  right:18px!important;
  border-radius:16px!important;
}
body[data-page="berechnungshilfen_menu"] .ios-dashboard-body,
.page-berechnungshilfen-menu .ios-dashboard-body,
body.berechnungshilfen-menu .ios-dashboard-body{
  max-width:calc(100% - 122px)!important;
}
@media(max-width:760px){
  body[data-page="berechnungshilfen_menu"] .dashboard-bg-icon-v859,
  .page-berechnungshilfen-menu .dashboard-bg-icon-v859,
  body.berechnungshilfen-menu .dashboard-bg-icon-v859{width:74px!important;height:74px!important;right:14px!important;border-radius:13px!important;}
  body[data-page="berechnungshilfen_menu"] .ios-dashboard-body,
  .page-berechnungshilfen-menu .ios-dashboard-body,
  body.berechnungshilfen-menu .ios-dashboard-body{max-width:calc(100% - 98px)!important;}
}


/* Version 8.67 - Untermenü-Icons Verwaltung */
body[data-page="einstellungen_menu"] .dashboard-bg-icon-v859,
.page-einstellungen-menu .dashboard-bg-icon-v859,
body.einstellungen-menu .dashboard-bg-icon-v859{
  width:86px!important;
  height:86px!important;
  right:18px!important;
  border-radius:15px!important;
}
body[data-page="einstellungen_menu"] .ios-dashboard-body,
.page-einstellungen-menu .ios-dashboard-body,
body.einstellungen-menu .ios-dashboard-body{
  max-width:calc(100% - 118px)!important;
}
@media(max-width:760px){
  body[data-page="einstellungen_menu"] .dashboard-bg-icon-v859,
  .page-einstellungen-menu .dashboard-bg-icon-v859,
  body.einstellungen-menu .dashboard-bg-icon-v859{width:74px!important;height:74px!important;right:14px!important;border-radius:13px!important;}
  body[data-page="einstellungen_menu"] .ios-dashboard-body,
  .page-einstellungen-menu .ios-dashboard-body,
  body.einstellungen-menu .ios-dashboard-body{max-width:calc(100% - 98px)!important;}
}


/* Version 8.69 - Menülogo links in Überschriftenkachel */
.hero-menu-layout-v869{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
.hero-card.hero-with-menu-logo-v869 .hero-menu-layout-v869{
  display:flex!important;
}
.hero-card.hero-with-menu-logo-v869 .ios-hero-v14-copy,
.hero-card.hero-with-menu-logo-v869 .hero-brand-copy-v79,
.page-title-card.hero-with-menu-logo-v869 .hero-menu-text-v869{
  min-width:0!important;
  flex:1 1 auto!important;
}
.hero-menu-logo-v869{
  flex:0 0 auto!important;
  width:104px!important;
  height:104px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
}
.hero-menu-logo-img-v869{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:none;
}
:root[data-theme="dark"] .hero-menu-logo-dark-v869{display:block!important;}
:root[data-theme="dark"] .hero-menu-logo-light-v869{display:none!important;}
:root[data-theme="light"] .hero-menu-logo-light-v869{display:block!important;}
:root[data-theme="light"] .hero-menu-logo-dark-v869{display:none!important;}
.page-title-card.hero-with-menu-logo-v869 > div,
.page-title-card.hero-with-menu-logo-v869 .hero-menu-layout-v869{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
}
@media (max-width: 760px){
  .hero-menu-logo-v869{
    width:82px!important;
    height:82px!important;
    border-radius:16px!important;
  }
  .hero-card.hero-with-menu-logo-v869 .hero-menu-layout-v869,
  .page-title-card.hero-with-menu-logo-v869 > div,
  .page-title-card.hero-with-menu-logo-v869 .hero-menu-layout-v869{
    gap:14px!important;
  }
}
@media (max-width: 560px){
  .hero-menu-logo-v869{
    width:70px!important;
    height:70px!important;
    border-radius:14px!important;
  }
  .hero-card.hero-with-menu-logo-v869 .hero-menu-layout-v869,
  .page-title-card.hero-with-menu-logo-v869 > div,
  .page-title-card.hero-with-menu-logo-v869 .hero-menu-layout-v869{
    gap:12px!important;
  }
}

/* Version 8.70 - Designvereinheitlichung Hero, Buchung, QR und Artikelstamm */
:root{
  --erp-tile-bg-dark-v870:#2c2d31;
  --erp-tile-bg-light-v870:#eff0f5;
  --erp-tile-hover-dark-v870:#303139;
  --erp-tile-hover-light-v870:#f3f4f8;
}

/* Hero-/Überschrift-Kacheln: keine Farbverläufe mehr, gleiche Grundfarbe wie Menü-Kacheln */
.hero-card,
.page-title-card,
.article-editor-hero-v29,
.qr-hero-v29,
.booking-hero-v15,
.booking-hero-v80,
.datasheet-hero-v75,
.dba-hero-v744,
.alex-admin-hero-v744,
.sz-hero-v724,
.hero-brand-v79,
.clean-main-hero-v30{
  background:var(--erp-tile-bg-dark-v870)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
:root[data-theme="light"] .hero-card,
:root[data-theme="light"] .page-title-card,
:root[data-theme="light"] .article-editor-hero-v29,
:root[data-theme="light"] .qr-hero-v29,
:root[data-theme="light"] .booking-hero-v15,
:root[data-theme="light"] .booking-hero-v80,
:root[data-theme="light"] .datasheet-hero-v75,
:root[data-theme="light"] .dba-hero-v744,
:root[data-theme="light"] .alex-admin-hero-v744,
:root[data-theme="light"] .sz-hero-v724,
:root[data-theme="light"] .hero-brand-v79,
:root[data-theme="light"] .clean-main-hero-v30{
  background:var(--erp-tile-bg-light-v870)!important;
  background-image:none!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 14px 34px rgba(20,25,30,.07), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.hero-card .hero-layer,
.hero-card .hero-layer-a,
.hero-card .hero-layer-b,
.hero-card .hero-layer-c,
.page-title-card::before,
.page-title-card::after,
.booking-stage-card::before{
  opacity:0!important;
  display:none!important;
}

/* Kacheln/Karten ebenfalls ruhiger und einheitlicher */
.article-editor-card,
.booking-stage-card,
.qr-print-area,
.status-glass-card,
.empty-card,
.search-empty-card{
  background:rgba(44,45,49,.92)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
:root[data-theme="light"] .article-editor-card,
:root[data-theme="light"] .booking-stage-card,
:root[data-theme="light"] .qr-print-area,
:root[data-theme="light"] .status-glass-card,
:root[data-theme="light"] .empty-card,
:root[data-theme="light"] .search-empty-card{
  background:rgba(239,240,245,.94)!important;
  background-image:none!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 13px 30px rgba(20,25,30,.07), inset 0 1px 0 rgba(255,255,255,.72)!important;
}

/* Wareneingang / Warenausgang: gleiche ERP-Optik, aber klare Stufen und mobil sauber */
.booking-hero-v15,
.booking-hero-v80{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-height:112px!important;
  padding:24px!important;
}
.booking-hero-v15 .booking-hero-copy,
.booking-hero-v80 > div{
  min-width:0!important;
  flex:1 1 auto!important;
}
.booking-status-card{
  width:min(340px, 36vw)!important;
  flex:0 0 auto!important;
  justify-self:auto!important;
}
.booking-shell-v15{
  width:min(100%, 1500px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.booking-shell-v15 > .project-required-card{
  grid-column:span 5!important;
}
.booking-shell-v15 > .article-load-card{
  grid-column:span 7!important;
}
.booking-shell-v15 > .positions-card{
  grid-column:1 / -1!important;
}
.booking-stage-card{
  border-radius:28px!important;
  padding:20px!important;
  min-width:0!important;
}
.booking-stage-head h2,
.project-required-card h2,
.article-load-card h2,
.positions-card h2{
  font-size:clamp(1.15rem, 1.4vw, 1.55rem)!important;
  line-height:1.12!important;
}
.project-results{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
.booking-inline-hint{
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
:root[data-theme="light"] .booking-inline-hint{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(15,23,42,.08)!important;
}

/* Artikel bearbeiten: auf breiten Monitoren nicht verschachteln/zusammendrücken */
.article-edit-layout,
.article-edit-layout-v57{
  width:min(100%, 1540px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(330px,.72fr) minmax(660px,1.28fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.article-edit-layout > .article-editor-card,
.article-edit-layout-v57 > .article-editor-card{
  min-width:0!important;
  border-radius:28px!important;
  padding:20px!important;
}
.article-edit-layout > .article-editor-card:nth-child(2),
.article-edit-layout-v57 > .article-editor-card:nth-child(2){
  overflow:visible!important;
}
.article-smart-form-v853{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:16px!important;
  padding:0!important;
}
.article-form-block-v853{
  border-radius:22px!important;
  padding:16px!important;
}
.article-form-block-basis-v853{grid-column:span 5!important;}
.article-form-block-masse-v853{grid-column:span 4!important;}
.article-form-block-preise-v853{grid-column:span 3!important;}
.article-form-block-lager-v853{grid-column:span 4!important;}
.article-form-block-notizen-v853{grid-column:span 4!important;}
.article-form-block-weitere-v853{grid-column:span 4!important;}
.article-form-block-grid-v852{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:10px!important;
}
.article-form-block-preise-v853 .article-form-block-grid-v852{
  grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;
}
.article-form-block-grid-v852 label{
  border-radius:14px!important;
}
.article-form-actions{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  padding-top:4px!important;
}
.article-form-actions .btn{
  min-height:46px!important;
}

/* QR-Codes: breite Ansicht begrenzen und Vorschau/Listen sauberer führen */
.qr-layout-v29{
  width:min(100%, 1540px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(330px,.82fr) minmax(560px,1.18fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.qr-layout-v29 > .article-editor-card{
  min-width:0!important;
  border-radius:28px!important;
  padding:20px!important;
}
.qr-controls{
  grid-template-columns:minmax(220px,1fr) auto auto!important;
  gap:12px!important;
  align-items:end!important;
}
.qr-selected-item{
  grid-template-columns:minmax(0,1fr) minmax(88px,120px) 38px!important;
  gap:10px!important;
}
.qr-print-area{
  width:min(100%, 1540px)!important;
  margin:0 auto 18px!important;
  border-radius:28px!important;
  padding:20px!important;
}
.qr-print-labels{
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr))!important;
}
.search-line{
  gap:12px!important;
}
.search-line .search-input{
  min-width:0!important;
}
.search-line .btn,
.search-line .icon-btn{
  flex:0 0 auto!important;
}

/* Desktop breit: lieber ruhige Breiten statt auseinandergezogene Kacheln */
@media (min-width: 1580px){
  .article-edit-layout,
  .article-edit-layout-v57,
  .qr-layout-v29,
  .booking-shell-v15,
  .qr-print-area{
    max-width:1560px!important;
  }
}

/* Tablet/kleiner Desktop: alles klar untereinander */
@media (max-width: 1180px){
  .article-edit-layout,
  .article-edit-layout-v57,
  .qr-layout-v29,
  .booking-shell-v15{
    grid-template-columns:1fr!important;
  }
  .booking-shell-v15 > .project-required-card,
  .booking-shell-v15 > .article-load-card,
  .booking-shell-v15 > .positions-card{
    grid-column:1 / -1!important;
  }
  .article-form-block-basis-v853,
  .article-form-block-masse-v853,
  .article-form-block-preise-v853,
  .article-form-block-lager-v853,
  .article-form-block-notizen-v853,
  .article-form-block-weitere-v853{
    grid-column:span 6!important;
  }
  .booking-status-card{
    width:100%!important;
  }
  .booking-hero-v15,
  .booking-hero-v80{
    flex-wrap:wrap!important;
  }
}

/* Handy: große Touchflächen, keine Mini-Spalten */
@media (max-width: 760px){
  .hero-card,
  .page-title-card,
  .article-editor-hero-v29,
  .qr-hero-v29,
  .booking-hero-v15,
  .booking-hero-v80{
    border-radius:24px!important;
    padding:16px!important;
  }
  .hero-menu-logo-v869{
    width:64px!important;
    height:64px!important;
    border-radius:14px!important;
  }
  .hero-menu-layout-v869{
    gap:12px!important;
  }
  .article-editor-card,
  .booking-stage-card,
  .qr-print-area{
    border-radius:23px!important;
    padding:15px!important;
  }
  .search-line{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
  }
  .search-line .btn.primary{
    grid-column:1 / -1!important;
    width:100%!important;
    justify-content:center!important;
  }
  .project-results{
    grid-template-columns:1fr!important;
  }
  .article-smart-form-v853{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .article-form-block-basis-v853,
  .article-form-block-masse-v853,
  .article-form-block-preise-v853,
  .article-form-block-lager-v853,
  .article-form-block-notizen-v853,
  .article-form-block-weitere-v853,
  .article-form-block-v853{
    grid-column:1 / -1!important;
  }
  .article-form-block-grid-v852{
    grid-template-columns:1fr!important;
  }
  .article-form-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .article-form-actions .btn,
  .article-form-actions a.btn{
    width:100%!important;
    justify-content:center!important;
  }
  .qr-controls{
    grid-template-columns:1fr!important;
  }
  .qr-controls .btn{
    width:100%!important;
    justify-content:center!important;
  }
  .qr-selected-item{
    grid-template-columns:1fr!important;
  }
  .qr-selected-item .btn,
  .qr-selected-item button{
    width:100%!important;
  }
  .qr-print-labels{
    grid-template-columns:1fr!important;
  }
  .qr-print-card.label{
    grid-template-columns:92px minmax(0,1fr)!important;
    min-height:132px!important;
  }
  .qr-code-box img{
    width:88px!important;
  }
  .booking-inline-hint{
    grid-template-columns:1fr!important;
  }
}


/* Version 8.71 - Artikel-Art als Freitext, QR-Format zuerst, Projektanlage feiner */
.qr-layout-v871{
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
}
.qr-format-card-v871{
  max-width:100%!important;
}
.qr-controls-v871{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto auto!important;
  gap:12px!important;
  align-items:end!important;
}
.qr-search-card-v871 .search-line input:disabled,
.qr-search-card-v871 .icon-btn:disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
}
.qr-format-card-v871 .qr-selected-list{
  margin-top:14px!important;
}

.project-create-card-v45{
  padding:14px!important;
  border-radius:24px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.project-create-card-v45 > div:first-child,
.project-create-card-v45 .project-create-head-v45{
  background:var(--card2)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  padding:12px 14px!important;
  margin:0 0 12px!important;
  align-items:center!important;
}
.project-create-card-v45 .section-kicker{
  display:inline-flex!important;
  width:max-content!important;
  margin:0 0 5px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:rgba(143,23,36,.10)!important;
  color:var(--text)!important;
  font-size:.64rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.project-create-head-v45 h2{
  font-size:1.05rem!important;
  margin:0 0 4px!important;
  letter-spacing:-.02em!important;
}
.project-create-head-v45 p:not(.section-kicker){
  color:var(--muted)!important;
  font-size:.84rem!important;
  line-height:1.35!important;
}
.project-create-card-v45 > div:first-child .btn,
.project-create-card-v45 .project-create-head-v45 .btn{
  background:var(--wws-neutral-btn-bg)!important;
  color:var(--text)!important;
  border-color:var(--wws-neutral-btn-border)!important;
}
.project-create-form-v45{
  grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr) minmax(150px,.55fr) auto!important;
}

@media(max-width:760px){
  .qr-controls-v871{
    grid-template-columns:1fr!important;
  }
  .qr-controls-v871 .btn,
  .qr-controls-v871 button{
    width:100%!important;
  }
  .project-create-card-v45 > div:first-child,
  .project-create-card-v45 .project-create-head-v45{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .project-create-card-v45 .project-create-head-v45 .btn{
    width:100%!important;
  }
  .project-create-form-v45{
    grid-template-columns:1fr!important;
  }
}


/* Version 8.72 - Breadcrumb, Hero-Farben und Warenausgang ohne Statusbox */
:root{
  --erp-red-v872:#8f1f22;
  --erp-red-strong-v872:#b91c1c;
  --erp-tile-dark-v872:#2c2d31;
  --erp-tile-light-v872:#eff0f5;
  --erp-tile-dark-border-v872:rgba(255,255,255,.10);
  --erp-tile-light-border-v872:rgba(15,23,42,.10);
}

/* Hero-/Überschriftbereiche und Menü-Hero wirklich wie die Menü-Kacheln, ohne Verlauf */
.hero-card,
.hero-card.menu-parallax,
.hero-card.clean-main-hero-v30,
.hero-card.ios-hero-v14,
.hero-brand-v79,
.clean-main-hero-v30,
.page-title-card,
.page-title-card.menu-parallax,
.page-title-card.clean-main-hero-v30,
.article-editor-hero-v29,
.qr-hero-v29,
.booking-hero-v15,
.booking-hero-v80,
.datasheet-hero-v75,
.dba-hero-v744,
.alex-admin-hero-v744,
.sz-hero-v724{
  background:var(--erp-tile-dark-v872)!important;
  background-image:none!important;
  border:1px solid var(--erp-tile-dark-border-v872)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
:root[data-theme="light"] .hero-card,
:root[data-theme="light"] .hero-card.menu-parallax,
:root[data-theme="light"] .hero-card.clean-main-hero-v30,
:root[data-theme="light"] .hero-card.ios-hero-v14,
:root[data-theme="light"] .hero-brand-v79,
:root[data-theme="light"] .clean-main-hero-v30,
:root[data-theme="light"] .page-title-card,
:root[data-theme="light"] .page-title-card.menu-parallax,
:root[data-theme="light"] .page-title-card.clean-main-hero-v30,
:root[data-theme="light"] .article-editor-hero-v29,
:root[data-theme="light"] .qr-hero-v29,
:root[data-theme="light"] .booking-hero-v15,
:root[data-theme="light"] .booking-hero-v80,
:root[data-theme="light"] .datasheet-hero-v75,
:root[data-theme="light"] .dba-hero-v744,
:root[data-theme="light"] .alex-admin-hero-v744,
:root[data-theme="light"] .sz-hero-v724{
  background:var(--erp-tile-light-v872)!important;
  background-image:none!important;
  border-color:var(--erp-tile-light-border-v872)!important;
  box-shadow:0 14px 34px rgba(20,25,30,.07), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.hero-card::before,
.hero-card::after,
.hero-card .hero-layer,
.hero-card .hero-layer-a,
.hero-card .hero-layer-b,
.hero-card .hero-layer-c,
.page-title-card::before,
.page-title-card::after{
  display:none!important;
  opacity:0!important;
  background:none!important;
}

/* Warenausgang: Hero ohne rechte Warn-/Statusbox sauber einspaltig */
.booking-hero-ausgang{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.booking-hero-ausgang .booking-hero-copy{
  width:100%!important;
  max-width:920px!important;
}
.booking-hero-ausgang .booking-status-card,
.booking-hero-ausgang .status-glass-card{
  display:none!important;
}

/* Breadcrumb im gleichen Kachelton, Text immer rot; aktuelle Seite neutral ohne Bold/Underline */
.app-breadcrumb-v815{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0 0 12px!important;
  padding:7px 9px!important;
  border-radius:18px!important;
  background:var(--erp-tile-dark-v872)!important;
  background-image:none!important;
  border:1px solid var(--erp-tile-dark-border-v872)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:var(--erp-red-strong-v872)!important;
  font-size:.66rem!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
}
:root[data-theme="light"] .app-breadcrumb-v815{
  background:var(--erp-tile-light-v872)!important;
  border-color:var(--erp-tile-light-border-v872)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.app-breadcrumb-v815 a,
.app-breadcrumb-v815 .current{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 7px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:var(--erp-red-strong-v872)!important;
  opacity:1!important;
  text-decoration:none!important;
  text-transform:none!important;
  font-weight:700!important;
}
.app-breadcrumb-v815 a:hover{
  background:rgba(185,28,28,.08)!important;
  border-radius:999px!important;
  text-decoration:none!important;
}
.app-breadcrumb-v815 .current{
  font-weight:700!important;
  text-decoration:none!important;
  text-decoration-thickness:0!important;
  text-underline-offset:0!important;
}
.app-breadcrumb-sep-v815{
  color:var(--erp-red-strong-v872)!important;
  opacity:.7!important;
}
:root[data-theme="light"] .app-breadcrumb-v815 a,
:root[data-theme="light"] .app-breadcrumb-v815 .current,
:root[data-theme="light"] .app-breadcrumb-sep-v815{
  color:var(--erp-red-v872)!important;
}
:root[data-theme="light"] .app-breadcrumb-v815 a:hover{
  background:rgba(143,31,34,.08)!important;
}
@media(max-width:760px){
  .app-breadcrumb-v815{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    padding:6px 8px 8px!important;
    gap:4px!important;
    border-radius:16px!important;
    font-size:.60rem!important;
  }
  .app-breadcrumb-v815 a,
  .app-breadcrumb-v815 .current{
    min-height:22px!important;
    padding:3px 6px!important;
    flex:0 0 auto!important;
  }
}


/* Version 8.73 - Breitmodus: Hero-Breiten, Breadcrumb-Kontrast, Lagerbestand-Suche */
:root[data-layout="desktop"]{
  --erp-wide-content-v873:min(100%, 1500px);
  --erp-wide-edit-v873:min(100%, 1540px);
}

/* Nur Breitmodus: Breadcrumbs im Darkmode besser lesbar */
:root[data-theme="dark"][data-layout="desktop"] .app-breadcrumb-v815,
:root[data-theme="dark"][data-layout="desktop"] .app-breadcrumb-v815 a,
:root[data-theme="dark"][data-layout="desktop"] .app-breadcrumb-v815 .current,
:root[data-theme="dark"][data-layout="desktop"] .app-breadcrumb-sep-v815{
  color:#f5f7fb!important;
}
:root[data-theme="dark"][data-layout="desktop"] .app-breadcrumb-v815 a:hover{
  background:rgba(255,255,255,.08)!important;
}
:root[data-layout="desktop"] .app-breadcrumb-v815 .current{
  font-weight:700!important;
  text-decoration:none!important;
}

/* Nur Breitmodus: Haupt-/Untermenü-Hero wie Kacheln, ohne Sonderverlauf */
:root[data-layout="desktop"] .hero-card,
:root[data-layout="desktop"] .hero-card.menu-parallax,
:root[data-layout="desktop"] .hero-card.clean-main-hero-v30,
:root[data-layout="desktop"] .hero-card.ios-hero-v14,
:root[data-layout="desktop"] .hero-brand-v79,
:root[data-layout="desktop"] .clean-main-hero-v30,
:root[data-layout="desktop"] .page-title-card,
:root[data-layout="desktop"] .page-title-card.menu-parallax,
:root[data-layout="desktop"] .page-title-card.clean-main-hero-v30{
  background:#2c2d31!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.10)!important;
}
:root[data-theme="light"][data-layout="desktop"] .hero-card,
:root[data-theme="light"][data-layout="desktop"] .hero-card.menu-parallax,
:root[data-theme="light"][data-layout="desktop"] .hero-card.clean-main-hero-v30,
:root[data-theme="light"][data-layout="desktop"] .hero-card.ios-hero-v14,
:root[data-theme="light"][data-layout="desktop"] .hero-brand-v79,
:root[data-theme="light"][data-layout="desktop"] .clean-main-hero-v30,
:root[data-theme="light"][data-layout="desktop"] .page-title-card,
:root[data-theme="light"][data-layout="desktop"] .page-title-card.menu-parallax,
:root[data-theme="light"][data-layout="desktop"] .page-title-card.clean-main-hero-v30{
  background:#eff0f5!important;
  background-image:none!important;
  border-color:rgba(15,23,42,.10)!important;
}

/* Nur Breitmodus: Hero-Breite an darunterliegenden Hauptbereich angleichen */
:root[data-layout="desktop"] body[data-page="wareneingang"] .page-title-card,
:root[data-layout="desktop"] body[data-page="warenausgang"] .page-title-card,
:root[data-layout="desktop"] body[data-page="lagerbestand"] .page-title-card,
:root[data-layout="desktop"] body[data-page="qr_druck"] .page-title-card{
  width:var(--erp-wide-content-v873)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
:root[data-layout="desktop"] body[data-page="artikel_bearbeiten"] .page-title-card,
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .page-title-card{
  width:var(--erp-wide-edit-v873)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
:root[data-layout="desktop"] body[data-page="wareneingang"] .booking-shell-v15,
:root[data-layout="desktop"] body[data-page="warenausgang"] .booking-shell-v15,
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-actions-v27,
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-search-panel,
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-grid,
:root[data-layout="desktop"] body[data-page="qr_druck"] .qr-layout-v29,
:root[data-layout="desktop"] body[data-page="qr_druck"] .qr-print-area{
  width:var(--erp-wide-content-v873)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Lagerbestand: Suchbereich ruhiger, weniger auseinandergezogen im Breitmodus */
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-actions-v27{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
:root[data-theme="light"][data-layout="desktop"] body[data-page="lagerbestand"] .inventory-actions-v27{
  background:#eff0f5!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.70)!important;
}
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-search-panel{
  display:grid!important;
  grid-template-columns:minmax(240px, .36fr) minmax(520px, .64fr)!important;
  align-items:end!important;
  gap:18px!important;
  padding:18px!important;
  border-radius:26px!important;
}
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-search-panel .search-title{
  margin:0!important;
}
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-search-panel .search-line{
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) 54px auto!important;
  gap:12px!important;
  align-items:center!important;
}
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-search-panel .search-input{
  min-height:54px!important;
}
:root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-search-panel .clear-btn{
  grid-column:2!important;
  justify-self:start!important;
  margin-top:0!important;
}

/* Breitmodus: Wareneingang/Warenausgang Hero und Content bündig */
:root[data-layout="desktop"] body[data-page="wareneingang"] .booking-hero-v80,
:root[data-layout="desktop"] body[data-page="warenausgang"] .booking-hero-v15{
  min-height:118px!important;
  padding:22px 24px!important;
}
:root[data-layout="desktop"] body[data-page="wareneingang"] .booking-shell-v15,
:root[data-layout="desktop"] body[data-page="warenausgang"] .booking-shell-v15{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:20px!important;
}
:root[data-layout="desktop"] body[data-page="wareneingang"] .booking-shell-v15 > .project-required-card,
:root[data-layout="desktop"] body[data-page="warenausgang"] .booking-shell-v15 > .project-required-card{
  grid-column:span 5!important;
}
:root[data-layout="desktop"] body[data-page="wareneingang"] .booking-shell-v15 > .article-load-card,
:root[data-layout="desktop"] body[data-page="warenausgang"] .booking-shell-v15 > .article-load-card{
  grid-column:span 7!important;
}
:root[data-layout="desktop"] body[data-page="wareneingang"] .booking-shell-v15 > .positions-card,
:root[data-layout="desktop"] body[data-page="warenausgang"] .booking-shell-v15 > .positions-card{
  grid-column:1/-1!important;
}

/* Breitmodus: QR-Seite gleiche Breite wie Hero und angenehme Reihenfolge */
:root[data-layout="desktop"] body[data-page="qr_druck"] .qr-layout-v871{
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
}
:root[data-layout="desktop"] body[data-page="qr_druck"] .qr-format-card-v871,
:root[data-layout="desktop"] body[data-page="qr_druck"] .qr-search-card-v871{
  border-radius:26px!important;
  padding:20px!important;
}

@media(max-width:900px){
  :root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-search-panel{
    grid-template-columns:1fr!important;
  }
  :root[data-layout="desktop"] body[data-page="lagerbestand"] .inventory-search-panel .search-line{
    grid-template-columns:1fr 54px auto!important;
  }
}


/* Version 8.74 - 4-stufiger OPTIK-Regler + getrennte Hintergrundbilder + Breadcrumb-Breite */
.optik-row-v874{gap:8px!important;}
.optik-switch-v874{
  position:relative!important;
  width:142px!important;
  min-height:46px!important;
  padding:5px 8px 6px!important;
  border-radius:18px!important;
  border:1px solid var(--line)!important;
  background:var(--button)!important;
  color:var(--text)!important;
  cursor:pointer!important;
  display:grid!important;
  grid-template-rows:18px 14px!important;
  gap:3px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.optik-track-v874{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:center!important;
  height:18px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  overflow:hidden!important;
}
:root[data-theme="light"] .optik-track-v874{background:rgba(15,23,42,.08)!important;border-color:rgba(15,23,42,.10)!important;}
.optik-dot-v874{position:relative!important;z-index:2!important;width:5px!important;height:5px!important;border-radius:50%!important;background:rgba(255,255,255,.50)!important;justify-self:center!important;}
:root[data-theme="light"] .optik-dot-v874{background:rgba(15,23,42,.36)!important;}
.optik-knob-v874{
  position:absolute!important;
  z-index:1!important;
  top:2px!important;
  left:2px!important;
  width:calc(25% - 4px)!important;
  height:12px!important;
  border-radius:999px!important;
  background:#8f1f22!important;
  box-shadow:0 2px 8px rgba(0,0,0,.25)!important;
  transition:transform .18s ease!important;
}
:root[data-optik="dark1"] .optik-knob-v874{transform:translateX(0)!important;}
:root[data-optik="dark2"] .optik-knob-v874{transform:translateX(calc(100% + 4px))!important;}
:root[data-optik="light1"] .optik-knob-v874{transform:translateX(calc(200% + 8px))!important;}
:root[data-optik="light2"] .optik-knob-v874{transform:translateX(calc(300% + 12px))!important;}
.optik-labels-v874{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;font-size:.58rem!important;font-weight:900!important;letter-spacing:.04em!important;line-height:1!important;color:var(--muted)!important;text-align:center!important;}
:root[data-optik="dark1"] .optik-labels-v874 span:nth-child(1),
:root[data-optik="dark2"] .optik-labels-v874 span:nth-child(2),
:root[data-optik="light1"] .optik-labels-v874 span:nth-child(3),
:root[data-optik="light2"] .optik-labels-v874 span:nth-child(4){color:var(--text)!important;}

/* Hintergrundbild unabhängig von der Designhelligkeit wählen */
:root[data-bg-variant="dark"] body,
:root[data-bg-variant="dark"] body:has(.year-calendar-v33){
  background-color:#090d13!important;
  background-image:linear-gradient(rgba(9,13,19,.04),rgba(9,13,19,.04)),url("bg-dunkel-v814.jpg")!important;
}
:root[data-bg-variant="light"] body,
:root[data-bg-variant="light"] body:has(.year-calendar-v33){
  background-color:#eef0f2!important;
  background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url("bg-hell-v814.jpg")!important;
}
:root[data-bg-variant="dark"] body::before,
:root[data-bg-variant="dark"][data-layout="desktop"] body::before{background-image:url("bg-dunkel-v814.jpg")!important;}
:root[data-bg-variant="light"] body::before,
:root[data-bg-variant="light"][data-layout="desktop"] body::before{background-image:url("bg-hell-v814.jpg")!important;}
:root[data-bg-variant="dark"] .login-body{background-image:linear-gradient(rgba(9,13,19,.12),rgba(9,13,19,.12)),url("bg-dunkel-v814.jpg")!important;background-color:#090d13!important;}
:root[data-bg-variant="light"] .login-body{background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url("bg-hell-v814.jpg")!important;background-color:#eef0f2!important;}

/* Breadcrumb-Breite im Breitmodus passend zu den jeweiligen Seitenbereichen */
:root[data-layout="desktop"] body[data-page="wareneingang"] .app-breadcrumb-v815,
:root[data-layout="desktop"] body[data-page="warenausgang"] .app-breadcrumb-v815,
:root[data-layout="desktop"] body[data-page="lagerbestand"] .app-breadcrumb-v815,
:root[data-layout="desktop"] body[data-page="qr_druck"] .app-breadcrumb-v815,
:root[data-layout="desktop"] body[data-page="projektabwicklung"] .app-breadcrumb-v815{
  width:var(--erp-wide-content-v873)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
:root[data-layout="desktop"] body[data-page="artikel_bearbeiten"] .app-breadcrumb-v815,
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .app-breadcrumb-v815{
  width:var(--erp-wide-edit-v873)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
:root[data-layout="desktop"] body[data-page="volumenrechner"] .app-breadcrumb-v815,
:root[data-layout="desktop"] body[data-page="waermedurchgang"] .app-breadcrumb-v815,
:root[data-layout="desktop"] body[data-page="tuereinsaetze_verankerung"] .app-breadcrumb-v815{
  width:var(--erp-wide-content-v873)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:760px){.optik-switch-v874{width:124px!important;min-height:42px!important}.optik-labels-v874{font-size:.54rem!important}.switch-row-v24.header-switch-row-v812 strong{font-size:.64rem!important;}}

/* Version 8.75 - OPTIK-Regler kompakt wie BREIT-Schieber */
.optik-row-v874{
  gap:8px!important;
  min-height:34px!important;
  padding:4px 7px!important;
}
.optik-switch-v874{
  width:92px!important;
  min-width:92px!important;
  height:24px!important;
  min-height:24px!important;
  padding:2px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 5px 14px rgba(0,0,0,.10)!important;
}
:root[data-theme="light"] .optik-switch-v874{
  background:rgba(20,25,30,.08)!important;
  border-color:rgba(20,25,30,.12)!important;
}
.optik-track-v874{
  width:100%!important;
  height:20px!important;
  min-height:20px!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:center!important;
  overflow:visible!important;
}
.optik-labels-v874{display:none!important;}
.optik-dot-v874{
  width:4px!important;
  height:4px!important;
  opacity:.68!important;
}
.optik-knob-v874{
  top:2px!important;
  left:2px!important;
  width:calc(25% - 4px)!important;
  height:16px!important;
  border-radius:999px!important;
  background:#8f1f22!important;
  box-shadow:0 3px 8px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.30)!important;
}
:root[data-optik="dark1"] .optik-knob-v874{transform:translateX(0)!important;}
:root[data-optik="dark2"] .optik-knob-v874{transform:translateX(calc(100% + 4px))!important;}
:root[data-optik="light1"] .optik-knob-v874{transform:translateX(calc(200% + 8px))!important;}
:root[data-optik="light2"] .optik-knob-v874{transform:translateX(calc(300% + 12px))!important;}
@media(max-width:760px){
  .optik-switch-v874{width:84px!important;min-width:84px!important;height:24px!important;min-height:24px!important;}
}


/* Version 8.76 - Datenblatt Analyse PDF-Fenster bleibt im sichtbaren Bereich */
@media (min-width:981px){
  .dba-pdf-v744{
    top:92px!important;
    height:min(620px, calc(100vh - 118px))!important;
    max-height:calc(100vh - 118px)!important;
    min-height:360px!important;
    resize:both!important;
    overflow:hidden!important;
  }
  .dba-pdf-v744 iframe{
    height:100%!important;
    min-height:0!important;
    padding-top:44px!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:980px){
  .dba-pdf-v744{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    height:68vh!important;
    min-height:360px!important;
    max-height:none!important;
  }
}

/* Version 8.77 - Breadcrumbs in dunklen Optik-Stilen überall lesbar */
:root[data-theme="dark"] .app-breadcrumb-v815,
:root[data-theme="dark"] .app-breadcrumb-v815 a,
:root[data-theme="dark"] .app-breadcrumb-v815 .current,
:root[data-theme="dark"] .app-breadcrumb-sep-v815{
  color:#f4f5f8!important;
  text-decoration:none!important;
}
:root[data-theme="dark"] .app-breadcrumb-v815 a{
  opacity:.9!important;
  font-weight:600!important;
}
:root[data-theme="dark"] .app-breadcrumb-v815 .current{
  opacity:.92!important;
  font-weight:600!important;
  text-decoration:none!important;
  border-bottom:0!important;
}
:root[data-theme="dark"] .app-breadcrumb-v815 a:hover{
  color:#ffffff!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.08)!important;
}


/* Version 8.78 - Datenblätter-Untermenü und Feedback löschen */
.feedback-delete-form-v878{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}
.feedback-delete-form-v878 .btn.danger{
  border-color:rgba(143,23,36,.35)!important;
  color:#8f1724!important;
  background:rgba(143,23,36,.06)!important;
}
:root[data-theme="dark"] .feedback-delete-form-v878 .btn.danger{
  color:#ffffff!important;
  background:rgba(143,23,36,.28)!important;
  border-color:rgba(255,255,255,.14)!important;
}
body[data-page="datenblaetter_menu"] .dashboard-bg-icon-v859,
.page-datenblaetter-menu .dashboard-bg-icon-v859{
  width:86px!important;
  height:86px!important;
  right:18px!important;
  border-radius:15px!important;
}
body[data-page="datenblaetter_menu"] .ios-dashboard-body,
.page-datenblaetter-menu .ios-dashboard-body{
  max-width:calc(100% - 118px)!important;
}
@media(max-width:760px){
  body[data-page="datenblaetter_menu"] .dashboard-bg-icon-v859,
  .page-datenblaetter-menu .dashboard-bg-icon-v859{width:74px!important;height:74px!important;right:14px!important;border-radius:13px!important;}
  body[data-page="datenblaetter_menu"] .ios-dashboard-body,
  .page-datenblaetter-menu .ios-dashboard-body{max-width:calc(100% - 98px)!important;}
}


/* Version 8.80 - Testfunktionen bereinigt */
.alex-admin-grid-v744 .ios-dashboard-card{
  position:relative!important;
  overflow:hidden!important;
}
.alex-admin-grid-v744 .dashboard-bg-icon-v859{
  width:86px!important;
  height:86px!important;
}
@media(max-width:760px){
  .alex-admin-grid-v744 .dashboard-bg-icon-v859{width:74px!important;height:74px!important;}
}


/* Version 8.81 - Wareneingang/Warenausgang optisch finalisieren, QR unverändert */
body[data-page="wareneingang"] .booking-hero-v80,
body[data-page="warenausgang"] .booking-hero-v15,
body[data-page="wareneingang"] .booking-shell-v15,
body[data-page="warenausgang"] .booking-shell-v15{
  width:min(100%, 1420px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body[data-page="wareneingang"] .booking-hero-v80,
body[data-page="warenausgang"] .booking-hero-v15{
  min-height:116px!important;
  padding:22px 24px!important;
  border-radius:28px!important;
  background:#2c2d31!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
:root[data-theme="light"] body[data-page="wareneingang"] .booking-hero-v80,
:root[data-theme="light"] body[data-page="warenausgang"] .booking-hero-v15{
  background:#eff0f5!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
body[data-page="wareneingang"] .booking-shell-v15,
body[data-page="warenausgang"] .booking-shell-v15{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
}
body[data-page="wareneingang"] .booking-shell-v15 > .project-required-card,
body[data-page="warenausgang"] .booking-shell-v15 > .project-required-card{
  grid-column:span 5!important;
}
body[data-page="wareneingang"] .booking-shell-v15 > .article-load-card,
body[data-page="warenausgang"] .booking-shell-v15 > .article-load-card{
  grid-column:span 7!important;
}
body[data-page="wareneingang"] .booking-shell-v15 > .positions-card,
body[data-page="warenausgang"] .booking-shell-v15 > .positions-card{
  grid-column:1/-1!important;
}
body[data-page="wareneingang"] .booking-stage-card,
body[data-page="warenausgang"] .booking-stage-card{
  min-width:0!important;
  border-radius:28px!important;
  padding:22px!important;
  background:rgba(44,45,49,.92)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
:root[data-theme="light"] body[data-page="wareneingang"] .booking-stage-card,
:root[data-theme="light"] body[data-page="warenausgang"] .booking-stage-card{
  background:rgba(239,240,245,.94)!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
body[data-page="wareneingang"] .booking-stage-card::before,
body[data-page="warenausgang"] .booking-stage-card::before{
  display:none!important;
}
body[data-page="wareneingang"] .project-required-card,
body[data-page="warenausgang"] .project-required-card{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:14px!important;
}
body[data-page="wareneingang"] .project-required-card .project-picker,
body[data-page="warenausgang"] .project-required-card .project-picker{
  grid-column:1/-1!important;
}
body[data-page="wareneingang"] .booking-stage-head h2,
body[data-page="warenausgang"] .booking-stage-head h2{
  font-size:clamp(1.18rem,1.35vw,1.5rem)!important;
  line-height:1.12!important;
  margin:.12rem 0 .25rem!important;
  letter-spacing:-.025em!important;
}
body[data-page="wareneingang"] .booking-stage-head p,
body[data-page="warenausgang"] .booking-stage-head p{
  max-width:68ch!important;
}
body[data-page="wareneingang"] .booking-inline-hint,
body[data-page="warenausgang"] .booking-inline-hint{
  margin:12px 0!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 14px!important;
}
:root[data-theme="light"] body[data-page="wareneingang"] .booking-inline-hint,
:root[data-theme="light"] body[data-page="warenausgang"] .booking-inline-hint{
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(15,23,42,.08)!important;
}
body[data-page="wareneingang"] .booking-stage-card .search-panel,
body[data-page="warenausgang"] .booking-stage-card .search-panel{
  margin:10px 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page="wareneingang"] .booking-stage-card .search-line,
body[data-page="warenausgang"] .booking-stage-card .search-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px auto!important;
  align-items:center!important;
  gap:10px!important;
}
body[data-page="wareneingang"] .selected-list,
body[data-page="warenausgang"] .selected-list{
  margin-top:14px!important;
}
@media(max-width:1180px){
  body[data-page="wareneingang"] .booking-shell-v15,
  body[data-page="warenausgang"] .booking-shell-v15{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  body[data-page="wareneingang"] .booking-shell-v15 > .project-required-card,
  body[data-page="wareneingang"] .booking-shell-v15 > .article-load-card,
  body[data-page="wareneingang"] .booking-shell-v15 > .positions-card,
  body[data-page="warenausgang"] .booking-shell-v15 > .project-required-card,
  body[data-page="warenausgang"] .booking-shell-v15 > .article-load-card,
  body[data-page="warenausgang"] .booking-shell-v15 > .positions-card{
    grid-column:1/-1!important;
  }
}
@media(max-width:760px){
  body[data-page="wareneingang"] .booking-hero-v80,
  body[data-page="warenausgang"] .booking-hero-v15{
    min-height:auto!important;
    padding:16px!important;
    border-radius:24px!important;
  }
  body[data-page="wareneingang"] .booking-stage-card,
  body[data-page="warenausgang"] .booking-stage-card{
    padding:16px!important;
    border-radius:24px!important;
  }
  body[data-page="wareneingang"] .booking-stage-card .search-line,
  body[data-page="warenausgang"] .booking-stage-card .search-line{
    grid-template-columns:minmax(0,1fr) 54px!important;
  }
  body[data-page="wareneingang"] .booking-stage-card .search-line .btn.primary,
  body[data-page="warenausgang"] .booking-stage-card .search-line .btn.primary{
    grid-column:1/-1!important;
    width:100%!important;
  }
  body[data-page="wareneingang"] .booking-inline-hint,
  body[data-page="warenausgang"] .booking-inline-hint{
    border-radius:16px!important;
  }
}


/* Version 8.82 - Materialliste Datenblattstatus öffnet Datenblattwerte */
.material-datasheet-link-v882{
  color:inherit!important;
  font-weight:900!important;
  text-decoration:none!important;
  border-bottom:1px solid currentColor!important;
  cursor:pointer!important;
}
.material-datasheet-link-v882:hover{
  opacity:.82!important;
}

/* Version 8.83 - Excel-Modus Materialliste */
.material-excel-toggle-v883{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:4px 6px 4px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--text);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
  user-select:none;
}
:root[data-theme="light"] .material-excel-toggle-v883{
  background:rgba(15,23,42,.05);
  border-color:rgba(15,23,42,.10);
}
.material-excel-toggle-v883 input{position:absolute;opacity:0;pointer-events:none;}
.material-excel-toggle-v883 i{
  width:44px;
  height:24px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  position:relative;
  display:inline-block;
  box-shadow:inset 0 1px 8px rgba(0,0,0,.22);
}
.material-excel-toggle-v883 i::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border-radius:999px;
  left:3px;
  top:2px;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.22);
  transition:transform .16s ease, background .16s ease;
}
.material-excel-toggle-v883 input:checked + i{background:rgba(140,20,34,.88);}
.material-excel-toggle-v883 input:checked + i::after{transform:translateX(19px);background:#fff;}
body.material-excel-mode-v883 .material-table-v88 td.material-excel-editable-cell-v883{
  cursor:text;
  outline:1px dashed rgba(140,20,34,.24);
  outline-offset:-3px;
  background:rgba(140,20,34,.045);
  position:relative;
}
body.material-excel-mode-v883 .material-table-v88 td.material-excel-locked-cell-v883{
  cursor:not-allowed;
}
.material-excel-editor-v883{
  position:absolute;
  inset:3px;
  width:calc(100% - 6px);
  min-width:0;
  height:calc(100% - 6px);
  min-height:24px;
  border-radius:8px;
  border:1px solid rgba(140,20,34,.58);
  background:var(--field);
  color:var(--text);
  padding:2px 7px;
  font:inherit;
  font-size:.82rem;
  line-height:1.15;
  box-shadow:0 0 0 2px rgba(140,20,34,.16);
  z-index:4;
}
.material-excel-placeholder-v904{display:block;visibility:hidden;pointer-events:none;white-space:inherit;min-height:1em;}
.material-table-v88 td.editing-v883{padding:inherit!important;}
.material-table-v88 td.saving-v883{opacity:.65;}
.material-table-v88 td.saved-v883{box-shadow:inset 0 0 0 2px rgba(62,160,95,.55);}
.material-table-v88 td.error-v883{box-shadow:inset 0 0 0 2px rgba(210,60,75,.7);}
@media(max-width:760px){
  .material-excel-toggle-v883{width:100%;justify-content:space-between;}
}


/* Version 8.84 - Materialliste Excel-Verlauf, Lager-Helfer und Bestandfilter */
.material-desktop-actions-v721{
  gap:8px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
.material-excel-history-btn-v884:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
}
.material-unlinked-toggle-v884 span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  margin-left:6px;
  border-radius:999px;
  background:rgba(140,20,34,.14);
  color:var(--text);
  font-weight:900;
}
.material-unlinked-toggle-v884.active-v884{
  border-color:rgba(140,20,34,.44)!important;
  box-shadow:0 0 0 3px rgba(140,20,34,.10)!important;
}
.material-stock-toggle-v884{
  min-width:auto!important;
}
.material-stock-hidden-v884{
  display:none!important;
}
.material-unlinked-panel-v884{
  margin:10px 0 12px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  box-shadow:0 16px 46px rgba(0,0,0,.16);
}
:root[data-theme="light"] .material-unlinked-panel-v884{
  background:rgba(255,255,255,.72);
  border-color:rgba(15,23,42,.10);
}
.material-unlinked-head-v884{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.material-unlinked-head-v884 strong{
  display:block;
  font-size:1rem;
  margin-bottom:3px;
}
.material-unlinked-head-v884 span,
.material-unlinked-empty-v884{
  color:var(--muted);
  font-size:.86rem;
}
.material-unlinked-list-v884{
  display:grid;
  gap:8px;
  max-height:360px;
  overflow:auto;
  padding-right:4px;
}
.material-unlinked-row-v884{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(160px,220px) minmax(220px,1fr) auto;
  gap:8px;
  align-items:center;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.10);
}
:root[data-theme="light"] .material-unlinked-row-v884{
  background:rgba(15,23,42,.035);
  border-color:rgba(15,23,42,.08);
}
.material-unlinked-info-v884 strong,
.material-unlinked-info-v884 span{
  display:block;
}
.material-unlinked-info-v884 span{
  margin-top:3px;
  color:var(--muted);
  font-size:.78rem;
}
.material-unlinked-row-v884 select{
  width:100%;
  min-height:38px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:var(--input-bg, rgba(255,255,255,.08));
  color:var(--text);
  padding:7px 10px;
}
:root[data-theme="light"] .material-unlinked-row-v884 select{
  border-color:rgba(15,23,42,.12);
  background:rgba(255,255,255,.86);
}
@media(max-width:900px){
  .material-unlinked-row-v884{
    grid-template-columns:1fr;
  }
  .material-unlinked-head-v884{
    flex-direction:column;
  }
}
@media(max-width:760px){
  .material-desktop-actions-v721 > .btn,
  .material-desktop-actions-v721 > label{
    width:100%;
    justify-content:space-between!important;
  }
}


/* Version 8.85 - Materialliste Excel-Verknüpfung und kompakte History */
.material-excel-history-btn-v884{
  display:none!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:900!important;
}
body.material-excel-mode-v883 .material-excel-history-btn-v884{
  display:inline-flex!important;
}
.material-unlinked-row-v884 select[name="material_id"]{
  min-width:260px;
}
.material-unlinked-row-v884 button[disabled]{
  opacity:.45!important;
  cursor:not-allowed!important;
}

/* Version 8.86 - Materialliste Verknüpfung, schmale Karten und Tabellenkopf */
.material-unlinked-row-v884.material-unlinked-row-v886{
  grid-template-columns:minmax(260px,420px) minmax(280px,1fr) minmax(280px,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
}
.material-unlinked-control-v886{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}
.material-unlinked-control-v886 label{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
.material-unlinked-control-v886 label span{
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
}
.material-unlinked-control-v886 input,
.material-unlinked-control-v886 select,
.material-unlinked-row-v886 select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.material-unlinked-control-v886 input{
  min-height:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:var(--input-bg, rgba(255,255,255,.08))!important;
  color:var(--text)!important;
  padding:7px 10px!important;
}
:root[data-theme="light"] .material-unlinked-control-v886 input{
  border-color:rgba(15,23,42,.12)!important;
  background:rgba(255,255,255,.86)!important;
}
@media(max-width:1200px){
  .material-unlinked-row-v884.material-unlinked-row-v886{
    grid-template-columns:1fr 1fr!important;
  }
  .material-unlinked-row-v884.material-unlinked-row-v886 .material-unlinked-info-v884,
  .material-unlinked-row-v884.material-unlinked-row-v886 button[type="submit"]{
    grid-column:1/-1!important;
  }
}
@media(max-width:760px){
  .material-unlinked-row-v884.material-unlinked-row-v886{
    grid-template-columns:1fr!important;
  }
}
.material-allcells-v886{
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
}
.material-allcells-v886>strong{
  display:block!important;
  margin-bottom:9px!important;
  font-size:.92rem!important;
  color:var(--text)!important;
}
.material-allcells-grid-v886{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:8px!important;
}
.material-allcells-grid-v886>div{
  border-radius:14px!important;
  border:1px solid var(--line)!important;
  background:rgba(255,255,255,.06)!important;
  padding:9px 10px!important;
  min-width:0!important;
}
:root[data-theme="light"] .material-allcells-grid-v886>div{
  background:rgba(255,255,255,.78)!important;
}
.material-allcells-grid-v886 span{
  display:block!important;
  margin-bottom:4px!important;
  color:var(--muted)!important;
  font-size:.72rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.material-allcells-grid-v886 b{
  display:block!important;
  font-size:.9rem!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.material-table-v88 thead th[data-column-key="vk"],
.material-table-v88 th[data-column-key="vk"]{
  background:#dff3df!important;
  background-color:#dff3df!important;
  background-image:none!important;
  opacity:1!important;
  color:#23451f!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
:root[data-theme="dark"] .material-table-v88 thead th[data-column-key="vk"],
:root[data-theme="dark"] .material-table-v88 th[data-column-key="vk"]{
  background:#183322!important;
  background-color:#183322!important;
  background-image:none!important;
  color:#dff8dd!important;
}
.material-table-v88 td[data-column-key="vk"]{
  background:linear-gradient(145deg, rgba(43,138,62,.24), rgba(43,138,62,.10))!important;
}


/* Version 8.87 - Materialliste Performance im Breitmodus */
:root[data-layout="desktop"] .material-table-wrap-v88{
  contain: layout paint;
  content-visibility: auto;
  contain-intrinsic-size: 1200px 720px;
}
:root[data-layout="desktop"] .material-desktop-shell-v88,
:root[data-layout="desktop"] .material-unlinked-panel-v884,
:root[data-layout="desktop"] .material-filter-v84,
:root[data-layout="desktop"] .material-add-v84{
  contain: layout paint;
}
:root[data-layout="desktop"] .material-unlinked-list-v884{
  max-height: 52vh;
  overflow: auto;
  padding-right: 8px;
}
:root[data-layout="desktop"] .material-unlinked-row-v884.material-unlinked-row-v886{
  grid-template-columns: minmax(260px, .9fr) minmax(360px, 1.1fr) minmax(320px, 1fr) auto!important;
  align-items: end!important;
}
.material-link-unmatched-v887{
  border-color:#9b122f!important;
  box-shadow:0 0 0 3px rgba(155,18,47,.15)!important;
}
:root[data-layout="desktop"] .material-table-v88{
  will-change: auto;
}
:root[data-layout="desktop"] .material-table-v88 td,
:root[data-layout="desktop"] .material-table-v88 th{
  backface-visibility: hidden;
}


/* Version 8.88 - Materialliste Verknuepfung bleibt offen und Breitmodus stabiler */
.material-link-row-status-v888{
  grid-column:1/-1!important;
  display:none;
  margin-top:2px!important;
  padding:9px 12px!important;
  border-radius:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
  background:rgba(255,255,255,.14)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
}
.material-link-row-status-v888.is-pending-v888,
.material-link-row-status-v888.is-ok-v888,
.material-link-row-status-v888.is-error-v888{display:block!important;}
.material-link-row-status-v888.is-ok-v888{
  background:rgba(45,160,80,.22)!important;
  border-color:rgba(70,190,105,.42)!important;
  color:#f0fff2!important;
}
.material-link-row-status-v888.is-error-v888{
  background:rgba(170,28,45,.24)!important;
  border-color:rgba(220,70,86,.44)!important;
  color:#fff2f3!important;
}
:root[data-theme="light"] .material-link-row-status-v888{
  background:rgba(255,255,255,.90)!important;
  color:#5c0f1a!important;
  border-color:rgba(143,23,36,.18)!important;
}
:root[data-theme="light"] .material-link-row-status-v888.is-ok-v888{
  background:#eaf7ec!important;
  border-color:rgba(45,150,75,.26)!important;
  color:#174c25!important;
}
:root[data-theme="light"] .material-link-row-status-v888.is-error-v888{
  background:#fff0f1!important;
  border-color:rgba(170,28,45,.26)!important;
  color:#8f1724!important;
}
.material-unlinked-row-v884.material-unlinked-row-v886.is-linked-v888{
  opacity:.72!important;
  border-color:rgba(70,190,105,.34)!important;
}
.material-unlinked-row-v884.material-unlinked-row-v886.is-linked-v888 button[type="submit"]{
  opacity:.65!important;
}
:root[data-layout="desktop"] .material-table-wrap-v88{
  content-visibility:visible!important;
  contain:layout paint style!important;
  contain-intrinsic-size:auto!important;
  min-height:min(72vh,760px)!important;
  overflow-anchor:none!important;
}
:root[data-layout="desktop"] .material-desktop-shell-v88{
  min-height:calc(100vh - 230px)!important;
  overflow-anchor:none!important;
}
:root[data-layout="desktop"] .material-table-v88{
  min-width:1600px!important;
}
:root[data-layout="desktop"] .material-unlinked-panel-v884{
  content-visibility:visible!important;
  contain:layout paint style!important;
}
.import-message.ok{
  color:#f0fff2!important;
  background:rgba(45,160,80,.22)!important;
  border-color:rgba(70,190,105,.42)!important;
}
:root[data-theme="light"] .import-message.ok{
  color:#174c25!important;
  background:#eaf7ec!important;
  border-color:rgba(45,150,75,.26)!important;
}


/* Version 8.89 - Materialliste Ladeanzeige und bessere Verknuepfungsauswahl */
.material-desktop-shell-v889{position:relative!important;}
.material-load-overlay-v889{
  display:none;
  position:absolute;
  inset:0;
  z-index:30;
  align-items:flex-start;
  justify-content:center;
  padding:42px 18px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(9,13,19,.72), rgba(9,13,19,.45));
  backdrop-filter:blur(10px) saturate(130%);
  -webkit-backdrop-filter:blur(10px) saturate(130%);
}
:root[data-theme="light"] .material-load-overlay-v889{
  background:linear-gradient(180deg, rgba(239,240,245,.78), rgba(239,240,245,.50));
}
:root[data-layout="desktop"] body:not(.material-list-ready-v889) .material-load-overlay-v889{display:flex!important;}
.material-load-card-v889{
  width:min(520px, calc(100vw - 54px));
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:14px;
  align-items:center;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.16);
  background:#2c2d31;
  color:#fff;
  box-shadow:0 24px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
:root[data-theme="light"] .material-load-card-v889{
  background:#eff0f5;
  color:#20242d;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 24px 72px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.82);
}
.material-load-orb-v889{
  width:54px;
  height:54px;
  border-radius:18px;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.42), transparent 28%), linear-gradient(145deg, #8f1724, #5e0f18);
  box-shadow:0 16px 34px rgba(143,23,36,.34);
  position:relative;
  overflow:hidden;
}
.material-load-orb-v889::after{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:14px;
  border:3px solid rgba(255,255,255,.22);
  border-top-color:#fff;
  animation:materialSpinV889 .8s linear infinite;
}
@keyframes materialSpinV889{to{transform:rotate(360deg)}}
.material-load-copy-v889 strong,
.material-load-copy-v889 span{display:block;}
.material-load-copy-v889 strong{font-size:1.05rem;letter-spacing:-.02em;margin-bottom:4px;}
.material-load-copy-v889 span{font-size:.86rem;color:rgba(255,255,255,.72);}
:root[data-theme="light"] .material-load-copy-v889 span{color:#647084;}
.material-load-progress-v889{
  grid-column:1/-1;
  height:9px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  overflow:hidden;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.24);
}
:root[data-theme="light"] .material-load-progress-v889{background:rgba(15,23,42,.10);}
.material-load-progress-v889 i{
  display:block;
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg, #8f1724, #c24555, #8f1724);
  background-size:180% 100%;
  transition:width .24s ease;
  animation:materialLoadFlowV889 1.2s linear infinite;
}
@keyframes materialLoadFlowV889{to{background-position:180% 0}}
.material-load-card-v889 small{font-weight:900;color:#fff;min-width:44px;text-align:right;}
:root[data-theme="light"] .material-load-card-v889 small{color:#8f1724;}
body.material-list-ready-v889 .material-load-overlay-v889{opacity:0;pointer-events:none;transition:opacity .28s ease;}

.material-unlinked-info-v889 strong{font-size:.95rem!important;line-height:1.2!important;}
.material-unlinked-meta-grid-v889{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:8px;
}
.material-unlinked-meta-grid-v889 span{
  display:block!important;
  margin:0!important;
  padding:7px 8px;
  border-radius:11px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text)!important;
  font-size:.76rem!important;
  line-height:1.18!important;
  overflow-wrap:anywhere;
}
:root[data-theme="light"] .material-unlinked-meta-grid-v889 span{
  background:rgba(255,255,255,.78);
  border-color:rgba(15,23,42,.08);
}
.material-unlinked-meta-grid-v889 b{
  display:block;
  margin-bottom:2px;
  color:var(--muted);
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.material-link-hint-v889{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.70rem;
  line-height:1.2;
  font-style:normal;
}
:root[data-layout="desktop"] .material-unlinked-row-v884.material-unlinked-row-v886{
  grid-template-columns:minmax(340px,.95fr) minmax(420px,1.05fr) minmax(340px,.95fr) auto!important;
  align-items:start!important;
}
:root[data-layout="desktop"] .material-unlinked-list-v884{max-height:58vh!important;}
@media(max-width:1200px){.material-unlinked-meta-grid-v889{grid-template-columns:1fr;}}
@media(max-width:760px){
  .material-load-overlay-v889{display:none!important;}
  .material-unlinked-meta-grid-v889{grid-template-columns:1fr;}
}

/* Version 8.90 - Materialliste Verknuepfung: getrennte Bereiche und Auswahl-Details */
.material-unlinked-row-v884.material-unlinked-row-v886.material-unlinked-row-v890{
  grid-template-columns:minmax(320px,.9fr) minmax(420px,1.05fr) minmax(360px,1fr) auto!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.material-link-section-v890{
  min-width:0!important;
  padding:14px!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
}
:root[data-theme="light"] .material-link-section-v890{
  border-right-color:rgba(15,23,42,.10)!important;
}
.material-link-section-sheet-v890{border-right:none!important;}
.material-link-section-title-v890{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--text)!important;
}
.material-link-section-title-v890 span{
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(143,23,36,.20)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
:root[data-theme="light"] .material-link-section-title-v890 span{
  color:#8f1724!important;
  background:rgba(143,23,36,.10)!important;
}
.material-link-section-title-v890 strong{
  font-size:.78rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.material-link-action-v890{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  padding:14px!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
}
:root[data-theme="light"] .material-link-action-v890{border-left-color:rgba(15,23,42,.10)!important;}
.material-link-action-v890 .btn{white-space:nowrap!important;}
.material-link-selected-detail-v890{
  min-height:58px!important;
  padding:10px!important;
  border-radius:14px!important;
  border:1px dashed rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--muted)!important;
  font-size:.76rem!important;
  line-height:1.25!important;
}
:root[data-theme="light"] .material-link-selected-detail-v890{
  border-color:rgba(15,23,42,.14)!important;
  background:rgba(255,255,255,.62)!important;
}
.material-link-selected-detail-v890.has-selection-v890{
  color:var(--text)!important;
  border-style:solid!important;
  border-color:rgba(143,23,36,.24)!important;
  background:rgba(143,23,36,.075)!important;
}
.material-link-selected-detail-v890 strong{
  display:block!important;
  margin-bottom:8px!important;
  font-size:.86rem!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}
.material-link-selected-detail-v890 div{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.material-link-selected-detail-v890 span{
  display:block!important;
  padding:7px 8px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow-wrap:anywhere!important;
}
:root[data-theme="light"] .material-link-selected-detail-v890 span{
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(15,23,42,.08)!important;
}
.material-link-selected-detail-v890 b{
  display:block!important;
  margin-bottom:2px!important;
  color:var(--muted)!important;
  font-size:.62rem!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body.material-excel-mode-v883 .material-desktop-actions-v721{
  grid-auto-flow:column!important;
}
@media(max-width:1300px){
  .material-unlinked-row-v884.material-unlinked-row-v886.material-unlinked-row-v890{
    grid-template-columns:1fr 1fr!important;
  }
  .material-link-section-lager-v890,
  .material-link-action-v890,
  .material-link-row-status-v888{
    grid-column:1/-1!important;
  }
  .material-link-section-material-v890{border-left:none!important;}
  .material-link-section-sheet-v890{border-right:none!important;}
}
@media(max-width:820px){
  .material-unlinked-row-v884.material-unlinked-row-v886.material-unlinked-row-v890{
    grid-template-columns:1fr!important;
  }
  .material-link-section-v890{
    border-right:none!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  :root[data-theme="light"] .material-link-section-v890{border-bottom-color:rgba(15,23,42,.10)!important;}
  .material-link-section-sheet-v890{border-bottom:none!important;}
  .material-link-action-v890{
    justify-content:stretch!important;
    border-left:none!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  .material-link-action-v890 .btn{width:100%!important;}
  .material-link-selected-detail-v890 div{grid-template-columns:1fr!important;}
}


/* v8.91 Projektliste: Auslastung einfügen, Personalchips, kompakte Bearbeiten-Buttons */
.projekt-personal-row-v891{
  margin:8px 0 10px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  border:1px solid var(--line)!important;
  background:rgba(255,255,255,.50)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
:root[data-theme="dark"] .projekt-personal-row-v891{background:rgba(255,255,255,.07)!important;}
.projekt-personal-row-v891>b{font-size:.68rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--muted)!important;}
.projekt-personal-chips-v891{display:flex!important;gap:5px!important;flex-wrap:wrap!important;align-items:center!important;}
.projekt-personal-chips-v891 .person-chip-v741{width:25px!important;height:25px!important;min-width:25px!important;font-size:.64rem!important;}
.projekt-card-actions-v798{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;}
.projekt-card-actions-v798 .btn,.projekt-card-actions-v798 .projekt-auslastung-link-v798{width:auto!important;min-width:0!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;font-size:.70rem!important;white-space:nowrap!important;}
.projekt-card-actions-v798 strong{align-self:flex-start!important;}
.projekt-edit-v44{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;margin-top:10px!important;}
.projekt-edit-v44>summary{width:max-content!important;min-width:0!important;min-height:32px!important;padding:0 12px!important;border-radius:999px!important;background:rgba(245,247,250,.88)!important;color:#172033!important;border:1px solid rgba(120,130,145,.24)!important;box-shadow:none!important;font-size:.70rem!important;letter-spacing:.05em!important;}
:root[data-theme="dark"] .projekt-edit-v44>summary{background:rgba(255,255,255,.90)!important;color:#172033!important;border-color:rgba(255,255,255,.18)!important;}
.projekt-edit-v44[open]{border:1px solid rgba(120,130,145,.20)!important;border-radius:16px!important;background:rgba(255,255,255,.42)!important;overflow:hidden!important;}
:root[data-theme="dark"] .projekt-edit-v44[open]{background:rgba(16,23,36,.70)!important;}
.projekt-edit-v44[open]>summary{border-radius:0!important;border:0!important;border-bottom:1px solid rgba(120,130,145,.20)!important;background:rgba(245,247,250,.88)!important;}
@media(max-width:760px){.projekt-card-actions-v798{width:100%!important;}.projekt-personal-row-v891{display:grid!important;gap:7px!important;}}


/* Version 8.92 - Projektliste Personalplanung */
.projekt-personal-row-v891{
  align-items:center!important;
  grid-template-columns:auto minmax(0,1fr)!important;
}
.projekt-personal-row-v891>b{color:var(--muted)!important;white-space:nowrap!important;}
.projekt-personal-chips-v891{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  padding:2px 0!important;
  max-width:100%!important;
}
.projekt-personal-chips-v891::-webkit-scrollbar{height:4px;}
.projekt-personal-edit-v892{
  display:grid!important;
  gap:9px!important;
  padding:12px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(255,255,255,.055)!important;
}
:root[data-theme="light"] .projekt-personal-edit-v892{background:rgba(255,255,255,.68)!important;}
.projekt-personal-edit-v892>span{
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-size:.72rem!important;
  color:var(--muted)!important;
}
.projekt-personal-edit-v892>small{color:var(--muted)!important;line-height:1.35!important;}
.projekt-personal-picker-v892{display:flex!important;gap:7px!important;flex-wrap:wrap!important;align-items:center!important;}
.projekt-personal-picker-v892 label{display:inline-flex!important;align-items:center!important;gap:0!important;padding:0!important;background:transparent!important;border:0!important;min-width:0!important;}
.projekt-personal-picker-v892 input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.projekt-personal-picker-v892 span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:28px!important;height:28px!important;border-radius:999px!important;
  font-size:.66rem!important;font-weight:900!important;letter-spacing:.02em!important;
  border:1px solid rgba(148,163,184,.35)!important;
  background:rgba(148,163,184,.18)!important;color:var(--text)!important;
}
.projekt-personal-picker-v892 input:checked + span{background:#8f1f2a!important;color:#fff!important;border-color:#8f1f2a!important;box-shadow:0 8px 20px rgba(143,31,42,.18)!important;}
@media(max-width:760px){.projekt-personal-row-v891{grid-template-columns:1fr!important;}.projekt-personal-chips-v891{flex-wrap:wrap!important;overflow:visible!important;}}


/* Version 8.93 - Materialliste Kopfbereich kompakter */
.material-filter-grid-v84{
  grid-template-columns:minmax(260px,1.2fr) minmax(220px,.8fr) auto!important;
  align-items:end!important;
}
@media(max-width:760px){.material-filter-grid-v84{grid-template-columns:1fr!important;}}
.material-category-always-open-v893{
  display:block!important;
}
.material-category-always-open-v893 .material-category-summary-v822{
  cursor:default!important;
  padding:10px 14px 2px!important;
}
.material-category-always-open-v893 .material-category-head-v88{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.material-category-always-open-v893 .material-category-buttons-v88{
  padding:8px 12px 12px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.material-category-always-open-v893 .material-category-buttons-v88 a{
  min-height:30px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:.72rem!important;
}
.material-add-compact-v893{
  margin:8px 0 10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:block!important;
}
.material-add-compact-v893 details{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.material-add-compact-v893 details[open]{
  width:100%!important;
}
.material-add-compact-v893 details>summary{
  width:max-content!important;
  min-height:32px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  background:#8f1724!important;
  color:#fff!important;
  border:1px solid rgba(143,23,36,.35)!important;
  box-shadow:none!important;
  letter-spacing:.04em!important;
}
.material-add-compact-v893 details>summary strong{
  color:#fff!important;
  font-size:.72rem!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.material-add-compact-v893 details[open]>summary{
  margin-bottom:10px!important;
}
.material-add-compact-v893 .material-add-grid-v84{
  margin-top:0!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  padding:14px!important;
  background:rgba(255,255,255,.55)!important;
}
:root[data-theme="dark"] .material-add-compact-v893 .material-add-grid-v84{
  background:rgba(18,24,35,.74)!important;
}
.material-view-tools-v838.material-view-tools-no-toggle-v839{
  margin-top:8px!important;
}
.material-column-details-v838{
  width:100%!important;
}
.material-column-details-v838[open]>summary{
  border-bottom:1px solid rgba(148,163,184,.16)!important;
}
.material-column-groups-v846{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:8px!important;
  align-items:start!important;
  padding:8px!important;
}
.material-column-group-v846{
  padding:9px!important;
  border-radius:14px!important;
}
.material-column-group-v846 header{
  margin-bottom:5px!important;
}
.material-column-group-v846 header strong{
  font-size:.70rem!important;
}
.material-column-grid-v838{
  grid-template-columns:repeat(auto-fit,minmax(108px,1fr))!important;
  gap:5px!important;
  padding:0!important;
}
.material-column-grid-v838 label{
  min-height:28px!important;
  padding:5px 7px!important;
  border-radius:9px!important;
  font-size:.66rem!important;
}
.material-column-grid-v838 label span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
:root[data-layout="desktop"] .material-column-groups-v846{
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
}


/* Version 8.94 - Datenblattwerte Kopfbereich + QR-Scan Buttons */
.qr-scan-btn-v894{padding:0;overflow:hidden;background:transparent!important;border:1px solid var(--line)!important;box-shadow:0 10px 22px rgba(0,0,0,.10)}
.qr-scan-btn-v894:hover{transform:translateY(-1px)}
.qr-scan-btn-img-v894{display:block;width:100%;height:100%;object-fit:cover;border-radius:17px}
.qr-scan-btn-img-light-v894{display:none}
:root[data-theme="light"] .qr-scan-btn-img-dark-v894{display:none}
:root[data-theme="light"] .qr-scan-btn-img-light-v894{display:block}

.dba-toolbar-v894{display:grid;gap:14px;padding:18px}
.dba-toolbar-form-v894{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.5fr) auto;gap:12px;align-items:end}
.dba-toolbar-field-v894{display:grid;gap:7px;font-weight:850}
.dba-toolbar-field-v894 span{font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.dba-toolbar-field-v894 input,.dba-toolbar-field-v894 select{min-height:50px;border-radius:16px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 14px;font:inherit}
.dba-toolbar-actions-v894{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start}
.dba-toolbar-meta-v894{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding-top:2px}
.dba-status-row-compact-v894{margin-top:0;align-self:start}
.dba-toolbar-note-v894{min-width:0;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--card2)}
.dba-toolbar-note-v894 strong{flex:0 0 auto;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dba-toolbar-note-v894 span{display:block;color:var(--text);line-height:1.45;overflow-wrap:anywhere}
.dba-meta-count-v894{font-weight:900}
@media (max-width:1200px){.dba-toolbar-form-v894{grid-template-columns:1fr 1fr}.dba-toolbar-actions-v894{grid-column:1/-1}.dba-toolbar-meta-v894{grid-template-columns:1fr}}
@media (max-width:760px){.dba-toolbar-v894{padding:14px}.dba-toolbar-form-v894{grid-template-columns:1fr}.dba-toolbar-actions-v894 .btn{width:100%}.dba-toolbar-meta-v894{grid-template-columns:1fr}.dba-toolbar-note-v894{flex-direction:column;gap:6px}}


/* Version 8.95 - Datenblattwerte Toolbar final + Materiallisten-Aktionsleiste */
.dba-control-card-v895{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:16px;
  margin-bottom:18px;
}
.dba-control-grid-v895{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(320px,1.45fr) minmax(260px,1.05fr);
  gap:12px;
  align-items:stretch;
}
.dba-control-block-v895{
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:20px;
  padding:13px;
  min-width:0;
  display:grid;
  align-content:start;
  gap:10px;
}
.dba-control-label-v895{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.72rem;
  font-weight:950;
}
.dba-control-label-v895 span{
  width:22px;
  height:22px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:rgba(227,52,52,.14);
  border:1px solid rgba(227,52,52,.25);
  color:var(--accent);
}
.dba-control-block-v895 label{display:grid;gap:7px;font-weight:850}
.dba-control-block-v895 label>span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.dba-control-block-v895 input,.dba-control-block-v895 select{
  width:100%;
  min-width:0;
  min-height:50px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--field);
  color:var(--text);
  padding:0 14px;
  font:inherit;
}
.dba-control-status-v895 p{margin:0;color:var(--text);line-height:1.45;overflow-wrap:anywhere}
.dba-status-pills-v895{display:flex;flex-wrap:wrap;gap:7px}
.dba-status-pills-v895 span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--field);
  padding:0 10px;
  font-weight:900;
  color:var(--text);
}
.dba-status-pills-v895 .done{background:rgba(70,180,90,.16);border-color:rgba(70,180,90,.35);color:#38a452}
.dba-status-pills-v895 .open{background:rgba(230,170,40,.16);border-color:rgba(230,170,40,.35);color:#b87900}
:root[data-theme="dark"] .dba-status-pills-v895 .open{color:#ffd27a}
.dba-control-actions-v895{
  grid-column:1/-1;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-start;
  padding-top:2px;
}
@media(max-width:1180px){.dba-control-grid-v895{grid-template-columns:1fr 1fr}.dba-control-status-v895{grid-column:1/-1}}
@media(max-width:760px){.dba-control-card-v895{padding:12px;border-radius:20px}.dba-control-grid-v895{grid-template-columns:1fr}.dba-control-status-v895{grid-column:auto}.dba-control-actions-v895 .btn{width:100%}}

.material-action-zone-v895{
  margin:12px 0 12px;
}
.material-action-row-v895{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.material-action-btn-v895,
.material-add-dropdown-v895>summary.material-action-btn-v895{
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  font-size:.78rem!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  line-height:1!important;
  list-style:none!important;
}
.material-add-dropdown-v895>summary::-webkit-details-marker{display:none!important}
.material-new-btn-v895{min-width:124px!important}
.material-action-gap-v895{width:12px;height:1px;display:inline-block}
.material-action-btn-v895.is-active,
.material-action-row-v895 [data-material-column-group-button].is-active{
  border-color:rgba(139,20,34,.55)!important;
  background:rgba(139,20,34,.13)!important;
  color:var(--text)!important;
}
.material-add-dropdown-v895{
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.material-add-dropdown-v895[open]{flex-basis:100%}
.material-add-dropdown-v895[open] form{
  margin-top:10px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:14px;
  box-shadow:var(--shadow);
}
.material-category-admin-holder-v895,
.material-column-panel-v895{
  margin-top:10px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:12px;
  box-shadow:var(--shadow);
}
.material-category-admin-grid-v895{align-items:end}
.material-view-tools-v895{margin:0 0 10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.material-column-panel-v895 .material-column-groups-v846{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:8px!important;
  padding:0!important;
}
.material-column-panel-v895 .material-column-group-v846{
  padding:10px!important;
  border-radius:16px!important;
  background:var(--card2)!important;
  border:1px solid var(--line)!important;
}
.material-column-panel-v895 .material-column-group-v846 header{
  padding-bottom:7px!important;
  margin-bottom:7px!important;
  border-bottom:1px solid var(--line)!important;
}
.material-column-panel-v895 .material-column-group-v846 header strong{
  font-size:.78rem!important;
  color:var(--accent)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.material-column-panel-v895 .material-column-grid-v838{
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;
  gap:5px!important;
}
.material-column-panel-v895 .material-column-grid-v838 label{
  min-height:30px!important;
  padding:5px 7px!important;
}
@media(max-width:760px){.material-action-row-v895{gap:7px}.material-action-gap-v895{display:none}.material-action-btn-v895{flex:1 1 auto}.material-new-btn-v895{flex-basis:100%}.material-column-panel-v895 .material-column-groups-v846{grid-template-columns:1fr!important}}


/* Version 8.96 - einheitliche quadratische QR-Scan-Buttons */
.search-line:has(.qr-scan-btn-v894){
  grid-template-columns:1fr 64px auto!important;
  align-items:center!important;
}
.qr-scan-btn-v894,
button.icon-btn.qr-scan-btn-v894{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  line-height:0!important;
}
.qr-scan-btn-v894:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04);
}
.qr-scan-btn-v894:focus-visible{
  outline:3px solid rgba(128, 31, 44, .42)!important;
  outline-offset:3px!important;
}
.qr-scan-btn-img-v894{
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
  object-fit:cover!important;
}
@media(max-width:720px){
  .search-line:has(.qr-scan-btn-v894){
    grid-template-columns:1fr 64px!important;
  }
  .search-line:has(.qr-scan-btn-v894) .btn.primary{
    grid-column:1/-1!important;
  }
}
@media(max-width:430px){
  .search-line:has(.qr-scan-btn-v894){
    grid-template-columns:1fr 60px!important;
  }
  .qr-scan-btn-v894,
  button.icon-btn.qr-scan-btn-v894{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    border-radius:17px!important;
  }
  .qr-scan-btn-img-v894{
    width:60px!important;
    height:60px!important;
    border-radius:17px!important;
  }
}


/* Version 8.97 - Materialliste Toolbar-Kontrast + Spaltenauswahl bereinigt */
.material-action-row-v895 .material-action-btn-v895,
.material-add-dropdown-v895>summary.material-action-btn-v895{
  border-color:rgba(255,255,255,.22)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
}
:root[data-bg-variant="dark"] .material-action-row-v895 .material-action-btn-v895,
:root[data-bg-variant="dark"] .material-add-dropdown-v895>summary.material-action-btn-v895{
  color:#fff!important;
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.25)!important;
}
:root[data-bg-variant="light"] .material-action-row-v895 .material-action-btn-v895,
:root[data-bg-variant="light"] .material-add-dropdown-v895>summary.material-action-btn-v895{
  color:#14171c!important;
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(20,25,30,.16)!important;
}
:root[data-bg-variant="dark"] .material-action-row-v895 .material-action-btn-v895.is-active,
:root[data-bg-variant="dark"] .material-action-row-v895 [data-material-column-group-button].is-active,
:root[data-bg-variant="dark"] .material-add-dropdown-v895[open]>summary.material-action-btn-v895{
  color:#fff!important;
  background:rgba(139,20,34,.74)!important;
  border-color:rgba(255,255,255,.22)!important;
}
:root[data-bg-variant="light"] .material-action-row-v895 .material-action-btn-v895.is-active,
:root[data-bg-variant="light"] .material-action-row-v895 [data-material-column-group-button].is-active,
:root[data-bg-variant="light"] .material-add-dropdown-v895[open]>summary.material-action-btn-v895{
  color:#111317!important;
  background:rgba(255,255,255,.84)!important;
  border-color:rgba(139,20,34,.38)!important;
  box-shadow:0 0 0 3px rgba(139,20,34,.10),0 8px 18px rgba(0,0,0,.10)!important;
}
.material-column-panel-v895 .material-column-group-v846:empty{display:none!important;}


/* Version 8.98 - Artikel erstellen ruhiger + Projektauswertung umbenannt */
.article-create-layout-v34{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
}
.article-create-form-card-v34{
  width:100%!important;
  padding:18px!important;
  border-radius:24px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
}
.article-create-form-card-v34 .article-editor-info{
  max-width:960px!important;
  margin-bottom:14px!important;
}
.article-create-form-card-v34 .article-smart-form-v853{
  width:100%!important;
  max-width:1240px!important;
  padding:0!important;
  gap:14px!important;
}
.article-create-form-card-v34 .article-form-block-v853{
  background:color-mix(in srgb,var(--card2) 82%, transparent)!important;
  box-shadow:none!important;
}
.create-qr-preview-card-v34{
  width:100%!important;
  max-width:1240px!important;
  display:grid!important;
  grid-template-columns:minmax(240px,.8fr) minmax(220px,320px) minmax(260px,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:18px!important;
  border-radius:24px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  overflow:hidden!important;
}
.create-qr-preview-v34{
  justify-self:center!important;
  width:min(100%,320px)!important;
}
.create-qr-preview-v34 .qr-print-card.a4{
  max-width:320px!important;
  min-height:auto!important;
  padding:18px!important;
  border-radius:22px!important;
}
.create-qr-preview-v34 .qr-code-box img{
  max-width:240px!important;
  max-height:240px!important;
}
.create-qr-preview-card-v34 .note{
  max-width:520px!important;
  color:var(--muted)!important;
}
.article-form-actions{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:center!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
}
.article-form-actions .btn{
  width:auto!important;
  min-width:0!important;
}
.article-form-actions .btn.primary{
  margin-right:auto!important;
}
@media (min-width:1500px){
  .article-create-form-card-v34 .article-form-block-basis-v853{grid-column:span 5!important;}
  .article-create-form-card-v34 .article-form-block-masse-v853{grid-column:span 4!important;}
  .article-create-form-card-v34 .article-form-block-weitere-v853{grid-column:span 4!important;}
}
@media (max-width:900px){
  .create-qr-preview-card-v34{grid-template-columns:1fr!important;}
  .article-form-actions{justify-content:flex-start!important;flex-wrap:wrap!important;}
}


/* Version 8.99 - Artikel erstellen nur im Breitmodus begrenzen */
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .page{
  --article-create-max-v899: 1180px;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .app-breadcrumb-v815,
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .page-title-card,
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-layout-v34{
  width:min(var(--article-create-max-v899), calc(100vw - 48px))!important;
  max-width:var(--article-create-max-v899)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-layout-v34{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  align-items:start!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34,
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .create-qr-preview-card-v34{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34 .article-smart-form-v853{
  max-width:100%!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34 .article-form-block-basis-v853{
  grid-column:span 7!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34 .article-form-block-masse-v853{
  grid-column:span 5!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34 .article-form-block-preise-v853,
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34 .article-form-block-lager-v853,
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34 .article-form-block-notizen-v853,
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34 .article-form-block-weitere-v853{
  grid-column:span 6!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .article-create-form-card-v34 .article-form-block-grid-v852{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .create-qr-preview-card-v34{
  display:grid!important;
  grid-template-columns:minmax(260px,.85fr) minmax(240px,320px) minmax(260px,1fr)!important;
  min-height:0!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .create-qr-preview-v34{
  width:300px!important;
  max-width:300px!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .create-qr-preview-v34 .qr-print-card.a4{
  width:300px!important;
  max-width:300px!important;
}
:root[data-layout="desktop"] body[data-page="artikel_erstellen"] .create-qr-preview-v34 .qr-code-box img{
  max-width:220px!important;
  max-height:220px!important;
}
@media (max-width: 1280px){
  :root[data-layout="desktop"] body[data-page="artikel_erstellen"] .create-qr-preview-card-v34{
    grid-template-columns:1fr!important;
  }
}


/* Version 9.01 - Daten und Backups aufgeräumt */
.data-check-summary-v901{margin:0 0 16px 0!important}
.data-check-note-v901{margin-bottom:16px!important}
.data-check-table-v901 .desktop-table td strong{display:block;font-size:.94rem}
.data-check-table-v901 .desktop-table td small{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}
.data-row-missing-v901 td{background:rgba(227,52,52,.08)!important}
.data-row-warning-v901 td{background:rgba(230,170,40,.10)!important}
@media(max-width:820px){.data-check-table-v901{overflow:auto}.data-check-table-v901 .desktop-table{min-width:920px}}


/* v9.02 – Datenprüfung & Übersicht lesbarer */
.data-check-grid-v902{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.data-stat-card-v902,.data-backup-note-v902,.data-table-card-v902{background:color-mix(in srgb,var(--card) 92%, transparent);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.data-stat-card-v902{padding:18px 18px 16px;min-height:126px;display:flex;flex-direction:column;justify-content:space-between}
.data-stat-card-v902 span{display:block;color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.data-stat-card-v902 strong{display:block;margin-top:8px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.02;letter-spacing:-.05em;color:var(--text)}
.data-stat-card-v902 small{display:block;margin-top:10px;color:var(--muted);font-weight:700}
.data-backup-note-v902{padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:18px}
.data-backup-note-v902 h2{margin:0 0 8px;font-size:1.18rem;letter-spacing:-.03em}
.data-backup-note-v902 p{margin:0;color:var(--muted);max-width:100ch}
.data-backup-meta-v902{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}
.data-backup-meta-v902 span{display:inline-flex;align-items:center;gap:6px;background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-weight:800}
.data-backup-meta-v902 strong{color:var(--text)}
.data-table-card-v902{padding:18px 18px 16px}
.data-table-head-v902{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px}
.data-table-head-v902 h2{margin:0;font-size:1.18rem;letter-spacing:-.03em}
.data-table-head-v902 p{margin:4px 0 0;color:var(--muted)}
.data-table-wrap-v902{overflow:auto;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--card2) 96%, transparent)}
.data-desktop-table-v902{width:100%;border-collapse:separate;border-spacing:0}
.data-desktop-table-v902 thead th{position:sticky;top:0;background:color-mix(in srgb,var(--card2) 100%, transparent);z-index:1;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;white-space:nowrap}
.data-desktop-table-v902 tbody td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;background:transparent}
.data-desktop-table-v902 tbody tr:last-child td{border-bottom:0}
.data-desktop-table-v902 tbody td strong{display:block;color:var(--text);font-size:.98rem;line-height:1.25}
.data-desktop-table-v902 tbody td small{display:block;margin-top:4px;color:var(--muted)}
.data-desktop-table-v902 tbody tr:hover td{background:color-mix(in srgb,var(--button) 22%, transparent)}
.data-status-pill-v902{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:7px 12px;border-radius:999px;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line)}
.data-status-pill-v902.is-ok{background:rgba(101,217,75,.12);border-color:rgba(101,217,75,.28);color:#58c543}
.data-status-pill-v902.is-warning{background:rgba(227,181,52,.14);border-color:rgba(227,181,52,.28);color:#c58e13}
.data-status-pill-v902.is-missing{background:rgba(227,52,52,.12);border-color:rgba(227,52,52,.26);color:#d64040}
.data-desktop-table-v902 tbody tr.is-missing td:first-child{box-shadow:inset 4px 0 0 rgba(227,52,52,.6)}
.data-desktop-table-v902 tbody tr.is-warning td:first-child{box-shadow:inset 4px 0 0 rgba(227,181,52,.7)}
.data-desktop-table-v902 tbody tr.is-ok td:first-child{box-shadow:inset 4px 0 0 rgba(101,217,75,.55)}
:root[data-theme="light"] .data-stat-card-v902,:root[data-theme="light"] .data-backup-note-v902,:root[data-theme="light"] .data-table-card-v902{background:color-mix(in srgb,var(--card) 96%, #fff 4%)}
:root[data-theme="light"] .data-table-wrap-v902{background:#fff}
:root[data-theme="light"] .data-desktop-table-v902 thead th{background:#f4f5f8}
:root[data-theme="light"] .data-status-pill-v902.is-ok{color:#2f8b21}
:root[data-theme="light"] .data-status-pill-v902.is-warning{color:#9b6800}
:root[data-theme="light"] .data-status-pill-v902.is-missing{color:#b32626}
@media(max-width:1080px){.data-check-grid-v902{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.data-check-grid-v902{grid-template-columns:1fr}.data-backup-note-v902{grid-template-columns:1fr}.data-backup-note-v902 .btn{width:100%}.data-table-card-v902{padding:14px}.data-table-head-v902{align-items:flex-start;flex-direction:column}.data-table-wrap-v902{border-radius:16px}}


/* v9.03 – Datensicherung optisch an Datenprüfung angeglichen */
.backup-hero-v903.page-title-card{background:color-mix(in srgb,var(--card) 94%, transparent)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(14px);margin-bottom:18px!important}
.backup-primary-card-v903{background:color-mix(in srgb,var(--card) 94%, transparent)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(12px);padding:22px 24px!important;margin-bottom:18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;color:var(--text)!important}
.backup-primary-card-v903 strong{display:block;margin:0 0 8px;font-size:1.2rem;letter-spacing:-.03em;color:var(--text)!important}
.backup-primary-card-v903 p{margin:0;color:var(--muted)!important;max-width:110ch;line-height:1.55}
.backup-primary-card-v903 small{display:block;margin-top:10px;color:var(--muted)!important;font-weight:750;line-height:1.45}
.backup-primary-card-v903 code{background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:2px 6px;color:var(--text)}
.backup-last-run-v766{margin-top:14px;display:grid;gap:7px;background:var(--card2)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:13px 14px!important;color:var(--text)!important;box-shadow:none!important}
.backup-last-run-v766 div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.backup-last-run-v766 span{color:var(--muted)!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.backup-last-run-v766 strong{margin:0!important;font-size:1rem!important;color:var(--text)!important}
.backup-primary-card-v903 .btn,.backup-primary-card-v903 button.btn{align-self:center;white-space:normal;text-align:center;min-width:220px}
.backup-import-form-v765{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto!important;gap:10px!important;align-items:end!important;min-width:min(100%,760px)}
.backup-import-form-v765 label{display:grid;gap:6px;font-weight:850;color:var(--muted)}
.backup-import-form-v765 input{min-height:48px;border-radius:15px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 12px;font:inherit}
.backup-grid-v903{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;gap:14px!important;margin-top:18px!important}
.backup-grid-v903 .backup-card-v61{background:color-mix(in srgb,var(--card) 94%, transparent)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(10px);padding:16px!important;color:var(--text)!important}
.backup-grid-v903 .backup-card-v61 header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.backup-grid-v903 .backup-card-v61 header strong{display:block;color:var(--text)!important;font-size:1rem;line-height:1.25}
.backup-grid-v903 .backup-card-v61 header small{display:block;margin-top:5px;color:var(--muted)!important;overflow-wrap:anywhere}
.backup-grid-v903 .backup-ok,.backup-grid-v903 .backup-missing{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);white-space:nowrap}
.backup-grid-v903 .backup-ok{background:rgba(101,217,75,.12);border-color:rgba(101,217,75,.28);color:#58c543!important}
.backup-grid-v903 .backup-missing{background:rgba(227,52,52,.12);border-color:rgba(227,52,52,.28);color:#d64040!important}
.backup-grid-v903 .backup-meta-v61{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important}
.backup-grid-v903 .backup-meta-v61 div{background:var(--card2)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:11px 12px!important}
.backup-grid-v903 .backup-meta-v61 span{display:block;color:var(--muted)!important;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900}
.backup-grid-v903 .backup-meta-v61 strong{display:block;margin-top:4px;color:var(--text)!important;font-size:.95rem;overflow-wrap:anywhere}
.backup-grid-v903 .backup-card-v61 .btn{width:100%;margin-top:4px}
:root[data-theme="light"] .backup-hero-v903.page-title-card,:root[data-theme="light"] .backup-primary-card-v903,:root[data-theme="light"] .backup-grid-v903 .backup-card-v61{background:color-mix(in srgb,var(--card) 97%, #fff 3%)!important}
:root[data-theme="light"] .backup-last-run-v766,:root[data-theme="light"] .backup-grid-v903 .backup-meta-v61 div{background:#f5f6f9!important}
:root[data-theme="light"] .backup-grid-v903 .backup-ok{color:#2f8b21!important}
:root[data-theme="light"] .backup-grid-v903 .backup-missing{color:#b32626!important}
@media(max-width:980px){.backup-primary-card-v903{grid-template-columns:1fr!important}.backup-primary-card-v903 .btn,.backup-primary-card-v903 button.btn{width:100%;min-width:0}.backup-import-form-v765{grid-template-columns:1fr!important;min-width:0}.backup-grid-v903{grid-template-columns:1fr!important}}
@media(max-width:540px){.backup-primary-card-v903{padding:16px!important;border-radius:20px!important}.backup-grid-v903 .backup-card-v61 header{flex-direction:column}.backup-grid-v903 .backup-meta-v61{grid-template-columns:1fr!important}}


/* Version 9.04 - Materialliste Excel-Zellen ohne Layoutsprung + Tastaturnavigation */
body.material-excel-mode-v883 .material-table-v88 td.editing-v883{position:relative!important;overflow:visible!important;}
body.material-excel-mode-v883 .material-table-v88 td.editing-v883 .material-excel-editor-v883{box-sizing:border-box;}
body.material-excel-mode-v883 .material-table-v88 td.editing-v883 select.material-excel-editor-v883{appearance:auto;}


/* Version 9.05 - Materialliste Excel direkt in Zelle + Kategorie-Anzeigevorgaben */
body.material-excel-mode-v883 .material-table-v88 td.editing-v883{
  position:relative!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 0 2px rgba(140,20,34,.55)!important;
  background:rgba(140,20,34,.08)!important;
}
body.material-excel-mode-v883 .material-table-v88 td.editing-v883 .material-excel-placeholder-v904{
  display:none!important;
}
body.material-excel-mode-v883 .material-table-v88 td.editing-v883 .material-excel-editor-v883{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:inherit!important;
  padding:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  z-index:5!important;
  outline:none!important;
}
body.material-excel-mode-v883 .material-table-v88 td.editing-v883 select.material-excel-editor-v883{
  appearance:auto!important;
  background:var(--field)!important;
  color:var(--text)!important;
  padding:0 6px!important;
}
.material-category-display-holder-v905{
  margin-top:10px;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--card) 90%, transparent);
  box-shadow:var(--shadow);
  display:grid;
  gap:12px;
}
.material-category-display-head-v905{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,320px);
  gap:12px;
  align-items:end;
}
.material-category-display-head-v905 strong{display:block;font-size:1.04rem;color:var(--text);letter-spacing:-.02em;}
.material-category-display-head-v905 span,.material-category-display-note-v905{display:block;color:var(--muted);font-weight:750;}
.material-category-display-head-v905 label{display:grid;gap:6px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;color:var(--muted);}
.material-category-display-head-v905 select{min-height:44px;border-radius:14px;border:1px solid var(--line);background:var(--field);color:var(--text);padding:0 11px;font:inherit;text-transform:none;letter-spacing:0;}
.material-category-display-actions-v905{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.material-category-display-actions-v905 .btn{min-height:40px;}
:root[data-theme="light"] .material-category-display-holder-v905{background:color-mix(in srgb,var(--card) 96%, #fff 4%);}
@media(max-width:760px){.material-category-display-head-v905{grid-template-columns:1fr}.material-category-display-actions-v905 .btn{width:100%;}}

/* v9.06 Materialliste: Excel-Eingabe direkt in Zelle, Anzeigeeinstellungen nur auf Klick */
.material-category-display-holder-v905[hidden]{display:none!important;}
.material-excel-editor-v883{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:28px!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  box-shadow:none!important;
  outline:0!important;
}
select.material-excel-editor-v883{
  appearance:auto!important;
  background:var(--field)!important;
  color:var(--text)!important;
  border-radius:8px!important;
  padding:0 4px!important;
}
td.editing-v883,
.material-table-v84 td.editing-v883,
.desktop-table td.editing-v883{
  padding:inherit!important;
  height:auto!important;
  min-height:0!important;
  box-shadow:inset 0 0 0 2px rgba(227,52,52,.55)!important;
  background:color-mix(in srgb,var(--card2) 72%, transparent)!important;
}
.material-excel-placeholder-v904{display:none!important;}


/* Version 9.07 - Materialliste Excel-Pflege stabilisiert */
body.material-excel-mode-v883 .material-table-v88 td.material-excel-editable-cell-v883{
  cursor:cell!important;
}
body.material-excel-mode-v883 .material-table-v88 td.excel-focus-v907{
  box-shadow:inset 0 0 0 2px rgba(140,20,34,.38)!important;
}
.material-table-v88 td.editing-v883{
  position:relative!important;
  min-width:var(--cell-current-width, auto)!important;
  height:auto!important;
  background:color-mix(in srgb,var(--field) 92%, transparent)!important;
  box-shadow:inset 0 0 0 2px rgba(140,20,34,.55)!important;
}
.material-excel-editor-v883{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  padding:inherit!important;
  margin:0!important;
  font:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  box-shadow:none!important;
  outline:0!important;
  z-index:4!important;
}
.material-excel-editor-v883:focus{
  outline:0!important;
  box-shadow:none!important;
}
.material-table-v88 td.editing-v883 select.material-excel-editor-v883{
  background:var(--field)!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  padding:2px 8px!important;
}
.material-category-display-holder-v905[hidden]{
  display:none!important;
}

/* Version 9.08 - Materialliste: Neuer Eintrag als Excel-Zeile */
.material-new-excel-row-v908 td{
  background:color-mix(in srgb,var(--field) 88%, rgba(140,20,34,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(140,20,34,.22)!important;
  vertical-align:middle!important;
}
.material-new-input-cell-v908{padding:0!important;min-width:140px!important;}
.material-new-cell-input-v908{
  display:block!important;
  width:100%!important;
  min-width:120px!important;
  height:100%!important;
  min-height:34px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font:inherit!important;
  padding:6px 8px!important;
  outline:0!important;
  box-shadow:none!important;
}
.material-new-cell-input-v908:focus{
  background:color-mix(in srgb,var(--card) 80%, rgba(140,20,34,.08))!important;
  box-shadow:inset 0 0 0 2px rgba(140,20,34,.55)!important;
}
.material-new-cell-input-v908:disabled{opacity:.38;cursor:not-allowed;}
.material-new-actions-row-v908 td{
  background:var(--card)!important;
  border-bottom:1px solid var(--line)!important;
  position:sticky;
  left:0;
  z-index:3;
}
.material-new-actions-v908{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 0;
}
.material-new-actions-v908 strong{color:var(--text);font-weight:950;}
.material-new-row-message-v908{color:var(--muted);font-weight:800;}
.material-new-row-message-v908.error{color:#d64040!important;}
.material-new-actions-row-v908.saving-v908{opacity:.78;}
.material-new-locked-cell-v908{opacity:.42;}
@media(max-width:760px){.material-new-actions-v908 .btn{width:100%;}.material-new-actions-v908{align-items:stretch;}}

/* Version 9.09 - Materialliste Performance + neue Eingabekachel */
.material-new-card-v909{
  margin:14px 0 18px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:22px;
  background:color-mix(in srgb,var(--card) 94%, rgba(140,20,34,.06));
  box-shadow:var(--shadow-sm);
}
.material-new-card-v909[hidden]{display:none!important;}
.material-new-card-head-v909{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.material-new-card-head-v909 strong{
  display:block;
  color:var(--text);
  font-size:1.02rem;
  font-weight:950;
}
.material-new-card-head-v909 span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-weight:750;
  line-height:1.35;
}
.material-new-grid-v909{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:6px;
  align-items:end;
}
.material-new-field-v909{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  margin:0!important;
}
.material-new-field-v909 span{
  font-size:.72rem;
  color:var(--muted);
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.material-new-field-priority-v909{
  grid-column:span 2;
}
.material-new-card-v909 .material-new-cell-input-v908{
  min-height:36px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--field)!important;
  padding:7px 9px!important;
}
.material-new-card-v909 .material-new-cell-input-v908:disabled{
  opacity:.42;
  background:color-mix(in srgb,var(--field) 70%, var(--line))!important;
}
.material-new-actions-v909{
  justify-content:flex-start;
  border-top:1px solid var(--line);
  margin-top:12px;
  padding-top:12px!important;
}
.material-new-stock-hint-v909{
  margin-top:10px;
  padding:12px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--ok) 35%, var(--line));
  background:color-mix(in srgb,var(--ok) 10%, var(--card));
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.material-new-stock-hint-v909[hidden]{display:none!important;}
.material-new-stock-hint-v909 strong{font-weight:950;color:var(--text);}
.material-new-stock-hint-v909 span{color:var(--muted);font-weight:800;}
.material-grid-performance-v909{display:none!important;}
@media(max-width:760px){
  .material-new-card-head-v909{flex-direction:column;}
  .material-new-card-head-v909 .btn{width:100%;}
  .material-new-field-priority-v909{grid-column:span 1;}
  .material-new-grid-v909{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));}
}


/* Version 9.10 - Materialliste: weiße Tabellen-/Eingabefelder auch im Darkmode */
.material-new-row-message-v908:empty{display:none!important;}
.material-new-card-v909 .material-new-cell-input-v908,
.material-new-card-v909 input.material-new-cell-input-v908,
.material-new-card-v909 select.material-new-cell-input-v908,
.material-new-card-v909 textarea.material-new-cell-input-v908{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:rgba(17,24,39,.22)!important;
  caret-color:#111827!important;
}
.material-new-card-v909 .material-new-cell-input-v908::placeholder{
  color:transparent!important;
  opacity:0!important;
}
.material-new-card-v909 .material-new-cell-input-v908:disabled{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  opacity:.62!important;
}
.material-table-wrap-v88,
.material-desktop-shell-v88 .material-table-wrap-v88{
  background:#ffffff!important;
  background-color:#ffffff!important;
}
.material-table-v88,
.material-table-resizable-v721{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#111827!important;
}
.material-table-v88 tbody,
.material-table-v88 tbody tr,
.material-table-v88 tbody td,
.material-table-resizable-v721 tbody,
.material-table-resizable-v721 tbody tr,
.material-table-resizable-v721 tbody td{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#111827!important;
  border-color:rgba(17,24,39,.14)!important;
}
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 thead th,
.material-table-v88 th,
.material-table-v88 th[data-column-key],
.material-table-resizable-v721 th{
  background:#eef1f6!important;
  background-color:#eef1f6!important;
  color:#111827!important;
  border-color:rgba(17,24,39,.16)!important;
}
.material-table-v88 th button,
.material-table-resizable-v721 th button{
  color:#111827!important;
}
.material-table-v88 td[data-column-key="vk"],
.material-table-v88 th[data-column-key="vk"]{
  background:#eefce8!important;
  background-color:#eefce8!important;
  color:#111827!important;
}
.material-table-v88 td[data-column-key="ek_netto"],
.material-table-v88 th[data-column-key="ek_netto"],
.material-table-v88 td[data-column-key="marge_prozent"],
.material-table-v88 th[data-column-key="marge_prozent"]{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#111827!important;
}


/* Version 9.11 - Materialliste: helle Tabellenfarben, aktive Zeile und Performance-Hinweis */
.material-table-v88,
.material-table-resizable-v721,
.material-table-v88 tbody,
.material-table-v88 tbody tr,
.material-table-v88 tbody td{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
.material-table-v88 tbody td a,
.material-table-resizable-v721 tbody td a{
  color:#0f3f85!important;
  -webkit-text-fill-color:#0f3f85!important;
  font-weight:900!important;
}
.material-table-v88 tbody tr.material-table-data-row-v88:hover td{
  background:#f3f7ff!important;
  background-color:#f3f7ff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
.material-table-v88 tbody tr.material-table-data-row-v88.active td,
.material-table-v88 tbody tr.material-table-data-row-v88.active:hover td{
  background:#dbeafe!important;
  background-color:#dbeafe!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.36)!important;
}
.material-table-v88 tbody td.material-status-cell-v838.ok,
.material-table-v88 tbody td.material-status-cell-v838.current,
.material-table-v88 tbody td.material-status-cell-v838.checked,
.material-table-v88 tbody td.material-date-cell-v838.fresh{
  background:#dff4e7!important;
  background-color:#dff4e7!important;
  color:#14532d!important;
  -webkit-text-fill-color:#14532d!important;
}
.material-table-v88 tbody td.material-status-cell-v838.missing,
.material-table-v88 tbody td.material-status-cell-v838.open,
.material-table-v88 tbody td.material-status-cell-v838.stale,
.material-table-v88 tbody td.material-date-cell-v838.stale{
  background:#fde2e2!important;
  background-color:#fde2e2!important;
  color:#7f1d1d!important;
  -webkit-text-fill-color:#7f1d1d!important;
}
.material-table-v88 tbody tr.material-table-data-row-v88.active td.material-status-cell-v838,
.material-table-v88 tbody tr.material-table-data-row-v88.active td.material-date-cell-v838{
  outline:2px solid rgba(37,99,235,.40)!important;
  outline-offset:-2px!important;
}
.material-table-v88 td[data-column-key="vk"],
.material-table-v88 th[data-column-key="vk"]{
  background:#e8f7df!important;
  background-color:#e8f7df!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
.material-performance-note-v911{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.material-performance-note-v911 .btn{
  gap:6px!important;
}
.material-performance-note-v911 .btn small{
  font-size:.72rem!important;
  opacity:.82!important;
  font-weight:850!important;
}

/* Version 9.12 - Materialliste: Toggle Neuer Eintrag, rote aktive Buttons, Tabellenkopf fix */
.material-action-btn-v895.is-active,
.material-action-row-v895 [data-material-column-group-button].is-active,
.material-category-details-v822 .material-category-buttons-v88 a.active,
.material-category-buttons-v88 a.active,
:root[data-theme="light"] .material-category-details-v822 .material-category-buttons-v88 a.active,
:root[data-theme="light"] .material-category-buttons-v88 a.active,
:root[data-theme="dark"] .material-category-details-v822 .material-category-buttons-v88 a.active,
:root[data-theme="dark"] .material-category-buttons-v88 a.active{
  background:#7f1d1d!important;
  background-color:#7f1d1d!important;
  border-color:#7f1d1d!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
.material-action-btn-v895.is-active:hover,
.material-action-row-v895 [data-material-column-group-button].is-active:hover,
.material-category-buttons-v88 a.active:hover{
  background:#8b1e28!important;
  background-color:#8b1e28!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
.material-category-summary-v822::after,
.material-category-details-v822 > summary::after,
:root[data-theme="dark"] .material-category-summary-v822::after,
:root[data-theme="dark"] .material-category-details-v822 > summary::after{
  display:none!important;
  content:""!important;
}
.material-table-v88 thead,
.material-table-v88 thead tr,
.material-table-v88 thead th,
.material-table-v88 th,
.material-table-v88 th[data-column-key],
.material-table-resizable-v721 thead,
.material-table-resizable-v721 thead tr,
.material-table-resizable-v721 th,
.material-table-v88 th button,
.material-table-resizable-v721 th button{
  background:#eef1f6!important;
  background-color:#eef1f6!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:rgba(17,24,39,.16)!important;
}
.material-table-v88 tbody td,
.material-table-v88 tbody td span,
.material-table-v88 tbody td strong,
.material-table-v88 tbody td small,
.material-table-resizable-v721 tbody td,
.material-table-resizable-v721 tbody td span,
.material-table-resizable-v721 tbody td strong,
.material-table-resizable-v721 tbody td small{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
.material-table-v88 tbody td.material-status-cell-v838.ok,
.material-table-v88 tbody td.material-status-cell-v838.current,
.material-table-v88 tbody td.material-status-cell-v838.checked,
.material-table-v88 tbody td.material-date-cell-v838.fresh{
  background:#dff4e7!important;
  background-color:#dff4e7!important;
  color:#14532d!important;
  -webkit-text-fill-color:#14532d!important;
}
.material-table-v88 tbody td.material-status-cell-v838.ok *,
.material-table-v88 tbody td.material-status-cell-v838.current *,
.material-table-v88 tbody td.material-status-cell-v838.checked *,
.material-table-v88 tbody td.material-date-cell-v838.fresh *{
  color:#14532d!important;
  -webkit-text-fill-color:#14532d!important;
}
.material-table-v88 tbody td.material-status-cell-v838.missing,
.material-table-v88 tbody td.material-status-cell-v838.open,
.material-table-v88 tbody td.material-status-cell-v838.stale,
.material-table-v88 tbody td.material-date-cell-v838.stale{
  background:#fde2e2!important;
  background-color:#fde2e2!important;
  color:#7f1d1d!important;
  -webkit-text-fill-color:#7f1d1d!important;
}
.material-table-v88 tbody td.material-status-cell-v838.missing *,
.material-table-v88 tbody td.material-status-cell-v838.open *,
.material-table-v88 tbody td.material-status-cell-v838.stale *,
.material-table-v88 tbody td.material-date-cell-v838.stale *{
  color:#7f1d1d!important;
  -webkit-text-fill-color:#7f1d1d!important;
}
.material-table-v88 tbody tr.material-table-data-row-v88.active td,
.material-table-v88 tbody tr.material-table-data-row-v88.active:hover td{
  background:#dbeafe!important;
  background-color:#dbeafe!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.36)!important;
}
.material-table-v88 tbody tr.material-table-data-row-v88.active td *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* Version 9.13 - Materialliste: Tabellenkopf im Darkmode wieder dunkel mit weißer Schrift */
:root[data-theme="dark"] .material-table-v88 thead,
:root[data-theme="dark"] .material-table-v88 thead tr,
:root[data-theme="dark"] .material-table-v88 thead th,
:root[data-theme="dark"] .material-table-v88 th,
:root[data-theme="dark"] .material-table-v88 th[data-column-key],
:root[data-theme="dark"] .material-table-resizable-v721 thead,
:root[data-theme="dark"] .material-table-resizable-v721 thead tr,
:root[data-theme="dark"] .material-table-resizable-v721 th{
  background:#202036!important;
  background-color:#202036!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-color:rgba(168,85,247,.62)!important;
}
:root[data-theme="dark"] .material-table-v88 th button,
:root[data-theme="dark"] .material-table-resizable-v721 th button,
:root[data-theme="dark"] .material-table-v88 th button span,
:root[data-theme="dark"] .material-table-resizable-v721 th button span{
  background:transparent!important;
  background-color:transparent!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .material-table-v88 th[data-column-key="vk"],
:root[data-theme="dark"] .material-table-v88 th[data-column-key="vk"] button{
  background:#202036!important;
  background-color:#202036!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Version 9.15 - Materialliste: Tabellenansicht auch im schmalen Modus + Bildbuttons */
:root:not([data-layout="desktop"]) .material-desktop-shell-v88,
:root[data-layout="desktop"] .material-desktop-shell-v88{
  display:block!important;
}
:root:not([data-layout="desktop"]) .material-grid-v84,
:root[data-layout="desktop"] .material-grid-v84,
.material-grid-performance-v909{
  display:none!important;
}
:root:not([data-layout="desktop"]) .material-table-wrap-v88{
  display:block!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  width:100%!important;
  max-width:100%!important;
}
:root:not([data-layout="desktop"]) .material-desktop-head-v88{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
}
.material-toolbar-icon-row-v915{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.material-image-btn-v915{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:154px!important;
  height:42px!important;
  min-width:154px!important;
  min-height:42px!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.material-image-btn-v915:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  filter:saturate(.8)!important;
}
:root[data-theme="dark"] .material-image-btn-back-v915{background-image:url('material-buttons/dark-back.jpg')!important;}
:root[data-theme="dark"] .material-image-btn-forward-v915{background-image:url('material-buttons/dark-forward.jpg')!important;}
:root[data-theme="dark"] .material-image-btn-excel-v915{background-image:url('material-buttons/dark-excel.jpg')!important;}
:root[data-theme="dark"] .material-image-btn-excel-v915.is-active{background-image:url('material-buttons/dark-excel-active.jpg')!important;}
:root[data-theme="dark"] .material-image-btn-trash-v915{background-image:url('material-buttons/dark-trash.jpg')!important;}
:root[data-theme="light"] .material-image-btn-back-v915,
:root:not([data-theme="dark"]) .material-image-btn-back-v915{background-image:url('material-buttons/light-back.jpg')!important;}
:root[data-theme="light"] .material-image-btn-forward-v915,
:root:not([data-theme="dark"]) .material-image-btn-forward-v915{background-image:url('material-buttons/light-forward.jpg')!important;}
:root[data-theme="light"] .material-image-btn-excel-v915,
:root:not([data-theme="dark"]) .material-image-btn-excel-v915{background-image:url('material-buttons/light-excel.jpg')!important;}
:root[data-theme="light"] .material-image-btn-excel-v915.is-active,
:root:not([data-theme="dark"]) .material-image-btn-excel-v915.is-active{background-image:url('material-buttons/light-excel-active.jpg')!important;}
:root[data-theme="light"] .material-image-btn-trash-v915,
:root:not([data-theme="dark"]) .material-image-btn-trash-v915{background-image:url('material-buttons/light-trash.jpg')!important;}
.material-toolbar-icon-row-v915 .material-stock-toggle-v884 span{
  white-space:nowrap!important;
}
@media(max-width:760px){
  .material-image-btn-v915{
    width:132px!important;
    min-width:132px!important;
    height:36px!important;
    min-height:36px!important;
  }
  .material-toolbar-icon-row-v915 .material-unlinked-toggle-v884,
  .material-toolbar-icon-row-v915 .material-stock-toggle-v884{
    width:100%!important;
    justify-content:center!important;
  }
}


/* Version 9.16 - neue Material-Buttons und Kartenansicht im Nicht-Breit-Modus */
.material-card-v84{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);}
.material-card-empty-v916{display:grid;gap:6px;align-items:start;}
.material-card-empty-v916 strong{font-size:1.02rem;}
.material-card-empty-v916 small{color:var(--muted);}
.material-card-generated-v916{cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;}
.material-card-generated-v916:hover{transform:translateY(-1px);}
.material-card-generated-v916 .material-note-v84{white-space:normal;}
:root:not([data-layout="desktop"]) .material-grid-v84{display:grid!important;margin-top:16px!important;}
:root:not([data-layout="desktop"]) .material-grid-v84[hidden]{display:grid!important;}
:root:not([data-layout="desktop"]) .material-grid-v84{grid-template-columns:1fr!important;}
:root:not([data-layout="desktop"]) .material-performance-note-v911{margin-top:16px!important;}
.material-toolbar-icon-row-v915{gap:10px!important;}
.material-image-btn-v915{width:94px!important;height:40px!important;min-width:94px!important;min-height:40px!important;border-radius:20px!important;background-color:transparent!important;}
.material-image-btn-v915:disabled{opacity:.5!important;}
:root[data-theme="dark"] .material-image-btn-back-v915{background-image:url('material-buttons/dark-back.jpg')!important;}
:root[data-theme="dark"] .material-image-btn-forward-v915{background-image:url('material-buttons/dark-forward.jpg')!important;}
:root[data-theme="dark"] .material-image-btn-excel-v915{background-image:url('material-buttons/dark-excel.jpg')!important;}
:root[data-theme="dark"] .material-image-btn-excel-v915.is-active{background-image:url('material-buttons/dark-excel-active.jpg')!important;}
:root[data-theme="dark"] .material-image-btn-trash-v915{background-image:url('material-buttons/dark-trash.jpg')!important;}
:root[data-theme="light"] .material-image-btn-back-v915,:root:not([data-theme="dark"]) .material-image-btn-back-v915{background-image:url('material-buttons/light-back.jpg')!important;}
:root[data-theme="light"] .material-image-btn-forward-v915,:root:not([data-theme="dark"]) .material-image-btn-forward-v915{background-image:url('material-buttons/light-forward.jpg')!important;}
:root[data-theme="light"] .material-image-btn-excel-v915,:root:not([data-theme="dark"]) .material-image-btn-excel-v915{background-image:url('material-buttons/light-excel.jpg')!important;}
:root[data-theme="light"] .material-image-btn-excel-v915.is-active,:root:not([data-theme="dark"]) .material-image-btn-excel-v915.is-active{background-image:url('material-buttons/light-excel-active.jpg')!important;}
:root[data-theme="light"] .material-image-btn-trash-v915,:root:not([data-theme="dark"]) .material-image-btn-trash-v915{background-image:url('material-buttons/light-trash.jpg')!important;}
@media(max-width:760px){.material-image-btn-v915{width:94px!important;min-width:94px!important;height:40px!important;min-height:40px!important;}.material-toolbar-icon-row-v915 .material-unlinked-toggle-v884,.material-toolbar-icon-row-v915 .material-stock-toggle-v884{width:100%!important;justify-content:center!important;}}


/* Version 9.18 - Materialkarten Suche/Priorisierung und Statusdarstellung */
.material-card-v918{padding:16px!important;}
.material-card-head-v918{display:block!important;margin-bottom:10px!important;}
.material-card-head-v918 span{display:block;color:var(--accent);font-size:.78rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase;}
.material-card-head-v918 strong{display:block;margin-top:4px;font-size:1.2rem;line-height:1.15;letter-spacing:-.03em;color:var(--text);overflow-wrap:anywhere;}
.material-card-head-v918 small{display:block;margin-top:6px;color:var(--muted);overflow-wrap:anywhere;}
.material-card-category-v918{display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:999px;background:rgba(131,139,155,.14);border:1px solid var(--line);font-weight:900;font-size:.76rem;margin-bottom:12px;}
.material-card-fields-v918{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;}
.material-card-fields-primary-v918{grid-template-columns:repeat(2,minmax(0,1fr));}
.material-card-field-v918{padding:10px 12px;border-radius:16px;background:var(--card2);border:1px solid var(--line);min-width:0;}
.material-card-field-v918 span{display:block;color:var(--muted);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em;overflow-wrap:anywhere;}
.material-card-field-v918 strong,.material-card-field-v918 a{display:block;margin-top:4px;font-weight:800;color:var(--text);overflow-wrap:anywhere;text-decoration:none;}
.material-card-field-v918 a:hover{text-decoration:underline;}
.material-card-field-v918.is-highlight{background:linear-gradient(135deg, rgba(227,52,52,.16), rgba(227,52,52,.08)), var(--card2);border-color:rgba(227,52,52,.28);}
.material-card-field-v918.is-highlight strong{font-size:1.04rem;}
.material-card-field-v918.is-good{background:rgba(90,190,94,.16);border-color:rgba(70,150,74,.34);}
.material-card-field-v918.is-good strong,.material-card-field-v918.is-good a{color:#1f6f2b;}
.material-card-field-v918.is-bad{background:rgba(227,52,52,.16);border-color:rgba(170,40,40,.34);}
.material-card-field-v918.is-bad strong,.material-card-field-v918.is-bad a{color:#8d1e1e;}
.material-card-field-v918.is-note{opacity:.95;}
.material-card-fields-notes-v918 .material-card-field-v918{grid-column:1/-1;}
:root[data-theme="dark"] .material-card-field-v918{background:#20232a;border-color:rgba(255,255,255,.11);}
:root[data-theme="dark"] .material-card-field-v918.is-good{background:rgba(73,160,78,.22);border-color:rgba(98,198,103,.34);}
:root[data-theme="dark"] .material-card-field-v918.is-good strong,:root[data-theme="dark"] .material-card-field-v918.is-good a{color:#bff3c0;}
:root[data-theme="dark"] .material-card-field-v918.is-bad{background:rgba(165,42,42,.24);border-color:rgba(218,95,95,.34);}
:root[data-theme="dark"] .material-card-field-v918.is-bad strong,:root[data-theme="dark"] .material-card-field-v918.is-bad a{color:#ffcbcb;}
:root[data-theme="dark"] .material-card-field-v918.is-highlight{background:linear-gradient(135deg, rgba(227,52,52,.24), rgba(227,52,52,.10)), #20232a;border-color:rgba(227,52,52,.38);}
@media (max-width: 760px){.material-card-fields-v918{grid-template-columns:1fr!important;}}


/* Version 9.19 - Aktive Materiallisten-Aktionsbuttons immer rot, auch im dunklen Kachelmodus */
.material-action-row-v895 .material-action-btn-v895.is-active,
.material-action-row-v895 [data-material-column-group-button].is-active,
.material-action-row-v895 .material-new-btn-v895.is-active,
:root[data-theme="dark"] .material-action-row-v895 .material-action-btn-v895.is-active,
:root[data-theme="dark"] .material-action-row-v895 [data-material-column-group-button].is-active,
:root[data-bg-variant="dark"] .material-action-row-v895 .material-action-btn-v895.is-active,
:root[data-bg-variant="dark"] .material-action-row-v895 [data-material-column-group-button].is-active,
:root[data-bg-variant="light"] .material-action-row-v895 .material-action-btn-v895.is-active,
:root[data-bg-variant="light"] .material-action-row-v895 [data-material-column-group-button].is-active{
  background:#7f1d1d!important;
  background-color:#7f1d1d!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
.material-action-row-v895 .material-action-btn-v895.is-active:hover,
.material-action-row-v895 [data-material-column-group-button].is-active:hover,
:root[data-theme="dark"] .material-action-row-v895 .material-action-btn-v895.is-active:hover,
:root[data-bg-variant="light"] .material-action-row-v895 .material-action-btn-v895.is-active:hover,
:root[data-bg-variant="dark"] .material-action-row-v895 .material-action-btn-v895.is-active:hover{
  background:#8b1e28!important;
  background-color:#8b1e28!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}


/* Version 9.20 - Ladeanimation weiß + Handy-Karten folgen Spalten/Kategorieansicht */
.material-load-card-v889,
:root[data-theme="light"] .material-load-card-v889,
:root[data-theme="dark"] .material-load-card-v889{background:#fff!important;color:#111827!important;border:1px solid rgba(20,25,30,.12)!important;box-shadow:0 24px 60px rgba(0,0,0,.20)!important;}
.material-load-card-v889 strong,.material-load-card-v889 span,.material-load-card-v889 small,:root[data-theme="dark"] .material-load-card-v889 strong,:root[data-theme="dark"] .material-load-card-v889 span,:root[data-theme="dark"] .material-load-card-v889 small{color:#111827!important;}
.material-load-logo-v920{position:relative!important;width:82px!important;height:42px!important;border-radius:16px!important;overflow:hidden!important;background:linear-gradient(90deg,#eceff3,#f8fafc)!important;box-shadow:inset 0 0 0 1px rgba(20,25,30,.10)!important;}
.material-load-logo-v920::before{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(90deg,#8b1e34,#b3263f);animation:materialLoadFillV920 1.7s ease-in-out infinite;z-index:0;}
.material-load-logo-v920 img{position:absolute!important;inset:8px 12px!important;width:58px!important;height:26px!important;object-fit:contain!important;z-index:1!important;opacity:.9!important;mix-blend-mode:multiply!important;}
@keyframes materialLoadFillV920{0%{width:0%;opacity:.65;}55%{width:100%;opacity:.95;}100%{width:100%;opacity:.35;}}
.material-load-progress-v889{background:#eef1f5!important;border-color:rgba(20,25,30,.10)!important;}
.material-load-progress-v889 i{background:linear-gradient(90deg,#8b1e34,#b3263f)!important;}
.material-card-fields-v918{align-items:stretch!important;}
.material-card-field-v918{display:flex!important;flex-direction:column!important;gap:3px!important;}


/* Version 9.21 - Lade-GIF vollformatig ohne Zusatztexte */
.material-load-overlay-v889{
  display:none;
  position:absolute;
  inset:0;
  z-index:30;
  align-items:center;
  justify-content:center;
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.28);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
:root[data-layout="desktop"] body:not(.material-list-ready-v889) .material-load-overlay-v889,
body:not(.material-list-ready-v889) .material-load-overlay-v889{display:flex!important;}
.material-load-card-v889.material-load-card-v921,
:root[data-theme="light"] .material-load-card-v889.material-load-card-v921,
:root[data-theme="dark"] .material-load-card-v889.material-load-card-v921{
  width:auto!important;
  max-width:min(92vw, 520px)!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-columns:none!important;
  gap:0!important;
  background:#fff!important;
  color:#111827!important;
  border:1px solid rgba(20,25,30,.12)!important;
  border-radius:24px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.20)!important;
}
.material-load-card-v921 .material-load-gif-v921{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:14px!important;
}
.material-load-card-v921 .material-load-orb-v889,
.material-load-card-v921 .material-load-copy-v889,
.material-load-card-v921 .material-load-progress-v889,
.material-load-card-v921 small{display:none!important;}
body.material-list-ready-v889 .material-load-overlay-v889{opacity:0;pointer-events:none;transition:opacity .28s ease;}
@media (max-width:760px){
  .material-load-overlay-v889{padding:16px!important;}
  .material-load-card-v889.material-load-card-v921{max-width:min(94vw, 420px)!important;padding:12px!important;border-radius:20px!important;}
}


/* Version 9.22 - Breadcrumb reload, Untermenü-Hero links, Lagerbestand-Aktion rot, Materialtabelle Ziehscroll */
.app-breadcrumb-v815 a.current{
  color:var(--accent)!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.app-breadcrumb-v815 a.current:hover{text-decoration:underline!important;}
:root[data-layout="desktop"] .submenu-hero-left-v922 .ios-hero-v14-grid,
:root[data-layout="desktop"] .submenu-hero-left-v922.clean-main-hero-v30 .clean-main-hero-grid-v30{
  grid-template-columns:1fr!important;
  justify-items:start!important;
  align-items:center!important;
}
:root[data-layout="desktop"] .submenu-hero-left-v922 .ios-hero-v14-copy,
:root[data-layout="desktop"] .submenu-hero-left-v922 .hero-brand-copy-v79{
  order:0!important;
  justify-self:start!important;
  text-align:left!important;
  max-width:min(860px,100%)!important;
}
.stock-adjust-box{
  margin-top:16px!important;
  padding-top:0!important;
  border-top:0!important;
}
.stock-adjust-box > summary,
:root[data-theme="light"] .stock-adjust-box > summary,
:root[data-theme="dark"] .stock-adjust-box > summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:46px!important;
  border-radius:14px!important;
  padding:0 16px!important;
  background:linear-gradient(135deg,#8b1e34,#a3213a)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:.84rem!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.stock-adjust-box > summary::after{content:" +"!important;margin-left:4px!important;}
.stock-adjust-box[open] > summary::after{content:" –"!important;}
.stock-adjust-box[open] > summary{border-radius:14px!important;}
.stock-adjust-form{
  margin-top:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(128,128,128,.10)!important;
  border:1px solid var(--line)!important;
}
.material-table-wrap-v88{
  cursor:grab;
  overscroll-behavior:contain;
  user-select:auto;
}
.material-table-wrap-v88.material-table-dragging-v922{
  cursor:grabbing!important;
  user-select:none!important;
}
.material-table-wrap-v88.material-table-dragging-v922 *{
  cursor:grabbing!important;
}
.material-table-v88 td,
.material-table-v88 th{
  user-select:none;
}
.material-table-v88 td input,
.material-table-v88 td select,
.material-table-v88 td textarea{
  user-select:auto;
}

/* Version 9.23 - Materialliste im Breit-Modus fast fensterbreit */
@media (min-width: 1200px) {
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] > main.page {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .app-breadcrumb-v815,
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .page-title-card,
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .material-filter-v84,
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .material-category-shell-v84,
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .material-actions-v895,
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .material-desktop-shell-v88,
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .material-desktop-head-v88,
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .material-table-wrap-v88,
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .material-performance-note-v911 {
    width: 100% !important;
    max-width: 100% !important;
  }
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] .material-table-v88 {
    width: max-content !important;
    min-width: 100% !important;
  }
}
@media (min-width: 1600px) {
  :root[data-layout="desktop"] body[data-page="materialliste_beta"] > main.page {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}


/* Version 9.24 - Mobile deferred CSS loader is controlled in header/main PHP. */


/* Version 9.27 - Lagerbestand Pruefung / Inventurdifferenzen */
.stock-check-filter-v927,
.stock-check-tools-v927,
.stock-check-summary-v927,
.stock-check-table-card-v927{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:16px;
  margin-bottom:16px;
}
.stock-check-filter-grid-v927{
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) minmax(180px,.8fr) minmax(180px,.8fr) auto auto;
  gap:10px;
  align-items:end;
}
.stock-check-filter-grid-v927 label{display:grid;gap:6px;font-weight:900;color:var(--muted);}
.stock-check-filter-grid-v927 input,
.stock-check-filter-grid-v927 select,
.stock-check-table-v927 input{
  min-height:46px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--field);
  color:var(--text);
  padding:0 12px;
  font:inherit;
}
.stock-check-filter-v927 p{margin:12px 2px 0;color:var(--muted);font-weight:750;}
.stock-check-tools-v927{display:flex;justify-content:space-between;align-items:center;gap:14px;}
.stock-check-tools-v927 strong,.stock-check-tools-v927 span{display:block;}
.stock-check-tools-v927 span{color:var(--muted);font-size:.88rem;margin-top:3px;}
.stock-check-actions-v927{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.stock-check-summary-v927{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.stock-check-summary-v927 article{padding:14px;border-radius:18px;background:var(--card2);border:1px solid var(--line);}
.stock-check-summary-v927 span{display:block;color:var(--muted);font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em;}
.stock-check-summary-v927 strong{display:block;margin-top:5px;font-size:1.1rem;overflow-wrap:anywhere;}
.stock-check-table-card-v927{overflow:auto;}
.stock-check-table-v927{width:100%;border-collapse:separate;border-spacing:0;min-width:980px;}
.stock-check-table-v927 th,
.stock-check-table-v927 td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left;}
.stock-check-table-v927 th{position:sticky;top:0;background:var(--card2);z-index:1;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.stock-check-table-v927 td strong,.stock-check-table-v927 td span,.stock-check-table-v927 td small{display:block;}
.stock-check-table-v927 td small{color:var(--muted);margin-top:3px;}
.stock-check-table-v927 tr.is-disabled-v927{opacity:.42;}
.stock-check-table-v927 input[type="number"]{width:150px;background:#fff!important;color:#111827!important;border-color:rgba(20,25,30,.18)!important;}
.stock-check-row-select-v927{display:inline-flex;align-items:center;justify-content:center;}
.stock-check-row-select-v927 input{width:22px;height:22px;accent-color:#8b1e34;}
[data-diff-v927].is-consume{color:#9f1f1f!important;}
[data-diff-v927].is-plus{color:#1f6f2b!important;}
:root[data-theme="dark"] [data-diff-v927].is-consume{color:#ffb9b9!important;}
:root[data-theme="dark"] [data-diff-v927].is-plus{color:#bff3c0!important;}
.print-only-v927{display:none;}
@media(max-width:980px){
  .stock-check-filter-grid-v927{grid-template-columns:1fr;}
  .stock-check-tools-v927{display:grid;}
  .stock-check-actions-v927{justify-content:stretch;}
  .stock-check-actions-v927 .btn{width:100%;}
  .stock-check-summary-v927{grid-template-columns:1fr;}
}
@media print{
  .topbar,.breadcrumb-v815,.desktop-layout-toggle-v21,.theme-switch,.no-print-v927,.stock-check-filter-v927,.footer-version-inline-v67{display:none!important;}
  body{background:#fff!important;color:#111!important;}
  .page{width:100%!important;margin:0!important;}
  .page-title-card{display:none!important;}
  .print-only-v927{display:block!important;}
  .stock-check-summary-v927,.stock-check-table-card-v927{box-shadow:none!important;border:1px solid #bbb!important;background:#fff!important;color:#111!important;}
  .stock-check-summary-v927{grid-template-columns:repeat(3,1fr)!important;padding:8px!important;}
  .stock-check-summary-v927 article{background:#f5f5f5!important;color:#111!important;border:1px solid #ddd!important;}
  .stock-check-table-card-v927{overflow:visible!important;padding:0!important;}
  .stock-check-table-v927{min-width:0!important;width:100%!important;border-collapse:collapse!important;font-size:10.5pt!important;}
  .stock-check-table-v927 th,.stock-check-table-v927 td{border:1px solid #ccc!important;padding:6px!important;color:#111!important;background:#fff!important;}
  .stock-check-table-v927 th{background:#eee!important;position:static!important;}
  .stock-check-table-v927 input{border:0!important;background:transparent!important;color:#111!important;padding:0!important;min-height:0!important;width:70px!important;}
  [data-diff-v927].is-consume{color:#900!important;font-weight:900!important;}
  [data-diff-v927].is-plus{color:#075f18!important;font-weight:900!important;}
}


/* Version 9.28 - Mehr Artikelinfos in Lagerbestand pruefen */
.stock-check-article-info-v928{min-width:320px;}
.stock-check-mini-grid-v928{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;}
.stock-check-mini-grid-v928 span{display:block!important;padding:7px 8px;border-radius:11px;background:var(--card2);border:1px solid var(--line);font-size:.78rem;line-height:1.2;overflow-wrap:anywhere;}
.stock-check-mini-grid-v928 b{display:block;margin-bottom:2px;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;}
.stock-check-note-v928{margin-top:8px!important;white-space:normal!important;max-width:520px;}
@media(max-width:760px){.stock-check-mini-grid-v928{grid-template-columns:1fr;}}
@media print{.stock-check-mini-grid-v928{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;margin-top:4px!important;}.stock-check-mini-grid-v928 span{padding:3px 4px!important;border-radius:0!important;background:#fff!important;border:1px solid #ddd!important;font-size:8.5pt!important;}.stock-check-mini-grid-v928 b{font-size:7pt!important;color:#555!important;}.stock-check-note-v928{font-size:8.5pt!important;}}


/* Version 9.29 - Lagerbestand Pruefung Auswahl fix + Tablet-Druck */
.stock-check-table-v927 tr.is-selection-hidden-v929{display:none!important;}
.stock-check-actions-v927 [data-apply-selection-v929]{background:linear-gradient(135deg,#8b1e34,#6f1728)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;}
@media print{
  html,body{background:#fff!important;color:#111!important;}
  body *{box-shadow:none!important;text-shadow:none!important;}
  .stock-check-table-v927 tr.is-selection-hidden-v929{display:none!important;}
  .stock-check-filter-v927,.stock-check-tools-v927,.no-print-v927,.topbar,.breadcrumb-v815,.desktop-layout-toggle-v21,.theme-switch,.footer-version-inline-v67{display:none!important;}
  .page,.stock-check-hero-v927,.stock-check-summary-v927,.stock-check-table-card-v927,.stock-check-print-head-v927{background:#fff!important;color:#111!important;background-image:none!important;filter:none!important;}
  .stock-check-hero-v927{border:0!important;box-shadow:none!important;padding:0 0 8mm 0!important;margin:0!important;}
  .stock-check-hero-v927 h1,.stock-check-hero-v927 span,.stock-check-hero-v927 p{color:#111!important;}
  .stock-check-summary-v927{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4mm!important;padding:0!important;margin:0 0 6mm 0!important;border:0!important;}
  .stock-check-summary-v927 article{background:#fff!important;background-image:none!important;color:#111!important;border:1px solid #bbb!important;border-radius:0!important;box-shadow:none!important;}
  .stock-check-summary-v927 span,.stock-check-summary-v927 strong{color:#111!important;}
  .stock-check-table-card-v927{overflow:visible!important;padding:0!important;border:0!important;box-shadow:none!important;}
  .stock-check-table-v927{width:100%!important;min-width:0!important;border-collapse:collapse!important;border-spacing:0!important;background:#fff!important;color:#111!important;font-size:9.5pt!important;}
  .stock-check-table-v927 thead,.stock-check-table-v927 tbody,.stock-check-table-v927 tr,.stock-check-table-v927 th,.stock-check-table-v927 td{background:#fff!important;background-image:none!important;color:#111!important;box-shadow:none!important;filter:none!important;}
  .stock-check-table-v927 th{background:#eeeeee!important;color:#111!important;position:static!important;border:1px solid #999!important;}
  .stock-check-table-v927 td{border:1px solid #bbb!important;color:#111!important;padding:4px!important;vertical-align:top!important;}
  .stock-check-table-v927 td *{background:transparent!important;background-image:none!important;color:#111!important;box-shadow:none!important;filter:none!important;}
  .stock-check-table-v927 input{border:0!important;background:transparent!important;color:#111!important;padding:0!important;min-height:0!important;width:65px!important;-webkit-appearance:none!important;appearance:none!important;}
  .stock-check-mini-grid-v928{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px!important;margin-top:3px!important;}
  .stock-check-mini-grid-v928 span{display:block!important;padding:2px 3px!important;border-radius:0!important;background:#fff!important;border:1px solid #ddd!important;color:#111!important;font-size:7.8pt!important;}
  .stock-check-mini-grid-v928 b{display:block!important;color:#555!important;font-size:6.8pt!important;}
  .stock-check-note-v928{font-size:7.8pt!important;color:#111!important;}
  .stock-check-table-v927 .is-consume{color:#111!important;font-weight:900!important;}
  .stock-check-table-v927 .is-plus{color:#111!important;font-weight:900!important;}
}


/* Version 9.31 - Spaltenauswahl in Anzeigeeinstellungen Kategorien */
.material-category-display-holder-v905 .material-column-panel-v895.material-columns-inside-category-v931{
  display:block!important;
  margin:14px 0!important;
  padding:14px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid var(--line)!important;
}
:root[data-theme="light"] .material-category-display-holder-v905 .material-column-panel-v895.material-columns-inside-category-v931{
  background:rgba(255,255,255,.78)!important;
}
.material-category-display-holder-v905 .material-column-panel-v895[hidden]{display:none!important;}


/* Version 9.36 - Materialliste: Spalten nach Inhaltsbreite statt Fensterbreite strecken */
.material-table-wrap-v88{
    overflow:auto!important;
}
.material-table-v88,
:root[data-layout="desktop"] .material-table-v88{
    width:max-content!important;
    min-width:0!important;
    table-layout:auto!important;
}
.material-table-v88 th,
.material-table-v88 td,
:root[data-layout="desktop"] .material-table-v88 th,
:root[data-layout="desktop"] .material-table-v88 td{
    width:auto!important;
}
.material-table-v88 th[data-column-key="name"],
.material-table-v88 td[data-column-key="name"]{
    min-width:220px!important;
    max-width:360px!important;
    white-space:normal!important;
}
.material-table-v88 th[data-column-key="notizen"],
.material-table-v88 td[data-column-key="notizen"]{
    min-width:180px!important;
    max-width:420px!important;
    white-space:normal!important;
}
.material-table-v88 th[data-column-key="datenblatt_pfad"],
.material-table-v88 td[data-column-key="datenblatt_pfad"]{
    max-width:360px!important;
    white-space:normal!important;
}
.material-table-v88 th[data-column-key="reiter"],
.material-table-v88 td[data-column-key="reiter"],
.material-table-v88 th[data-column-key="lieferant"],
.material-table-v88 td[data-column-key="lieferant"],
.material-table-v88 th[data-column-key="art"],
.material-table-v88 td[data-column-key="art"],
.material-table-v88 th[data-column-key="sorte"],
.material-table-v88 td[data-column-key="sorte"],
.material-table-v88 th[data-column-key="gebinde"],
.material-table-v88 td[data-column-key="gebinde"]{
    white-space:nowrap!important;
}

.material-unit-price-calc-v936{
    margin-left:8px;
    padding:3px 8px;
    border:0;
    border-radius:999px;
    background:#8b1e34;
    color:#fff;
    font-weight:900;
    font-size:.72rem;
    cursor:pointer;
    vertical-align:middle;
    white-space:nowrap;
}
.material-unit-price-calc-v936:hover{background:#a72740;}
.material-unit-price-calc-v936:disabled{opacity:.65;cursor:wait;}


/* Version 9.40 - Materialliste: Auto-Spaltenbreiten auch in Kategorieansichten */
.material-table-v88,
:root[data-layout="desktop"] .material-table-v88{
    width:max-content!important;
    min-width:0!important;
    table-layout:auto!important;
}
.material-table-wrap-v88{
    overflow:auto!important;
}
.material-table-v88 col.material-column-hidden-v838,
.material-table-v88 th.material-column-hidden-v838,
.material-table-v88 td.material-column-hidden-v838{
    display:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
}
.material-table-v88 th:not(.material-column-hidden-v838),
.material-table-v88 td:not(.material-column-hidden-v838),
:root[data-layout="desktop"] .material-table-v88 th:not(.material-column-hidden-v838),
:root[data-layout="desktop"] .material-table-v88 td:not(.material-column-hidden-v838){
    width:auto!important;
}


/* Version 9.41 - verknüpfte Lagerartikel-Zeile aus Ansicht entfernen */
.material-unlinked-row-v884.is-removing-v941{
    opacity:0!important;
    transform:translateX(18px) scale(.985)!important;
    max-height:0!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease, transform .22s ease, max-height .26s ease, margin .26s ease, padding .26s ease!important;
}
.material-link-empty-v941{
    margin:12px 0 0;
    padding:14px 16px;
    border-radius:16px;
    background:rgba(101,217,75,.12);
    border:1px solid rgba(101,217,75,.24);
    color:var(--text);
    font-weight:900;
}


/* Version 9.42 - Materiallisten-Verknüpfung: Vorschautext und Detaildaten lesbarer */
.material-unlinked-control-v887 input[data-material-link-search-v886]{
    font-size:.95rem!important;
    line-height:1.25!important;
    text-overflow:ellipsis!important;
}
.material-link-selected-detail-v890.has-selection-v890 > strong{
    display:block!important;
    margin-bottom:8px!important;
    font-size:.98rem!important;
    line-height:1.25!important;
}
.material-link-selected-detail-v890.has-selection-v890 > div{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
}
.material-link-selected-detail-v890.has-selection-v890 > div span{
    min-width:0!important;
}
@media(max-width:900px){
    .material-link-selected-detail-v890.has-selection-v890 > div{
        grid-template-columns:1fr!important;
    }
}


/* Version 9.43 - Lagerware verknüpfen: Vorschlagskarten und bessere Artikel-Trennung */
.material-unlinked-list-v884{
    display:grid!important;
    gap:22px!important;
}
.material-unlinked-row-v884.material-unlinked-row-v886.material-unlinked-row-v890{
    position:relative!important;
    margin:0!important;
    padding:18px!important;
    border-radius:24px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.045)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
:root[data-theme="light"] .material-unlinked-row-v884.material-unlinked-row-v886.material-unlinked-row-v890{
    background:rgba(255,255,255,.84)!important;
    border-color:rgba(15,23,42,.09)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.material-unlinked-row-v884.material-unlinked-row-v886.material-unlinked-row-v890::before{
    content:"";
    position:absolute;
    left:22px;
    right:22px;
    top:-12px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
}
.material-unlinked-row-v884.material-unlinked-row-v886.material-unlinked-row-v890:first-child::before{
    display:none;
}
.material-link-section-v890{
    min-width:0!important;
}
.material-link-section-title-v890{
    margin-bottom:10px!important;
}
.material-link-section-suggestions-v943{
    min-width:320px!important;
}
.material-link-suggestion-panel-v943{
    max-height:360px!important;
    overflow:auto!important;
    display:grid!important;
    gap:9px!important;
    padding:4px!important;
    border-radius:18px!important;
    background:rgba(0,0,0,.10)!important;
    border:1px solid rgba(255,255,255,.08)!important;
}
:root[data-theme="light"] .material-link-suggestion-panel-v943{
    background:rgba(15,23,42,.035)!important;
    border-color:rgba(15,23,42,.08)!important;
}
.material-link-suggestion-panel-v943 p{
    margin:0!important;
    padding:14px!important;
    color:var(--muted)!important;
    font-weight:800!important;
    line-height:1.35!important;
}
.material-link-suggestion-card-v943{
    width:100%!important;
    text-align:left!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:16px!important;
    padding:11px 12px!important;
    background:rgba(255,255,255,.075)!important;
    color:var(--text)!important;
    cursor:pointer!important;
    transition:transform .12s ease, background .12s ease, border-color .12s ease!important;
}
.material-link-suggestion-card-v943:hover,
.material-link-suggestion-card-v943:focus{
    transform:translateY(-1px)!important;
    background:rgba(139,30,52,.20)!important;
    border-color:rgba(139,30,52,.52)!important;
    outline:none!important;
}
:root[data-theme="light"] .material-link-suggestion-card-v943{
    background:#fff!important;
    border-color:rgba(15,23,42,.10)!important;
}
:root[data-theme="light"] .material-link-suggestion-card-v943:hover,
:root[data-theme="light"] .material-link-suggestion-card-v943:focus{
    background:#fff4f6!important;
    border-color:rgba(139,30,52,.38)!important;
}
.material-link-suggestion-card-v943 strong{
    display:block!important;
    margin-bottom:6px!important;
    font-size:.96rem!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
}
.material-link-suggestion-card-v943 span{
    display:block!important;
    color:var(--muted)!important;
    font-size:.79rem!important;
    line-height:1.35!important;
}
.material-link-suggestion-card-v943 b{
    color:var(--text)!important;
    font-weight:950!important;
}
@media(max-width:1180px){
    .material-unlinked-row-v884.material-unlinked-row-v886.material-unlinked-row-v890{
        grid-template-columns:1fr!important;
    }
    .material-link-section-suggestions-v943{
        min-width:0!important;
    }
    .material-link-suggestion-panel-v943{
        max-height:300px!important;
    }
}


/* Version 9.44 - Lagerware verknüpfen: Vorschläge übersichtlicher + Suchfeld-X */
.material-link-search-label-v944{
    position:relative!important;
    display:block!important;
}
.material-link-search-label-v944 input[data-material-link-search-v886]{
    padding-right:42px!important;
}
.material-link-clear-v944{
    position:absolute!important;
    right:10px!important;
    top:42px!important;
    width:26px!important;
    height:26px!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.14)!important;
    color:var(--text)!important;
    font-size:20px!important;
    line-height:22px!important;
    font-weight:900!important;
    cursor:pointer!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:3!important;
}
.material-link-clear-v944:hover{
    background:#8b1e34!important;
    color:#fff!important;
}
:root[data-theme="light"] .material-link-clear-v944{
    background:rgba(15,23,42,.08)!important;
}
:root[data-theme="light"] .material-link-clear-v944:hover{
    background:#8b1e34!important;
    color:#fff!important;
}

.material-link-suggestion-card-v943{
    padding:13px 14px!important;
}
.material-link-suggestion-card-v943 strong{
    font-size:1.02rem!important;
    margin-bottom:9px!important;
}
.material-link-suggestion-meta-v944{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:7px!important;
}
.material-link-suggestion-meta-v944.is-top{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.material-link-suggestion-meta-v944.is-dims{
    grid-template-columns:1fr!important;
}
.material-link-suggestion-meta-v944 span{
    display:block!important;
    min-width:0!important;
    padding:7px 8px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:var(--text)!important;
    font-size:.78rem!important;
    line-height:1.22!important;
    overflow-wrap:anywhere!important;
}
:root[data-theme="light"] .material-link-suggestion-meta-v944 span{
    background:rgba(15,23,42,.035)!important;
    border-color:rgba(15,23,42,.08)!important;
}
.material-link-suggestion-meta-v944 b{
    display:block!important;
    margin-bottom:2px!important;
    color:var(--muted)!important;
    font-size:.62rem!important;
    line-height:1!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
}
@media(max-width:1400px){
    .material-link-suggestion-meta-v944.is-top{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:760px){
    .material-link-suggestion-meta-v944,
    .material-link-suggestion-meta-v944.is-top{
        grid-template-columns:1fr!important;
    }
    .material-link-clear-v944{
        top:40px!important;
    }
}


/* Version 9.45 - Kategorie bearbeiten: Kacheln oben ausrichten */
.material-category-admin-grid-v895,
.material-category-admin-grid-v838.material-category-admin-grid-v895{
    align-items:start!important;
}
.material-category-admin-grid-v895 form{
    align-self:start!important;
    height:100%!important;
    align-content:start!important;
}
.material-category-admin-grid-v895 form .btn,
.material-category-admin-grid-v895 form button{
    margin-top:0!important;
}


/* Version 9.46 - Materialliste: Kategorie-Startauswahl + Suchfeld-X sauber ausrichten */
.material-category-landing-v946{
    margin:18px 0 26px!important;
    padding:22px!important;
    border-radius:28px!important;
    background:var(--card)!important;
    border:1px solid var(--line)!important;
    box-shadow:var(--shadow)!important;
}
.material-category-landing-v946 header{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin-bottom:18px!important;
}
.material-category-landing-v946 header strong{
    display:block!important;
    font-size:1.35rem!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
    color:var(--text)!important;
}
.material-category-landing-v946 header span{
    display:block!important;
    margin-top:4px!important;
    color:var(--muted)!important;
    font-weight:750!important;
}
.material-category-tile-grid-v946{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
    gap:14px!important;
}
.material-category-tile-v946{
    min-height:128px!important;
    padding:16px!important;
    border-radius:22px!important;
    text-decoration:none!important;
    color:var(--text)!important;
    background:var(--card2)!important;
    border:1px solid var(--line)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    transition:transform .14s ease, border-color .14s ease, background .14s ease!important;
}
.material-category-tile-v946:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(139,30,52,.45)!important;
    background:rgba(139,30,52,.12)!important;
}
.material-category-tile-v946.is-all{
    background:#8b1e34!important;
    border-color:#8b1e34!important;
    color:#fff!important;
}
.material-category-tile-v946 strong{
    font-size:1.02rem!important;
    line-height:1.18!important;
    font-weight:950!important;
    overflow-wrap:anywhere!important;
}
.material-category-tile-v946 span{
    color:inherit!important;
    opacity:.72!important;
    font-size:.82rem!important;
    font-weight:900!important;
}

/* X im Materiallisten-Suchfeld der Verknüpfung mittig im Eingabefeld */
.material-link-search-label-v944 .material-link-clear-v944{
    top:auto!important;
    bottom:9px!important;
    right:12px!important;
    transform:none!important;
}
.material-link-search-label-v944 input[data-material-link-search-v886]{
    padding-right:48px!important;
}
@media(max-width:760px){
    .material-category-landing-v946{padding:16px!important;border-radius:22px!important;}
    .material-category-tile-grid-v946{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
    .material-category-tile-v946{min-height:104px!important;padding:13px!important;border-radius:18px!important;}
    .material-link-search-label-v944 .material-link-clear-v944{bottom:8px!important;}
}


/* Version 9.47 - Kategorie bearbeiten: Buttons einheitlich unten und rot */
.material-category-admin-grid-v895,
.material-category-admin-grid-v838.material-category-admin-grid-v895{
    align-items:stretch!important;
}
.material-category-admin-grid-v895 form{
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    height:100%!important;
}
.material-category-admin-grid-v895 form label{
    width:100%!important;
}
.material-category-admin-grid-v895 form .material-category-admin-action-v947,
.material-category-admin-grid-v895 form button.material-category-admin-action-v947{
    margin-top:auto!important;
    width:100%!important;
    background:#8b1e34!important;
    border-color:#8b1e34!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(139,30,52,.20)!important;
}
.material-category-admin-grid-v895 form .material-category-admin-action-v947:hover,
.material-category-admin-grid-v895 form button.material-category-admin-action-v947:hover{
    background:#a72740!important;
    border-color:#a72740!important;
    color:#fff!important;
}
.material-category-admin-grid-v895 form .material-category-admin-action-v947:focus-visible{
    outline:3px solid rgba(139,30,52,.25)!important;
    outline-offset:2px!important;
}


/* Version 9.48 - Materialliste: Toolbar, Texte, Kacheln, Spaltensteuerung */
.material-action-zone-v895 .material-action-row-v895{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
}
.material-action-zone-v895 .material-action-row-v895 .material-new-btn-v895{
    margin-right:auto!important;
    background:#8b1e34!important;
    border-color:#8b1e34!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(139,30,52,.22)!important;
}
.material-action-zone-v895 .material-action-row-v895 .material-new-btn-v895:hover{
    background:#a72740!important;
    border-color:#a72740!important;
    color:#fff!important;
}
.material-action-zone-v895 .material-action-row-v895 .material-action-gap-v895{
    display:none!important;
}
.material-action-zone-v895 .material-action-row-v895 [data-material-categories-toggle-v895],
.material-action-zone-v895 .material-action-row-v895 [data-material-category-display-toggle-v905],
.material-action-zone-v895 .material-action-row-v895 [data-material-column-group-button]{
    margin-left:0!important;
}
@media(max-width:820px){
    .material-action-zone-v895 .material-action-row-v895{
        flex-wrap:wrap!important;
    }
    .material-action-zone-v895 .material-action-row-v895 .material-new-btn-v895{
        margin-right:0!important;
    }
}

/* Tabellenkopf ohne Text links kompakt halten */
.material-desktop-head-v88 > div:first-child:empty{
    display:none!important;
}
.material-desktop-head-v88{
    justify-content:flex-end!important;
}

/* Obere Kategorie-Chips mittig zentrieren */
.material-category-buttons-v88{
    justify-content:center!important;
    text-align:center!important;
}

/* Spaltensteuerung schlanker */
.material-category-display-actions-v905{
    justify-content:flex-start!important;
}
.material-category-display-actions-v905 [data-material-category-display-save-v905]{
    background:#8b1e34!important;
    border-color:#8b1e34!important;
    color:#fff!important;
}
.material-category-display-actions-v905 [data-material-category-display-save-v905]:hover{
    background:#a72740!important;
    border-color:#a72740!important;
}

/* Kategorie-Startkacheln größer, quadratisch, zentriert und etwas fancy */
.material-category-tile-grid-v946{
    display:grid!important;
    grid-template-columns:repeat(auto-fit, minmax(190px, 190px))!important;
    gap:20px!important;
    justify-content:center!important;
    align-items:stretch!important;
    max-width:1280px!important;
    margin:0 auto!important;
}
.material-category-tile-v946{
    width:190px!important;
    min-height:190px!important;
    aspect-ratio:1/1!important;
    padding:18px!important;
    border-radius:28px!important;
    position:relative!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 18% 12%, rgba(255,255,255,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
        var(--card2)!important;
    box-shadow:
        0 18px 42px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.material-category-tile-v946::after{
    content:"";
    position:absolute;
    right:-38px;
    bottom:-38px;
    width:120px;
    height:120px;
    border-radius:999px;
    background:rgba(139,30,52,.18);
    pointer-events:none;
}
.material-category-tile-v946:hover{
    transform:translateY(-4px) scale(1.015)!important;
    box-shadow:
        0 24px 54px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.material-category-tile-v946 strong,
.material-category-tile-v946 span{
    position:relative;
    z-index:1;
}
.material-category-tile-v946 strong{
    font-size:1.14rem!important;
}
.material-category-tile-v946 span{
    font-size:.9rem!important;
}
.material-category-tile-v946.is-all{
    background:
        radial-gradient(circle at 20% 12%, rgba(255,255,255,.22), transparent 34%),
        linear-gradient(145deg, #9a2039, #6f1428)!important;
}
@media(max-width:760px){
    .material-category-tile-grid-v946{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:14px!important;
    }
    .material-category-tile-v946{
        width:auto!important;
        min-height:auto!important;
        aspect-ratio:1/1!important;
        border-radius:22px!important;
    }
}


/* Version 9.49 - Materialliste Toolbar/Buttons repariert */
.material-action-zone-v895 .material-action-row-v895{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
}
.material-action-zone-v895 .material-action-row-v895 .material-new-btn-v895{
    margin-right:auto!important;
    background:#8b1e34!important;
    border-color:#8b1e34!important;
    color:#fff!important;
}
.material-action-zone-v895 .material-action-row-v895 .material-action-gap-v895{
    display:none!important;
}
.material-action-zone-v895 .material-action-row-v895 .material-action-btn-v895,
.material-action-zone-v895 .material-action-row-v895 .material-stock-top-v949{
    min-height:38px!important;
    border-radius:14px!important;
    padding:0 16px!important;
    font-weight:950!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
}
.material-unlinked-top-v949 span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:24px!important;
    height:24px!important;
    margin-left:7px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:rgba(139,30,52,.14)!important;
}
.material-stock-top-v949{
    display:inline-flex!important;
    align-items:center!important;
    gap:10px!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid var(--line)!important;
    color:var(--text)!important;
    cursor:pointer!important;
    box-shadow:var(--shadow-soft, none)!important;
}
:root[data-theme="dark"] .material-stock-top-v949{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.12)!important;
}
.material-stock-top-v949 input{display:none!important;}
.material-stock-top-v949 i{
    width:38px!important;
    height:22px!important;
    border-radius:999px!important;
    background:rgba(120,120,130,.24)!important;
    position:relative!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)!important;
}
.material-stock-top-v949 i::after{
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    left:2px;
    top:2px;
    border-radius:999px;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
    transition:transform .16s ease;
}
.material-stock-top-v949 input:checked + i{
    background:#8b1e34!important;
}
.material-stock-top-v949 input:checked + i::after{
    transform:translateX(16px)!important;
}

/* Iconleiste: linksbündig, 30% kleiner, Reihenfolge aus PHP */
.material-desktop-head-v88{
    justify-content:flex-start!important;
}
.material-desktop-actions-v721.material-toolbar-icon-row-v915{
    margin-right:auto!important;
    justify-content:flex-start!important;
    width:100%!important;
    gap:8px!important;
}
.material-image-btn-v915{
    width:66px!important;
    min-width:66px!important;
    height:28px!important;
    min-height:28px!important;
    border-radius:15px!important;
    background-size:100% 100%!important;
}

/* X als eigener Button rechts neben dem Suchfeld */
.material-link-search-wrap-v949{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    gap:8px!important;
    align-items:start!important;
}
.material-link-search-wrap-v949 .material-link-search-label-v944{
    grid-column:1!important;
    position:static!important;
}
.material-link-search-wrap-v949 .material-link-clear-v944{
    grid-column:2!important;
    position:static!important;
    width:32px!important;
    height:32px!important;
    margin-top:28px!important;
    border-radius:999px!important;
    transform:none!important;
}
.material-link-search-wrap-v949 .material-link-selected-detail-v890,
.material-link-search-wrap-v949 input[type="hidden"]{
    grid-column:1 / -1!important;
}
.material-link-search-wrap-v949 .material-link-search-label-v944 input[data-material-link-search-v886]{
    padding-right:12px!important;
}
@media(max-width:820px){
    .material-action-zone-v895 .material-action-row-v895{
        flex-wrap:wrap!important;
        justify-content:flex-start!important;
    }
    .material-action-zone-v895 .material-action-row-v895 .material-new-btn-v895{
        margin-right:0!important;
    }
    .material-image-btn-v915{
        width:66px!important;
        min-width:66px!important;
        height:28px!important;
        min-height:28px!important;
    }
}


/* Version 9.50 - Kachelansicht: ausgewählte Zeile oben + Bearbeiten */
.material-card-v950{
    position:relative!important;
}
.material-card-v950.is-selected-v950{
    order:-9999!important;
    border-color:rgba(139,30,52,.65)!important;
    box-shadow:0 18px 46px rgba(139,30,52,.22), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.material-card-head-v950{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
}
.material-card-head-v950 > div{
    min-width:0!important;
}
.material-card-edit-v950{
    flex:0 0 auto!important;
    min-height:32px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:.75rem!important;
    background:#8b1e34!important;
    border-color:#8b1e34!important;
    color:#fff!important;
}
.material-card-selected-hint-v950{
    margin:8px 0!important;
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    max-width:100%!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:rgba(139,30,52,.16)!important;
    color:var(--text)!important;
    font-weight:950!important;
    font-size:.72rem!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
}
.material-card-fields-all-v950{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
    gap:8px!important;
}
.material-card-field-all-v950{
    min-width:0!important;
}
.material-card-field-all-v950 strong,
.material-card-field-all-v950 a{
    overflow-wrap:anywhere!important;
}
.material-card-editor-v950{
    margin-top:14px!important;
    padding:14px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.12)!important;
}
:root[data-theme="light"] .material-card-editor-v950{
    background:rgba(15,23,42,.035)!important;
    border-color:rgba(15,23,42,.08)!important;
}
.material-card-editor-head-v950{
    margin-bottom:12px!important;
}
.material-card-editor-head-v950 strong{
    display:block!important;
    font-size:1.02rem!important;
    font-weight:950!important;
}
.material-card-editor-head-v950 span{
    display:block!important;
    margin-top:3px!important;
    color:var(--muted)!important;
    font-weight:750!important;
    font-size:.82rem!important;
}
.material-card-editor-grid-v950{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
    gap:10px!important;
}
.material-card-edit-field-v950{
    display:grid!important;
    gap:5px!important;
    min-width:0!important;
}
.material-card-edit-field-v950 span{
    font-size:.68rem!important;
    font-weight:950!important;
    color:var(--muted)!important;
    text-transform:uppercase!important;
    letter-spacing:.045em!important;
}
.material-card-edit-field-v950 input,
.material-card-edit-field-v950 select,
.material-card-edit-field-v950 textarea{
    width:100%!important;
    min-height:38px!important;
    border-radius:12px!important;
    border:1px solid var(--line)!important;
    background:#fff!important;
    color:#111827!important;
    padding:8px 10px!important;
    font-weight:800!important;
    font-size:.88rem!important;
}
.material-card-edit-field-v950 textarea{
    resize:vertical!important;
    min-height:70px!important;
}
.material-card-editor-actions-v950{
    margin-top:12px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
}
.material-card-editor-actions-v950 [data-material-card-message-v950]{
    color:var(--muted)!important;
    font-weight:900!important;
}
@media(max-width:760px){
    .material-card-head-v950{
        flex-direction:column!important;
    }
    .material-card-edit-v950{
        width:100%!important;
    }
    .material-card-editor-grid-v950{
        grid-template-columns:1fr!important;
    }
}


/* Version 9.51 - Materialliste: mobile Kategorie-Kacheln gleich groß, Tablet-Toolbar einzeilig */

/* Kategorieauswahl-Kacheln: auf Handy/Tablet wirklich gleich groß */
@media(max-width:900px){
    .material-category-tile-grid-v946{
        display:grid!important;
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:16px!important;
        justify-content:center!important;
        align-items:stretch!important;
        width:100%!important;
        max-width:760px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .material-category-tile-v946{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:0!important;
        height:auto!important;
        aspect-ratio:1 / 1!important;
        display:flex!important;
        padding:18px!important;
        border-radius:24px!important;
        box-sizing:border-box!important;
    }
}
@media(max-width:520px){
    .material-category-tile-grid-v946{
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:14px!important;
    }
    .material-category-tile-v946{
        padding:16px!important;
        border-radius:22px!important;
    }
    .material-category-tile-v946 strong{
        font-size:1.08rem!important;
        line-height:1.12!important;
    }
    .material-category-tile-v946 span{
        font-size:.86rem!important;
    }
}

/* Tablet: obere Materiallisten-Buttonleiste nicht mehr umbrechen */
@media(min-width:760px) and (max-width:1250px){
    .material-action-zone-v895{
        overflow:hidden!important;
    }
    .material-action-zone-v895 .material-action-row-v895{
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
        gap:8px!important;
        padding-bottom:2px!important;
        justify-content:flex-start!important;
    }
    .material-action-zone-v895 .material-action-row-v895::-webkit-scrollbar{
        display:none!important;
    }
    .material-action-zone-v895 .material-action-row-v895 .material-new-btn-v895{
        margin-right:0!important;
        flex:0 0 auto!important;
    }
    .material-action-zone-v895 .material-action-row-v895 .material-action-btn-v895,
    .material-action-zone-v895 .material-action-row-v895 .material-stock-top-v949{
        flex:0 0 auto!important;
        min-height:36px!important;
        padding:0 12px!important;
        font-size:.72rem!important;
        letter-spacing:.055em!important;
        white-space:nowrap!important;
    }
    .material-unlinked-top-v949 span{
        min-width:22px!important;
        height:22px!important;
        margin-left:5px!important;
        padding:0 6px!important;
    }
    .material-stock-top-v949{
        gap:7px!important;
        padding-right:10px!important;
    }
    .material-stock-top-v949 i{
        width:34px!important;
        height:20px!important;
    }
    .material-stock-top-v949 i::after{
        width:16px!important;
        height:16px!important;
    }
    .material-stock-top-v949 input:checked + i::after{
        transform:translateX(14px)!important;
    }
}

/* Auf sehr kleinen Displays darf die Toolbar horizontal scrollen statt mehrere Zeilen zu bilden */
@media(max-width:759px){
    .material-action-zone-v895 .material-action-row-v895{
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
        gap:8px!important;
        justify-content:flex-start!important;
    }
    .material-action-zone-v895 .material-action-row-v895::-webkit-scrollbar{
        display:none!important;
    }
    .material-action-zone-v895 .material-action-row-v895 .material-new-btn-v895,
    .material-action-zone-v895 .material-action-row-v895 .material-action-btn-v895,
    .material-action-zone-v895 .material-action-row-v895 .material-stock-top-v949{
        flex:0 0 auto!important;
        white-space:nowrap!important;
    }
}


/* Version 9.52 - Kategorieauswahl neutral grau + Kachel-Bearbeiten wieder entfernt */
:root{
    --material-category-tile-gray-v952:#2f343d;
}
.material-category-tile-v946,
.material-category-tile-v946.is-all,
:root[data-theme="light"] .material-category-tile-v946,
:root[data-theme="light"] .material-category-tile-v946.is-all,
:root[data-theme="dark"] .material-category-tile-v946,
:root[data-theme="dark"] .material-category-tile-v946.is-all{
    background:var(--material-category-tile-gray-v952)!important;
    background-image:none!important;
    border-color:rgba(255,255,255,.12)!important;
    color:#fff!important;
    box-shadow:none!important;
}
.material-category-tile-v946::after,
.material-category-tile-v946.is-all::after{
    display:none!important;
    content:none!important;
}
.material-category-tile-v946:hover,
.material-category-tile-v946.is-all:hover{
    background:var(--material-category-tile-gray-v952)!important;
    border-color:rgba(255,255,255,.24)!important;
    transform:translateY(-2px)!important;
}
.material-category-tile-v946 span{
    display:none!important;
}
.material-category-tile-v946 strong{
    margin:auto!important;
    text-align:center!important;
}
.material-card-edit-v950,
[data-material-card-edit-v950],
.material-card-editor-v950{
    display:none!important;
}


/* Version 9.53 - Kategorieauswahl mit eingebundenen Bildern */
:root{
    --material-category-tile-gray-v953: var(--material-category-tile-gray-v952, #2f343d);
}
.material-category-tile-grid-v946{
    gap:22px!important;
}
.material-category-tile-v946,
.material-category-tile-v946.is-all,
:root[data-theme="light"] .material-category-tile-v946,
:root[data-theme="light"] .material-category-tile-v946.is-all,
:root[data-theme="dark"] .material-category-tile-v946,
:root[data-theme="dark"] .material-category-tile-v946.is-all{
    background:var(--material-category-tile-gray-v953)!important;
    background-image:none!important;
    border-color:rgba(255,255,255,.10)!important;
    position:relative!important;
    overflow:hidden!important;
    box-shadow:0 10px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.material-category-tile-v946::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.00) 25%, rgba(0,0,0,.12) 100%);
    pointer-events:none;
    z-index:1;
}
.material-category-tile-v946::after{
    display:none!important;
    content:none!important;
}
.material-category-tile-v946:hover{
    background:var(--material-category-tile-gray-v953)!important;
    border-color:rgba(255,255,255,.18)!important;
    transform:translateY(-2px)!important;
}
.material-category-tile-title-v953{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:1.1rem!important;
    line-height:1.12!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
    text-align:left!important;
    text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
.material-category-tile-v946 strong{
    display:none!important;
}
.material-category-tile-v946 span{
    display:block!important;
}
.material-category-tile-image-v953{
    position:absolute!important;
    left:50%!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
    width:78%!important;
    max-width:170px!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:18px!important;
    z-index:2!important;
    pointer-events:none!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))!important;
}
.material-category-tile-v946{
    min-height:210px!important;
    aspect-ratio:1 / 1!important;
    padding:16px!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
}
@media(min-width:1100px){
    .material-category-tile-v946{
        min-height:220px!important;
    }
    .material-category-tile-image-v953{
        width:76%!important;
        max-width:176px!important;
        bottom:10px!important;
    }
}
@media(max-width:900px){
    .material-category-tile-v946{
        min-height:0!important;
        aspect-ratio:1/1!important;
    }
    .material-category-tile-title-v953{
        font-size:1rem!important;
    }
    .material-category-tile-image-v953{
        width:74%!important;
        max-width:none!important;
        bottom:8px!important;
    }
}
@media(max-width:520px){
    .material-category-tile-v946{
        padding:14px!important;
    }
    .material-category-tile-title-v953{
        font-size:.96rem!important;
    }
    .material-category-tile-image-v953{
        width:76%!important;
        bottom:8px!important;
    }
}


/* Version 9.54 - Kategorie-Kacheln wirklich einfarbig grau + aktuelles Kategoriebild rechts */
:root{
    --material-category-tile-gray-v954:#2f343d;
}

/* Sehr harte Neutralisierung aller alten Kachel-Hintergründe/Verläufe */
.material-category-landing-v946 .material-category-tile-v946,
.material-category-landing-v946 .material-category-tile-v946.is-all,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946.is-all{
    background-color:var(--material-category-tile-gray-v954)!important;
    background-image:none!important;
    background:var(--material-category-tile-gray-v954)!important;
    border-color:rgba(255,255,255,.12)!important;
    color:#fff!important;
}
.material-category-landing-v946 .material-category-tile-v946::before,
.material-category-landing-v946 .material-category-tile-v946::after,
.material-category-landing-v946 .material-category-tile-v946.is-all::before,
.material-category-landing-v946 .material-category-tile-v946.is-all::after{
    display:none!important;
    content:none!important;
    background:none!important;
}
.material-category-landing-v946 .material-category-tile-v946:hover,
.material-category-landing-v946 .material-category-tile-v946.is-all:hover{
    background-color:var(--material-category-tile-gray-v954)!important;
    background-image:none!important;
    background:var(--material-category-tile-gray-v954)!important;
}

/* Bild der geöffneten Kategorie rechts in der oberen Buttonleiste */
.material-action-category-image-v954{
    margin-left:auto!important;
    width:66px!important;
    height:66px!important;
    object-fit:contain!important;
    border-radius:14px!important;
    flex:0 0 auto!important;
    background:var(--material-category-tile-gray-v954)!important;
    padding:4px!important;
    box-sizing:border-box!important;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))!important;
}
@media(max-width:1250px){
    .material-action-category-image-v954{
        width:54px!important;
        height:54px!important;
        margin-left:8px!important;
    }
}
@media(max-width:760px){
    .material-action-category-image-v954{
        width:48px!important;
        height:48px!important;
    }
}


/* Version 9.56 - exakter Grauton aus Benutzer-Swatch */
:root{
    --material-category-tile-gray-v952:#313133!important;
    --material-category-tile-gray-v953:#313133!important;
    --material-category-tile-gray-v954:#313133!important;
}

.material-category-landing-v946 .material-category-tile-v946,
.material-category-landing-v946 .material-category-tile-v946.is-all,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946.is-all {
    background-color:#313133!important;
    background-image:none!important;
    background:#313133!important;
}

.material-action-category-image-v954 {
    background:#313133!important;
}

.material-category-tile-v946:hover,
.material-category-tile-v946.is-all:hover {
    background:#313133!important;
}


/* Version 9.57 - Lagerbestand-Switch und Kategoriebild in Tabellen-Kopfleiste rechts */
.material-desktop-actions-v721.material-toolbar-icon-row-v915{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    gap:8px!important;
}
.material-table-toolbar-spacer-v957{
    flex:1 1 auto!important;
    min-width:18px!important;
}
.material-table-stock-switch-v957{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:40px!important;
    padding:0 14px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(15,23,42,.16)!important;
    color:#1f2430!important;
    font-weight:950!important;
    letter-spacing:.025em!important;
    text-transform:none!important;
    cursor:pointer!important;
    box-shadow:0 6px 18px rgba(0,0,0,.12)!important;
}
:root[data-theme="dark"] .material-table-stock-switch-v957{
    background:rgba(255,255,255,.92)!important;
    color:#1f2430!important;
    border-color:rgba(255,255,255,.18)!important;
}
.material-table-stock-switch-v957 input{
    display:none!important;
}
.material-table-stock-switch-v957 i{
    width:42px!important;
    height:24px!important;
    border-radius:999px!important;
    background:rgba(120,120,130,.24)!important;
    position:relative!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)!important;
}
.material-table-stock-switch-v957 i::after{
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    left:2px;
    top:2px;
    border-radius:999px;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
    transition:transform .16s ease;
}
.material-table-stock-switch-v957 input:checked + i{
    background:#8b1e34!important;
}
.material-table-stock-switch-v957 input:checked + i::after{
    transform:translateX(18px)!important;
}
.material-table-category-image-v957{
    flex:0 0 auto!important;
    width:54px!important;
    height:54px!important;
    object-fit:contain!important;
    border-radius:10px!important;
    padding:4px!important;
    box-sizing:border-box!important;
    background:#313133!important;
    filter:drop-shadow(0 7px 12px rgba(0,0,0,.26))!important;
}
.material-action-category-image-v954{
    display:none!important;
}

/* die alten oberen Switch-Regeln hier neutral halten, falls Browser alte Klassen cached */
.material-action-zone-v895 .material-action-row-v895 .material-stock-top-v949{
    display:none!important;
}

@media(max-width:900px){
    .material-table-stock-switch-v957{
        min-height:34px!important;
        padding:0 10px!important;
        gap:7px!important;
        font-size:.74rem!important;
    }
    .material-table-stock-switch-v957 i{
        width:34px!important;
        height:20px!important;
    }
    .material-table-stock-switch-v957 i::after{
        width:16px!important;
        height:16px!important;
    }
    .material-table-stock-switch-v957 input:checked + i::after{
        transform:translateX(14px)!important;
    }
    .material-table-category-image-v957{
        width:42px!important;
        height:42px!important;
    }
}
@media(max-width:620px){
    .material-table-stock-switch-v957 span{
        display:none!important;
    }
    .material-table-stock-switch-v957{
        padding:0 8px!important;
    }
}


/* Version 9.59 - Lagerbestand anzeigen Switcher dunkler Tabellenkopf */
.material-table-stock-switch-v957{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    color:#f4f5f7!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.22)!important;
}
:root[data-theme="light"] .material-table-stock-switch-v957,
:root[data-theme="dark"] .material-table-stock-switch-v957{
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(255,255,255,.14)!important;
    color:#f4f5f7!important;
}
.material-table-stock-switch-v957:hover{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.22)!important;
}
.material-table-stock-switch-v957 span{
    color:#f4f5f7!important;
    opacity:.95!important;
}
.material-table-stock-switch-v957 i{
    background:rgba(255,255,255,.18)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
.material-table-stock-switch-v957 i::after{
    background:#ffffff!important;
    box-shadow:0 2px 8px rgba(0,0,0,.36)!important;
}
.material-table-stock-switch-v957 input:checked + i{
    background:#8b1e34!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}


/* Version 9.60 - Lagerbestand-Switch modusabhängig: hell im Lightmode, dunkel im Darkmode */

/* Lightmode: hell */
:root[data-theme="light"] .material-table-stock-switch-v957,
html[data-theme="light"] .material-table-stock-switch-v957,
body[data-theme="light"] .material-table-stock-switch-v957{
    background:#ffffff!important;
    border:1px solid rgba(15,23,42,.16)!important;
    color:#1f2430!important;
    box-shadow:0 6px 18px rgba(15,23,42,.12)!important;
}
:root[data-theme="light"] .material-table-stock-switch-v957:hover{
    background:#f5f6f8!important;
    border-color:rgba(15,23,42,.24)!important;
}
:root[data-theme="light"] .material-table-stock-switch-v957 span{
    color:#1f2430!important;
}
:root[data-theme="light"] .material-table-stock-switch-v957 i{
    background:rgba(120,120,130,.24)!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)!important;
}

/* Darkmode: dunkel */
:root[data-theme="dark"] .material-table-stock-switch-v957,
html[data-theme="dark"] .material-table-stock-switch-v957,
body[data-theme="dark"] .material-table-stock-switch-v957{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    color:#f4f5f7!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.22)!important;
}
:root[data-theme="dark"] .material-table-stock-switch-v957:hover{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.22)!important;
}
:root[data-theme="dark"] .material-table-stock-switch-v957 span{
    color:#f4f5f7!important;
}
:root[data-theme="dark"] .material-table-stock-switch-v957 i{
    background:rgba(255,255,255,.18)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
}

/* Aktiv bleibt rot in beiden Modi */
.material-table-stock-switch-v957 input:checked + i{
    background:#8b1e34!important;
}


/* Version 9.61 - VK manuell abweichend von EK+Marge automatisch markieren */
.material-table-v88 td.material-vk-manual-diff-v961,
.material-table-v88 tr.active td.material-vk-manual-diff-v961{
    background:#4f7f45!important;
    color:#ffffff!important;
    font-weight:950!important;
}
.material-table-v88 td.material-vk-manual-diff-v961::after{
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    margin-left:6px;
    border-radius:999px;
    background:rgba(255,255,255,.9);
    vertical-align:middle;
}
.material-card-field-v918.material-vk-manual-diff-v961,
.material-card-field-all-v950.material-vk-manual-diff-v961{
    background:#4f7f45!important;
    color:#ffffff!important;
    border-color:rgba(255,255,255,.18)!important;
}
.material-card-field-v918.material-vk-manual-diff-v961 span,
.material-card-field-v918.material-vk-manual-diff-v961 strong{
    color:#ffffff!important;
}


/* Version 9.62 - Shareordner im Footer + Fahrzeugdaten */
.footer-center-links-v962{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    text-align:center!important;
}
.footer-share-link-v962{
    font-size:.72rem!important;
    line-height:1!important;
    color:var(--muted)!important;
    text-decoration:none!important;
    font-weight:850!important;
    opacity:.72!important;
}
.footer-share-link-v962:hover{
    opacity:1!important;
    color:#8b1e34!important;
}
.vehicle-dashboard-grid-v962 .vehicle-tile-v962{
    min-height:220px!important;
}
.vehicle-card-image-v962{
    position:absolute!important;
    right:18px!important;
    bottom:18px!important;
    width:42%!important;
    max-height:48%!important;
    object-fit:contain!important;
    opacity:.9!important;
    pointer-events:none!important;
    filter:drop-shadow(0 14px 22px rgba(0,0,0,.22))!important;
}
.vehicle-detail-card-v962{
    display:grid!important;
    grid-template-columns:minmax(220px,340px) minmax(0,1fr)!important;
    gap:18px!important;
    padding:22px!important;
    border-radius:28px!important;
    background:var(--card)!important;
    border:1px solid var(--line)!important;
    box-shadow:var(--shadow)!important;
}
.vehicle-detail-image-v962{
    min-height:260px!important;
    border-radius:24px!important;
    background:var(--card2)!important;
    border:1px solid var(--line)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
}
.vehicle-detail-image-v962 img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:18px!important;
    box-sizing:border-box!important;
}
.vehicle-placeholder-v962{
    color:var(--muted)!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.vehicle-form-v962{
    display:grid!important;
    gap:14px!important;
}
.vehicle-form-v962 label{
    display:grid!important;
    gap:6px!important;
}
.vehicle-form-v962 label span{
    color:var(--muted)!important;
    font-size:.72rem!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
}
.vehicle-form-v962 input,
.vehicle-form-v962 textarea{
    width:100%!important;
    border-radius:14px!important;
    border:1px solid var(--line)!important;
    background:#fff!important;
    color:#111827!important;
    padding:11px 12px!important;
    font-weight:800!important;
    box-sizing:border-box!important;
}
.vehicle-form-v962 textarea{
    resize:vertical!important;
}
.vehicle-actions-v962{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
}
.vehicle-meta-v962{
    color:var(--muted)!important;
    font-weight:800!important;
    font-size:.82rem!important;
}
.success-message-v962{
    padding:10px 12px!important;
    border-radius:14px!important;
    background:rgba(101,217,75,.16)!important;
    border:1px solid rgba(101,217,75,.28)!important;
    color:var(--text)!important;
    font-weight:900!important;
}
@media(max-width:820px){
    .vehicle-detail-card-v962{
        grid-template-columns:1fr!important;
        padding:16px!important;
        border-radius:22px!important;
    }
    .vehicle-detail-image-v962{
        min-height:180px!important;
    }
}


/* Version 9.63 - Fahrzeugdaten mit editierbaren Kacheln */
.vehicle-tile-v962 .vehicle-card-image-v962{
    width:52%!important;
    max-height:58%!important;
    right:12px!important;
    bottom:14px!important;
    opacity:.92!important;
}
.vehicle-hero-v963 .clean-main-hero-grid-v30{
    position:relative!important;
}
.vehicle-hero-image-v963{
    position:absolute!important;
    right:24px!important;
    bottom:12px!important;
    width:min(38%, 360px)!important;
    max-height:190px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 18px 32px rgba(0,0,0,.34))!important;
}
.vehicle-edit-shell-v963{
    display:grid!important;
    gap:18px!important;
}
.vehicle-card-grid-v963,
.vehicle-custom-list-v963{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
    gap:16px!important;
}
.vehicle-data-card-v963{
    padding:18px!important;
    border-radius:24px!important;
    background:var(--card)!important;
    border:1px solid var(--line)!important;
    box-shadow:var(--shadow)!important;
}
.vehicle-data-card-v963 header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:14px!important;
}
.vehicle-data-card-v963 header strong{
    font-size:1.05rem!important;
    font-weight:950!important;
    color:var(--text)!important;
}
.vehicle-data-card-v963 header input{
    flex:1 1 auto!important;
    min-width:0!important;
}
.vehicle-data-fields-v963{
    display:grid!important;
    gap:12px!important;
}
.vehicle-data-fields-v963 label,
.vehicle-custom-field-v963{
    display:grid!important;
    gap:6px!important;
}
.vehicle-data-fields-v963 label span{
    color:var(--muted)!important;
    font-size:.7rem!important;
    font-weight:950!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
}
.vehicle-data-fields-v963 input,
.vehicle-data-fields-v963 textarea,
.vehicle-data-card-v963 header input,
.vehicle-custom-field-v963 input,
.vehicle-custom-field-v963 textarea{
    width:100%!important;
    border-radius:14px!important;
    border:1px solid var(--line)!important;
    background:#fff!important;
    color:#111827!important;
    padding:10px 12px!important;
    font-weight:800!important;
    box-sizing:border-box!important;
}
.vehicle-data-fields-v963 textarea,
.vehicle-custom-field-v963 textarea{
    resize:vertical!important;
}
.vehicle-custom-section-v963{
    padding:18px!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid var(--line)!important;
}
:root[data-theme="light"] .vehicle-custom-section-v963{
    background:rgba(255,255,255,.82)!important;
}
.vehicle-custom-head-v963{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-bottom:16px!important;
}
.vehicle-custom-head-v963 strong{
    display:block!important;
    font-size:1.12rem!important;
    font-weight:950!important;
}
.vehicle-custom-head-v963 span{
    display:block!important;
    color:var(--muted)!important;
    font-weight:800!important;
    margin-top:3px!important;
}
.vehicle-custom-field-v963{
    grid-template-columns:minmax(120px,.55fr) minmax(160px,1fr) auto!important;
    align-items:start!important;
}
.vehicle-custom-field-v963 button{
    min-width:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
}
.vehicle-sticky-actions-v963{
    position:sticky!important;
    bottom:72px!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:14px 16px!important;
    border-radius:22px!important;
    background:var(--card)!important;
    border:1px solid var(--line)!important;
    box-shadow:0 14px 42px rgba(0,0,0,.20)!important;
}
.vehicle-sticky-actions-v963 > div:last-child{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
}
@media(max-width:820px){
    .vehicle-hero-image-v963{
        position:relative!important;
        right:auto!important;
        bottom:auto!important;
        width:100%!important;
        max-height:160px!important;
        margin-top:12px!important;
    }
    .vehicle-card-grid-v963,
    .vehicle-custom-list-v963{
        grid-template-columns:1fr!important;
    }
    .vehicle-custom-field-v963{
        grid-template-columns:1fr!important;
    }
    .vehicle-sticky-actions-v963{
        position:static!important;
        flex-direction:column!important;
        align-items:stretch!important;
    }
}


/* Version 9.64 - Fahrzeugdaten Themebilder und Hero/Kacheln */
.theme-image-light-v964{display:none!important}
:root[data-theme="light"] .theme-image-dark-v964{display:none!important}
:root[data-theme="light"] .theme-image-light-v964{display:block!important}
:root:not([data-theme="light"]) .theme-image-dark-v964{display:block!important}
.vehicle-menu-hero-v964{overflow:hidden!important}
.vehicle-menu-hero-grid-v964,
.vehicle-hero-grid-v964{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,420px)!important;align-items:center!important;gap:22px!important;min-height:300px!important}
.vehicle-menu-hero-art-v964,
.vehicle-hero-art-v964{display:flex!important;align-items:center!important;justify-content:center!important;min-height:220px!important}
.vehicle-menu-hero-art-v964 img,
.vehicle-hero-art-v964 img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:drop-shadow(0 18px 30px rgba(0,0,0,.26))!important}
.vehicle-hero-v964 .hero-brand-copy-v79,
.vehicle-menu-hero-v964 .hero-brand-copy-v79{max-width:none!important}
.vehicle-dashboard-grid-v964 .vehicle-tile-v964{min-height:250px!important;overflow:hidden!important}
.vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{position:absolute!important;right:12px!important;bottom:10px!important;width:58%!important;max-height:64%!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;pointer-events:none!important}
.vehicle-dashboard-grid-v964 .vehicle-card-image-v962{position:static!important;width:100%!important;max-height:100%!important;object-fit:contain!important;opacity:.96!important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.22))!important}
.vehicle-edit-shell-v964{gap:20px!important}
.vehicle-card-grid-v964{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
.vehicle-data-card-v964{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}
.vehicle-data-card-v964 header{margin-bottom:12px!important}
.vehicle-data-card-v964 input[readonly]{background:rgba(255,255,255,.88)!important;color:#4b5563!important}
.vehicle-custom-section-v964{padding:20px!important;border-radius:28px!important;background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}
.vehicle-custom-head-v964{margin-bottom:14px!important}
.vehicle-custom-head-v964 strong{color:var(--text)!important;font-size:1.12rem!important;font-weight:950!important}
.vehicle-custom-head-v964 span{color:var(--muted)!important;font-weight:800!important}
.vehicle-custom-list-v964.is-empty-v964{display:block!important}
.vehicle-custom-empty-v964{min-height:120px!important;border-radius:20px!important;border:1px dashed var(--line)!important;background:var(--card2)!important;color:var(--muted)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:18px!important;font-weight:900!important}
.vehicle-sticky-actions-v964{bottom:76px!important}
@media(max-width:980px){
  .vehicle-menu-hero-grid-v964,.vehicle-hero-grid-v964{grid-template-columns:1fr!important;min-height:unset!important}
  .vehicle-menu-hero-art-v964,.vehicle-hero-art-v964{min-height:180px!important}
  .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{width:52%!important;max-height:52%!important}
}
@media(max-width:640px){
  .vehicle-dashboard-grid-v964 .vehicle-tile-v964{min-height:220px!important}
  .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;max-height:150px!important;justify-content:center!important;margin-top:8px!important}
  .vehicle-dashboard-grid-v964 .ios-dashboard-body{margin-top:6px!important}
}


/* Version 9.65 - Fahrzeugdaten Datenblattfelder + löschbare Mängel */
.vehicle-data-fields-v963 select{
    width:100%!important;
    border-radius:14px!important;
    border:1px solid var(--line)!important;
    background:#fff!important;
    color:#111827!important;
    padding:10px 12px!important;
    font-weight:800!important;
    box-sizing:border-box!important;
}
.vehicle-maengel-list-v965{
    display:grid!important;
    gap:10px!important;
}
.vehicle-maengel-row-v965{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:start!important;
}
.vehicle-maengel-row-v965 textarea{
    width:100%!important;
    border-radius:14px!important;
    border:1px solid var(--line)!important;
    background:#fff!important;
    color:#111827!important;
    padding:10px 12px!important;
    font-weight:800!important;
    box-sizing:border-box!important;
    resize:vertical!important;
}
.vehicle-maengel-row-v965 [data-remove-maengel-v965]{
    min-height:40px!important;
    border-radius:12px!important;
}
.vehicle-empty-small-v965{
    min-height:86px!important;
    border-radius:18px!important;
    border:1px dashed var(--line)!important;
    background:var(--card2)!important;
    color:var(--muted)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:14px!important;
    font-weight:900!important;
}
.vehicle-data-card-v964 .btn[data-add-maengel-v965]{
    margin-top:10px!important;
    width:100%!important;
}
.vehicle-data-card-v964 input[readonly]{
    cursor:not-allowed!important;
    opacity:.82!important;
}
@media(max-width:680px){
    .vehicle-maengel-row-v965{
        grid-template-columns:1fr!important;
    }
}


/* Version 9.66 - Shareordner Kachel + Fahrzeug Hero Anpassungen */
.vehicle-menu-hero-grid-v966{grid-template-columns:minmax(0,1fr)!important}
.vehicle-menu-hero-v964 .hero-brand-copy-v79{max-width:860px!important}
.vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:minmax(0,1fr) minmax(180px,300px)!important}
.vehicle-hero-v964 .vehicle-hero-art-v964{justify-content:flex-end!important;align-items:center!important}
.vehicle-hero-v964 .vehicle-hero-art-v964 img{width:50%!important;max-width:170px!important;max-height:170px!important;margin-left:auto!important}
@media(max-width:980px){
  .vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:1fr!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964{justify-content:flex-end!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964 img{width:40%!important;max-width:160px!important;max-height:160px!important}
}
@media(max-width:640px){
  .vehicle-hero-v964 .vehicle-hero-art-v964{justify-content:flex-end!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964 img{width:46%!important;max-width:150px!important;max-height:150px!important}
}


/* Version 9.68 - Fahrzeugdaten Hero/Karten/Bilder */
.vehicle-dashboard-grid-v964 .vehicle-card-image-v962,
.vehicle-menu-hero-art-v964 img,
.vehicle-hero-art-v964 img{filter:none!important;box-shadow:none!important}
.vehicle-menu-hero-v964{padding:18px 26px!important}
.vehicle-menu-hero-grid-v964{min-height:unset!important;gap:10px!important}
.vehicle-menu-hero-v964 .hero-brand-copy-v79{max-width:980px!important}
.vehicle-menu-hero-v964 .hero-brand-copy-v79 span{max-width:820px!important}
.vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:minmax(0,1fr) minmax(220px,360px)!important;align-items:center!important}
.vehicle-hero-v964 .vehicle-hero-art-v964{justify-content:flex-end!important;align-items:center!important;min-height:210px!important}
.vehicle-hero-v964 .vehicle-hero-art-v964 img{width:100%!important;max-width:255px!important;max-height:255px!important;margin-left:auto!important;display:block!important}
.vehicle-summary-card-v968{grid-column:1/-1!important}
.vehicle-summary-card-v968 header{display:flex!important;flex-wrap:wrap!important;gap:8px 16px!important;align-items:baseline!important;margin-bottom:16px!important}
.vehicle-summary-card-v968 header span{color:var(--muted)!important;font-weight:800!important}
.vehicle-summary-grid-v968{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important}
.vehicle-summary-item-v968{background:var(--card2)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:14px 16px!important;min-height:86px!important}
.vehicle-summary-item-v968.is-wide{grid-column:1/-1!important}
.vehicle-summary-item-v968 small{display:block!important;color:var(--muted)!important;font-weight:900!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.vehicle-summary-item-v968 strong{display:block!important;color:var(--text)!important;font-size:1rem!important;line-height:1.5!important;white-space:normal!important}
@media(max-width:980px){
  .vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:minmax(0,1fr) minmax(180px,260px)!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964 img{max-width:220px!important;max-height:220px!important}
}
@media(max-width:760px){
  .vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:1fr!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964{order:2!important;justify-content:flex-end!important;min-height:unset!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964 img{max-width:200px!important;max-height:200px!important}
}


/* Version 9.69 - Fahrzeugbilder Hero/Menu final */
.theme-image-dark-v964,
.theme-image-light-v964{display:none!important}
:root[data-theme="light"] .theme-image-light-v964{display:block!important}
:root[data-theme="light"] .theme-image-dark-v964{display:none!important}
:root:not([data-theme="light"]) .theme-image-dark-v964{display:block!important}
:root:not([data-theme="light"]) .theme-image-light-v964{display:none!important}

.vehicle-menu-hero-v964{padding:16px 24px!important}
.vehicle-menu-hero-grid-v964{min-height:unset!important;gap:8px!important;grid-template-columns:minmax(0,1fr)!important}
.vehicle-menu-hero-v964 .hero-brand-copy-v79{max-width:760px!important}
.vehicle-menu-hero-v964 .hero-brand-copy-v79 h1{margin-bottom:6px!important}
.vehicle-menu-hero-v964 .hero-brand-copy-v79 span{margin-top:4px!important}

.vehicle-hero-v964 .vehicle-hero-grid-v964{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;align-items:center!important;gap:18px!important;min-height:unset!important}
.vehicle-hero-v964 .vehicle-hero-copy-v964{max-width:none!important}
.vehicle-hero-v964 .vehicle-hero-art-v964{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:220px!important;text-align:right!important}
.vehicle-hero-v964 .vehicle-hero-art-v964 img{display:none!important;width:100%!important;max-width:320px!important;max-height:320px!important;object-fit:contain!important;filter:none!important;box-shadow:none!important;margin-left:auto!important;margin-right:0!important}
:root[data-theme="light"] .vehicle-hero-v964 .vehicle-hero-art-v964 .theme-image-light-v964{display:block!important}
:root:not([data-theme="light"]) .vehicle-hero-v964 .vehicle-hero-art-v964 .theme-image-dark-v964{display:block!important}

.vehicle-dashboard-grid-v964 .vehicle-tile-v964{min-height:240px!important;overflow:hidden!important}
.vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{position:absolute!important;right:14px!important;bottom:14px!important;width:50%!important;max-width:210px!important;max-height:52%!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;pointer-events:none!important;overflow:hidden!important}
.vehicle-dashboard-grid-v964 .vehicle-card-image-v962{position:static!important;width:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;opacity:1!important;filter:none!important;box-shadow:none!important}

@media (min-width: 700px) and (max-width: 1100px){
  .vehicle-dashboard-grid-v964{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .vehicle-dashboard-grid-v964 .vehicle-tile-v964{min-height:220px!important}
  .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{width:42%!important;max-width:170px!important;max-height:46%!important;right:10px!important;bottom:10px!important}
  .vehicle-dashboard-grid-v964 .ios-dashboard-body{padding-right:120px!important}
  .vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:minmax(0,1fr) 250px!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964 img{max-width:250px!important;max-height:250px!important}
}
@media (max-width: 699px){
  .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{width:46%!important;max-width:160px!important;max-height:45%!important}
  .vehicle-dashboard-grid-v964 .ios-dashboard-body{padding-right:108px!important}
  .vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:minmax(0,1fr)!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964{justify-content:flex-end!important;min-height:unset!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964 img{max-width:220px!important;max-height:220px!important}
}


/* Version 9.70 - Fahrzeug Hero rechts + Menükacheln Bildfit */
.vehicle-hero-v964 .vehicle-hero-grid-v964{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  align-items:center!important;
  gap:20px!important;
}
.vehicle-hero-v964 .vehicle-hero-copy-v964{grid-column:1!important;min-width:0!important}
.vehicle-hero-v964 .vehicle-hero-art-v964{
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  text-align:right!important;
  min-height:240px!important;
  width:100%!important;
}
.vehicle-hero-v964 .vehicle-hero-art-v964 .theme-image-dark-v964,
.vehicle-hero-v964 .vehicle-hero-art-v964 .theme-image-light-v964{display:none!important}
:root[data-theme="light"] .vehicle-hero-v964 .vehicle-hero-art-v964 .theme-image-light-v964{display:block!important}
:root[data-theme="light"] .vehicle-hero-v964 .vehicle-hero-art-v964 .theme-image-dark-v964{display:none!important}
:root:not([data-theme="light"]) .vehicle-hero-v964 .vehicle-hero-art-v964 .theme-image-dark-v964{display:block!important}
:root:not([data-theme="light"]) .vehicle-hero-v964 .vehicle-hero-art-v964 .theme-image-light-v964{display:none!important}
.vehicle-hero-v964 .vehicle-hero-art-v964 img{
  width:auto!important;
  height:auto!important;
  max-width:360px!important;
  max-height:360px!important;
  margin-left:auto!important;
  margin-right:0!important;
  object-fit:contain!important;
  filter:none!important;
  box-shadow:none!important;
}

.vehicle-dashboard-grid-v964 .vehicle-tile-v964{min-height:240px!important;overflow:hidden!important}
.vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
  position:absolute!important;
  right:14px!important;
  top:58px!important;
  bottom:14px!important;
  width:44%!important;
  height:auto!important;
  max-width:190px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964 .theme-image-dark-v964,
.vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964 .theme-image-light-v964{display:none!important}
:root[data-theme="light"] .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964 .theme-image-light-v964{display:block!important}
:root[data-theme="light"] .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964 .theme-image-dark-v964{display:none!important}
:root:not([data-theme="light"]) .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964 .theme-image-dark-v964{display:block!important}
:root:not([data-theme="light"]) .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964 .theme-image-light-v964{display:none!important}
.vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
  position:static!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
}
.vehicle-dashboard-grid-v964 .ios-dashboard-body{padding-right:210px!important}

@media (min-width:700px) and (max-width:1100px){
  .vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:minmax(0,1fr) 280px!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964{min-height:200px!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964 img{max-width:280px!important;max-height:280px!important}

  .vehicle-dashboard-grid-v964{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .vehicle-dashboard-grid-v964 .vehicle-tile-v964{min-height:220px!important}
  .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
    width:38%!important;
    max-width:145px!important;
    top:54px!important;
    bottom:12px!important;
    right:10px!important;
  }
  .vehicle-dashboard-grid-v964 .ios-dashboard-body{padding-right:150px!important}
}
@media (max-width:699px){
  .vehicle-hero-v964 .vehicle-hero-grid-v964{grid-template-columns:1fr!important}
  .vehicle-hero-v964 .vehicle-hero-copy-v964{grid-column:1!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964{grid-column:1!important;justify-content:flex-end!important;justify-self:end!important;min-height:unset!important}
  .vehicle-hero-v964 .vehicle-hero-art-v964 img{max-width:220px!important;max-height:220px!important}

  .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
    width:40%!important;
    max-width:140px!important;
    top:52px!important;
    bottom:10px!important;
    right:10px!important;
  }
  .vehicle-dashboard-grid-v964 .ios-dashboard-body{padding-right:136px!important}
}


/* Version 9.71 - Fahrzeugdaten Feinschliff: Kalender, Zuladung, Ladefläche löschen, Mängel breiter */
.vehicle-data-card-v964:has([data-vehicle-maengel-list-v965]){
    grid-column:span 2!important;
}
.vehicle-data-card-v964:has([data-vehicle-maengel-list-v965]) .vehicle-maengel-row-v965{
    grid-template-columns:minmax(0,1fr) 110px!important;
}
.vehicle-data-card-v964:has([data-vehicle-maengel-list-v965]) textarea{
    min-height:110px!important;
}
.vehicle-card-clear-v971{
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:.74rem!important;
}
.vehicle-data-fields-v963 input[type="month"],
.vehicle-data-fields-v963 input[type="date"]{
    min-height:42px!important;
}
.vehicle-data-card-v964 .js-vehicle-payload-v971{
    background:rgba(101,217,75,.12)!important;
    border-color:rgba(101,217,75,.28)!important;
    color:#111827!important;
    font-weight:950!important;
}
@media(max-width:860px){
    .vehicle-data-card-v964:has([data-vehicle-maengel-list-v965]){
        grid-column:1/-1!important;
    }
    .vehicle-data-card-v964:has([data-vehicle-maengel-list-v965]) .vehicle-maengel-row-v965{
        grid-template-columns:1fr!important;
    }
}


/* Version 9.72 - Fahrzeugdaten: Kalenderfelder mobil sauber */
.vehicle-data-fields-v963 input[type="month"],
.vehicle-data-fields-v963 input[type="date"]{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}

@media(max-width:680px){
    .vehicle-data-fields-v963{
        grid-template-columns:1fr!important;
        min-width:0!important;
    }
    .vehicle-data-fields-v963 label{
        min-width:0!important;
        max-width:100%!important;
    }
    .vehicle-data-fields-v963 input,
    .vehicle-data-fields-v963 select,
    .vehicle-data-fields-v963 textarea,
    .vehicle-data-fields-v963 input[type="month"],
    .vehicle-data-fields-v963 input[type="date"]{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
        font-size:16px!important;
    }
}


/* Version 9.73 - Fahrzeugbilder in Menükacheln ca. 30% größer */
.vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
    width:57%!important;
    max-width:247px!important;
    max-height:68%!important;
}
.vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
}

@media (min-width:700px) and (max-width:1100px){
    .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
        width:49%!important;
        max-width:189px!important;
        max-height:60%!important;
        right:8px!important;
        bottom:8px!important;
        top:48px!important;
    }
    .vehicle-dashboard-grid-v964 .ios-dashboard-body{
        padding-right:165px!important;
    }
}

@media (max-width:699px){
    .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
        width:52%!important;
        max-width:182px!important;
        max-height:58%!important;
        right:8px!important;
        bottom:8px!important;
        top:48px!important;
    }
    .vehicle-dashboard-grid-v964 .ios-dashboard-body{
        padding-right:148px!important;
    }
}


/* Version 9.74 - Ladefläche-löschen Button entfernt */
.vehicle-card-clear-v971,
[data-clear-ladeflaeche-v971]{
    display:none!important;
}


/* Version 9.75 - Fahrzeugdaten Untermenü: nur Name + gespeichertes Kennzeichen */
.vehicle-dashboard-grid-v964 .ios-dashboard-body small{
    font-weight:950!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
}


/* Version 9.76 - Kennzeichen in Fahrzeugkacheln einzeilig */
.vehicle-dashboard-grid-v964 .ios-dashboard-body small{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    padding:5px 9px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.86)!important;
    color:#1f2430!important;
    border:1px solid rgba(15,23,42,.16)!important;
    line-height:1!important;
}

:root[data-theme="dark"] .vehicle-dashboard-grid-v964 .ios-dashboard-body small{
    background:rgba(255,255,255,.88)!important;
    color:#1f2430!important;
    border-color:rgba(255,255,255,.22)!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-body{
    min-width:0!important;
}


/* Version 9.77 - Fahrzeugdaten Untermenü Breitmodus sauber */
@media (min-width:1101px){
    .vehicle-dashboard-grid-v964{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:18px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-tile-v964{
        min-height:230px!important;
        padding:24px!important;
        overflow:hidden!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
        width:46%!important;
        max-width:210px!important;
        max-height:62%!important;
        right:18px!important;
        top:62px!important;
        bottom:18px!important;
        align-items:center!important;
        justify-content:center!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
    }
    .vehicle-dashboard-grid-v964 .ios-dashboard-body{
        padding-right:calc(46% + 18px)!important;
        min-width:0!important;
        position:relative!important;
        z-index:2!important;
    }
    .vehicle-dashboard-grid-v964 .ios-dashboard-body strong{
        max-width:100%!important;
        white-space:normal!important;
        overflow-wrap:normal!important;
        word-break:normal!important;
        line-height:1.08!important;
    }
    .vehicle-dashboard-grid-v964 .ios-dashboard-body small{
        width:auto!important;
        max-width:100%!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
}

/* Extra breite Bildschirme: 4 Spalten, aber mehr Platz im Textbereich */
@media (min-width:1500px){
    .vehicle-dashboard-grid-v964{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
        width:40%!important;
        max-width:190px!important;
    }
    .vehicle-dashboard-grid-v964 .ios-dashboard-body{
        padding-right:calc(40% + 18px)!important;
    }
}


/* Version 9.78 - Fahrzeugdaten Untermenü stabil für breit + schmal */
/* Die Fahrzeugbilder werden nicht mehr absolut über den Text gelegt,
   sondern als echte rechte Spalte in der Kachel geführt. */
.vehicle-dashboard-grid-v964{
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
    gap:18px!important;
}

.vehicle-dashboard-grid-v964 .vehicle-tile-v964{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(120px,42%)!important;
    grid-template-rows:auto minmax(130px,1fr)!important;
    grid-template-areas:
        "top top"
        "body image"!important;
    align-items:center!important;
    min-height:230px!important;
    padding:22px!important;
    overflow:hidden!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-top{
    grid-area:top!important;
    position:relative!important;
    z-index:3!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-body{
    grid-area:body!important;
    position:relative!important;
    z-index:3!important;
    padding-right:0!important;
    min-width:0!important;
    align-self:center!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-body strong{
    display:block!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-height:1.08!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-body small{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
    grid-area:image!important;
    position:static!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

.vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
    position:static!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:150px!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:1!important;
    filter:none!important;
    box-shadow:none!important;
}

/* Tablet: etwas kompakter, aber weiterhin Text links / Bild rechts */
@media (min-width:700px) and (max-width:1100px){
    .vehicle-dashboard-grid-v964{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:16px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-tile-v964{
        grid-template-columns:minmax(0,1fr) minmax(105px,40%)!important;
        min-height:215px!important;
        padding:20px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
        max-height:135px!important;
    }
}

/* Handy/schmal: gleiche Logik, aber kleinere Bildspalte */
@media (max-width:699px){
    .vehicle-dashboard-grid-v964{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-tile-v964{
        grid-template-columns:minmax(0,1fr) minmax(100px,38%)!important;
        grid-template-rows:auto minmax(115px,1fr)!important;
        min-height:205px!important;
        padding:18px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
        max-height:125px!important;
    }
    .vehicle-dashboard-grid-v964 .ios-dashboard-body strong{
        font-size:1.08rem!important;
    }
}


/* Version 9.79 - Fahrzeugdaten Untermenü einheitlich: Bild oben, Text/Kennzeichen mittig */
.vehicle-dashboard-grid-v964{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
}

.vehicle-dashboard-grid-v964 .vehicle-tile-v964{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(105px,1fr) auto!important;
    grid-template-areas:
        "top"
        "image"
        "body"!important;
    min-height:238px!important;
    padding:22px!important;
    overflow:hidden!important;
    align-items:center!important;
    justify-items:center!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-top{
    grid-area:top!important;
    width:100%!important;
    position:relative!important;
    z-index:3!important;
}

.vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
    grid-area:image!important;
    position:static!important;
    width:100%!important;
    height:115px!important;
    max-width:none!important;
    max-height:none!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    pointer-events:none!important;
    margin:6px 0 8px!important;
}

.vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
    position:static!important;
    width:100%!important;
    height:100%!important;
    max-width:185px!important;
    max-height:115px!important;
    object-fit:contain!important;
    object-position:center center!important;
    opacity:1!important;
    filter:none!important;
    box-shadow:none!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-body{
    grid-area:body!important;
    position:relative!important;
    z-index:3!important;
    padding-right:0!important;
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:8px!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-body strong{
    display:block!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-align:center!important;
    line-height:1.08!important;
}

.vehicle-dashboard-grid-v964 .ios-dashboard-body small{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:100%!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:center!important;
    line-height:1!important;
    padding:6px 10px!important;
}

/* Breitmodus: maximal 4 Karten je Reihe, aber weiterhin zentriertes Kartenlayout */
@media (min-width:1500px){
    .vehicle-dashboard-grid-v964{
        grid-template-columns:repeat(4,minmax(260px,1fr))!important;
    }
}

/* Tablet / schmaler Breitmodus */
@media (min-width:700px) and (max-width:1499px){
    .vehicle-dashboard-grid-v964{
        grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-tile-v964{
        min-height:224px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
        height:105px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
        max-height:105px!important;
        max-width:170px!important;
    }
}

/* Handy */
@media (max-width:699px){
    .vehicle-dashboard-grid-v964{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-tile-v964{
        min-height:216px!important;
        padding:18px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
        height:100px!important;
        margin:4px 0 8px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
        max-width:165px!important;
        max-height:100px!important;
    }
}


/* Version 9.80 - Materialliste: neue Kategorie-Bilder + weiße Kacheln im Hellmodus */

:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all{
    background:#ffffff!important;
    background-image:none!important;
    color:#111827!important;
    border:none!important;
    box-shadow:none!important;
}
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946::before,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946::after,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all::before,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all::after{
    display:none!important;
    content:none!important;
    background:none!important;
    border:none!important;
    box-shadow:none!important;
}
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946:hover,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all:hover{
    background:#ffffff!important;
    border:none!important;
    box-shadow:none!important;
}
:root[data-theme="light"] .material-category-tile-title-v953,
:root[data-theme="light"] .material-category-tile-v946 span,
:root[data-theme="light"] .material-category-tile-v946 strong{
    color:#111827!important;
    text-shadow:none!important;
}
:root[data-theme="light"] .material-category-tile-image-v953{
    filter:none!important;
}
:root[data-theme="light"] .material-action-category-image-v954,
:root[data-theme="light"] .material-table-category-image-v957{
    background:#ffffff!important;
    border:none!important;
    box-shadow:none!important;
    filter:none!important;
}


/* Version 9.81 - Materialliste Kategorien: Light/Dark Bildsets, Titel mittig, exakter Darkton */

.material-category-tile-image-dark-v981{display:none!important;}
.material-category-tile-image-light-v981{display:block!important;}
:root[data-theme="dark"] .material-category-tile-image-light-v981{display:none!important;}
:root[data-theme="dark"] .material-category-tile-image-dark-v981{display:block!important;}
:root[data-theme="light"] .material-category-tile-image-light-v981{display:block!important;}
:root[data-theme="light"] .material-category-tile-image-dark-v981{display:none!important;}

/* Light mode: reinweiß, keine Rahmen/Effekte, schwarzer Text */
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all{
    background:#ffffff!important;
    border:none!important;
    box-shadow:none!important;
}
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946::before,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946::after,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all::before,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all::after{
    display:none!important; content:none!important;
}
:root[data-theme="light"] .material-category-tile-title-v953,
:root[data-theme="light"] .material-category-tile-v946 span,
:root[data-theme="light"] .material-category-tile-v946 strong{color:#111827!important;text-shadow:none!important;}

/* Dark mode: exakter Farbton */
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946.is-all{
    background:#171824!important;
    border:none!important;
    box-shadow:none!important;
}
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946::before,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946::after,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946.is-all::before,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946.is-all::after{
    display:none!important; content:none!important;
}
:root[data-theme="dark"] .material-category-tile-title-v953,
:root[data-theme="dark"] .material-category-tile-v946 span,
:root[data-theme="dark"] .material-category-tile-v946 strong{color:#ffffff!important;text-shadow:none!important;}

/* Titel mittig über dem Bild */
.material-category-tile-v946{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
}
.material-category-tile-title-v953{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:14px!important;
    text-align:center!important;
    z-index:4!important;
}
.material-category-tile-image-v953{
    left:50%!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-44%)!important;
    width:82%!important;
    max-width:188px!important;
    object-fit:contain!important;
    filter:none!important;
}
.material-category-tile-v946.is-all .material-category-tile-image-v953,
.material-category-tile-v946[href*="reiter="] .material-category-tile-image-v953{
    filter:none!important;
}
@media(max-width:900px){
    .material-category-tile-image-v953{width:80%!important;max-width:none!important;}
}
@media(max-width:520px){
    .material-category-tile-title-v953{top:12px!important;left:10px!important;right:10px!important;}
    .material-category-tile-image-v953{width:78%!important;}
}

/* Rechte Kategoriebilder oben ebenfalls theme-konsistent */
:root[data-theme="light"] .material-action-category-image-v954,
:root[data-theme="light"] .material-table-category-image-v957{
    background:#ffffff!important;
    border:none!important;
    box-shadow:none!important;
    filter:none!important;
    padding:0!important;
}
:root[data-theme="dark"] .material-action-category-image-v954,
:root[data-theme="dark"] .material-table-category-image-v957{
    background:#171824!important;
    border:none!important;
    box-shadow:none!important;
    filter:none!important;
    padding:0!important;
}


/* Version 9.82 - Materiallisten Kategorien Upload/Generator/Hover */
.material-category-icon-upload-grid-v982{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;}
.material-category-icon-note-v982{font-size:.9rem;line-height:1.45;opacity:.86;margin-top:10px;}
.material-category-admin-inline-actions-v982{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;}
.material-category-gpt-link-v982{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
@media (max-width: 720px){.material-category-icon-upload-grid-v982{grid-template-columns:1fr;}}

/* Desktop-only: 20% transparent until hover */
@media (min-width: 1180px) and (hover: hover) and (pointer: fine){
  .material-category-landing-v946 .material-category-tile-image-v953{opacity:.7;transition:opacity .18s ease;}
  .material-category-landing-v946 .material-category-tile-v946:hover .material-category-tile-image-v953{opacity:1;}
}

/* Exact theme styling for category chooser tiles */
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all{background:#ffffff!important;border:none!important;box-shadow:none!important;}
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946::before,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946::after,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all::before,
:root[data-theme="light"] .material-category-landing-v946 .material-category-tile-v946.is-all::after{display:none!important;content:none!important;}
:root[data-theme="light"] .material-category-tile-title-v953{color:#111827!important;text-shadow:none!important;}
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946.is-all{background:#171824!important;border:none!important;box-shadow:none!important;}
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946::before,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946::after,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946.is-all::before,
:root[data-theme="dark"] .material-category-landing-v946 .material-category-tile-v946.is-all::after{display:none!important;content:none!important;}
:root[data-theme="dark"] .material-category-tile-title-v953{color:#ffffff!important;text-shadow:none!important;}
.material-category-tile-title-v953{left:12px!important;right:12px!important;top:14px!important;text-align:center!important;z-index:4!important;}
.material-category-tile-image-v953{filter:none!important;left:50%!important;top:50%!important;transform:translate(-50%,-44%)!important;}

/* Prompt helper */
.material-icon-generator-card-v982{display:grid;grid-template-columns:minmax(320px, 460px) 1fr;gap:18px;align-items:start;}
.material-icon-generator-form-v982,.material-icon-generator-output-v982{display:grid;gap:14px;}
.material-icon-generator-actions-v982{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.material-icon-generator-output-v982 textarea,.material-icon-generator-form-v982 textarea{min-height:180px;}
@media (max-width: 900px){.material-icon-generator-card-v982{grid-template-columns:1fr;}}


/* Version 9.83 - Icon Generator cleanup */
.material-icon-generator-hero-v983{margin-bottom:18px;}
.material-icon-generator-shell-v983{display:grid;grid-template-columns:minmax(320px, 430px) minmax(420px, 1fr);gap:18px;align-items:start;}
.material-icon-generator-panel-v983{background:rgba(255,255,255,.72);border:1px solid rgba(22,27,45,.08);border-radius:24px;padding:22px;display:grid;gap:16px;box-shadow:0 14px 34px rgba(15,23,42,.08);}
:root[data-theme="dark"] .material-icon-generator-panel-v983{background:rgba(19,24,36,.88);border-color:rgba(255,255,255,.08);box-shadow:none;}
.material-icon-generator-panel-head-v983{display:grid;gap:6px;}
.material-icon-generator-panel-head-v983 h2{margin:0;font-size:1.25rem;line-height:1.2;}
.material-icon-generator-panel-head-v983 p{margin:0;opacity:.86;line-height:1.5;}
.material-icon-generator-form-v983{display:grid;gap:16px;}
.material-icon-generator-form-v983 label{display:grid;gap:8px;}
.material-icon-generator-form-v983 label > span{font-size:.92rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;opacity:.88;}
.material-icon-generator-form-v983 input,.material-icon-generator-form-v983 textarea,.material-icon-generator-prompt-v983{width:100%;border-radius:18px;}
.material-icon-generator-form-v983 textarea,.material-icon-generator-prompt-v983{min-height:220px;resize:vertical;line-height:1.55;}
.material-icon-generator-actions-v983{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.material-icon-generator-actions-secondary-v983 .btn{min-width:190px;justify-content:center;}
.material-icon-generator-linkbox-v983{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(15,23,42,.05);font-size:.96rem;}
:root[data-theme="dark"] .material-icon-generator-linkbox-v983{background:rgba(255,255,255,.06);}
.material-icon-generator-linkbox-v983 span{font-weight:700;}
.material-icon-generator-linkbox-v983 a{font-weight:700;text-decoration:none;}
@media (max-width: 960px){
  .material-icon-generator-shell-v983{grid-template-columns:1fr;}
  .material-icon-generator-panel-v983{padding:18px;}
  .material-icon-generator-form-v983 textarea,.material-icon-generator-prompt-v983{min-height:180px;}
}


/* Version 9.84 - Fahrzeugdaten Untermenü: Fahrzeugbilder nur am PC doppelt so groß */
@media (min-width:1180px) and (hover:hover) and (pointer:fine){
    .vehicle-dashboard-grid-v964 .vehicle-tile-v964{
        min-height:330px!important;
        grid-template-rows:auto minmax(210px,1fr) auto!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-wrap-v964{
        height:230px!important;
        margin:8px 0 10px!important;
    }
    .vehicle-dashboard-grid-v964 .vehicle-card-image-v962{
        max-width:370px!important;
        max-height:230px!important;
    }
}


/* Version 9.85 - Desktop Hauptmenü-Logo-Leiste unter Header */
.main-menu-logo-strip-v985{
    display:none!important;
}

@media (min-width:1180px) and (hover:hover) and (pointer:fine){
    .main-menu-logo-strip-v985{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:10px!important;
        margin:12px auto 10px!important;
        padding:8px 12px!important;
        width:max-content!important;
        max-width:100%!important;
        border-radius:999px!important;
        background:rgba(255,255,255,.64)!important;
        border:1px solid rgba(15,23,42,.08)!important;
        box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
        backdrop-filter:blur(14px)!important;
        -webkit-backdrop-filter:blur(14px)!important;
    }
    :root[data-theme="dark"] .main-menu-logo-strip-v985{
        background:rgba(18,21,31,.72)!important;
        border-color:rgba(255,255,255,.10)!important;
        box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
    }
    .main-menu-logo-strip-item-v985{
        width:42px!important;
        height:42px!important;
        border-radius:14px!important;
        display:grid!important;
        place-items:center!important;
        overflow:hidden!important;
        background:rgba(255,255,255,.50)!important;
        border:1px solid rgba(15,23,42,.08)!important;
        transition:transform .14s ease, background .14s ease, box-shadow .14s ease!important;
    }
    :root[data-theme="dark"] .main-menu-logo-strip-item-v985{
        background:rgba(255,255,255,.045)!important;
        border-color:rgba(255,255,255,.08)!important;
    }
    .main-menu-logo-strip-item-v985:hover{
        transform:translateY(-2px) scale(1.04)!important;
        background:rgba(255,255,255,.86)!important;
        box-shadow:0 10px 20px rgba(15,23,42,.14)!important;
    }
    :root[data-theme="dark"] .main-menu-logo-strip-item-v985:hover{
        background:rgba(255,255,255,.10)!important;
        box-shadow:0 10px 22px rgba(0,0,0,.30)!important;
    }
    .main-menu-logo-strip-img-v985{
        width:34px!important;
        height:34px!important;
        object-fit:contain!important;
        display:none!important;
        pointer-events:none!important;
    }
    :root[data-theme="light"] .main-menu-logo-strip-light-v985{
        display:block!important;
    }
    :root[data-theme="light"] .main-menu-logo-strip-dark-v985{
        display:none!important;
    }
    :root[data-theme="dark"] .main-menu-logo-strip-dark-v985{
        display:block!important;
    }
    :root[data-theme="dark"] .main-menu-logo-strip-light-v985{
        display:none!important;
    }
}


/* Version 9.86 - Desktop-Logo-Leiste Hover/aktiv + mobiler Lagerbestand-Switch */
@media (min-width:1180px) and (hover:hover) and (pointer:fine){
    .main-menu-logo-strip-v985{
        justify-content:flex-start!important;
        margin:12px 0 10px!important;
        padding:9px 12px!important;
        width:fit-content!important;
        max-width:100%!important;
        gap:12px!important;
    }
    .main-menu-logo-strip-item-v985{
        width:49px!important; /* + ca. 15% */
        height:49px!important;
        border-radius:16px!important;
        position:relative!important;
        overflow:visible!important;
        flex:0 0 49px!important;
        transition:flex-basis .22s ease, width .22s ease, transform .20s ease, background .16s ease, box-shadow .16s ease!important;
    }
    .main-menu-logo-strip-img-v985{
        width:39px!important; /* + ca. 15% */
        height:39px!important;
        transition:transform .22s ease!important;
    }
    .main-menu-logo-strip-item-v985:hover{
        flex-basis:128px!important;
        width:128px!important;
        transform:translateY(-2px)!important;
        justify-content:flex-start!important;
        padding-left:8px!important;
    }
    .main-menu-logo-strip-item-v985:hover .main-menu-logo-strip-img-v985{
        transform:scale(1.18)!important;
        transform-origin:center center!important;
    }
    .main-menu-logo-strip-item-v985::after{
        content:attr(data-label);
        position:absolute;
        left:52px;
        right:8px;
        top:50%;
        transform:translateY(-50%);
        color:var(--text);
        font-size:.72rem;
        line-height:1.05;
        font-weight:950;
        letter-spacing:.02em;
        white-space:normal;
        opacity:0;
        pointer-events:none;
        transition:opacity .16s ease .05s;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .main-menu-logo-strip-item-v985:hover::after{
        opacity:1;
    }
    .main-menu-logo-strip-item-v985.is-active-v986{
        width:58px!important;
        height:58px!important;
        flex-basis:58px!important;
        background:rgba(139,30,52,.16)!important;
        border-color:rgba(139,30,52,.36)!important;
        box-shadow:0 12px 28px rgba(139,30,52,.18)!important;
    }
    .main-menu-logo-strip-item-v985.is-active-v986 .main-menu-logo-strip-img-v985{
        width:46px!important;
        height:46px!important;
        transform:scale(1.05)!important;
    }
    .main-menu-logo-strip-item-v985.is-active-v986:hover{
        flex-basis:142px!important;
        width:142px!important;
    }
    .main-menu-logo-strip-item-v985.is-active-v986:hover .main-menu-logo-strip-img-v985{
        transform:scale(1.20)!important;
    }
}

/* Mobile Materialliste: Lagerbestand-Schalter sauber und mit Text anzeigen */
@media(max-width:760px){
    .material-table-stock-switch-v957,
    .material-action-zone-v895 .material-table-stock-switch-v957,
    .material-desktop-actions-v721 .material-table-stock-switch-v957{
        display:inline-flex!important;
        width:auto!important;
        max-width:100%!important;
        min-height:42px!important;
        padding:0 12px!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:10px!important;
        border-radius:14px!important;
        white-space:nowrap!important;
        overflow:visible!important;
    }
    .material-table-stock-switch-v957 span,
    .material-table-stock-switch-v957 .material-stock-switch-label-v957{
        display:inline!important;
        visibility:visible!important;
        opacity:1!important;
        font-size:.78rem!important;
        font-weight:950!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .material-table-stock-switch-v957 i{
        flex:0 0 42px!important;
        width:42px!important;
        height:24px!important;
        margin:0!important;
    }
    .material-table-stock-switch-v957 i::after{
        width:20px!important;
        height:20px!important;
        left:2px!important;
        top:2px!important;
    }
    .material-table-stock-switch-v957 input:checked + i::after{
        transform:translateX(18px)!important;
    }
    .material-toolbar-icon-row-v915{
        gap:8px!important;
        align-items:center!important;
    }
}


/* Version 9.87 - Desktop-Logo-Leiste: ausgeschriebene Hovertexte mit mehr Platz */
@media (min-width:1180px) and (hover:hover) and (pointer:fine){
    .main-menu-logo-strip-v985{
        gap:12px!important;
        overflow:visible!important;
    }

    .main-menu-logo-strip-item-v985{
        flex:0 0 50px!important;
        width:50px!important;
        height:50px!important;
        padding:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:0!important;
        overflow:hidden!important;
        white-space:nowrap!important;
        transition:
            flex-basis .24s ease,
            width .24s ease,
            padding .24s ease,
            transform .20s ease,
            background .16s ease,
            box-shadow .16s ease!important;
    }

    .main-menu-logo-strip-item-v985::after{
        content:attr(data-label)!important;
        position:static!important;
        transform:none!important;
        display:block!important;
        width:0!important;
        max-width:0!important;
        opacity:0!important;
        margin-left:0!important;
        overflow:hidden!important;
        white-space:nowrap!important;
        text-overflow:clip!important;
        color:var(--text)!important;
        font-size:.75rem!important;
        line-height:1!important;
        font-weight:950!important;
        letter-spacing:.01em!important;
        pointer-events:none!important;
        transition:
            opacity .14s ease .08s,
            width .24s ease,
            max-width .24s ease,
            margin-left .24s ease!important;
    }

    .main-menu-logo-strip-item-v985:hover{
        flex-basis:245px!important;
        width:245px!important;
        padding:0 16px 0 10px!important;
        justify-content:flex-start!important;
        gap:10px!important;
        z-index:10!important;
    }

    .main-menu-logo-strip-item-v985:hover::after{
        width:auto!important;
        max-width:178px!important;
        opacity:1!important;
        margin-left:4px!important;
    }

    .main-menu-logo-strip-item-v985:hover .main-menu-logo-strip-img-v985{
        transform:scale(1.16)!important;
        flex:0 0 auto!important;
    }

    .main-menu-logo-strip-item-v985.is-active-v986{
        flex-basis:62px!important;
        width:62px!important;
        height:58px!important;
    }

    .main-menu-logo-strip-item-v985.is-active-v986:hover{
        flex-basis:258px!important;
        width:258px!important;
    }

    .main-menu-logo-strip-item-v985.is-active-v986:hover::after{
        max-width:188px!important;
    }

    /* sehr lange Namen bekommen noch etwas mehr Raum */
    .main-menu-logo-strip-item-v985[aria-label="Auslastung und Termine"]:hover,
    .main-menu-logo-strip-item-v985[aria-label="Berechnungshilfen"]:hover,
    .main-menu-logo-strip-item-v985[aria-label="Lagerverwaltung"]:hover{
        flex-basis:270px!important;
        width:270px!important;
    }

    .main-menu-logo-strip-item-v985[aria-label="Auslastung und Termine"]:hover::after,
    .main-menu-logo-strip-item-v985[aria-label="Berechnungshilfen"]:hover::after,
    .main-menu-logo-strip-item-v985[aria-label="Lagerverwaltung"]:hover::after{
        max-width:205px!important;
    }
}