@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";.tickets-page{display:flex;flex-direction:column;gap:.75rem}.tickets-tabs{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border-radius:12px;padding:4px}.tickets-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:.55rem .75rem;min-height:40px;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--text-secondary);background:transparent;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tickets-tab--active{background:var(--primary);color:var(--text-primary)}.tickets-refresh{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;border-radius:10px;background:transparent;color:var(--text-secondary);flex-shrink:0;transition:color .15s}.tickets-refresh:active{color:var(--primary)}.tickets-search{position:relative}.tickets-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.tickets-search input{padding-left:38px;background:var(--bg-secondary)}.tickets-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--danger);font-size:.9rem}.tickets-error .btn-primary{width:auto;padding:.6rem 1.5rem;font-size:.88rem}.tickets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary);gap:.5rem}.tickets-empty__icon{opacity:.25}.tickets-list{display:flex;flex-direction:column;gap:.6rem}.ticket-card{display:flex;flex-direction:column;gap:.5rem;width:100%;text-align:left;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.ticket-card:active{background:var(--bg-tertiary);border-color:var(--primary)}.ticket-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ticket-card__nummer{font-size:.82rem;font-weight:700;color:var(--primary);font-family:monospace}.ticket-card__status{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--status-color) 30%,transparent)}.ticket-card__title{font-size:.95rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ticket-card__kunde{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card__prio{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:500;color:var(--prio-color);white-space:nowrap;flex-shrink:0}.ticket-card__prio-dot{width:7px;height:7px;border-radius:50%;background:var(--prio-color);flex-shrink:0}.ticket-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ticket-card__zeit{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.ticket-card__techniker{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tickets-count{text-align:center;font-size:.78rem;color:var(--text-secondary);padding:.25rem 0 .5rem}.ticket-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.ticket-skeleton__header{display:flex;justify-content:space-between}.ticket-skeleton__bar{border-radius:6px;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton-xs{width:60px;height:18px}.skeleton-sm{width:100px;height:16px}.skeleton-lg{width:90%;height:18px}.detail-page{display:flex;flex-direction:column;gap:.75rem}.detail-back{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.detail-back__btn{display:flex;align-items:center;gap:2px;min-height:44px;padding:.3rem .5rem .3rem 0;background:none;color:var(--primary);font-size:.95rem;font-weight:600;-webkit-tap-highlight-color:transparent}.detail-status-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--status-color) 30%,transparent);flex-shrink:0}.detail-header{display:flex;flex-direction:column;gap:.25rem}.detail-header__nummer{font-size:.85rem;font-weight:700;font-family:monospace;color:var(--primary)}.detail-header__title{font-size:1.15rem;font-weight:600;line-height:1.35;color:var(--text-primary)}.detail-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.detail-section__title{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0}.detail-section__save{margin-top:.25rem}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-info-item{display:flex;align-items:flex-start;gap:.5rem}.detail-info-item__icon{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.detail-info-item__label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.detail-info-item__value{font-size:.88rem;font-weight:500;color:var(--text-primary);word-break:break-word}.detail-geraet{font-size:.82rem;color:var(--text-secondary);padding-top:.25rem;border-top:1px solid var(--border-color)}.detail-description{font-size:.9rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}.detail-toast{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:10px;font-size:.82rem;font-weight:500}.detail-toast--success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.detail-toast--error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.detail-status-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;padding:.85rem 1rem;border-radius:12px;font-size:.95rem;font-weight:600;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--status-color) 35%,transparent);-webkit-tap-highlight-color:transparent;transition:background .15s}.detail-status-btn:active{background:color-mix(in srgb,var(--status-color) 25%,transparent)}.detail-status-btn:disabled{opacity:.5}.detail-status-done{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem;border-radius:12px;font-size:.9rem;font-weight:500;color:var(--success);background:color-mix(in srgb,var(--success) 8%,transparent)}.detail-status-chips{display:flex;flex-wrap:wrap;gap:.4rem}.detail-status-chip{padding:.3rem .7rem;border-radius:8px;font-size:.78rem;font-weight:500;min-height:32px;color:var(--chip-color);background:transparent;border:1px solid color-mix(in srgb,var(--chip-color) 30%,transparent);-webkit-tap-highlight-color:transparent;transition:background .15s}.detail-status-chip:active:not(:disabled){background:color-mix(in srgb,var(--chip-color) 15%,transparent)}.detail-status-chip--current{background:color-mix(in srgb,var(--chip-color) 20%,transparent);border-color:var(--chip-color);font-weight:700}.detail-status-chip:disabled{opacity:.6;cursor:default}.detail-zeit-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.detail-zeit-field{display:flex;flex-direction:column;gap:.2rem}.detail-zeit-label{font-size:.72rem;color:var(--text-secondary);font-weight:500;padding-left:2px}.detail-zeit-textarea,.detail-bericht-textarea{resize:vertical;min-height:48px}.detail-zeit-historie{display:flex;flex-direction:column;gap:.4rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.detail-zeit-historie__title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.detail-zeit-eintrag{display:flex;align-items:flex-start;gap:.4rem;font-size:.82rem;color:var(--text-secondary);line-height:1.35}.detail-zeit-eintrag svg{flex-shrink:0;margin-top:2px}.detail-loading,.detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.detail-error{color:var(--danger)}.detail-error .btn-primary{width:auto;padding:.6rem 1.5rem;font-size:.88rem}.upload-input-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-btn-row{display:flex;gap:.5rem}.upload-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.7rem .5rem;border-radius:12px;font-size:.88rem;font-weight:600;border:1px solid var(--border-color);-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.upload-btn--foto{background:color-mix(in srgb,var(--primary) 10%,var(--bg-secondary));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.upload-btn--foto:active{background:color-mix(in srgb,var(--primary) 20%,var(--bg-secondary))}.upload-btn--datei{background:var(--bg-secondary);color:var(--text-secondary)}.upload-btn--datei:active{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.upload-btn:disabled{opacity:.5;pointer-events:none}.upload-vorschau{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);position:relative}.upload-vorschau__bild{width:100%;max-height:220px;object-fit:contain;border-radius:8px;background:var(--bg-primary)}.upload-vorschau__datei-icon{display:flex;align-items:center;gap:.6rem;padding:.5rem 0}.upload-vorschau__name{font-size:.85rem;color:var(--text-primary);font-weight:500;word-break:break-all}.upload-vorschau__remove{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#00000080;color:var(--text-primary);-webkit-tap-highlight-color:transparent}.upload-vorschau__remove:active{background:var(--danger)}.upload-vorschau__senden{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:44px;padding:.65rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;background:var(--primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:background .15s}.upload-vorschau__senden:active{background:var(--primary-hover)}.upload-vorschau__senden:disabled{opacity:.6;pointer-events:none}.upload-dok-liste{display:flex;flex-direction:column;gap:.35rem}.upload-dok-laden{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-secondary);padding:.25rem 0}.upload-dok-leer{font-size:.82rem;color:var(--text-secondary);text-align:center;padding:.5rem 0}.upload-dok-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;background:var(--bg-tertiary);border-radius:9px;border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:border-color .15s}.upload-dok-item:active{border-color:var(--primary)}.upload-dok-item__thumb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;background:var(--bg-secondary)}.upload-dok-item__info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.upload-dok-item__name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-dok-item__datum{font-size:.72rem;color:var(--text-secondary)}.upload-dok-item__ext{color:var(--text-secondary);flex-shrink:0}.mat-leer{font-size:.82rem;color:var(--text-secondary);text-align:center;padding:.5rem 0}.mat-liste{display:flex;flex-direction:column;gap:.35rem}.mat-eintrag{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;background:var(--bg-tertiary);border-radius:9px;border:1px solid var(--border-color)}.mat-eintrag__info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.mat-eintrag__name{font-size:.85rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-eintrag__nr{font-size:.7rem;font-family:monospace;color:var(--text-secondary)}.mat-eintrag__rechts{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.mat-eintrag__betrag{font-size:.82rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.mat-eintrag__loeschen{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:44px;min-width:44px;border-radius:8px;background:transparent;-webkit-tap-highlight-color:transparent}.mat-eintrag__loeschen:active{background:color-mix(in srgb,var(--danger) 15%,transparent)}.mat-eintrag__confirm{display:flex;gap:.3rem}.mat-eintrag__confirm-ja{font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:6px;min-height:32px;color:var(--text-primary);background:var(--danger);-webkit-tap-highlight-color:transparent}.mat-eintrag__confirm-nein{font-size:.72rem;font-weight:500;padding:4px 8px;border-radius:6px;min-height:32px;color:var(--text-secondary);background:var(--bg-secondary);-webkit-tap-highlight-color:transparent}.mat-gesamt{display:flex;align-items:center;justify-content:space-between;padding:.6rem .65rem .25rem;border-top:1px solid var(--border-color);margin-top:.15rem;font-size:.88rem;font-weight:700;color:var(--text-primary)}.mat-gesamt__betrag{font-variant-numeric:tabular-nums}.mat-hinzufuegen-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:44px;padding:.65rem 1rem;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-secondary));border:1px dashed color-mix(in srgb,var(--primary) 40%,transparent);-webkit-tap-highlight-color:transparent;transition:background .15s}.mat-hinzufuegen-btn:active{background:color-mix(in srgb,var(--primary) 20%,var(--bg-secondary))}.mat-form{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.mat-suche-wrap{position:relative}.mat-suche-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:1}.mat-suche-input{padding-left:36px!important}.mat-suche-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0006;overflow:hidden}.mat-suche-leer{font-size:.82rem;color:var(--text-secondary);text-align:center;padding:.75rem}.mat-suche-item{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;padding:.6rem .75rem;background:transparent;color:var(--text-primary);-webkit-tap-highlight-color:transparent;border-bottom:1px solid var(--border-color);min-height:44px}.mat-suche-item:last-child{border-bottom:none}.mat-suche-item:active{background:color-mix(in srgb,var(--primary) 12%,transparent)}.mat-suche-item__name{font-size:.88rem;font-weight:500}.mat-suche-item__detail{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.mat-form-feld{display:flex;flex-direction:column;gap:.2rem}.mat-form-feld--flex{flex:1;min-width:0}.mat-form-feld--sm{width:80px;flex-shrink:0}.mat-form-label{font-size:.72rem;color:var(--text-secondary);font-weight:500;padding-left:2px}.mat-form-row{display:flex;gap:.5rem}.mat-form-actions{display:flex;gap:.5rem;margin-top:.15rem}.sig-wrap{display:flex;flex-direction:column;gap:.6rem}.sig-canvas{width:100%;height:200px;display:block;border-radius:12px;border:1.5px dashed var(--border-color);background:var(--bg-secondary);cursor:crosshair;touch-action:none}.sig-btn-row{display:flex;gap:.5rem}.sig-btn-loeschen{flex:1}.sig-btn-speichern{flex:2}.sig-gespeichert{display:flex;flex-direction:column;gap:.6rem;align-items:center}.sig-gespeichert__bild{max-height:150px;max-width:100%;border-radius:10px;border:1px solid var(--border-color)}.sig-gespeichert__info{width:100%}.kunden-page{display:flex;flex-direction:column;gap:.75rem}.kunden-top{display:flex;align-items:center;gap:.5rem}.kunden-search{position:relative;flex:1}.kunden-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.kunden-search input{padding-left:38px;background:var(--bg-secondary)}.kunden-refresh{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0;border:1px solid var(--border-color);transition:color .15s}.kunden-refresh:active{color:var(--primary)}.kunden-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--danger);font-size:.9rem}.kunden-error .btn-primary{width:auto;padding:.6rem 1.5rem;font-size:.88rem}.kunden-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary);gap:.5rem}.kunden-empty__icon{opacity:.25}.kunden-list{display:flex;flex-direction:column;gap:.6rem}.kunden-card{display:flex;flex-direction:column;gap:.5rem;width:100%;text-align:left;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.kunden-card:active{background:var(--bg-tertiary);border-color:var(--primary)}.kunden-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.kunden-card__firma{font-size:.95rem;font-weight:600;line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kunden-card__kdnr{font-size:.75rem;font-weight:600;color:var(--text-secondary);font-family:monospace;white-space:nowrap;flex-shrink:0}.kunden-card__details{display:flex;flex-direction:column;gap:.25rem}.kunden-card__info{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kunden-count{text-align:center;font-size:.78rem;color:var(--text-secondary);padding:.25rem 0 .5rem}.kunden-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.kunden-skeleton__header{display:flex;justify-content:space-between}.kunden-skeleton__bar{border-radius:6px;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton-xs{width:80px;height:16px}.skeleton-sm{width:120px;height:14px}.skeleton-md{width:70%;height:14px}.skeleton-lg{width:60%;height:18px}.kunde-detail{display:flex;flex-direction:column;gap:.75rem}.kunde-detail__header{display:flex;flex-direction:column;gap:.15rem}.kunde-detail__firma{font-size:1.2rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin:0}.kunde-detail__kdnr{font-size:.82rem;font-weight:600;font-family:monospace;color:var(--text-secondary)}.kunde-quick-actions{display:flex;gap:.5rem}.kunde-qa-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:64px;padding:.75rem .5rem;border-radius:14px;font-size:.78rem;font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .1s}.kunde-qa-btn:active{transform:scale(.96)}.kunde-qa-btn--anrufen{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.kunde-qa-btn--route{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent);border:1px solid color-mix(in srgb,var(--info) 30%,transparent)}.kunde-qa-btn--mail{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent)}.kunde-kontakt-block{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.kunde-kontakt-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.kunde-kontakt-value{font-size:.88rem;color:var(--text-primary);line-height:1.45}.kunde-kontakt-grid{display:flex;flex-direction:column;gap:.6rem}.kunde-kontakt-item{display:flex;align-items:flex-start;gap:.5rem}.kunde-kontakt-item svg{flex-shrink:0;margin-top:3px}.kunde-kontakt-link{font-size:.88rem;color:var(--primary);text-decoration:none;word-break:break-all}.kunde-kontakt-link:active{opacity:.7}.kunde-kontakt-value-inline{font-size:.88rem;color:var(--text-primary)}.kunde-kontakte-list{display:flex;flex-direction:column;gap:.6rem}.kunde-kontakt-person{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .75rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-color)}.kunde-kontakt-person__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kunde-kontakt-person__name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.kunde-kontakt-person__position{font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.kunde-kontakt-person__actions{display:flex;flex-direction:column;gap:.25rem}.kunde-kontakt-person__action{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-secondary);text-decoration:none;padding:.15rem 0;-webkit-tap-highlight-color:transparent}.kunde-kontakt-person__action:active{opacity:.7}.kunde-kontakt-person__action span{word-break:break-all}.kunde-placeholder-hinweis{font-size:.85rem;color:var(--text-secondary);text-align:center;padding:1rem 0}.kunde-leer-hinweis{font-size:.85rem;color:var(--text-secondary);text-align:center;padding:.75rem 0}.kunde-beleg-list{display:flex;flex-direction:column;gap:.5rem}.kunde-beleg-item{display:flex;flex-direction:column;gap:.3rem;width:100%;text-align:left;padding:.7rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.kunde-beleg-item:not(.kunde-beleg-item--static):active{background:color-mix(in srgb,var(--primary) 8%,var(--bg-tertiary));border-color:var(--primary)}.kunde-beleg-item--static{cursor:default}.kunde-beleg-item__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kunde-beleg-item__nr{font-size:.8rem;font-weight:700;font-family:monospace;color:var(--primary)}.kunde-beleg-item__status{font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:8px;white-space:nowrap;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--status-color) 30%,transparent)}.kunde-beleg-item__text{font-size:.85rem;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kunde-beleg-item__date{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-secondary)}.kunde-qa-btn--wiki{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent);border:1px solid color-mix(in srgb,var(--info) 30%,transparent)}.kunde-it-geraet-details{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kunde-it-geraet-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:8px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);white-space:nowrap}.kunde-it-geraet-mono{font-size:.8rem;font-family:monospace;color:var(--text-secondary)}.wiki-page{display:flex;flex-direction:column;gap:.75rem}.wiki-page__header{display:flex;flex-direction:column;gap:.15rem}.wiki-page__kunde{font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin:0}.wiki-page__kdnr{font-size:.82rem;font-weight:600;font-family:monospace;color:var(--text-secondary)}.wiki-section{border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--glass-bg)}.wiki-section__toggle{display:flex;align-items:center;gap:.65rem;width:100%;padding:.9rem 1rem;background:transparent;color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:left;min-height:48px;-webkit-tap-highlight-color:transparent;transition:background .15s}.wiki-section__toggle:active{background:var(--bg-tertiary)}.wiki-section__toggle-icon{color:var(--primary);flex-shrink:0}.wiki-section__toggle-label{flex:1}.wiki-section__toggle-count{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:8px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.wiki-section__chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .25s ease}.wiki-section__chevron--open{transform:rotate(180deg)}.wiki-section__body{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.6rem}.wiki-remote-card{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;background:var(--bg-tertiary);border-radius:12px;border-left:3px solid var(--remote-color, var(--text-secondary))}.wiki-remote-card__header{display:flex;align-items:center;gap:.5rem}.wiki-remote-card__name{flex:1;font-weight:600;font-size:.92rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-remote-card__art{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:8px;background:color-mix(in srgb,var(--remote-color, var(--text-secondary)) 15%,transparent);color:var(--remote-color, var(--text-secondary));white-space:nowrap}.wiki-remote-card__id{display:flex;align-items:center;gap:.4rem;font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.wiki-remote-card__pw{display:flex;align-items:center;gap:.4rem;font-family:monospace;font-size:.85rem;color:var(--warning)}.wiki-remote-card__actions{display:flex;gap:.4rem;flex-wrap:wrap}.wiki-remote-action-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;min-width:48px;padding:.5rem .85rem;border-radius:10px;font-size:.82rem;font-weight:600;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s}.wiki-remote-action-btn:active{transform:scale(.96)}.wiki-remote-action-btn--connect{background:color-mix(in srgb,var(--success) 15%,transparent);border-color:color-mix(in srgb,var(--success) 30%,transparent);color:var(--success);flex:1}.wiki-remote-action-btn--copy{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent);color:var(--primary)}.wiki-remote-action-btn--pw{background:color-mix(in srgb,var(--warning) 10%,transparent);border-color:color-mix(in srgb,var(--warning) 25%,transparent);color:var(--warning)}.wiki-remote-action-btn:disabled{opacity:.35;pointer-events:none}.wiki-netz-card{display:flex;flex-direction:column;gap:.4rem;padding:.85rem 1rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.wiki-netz-card__name{font-weight:600;font-size:.92rem;color:var(--text-primary)}.wiki-netz-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem}.wiki-netz-item{display:flex;flex-direction:column;gap:.1rem}.wiki-netz-item__label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.wiki-netz-item__value{font-size:.85rem;font-family:monospace;color:var(--text-primary)}.wiki-netz-notiz{font-size:.82rem;color:var(--text-secondary);font-style:italic;padding-top:.25rem;border-top:1px solid var(--border-color)}.wiki-geraet-card{display:flex;flex-direction:column;gap:.3rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.wiki-geraet-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wiki-geraet-card__name{font-weight:600;font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.wiki-geraet-card__status{font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:8px;white-space:nowrap;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 15%,transparent)}.wiki-geraet-card__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary)}.wiki-geraet-card__meta-mono{font-family:monospace;font-size:.8rem;color:var(--text-secondary)}.wiki-notiz-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.wiki-notiz-card__toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:left;min-height:48px;-webkit-tap-highlight-color:transparent;transition:background .15s}.wiki-notiz-card__toggle:active{background:var(--glass-bg)}.wiki-notiz-card__chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .25s ease}.wiki-notiz-card__chevron--open{transform:rotate(180deg)}.wiki-notiz-card__body{padding:0 1rem .85rem;font-size:.88rem;line-height:1.6;color:var(--text-secondary);font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-word}.wiki-dok-card{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);min-height:48px;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.wiki-dok-card:active{background:color-mix(in srgb,var(--primary) 8%,var(--bg-tertiary));border-color:var(--primary)}.wiki-dok-card__title{flex:1;font-weight:600;font-size:.88rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-dok-card__type{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);white-space:nowrap}.wiki-leer{font-size:.85rem;color:var(--text-secondary);text-align:center;padding:.75rem 0}.barcode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:var(--bg-primary)}.barcode-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:1}.barcode-header__title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.barcode-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#ffffff14;color:var(--text-primary);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.barcode-close:active{background:#ffffff26}.barcode-viewport-wrap{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.barcode-viewport{width:100%;height:100%}.barcode-viewport video{object-fit:cover!important;width:100%!important;height:100%!important}#barcode-scanner-viewport__header_message,#barcode-scanner-viewport__dashboard,#barcode-scanner-viewport__dashboard_section,#barcode-scanner-viewport__dashboard_section_csr,#barcode-scanner-viewport__dashboard_section_swaplink,#barcode-scanner-viewport img[alt="Info icon"]{display:none!important}#barcode-scanner-viewport__scan_region{border:none!important}#barcode-scanner-viewport__scan_region>br{display:none!important}.barcode-starting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);font-size:.9rem;z-index:2;background:var(--bg-primary)}.barcode-starting__spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:barcode-spin .8s linear infinite}@keyframes barcode-spin{to{transform:rotate(360deg)}}.barcode-fehler{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:var(--danger);font-size:.9rem;z-index:2;background:var(--bg-primary)}.barcode-fehler .btn-primary{margin-top:.5rem;width:auto;padding:.6rem 1.5rem;font-size:.88rem}.barcode-frame{position:absolute;top:50%;left:50%;width:280px;height:160px;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.barcode-frame__corner{position:absolute;width:24px;height:24px;border-color:var(--primary);border-style:solid;border-width:0}.barcode-frame__corner--tl{top:0;left:0;border-top-width:3px;border-left-width:3px;border-top-left-radius:8px}.barcode-frame__corner--tr{top:0;right:0;border-top-width:3px;border-right-width:3px;border-top-right-radius:8px}.barcode-frame__corner--bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px}.barcode-frame__corner--br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px}.barcode-frame__line{position:absolute;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,var(--primary) 80%,transparent 100%);box-shadow:0 0 8px var(--primary);animation:barcode-scan-line 2.5s ease-in-out infinite}@keyframes barcode-scan-line{0%,to{top:12px;opacity:.6}50%{top:calc(100% - 14px);opacity:1}}.barcode-hint{flex-shrink:0;padding:1rem;text-align:center;font-size:.85rem;color:var(--text-secondary);background:var(--bg-secondary);border-top:1px solid var(--border-color)}.lager-page{display:flex;flex-direction:column;gap:.75rem}.lager-top{display:flex;align-items:center;gap:.5rem}.lager-search{position:relative;flex:1}.lager-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.lager-search input{padding-left:38px;background:var(--bg-secondary)}.lager-scan-btn{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;border-radius:10px;background:var(--primary);color:var(--text-primary);flex-shrink:0;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s}.lager-scan-btn:active{background:var(--accent);transform:scale(.95)}.lager-refresh{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0;border:1px solid var(--border-color);transition:color .15s}.lager-refresh:active{color:var(--primary)}.lager-tabs{display:flex;align-items:center;gap:.35rem;background:var(--bg-secondary);border-radius:12px;padding:4px}.lager-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:.5rem .4rem;min-height:38px;border-radius:9px;font-size:.82rem;font-weight:600;color:var(--text-secondary);background:transparent;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.lager-tab--active{background:var(--primary);color:var(--text-primary)}.lager-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:.68rem;font-weight:700;background:var(--danger);color:var(--text-primary)}.lager-tab--active .lager-tab__badge{background:#ffffff4d}.lager-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--danger);font-size:.9rem}.lager-error .btn-primary{width:auto;padding:.6rem 1.5rem;font-size:.88rem}.lager-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary);gap:.5rem}.lager-empty__icon{opacity:.25}.lager-list{display:flex;flex-direction:column;gap:.6rem}.artikel-card{display:flex;flex-direction:column;gap:.45rem;width:100%;text-align:left;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.artikel-card:active{background:var(--bg-tertiary);border-color:var(--primary)}.artikel-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.artikel-card__bezeichnung{font-size:.95rem;font-weight:600;line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artikel-card__nr{font-size:.72rem;font-weight:600;color:var(--text-secondary);font-family:monospace;white-space:nowrap;flex-shrink:0}.artikel-card__tags{display:flex;flex-wrap:wrap;gap:.3rem}.artikel-card__tag{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:6px;font-size:.7rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color)}.artikel-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem}.artikel-card__bestand-wrap{display:flex;flex-direction:column;gap:1px}.artikel-card__bestand{font-size:1.3rem;font-weight:700;line-height:1}.artikel-card__einheit{font-size:.75rem;font-weight:500;opacity:.8}.artikel-card__bestand--ok{color:var(--success)}.artikel-card__bestand--knapp{color:var(--warning)}.artikel-card__bestand--niedrig{color:var(--danger)}.artikel-card__mindest{font-size:.72rem;color:var(--text-secondary)}.artikel-card__badges{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.artikel-card__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:8px;font-size:.68rem;font-weight:600;white-space:nowrap}.artikel-card__badge--sn{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent);border:1px solid color-mix(in srgb,var(--info) 30%,transparent)}.artikel-card__preis{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.lager-count{text-align:center;font-size:.78rem;color:var(--text-secondary);padding:.25rem 0 .5rem}.lager-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.lager-skeleton__header{display:flex;justify-content:space-between}.lager-skeleton__footer{display:flex;justify-content:space-between;align-items:center}.lager-skeleton__bar{border-radius:6px;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite;height:14px}.skeleton-xs{width:60px}.skeleton-sm{width:100px}.skeleton-md{width:65%}.skeleton-lg{width:55%;height:18px}.lager-scan-toast--mehrere{background:color-mix(in srgb,var(--primary) 18%,var(--bg-secondary));color:var(--accent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent)}.lager-detail{display:flex;flex-direction:column;gap:.75rem}.lager-detail__header{display:flex;flex-direction:column;gap:.2rem}.lager-detail__bezeichnung{font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin:0}.lager-detail__nr{font-size:.82rem;font-weight:600;font-family:monospace;color:var(--text-secondary)}.lager-detail__header-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.lager-detail__badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:8px;font-size:.72rem;font-weight:600}.lager-detail__badge--sn{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent);border:1px solid color-mix(in srgb,var(--info) 30%,transparent)}.lager-detail__badge--inaktiv{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color)}.lager-ampel-section{padding:1.25rem 1rem}.lager-ampel{display:flex;align-items:center;gap:1.25rem}.lager-ampel__kreis{display:flex;flex-direction:column;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--ampel-farbe) 12%,transparent);border:3px solid var(--ampel-farbe);flex-shrink:0;line-height:1}.lager-ampel__zahl{font-size:2rem;font-weight:800;color:var(--ampel-farbe);line-height:1}.lager-ampel__einheit{font-size:.7rem;font-weight:600;color:var(--ampel-farbe);opacity:.8}.lager-ampel__info{display:flex;flex-direction:column;gap:.25rem}.lager-ampel__label{font-size:1.05rem;font-weight:700;color:var(--ampel-farbe)}.lager-ampel__mindest{font-size:.82rem;color:var(--text-secondary)}.lager-info-grid{display:flex;flex-direction:column;gap:.65rem}.lager-info-item{display:flex;align-items:flex-start;gap:.5rem}.lager-info-item svg{flex-shrink:0;margin-top:3px}.lager-info-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:500;margin-bottom:1px}.lager-info-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.lager-info-value--mono{font-family:monospace;font-size:.85rem}.lager-preise{display:flex;gap:1rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--border-color);margin-top:.25rem}.lager-preis-item{display:flex;flex-direction:column;gap:2px}.lager-preis-wert{font-size:1rem;font-weight:700;color:var(--text-primary)}.lager-beschreibung{padding-top:.5rem;border-top:1px solid var(--border-color);margin-top:.25rem}.lager-beschreibung__text{font-size:.88rem;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-top:.3rem}.lager-sn-zaehler{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:500;color:var(--success);margin-left:auto}.lager-sn-loading{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;padding:.5rem 0}.lager-leer-hinweis{font-size:.85rem;color:var(--text-secondary);text-align:center;padding:.75rem 0}.lager-sn-liste{display:flex;flex-direction:column;gap:.4rem}.lager-sn-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;background:var(--bg-tertiary);border-radius:9px;border:1px solid var(--border-color)}.lager-sn-item__nr{font-family:monospace;font-size:.85rem;font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lager-sn-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.lager-sn-item__bem{font-size:.7rem;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lager-sn-item__status{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:7px;white-space:nowrap;color:var(--sn-farbe);background:color-mix(in srgb,var(--sn-farbe) 12%,transparent);border:1px solid color-mix(in srgb,var(--sn-farbe) 28%,transparent)}.buchung-section{padding:.75rem 1rem}.buchung-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.buchung-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1rem;border-radius:12px;font-size:.92rem;font-weight:700;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .1s}.buchung-btn:disabled{opacity:.4;pointer-events:none}.buchung-btn:active{transform:scale(.96)}.buchung-btn--zugang{background:color-mix(in srgb,var(--success) 18%,var(--bg-secondary));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}.buchung-btn--abgang{background:color-mix(in srgb,var(--danger) 18%,var(--bg-secondary));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.buchung-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:14px;border:1px solid var(--border-color)}.buchung-form--zugang{border-color:color-mix(in srgb,var(--success) 30%,transparent)}.buchung-form--abgang{border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.buchung-form__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.buchung-form__titel{font-size:1rem;font-weight:700;color:var(--text-primary)}.buchung-form__bestand{font-size:.82rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);padding:3px 10px;border-radius:8px}.buchung-sn-hinweis{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;border-radius:10px;font-size:.82rem;color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent);line-height:1.4}.buchung-sn-hinweis svg{flex-shrink:0;margin-top:1px}.buchung-menge{display:flex;align-items:center;justify-content:center;gap:.75rem}.buchung-menge__btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s;flex-shrink:0}.buchung-menge__btn:active:not(:disabled){background:var(--primary);border-color:var(--primary)}.buchung-menge__btn:disabled{opacity:.3;pointer-events:none}.buchung-menge__input{width:80px;height:52px;text-align:center;font-size:1.5rem;font-weight:800;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;-moz-appearance:textfield}.buchung-menge__input::-webkit-inner-spin-button,.buchung-menge__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.buchung-menge__input:focus{outline:none;border-color:var(--primary)}.buchung-warnung{text-align:center;font-size:.78rem;color:var(--warning);font-weight:500}.buchung-gruende{display:flex;flex-direction:column;gap:.4rem}.buchung-gruende__label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.buchung-gruende__pills{display:flex;flex-wrap:wrap;gap:.35rem}.buchung-pill{display:inline-flex;align-items:center;padding:.4rem .85rem;min-height:36px;border-radius:18px;font-size:.82rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s}.buchung-pill:active:not(:disabled){transform:scale(.95)}.buchung-pill--aktiv{color:var(--text-primary);background:var(--primary);border-color:var(--primary)}.buchung-pill:disabled{opacity:.4;pointer-events:none}.buchung-bemerkung input{width:100%;padding:.6rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.88rem}.buchung-bemerkung input:focus{outline:none;border-color:var(--primary)}.buchung-bemerkung input::placeholder{color:var(--text-secondary)}.buchung-aktionen{display:flex;gap:.5rem}.buchung-abbrechen{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.6rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.buchung-abbrechen:active{background:var(--bg-tertiary)}.buchung-bestaetigen{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.6rem 1rem;border-radius:10px;font-size:.88rem;font-weight:700;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .1s}.buchung-bestaetigen:disabled{opacity:.5;pointer-events:none}.buchung-bestaetigen:active:not(:disabled){transform:scale(.97)}.buchung-bestaetigen--zugang{background:var(--success);color:#fff}.buchung-bestaetigen--abgang{background:var(--danger);color:#fff}.lager-barcode-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:52px;padding:.9rem 1.5rem;background:var(--primary);color:var(--text-primary);border-radius:14px;font-size:1rem;font-weight:700;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s}.lager-barcode-btn:active{background:var(--primary-hover);transform:scale(.97)}.lager-scan-toast{position:fixed;bottom:80px;left:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-size:.85rem;font-weight:500;z-index:900;animation:toast-slide-up .3s ease-out;box-shadow:0 4px 20px #0006}.lager-scan-toast--fehler{background:color-mix(in srgb,var(--danger) 18%,var(--bg-secondary));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.lager-scan-toast--erfolg{background:color-mix(in srgb,var(--success) 18%,var(--bg-secondary));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}@keyframes toast-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auftraege-page{display:flex;flex-direction:column;gap:.75rem}.auftraege-top{display:flex;align-items:center;gap:.5rem}.auftraege-search{position:relative;flex:1}.auftraege-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.auftraege-search input{padding-left:38px;background:var(--bg-secondary)}.auftraege-refresh{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0;border:1px solid var(--border-color);transition:color .15s}.auftraege-refresh:active{color:var(--primary)}.auftraege-tabs{display:flex;align-items:center;gap:.35rem;background:var(--bg-secondary);border-radius:12px;padding:4px}.auftraege-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem .4rem;min-height:38px;border-radius:9px;font-size:.82rem;font-weight:600;color:var(--text-secondary);background:transparent;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.auftraege-tab--active{background:var(--primary);color:var(--text-primary)}.auftraege-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--danger);font-size:.9rem}.auftraege-error .btn-primary{width:auto;padding:.6rem 1.5rem;font-size:.88rem}.auftraege-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary);gap:.5rem}.auftraege-empty__icon{opacity:.25}.auftraege-list{display:flex;flex-direction:column;gap:.6rem}.vorgang-card{display:flex;flex-direction:column;gap:.45rem;width:100%;text-align:left;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.vorgang-card:active{background:var(--bg-tertiary);border-color:var(--primary)}.vorgang-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.vorgang-card__nr{font-size:.85rem;font-weight:700;font-family:monospace;color:var(--primary)}.vorgang-card__status{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--status-color) 30%,transparent)}.vorgang-card__beschreibung{font-size:.9rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary)}.vorgang-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.vorgang-card__kunde{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vorgang-card__datum{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.auftraege-count{text-align:center;font-size:.78rem;color:var(--text-secondary);padding:.25rem 0 .5rem}.vorgang-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.vorgang-skeleton__header{display:flex;justify-content:space-between}.vorgang-skeleton__bar{border-radius:6px;background:var(--bg-tertiary);animation:skeleton-pulse 1.2s ease-in-out infinite;height:14px}.skeleton-xs{width:70px}.skeleton-sm{width:110px}.skeleton-md{width:60%}.skeleton-lg{width:85%;height:18px}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.spin{animation:spin-anim .8s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auftraege-detail{display:flex;flex-direction:column;gap:.75rem}.auftraege-detail__status-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--status-color) 30%,transparent);flex-shrink:0}.auftraege-detail__header{display:flex;flex-direction:column;gap:.2rem}.auftraege-detail__nr{font-size:.88rem;font-weight:700;font-family:monospace;color:var(--primary)}.auftraege-detail__beschreibung{font-size:1.1rem;font-weight:600;line-height:1.35;color:var(--text-primary);margin:0}.auftraege-info-grid{display:flex;flex-direction:column;gap:.65rem}.auftraege-info-item{display:flex;align-items:flex-start;gap:.5rem}.auftraege-info-item svg{flex-shrink:0;margin-top:3px}.auftraege-info-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:500;margin-bottom:1px}.auftraege-info-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.auftraege-info-link{font-size:.9rem;font-weight:500;color:var(--primary);background:none;padding:0;text-align:left;-webkit-tap-highlight-color:transparent}.auftraege-info-link:disabled{color:var(--text-primary);cursor:default}.auftraege-beleg-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;font-size:.72rem;font-weight:700;background:var(--bg-tertiary);color:var(--text-secondary);margin-left:auto}.auftraege-beleg-liste{display:flex;flex-direction:column;gap:.4rem}.auftraege-beleg-item{display:flex;flex-direction:column;gap:.25rem;padding:.6rem .75rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-color);width:100%;text-align:left;color:var(--text-primary)}.auftraege-beleg-item--klickbar{-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s;cursor:pointer}.auftraege-beleg-item--klickbar:active{background:color-mix(in srgb,var(--primary) 8%,var(--bg-tertiary));border-color:var(--primary)}.auftraege-beleg-item__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.auftraege-beleg-item__nr{display:flex;align-items:center;gap:4px;font-family:monospace;font-size:.85rem;font-weight:700;color:var(--text-primary)}.auftraege-beleg-item__nr--link{color:var(--primary)}.auftraege-beleg-item__ext{opacity:.7;flex-shrink:0}.auftraege-beleg-item__right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.auftraege-beleg-item__betrag{font-size:.88rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.auftraege-beleg-item__status{font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:7px;white-space:nowrap;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--status-color) 28%,transparent)}.auftraege-beleg-item__datum{font-size:.72rem;color:var(--text-secondary)}.auftraege-beleg-hinweis{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-secondary);padding-top:.25rem}.auftraege-leer-hinweis{font-size:.85rem;color:var(--text-secondary);text-align:center;padding:.75rem 0}:root{--bg-primary: #1e1d1c;--bg-secondary: rgba(49, 48, 47, .65);--bg-tertiary: rgba(255, 255, 255, .05);--text-primary: #f0f0ee;--text-secondary: #9e9d9c;--primary: #d97757;--primary-hover: #e88c6e;--primary-glow: rgba(217, 119, 87, .3);--accent: #cc5f5f;--danger: #cc5f5f;--warning: #d4a259;--success: #6b8e6b;--info: #6b8ca8;--status-pink: #e056a0;--status-purple: #c084fc;--border-color: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--font-header: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--bottom-nav-height: 64px;--header-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;max-width:100vw;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:.85rem 1rem;width:100%;min-height:48px;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}input::placeholder{color:var(--text-secondary)}button{font-family:inherit;font-size:1rem;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;padding:.85rem 1.5rem;background:var(--primary);color:var(--text-primary);border-radius:12px;font-weight:600;font-size:1rem;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;pointer-events:none}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:44px;min-width:44px;border-radius:10px;background:transparent;color:var(--text-secondary);transition:background .15s,color .15s}.btn-icon:hover{background:var(--glass-bg);color:var(--text-primary)}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:calc(var(--header-height) + var(--safe-area-top));padding:var(--safe-area-top) 1rem 0;background:#31302f;border-bottom:1px solid var(--border-color)}.app-header__title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.page-content{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 1rem);padding-top:1rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-around;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:#31302f;border-top:1px solid var(--border-color)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:var(--bottom-nav-height);background:none;color:var(--text-secondary);font-size:.68rem;font-weight:500;letter-spacing:.02em;transition:color .15s;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.bottom-nav__item--active{color:var(--primary)}.login-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:100dvh}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1.25rem}.login-brand{text-align:center;margin-bottom:1.5rem}.login-brand__name{font-size:1.6rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.login-brand__subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.login-error{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);border-radius:10px;padding:.75rem 1rem;color:var(--danger);font-size:.88rem;text-align:center}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-field__label{font-size:.82rem;color:var(--text-secondary);font-weight:500;padding-left:.25rem}.stub-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;gap:.75rem;color:var(--text-secondary)}.stub-placeholder__icon{opacity:.3;margin-bottom:.5rem}.stub-placeholder__text{font-size:.9rem}.glass-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:14px;padding:1rem}.text-muted{color:var(--text-secondary)}.text-center{text-align:center}.sse-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;align-self:center;margin-right:4px}.sse-dot--on{background:var(--success);box-shadow:0 0 6px var(--success)}.sse-dot--off{background:var(--danger);box-shadow:0 0 6px var(--danger)}