/* ▸§1354 Kaskaden-Schicht: gesamter Bestand in EINER Schicht (Schritt 3a) — Fachschichten folgen blockweise */ @layer werte, grund, bausteine, raster, module, schweben, zustaende; /* ▸§1356 Reihenfolge: spaeter schlaegt frueher */ @layer werte { /* ▸N6 */ :root { --ts-aw-z: 10900; /* §4707 hauseigene Auswahlliste über allen Dialogebenen (ovl3 10605, Tooltip 10800) */ --ts-aw-max-h: 320px; /* §3173 Pruefer PHANTOM: Variablen, die nur mit Rueckfallwert benutzt wurden, mit genau diesem Wert deklariert (Optik unveraendert) */ --fen-sp: 3; --ts-luft-s: 6px; --ts-schrift-klein: 11px; --ts-mono: monospace; --ts-sel-bg: rgba(0,120,212,.12); --es-haken-max: 260px; /* §3170 Hoehe einer Hakenliste in den Einstellungen */ /* ▸N7 */ color-scheme: light; /* §3003 (Joerg 14.10. 10:02): die WaWi ist IMMER hell — auch eingebettete Mails (iframe erbt prefers-color-scheme vom Rahmen), kein Dunkelmodus aus System/Browser */ --ts-tab-fs: 13px; --ts-tab-th-pad: 6px 8px; /* Kopfzeilen-Padding aller Tabellen */ --ts-tab-td-pad: 4px 8px; /* Zellen-Padding aller Tabellen */ --ts-tab-td-h: 22px; /* Zeilenhoehe aller Tabellen */ /* ▸N8 §722 */ --ts-btn-h: 26px; /* ▸N9 §1316 */ --ts-btn-h-klein: 22px; --ts-btn-h-mini: 20px; --ts-btn-h-gross: 32px; /* §1532 Knopfhoehen-Leiter: klein = in Tabellenzeilen, Standard 26, gross = Anmeldung */ --ts-btn-w: 180px; --ts-btn-q: 26px; /* ▸N10 §724 */ --ts-btn-gap: 4px; --ts-feld-h: 28px; /* ▸N11 §735c */ --ts-kachel-pad: 9px; /* ▸N12 §724 K-352 */ /* ▸N13 §709 */ --ts-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1.5 5 5.5 9 1.5' fill='none' stroke='%238a8a86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); /* ▸N14 §1317 */ --ts-kalender: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Crect x='1' y='2' width='10' height='9' rx='1.5' fill='none' stroke='%238a8a86' stroke-width='1.2'/%3E%3Cpath d='M1 4.5h10M3.5 1v2M8.5 1v2' stroke='%238a8a86' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"); --ts-chevron-w: 10px; --ts-chevron-h: 7px; --ts-feldsymbol: 12px; /* §1317 Symbolmasse */ --ts-lupe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='5' cy='5' r='3.6' fill='none' stroke='%238a8a86' stroke-width='1.5'/%3E%3Cpath d='M7.7 7.7 11 11' stroke='%238a8a86' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); --ts-tab-th-h: 26px; /* ▸N15 */ /* ▸N16 */ /* ▸N17 */ --such-w: var(--dlg-w-voll); /* §1391 Stufe voll */ --such-h: var(--dlg-h-voll); /* §1391 Stufe voll */ --such-w-max: 97vw; --such-h-max: 94vh; --such-col: var(--ts-opt-w); /* ▸N18 §723 */ --such-gap: 10px; /* Abstand zwischen den Kacheln */ --ts-kachel-gap: 10px; /* ▸N19 §1318 */ /* ▸N20 */ --such-pad: var(--ts-kachel-pad); /* ▸N21 §724 */ /* §723b: = --ds-m, als Zahl aus demselben Grund (Scope) */ /* ▸N22 §723 */ /* Innenabstand des Rasters */ --such-btn-h: var(--ts-btn-h); /* §722 */ /* Button-Hoehe (= .obtn-Standard) */ --such-btn-r: 6px; /* Radius Buttons/Felder */ --such-btn-fs: 12px; /* Button-Schrift */ --such-btn-fw: 600; --such-fld-h: 30px; /* Suchfeld-Hoehe */ --such-bd: var(--ts-line); /* Rahmen Buttons/Felder */ --ts-dis-bg: #ffffff; /* ▸N23 */ --ts-dis-fg: #b3b1aa; /* der nicht gewaehlten Suchfilter (weiss, heller Rahmen, */ --ts-dis-bd: #dddcd6; /* graue Schrift). Gilt fuer ALLE disabled-Buttons. */ /* ▸N24 §687d §687s §687k §611z */ --ts-pos-teil: #082D52; /* teilweise reserviert / uebernommen */ --ts-pos-teil-erl: #2f74b0; --ts-pos-alt: #2A2463; /* Alternativposition (Anzahl 0) */ --ts-pos-alt-erl: #6A61C4; /* ▸N25 §687r §687k §687n */ /* ▸N26 §687s */ --ts-pos-dl: #054031; /* Dienstleistung, nicht lagergefuehrt */ --ts-pos-dl-erl: #238063; --ts-pos-nlief: #452605; /* Artikel nicht lieferbar */ --ts-pos-nlief-erl: #96692A; --ts-gedaempft: #6b6b6b; /* ▸N27 §805 §798 §797 · §1526: #767676 -> #6b6b6b, damit gedaempfter Text auf Beige (#f0efea) 4,63:1 statt 3,95:1 erreicht (Mindestwert 4,5:1 fuer kleine Schrift) */ --ts-pos-grau: var(--ts-gedaempft); /* §797: Alias, war #5f5e68 */ /* ▸N28 §611v §611z §687 */ /* ▸N29 §612 */ /* ▸N30 §685 §612 §684 */ --fz-lbl-w: 190px; --lf-lbl-w: 130px; /* §2605 Kontakt-Dialog Lieferant */ --such-bd-h: #b9b8b2; /* Rahmen bei Hover */ --such-bd-box: #e0e0e0; /* Rahmen der Kacheln */ --such-hover: var(--ts-flaeche); /* §804: Alias */ --such-sel: var(--ds-auswahl); /* markierte Zeile */ --such-foot: #003FFD; /* Fusszeile / Filterhinweis (Akzent-Blau, 06.08.) */ --such-muted: #6b6a65; /* ▸N31 */ --ts-sec-bg: #18181B; /* Panel-Kopf: TS-Ink (schwarz) */ --ts-sec-fg: #ffffff; /* Kopf-Schrift weiß */ --ts-sec-fg-muted: #e3e3de; /* ▸N32 §1262 */ --ts-pdf-bg: #525659; /* ▸N33 §1262 */ --ts-panel-bg: #ffffff; /* Panel-Fläche weiß */ --ts-opt-w: 200px; /* ▸N34 §724 */ /* ▸N35 §723b */ /* ▸N36 §723 */ --es-toc-w: 250px; /* ▸N37 §428 */ --hc-sp-name: 220px; /* §4646 Liste: Name · Angaben (füllt) · Läuft auf · Geändert */ --hc-sp-lauf: 130px; --hc-sp-datum: 130px; --hc-toc-w: 290px; /* §4646 Messung 17:12: längster Bereich „Entra-App-Registrierung“ 224 px + Pille passte nicht in --es-toc-w (Text 224 in 199) */ --hc-detail-w: 420px; /* §4645 homeCENTER: Kachel Einzelheiten (Maßvorlage 1920×822: Bereiche 250 · Liste füllt · Einzelheiten 420) */ --ts-menu-w: 170px; /* ▸N38 */ --ts-bar-h: 52px; /* §4073 Hoehe der oberen Leiste (.app-bar) */ --ts-griff-w: 18px; /* §4073 Streifen links fuer den Menue-Griff (Shell D) */ --ts-shell-rand: 8px; /* §4073 Rand der Shell D rechts/oben/unten */ --ts-panel-bd: #e2e2dc; /* TS-Rahmen (hell) */ --ts-field-bg: #ffffff; /* Eingabefeld weiß */ --ts-field-ro: var(--ts-flaeche); /* §804: Alias */ /* readonly/disabled: dezentes TS-Beige */ /* ▸N39 §611s */ --ts-ro-fg: var(--ts-gedaempft); /* §797: Alias, war #666 (Ansichtsmodus-Text) */ /* ▸N40 §697 §692 */ --ts-field-focus: #ffffff; --ts-edit-bd: var(--ts-line); /* ▸N41 */ /* ▸N42 */ --ts-ink: #18181B; /* TS-Ink (schwarz) */ --ts-ink-muted: var(--ts-gedaempft); /* ▸N43 §797 */ --ts-ink-hover: #3D3D3A; /* ▸N44 §797 */ /* TS-Ink gedämpft (Hover dunkel) */ /* ▸N45 */ --ts-akzent: #003FFD; /* Akzent (Logo-Blau) */ --ts-akzent-dark: #0030C0; /* Akzent Hover/Border */ /* ▸N46 §804 */ --ts-trenn: #e4e3de; /* ▸N47 */ --ts-line-hover: #b9b8b2; /* Rahmen im Hover (Knoepfe, Kacheln) */ --ts-flaeche: #f0efea; /* ▸N48 */ --ts-hover-bg: #faf9f6; /* Zeilen-Hover */ --ts-meld-warn-bg: #fdf3d6; --ts-meld-warn-fg: #806500; --ts-meld-warn-bd: #ecd9a0; /* Warnhinweis (gelb) · §1527: fg #8a6d00 -> #806500 (auf der Zeilenmarkierung #EDEBE4 4,12 -> 4,66:1; auf Weiss 5,56, auf Beige 4,83) */ --ts-red: #B01020; /* Warn-/Negativ-Rot (Semantik, NICHT Akzent) */ --ts-link: #1d4ed8; /* ▸N49 */ --ts-red-dark: #8A0D18; /* TS-Rot dunkel (Hover/Rahmen) */ /* ▸N50 */ --ts-head-fs: 13px; --ts-head-fw: 700; --ts-head-pad: 6px 12px; --ts-head-ls: .02em; /* ▸N51 §426 */ /*DS-START*/ /* ▸N74 §661 */ --ds-xs: 4px; --ds-s: 8px; --ds-m: 12px; --ds-l: 16px; --ds-xl: 24px; --ds-zeile: 26px; --ds-tabellenzeile: 22px; --ds-feld: 28px; /* §1260 (Joerg): 30 -> 28, das Gebaute ist die Regel */ --ds-radius: 6px; --ds-rahmen: 1px; --ds-kachel-gap: 10px; /* §1318 */ --ds-optionen-breite: 200px; --chip-sp: 260px; /* §3734 Mindestbreite einer Chip-Spalte im Ketten-Raster (Baustein kette-z) — gemessen 28.10.: bei 220 (5 Spalten à 226 px) Namen wie „Katharina H…“ 190 px in 126 px gekürzt → 4 Spalten */ --ds-checkbox: 15px; --ds-schatten-dialog: 0 20px 60px rgba(0,0,0,.3); /* ▸N75 §1259 §661 */ --ds-fs-kopf: 13px; --ds-fw-kopf: 700; --ds-fs-text: 12px; --ds-fw-text: 400; --ds-fs-hinweis: 11px; /* §1260 (Joerg): 11.5 -> 11 */ --ds-fw-hinweis: 400; --ds-fs-knopf: 12px; --ds-fw-knopf: 600; --ds-tinte: var(--ts-ink); --ds-tinte-gedaempft: var(--ts-ink-muted); --ds-akzent: var(--ts-akzent); --ds-akzent-dunkel: var(--ts-akzent-dark); --ds-rot: var(--ts-red); --ds-rot-dunkel: var(--ts-red-dark); --ds-flaeche: var(--ts-panel-bg); --ds-flaeche-ro: var(--ts-field-ro); --ds-feld-bg: #fff; --ds-flaeche-fokus: var(--ts-field-focus); --ds-rahmen-hover: var(--such-bd-h); --ds-trennlinie: var(--such-line); --ds-hinweis: var(--ts-pos-grau); --ds-inaktiv-bg: var(--ts-dis-bg); --ds-inaktiv-fg: var(--ts-dis-fg); --ds-inaktiv-bd: var(--ts-dis-bd); --ds-auswahl: #EDEBE4; --dlg-w-schmal: 480px; /* ▸N76 §1307 R-4.14 */ --dlg-w-mittel: 720px; /* ▸N77 §1307 */ --dlg-w-breit: 900px; /* §1307: Auswahl-/Kurzlisten — vorher --dlg-w-mittel */ --dlg-w-gross: 1400px; /* ▸N78 §1307 R-4.13 */ /* ▸N79 §1308 §1088 */ --dlg-h-schmal: 300px; --dlg-h-mittel: 520px; --dlg-h-breit: 620px; --dlg-h-gross: 740px; --dlg-w-weit: 1150px; /* §1391 Stufe weit (zwischen breit und gross) */ --dlg-h-weit: 680px; --dlg-w-voll: 1400px; /* §1391 Stufe voll = Suchfenster */ --dlg-h-voll: 860px; /* ▸N80 §1261 */ --mw-lgp-scroll: var(--fb-320); /* Lagerprotokoll-Dialog: Scrollhoehe */ --mw-datepick: var(--ts-fb-l); /* Datumswaehler-Feld in Dialogen (TT.MM.JJJJ) */ --mw-bz-links: var(--fb-320); /* §1532: war 300px */ /* Bezahlt-Dialog: linke Spalte (08.08. v2) */ --mw-bz-lbl: var(--fb-120); /* Bezahlt: Labelspalte */ --mw-bz-min: var(--fb-140); /* §1532: war 150px */ /* Bezahlt: Mindestbreite Feldspalte */ --mw-bz-ro: var(--fb-140); /* Bezahlt: Anzeigefeld rechts */ --mw-bz-ec: var(--fb-140); /* §1532: war 149px */ /* Bezahlt: EC-Tabelle Scrollhoehe (10 Zeilen) */ --mw-bz-feld: var(--ts-fb-xl); /* ▸N81 */ --mw-eco-min: var(--fb-90); /* ecoDMS-Abgleich: Tabellen-Mindesthoehe */ --mw-eco-oben: var(--fb-120); /* ecoDMS-Abgleich: obere Tabelle */ --mw-eco-geld: var(--fb-120); /* §1532: war 118px */ /* ecoDMS-Abgleich: Geldspalte */ --mw-tsmd-ta: var(--fb-140); /* Memo-Editor: Textfeldhoehe */ --mw-scroll-300: var(--fb-320); /* §1532: war 300px */ /* Dialog-Scrollflaeche 300 */ --mw-scroll-340: var(--fb-320); /* §1532: war 340px */ /* Dialog-Scrollflaeche 340 */ --mw-36: var(--fb-36); --mw-50: var(--fb-52); /* §1532: war 50px */ /* §3994 --mw-90 entfallen (mnw90 ohne Nutzung) */ /* Mindestbreiten-Hilfsklassen mnw36/50 */ /* Zahlungseingang: Labelspalte */ /* Zahlungseingang: Felder */ --mw-kette-karte: var(--fb-320); --mw-kette-min: var(--fb-270); /* §1532: war 280px */ --mw-kette-w: var(--fb-140); /* §1532: war 150px */ /* Einstellungen TSE-Kette */ --mw-datei: var(--fb-420); /* Dialogleiste: Dateifeld */ --mw-uv-kz: var(--fb-64); /* UStVA: Kennzahlspalte */ --mw-jt-m: var(--fb-90); /* §1532: war 84px */ /* ▸N82 §1314 K-165 */ --mw-jt-lbl: var(--fb-170); /* §2765 gemessen: "Kz 81 BMG 19 %", "Auslandsbelege o. USt" gekuerzt bei 120 — Tabelle 1: 170 + 12x90 = 1250 px passt */ /* §1532: war 130px */ --mw-jt-kto: var(--fb-52); /* §1532: war 56px */ --mw-jt-kname: var(--fb-140); /* §1532: war 146px */ /* ▸N83 §1314 */ --mw-jt-sum: var(--fb-110); /* §1532: war 104px */ /* Jahrestabelle (Summe der Spalten) */ --mw-bk-alle: var(--fb-420); /* Bank: Liste alle Konten Scrollhoehe */ --mw-bk-num: var(--fb-90); /* Bank: Zahlenspalte */ --mw-bk-datum: var(--ts-fb-l); --mw-bk-status: var(--fb-220); /* §1532: Zustand 200 -> 220 · §4851: --mw-bk-konto entfällt (Konto-Auswahlliste durch Kontokarten ersetzt) */ --bk-karte-min: 260px; --bk-karte-h: 74px; --bk-karte-fs: 17px; --bk-karte-lh: 22px; /* §4851 Kontokarten nach Skizze ks1 v2 */ --mw-bk-richtung: var(--fb-170); --mw-bk-zn: var(--fb-18); /* Bank: Zeilennummern-Kaestchen */ --mw-pr-txt: var(--fb-320); --mw-pr-vorgang: var(--fb-170); /* §1532: war 190px */ --mw-pr-detsp: var(--fb-170); /* Pruefdialog Spalten */ --mw-bk-abr-txt: var(--fb-320); /* §1532: war 340px */ /* Kartenabrechnung: Textspalte */ --dlg-h-max: 94vh; --dlg-oben: 3vh; --dlg-polster: 16px; --dlg-zone: 12px; --dlg-gap: 8px; --dlg-h-kopf: 40px; --dlg-h-leiste: 26px; --dlg-h-status: 20px; --dlg-h-fuss: 26px; /*DS-ENDE*/ /* §1307/§1308 breit */ /* ▸N391 */ /* ▸N413 */ /* ▸N414 */ /* §1532 BAUKASTEN — FELDBREITEN-LEITER (Joerg 23.09.2026: alle Einzelwerte auf die Leiter, eine einheitliche Struktur). 13 Stufen; jede Breite in der WaWi ist eine dieser Stufen. Neue Breiten ausserhalb der Leiter meldet css_pruefen. */ /* §3634 DIALOG-MASSE: bisher nackte Pixel in Dialogregeln (Pruefer DS) — Werte unveraendert, nur benannt */ --as-html-h: 440px; --dlg-liste-h: 260px; --dlg-liste-h-gross: 420px; --dlg-zeile-h: 34px; --fz-text-2z: 54px; --fz-text-3z: 72px; --fz-text-pad: 5px; --fz-zeilen-gap: 7px; --pm-feld-max: 160px; --tc-pre-h: 300px; --ts-fs-bcv: 19px; --ts-fs-bcv-qr: 14px; --ts-fs-ico: 18px; --ts-pille-lh: 18px; --ts-pille-r: 14px; --tsmd-body-h: 240px; --tsmd-body-min: 160px; --tsst-blatt-o: 60px; --tsst-buehne-b: 160px; --tsst-buehne-h: 150px; --tsst-ring-d: 44px; --tsst-ring-x: 58px; --tsst-siegel-x: 78px; --tsst-siegel-y: 62px; --tsst-svg-b: 120px; --tsst-svg-h: 90px; --tc-dienst-b: 260px; --nw-einzug: 22px; /* §4164/§4165 Reparatur-/Nachtrag-Assistent (Prüfer DS: Dialogmaße benannt) */ --rp-ass-frage-b: 360px; --rp-ass-fehler-h: 96px; --rp-bericht-min-h: 160px; --rp-bericht-ta-h: 120px; --nt-prev-nr-b: 40px; --nt-prev-sum-b: 100px; --fb-18: 18px; --fb-36: 36px; --fb-52: 52px; --fb-64: 64px; --fb-90: 90px; --fb-110: 110px; --fb-120: 120px; --fb-140: 140px; --fb-170: 170px; --fb-220: 220px; --fb-270: 270px; --fb-320: 320px; --fb-420: 420px; --ts-fb-s: var(--fb-64); --ts-fb-m: var(--fb-90); --ts-fb-l: var(--fb-110); --ts-fb-xl: var(--fb-120); --ts-fb-2xl: var(--fb-170); --ts-fb-3xl: var(--fb-320); /* §1532: Kurznamen bleiben, zeigen auf die Leiter */ --ts-datum-w: var(--ts-fb-2xl); /* ▸N512 */ /* ▸N513 */ /* ▸N514 R-1.4 */ /* ▸N515 §630 §276 */ /* ▸N516 */ /* ▸N517 §630 §276 *//* ▸N518 */ /* ▸N519 */ --wiz-w:min(var(--dlg-w-gross),96vw); --wiz-h:min(var(--dlg-h-gross),92vh); /* §4133 (Jörg 01.11. 13:23): ALLE Assistentenfenster eine Stufe — gross 1400x740 (Artikel-Assistent war weit, RMA-Assistent gross); §1391 */ /* ▸N534 */ --pos-num-w:92px; /* ▸N663 */ /* ▸N664 */ --bs-col-datum:88px; --bs-col-nr:80px; --bs-col-name:300px; --bs-col-betrag:90px; --bs-col-skr:76px; --bs-col-zahl:96px; --bs-col-quelle:76px; /* ▸N802 K-112 */ --ts-liste-h: 320px; /* ▸N873 */ /* ▸N904 */ --such-line: var(--ts-trenn); /* ▸N956 */ --ts-font: system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; /* ▸N957 */ --ts-dim: var(--ts-gedaempft); /* §797: Alias, war #8a8578 */ --ts-text: var(--ts-ink); --ts-ok: #2E7D32; --ts-ok-text: #1E6A23; /* §3772 Textgruen auf Flaechen (gemessen: #2E7D32 auf #EDEBE4 = 4,30:1 < 4,5) */ /* §3627 Rubrik-Kennzeichen comCENTER (pe-art-*) und ecoDMS-Hinweise — vorher nackte Hexwerte in den Regeln (§667), Werte unveraendert */ --ts-rub-rechnung-fg: #9a3412; --ts-rub-rechnung-bd: #f0b38a; --ts-rub-rechnung-bg: #fff3ea; --ts-rub-auftrag-fg: #1e4f8a; --ts-rub-auftrag-bd: #9cbde6; --ts-rub-auftrag-bg: #eef4fc; --ts-rub-versand-fg: #22663b; --ts-rub-versand-bd: #9fd3b0; --ts-rub-versand-bg: #edf8f1; --ts-rub-lizenz-fg: #5b21b6; --ts-rub-lizenz-bd: #c4b5fd; --ts-rub-lizenz-bg: #f5f3ff; --ts-eco-warn-fg: #9a5a10; --ts-eco-warn-bg: #fbe3c9; --ts-eco-pruef-bg: #f3d9d9; --ts-warn: #B26A00; /* §1684: Hinweis (z. B. KI-Vorschlag mit Pruefhinweis) — Semantik zwischen --ts-ok und --ts-red */ --ts-line: #d4d4cf; /* §3197 Sendungs-Stufenanzeige (Angekündigt · Versendet · Unterwegs · In Zustellung · Zugestellt) */ --sd-stufe-b: 18px; --sd-stufe-h: 10px; --sd-stufe-gap: 2px; --sd-stufe-r: 2px; --sd-leiste-h: 6px; /* ▸N969 R-2.3 */ /* ▸N970 §152b */ --ts-sp-pad: 20px; /* ▸N973 §218 R-2.11 §235 */ --ts-sp-txt-breit: 220px; --ts-sp-flag: 24px; --ts-sp-flag-wort: 56px; /* ▸N977 */ /* ▸N978 §772 */ --ts-sp-kennung: 132px; --ts-sp-typ: 104px; --ts-sp-anz-klein: 28px; --ts-sp-vorschlag: 360px; /* ▸N1020 R-2.10 R-2.11 §218 */ --ts-sp-txt: 140px; /* ▸N1021 */ --ts-sp-bem: 120px; /* §2270 (Joerg): Bemerkung schmaler — voller Text im Editor/Tooltip; Platz fuer die Produktbezeichnung */ /* ▸N1025 R-9.5 §235 */ --ts-sp-kontakt: 170px; /* ▸N1027 R-2.9 */ /* ▸N1028 R-7.10 */ --ts-sp-tel: 240px; /* ▸N1029 K-44 R-2.9 */ --ts-sp-ruf: 132px; /* §2766 Rufnummer abgeschnitten (rma: 124 px Text in 121 px) */ --ts-sp-apart: 170px; /* ▸N1030 */ --ts-sp-email: 240px; /* ▸N1031 */ --ts-sp-abt: 130px; /* ▸N1032 */ /* ▸N1034 §70 R-2.9 */ --ts-sp-kategorie: 84px; /* ▸N1035 */ --ts-sp-geld-lang: 132px; /* ▸N1036 */ --ts-sp-anz-kopf: 66px; /* ▸N1037 */ --ts-sp-anz-lang: 104px; /* ▸N1038 */ --ts-sp-zeitraum: 234px; /* ▸N1039 */ /* ▸N1308 §790 R-1.1 */ --ts-shell-bg: #f4f4f0; /* ▸N1309 §667 */ --ts-meld-err-bg: #fdecea; --ts-meld-err-fg: #c62828; --ts-meld-err-bd: #f5c6cb; --ts-meld-ok-bg: #e8f5e9; --ts-meld-ok-fg: #1b5e20; --ts-meld-ok-bd: #c8e6c9; --ts-meld-info-bg: #eef6ff; --ts-meld-info-fg: #1565c0; --ts-meld-info-bd: #bbdefb; --ts-code-bg: #fffbe8; --ts-code-bd: #ecd9a0; } /* ▸N511 */ /* ▸N1024 R-9.5 */ /* ▸N1026 §235 */ } /* Ende @layer werte */ /* ▸§1358 grund: nackte Elementregeln (Wurzel + Element) — liegen UNTER bausteine */ @layer grund { /* §1872 (Joerg-Freigabe 30.09.): [hidden] verbirgt IMMER und UEBERALL. Vorher nur in .tspro-ui/.ts-dlg — ausserhalb (Assistent #m-wiz, am haengende Listen) ueberstimmte jede display-Regel das Attribut: geschlossene Elemente blieben sichtbar (§1864, K-184/K-400). Schicht grund + !important: bei wichtigen Deklarationen gewinnt die FRUEHERE Schicht (K-378) — damit schlaegt hidden jede display-Regel der Module. Geprueft 30.09.: keine Regel und kein Skript zeigt ein hidden-Element absichtlich. */ [hidden] { display: none !important; } /* §698 */ /* ▸N67 §692 §717b K-317 */ /* Rechte Optionen-Spalte */ /* analog obtn.red (Hauptaktion) — 06.08. */ /* Positions-Tabelle (JE: helle Köpfe, dezente Linien) */ /* ▸N68 */ .tspro-ui table, .je-such table, .be-ov table, .ts-ovl table { font-size: var(--ts-tab-fs); border-collapse: collapse; } /* ▸N69 */ .tspro-ui table th, .je-such table th, .be-ov table th, .ts-ovl table th { background: var(--ts-flaeche); border-bottom: 1px solid var(--ts-panel-bd); padding: var(--ts-tab-th-pad); font-weight: 700; text-align: left; } .tspro-ui table td, .je-such table td, .be-ov table td, .ts-ovl table td { border-bottom: 1px solid var(--ts-trenn); padding: var(--ts-tab-td-pad); height: var(--ts-tab-td-h); } /* ▸N127 */ /* ==== ARTIKEL-MODUL (ausgelagert aus artikel.php) ==== */ /* ▸N128 */ /* Embed: kein Body-Rand, füllt den iframe */ html, body { margin: 0; padding: 0; background: var(--ts-panel-bg); /* ▸N129 */ font-family: var(--ts-font); color: var(--ts-ink); } /* ▸N714 §814 */ .ts-dlg table{ font-size: var(--ts-tab-fs); border-collapse: collapse; width: 100%; } .ts-dlg table th{ background: var(--ts-flaeche); border-bottom: 1px solid var(--ts-panel-bd); padding: var(--ts-tab-th-pad); font-weight: 700; text-align: left; position: sticky; top: 0; z-index: 1; } .ts-dlg table td{ border-bottom: 1px solid var(--ts-trenn); padding: var(--ts-tab-td-pad); height: var(--ts-tab-td-h); } /* ▸N755 */ button::before { margin-right: .45em; } } /* Ende @layer grund */ @layer bausteine { /* ▸N1 */ .tspro-ui { font-family: inherit; --ts-kbtn-w: 66px; --wv-unten-cols: 4.2fr 0.8fr; } /* §1531: Variablen aus drei weiteren .tspro-ui-Bloecken (N639/N641/N643) hierher; 3.2fr 1fr war ueberschrieben */ /* ▸N2 */ .ts-ovl { font-family: var(--ts-font); } /* ▸N3 */ main.app-main:has(> .tspro-ui), /* ▸N4 *//* ▸N5 */.tspro-ui { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; box-sizing: border-box; } /* ▸N52 */ /* Schmale Kopfzeile — minimale Höhe *//* API-Key-Status */ /* Mitarbeiter-Auswahl in der Topbar *//* Mitarbeiter-Popup */ .ts-ovl.ts-ma-overlay { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.4); align-items: flex-start; justify-content: center; /* ▸N53 */ font-family: var(--ts-font); color: var(--ts-ink); } /* ▸N54 */ /* ▸N55 */ .ts-ovl .ass-row { padding: 6px 8px; cursor: pointer; border-bottom: 1px solid var(--ts-panel-bd); font-size: 13px; line-height: 1.45; } .ts-ovl .ass-row:last-child { border-bottom: 0; } /* §698 */ .ts-ovl .ts-ma-box { background: var(--ts-panel-bg); border-radius: 12px; width: var(--dlg-w-schmal); max-width: 92vw; height: var(--dlg-h-schmal); /* §1308 */ margin-top: var(--dlg-oben); max-height: 70vh; display: flex; flex-direction: column; box-shadow: var(--ds-schatten-dialog); overflow: hidden; } .ts-ovl .ts-ma-head { display: flex; align-items: center; justify-content: space-between; background: var(--ts-ink); color: var(--ts-sec-fg); } /* ▸N56 §839 §796 */ /* ▸N57 *//* ▸N58 *//* SHELL: Menü links + Inhalt (iframe) rechts */ .tspro-ui .ts-shell { display: flex; gap: 16px; align-items: stretch; flex: 1 1 auto; min-height: 0; } .tspro-ui .ts-menu-col { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: stretch; gap: 4px; width: var(--ts-menu-w); flex: 0 0 var(--ts-menu-w); height: 100%; overflow-y: auto; overflow-x: hidden; padding-right: 6px; } /* dezente Scrollleiste fürs Menü */ .tspro-ui .ts-menu-col::-webkit-scrollbar { width: 8px; } .tspro-ui .ts-menu-col::-webkit-scrollbar-thumb { background: var(--ts-line); border-radius: 4px; } .tspro-ui .ts-menu-col::-webkit-scrollbar-track { background: transparent; } .tspro-ui .ts-content { flex: 1 1 auto; position: relative; height: 100%; min-height: 320px; border: 1px solid var(--ts-panel-bd); border-radius: 10px; background: var(--ts-panel-bg); overflow: hidden; } .tspro-ui .ts-frame { width: 100%; height: 100%; border: none; display: block; } /* ▸N59 */ .tspro-ui .ts-leer { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; user-select: none; text-align: center; } .tspro-ui .ts-wz-firma { font-size: 38px; font-weight: 800; letter-spacing: .01em; color: var(--ts-sec-fg-muted); text-shadow: 1px 1px 0 #fff; max-width: 80%; line-height: 1.15; } .tspro-ui .ts-wz-fil { font-size: 19px; font-weight: 600; color: var(--ts-sec-fg-muted); margin-top: 8px; letter-spacing: .04em; }.tspro-ui .ts-leer-hint { margin-top: var(--ds-l); font-size: 14px; font-weight: 600; color: var(--ts-gedaempft); } /* §4178 Link im Leerhinweis (Modul-Tor „Einstellungen › … öffnen“): .ts-leer ist pointer-events:none (Wasserzeichen) — Links darin klickbar */ .tspro-ui .ts-leer a { pointer-events: auto; user-select: auto; color: var(--ts-akzent); } .tspro-ui .ts-leer a:hover { color: var(--ts-akzent-dark); } /* ▸N60 */ .tspro-ui .fil-tile.aktiv { background: var(--ts-akzent); border-color: var(--ts-akzent-dark); color: var(--ts-sec-fg); } .tspro-ui .fil-tile.aktiv:hover{ background-color: var(--ts-akzent-dark); } /* ▸N61 */ /* ▸N62 */ .tspro-ui .fil-tile { display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; width: 100%; height: var(--ds-feld); padding: 0 8px; text-align: left; /* 19.07.: 12->8 (schmaleres Menü) */ font-family: inherit; font-size: 12px; /* 19.07.: 13->12 */ font-weight: 600; letter-spacing: .01em; color: var(--ts-ink); text-decoration: none; line-height: 1; border: 1px solid var(--ts-line); border-radius: 6px; background: var(--ts-panel-bg); cursor: pointer; user-select: none; white-space: nowrap; overflow: hidden; transition: transform .08s ease, background .12s ease, border-color .12s ease; } /* Gruppen-Überschrift zwischen den Modulgruppen */ .tspro-ui .ts-gruppe-titel { font-size: var(--ds-fs-hinweis); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ts-gedaempft); margin: 12px 0 5px; padding-left: 2px; } .tspro-ui .ts-gruppe-titel:first-child { margin-top: 0; } /* (Wasserzeichen ist jetzt .ts-wz — siehe oben) */ /* ▸N63 */ /* Auswahl-Kopf (index.php) *//* ▸N64 */ /* ▸N65 */ /* ▸N66 */ .tspro-ui .fil-sec { border: 1px solid var(--ts-panel-bd); border-radius: 10px; background: var(--ts-panel-bg); margin-bottom: var(--ts-kachel-gap); overflow: hidden; } .tspro-ui .fil-sec-head { background: var(--ts-sec-bg); color: var(--ts-sec-fg); font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); padding: var(--ts-head-pad); letter-spacing: var(--ts-head-ls); } .tspro-ui .fil-sec-body { padding: var(--ds-m) var(--ds-l); } /* 4-Spalten-Feldraster, Labels linksbündig (M5 §3991) */ .tspro-ui .fil-grid { display: grid; grid-template-columns: max-content 1fr max-content 1fr; gap: 8px 14px; align-items: center; } .tspro-ui .fil-grid label { text-align: left; white-space: nowrap; font-size: 13px; color: var(--ts-ink); font-weight: 600; } .tspro-ui .fil-field { height: var(--ds-feld); padding: 0 8px; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-field-bg); font-family: inherit; font-size: 13px; } .bel-tbl th.r { text-align: center; } /* 03.08.: Kopf nicht rechts (Jörg) */ .bel-tbl td.r { text-align: right; } /* Schwarze Statusleiste unten mit Blätter-Navigation *//* ▸N70 *//* ▸N71 *//* ▸N72 */ /* ▸N73 §657b */ .ts-ovl .ts-setup-form { padding: var(--ds-l); display: flex; /* §1259: 14px -> Skala l */ flex-direction: column; overflow: auto; min-height: 0; } /* ▸N84 §660 K-314 */ /* ▸N85 §661 */ /* ▸N86 §661 */ .dlg-leiste { display: flex; align-items: center; flex-wrap: wrap; gap: var(--dlg-gap); min-height: var(--dlg-h-leiste); } .dlg-leiste .dlg-rechts{ margin-left: auto; display: flex; align-items: center; gap: var(--dlg-gap); } /* §2652 (Joerg: Ueberweisung "Art klebt an Zugang"): Abstand der rechten Leistenteile zentral, gleiche Variable wie .dlg-leiste */ .dlg-leiste .obtn { height: var(--ts-btn-h); } /* §722 */ .dlg-leiste .ts-datum, .dlg-leiste input[type=text] { height: var(--ds-zeile); } /* ▸N87 §1338 §1316 */ /* §1799 (Joerg 28.09.: "Statusleiste ueber der Knopfleiste fuer alle"): die Knopfleiste ist IMMER die unterste Zeile — die Statuszeile nimmt die volle Breite und steht als eigene Zeile darueber (vorher margin-right:auto = links NEBEN den Knoepfen). Der Fuss bricht ohnehin um (Z. .f flex-wrap). */ :is(.ts-dlg-box .f, .bc-main .fil-sec-body, #m-wiz #wiz-foot) > .dlg-status { display: flex; /* §4143: auch der Artikel-Assistent (Jörg: §1799 gilt für alle, der Entwurf hatte die Regel nicht berücksichtigt) */ align-items: center; gap: var(--dlg-gap) var(--ds-l); flex: 0 0 100%; margin-right: 0; font-size: var(--ds-fs-text); color: var(--ts-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } :is(.ts-dlg-box .f, .bc-main .fil-sec-body, #m-wiz #wiz-foot) > .dlg-status { min-height: var(--ds-zeile); } /* §2723 (Joerg: "die Statusleiste soll nicht dynamisch eingeblendet werden — der Platz ist immer vorgesehen", §1316/§2059): auch LEER eine feste Zeile, das Fenster springt beim ersten Text nicht */ .ts-dlg-box .b > .dlg-status { display: block; width: 100%; font-size: var(--ds-fs-text); color: var(--ts-ink); } /* im Rumpf: volle Breite, Inhalt bestimmt die Hoehe */ .dlg-status b { font-weight: 700; } .dlg-status .dlg-hinweis { margin: 0; } /* ▸N88 */ .dlg-inhalt { flex: 1 1 auto; min-height: 0; overflow: auto; margin-top: var(--ds-s); } .dlg-inhalt:has(> .dlg-tbl-box) { display: flex; flex-direction: column; } /* §1877: Dialogtabelle fuellt den Inhaltsbereich (Hausregel §1088 Fuellzeilen) — vorher blieb die Box so hoch wie ihr Inhalt */ .dlg-inhalt > .dlg-tbl-box { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } .dlg-inhalt > .dlg-tbl-box > .tbl-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; } /* die Fuellzeilen fuellen bis zum Rand DIESES Rollbereichs (tsproFuellzeilen) */ .dlg-inhalt .rep td, .dlg-inhalt .dlg-tbl td { height: var(--ds-tabellenzeile); } .dlg-inhalt .rep th, .dlg-inhalt .dlg-tbl th { height: var(--ds-zeile); } .dlg-fuss { display: flex; align-items: center; justify-content: flex-end; gap: var(--dlg-gap); flex-wrap: wrap; margin-top: var(--dlg-zone); padding-top: var(--dlg-zone); min-height: var(--dlg-h-fuss); } /* §1757 (Joerg 28.09.): keine Trennlinie ueber Knopfleisten */ .dlg-fuss .dlg-hinweis { margin-right: auto; } .dlg-hinweis { font-size: var(--ds-fs-hinweis); color: var(--ts-pos-grau); margin-top: var(--dlg-zone); } /* ▸N89 */ .dlg-fuss.dlg-fuss-rand{ padding: 0 16px 16px; margin-top: 0; } .kd-wrap .dlg-fuss-rand, .be-ov .dlg-fuss-rand { padding: 0 20px 16px; } /* ▸N90 §660b */ .fz > textarea.v[rows="1"] { height: var(--ts-feld-h); min-height: var(--ts-feld-h); resize: none; overflow: hidden; } /* §4046 einzeiliges Protokollfeld (Bemerkung intern Angebot/Auftrag/Wartungsvertrag): Hoehe wie ein Eingabefeld, voller Text im Textfenster */ .ts-memo-ov .dlg-fuss .ts-memo-art { margin-right: auto; display: inline-flex; align-items: center; gap: var(--ds-s); } /* §4046 Auswahl ZB/AB links im Memo-Fuss, Knoepfe bleiben rechts */ .ts-memo-ov .dlg-fuss-rand { padding: 0 var(--ds-m) var(--ds-s); } /* §660b: Memo-Fuß (war ts-memo-foot) */ /* ▸N91 §660b */ /* ▸N92 */ /* ▸N93 */ /* §4170: .ts-setup-lbl entfernt — letzter Nutzer war das alte RMA-Zuordnungsfenster (§4059), seit §4106 ohne Markup (Aufrufgraph: Waise) */ .ts-ovl .ts-setup-hint { font-weight: 400; color: var(--ts-ink-muted); font-size: 12px; line-height: 1.5; margin-top: 6px; } /* 25.07. (Jörg): hatte KEINE Groesse -> erbte 16px */ .ts-ovl .ts-setup-hint code { font-family: monospace; background: var(--ts-flaeche); padding: 0 4px; border-radius: var(--ds-xs); font-size: var(--ds-fs-hinweis); } /* ▸N94 §611c */ /* ▸N95 */ /* §4170: .ts-setup-input (4 Regeln: Grund, date, #datev-ovl, :focus, §4058 Spaltenkind) entfernt — letzte Nutzer altes RMA-Zuordnungsfenster (§4059) und alte Reparaturmaske, beide seit §4106/§4164 ohne Markup (Aufrufgraph: Waise) */ /* ▸N96 §660 */ /* ▸N97 *//* ▸N98 */ /* ▸N99 */ .tspro-ui input.v:enabled, .tspro-ui select.v:enabled, .tspro-ui textarea.v:not([readonly]):not(:disabled), .tspro-ui textarea:not([readonly]):not(:disabled), /* ▸N100 */ .tspro-ui .v[contenteditable="true"] { background: var(--ts-panel-bg); border: 1px solid var(--ts-edit-bd); border-radius: 4px; outline: none; } /* ▸N101 */ .tspro-ui .v[contenteditable="true"] { display: block; height: auto; min-height: var(--ds-feld); box-sizing: border-box; padding: 3px 8px; line-height: 18px; white-space: nowrap; overflow: hidden; }.tspro-ui .obtn { height: var(--ts-btn-h); padding: 0 var(--ds-s); gap: 6px; border: 1px solid var(--ts-line); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ink); font-family: inherit; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-align: center; } /* ▸N107 */ .tspro-ui .opt-col .obtn, .art-wrap .obtn { justify-content: flex-start; text-align: left; } /* §3721 (Jörg 27.10. 21:36: „Buttons dürfen nicht zweizeilig sein — jedes Mal derselbe Fehler“): Knöpfe der Optionsspalte immer EINZEILIG; zu lange Beschriftung meldet der Prüfer KNOPFZEILE */ .tspro-ui .opt-col .obtn, .art-wrap .opt-col .obtn, .es-wrap .opt-col .obtn, .bib-wrap .opt-col .obtn { white-space: nowrap; } /* ▸N108 K-42 */ .tspro-ui [hidden] { display: none !important; } /* ▸N110 §794 */ .tspro-ui .obtn.danger { background: var(--ts-red); color: var(--ts-sec-fg); border-color: var(--ts-red-dark); } .tspro-ui .obtn.red { color: var(--ts-akzent); } /* Bearbeiten u. a. Hauptaktionen — 06.08. Akzent */.tspro-ui .obtn .caret { margin-left: auto; font-size: var(--ds-fs-hinweis); opacity: .7; } /* ▸N111 §648m K-46 */ /* ▸N112 §674 */ :is(.ts-dlg, .bc-main :where(.fen), #ad-ew-pop) .obtn, .be-ov .obtn { height: var(--ts-btn-h); font-size: var(--ds-fs-knopf); padding: 0 12px; border-radius: var(--ds-radius); font-weight: 600; font-family: inherit; display: inline-flex; align-items: center; justify-content: center; background: var(--ts-panel-bg); color: var(--ts-ink); cursor: pointer; border: 1px solid var(--such-bd-box); } /* ▸N113 */ .ts-dlg-box .f #ovl_close { margin-left: auto; } /* §1807b Reservierungsdialog (auftrag): Freigeben rechts NEBEN Schliessen — die Trennung sitzt vor Freigeben */ .ts-dlg-box .f #ovl_frei { margin-left: auto; } .ts-dlg-box .f #ovl_frei + #ovl_close { margin-left: 0; } /* §1819: "Seriennummer" steht vor "Freigeben" — die Trennung wandert nach vorn, alle drei Knoepfe bleiben rechts zusammen */ .ts-dlg-box .f #ovl_sn { margin-left: auto; } .ts-dlg-box .f #ovl_sn + #ovl_frei { margin-left: 0; } /* §1833 Seriennummern-Inventur (Lagermaske), Ansicht In Auftraegen: Zeilen mit Produkt-ID sind anklickbar */ .ts-dlg-box #sni_tab tr[data-pid]:not([data-pid="0"]) { cursor: pointer; } .es-wrap .opt-col, .tspro-ui .opt-col { display: flex; flex-direction: column; gap: var(--ts-btn-gap); background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); border-radius: var(--ds-radius); padding: var(--ds-m) var(--ts-kachel-pad); } /* ▸N118 §661i */ .es-wrap .opt-col .opt-head, .tspro-ui .opt-col .opt-head { background: var(--ts-sec-bg); color: var(--ts-sec-fg); margin: calc(-1 * var(--ds-m)) calc(-1 * var(--ts-kachel-pad)) var(--ds-s); }.tspro-ui .opt-sep { height: 1px; background: var(--ts-panel-bd); margin: 3px 0; } /* §1536 AUFKLAPPMENUE in der Optionsspalte (Bauteil dialog.js tsMenueInit): Liste liegt UNTER dem Ausloeser, volle Spaltenbreite. */ .tspro-ui .opt-col .opt-menue-knopf { position: relative; } .tspro-ui .opt-col .opt-menue-knopf .opt-menue-pfeil { margin-left: auto; opacity: .7; } .tspro-ui .opt-col .opt-menue-knopf.on { background: var(--ts-flaeche); border-color: var(--ts-line-hover); } .tspro-ui .opt-col .opt-menue-liste { display: none; } .tspro-ui .opt-col .opt-menue-liste.on { display: flex; flex-direction: column; gap: var(--ts-btn-gap); position: absolute; left: var(--ts-kachel-pad); right: var(--ts-kachel-pad); z-index: 30; background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); border-radius: var(--ds-radius); padding: var(--ds-s); box-shadow: 0 6px 18px rgba(0,0,0,.12); } .tspro-ui .opt-col .opt-menue-liste .obtn { width: 100%; } /* ▸N121 */ .tspro-ui .opt-grp, .art-wrap .opt-grp, .be-wrap .opt-grp { font-size: var(--ds-fs-hinweis); font-weight: 700; color: var(--such-muted); text-transform: uppercase; letter-spacing: .04em; margin: 6px 0 2px; }/* ▸N122 */ .tspro-ui .ed { width: 100%; box-sizing: border-box; height: var(--ds-feld); padding: 0 8px; font: inherit; border: 1px solid var(--ts-edit-bd); border-radius: 4px; background: var(--ts-panel-bg); } /* ▸N124 §707 */ /* ▸N125 */ .tspro-ui select, .ts-ovl .tspro-ui select, .ts-dlg select, .ts-ovl select, .je-such select, .bib-wrap select, #art-ovl select, .be-ov select, .es-wrap select, .art-wrap select, .ts-app select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: var(--ts-chevron); /* §709 */ background-repeat: no-repeat; background-position: right var(--ds-s) center; padding-right: 26px; background-color: var(--ts-panel-bg); /* ▸N126 §708 §692 */ } /* ▸N130 */ html:has(> body > .tspro-ui) { height: 100%; } /* ▸N131 */ body:has(> .tspro-ui) { height: 100%; display: flex; flex-direction: column; } .art-wrap .ta-stack textarea { width: 100%; height: 52px; /* §1540: Text 320, Langtext 2 Zeilen */ padding: 6px 8px; /* resize:none kommt aus Grundregel (17), §219c */ box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font-family: inherit; font-size: 13px; } /* ▸N147 */ .art-wrap .bestand { margin-top: 8px; display: grid; grid-template-columns: auto auto auto auto; gap: 5px 8px; align-items: center; } /* ▸N151 */ .art-wrap .preis-grp { margin-bottom: 6px; } .art-wrap .preis-grp .ph { font-size: 12px; font-weight: 700; color: var(--ts-ink); margin: 2px 0 5px; } .art-wrap .preis-grp .pk { font-size: 12px; font-weight: 600; color: var(--ts-ink); margin: 5px 0 2px; } .art-wrap .preis-zeile { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px; align-items: center; margin-bottom: 7px; } /* §1540 Raster 35 */ /* ▸N154 §714 §634 */ /* DCI/PUID-Zeile unten — entfernt */ /* Suche-Panel */ .tspro-ui .such-bar { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; } /* ▸N155 */ .tspro-ui .such-bar input.sq { flex: 1; min-width: 90px; height: var(--such-fld-h); padding: 0 10px; box-sizing: border-box; border: 1px solid var(--such-bd); border-radius: var(--such-btn-r); font-size: 13px; } .tspro-ui .such-bar .obtn { border: 1px solid var(--such-bd); border-radius: var(--such-btn-r); background: var(--ts-panel-bg); cursor: pointer; font-weight: var(--such-btn-fw); font-family: inherit; } .tspro-ui .such-bar select.sk { height: var(--such-btn-h); border: 1px solid var(--such-bd); border-radius: var(--such-btn-r); font-size: 13px; padding: 0 6px; } /* Tabellen-Wrapper mit Scroll */ .art-wrap .tbl-box, .her-wrap .tbl-box { border: 1px solid var(--ts-panel-bd); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; flex: 1; min-height: 220px; height: auto; } .art-wrap .tbl-scroll, .her-wrap .tbl-scroll { overflow-y: auto; flex: 1; } /* ▸N157 */ .art-wrap .tbl-box table, .her-wrap .tbl-box table { width: 100%; border-collapse: collapse; font-size: var(--ts-tab-fs); } .art-wrap .tbl-box thead th, .her-wrap .tbl-box thead th { position: sticky; top: 0; background: var(--ts-flaeche); padding: var(--ts-tab-th-pad); text-align: left; font-weight: 700; border-bottom: 1px solid var(--ts-panel-bd); } .art-wrap .tbl-box tbody td, .her-wrap .tbl-box tbody td { padding: var(--ts-tab-td-pad); border-bottom: 1px solid var(--ts-trenn); height: var(--ts-tab-td-h); } /* ▸N158 §696c */ /* ▸N159 §825 */ .art-wrap .tbl-box table.s-tbl, .her-wrap .tbl-box table.s-tbl { table-layout: fixed; } .art-wrap .tbl-box table.s-tbl td.s-prod, .her-wrap .tbl-box table.s-tbl td.s-prod { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .art-wrap .obtn { height: var(--ts-btn-h); border: 1px solid var(--ts-line); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ink); font-family: inherit; font-size: 12px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 0 var(--ds-s); text-align: left; } /* §1262: Sperr-Tokens statt opacity (S3) */ /* ▸N170 */ .be-ov { position: fixed; inset: 0; background: rgba(24,24,27,.45); font-family: var(--ts-font); color: var(--ts-ink); display: flex; align-items: center; justify-content: center; z-index: 9000; } .be-ov .be-box { background: var(--ts-panel-bg); width: min(820px, 94vw); max-height: 86vh; display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 50px rgba(0,0,0,.35); } /* ▸N171 */ /* ▸N172 */ /* ▸N173 */ .be-ov .be-head, .je-such .js-head, .km-ov .km-head { /* 25.07.: km = Alias derselben Kopfregel (eine Wahrheit) */ background: var(--ts-ink); color: var(--ts-sec-fg); flex: none; padding: var(--ts-head-pad); display: flex; align-items: center; justify-content: space-between; gap: 12px; } .be-ov .be-head .t, .je-such .js-head .t, .km-ov .km-head > span { font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); letter-spacing: var(--ts-head-ls); } .be-ov .be-head .t small, .je-such .js-head .t small { font-weight: 500; opacity: .7; margin-left: 8px; } .je-such .js-head .js-summe { margin-left: auto; font-size: var(--ts-head-fs); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; } /* §2713 Summe der angezeigten Treffer, rechts vor dem Schliessen-Kreuz */ .je-such .js-head .js-summe:empty { display: none; } /* ▸N174 §796 */ .be-ov .be-body { padding: 0; overflow: auto; font-size: 13px; } /* ▸N175 */ /* ▸N176 */ /* ▸N177 */ /* ▸N178 §800 */ .be-ov .be-tbl, .je-such .be-tbl, .tspro-ui .be-tbl, .ts-dlg .be-tbl, .bib-wrap .be-tbl, #art-ovl .be-tbl { width: 100%; border-collapse: collapse; font-size: var(--ts-tab-fs); } .be-ov .be-tbl th, .je-such .be-tbl th, .tspro-ui .be-tbl th, .ts-dlg .be-tbl th, .bib-wrap .be-tbl th, #art-ovl .be-tbl th { position: sticky; top: 0; z-index: 1; background: var(--ts-flaeche); color: var(--ts-ink); text-align: left; font-weight: 700; padding: var(--ts-tab-th-pad); border-bottom: 1px solid var(--ts-panel-bd); white-space: nowrap; } .be-ov .be-tbl td, .je-such .be-tbl td, .tspro-ui .be-tbl td, .ts-dlg .be-tbl td, .bib-wrap .be-tbl td, #art-ovl .be-tbl td { padding: 0 8px; border-bottom: 1px solid var(--ts-trenn); white-space: nowrap; height: var(--ts-tab-td-h); } .be-ov .be-tbl td.num, .je-such .be-tbl td.num, .tspro-ui .be-tbl td.num, .ts-dlg .be-tbl td.num, .bib-wrap .be-tbl td.num, #art-ovl .be-tbl td.num { text-align: right; font-variant-numeric: tabular-nums; } .be-ov .be-tbl th.num, .je-such .be-tbl th.num, .tspro-ui .be-tbl th.num, .ts-dlg .be-tbl th.num, .bib-wrap .be-tbl th.num, #art-ovl .be-tbl th.num { text-align: center; } .be-ov .be-empty { padding: 22px 14px; color: var(--ts-ro-fg); font-size: 13px; text-align: center; } /* ▸N180 */ .pd-body { padding: 14px 16px; } .pd-sec { border: 1px solid var(--ts-panel-bd); border-radius: 6px; margin-bottom: 12px; } .pd-sec.locked { opacity: .6; } .pd-h .pd-hint { font-weight: 500; font-size: var(--ds-fs-hinweis); color: var(--ts-meld-warn-fg); } .pd-rows { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 8px 10px; align-items: center; padding: 10px; } .pd-rows label { font-size: 12px; font-weight: 600; color: var(--ts-ink); text-align: left; white-space: nowrap; } /* ▸N181 §692h */ .pd-rows input { width: 100%; box-sizing: border-box; padding: 4px 6px; font-size: 13px; border: 1px solid var(--ts-line); border-radius: 4px; font-family: inherit; } /* ▸N182 §660 */ /* ▸N183 §660 */ /* ▸N184 §660 */ /* ▸N185 *//* ▸N186 */ /* ▸N187 §791 */ .be-wrap .ka-kopfinfo { font-weight: 500; opacity: .85; margin-left: 10px; font-size: var(--ds-fs-text); } .be-wrap .ka-pos { color: var(--ts-ok); } .be-wrap .ka-neg { color: var(--ts-red); } .be-wrap .ka-betrag { font-weight: 600; } /* ▸N188 */ .be-wrap .dlg-status { font-size: 12px; font-weight: 500; padding: 6px var(--ds-m); border-bottom: 1px solid var(--ts-panel-bd); background: var(--ts-panel-bg); color: var(--ts-ro-fg); } /* §692e */ .be-wrap .bel-filter { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin: 8px 0; } .be-wrap .bel-suche { width: var(--ts-fb-3xl); height: var(--such-fld-h); } .be-wrap .bel-art-filter { display: inline-flex; gap: 6px; } .be-wrap .bel-fbtn { height: var(--such-btn-h); padding: 0 12px; font-size: var(--such-btn-fs); font-weight: var(--such-btn-fw); border-radius: var(--such-btn-r); } /* ▸N189 */ .be-wrap .fz-ta textarea.v { height: 120px; min-height: 120px; align-items: flex-start; padding: 6px 8px; } /* §698 */ .bel-tbl { table-layout: fixed; width: 100%; } /* ▸N192 §262 §253 */ /* ▸N193 */ .bhk-wrap td.bhk-sk-zelle, .be-wrap td.ma-sk-zelle { cursor: pointer; position: relative; } /* §698 */ .bhk-wrap .bhk-sk-inline, .be-wrap .ma-sk-inline { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 300px; text-align: left; font: inherit; font-size: var(--ds-fs-text); background: var(--ts-panel-bg); z-index: 6; border: 1px solid var(--ts-akzent); border-radius: 4px; padding: 2px 6px; box-sizing: border-box; } .lf-box-560 { width: min(560px, 94vw); max-width: none; } .lf-ov-oben { align-items: flex-start; padding-top: 12vh; } .lf-pad { padding: 18px 20px; } .lf-grid { display: grid; grid-template-columns: var(--lf-lbl-w) 1fr; gap: 10px 12px; } /* §2605: eigene Labelbreite im 560er-Dialog (190px war zu breit) */ .km-box.lf-box-560 { height: auto; max-height: var(--dlg-h-max); min-width: 0; display: flex; flex-direction: column; } /* §2605: feste 300px schnitten Feld 5 + Knopfleiste ab */ .km-box.lf-box-560 .lf-pad { overflow: auto; } /* §2609-Schrittanzeige entfernt (§2613): der Lauf zeigt seine Schritte im Standard-Statusfenster tsproStatus */ /* §2610 Abschnitt "Kontakte hinzufügen" */ .se-wrap .se-kopf { margin: var(--ds-s) 0; font-weight: 600; } .se-wrap .se-abt { width: 100%; box-sizing: border-box; } /* Hoehe: §2623 Tabellenzeile */ /* §2611 Abschnitt "E-Mail-Adressen im comCENTER zuordnen": lange Listen (Amazon 191) im eigenen Rollbereich */ .se-wrap tr.se-erl td { color: var(--ts-pos-grau); } /* §2622 (Joerg: weiter zu klein, Abschneidungen, Rollbalken — selbst gemessen sc_anschreiben_lieferanten/Amazon): Fenster Stufe voll; Tabellen mit fester Spaltenaufteilung (kein waagerechtes Rollen, lange Werte mit … und title); nur die Adressliste behaelt eigenen Rollbereich, sonst rollt der Dialogrumpf */ .se-wrap .se-tbl { table-layout: fixed; } .ts-dlg .se-wrap .se-tbl.lgp td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* §2637 (0,4,1) gegen .ts-dlg .dlg-tbl.lgp td (0,3,1, spaeter) */ .se-wrap .se-tbl select.se-wert { width: 100%; max-width: 100%; } /* §2623 (Joerg: kein dynamisches Verschieben, Scrollbalken nur wo sinnvoll; R-4.14 Kacheln teilen die feste Hoehe, nur Tabellen rollen; K-404 Fuellzeilen): se-wrap fuellt den festen Rumpf (Stufe voll), drei Abschnitte mit festem Anteil (Felder 5 · Kontakte 3 · Adressen 4), jeder: Kopfzeile + Tabelle, die allein rollt */ .se-wrap { height: 100%; display: flex; flex-direction: column; gap: var(--ds-s); overflow: hidden; } .se-wrap .se-blk { display: flex; flex-direction: column; min-height: 0; } .se-wrap .se-blk-feld { flex: 6 1 0; } /* §2742: 5 -> 6, seit der Fusszeile mit 2 Zeilen (§2740) scrollten die 11 Stammdatenzeilen */ .se-wrap .se-blk-kont { flex: 3 1 0; } .se-wrap .se-blk-zuo { flex: 4 1 0; } .se-wrap .se-blk > .se-kopf { flex: 0 0 auto; margin: 0 0 var(--ds-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .se-wrap .se-blk > .lgp-scroll { flex: 1 1 0; min-height: 0; max-height: none; overflow-y: auto; overflow-x: hidden; } .se-wrap .se-tbl td, .se-wrap .se-tbl th { height: var(--ds-tabellenzeile); } .se-wrap .se-tbl select.se-wert, .se-wrap .se-tbl input.se-abt { height: var(--ds-tabellenzeile); margin-top: 0; padding-top: 0; padding-bottom: 0; } .se-wrap .se-tbl th.sp-flag-wort, .se-wrap .se-tbl td.sp-flag-wort { width: var(--fb-110); } .se-wrap .se-tbl th.se-q { width: var(--fb-320); } /* §2740: "ecoDMS, Impressum/Web, Google-Adressprüfung" braucht 310 px (gemessen) */ .ts-dlg-box:has(.se-wrap) .f > .dlg-status { display: block; white-space: normal; min-height: calc(2 * var(--ds-zeile)); max-height: calc(2 * var(--ds-zeile)); overflow: hidden; } /* §2740: Belegzeile Vervollstaendigen zweizeilig (2303 px Text in 1368 px), feste Hoehe wie .as-dlg — Volltext im title */ .se-wrap .se-tbl th.se-name { width: var(--fb-220); } .se-wrap .se-tbl th.se-n { width: var(--fb-90); } .se-wrap .se-tbl th.se-abt-sp { width: var(--fb-170); } /* §2625 Umbenennen-Kette (umbenennen.js): Vorschau/Ergebnis Stufe breit, statisch — Kopf, EINE rollende Tabelle, Statuszeile wandert in den Fuss (§1316) */ .umb-wrap { height: 100%; display: flex; flex-direction: column; gap: var(--ds-s); overflow: hidden; } .umb-wrap > .umb-kopf { flex: 0 0 auto; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* §2632 (Joerg-Bild: Ergebnis 320 px hoch, waagerechter Rollbalken): .ts-dlg .lgp-scroll (0,2,0, spaeter in der Datei) schlug diese Regel — jetzt (0,3,0) */ .ts-dlg .umb-wrap > .lgp-scroll { flex: 1 1 0; min-height: 0; max-height: none; overflow-y: auto; overflow-x: hidden; } .ts-dlg .umb-wrap .umb-tbl { table-layout: fixed; width: 100%; } .ts-dlg .umb-wrap .umb-tbl.lgp td, .ts-dlg .umb-wrap .umb-tbl.lgp th { height: var(--ds-tabellenzeile); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } /* §2637 (0,4,1): Z.~1383 .ts-dlg .dlg-tbl.lgp td {overflow:visible; text-overflow:clip} (0,3,1, spaeter) gewann — Zeile 9 lief ueber */ /* §2635 gemessen: Tabelle 956 px in 866 px Rahmen — Zellabstaende kamen zu den festen Breiten hinzu */ /* §2634 (gemessen: Spalten # und Schritt ~16 px, Text ueberlagert): max-width:0 stand auch an den KOPFzellen — bei table-layout fixed geben die Kopfzellen die Spaltenbreite vor. Jetzt feste Breiten an den Kopfzellen (0,4,1), kein max-width — "…" kommt bei fester Aufteilung + width 100 % aus overflow/text-overflow */ .ts-dlg .umb-wrap .umb-tbl th.sp-flag { width: var(--fb-36); } .ts-dlg .umb-wrap .umb-tbl th.sp-txt { width: var(--fb-270); } .ts-dlg .umb-wrap .umb-tbl th.umb-n { width: var(--fb-64); } .ts-dlg .umb-wrap .umb-tbl td.umb-n { text-align: right; } /* §2638 (Messung 09.10.: Zeile 9 Text 657 px in 495-px-Zelle, ohne Ellipse trotz (0,4,1)-Regel): Freitext in einem Block INNERHALB der Zelle — der kuerzt verlaesslich */ .ts-dlg .umb-wrap .umb-z { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .umb-wrap .umb-tbl tr.umb-fehl td { color: var(--ts-red); } .umb-wrap .umb-tbl tr.umb-hinw td { color: var(--ts-warn); } .umb-wrap .umb-tbl tr[data-bid] { cursor: pointer; } .umb-wrap .umb-tbl tr[data-bid]:hover td { background: var(--ds-auswahl); } /* §2836 KI-Hinweis anklicken: klären oder als offenen Vorgang merken (Muster tr[data-id] Z.1016) */ .lf-lbl { text-align: left; white-space: nowrap; font-weight: 600; font-size: 13px; align-self: center; } .lf-inp { width: 100%; box-sizing: border-box; padding: 7px 9px; border: 1px solid var(--ts-line); border-radius: var(--ds-radius); font-size: 14px; font-family: inherit; } .kd-wrap .kd-w70 { width: var(--ts-fb-s); } /* ▸N199 §806 */ .kd-wrap .kd-pad, .be-ov .kd-pad { padding: 18px 20px; } /* ▸N200 K-46 */ .kd-wrap .kd-text, .be-ov .kd-text { font-size: 13px; line-height: 1.55; } /* ▸N201 §660 */ .km-ov { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 10000; display: flex; align-items: center; justify-content: center; font-family: var(--ts-font); } .km-box { background: var(--ts-panel-bg); border-radius: 12px; min-width: var(--dlg-w-schmal); max-width: var(--dlg-w-schmal); /* §1307: Stufe schmal statt 320/460 */ overflow: hidden; box-shadow: var(--ds-schatten-dialog); height: var(--dlg-h-schmal); /* §1308 */ } .km-body { padding: 16px; font-size: 14px; line-height: 1.5; white-space: pre-wrap; } .km-inp { width: 100%; height: 32px; box-sizing: border-box; margin-top: 10px; padding: 0 8px; border: 1px solid var(--ts-line); border-radius: 6px; font: inherit; } /* .km-foot → .dlg-fuss (§660) */ .km-breit { max-width: 94vw; min-width: 520px; width: max-content; } /* 19.07.: breit genug fuer eine Zeile je Vorgang */ /* ▸N202 */ /* 19.07.: kein Zeilenumbruch in den Vorgangszeilen *//* ▸N203 */ .eg-erbe { font-style: normal; font-size: var(--ds-fs-hinweis); font-weight: 700; color: var(--ts-meld-warn-fg); background: var(--ts-meld-warn-bg); border: 1px solid var(--ts-meld-warn-bd); border-radius: 4px; padding: 0 5px; margin-left: 6px; white-space: nowrap; } /* Auswahl-Hellton zum Akzent (06.08., Setzung) */ /* ▸N216 K-151 */ /* ▸N217 */ /* ▸N218 */ /* ▸N219 */ .be-ov .js-ftitel, .je-such .js-ftitel {font-size: var(--ds-fs-hinweis);font-weight:700;color:var(--such-muted); text-transform:uppercase;letter-spacing:.04em;margin:6px 0 2px} .je-such .lb-sgrp, .be-ov .lb-sgrp, .be-ov .js-fgrp, .je-such .js-fgrp {display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--ts-btn-gap);margin-bottom:var(--ts-btn-gap);width:var(--ts-btn-w)} /* ▸N220 §722 */ .be-ov .js-fbtn, .je-such .js-fbtn {height:var(--such-btn-h);padding:0 6px;border:1px solid var(--such-bd); background:var(--ts-panel-bg);border-radius:var(--such-btn-r); font-size:var(--such-btn-fs);font-weight:var(--such-btn-fw); cursor:pointer;text-align:center;color:var(--ts-ink); display:flex;align-items:center;justify-content:center;font-family:inherit} /* ▸N221 */ .be-ov .js-fbtn.on:disabled, .je-such .js-fbtn.on:disabled {background:var(--ts-ink);color:var(--ts-dis-fg); border-color:var(--ts-ink)} /* ▸N222 §1262 */ /* ▸N223 */ .be-ov .js-fbtn-w, .je-such .js-fbtn-w {width:var(--ts-btn-w);margin-bottom:var(--ts-btn-gap)} /* ▸N224 §722b §722 */ /* ▸N225 §422 */ .je-such.asaus .as-kv {display:flex;justify-content:space-between;gap:10px;padding:1px 0} .je-such.asaus .as-kv .k {color:var(--ts-gedaempft)} .je-such.asaus .as-kv .v {font-weight:600} .je-such.asaus .as-kv3 {display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:1px 0} .je-such.asaus .as-kv3 span:nth-child(1) {color:var(--ts-gedaempft)} .je-such.asaus .as-kv3 span:nth-child(2), .je-such.asaus .as-kv3 span:nth-child(3) {text-align:right;font-weight:600} .je-such.asaus .as-plist {max-height:150px;overflow:auto} /* ▸N227 §817 */ /* §839: .pec-x -> .ts-x */\n#m-pechart .pec-filters {display:flex;gap:14px;padding:10px 14px;flex-wrap:wrap;border-bottom:1px solid var(--ts-trenn)} /* ▸N228 §781 §713 */ /* ▸N229 §795 */ /* ▸N230 */ /* ▸N231 */ .tspro-ui input.v:enabled, .tspro-ui select.v:enabled, .tspro-ui textarea:not([readonly]):not(:disabled), .tspro-ui .v[contenteditable="true"], .tspro-ui .ed, .art-wrap .ed, .pd-rows input:enabled { /* §630: #e_tbody-Arm entfernt (tot seit §276) */ color: var(--ts-ink); -webkit-text-fill-color: var(--ts-ink); caret-color: var(--ts-ink); /* §1890 (Joerg, Firefox: keine Einfuegemarke in den Bearbeiten-Feldern) — caret-color ist vererbt, fuer tippbare Felder ausdruecklich; gesperrte behalten transparent */ } /* ▸N232 */ .tspro-ui select.ed, .art-wrap select.ed { background-color: var(--ts-panel-bg); background-image: var(--ts-chevron); /* §709 */ background-repeat: no-repeat; background-position: right var(--ds-s) center; padding-right: 26px; cursor: pointer; }.pd-sec > .pd-h { background: var(--ts-flaeche); padding: 6px 10px; font-weight: 700; font-size: 12.5px; border-bottom: 1px solid var(--ts-panel-bd); justify-content: space-between; align-items: center; display: none; } /* ▸N234 */ .tspro-ui .opt-col .opt-head, .art-wrap .opt-col .opt-head, .es-wrap .opt-col .opt-head, .tspro-ui .be-box .h, .ts-dlg-box .h, /* ▸N235 */ .ecopdf-kopf, /* 08.08.: PDF-Betrachter — BARE, body-appended */ .bzq-kopf, /* 08.08.: Betrags-Abfrage — BARE, body-appended */ .be-ov .be-head, #m-wiz .mh, #m-pechart .pec-head, .ts-ovl .ts-ma-head, .tspro-ui .da-ch, .es-wrap .es-title { font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); padding: var(--ts-head-pad); letter-spacing: var(--ts-head-ls); } .be-ov .be-head .t, .ts-dlg-box .h > :not(.ts-x), .tspro-ui .be-box .h > :not(.ts-x) { /* ▸N236 §841 */ font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); } /* ▸N237 */ .tspro-ui .da-ch .obtn { height: var(--ts-btn-h); font-size: var(--ds-fs-hinweis); padding: 0 7px; gap: 4px; } /* ▸N238 */ .tspro-ui .da-head { display: none; } /* ▸N239 */ .tspro-ui .da-btn, .es-wrap .es-save, .es-wrap .es-ubtn { height: 26px; font-size: 12px; padding: 0 var(--ds-s); } /* ▸N242 */ /* ▸N243 */ html:has(> body > .es-wrap) { height: 100%; } /* ▸N244 */ body:has(> .es-wrap) { height: 100%; display: flex; flex-direction: column; margin: 0; } /* §724: Kopf bis zum Kachelrand, waagerecht jetzt 9 */ /* ▸N246 */ .tspro-ui .obtn, .es-wrap .obtn, .art-wrap .obtn, .bib-wrap .obtn, .ts-ovl .obtn, :is(.ts-dlg, .bc-main :where(.fen)) .obtn, .be-ov .obtn, .je-such .obtn, .ts-memo-ov .obtn, .m-datenabgleich .obtn { -webkit-appearance: none; appearance: none; } /* ▸N249 */ /* ▸N250 */ /* ▸N251 §692 §717b K-317 */ /* ▸N252 */ .tspro-ui .opt-col .opt-head, .art-wrap .opt-col .opt-head, .es-wrap .opt-col .opt-head { border-radius: 10px 10px 0 0; } /* ▸N253 */ /* ▸N254 */ /* ▸N255 */ .tspro-ui .dv-right { display: flex; flex-direction: column; gap: 12px; min-width: 0; } .tspro-ui .dv-right .opt-col { display: flex; flex-direction: column; gap: var(--ts-btn-gap); background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); border-radius: var(--ds-radius); padding: var(--ds-m) var(--ts-kachel-pad); } .tspro-ui .dv-right .opt-col .opt-head { background: var(--ts-sec-bg); color: var(--ts-sec-fg); margin: calc(-1 * var(--ds-m)) calc(-1 * var(--ts-kachel-pad)) var(--ds-s); border-radius: 10px 10px 0 0; } /* ▸N256 */ .tspro-ui .dv-right .obtn { border: 1px solid var(--ts-line); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ink); font-family: inherit; font-weight: 600; cursor: pointer; display: flex; align-items: center; text-align: left; } /* ▸N257 §682 K-317 */ /* ▸N258 */ .tspro-ui .dv-right .opt-col select, .tspro-ui .dv-right .opt-col input { height: 26px; font-size: 12px; width: 100%; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 0 8px; font-family: inherit; background: var(--ts-panel-bg); } /* §692: Kopie entfallen — zentrale Regel (Z.3507) */ /* ▸N259 */ html:has(body > .kt-wrap), body:has(> .kt-wrap) { overflow: hidden; height: 100%; } .kt-wrap .opt-col { align-self: start; } /* ▸N269 */ html:has(body > .bib-wrap), body:has(> .bib-wrap) { overflow: hidden; height: 100%; } /* ▸N270 */ .bib-wrap .bib-title { background: var(--ts-sec-bg); color: var(--ts-sec-fg); border-radius: 10px; margin: 0 0 10px; flex: 0 0 auto; font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); padding: var(--ts-head-pad); letter-spacing: var(--ts-head-ls); } .bib-wrap .bib-filter { width: 100%; height: var(--ds-feld); padding: 0 8px; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); font: inherit; font-size: 13px; margin-bottom: 6px; } /* §802: war #b0b0ab (2,18:1) */ .bib-wrap .bib-hinweis { font-size: var(--ds-fs-hinweis); color: var(--ts-gedaempft); margin: 2px 2px 8px; } .bib-wrap .fz .v { height: var(--ds-feld); padding: 0 8px; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); font-size: 13px; display: flex; align-items: center; } /* ▸N277 §692 */ /* ▸N278 */ .bib-wrap .opt-col { display: flex; flex-direction: column; gap: var(--ts-btn-gap); background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); border-radius: var(--ds-radius); padding: var(--ds-m) var(--ts-kachel-pad); align-self: start; max-height: 100%; } .bib-wrap .bib-radrow { display: flex; gap: 16px; margin-bottom: 6px; flex: 0 0 auto; font-size: 13px; font-weight: 600; }.bib-wrap .obtn { display: flex; align-items: center; text-align: left; font-weight: var(--such-btn-fw); border: 1px solid var(--such-bd); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ink); font-family: inherit; /* ▸N289 §611c */ cursor: pointer; } select.bib-filter { cursor: pointer; } /* ▸N293 */ #art-ovl .fz { display: grid; gap: 8px; align-items: center; margin-bottom: 7px; } #art-ovl .fz > label { text-align: left; font-size: 13px; font-weight: 600; } #art-ovl .fz input.v, #art-ovl .fz select.v { display: block; height: var(--ds-feld); font-family: inherit; padding: 0 8px; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); font-size: 13px; } /* §692: Kopie entfallen — zentrale Regel (Z.3507) */ #art-ovl .obtn { height: var(--such-btn-h); padding: 0 12px; font-size: var(--such-btn-fs); font-weight: var(--such-btn-fw); border: 1px solid var(--such-bd); border-radius: var(--such-btn-r); background: var(--ts-panel-bg); color: var(--ts-ink); font-family: inherit; cursor: pointer; } /* ▸N295 §793 */ #art-ovl .tbl-btns { display: flex; gap: 8px; margin-top: 8px; align-items: center; } #art-ovl .eig-grid { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 7px 10px; align-items: center; max-height: 46vh; overflow: auto; padding: 8px; border: 1px solid var(--ts-panel-bd); border-radius: 8px; } #art-ovl .eig-grid .lab { text-align: left; font-size: 12.5px; font-weight: 600; } #art-ovl .eig-grid input { height: var(--ds-feld); box-sizing: border-box; padding: 0 8px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font: inherit; font-size: 12.5px; width: 100%; } #art-ovl .eig-leer { color: var(--ts-gedaempft); font-size: 12.5px; padding: 12px; text-align: center; } #art-ovl .art-filter { display: flex; gap: 6px; margin-bottom: 6px; } #art-ovl .art-filter input { flex: 1; min-width: 0; height: var(--ds-feld); border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 0 8px; font: inherit; font-size: 12.5px; background: var(--ts-panel-bg); } #art-ovl .art-tbl-wrap { border: 1px solid var(--ts-panel-bd); border-radius: 8px; overflow: auto; max-height: 240px; } #art-ovl table.be-tbl tr[data-id] { cursor: pointer; } /* Auswahl-Hellton zum Akzent (06.08.) */ #art-ovl .num { text-align: right; } #cmb-pop .cmb-opt { padding: 5px 9px; font-size: 12.5px; cursor: pointer; } #cmb-pop .cmb-opt:hover, #cmb-pop .cmb-opt.hi { background-color: var(--ts-field-ro); } #cmb-pop .cmb-empty { padding: 8px 9px; font-size: 12px; color: var(--ts-gedaempft); } /* ▸N296 */ .bib-wrap select.bib-filter { background-color: var(--ts-panel-bg); background-image: var(--ts-chevron); /* §709 */ background-repeat: no-repeat; background-position: right var(--ds-s) center; padding-right: 26px; cursor: pointer; } /* ▸N299 */ .bib-wrap input.bib-filter, .bib-wrap select.bib-filter { height: var(--ds-feld); min-height: var(--ds-feld); box-sizing: border-box; padding-top: 0; padding-bottom: 0; line-height: 26px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font-size: 12.5px; } .bib-wrap .bib-hkrow select { height: var(--ds-feld); border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 0 8px; font: inherit; font-size: 13px; background: var(--ts-panel-bg); } /* ▸N309 */ #art-ovl .eig-grid .cmb-box { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: var(--ds-feld); box-sizing: border-box; padding: 2px 6px; cursor: text; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); } /* §698 */ #art-ovl .eig-grid .cmb-box input { flex: 1 1 90px; min-width: 90px; width: auto; border: none; outline: none; height: 22px; padding: 0 2px; font: inherit; font-size: 12.5px; background: transparent; border-radius: 0; } #art-ovl .cmb-chip { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 1px 5px 1px 8px; font-size: 12px; font-weight: 600; color: var(--ts-ink); background: var(--ts-flaeche); border: 1px solid var(--ts-line); border-radius: 10px; white-space: nowrap; overflow: hidden; } #art-ovl .cmb-chip-x { border: none; background: transparent; cursor: pointer; font-size: var(--ds-fs-hinweis); line-height: 1; padding: 2px; color: var(--ts-gedaempft); } #cmb-pop .cmb-frei { border-top: 1px solid var(--ts-panel-bd); color: var(--ts-ink-muted); } #cmb-pop .cmb-bib { color: var(--ts-akzent); font-weight: 600; } /* ▸N310 */ /* ▸N311 */ .tspro-ui.bhk-wrap { font-family: var(--ts-font); font-size: var(--ds-fs-text); color: var(--ts-ink); } .bhk-wrap { padding: 12px; } .bhk-cols { display: flex; gap: 12px; align-items: flex-start; } /* ▸N312 */ #msg-ovl .ts-ma-box { width: var(--dlg-w-schmal); } #msg-ovl .ts-ma-head { display: flex; align-items: center; justify-content: space-between; /* ▸N313 §839 */ padding: var(--ts-head-pad); font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); letter-spacing: var(--ts-head-ls); } #msg-ovl .ts-setup-form { padding: var(--ds-m) var(--ds-l); } /* ▸N314 */ #msg-ovl .msg-text input[type="text"] { display: block; width: 100%; box-sizing: border-box; margin-top: 8px; height: var(--such-fld-h); padding: 0 8px; font: inherit; font-size: 13px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ink); } #msg-ovl .msg-text { font-size: 13px; line-height: 1.45; white-space: pre-line; margin-bottom: 12px; } /* ▸N315 */ /* ▸N316 */ .tspro-ui .bhk-tblwrap table { table-layout: fixed; width: 100%; } .tspro-ui .bhk-tblwrap th, .tspro-ui .bhk-tblwrap td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ▸N317 */ /* ▸N318 §237 */ /* ▸N319 §253 */ /* ▸N320 */ /* ▸N321 */ /* ▸N322 §253 */ /* ▸N323 */ .tspro-ui .be-tbl tr.bhk-roh td { color: var(--ts-ink-muted); font-style: italic; } /* ▸N324 §960 */ .tspro-ui .be-tbl tr.bhk-ohnedok td { color: var(--ts-akzent-dark); } .bhk-liste { flex: 2 1 0; min-width: 0; margin-bottom: 0; } /* 2/3 (Jörg, 10.07.) */ .bhk-detail { flex: 1 1 0; min-width: 0; margin-bottom: 0; } /* ▸N326 */.bhk-suche { width: 100%; margin-bottom: 8px; } .bhk-tblwrap { max-height: 560px; overflow: auto; border: 1px solid var(--ts-panel-bd); border-radius: 8px; } .bhk-tblwrap tr[data-id] { cursor: pointer; } /* Auswahl-Hellton zum Akzent (06.08.) */ .bhk-num { text-align: right; } /* ▸N327 */ .tspro-ui th.bhk-num { text-align: right; } /* ▸N328 §253 */ .tspro-ui .bhk-tblwrap tr.js-leerzeile > td { text-align: center; color: var(--ts-gedaempft); padding: 14px; } .bhk-summe { margin-top: 8px; font-size: var(--ds-fs-text); color: var(--ts-ink); } .tspro-ui .bhk-grid { grid-template-columns: max-content minmax(0, 1fr); } .tspro-ui .bhk-grid .fil-field { width: 100%; min-width: 0; box-sizing: border-box; } .bhk-paar { display: flex; gap: 6px; min-width: 0; } .bhk-paar .fil-field { flex: 1 1 auto; min-width: 0; width: auto; } .bhk-paar .bhk-plz { flex: 0 0 var(--ts-fb-m); } .bhk-paar .bhk-bic { flex: 0 0 var(--ts-fb-xl); } .bhk-check { display: flex; align-items: center; height: var(--ds-feld); } /* §1748 Vertragsmaske: die drei Kennzeichen (Aktiv, Archiv-Beleg erwartet, Nur Ablage) in EINER Zeile — beschriftete Kaestchen nebeneinander, Beschriftung normal und links (nicht wie die Feldbeschriftung .fil-grid label) */ .tspro-ui .bhk-check.bhk-kz { gap: var(--ds-m); } /* 3 Kaestchen in ~287 px Feldspalte (1920x822): 51+109+91+2x12 = 275 */ .tspro-ui .bhk-check.bhk-kz label { display: inline-flex; align-items: center; gap: var(--ds-s); font-weight: 400; text-align: left; white-space: nowrap; } /* ▸N329 §563 */ /* ▸N330 §1017 */ /* ▸N331 §1020 */ /* ▸N332 §1021 */ .bhk-eco { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; min-height: var(--ds-feld); height: auto; max-width: 100%; overflow-wrap: anywhere; line-height: 1.45; font-size: var(--ds-fs-text); color: var(--ts-gedaempft); } /* ▸N333 §1022 */ .bhk-eco > .bhk-ecozeile:first-child { min-height: var(--ds-feld); display: flex; align-items: center; gap: 6px; } .bhk-grid label:has(+ .bhk-eco) { align-self: start; line-height: var(--ds-feld); } /* ▸N334 §1020 */ .bhk-ecomehr { display: contents; } /* ▸N335 §1018 */ /* ▸N336 §1019 */ .bhk-ecozeile { display: block; max-width: 100%; overflow-wrap: anywhere; } .bhk-ecozeile i { font-style: normal; color: var(--ts-ink-muted); } .bhk-ecolink, .bhk-ecodel { white-space: nowrap; } /* ▸N337 §1239 §1019 */ .bhk-ecodel { color: var(--ts-red); text-decoration: none; font-weight: 700; } .bhk-ecolink { color: var(--ts-akzent); text-decoration: none; font-weight: 600; } /* ▸N338 §569 */ .eco-doclink { color: var(--ts-akzent); text-decoration: none; font-weight: 600; } .bhk-paar .bhk-skr { flex: 0 1 200px; } /* darf in der schmalen Kachel schrumpfen */ /* ▸N339 */ #skr-pop { position: fixed; display: none; z-index: 9600; background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); border-radius: 6px; max-height: 260px; overflow: auto; box-shadow: 0 8px 24px rgba(0,0,0,.18); font-family: var(--ts-font); } #skr-pop .skr-opt { display: flex; align-items: baseline; gap: 8px; padding: 5px 10px; font-size: 12.5px; color: var(--ts-ink); cursor: pointer; white-space: nowrap; } #skr-pop .skr-opt:hover, #skr-pop .skr-opt.hi { background-color: var(--ts-field-ro); } #skr-pop .skr-nr { font-family: monospace; font-weight: 700; color: var(--ts-akzent); width: 52px; flex: 0 0 52px; text-align: right; } .pop-leer { padding: 9px 10px; font-size: 12px; color: var(--ts-gedaempft); } /* ▸N340 §801 */ /* ▸N341 */ #vs-pop, #ad-ew-pop, #ts-aw-pop { position: fixed; display: none; z-index: 9600; background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); border-radius: 6px; max-height: 260px; overflow-y: auto; box-shadow: 0 8px 24px rgba(0,0,0,.14); font-family: var(--ts-font); } #vs-pop .vs-opt { padding: 5px 10px; font-size: 12.5px; color: var(--ts-ink); cursor: pointer; white-space: nowrap; } #vs-pop .vs-opt:hover, #vs-pop .vs-opt.hi { background-color: var(--ts-field-ro); } /* §801 (T6): .vs-leer -> .pop-leer */ /* ▸N342 §670 */ .bhk-skrhint { align-self: center; font-size: var(--ds-fs-hinweis); color: var(--ds-hinweis); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ▸N343 */ /* §3542 Import PDF (belege/vertraege): Fensteraufbau zentral (.ts-dlg/.fen, K-423) — Wertezeilen in zwei Paaren Beschriftung|Feld je Zeile (Muster ko-tel4 §2758), feste Zeilen, nichts dynamisch */ #pdf-ovl .fen-form.pdf-werte { grid-template-columns: repeat(2, max-content minmax(0, 1fr)); } /* ▸N350 §656 */ /* ▸N351 */ /* ▸N352 */ .tspro-ui .obtn, .be-ov .obtn, .tspro-ui .such-bar .obtn { height: var(--ts-btn-h); font-size: var(--ds-fs-knopf); padding: 0 var(--ds-s); }.tspro-ui .fbtn { border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); cursor: pointer; font-family: inherit; height: 26px; font-size: 12px; padding: 0 var(--ds-s); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; box-sizing: border-box; } /* ▸N353 */.tspro-ui .ma-help-btn { margin-left: 8px; height: 22px; padding: 0 var(--ds-s); border: 1px solid var(--ts-line); border-radius: var(--ds-radius); background: var(--ts-panel-bg); color: var(--ts-akzent); font-size: 12px; font-weight: 600; font-family: inherit; cursor: pointer; vertical-align: middle; } /* ▸N354 */ /* Kopf mit Monatswähler (rechts im Kachelkopf) */ /* ▸N355 */ /* Kennzahlen-Zeile: Label links, Wert rechtsbündig */ /* Abschnitts-Trenner in einer Karte */ /* USt-Satz- + Kategorie-Subtabellen (nutzen ma-row) */ /* Saldo-Leiste unten, volle Breite */ /* ▸N356 */ .tspro-ui .be-layout, .tspro-ui .kt-layout, .tspro-ui .kd-layout, .tspro-ui .lg-layout, .tspro-ui .lf-layout, .tspro-ui .ma-layout, .tspro-ui .wb-layout, .tspro-ui .art-layout { grid-template-columns: 1fr var(--ts-opt-w); flex: 1; min-height: 0; align-items: stretch; } /* ▸N357 §428 */ .tspro-ui .es-layout { grid-template-columns: var(--es-toc-w) 1fr var(--ts-opt-w); /* ▸N358 */ flex: 1; min-height: 0; align-items: stretch; } /* bibliothek: dreispaltig (Baum | Inhalt | Optionen) */ .tspro-ui .bib-layout { grid-template-columns: 300px 1fr var(--ts-opt-w); }.tspro-ui .bhk-opt { flex: 0 0 var(--ts-opt-w); width: var(--ts-opt-w); box-sizing: border-box; } /* ▸N360 */ .tspro-ui .fil-sec-head:has(> span[id$="-status-txt"]) { font-size: 0; } /* ▸N366 §378 */ @media (max-width: 900px) { .tspro-ui .da-grid { grid-template-columns: 1fr; } } /* ▸N367 */ .tspro-ui .opt-col { align-self: stretch; position: relative; } /* §1536: Bezug fuer die Aufklappliste */ /* ▸N368 */ /* ▸N369 §726 */ /* ▸N370 */ .tspro-ui .opt-col > * { order: 500; } .tspro-ui .opt-col > .opt-head { order: 0; } .tspro-ui .opt-col > #o_neu { order: 100; } .tspro-ui .opt-col > #o_bearbeiten, .tspro-ui .opt-col > #o_bearb, .es-wrap .opt-col > #es-edit { order: 110; } .tspro-ui .opt-col > #o_speichern, .tspro-ui .opt-col > #o_speich, .es-wrap .opt-col > #es-save { order: 120; } .tspro-ui .opt-col > #o_abbrechen, .tspro-ui .opt-col > #o_abbr { order: 130; } .tspro-ui .opt-col > #o_suche, .tspro-ui .opt-col > #o_suchen, .tspro-ui .opt-col > #o_x_suche, .tspro-ui .opt-col > #o_x_suchen, .tspro-ui .opt-col > #o_x_suchen_nr { order: 200; } .tspro-ui .opt-col > #o_x_suchen_beleg { order: 205; } .tspro-ui .opt-col > #o_x_suchen_lieferant { order: 210; } .tspro-ui .opt-col > #o_zurueck, .tspro-ui .opt-col > #o_prev { order: 300; } .tspro-ui .opt-col > #o_vor, .tspro-ui .opt-col > #o_next { order: 310; } .tspro-ui .opt-col > #o_letzte { order: 320; } .tspro-ui .opt-col > #o_uebernehmen { order: 330; } .tspro-ui .opt-col > #o_ueb_zurueck { order: 340; } .tspro-ui .opt-col > #o_ueb_abbrechen { order: 350; } .tspro-ui .opt-col > #o_drucken { order: 400; } .tspro-ui .opt-col > #o_loeschen, .tspro-ui .opt-col > #o_loesch { order: 135; } /* ▸N372 */ .tspro-ui .opt-col > .opt-menue-knopf, .tspro-ui .opt-col > .opt-menue-liste { order: 600; } /* §1538 BAUKASTEN — FELDBREITE FOLGT DEM INHALT (Joerg 23.09.2026, zuerst nur Artikel; Inventur Kachelfelder 23.09.): Typklasse am Feld, Stufe aus der Leiter. Ohne Typklasse bleibt ein Feld fliessend (Text, Langtext). */ .tspro-ui [class*=" fb-"], .tspro-ui [class^="fb-"] { box-sizing: border-box; } /* §1808 (Joerg: zentral): fb-Feldbreiten gelten in Masken UND Dialogen (.ts-dlg-box liegt ausserhalb von .tspro-ui). Eigener Dialogselektor .ts-dlg-box .b (0,3,0): die Dialog-Grundregel .ts-dlg-box .b input:where(…) {width:100%} hat (0,2,1) und schlug (0,2,0). Selektorliste statt :is(), damit die Masken bei (0,2,0) bleiben. */ .tspro-ui .fb-nummer, .ts-dlg-box .b .fb-nummer { width: var(--fb-120); flex: 0 0 var(--fb-120); justify-self: start; } .tspro-ui .fb-datum, .ts-dlg-box .b .fb-datum { width: var(--fb-120); flex: 0 0 var(--fb-120); justify-self: start; } .tspro-ui .fb-betrag, .ts-dlg-box .b .fb-betrag { width: var(--fb-140); flex: 0 0 var(--fb-140); justify-self: start; } .tspro-ui .fb-prozent, .ts-dlg-box .b .fb-prozent { width: var(--fb-64); flex: 0 0 var(--fb-64); justify-self: start; } /* §1543: 90 war zu gross fuer "19 %" */ .tspro-ui .fb-anzahl, .ts-dlg-box .b .fb-anzahl { width: var(--fb-64); flex: 0 0 var(--fb-64); justify-self: start; } .tspro-ui .fb-auswahl, .ts-dlg-box .b .fb-auswahl { width: var(--fb-220); flex: 0 0 var(--fb-220); justify-self: start; } .tspro-ui .fb-text, .ts-dlg-box .b .fb-text { width: var(--fb-320); flex: 0 0 var(--fb-320); justify-self: start; } /* §1540 (Joerg: feste Stufen statt fliessend) */ .tspro-ui .fb-270, .ts-dlg-box .b .fb-270 { width: var(--fb-270); flex: 0 0 var(--fb-270); justify-self: start; } .tspro-ui .fb-420, .ts-dlg-box .b .fb-420 { width: var(--fb-420); flex: 0 0 var(--fb-420); justify-self: start; } /* §3647 Leiterstufe 420 (Mandantenauswahl Acronis: längster Name ~330 px) */ /* §1541: varchar(30) */ /* §1544: Artikelpreise — hoechster Bestandswert 12.652,08 (9 Zeichen) */ .tspro-ui .fb-170, .ts-dlg-box .b .fb-170 { width: var(--fb-170); flex: 0 0 var(--fb-170); justify-self: start; } /* §1542: laengster Wert + eine Sicherheitsstufe (Kategorie: 15 Zeichen genutzt von 50) */ .tspro-ui .fb-voll, .ts-dlg-box .b .fb-voll { width: 100%; justify-self: stretch; } /* nur Artikelname/Bezeichnungen, die die Kachel fuellen sollen */ /* §1540 LANGTEXT-LEITER: 2 / 4 / 8 Zeilen */ /* §1536: Aufklappmenues stehen am Ende der Spalte, in Quelltextreihenfolge (Umwandeln, Springen, Werkzeuge) */ /* ▸N373 */ /* ▸N374 */ .tspro-ui .fil-sec:last-child { margin-bottom: 0; } /* ▸N375 */ .tspro-ui .be-main > :last-child, .tspro-ui .art-main > :last-child, .tspro-ui .bib-main > :last-child, .tspro-ui .dv-main > :last-child, .tspro-ui .es-main > :last-child, .tspro-ui .her-main > :last-child, .tspro-ui .kt-main > :last-child, .tspro-ui .kd-main > :last-child, .tspro-ui .lg-main > :last-child, .tspro-ui .lf-main > :last-child, .tspro-ui .ma-main > :last-child, .tspro-ui .wb-main > :last-child { flex: 1 1 auto; min-height: 0; } /* ▸N376 */ /* ▸N377 */ .tspro-ui .bhk-cols { align-items: stretch; flex: 1 1 auto; min-height: 0; } /* ▸N378 */ .tspro-ui .bhk-cols > .fil-sec { display: flex; flex-direction: column; min-height: 0; margin-bottom: 0; } .tspro-ui .bhk-cols > .fil-sec > .fil-sec-body { flex: 1 1 auto; min-height: 0; } /* ▸N379 */ .ts-dlg { position: fixed; inset: 0; background: rgba(0,0,0,.4); display: none; align-items: center; justify-content: center; z-index: 50; /* ▸N380 */ font-family: var(--ts-font); color: var(--ts-ink); } /* ▸N381 §579 */ .ts-dlg.ovl2 { z-index: 10600; } .ts-dlg.ovl3 { z-index: 10605; } /* §1898: dritte Dialogebene (aus ovl2 heraus, z. B. Seriennummern im Wareneingang aus Rechnung) — Ebenenleiter K-399: 10600 ovl2 < 10605 ovl3 < 10610 tsst < 10650 je-such-vorn < 10700 ecopdf */ .ts-dlg-box { background: var(--ts-panel-bg); border-radius: 12px; min-width: var(--dlg-w-schmal); max-width: var(--dlg-w-schmal); overflow: hidden; box-shadow: var(--ds-schatten-dialog); display: flex; flex-direction: column; height: var(--dlg-h-schmal); max-height: 94vh; } /* ▸N383 §1308 */ /* ▸N384 */ .ts-dlg-box:has(.ts-dlg-gross), .ts-dlg-box.ts-dlg-gross { max-width: min(var(--dlg-w-gross), 94vw); width: min(var(--dlg-w-gross), 94vw); height: var(--dlg-h-gross); } /* §1307/§1308 Stufe gross 1400x740 */ /* ▸N385 §1322 */ .ts-ovl .ts-ma-box.ts-dlg-mittel { width: var(--dlg-w-mittel); } /* §1322: Stufenklasse auch an Overlay-Boxen */ /* ▸N386 §1322 */ .ts-ovl .ts-ma-box > .ts-setup-form { flex: 1 1 auto; min-height: 0; overflow: auto; } .ts-ovl .ts-ma-box > .ts-setup-form > .dlg-fuss { position: sticky; bottom: 0; background: var(--ts-panel-bg); } /* ▸N387 §1322 */ /* ▸N388 §483d */ /* ▸N389 §495d §483d §486c */ .ts-dlg-box:has(.ts-dlg-mittel), .ts-dlg-box.ts-dlg-mittel { max-width: min(var(--dlg-w-mittel), 94vw); width: min(var(--dlg-w-mittel), 94vw); height: var(--dlg-h-mittel); } /* §1390 Joerg: Kunden-/Lieferanteninfo und Telefonliste in Stufe mittel (wie Kontoabruf) — schmal war zu klein */ /* §1307/§1308 Stufe mittel 720x520 */ .ts-dlg-box:has(.ts-dlg-breit), .ts-dlg-box.ts-dlg-breit { max-width: min(var(--dlg-w-breit), 94vw); width: min(var(--dlg-w-breit), 94vw); height: var(--dlg-h-breit); } /* §1307/§1308 Stufe breit 900x620 */ .ts-dlg-box:has(.ts-dlg-weit), .ts-dlg-box.ts-dlg-weit { max-width: min(var(--dlg-w-weit), 94vw); width: min(var(--dlg-w-weit), 94vw); height: min(var(--dlg-h-weit), 94vh); } /* §1391 Stufe weit 1150x680 */ .ts-dlg-box:has(.ts-dlg-voll), .ts-dlg-box.ts-dlg-voll { max-width: min(var(--dlg-w-voll), 96vw); width: min(var(--dlg-w-voll), 96vw); height: min(var(--dlg-h-voll), 92vh); max-height: min(var(--dlg-h-voll), 92vh); } /* §1391 Stufe weit (war Sonderbreite 1100) */ .ts-dlg-box:has(.ts-dlg-hoch), .ts-dlg-box.ts-dlg-hoch, .ts-ovl .ts-ma-box.ts-dlg-hoch { height: var(--dlg-h-gross); max-height: 94vh; } /* §3748 HINTER die Stufenregeln gerueckt (Jörg 28.10. 21:28, Tausch-Fenster: Wahlliste unsichtbar): gleiche Spezifitaet wie :has(.ts-dlg-mittel) — stand davor und verlor (§3323 kannte den toten Modifikator nur fuer Bank) */ .ts-dlg-box:has(.dlg-h-inhalt) { height: auto; } /* §2730 Stufe mit HOEHE AUS DEM FESTEN INHALT (Breite der Stufe bleibt): nur fuer Fenster, deren Inhalt sich nie aendert (§2059 gewahrt) — Messung Manuelle Ueberweisung: feste 520 liessen ein Drittel leer, nichts kann sinnvoll wachsen; §2732 Kommentar war offen und verschluckte die Stufe breit */ /* §2752 hinter alle Stufen verschoben: stand vor breit/weit/voll und verlor bei gleicher Spezifitaet (0,2,0) — Fahrt nachtragen (breit) blieb 620 hoch */ /* §3308/§3309: .sepa_ck (SEPA-Export), .po_ck/.da_ck (Post-/Druckausgang) ausgebaut — die Ausgaenge nutzen die feste Stufe voll mit dlg-tbl-box */ .bcb { font-size: 13px; } /* .bcb-bar → .dlg-leiste (§660) */ /* ▸N393 */ :is(.ts-dlg, .bc-main :where(.fen)) .obtn { height: var(--ts-btn-h); font-size: var(--ds-fs-knopf); padding: 0 12px; width: auto; /* §722 */ display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--such-bd-box); border-radius: var(--ds-radius); /* ▸N394 §674 */ background: var(--ts-panel-bg); color: var(--ts-ink); font-family: inherit; font-weight: 600; cursor: pointer; } .bcb-scroll { max-height: 420px; overflow: auto; } .bcb-it { cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bcb-we { padding: 6px 8px; font-weight: 700; } .bcb-pos { padding: var(--ds-xs) var(--ds-s); } .bcb-pos.aus { cursor: default; color: var(--ts-dis-fg); } .bcb-lbl { padding: 4px 8px 4px 46px; } .bcb-tgl, .bcb-tgl-leer { display: inline-block; width: 18px; text-align: center; } .bcb-tgl { cursor: pointer; font-weight: 700; } .bcb-kids { display: none; } .bcb-kids.offen { display: block; } /* ▸N395 */ .ts-dlg .sn-fehler { color: var(--ts-red); } .ts-dlg .sn-leer, .ts-dlg .sn-laden { padding: var(--ds-m); color: var(--ts-gedaempft); } .ts-dlg #ovl_snlist .it { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .ts-dlg .snedit { border: 1px solid var(--such-bd-box); border-radius: 6px; background: var(--ts-panel-bg); cursor: pointer; padding: 2px 8px; font: inherit; } /* ▸N398 §313 */ /* ▸N399 §220 */ /* ▸N400 *//* ▸N401 */ /* ▸N402 */ .tspro-ui .be-top { align-items: stretch; } .tspro-ui .be-top > .fil-sec { display: flex; flex-direction: column; } .tspro-ui .be-top > .fil-sec > .fil-sec-body { flex: 1; display: flex; flex-direction: column; } /* ▸N403 */ /* ▸N404 */ .ts-dlg .dlg-tbl.lgp th, .ts-dlg .dlg-tbl.lgp td { white-space: nowrap; overflow: visible; text-overflow: clip; } /* §313: Modifikator statt Klasse lgp-tbl */ /* ▸N405 §630 */ .ts-dlg .dlg-tbl.lgp td.lgp-umbruch, .ts-dlg .dlg-tbl.lgp td.eco-neu { white-space: normal; } .ts-dlg .dlg-tbl.lgp th.sp-nr { width: var(--ts-sp-renr); } /* ▸N406 */ .ts-dlg .dlg-tbl.lgp th.sp-datum { width: calc(var(--ts-sp-datum) + 16px); }.ts-dlg .lgp-scroll { max-height: var(--mw-lgp-scroll); overflow: auto; border: 1px solid var(--ts-panel-bd); border-radius: 6px; } /* ▸N407 §679h §679g K-318 */ .ts-dlg .zd-such { display: flex; gap: 8px; align-items: center; margin: 0 0 8px; } .ts-dlg .zd-such label { font-size: 13px; font-weight: 600; white-space: nowrap; } .ts-dlg-box .b .zd-such input:where(:not([type="checkbox"]):not([type="radio"]):not([type="date"])) { width: var(--ts-fb-xl); height: 26px; margin-top: 0; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: var(--ds-radius); padding: 0 8px; font: inherit; font-size: 13px; background: var(--ts-panel-bg); } .ts-dlg .zd-such .obtn { white-space: nowrap; flex: 0 0 auto; } .ts-dlg .lgp-klick tbody tr.js-row { cursor: pointer; } /* ▸N409 */ /* ▸N410 */ .tspro-ui a.tsp-link, .ts-dlg a.tsp-link, .je-such a.tsp-link, .be-ov a.tsp-link, .bib-wrap a.bib-link, .bib-wrap .bib-link { color: inherit; text-decoration: none; cursor: pointer; /* §4191 stiller Sprung: keine Linkfarbe, kein Unterstrich — Hinweis erst beim Drüberfahren (Regel unten) */ } /* ▸N411 */ .ts-dlg .zr-grid { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 6px var(--ds-s); align-items: center; margin-top: var(--ds-m); } .ts-dlg .zr-grid label { font-weight: 600; } /* ▸N412 */ .ts-dlg .zr-grid input[type=date], .ts-dlg .zr-grid input.ts-datum { width: var(--ts-datum-w); max-width: 100%; margin-top: 0; } /* ▸N415 */ /* ▸N416 K-200 */ input[type=date], input.ts-datum { width: var(--ts-datum-w); max-width: 100%; box-sizing: border-box; } /* ▸N417 §152d */ input[type=date]::-webkit-datetime-edit-text { padding: 0; margin: 0; } input[type=date]::-webkit-datetime-edit-fields-wrapper { padding: 0; } input[type=date]::-webkit-datetime-edit { padding: 0; letter-spacing: 0; } input[type=date]::-webkit-datetime-edit-day-field, input[type=date]::-webkit-datetime-edit-month-field, input[type=date]::-webkit-datetime-edit-year-field { padding: 0; } /* ▸N418 */ .ts-dlg .adr-status { font-weight: 700; padding: 0 0 6px; } .ts-dlg .adr-warn { color: var(--ts-red); font-size: 12px; padding: 0 0 6px; } .ts-dlg .eco-alt { color: var(--ts-ro-fg); } .ts-dlg .adr-diff { font-weight: 700; } /* ▸N419 */ .ts-dlg-box .h { background: var(--ts-ink); color: var(--ts-sec-fg); padding: var(--ts-head-pad); font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); letter-spacing: var(--ts-head-ls); display: flex; align-items: center; justify-content: space-between; gap: 12px; }.ts-dlg-box .b { flex: 1 1 auto; min-height: 0; padding: 16px; font-size: 13px; overflow: auto; /* ▸N420 */ white-space: pre-line; } /* ▸N421 */ /* ▸N422 §679g K-318 */ .ts-dlg-box .b input:where(:not([type="checkbox"]):not([type="radio"]):not([type="date"])) { width: 100%; height: var(--ds-feld); box-sizing: border-box; padding: 0 8px; margin-top: 8px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font: inherit; } /* ▸N423 */ /* ▸N424 */ .ts-dlg-box .b input[type="date"] { height: var(--ds-feld); box-sizing: border-box; padding: 0 8px; margin-top: 8px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font: inherit; } /* ▸N425 */ /* ▸N426 §679g */ .ts-dlg-box .b input:where(:not([type="checkbox"]):not([type="radio"])) { height: var(--such-fld-h); font-size: 13px; } .ts-dlg-box .f { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding: 0 16px 16px; } /* ▸N427 */ /* ▸N428 */ /* ▸N429 §660b K-46 */ .ts-dlg-box .f button, .km-ov .km-btn, .bzq-box .dlg-fuss button, #m-wiz #wiz-foot > button { min-height: var(--ts-btn-h); /* §4136: Artikel-Assistent Fußknöpfe = Dialogfuß (wie RMA-Assistent) */ height: var(--ts-btn-h); /* §1532 */ font-size: 12px; padding: 3px 12px; /* ▸N430 */ gap: 6px; /* §3299 Betrags-Abfrage des Bezahlfensters (body-Overlay) gleiche Knoepfe */ border: 1px solid var(--ts-line); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ink); cursor: pointer; font-family: inherit; font-weight: 600; } /* ▸N432 §679e */ .ts-dlg .tspro-ui select, .ts-dlg select, .ts-ovl select, .je-such select, .bib-wrap select, #art-ovl select, .be-ov select, .es-wrap select, .art-wrap select, .ts-app select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: var(--ds-zeile); box-sizing: border-box; padding: 0 26px 0 8px; font: inherit; font-size: 13px; color: var(--ts-ink); background-color: var(--ds-feld-bg); border: 1px solid var(--ts-edit-bd); border-radius: 4px; outline: none; cursor: pointer; background-image: var(--ts-chevron); /* §709 */ background-repeat: no-repeat; background-position: right var(--ds-s) center; } .ts-dlg-box .f button.prim, .km-ov .km-btn.prim, .bzq-box .dlg-fuss button.prim, #m-wiz #wiz-foot > button.prim { background: var(--ts-ink); color: var(--ts-sec-fg); border-color: var(--ts-ink); } /* ▸N433 */ /* §3299 */ /* ▸N434 */ .be-box .ovl-mj { display: flex; gap: 8px; margin-top: 10px; } .ts-dlg-box .ovl-mj { display: flex; gap: var(--ds-s); margin-top: var(--dlg-zone); } /* §1419: Monatswahl im Dialog — Abstand wie jede Feldreihe */ .ts-dlg-box .ovl-mj select { height: var(--ts-btn-h); } /* §1436v: DYMO-Vorschau vor dem Druck — massstaebliches SVG des Etiketts */ .ts-dlg-box .bcv { margin: 0; } .ts-dlg-box .bcv-box { background: var(--ts-panel-bd); padding: var(--dlg-zone); border-radius: var(--ds-radius); } .ts-dlg-box .bcv-svg { display: block; width: 100%; height: auto; } .ts-dlg-box .bcv-etikett { fill: var(--ts-panel-bg); stroke: var(--ts-ink); stroke-width: 1.5; } .ts-dlg-box .bcv-tot { fill: var(--ts-panel-bd); } .ts-dlg-box .bcv-rand { fill: none; stroke: var(--ts-ink); stroke-width: 1.5; } /* §1436w */ .ts-dlg-box .bcv-qr { fill: none; stroke: var(--ts-akzent); stroke-width: 2; stroke-dasharray: 6 4; } .ts-dlg-box .bcv-qrtxt { fill: var(--ts-akzent); font-size: var(--ts-fs-bcv-qr); text-anchor: middle; dominant-baseline: middle; } .ts-dlg-box .bcv-txt { fill: var(--ts-ink); font-size: var(--ts-fs-bcv); font-weight: 700; font-family: Helvetica, Arial, sans-serif; } .ts-dlg-box .bcv figcaption { margin-top: var(--ds-s); font-size: var(--ts-tab-fs); } .be-box .ovl-mj select { flex: 1 1 auto; height: 32px; box-sizing: border-box; padding: 0 8px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font: inherit; background: var(--ts-panel-bg); color: inherit; cursor: pointer; } /* §698 */ /* ▸N435 */ /* datenabgleich — Status des Sync-Skripts */ /* druckvorlagen — Status der Vorlagen-Pruefung */ /* ▸N436 */ .es-test-result { margin: 6px 2px 0; font-size: 13px; padding: 8px 10px; border-radius: 6px; display: none; } .es-test-result.err { display:block; background:var(--ts-meld-err-bg); color:var(--ts-red); border:1px solid var(--ts-meld-err-bd); } .es-test-result .es-test-msg { font-weight:700; } /* ▸N437 */ .tspro-ui .bhk-betrag-aus { color: var(--ts-red); font-weight: 700; white-space: nowrap; } .tspro-ui .bhk-summe { display: flex; gap: 18px; align-items: baseline; flex-wrap: wrap; } .tspro-ui .bhk-summe-2 { margin-left: auto; } .tspro-ui .bhk-summe-2 b { color: var(--ts-red); } /* ▸N438 */ .ts-status-txt { font-size: var(--ts-head-fs); font-weight: 500; opacity: .8; margin-left: 10px; } /* §1380: Zusatz-Status hinter einem Titel — eine Groesse (war 14/17 geerbt) */ /* ▸N440 */ /* ▸N441 */ /* links: 1/3 Suche · 2/3 Belege *//* Suchtreffer-Zeilen anklickbar */ /* rechts: Aktionen + Detail *//* ▸N442 *//* ▸N443 */ /* ▸N444 *//* ▸N445 */ .be-ov .lb-bestand { padding: 6px 10px; margin: 0 0 8px; background: var(--ts-panel-bg); color: var(--ts-ro-fg); /* §692e */ border: 1px solid var(--ts-panel-bd); border-radius: 6px; font-size: 13.5px; } /* 25.07.: von 12 auf 13.5px (Jörg: Schrift groesser) */ .je-such .lb-fbtn, .be-ov .lb-fbtn { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 26px; padding: 0 var(--ds-s); gap: 6px; border: 1px solid var(--ts-line); border-radius: 6px; background: var(--ts-panel-bg); font-size: 12px; cursor: pointer; font-family: inherit; color: var(--ts-ink); } .be-ov .lb-fbtn b { font-size: var(--ds-fs-hinweis); opacity: .7; font-weight: 700; } /* Detail-Kachel *//* Suchleiste sitzt in der oberen linken Kachel */ /* ▸N446 */ /* ▸N447 */ /* ▸N448 */ .je-such.asaus td.as-prod { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Sprung-Links in der Belegliste (waren inline gestylt) */ /* ▸N449 */ .je-tip { position: fixed; z-index: 10800; display: none; /* ▸N450 §1142 */ max-width: 520px; padding: 7px 10px; background: var(--ts-ink-hover); color: var(--ts-sec-fg); border-radius: 6px; box-shadow: 0 6px 20px rgba(0,0,0,.28); font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 12.5px; line-height: 1.45; white-space: normal; word-break: break-word; pointer-events: none; /* darf den Mauszeiger nie abfangen */ } /* ▸N451 */ .be-ov .js-grid { flex: 1; display: grid; grid-template-columns: 1fr var(--such-col); gap: var(--such-gap); padding: var(--such-pad); min-height: 0; height: 100%; box-sizing: border-box; } /* ▸N452 */ .be-ov .js-left { display: grid; grid-template-rows: 1fr 2fr; gap: var(--such-gap); min-height: 0; }.be-ov .js-teil { display: flex; flex-direction: column; min-height: 0; border: 1px solid var(--such-bd-box); border-radius: 6px; overflow: hidden; } /* Suchfeld in einem Teil (Standard-Suchleiste) */ .be-ov .js-such { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px; border-bottom: 1px solid var(--ts-trenn); } .be-ov .js-such label{ font-size: 12.5px; font-weight: 700; white-space: nowrap; color: var(--ts-ink); } .be-ov .js-such input{ flex: 1 1 auto; height: var(--such-fld-h); font: inherit; font-size: 13px; padding: 0 10px; border: 1px solid var(--such-bd); border-radius: var(--such-btn-r); background: var(--ts-panel-bg); color: var(--ts-ink); } .be-ov .js-leer { padding: 10px; font-size: 12.5px; color: var(--such-muted); } /* rechts: Kacheln */ .be-ov .js-right { display: grid; grid-template-rows: auto auto 1fr; gap: var(--such-gap); min-height: 0; } /* ▸N454 */.be-ov .js-kachel { border: 1px solid var(--such-bd-box); border-radius: 6px; padding: var(--such-pad); align-self: start; display: flex; flex-direction: column; gap: var(--ts-btn-gap); } /* §722 */ .be-ov .js-detail { border: 1px solid var(--such-bd-box); border-radius: 6px; padding: var(--such-pad); overflow: auto; min-height: 0; font-size: 12.5px; line-height: 1.5; color: var(--such-muted); } /* ▸N455 */ .be-ov .js-kachel .obtn { display: flex; align-items: center; justify-content: center; width: var(--ts-btn-w); height: var(--such-btn-h); font-size: var(--such-btn-fs); /* §722b: Breite am Ort statt Nachtrag */ padding: 0 var(--ds-s); border: 1px solid var(--such-bd); border-radius: var(--such-btn-r); background: var(--ts-panel-bg); color: var(--ts-ink); font-family: inherit; font-weight: var(--such-btn-fw); cursor: pointer; } /* ▸N456 */ /* ▸N457 */ .be-ov a.js-jump, .je-such a.js-jump, /* ▸N458 */ .be-ov a.js-jump:hover, .je-such a.js-jump:hover { color: var(--ts-akzent); } /* Trefferzeilen */ .be-ov tr.js-row { cursor: pointer; } /* ▸N459 */ /* ▸N460 */ .be-ov .js-teil table { table-layout: fixed; width: 100%; }.be-ov .js-listwrap { flex: 1; overflow: auto; min-height: 0; width: 100%; } .be-ov td.js-prod { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Detail-Kachel */ .be-ov .js-d-nr { font-size: 13px; font-weight: 700; color: var(--ts-ink); } .be-ov .js-d-s { font-weight: 700; margin: 4px 0 6px; color: var(--ts-ink); } .be-ov .js-d-z { font-size: 12px; } /* ▸N461 */ .je-such { position: fixed; inset: 0; z-index: 9500; background: rgba(24,24,27,.5); display: flex; align-items: center; justify-content: center; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; } /* §796 (T4): .js-x -> .ts-x */ /* Raster + Kacheln wie im Popup */ .je-such .js-grid { flex: 1; display: grid; grid-template-columns: 1fr var(--such-col); gap: var(--such-gap); padding: var(--such-pad); min-height: 0; box-sizing: border-box; } .je-such .js-left { display: grid; grid-template-rows: 1fr 2fr; gap: var(--such-gap); min-height: 0; } .je-such .js-left-1 { grid-template-rows: 1fr; } /* nur EINE Liste */.je-such .js-teil { display: flex; flex-direction: column; min-height: 0; border: 1px solid var(--such-bd-box); border-radius: 6px; overflow: hidden; } .je-such .js-listwrap { flex: 1 1 0; overflow: auto; min-height: 0; max-height: none; width: 100%; } .je-such .js-leer { padding: 10px; font-size: 12.5px; color: var(--such-muted); } /* ▸N463 */ /* ▸N464 */ .tspro-ui .be-storno { color: var(--ts-red); font-size: var(--ds-fs-hinweis); font-weight: 700; margin-left: 4px; } .je-such tr.js-leerzeile > td, .be-ov tr.js-leerzeile > td { padding: 0 8px; font-size: var(--ts-tab-fs); color: var(--such-muted); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .je-such .js-such { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px; border-bottom: 1px solid var(--ts-trenn); } .je-such .js-such label{ font-size: 12.5px; font-weight: 700; white-space: nowrap; color: var(--ts-ink); } .je-such .js-such input{ flex: 1 1 auto; height: var(--such-fld-h); font: inherit; font-size: 13px; padding: 0 10px; border: 1px solid var(--such-bd); border-radius: var(--such-btn-r); background: var(--ts-panel-bg); color: var(--ts-ink); } .je-such .js-right { display: grid; grid-template-rows: auto 1fr; gap: var(--such-gap); min-height: 0; } .je-such .js-kachel { border: 1px solid var(--such-bd-box); border-radius: 6px; padding: var(--such-pad); align-self: start; display: flex; flex-direction: column; gap: var(--ts-btn-gap); } /* §722 */ .je-such .js-detail { border: 1px solid var(--such-bd-box); border-radius: 6px; padding: var(--such-pad); overflow: auto; min-height: 0; font-size: 12.5px; line-height: 1.5; color: var(--such-muted); } /* ▸N465 */ .je-such .js-kachel .obtn { display: flex; align-items: center; justify-content: center; width: var(--ts-btn-w); height: var(--such-btn-h); font-size: var(--such-btn-fs); /* §722b: Breite am Ort statt Nachtrag */ padding: 0 var(--ds-s); border: 1px solid var(--such-bd); border-radius: var(--such-btn-r); background: var(--ts-panel-bg); color: var(--ts-ink); font-family: inherit; font-weight: var(--such-btn-fw); cursor: pointer; } /* Listen + Trefferzeilen */ /* ▸N466 */ .je-such .be-tbl { table-layout: fixed; } .je-such tr.js-row { cursor: pointer; } .je-such td.js-prod { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ▸N467 */ /* ▸N468 */ /* ▸N469 §223 */ /* ▸N470 §630 */ /* ▸N471 R-1.3 §152d */ /* ▸N472 §827 */ .je-such .js-beleg .lf-be-tbl th.sp-belegnr, .je-such .js-beleg .lf-be-tbl td.sp-belegnr { width: calc(var(--ts-sp-belegnr) + var(--ts-sp-pad)); } .je-such .js-beleg .lf-be-tbl th.sp-datum, .je-such .js-beleg .lf-be-tbl td.sp-datum { width: calc(var(--ts-sp-datum) + var(--ts-sp-pad)); } .je-such .js-beleg .lf-be-tbl th.sp-geld, .je-such .js-beleg .lf-be-tbl td.sp-geld { width: calc(var(--ts-sp-geld) + var(--ts-sp-pad)); text-align: right; } .je-such .js-beleg .lf-be-tbl th.js-prod, .je-such .js-beleg .lf-be-tbl td.js-prod { width: auto; min-width: var(--ts-sp-min-produkt); max-width: 0; } .je-such .js-d-nr { font-size: 13px; font-weight: 700; color: var(--ts-ink); } .je-such .js-d-s { font-weight: 700; margin: 4px 0 6px; color: var(--ts-ink); } .je-such .js-d-z { font-size: 12px; } /* ▸N473 */ .je-such .js-foot.bm-kopfzeile { border-bottom: 1px solid var(--ts-trenn); } .je-such .bm-letzte { margin-top: 10px; } .je-such a.bm-shop { color: var(--ts-akzent); font-weight: 700; text-decoration: none; } /* ▸N474 K-47 */.je-such .be-tbl td.num.neg { color: var(--ts-red); font-weight: 700; } /* ▸N475 */ .tspro-ui .kalk-neg { color: var(--ts-red); font-weight: 700; } .tspro-ui .kalk-pos { color: var(--ts-akzent-dark); } /* ▸N476 K-47 */ /* ▸N477 §660 */ .ts-ovl .obtn, .be-ov .obtn, .ts-memo-ov .obtn { border: 1px solid var(--ts-line); border-radius: var(--ds-radius); background: var(--ts-panel-bg); color: var(--ts-ink); height: var(--ts-btn-h); font-size: var(--ds-fs-knopf); padding: 0 var(--ds-s); gap: 6px; /* §722 */ display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-family: inherit; font-weight: 600; } .ts-ovl .obtn.danger, .be-ov .obtn.danger, .ts-memo-ov .obtn.danger { background: var(--ts-red); color: var(--ts-sec-fg); border-color: var(--ts-red); } .ts-ovl .be-tbl { width: 100%; border-collapse: collapse; font-size: var(--ts-tab-fs); margin-top: 8px; } .ts-ovl .be-tbl th { text-align: left; font-weight: 700; padding: var(--ts-tab-th-pad); border-bottom: 1px solid var(--ts-panel-bd); background: var(--ts-flaeche); } .ts-ovl .be-tbl td { padding: 0 8px; height: var(--ts-tab-td-h); border-bottom: 1px solid var(--ts-trenn); } .ts-ovl .js-leer { padding: var(--ds-m) 4px; color: var(--ts-gedaempft); font-size: 12px; } /* ▸N478 */ /* ▸N479 §679t §679o */ /* ▸N480 */ .tspro-ui .ma-usig-zeile { align-items: start; margin-top: 8px; } .tspro-ui .ma-usig { display: flex; align-items: flex-start; gap: 10px; } .tspro-ui .ma-usig-box { width: 240px; height: 80px; flex: none; border: 1px solid var(--such-bd-box); border-radius: 6px; background: var(--ts-panel-bg); display: flex; align-items: center; justify-content: center; overflow: hidden; } .tspro-ui .ma-usig-box img { max-width: 100%; max-height: 100%; object-fit: contain; display: none; } .tspro-ui .ma-usig-leer { font-size: var(--ds-fs-hinweis); color: var(--such-muted); } /* ▸N481 */ .tspro-ui .ma-usig-box.hat-bild img { display: block; } .tspro-ui .ma-usig-box.hat-bild .ma-usig-leer { display: none; } .tspro-ui .ma-usig-btns { display: flex; flex-direction: column; gap: 5px; } .tspro-ui .ma-usig-btns .obtn { white-space: nowrap; min-width: 120px; } /* ▸N485 §630 */ .wb-wrap .tbl-box thead th.flag-num, .wb-wrap .tbl-box tbody td.flag-num { width: 60px; min-width: 60px; max-width: 60px; text-align: center; padding-left: 6px; padding-right: 6px; } /* §801 (T6): .wb-leg -> .pos-leg */ .wb-leg-i { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ts-ink); white-space: nowrap; } .wb-leg-i b { display: inline-flex; align-items: center; justify-content: center; min-width: 17px; height: 17px; padding: 0 3px; background: var(--ts-ink); color: var(--ts-sec-fg); border-radius: 3px; font-size: var(--ds-fs-hinweis); font-weight: 700; } /* ▸N488 §689 §687 */ .pos-leg { margin-left: auto; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pos-leg-i { display: inline-flex; align-items: center; gap: 5px; font-size: var(--ds-fs-text); color: var(--ts-ink); white-space: nowrap; } /* ▸N489 §689c */ .pos-leg-i i { display: inline-block; width: var(--ds-checkbox); height: var(--ds-checkbox); border-radius: 3px; flex: 0 0 auto; background: var(--ts-pos-grau); } .pos-leg-i.l-teil i { background: var(--ts-pos-teil-erl); } .pos-leg-i.l-alt i { background: var(--ts-pos-alt-erl); } .pos-leg-i.l-ohnedok i { background: var(--ts-akzent-dark); } /* ▸N490 §964 */ .pos-leg-i.l-roh i { background: var(--ts-ink-muted); } /* §964: Kassenbeleg roh (.bhk-roh) */ .pos-leg-i.l-dl i { background: var(--ts-pos-dl-erl); } .pos-leg-i.l-nlief i { background: var(--ts-pos-nlief-erl); } /* ▸N491 §689b */ /* ▸N492 */ /* ▸N493 */ .tspro-ui tr.ls-blau td, tr.ls-blau td{color:var(--ts-link)} .tspro-ui tr.ls-blau td:first-child, tr.ls-blau td:first-child{box-shadow:inset 3px 0 0 var(--ts-link)} /* ▸N494 §687i §687b */ /* ▸N495 */ /* ▸N496 */ .je-such .js-box.js-box-breit{width:var(--such-w-max);max-width:var(--such-w-max)} /* ▸N497 */ .ts-memo-ov{position:fixed;inset:0;z-index:10602;display:flex;align-items:center; justify-content:center;background:rgba(0,0,0,.35)} .ts-memo-box{width:min(680px,94vw);max-height:80vh;display:flex;flex-direction:column; background:var(--ts-panel-bg);border:1px solid var(--ts-panel-bd);border-radius:8px; box-shadow:0 10px 34px rgba(0,0,0,.28);font-family:var(--ts-font)} .ts-memo-head{display:flex;align-items:center;justify-content:space-between; padding:var(--ts-head-pad);background:var(--ts-ink);color:var(--ts-sec-fg); font-size:var(--ts-head-fs);font-weight:var(--ts-head-fw); border-radius:8px 8px 0 0} .ts-memo-txt{flex:1;min-height:220px;margin:10px;padding:8px;/* resize:none aus Grundregel (17), §219c */ /* ▸N498 K-42 */ border:1px solid var(--ts-panel-bd);border-radius:6px; font:13px/1.45 var(--ts-font)} /* ▸N501 §660 */ /* ▸N502 §660 */ /* ▸N503 §660 */ /* ▸N504 */ .tspro-ui td input.ts-memofeld{width:100%;box-sizing:border-box;cursor:pointer; border:1px solid transparent;border-radius:0;padding:2px 4px;font:inherit; /* ▸N505 §781 §705 */ background:transparent;text-overflow:ellipsis} /* ▸N506 */ /* ▸N520 */ #m-wiz .mw{width:var(--wiz-w);height:var(--wiz-h); max-width:none;max-height:none;display:flex;flex-direction:column} /* ▸N531 §713 §700 */ .tspro-ui, .ts-dlg, .ts-ovl, .be-ov, .je-such { cursor: default; /* §1531: Spaltenbreiten aus dem Block N958 (vorher eigener Block gleichen Selektors) */ /* ---- NUMMERN (Stellenzahl aus der DB ausgezaehlt) ---- */ --ts-sp-artnr: 100px; /* §4058 Kopf „Artikelnummer" ausgeschrieben (§4020): gemessen 118 px th inkl. 20 px Polster = 98 Text > alter Wert 84 */ --ts-sp-kdnr: 90px; /* Kopf „Kunden-Nr." 90.0 > Wert 00956411 76.6 */ --ts-sp-katnr: 104px; /* Kopf „Kategorie-Nr." 103.6 */ --ts-sp-eignr: 110px; /* ▸N959 §251 §239 */ --ts-sp-hernr: 106px; /* Kopf „Hersteller-Nr." 104.9 */ --ts-sp-renr: 114px; /* Kopf „Rechnungs-Nr." 112.9 > 98-00007187 99.4 */ --ts-sp-belegnr: 100px; /* Wert 98-00007187 99.4 > Kopf „Beleg-Nr." 77.5 */ --ts-sp-pos: 48px; /* ▸N960 §296 */ /* ▸N961 §253 */ --ts-sp-belegpos: 84px; /* Kopf „Beleg-Nr." 83.5 > Wert 4-stellig 46.1 */ /* ---- DATUM UND ZEIT ---- */ --ts-sp-datum: 82px; /* Wert 31.12.2026 82.0 > Kopf „Datum" 58.5 */ --ts-sp-datum-lang: 130px; /* Kopf „Rechnungsdatum" 129.3 — Kopf entscheidet */ --ts-sp-zeit: 156px; /* Wert 03.08.2026 21:02:29 155 bei 13 px (§1379) */ /* ▸N962 §253 */ /* ▸N963 §253 */ /* ▸N964 */ /* ▸N965 R-1.3 R-1.2 */ --ts-sp-geld: var(--pos-num-w); /* EK, VK, Summe, Betrag — eine Breite */ --ts-sp-ek: var(--pos-num-w); /* EK ist eine Preisspalte, keine eigene */ --ts-sp-anz: 48px; /* bis 4-stellig (Rechpos.anzahl max 4 Stellen) */ --ts-sp-mwst: 54px; /* Kopf „MwSt" 52.6 > Wert 19,0 41.0 */ --ts-sp-proz: 66px; /* Wert 100,0 % 64.6 */ --ts-sp-kalk: 74px; /* §4077 Kopf „Kalkulation“ 91 px gemessen (1892x1010) > sp-proz 66+20=86 — Kopf wurde mit … abgeschnitten */ --ts-sp-stkl: 64px; /* §4077 Kopf „Stückliste“ 81 px gemessen > sp-pos 48+20=68 — Überhang 13 px = Links-Rechts-Scrollbalken der Positionstabellen */ --ts-sp-skr04: 62px; /* Kopf „SKR04" 60.5 > Wert 8400 48.7 */ --ts-sp-lagerzahl: 56px; /* AF/AR/AE/AP/AG — Koepfe 33-35, Wert entscheidet. §3061: Minusbestand „-306“ fett (td.r.neg) ≈ 31 px + 16 px Polster > 48 — zeigte „-3“ (Joerg 21:24) */ /* ---- KENNUNGEN FESTER LAENGE ---- */ --ts-sp-pid: 156px; /* ProduktID 18-stellig 155.4 */ --ts-sp-plz: 54px; /* Wert 12345 54.0 > Kopf „PLZ" 41.0 */ /* ---- KURZTEXT MIT BEKANNTER OBERGRENZE ---- */ --ts-sp-res-status: 200px; --ts-bv-proz: 84px; /* §2790 Prozentfeld „100,00 %" neben dem Betrag (Kalkulationskachel) */ /* §2769 „Reserviert ohne Produkt-ID" im Reservierungsfenster */ --ts-sp-status: 60px; /* Kopf „Status" 58.2 */ --ts-sp-zahlart: 106px; /* Wert „vierteljaehrlich" 104.6 (Rhythmus-Spalte!) */ /* ▸N966 */ --ts-sp-min-produkt: 68px; /* Kopf „Produkt" 67.4 */ --ts-sp-min-kategorie: 80px; /* Kopf „Kategorie" 78.6 */ /* ▸N967 §1254 */ --ts-sp-min-ort: 38px; /* Kopf „Ort" 37.2 */ --ts-sp-min-seriennr: 112px; /* Kopf „Seriennummer" 111.0 */ --ts-sp-min-apartner: 128px; /* Kopf „Ansprechpartner" 126.2 */ /* §1531: aus dem Block N1012 */ /* ▸N1013 §239 R-4.8 R-2.9 */ --ts-sp-nr: 100px; /* ▸N1014 */ --ts-sp-mail: 200px; /* ▸N1015 */ --ts-sp-fil: 62px; } .tspro-ui input:enabled:not([readonly]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), .ts-dlg input:enabled:not([readonly]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), .ts-ovl input:enabled:not([readonly]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), .be-ov input:enabled:not([readonly]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), .je-such input:enabled:not([readonly]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), .tspro-ui textarea:enabled:not([readonly]), .ts-dlg textarea:enabled:not([readonly]), .ts-ovl textarea:enabled:not([readonly]), .be-ov textarea:enabled:not([readonly]), .je-such textarea:enabled:not([readonly]), .tspro-ui [contenteditable="true"], .ts-dlg [contenteditable="true"], .ts-ovl [contenteditable="true"], .be-ov [contenteditable="true"], .je-such [contenteditable="true"] { cursor: text; } .tspro-ui a[href], .ts-dlg a[href], .ts-ovl a[href], .be-ov a[href], .je-such a[href] { cursor: pointer; } /* ▸N532 */ .eg-cb{position:relative;display:flex;flex:1;min-width:0} .eg-cb input{width:100%} .eg-cb-list{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:220px;overflow:auto; background:var(--ts-panel-bg);border:1px solid var(--ts-panel-bd);border-radius:6px;z-index:60; box-shadow:0 6px 18px rgba(0,0,0,.12);display:block} .eg-cb-list.up{top:auto;bottom:calc(100% + 2px);box-shadow:0 -6px 18px rgba(0,0,0,.12)} /* ▸N533 */ .eg-cb-list .eg-cb-frei{font-style:italic;border-bottom:1px solid var(--ts-trenn);color:var(--ts-ink)} /* 25.07.: expliziter Freitext-Uebernahme-Eintrag */ .eg-cb-list .eg-cb-it{display:block;padding:5px 9px;font-size:13px;cursor:pointer;white-space:nowrap; overflow:hidden;text-overflow:ellipsis} .eg-cb-list .eg-cb-none{color:var(--ts-gedaempft);font-style:italic;border-bottom:1px solid var(--ts-trenn)} /* ▸N535 */ /* ▸N536 */ /* ▸N537 */ .tspro-ui table.pos-fest{table-layout:fixed;width:100%} .tspro-ui table.pos-fest thead th{overflow:hidden;text-overflow:ellipsis} /* ▸N538 */ #w7-eigbox td .eg-inline{width:100%;box-sizing:border-box;padding:0 8px;font-size:13px; border:1px solid transparent;border-radius:0;background:var(--ts-panel-bg);font-family:inherit;height:calc(var(--ts-tab-td-h) - 1px)} /* Artikelsuche + Preisentwicklungs-Chart (Overlays) */.je-such.asaus .as-leer { color: var(--ts-gedaempft); } .je-such.asaus .as-tbl th.r { text-align: center; } /* 03.08.: Kopf nicht rechts */ .je-such.asaus .as-blk { border-top: 1px solid var(--ts-trenn); padding-top: 6px; margin-top: 6px; } .je-such.asaus .as-kv.hd, .je-such.asaus .as-kv3.hd { opacity: .6; font-size: var(--ds-fs-hinweis); } .je-such.asaus .ts-dim.pad2 { padding: 2px 0; } .je-such.asaus .ts-dim.pad30, #m-pechart .ts-dim.pad30 { padding: 30px; text-align: center; } .je-such.asaus .ts-dim.pad34, #m-pechart .ts-dim.pad34 { padding: 34px; text-align: center; } /* ▸N549 */ .je-such.asaus .as-tbl tr.as-nlief td { color: var(--ts-gedaempft); } .je-such.asaus .as-tbl td.r.neg { color: var(--ts-red); font-weight: 700; } /* ▸N550 */ .kt-pb-liste{ margin-top:10px; max-height:340px; overflow:auto; border:1px solid var(--ts-line); border-radius:6px; background:var(--ts-field-bg); } .kt-pb-zeile{ display:grid; grid-template-columns: 90px 1fr 1fr; gap:0 12px; align-items:baseline; padding:3px 0; border-bottom:1px solid var(--ts-trenn); font-size:12px; } /* ▸N551 */ .kt-pb-zeile:last-child{ border-bottom:0; } .kt-pb-nr { font-variant-numeric:tabular-nums; color:var(--ts-dim); } .kt-pb-alt{ color:var(--ts-dim); } /* §4438 kein Durchstreichen (Jörg 04.11.) — gedämpft genügt */ .kt-pb-neu{ color:var(--ts-text); font-weight:600; } /* ▸N552 §1296 */ /* ▸N553 */ /* Spaltenbreiten in den Tabellen */ .kt-w16 { width:16px; height:16px; } .kt-w40 { width:40px; } /* ▸N554 §250 */ .kt-w50 { width:50px; } /* ▸N555 §251 */ /* ▸N556 §250 */ .kt-w180 { width:180px; } .kt-links { text-align:left; } /* Kachel-/Feld-Bausteine */ .kt-summe { text-align:right; font-weight:600; font-size:13px; align-self:center; } .kt-chkspalte { display:flex; flex-direction:column; gap:6px; } .kt-zeile { display:flex; align-items:center; gap:7px; } .kt-zaehl { font-weight:500; opacity:.8; margin-left:8px; } .kt-grau { color:var(--ts-gedaempft); } /* Zustandsmeldungen in den Popups */ .kt-leer { padding:24px; text-align:center; color:var(--ts-gedaempft); } .kt-fehler { padding:24px; text-align:center; color:var(--ts-red); } .kt-hinweis { padding:8px 12px; font-size:12px; color:var(--ts-red); } /* Popup: Artikel-Liste (kt-art) */ .kt-ovl-box { background:var(--ts-panel-bg); width:var(--dlg-w-breit); max-width:94vw; height:var(--dlg-h-breit); max-height:94vh; /* §1308 Stufe breit statt 600 fest */ display:flex; flex-direction:column; border-radius:8px; overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.35); } .kt-ovl-kopf { background:var(--ts-ink); color:var(--ts-sec-fg); padding:10px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; } /* §796 (T4): .kt-ovl-x -> .ts-x */ .kt-ovl-body { flex:1; overflow:auto; padding:0; } .kt-ovl-tab { width:100%; border-collapse:collapse; font-size:12.5px; } /* Popup: Feld-Dialog (Eigenschaft / Vorgabe bearbeiten) */ .kt-dlg-box { background:var(--ts-panel-bg); width:var(--dlg-w-mittel); /* §1307 Stufe mittel statt 560 */ max-width:92vw; border-radius:10px; overflow:hidden; box-shadow:0 12px 40px rgba(0,0,0,.3); font-family:var(--ts-font); height: var(--dlg-h-mittel); /* §1308 */ } .kt-dlg-kopf { background:var(--ts-ink); color:var(--ts-sec-fg); padding:10px 14px; font-weight:700; } .kt-dlg-body { padding:18px 20px; } .kt-dlg-grid { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:10px 12px; } /* .kt-dlg-fuss → .dlg-fuss (§660) */ .kt-dlg-titel { font-size:14px; font-weight:800; } .kt-dlg-inp { width:100%; box-sizing:border-box; padding:7px 9px; border:1px solid var(--ts-line); border-radius: var(--ds-radius); font-size:14px; font-family:inherit; } /* ▸N557 */ .kt-ovl-hg { position:fixed; inset:0; background:rgba(24,24,27,.45); z-index:9500; display:flex; align-items:center; justify-content:center; font-family:var(--ts-font); } /* ▸N558 */ .kt-ovl-tab th { background:var(--ts-flaeche); border-bottom:1px solid var(--ts-trenn); padding:var(--ts-tab-th-pad); text-align:left; font-weight:700; position:sticky; top:0; } .kt-ovl-tab td { border-bottom:1px solid var(--ts-trenn); padding:var(--ts-tab-td-pad); height: var(--ts-tab-td-h); } /* ▸N559 */ .kt-dlg-hg { position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:9999; display:flex; align-items:flex-start; justify-content:center; padding-top:12vh; } /* ▸N560 */ /* ▸N561 */ .is-hidden { display:none !important; } /* ▸N562 §611w */ /* ▸N563 */ .ts-memofeld { cursor:pointer; } /* ▸N564 §1265 */ /* ▸N565 */ .be-box.ts-dlg-breit { width: min(var(--dlg-w-breit), 94vw); height: var(--dlg-h-breit); } /* §1392: nur die be-box (Artikel-Unterdialoge) — als Markerklasse im Dialogrumpf blaehte sie die Marker-Huelle auf 620 px auf */ /* ▸N566 §1307 §1308 */ /* ▸N567 */ .as-tbl th { cursor:pointer; } /* ▸N568 K-27 */ .es-ich { color:var(--ts-gedaempft); } .es-uform { margin-top:12px; border-top:1px solid var(--ts-trenn); padding-top:10px; }.kt-wrap .fz .v { height: var(--ds-feld); padding: 0 8px; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); font-size: 13px; } .kt-wrap table.kt-tbl th { background: var(--ts-flaeche); border-bottom: 1px solid var(--ts-panel-bd); padding: var(--ts-tab-th-pad); font-weight: 700; text-align: left; position: sticky; top: 0; z-index: 1; } .kt-wrap table.kt-tbl td { border-bottom: 1px solid var(--ts-trenn); padding: var(--ts-tab-td-pad); height: var(--ts-tab-td-h); } .kt-wrap .num { text-align: right; } .kt-wrap .kt-filter input, .kt-wrap .kt-filter select { height: var(--ds-feld); border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 0 8px; font: inherit; font-size: 12.5px; background: var(--ts-panel-bg); } /* ▸N578 §740 */ /* ▸N579 */ .tspro-ui #pos_tbody tr.pos-voll td, /* ▸N580 §687h */ .tspro-ui #pos_tbody tr.pos-voll td input:disabled { color: var(--ts-pos-grau); } /* ▸N581 */ .tspro-ui td.ekv{ color: transparent; } .tspro-ui tr:hover td.ekv{ color: inherit; } /* ▸N582 */ .tspro-ui.ek-immer td.ekv, .ek-immer .tspro-ui td.ekv{ color: inherit; } /* ▸N583 */ .tbl-box thead th.r{text-align:left} /* ▸N584 */ /* ▸N585 */ .tspro-ui input[type="checkbox"], .tspro-ui input[type="radio"], .je-such input[type="checkbox"], .je-such input[type="radio"], .be-ov input[type="checkbox"], .be-ov input[type="radio"], .ts-dlg input[type="checkbox"], .ts-dlg input[type="radio"], .ts-ovl input[type="checkbox"], .ts-ovl input[type="radio"]{ -webkit-appearance:none; appearance:none; flex:0 0 auto; border:var(--ds-rahmen) solid var(--ts-ink); background:var(--ts-panel-bg); vertical-align:middle; cursor:pointer; /* ▸N586 §816 */ } /* ▸N589 §687b §687 §687d K-47 K-121 */ .tspro-ui tr.pos-teil td, .tspro-ui tr.pos-teil td input, .ts-ovl tr.pos-teil td, .je-such tr.pos-teil td, .ts-dlg tr.pos-teil td, .ts-dlg tr.pos-teil td input { color: var(--ts-pos-teil); /* §688b: ohne Rueckfall — der Wert steht in :root */ } .tspro-ui tr.pos-teil.pos-erl td, .tspro-ui tr.pos-teil.pos-erl td input, .ts-ovl tr.pos-teil.pos-erl td, .je-such tr.pos-teil.pos-erl td, .ts-dlg tr.pos-teil.pos-erl td, .ts-dlg tr.pos-teil.pos-erl td input { color: var(--ts-pos-teil-erl); } .tspro-ui tr.pos-alt td, .tspro-ui tr.pos-alt td input, .ts-ovl tr.pos-alt td, .je-such tr.pos-alt td, .ts-dlg tr.pos-alt td, .ts-dlg tr.pos-alt td input { color: var(--ts-pos-alt); } .tspro-ui tr.pos-alt.pos-erl td, .tspro-ui tr.pos-alt.pos-erl td input, .ts-ovl tr.pos-alt.pos-erl td, .je-such tr.pos-alt.pos-erl td, .ts-dlg tr.pos-alt.pos-erl td, .ts-dlg tr.pos-alt.pos-erl td input { color: var(--ts-pos-alt-erl); } .tspro-ui tr.pos-dl td, .tspro-ui tr.pos-dl td input, .ts-ovl tr.pos-dl td, .je-such tr.pos-dl td, .ts-dlg tr.pos-dl td, .ts-dlg tr.pos-dl td input { color: var(--ts-pos-dl); } .tspro-ui tr.pos-dl.pos-erl td, .tspro-ui tr.pos-dl.pos-erl td input, .ts-ovl tr.pos-dl.pos-erl td, .je-such tr.pos-dl.pos-erl td, .ts-dlg tr.pos-dl.pos-erl td, .ts-dlg tr.pos-dl.pos-erl td input { color: var(--ts-pos-dl-erl); } .tspro-ui tr.pos-nlief td, .tspro-ui tr.pos-nlief td input, .ts-ovl tr.pos-nlief td, .je-such tr.pos-nlief td, .ts-dlg tr.pos-nlief td, .ts-dlg tr.pos-nlief td input { color: var(--ts-pos-nlief); } .tspro-ui tr.pos-nlief.pos-erl td, .tspro-ui tr.pos-nlief.pos-erl td input, .ts-ovl tr.pos-nlief.pos-erl td, .je-such tr.pos-nlief.pos-erl td, .ts-dlg tr.pos-nlief.pos-erl td, .ts-dlg tr.pos-nlief.pos-erl td input { color: var(--ts-pos-nlief-erl); } /* ▸N590 */ .tspro-ui tr.pos-grau td, .tspro-ui tr.pos-grau td input, .ts-ovl tr.pos-grau td{ color: var(--ts-pos-grau); } /* ▸N591 */ .tspro-ui .kbtn{ -webkit-appearance:none; appearance:none; /* ▸N592 */ font:inherit; font-size:12px; font-weight:600; line-height:1; height:var(--ts-btn-h); padding:0 8px; white-space:nowrap; border:1px solid var(--ts-line); border-radius:6px; background:var(--ts-panel-bg); color:var(--ts-ink); cursor:pointer; flex:0 0 auto; } /* ▸N593 */ .tspro-ui input[type="date"]{ font:inherit; } .tspro-ui input[type="date"]::-webkit-datetime-edit-fields-wrapper{ padding:0; } .tspro-ui input[type="date"]::-webkit-datetime-edit-text{ padding:0; } /* ▸N594 */ .tspro-ui input[type="date"]::-webkit-datetime-edit-day-field, .tspro-ui input[type="date"]::-webkit-datetime-edit-month-field, .tspro-ui input[type="date"]::-webkit-datetime-edit-year-field{ padding:0; } /* ▸N595 */ /* ▸N596 */ /* ▸N597 §692c §692 */ .tspro-ui .ang-betr .bv, .tspro-ui .be-betr .bv{ background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); border-radius: 6px; height: 26px; padding: 0 8px; min-width: 90px; box-sizing: border-box; font: inherit; font-size: 13px; text-align: right; display: flex; align-items: center; justify-content: flex-end; /* Spans vertikal mittig wie im Artikel */ } /* §2790 (Jörg 11.10.): Rohertrag Ware/Dienstleistung — Betrag und Prozent als ZWEI Felder in einer Zeile; Prozentfeld feste Breite */ .tspro-ui .ang-betr .bv-paar, .tspro-ui .be-betr .bv-paar { display: grid; grid-template-columns: minmax(0, 1fr) var(--ts-bv-proz); gap: var(--ds-s); } .tspro-ui .ang-betr .bv-paar > .bv, .tspro-ui .be-betr .bv-paar > .bv { min-width: 0; } .tspro-ui .ang-betr input.bv, .tspro-ui .be-betr input.bv, .tspro-ui .ang-betr select.bv, .tspro-ui .be-betr select.bv{ display: inline-block; /* Inputs brauchen kein Flex — Höhe/Padding reichen */ } /* ▸N598 §692c */ /* ▸N599 */ /* ▸N600 */ .tspro-ui .datepick, .ts-dlg .datepick{ position:relative; display:flex; flex:1; min-width:0; } .tspro-ui .datepick > input.v, .ts-dlg .datepick > input.v{ flex:1; min-width:0; } .tspro-ui .datepick > input[type="date"], .ts-dlg .datepick > input[type="date"]{ position:absolute; inset:0; width:100%; height:100%; opacity:0; pointer-events:none; border:0; padding:0; } /* ▸N601 */ .ts-dlg .datepick{ display:inline-flex; flex:0 0 auto; vertical-align:middle; } /* ▸N602 §679f §679e */ .ts-dlg .datepick > input.v{ width:var(--mw-datepick); flex:0 0 var(--mw-datepick); height:var(--ds-zeile); margin-top:0; box-sizing:border-box; padding:0 8px; } /* Kundeninfo-Popup als Spalten-Tabelle (15.07.2026) */ /* §1984 Kundeninfo (tsKundeTelefon/tsKundeInfo, dialog.js): Karteikarte aus Beschriftung + schreibgeschuetztem Feld (vorher .ki-tab ohne Rahmen) */ .ts-dlg-box .ki-felder { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--ds-s) var(--ds-m); align-items: center; } .ts-dlg-box .ki-felder .fz { display: contents; } .ts-dlg-box .ki-felder .fz > label { font-weight: 600; white-space: nowrap; } .ts-dlg-box .ki-felder .v.ro { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ts-dlg-box .ki-felder .v.ro.neg { color: var(--ts-red); } /* ▸N603 */ /* ▸N604 K-46 */ /* ▸N605 */ /* ▸N606 */ .tspro-ui.tspro-ui tbody td, .ts-dlg.ts-dlg tbody td, .ts-ovl.ts-ovl tbody td, .be-ov.be-ov tbody td, .je-such.je-such tbody td { height: var(--ts-tab-td-h); line-height: calc(var(--ts-tab-td-h) - 2px); /* Zeile exakt hoch, ohne Polster oben/unten */ padding: 0 8px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* ▸N607 */ .tspro-ui.tspro-ui tbody td input:not([type=checkbox]):not([type=radio]), .tspro-ui.tspro-ui tbody td select, .je-such.je-such tbody td input:not([type=checkbox]):not([type=radio]) { height: calc(var(--ts-tab-td-h) - 1px); line-height: 1; } tr[data-fuell] td { cursor: default; } /* ▸N610 R-2.5 §721 §692 §705 K-317 */ /* ▸N611 R-12.5 */ /* ▸N612 */ .tspro-ui.tspro-ui tbody td, .ts-dlg.ts-dlg tbody td, .ts-ovl.ts-ovl tbody td, .be-ov.be-ov tbody td, .je-such.je-such tbody td, .tspro-ui.tspro-ui thead th, .ts-dlg.ts-dlg thead th, .ts-ovl.ts-ovl thead th, .be-ov.be-ov thead th, .je-such.je-such thead th, #m-wiz tbody td, #m-wiz thead th { /* §1864: Gitter auch im Artikel-Assistenten (liegt ausserhalb .tspro-ui) */ border-right: 1px solid var(--ts-trenn); } .tspro-ui.tspro-ui tbody td:last-child, .ts-dlg.ts-dlg tbody td:last-child, .ts-ovl.ts-ovl tbody td:last-child, .be-ov.be-ov tbody td:last-child, .je-such.je-such tbody td:last-child, .tspro-ui.tspro-ui thead th:last-child, .ts-dlg.ts-dlg thead th:last-child, .ts-ovl.ts-ovl thead th:last-child, .be-ov.be-ov thead th:last-child, .je-such.je-such thead th:last-child, #m-wiz tbody td:last-child, #m-wiz thead th:last-child { /* §1864 */ border-right: none; /* faellt mit dem Kachelrand zusammen */ } /* ▸N613 */ /* ▸N614 §630 §276 */ /* ▸N615 */ .tspro-ui .fil-sec-body > .tbl-box { flex: 1 1 0; min-height: 0; } .tspro-ui .tbl-box { display: flex; flex-direction: column; min-height: 0; } .tspro-ui .tbl-box > .tbl-scroll { flex: 1 1 0; min-height: 0; } :is(.ts-dlg-box, .bc-main) .fen-block:not(.fuellt) > .tbl-box > .tbl-scroll { flex: 0 0 auto; } /* §4322 I.3 (DFA technikCENTER, Inventur 03.11.: 15 Tabellen in Kacheln mit Inhaltshöhe auf 0 px — flex-basis 0 ohne füllenden Rahmen, §4201): Rollkasten nimmt in nicht füllenden Kacheln die Inhaltshöhe */ /* (2) TABELLE FOLGT DER KACHEL, nicht dem Inhalt. */ .tspro-ui.tspro-ui table, .ts-dlg.ts-dlg table, .ts-ovl.ts-ovl table, .be-ov.be-ov table, .je-such.je-such table { table-layout: fixed; width: 100%; border-collapse: collapse; } /* ▸N616 */ /* ▸N617 §814 */ /* ▸N618 */ .tspro-ui.tspro-ui tbody td:has(> input):not(:has(> input[type=checkbox])):not(:has(> input[type=radio])), .tspro-ui.tspro-ui tbody td:has(> select), .je-such.je-such tbody td:has(> input):not(:has(> input[type=checkbox])):not(:has(> input[type=radio])), .tspro-ui.tspro-ui tbody td:has(> .eg-cb), .ts-dlg.ts-dlg tbody td:has(> .eg-cb) { padding: 0; } /* ▸N619 §717 K-113 */ /* ▸N620 §705 */ .tspro-ui.tspro-ui tbody td > input:not([type=checkbox]):not([type=radio]), .tspro-ui.tspro-ui tbody td > select, .tspro-ui.tspro-ui tbody td > .eg-cb > input:not([type=checkbox]):not([type=radio]), .ts-dlg.ts-dlg tbody td > .eg-cb > input:not([type=checkbox]):not([type=radio]), .je-such.je-such tbody td > input:not([type=checkbox]):not([type=radio]) { width: 100%; height: 100%; min-height: 0; box-sizing: border-box; border: none; border-radius: 0; margin: 0; font: inherit; color: inherit; padding: 0 8px; box-shadow: none; background: var(--ts-panel-bg); /* ▸N621 §692d §692 */ -webkit-text-fill-color: currentColor; /* Safari faerbt disabled sonst eigenmaechtig */ opacity: 1; } /* ▸N625 */ .tspro-ui.tspro-ui tbody td input:not([type=checkbox]):not([type=radio]), .tspro-ui.tspro-ui tbody td select, .ts-dlg.ts-dlg tbody td input:not([type=checkbox]):not([type=radio]), .je-such.je-such tbody td input:not([type=checkbox]):not([type=radio]) { width: 100%; min-width: 0; box-sizing: border-box; } /* ▸N626 */ .tspro-ui .tbl-scroll,.tspro-ui .js-listwrap,.je-such .js-listwrap,.be-ov .js-listwrap { overflow-y: auto; } /* ▸N627 */ /* ▸N628 K-173 */ .wb-wrap.wb-wrap .tbl-box table, .be-wrap.be-wrap .tbl-box table, .art-wrap.art-wrap .tbl-box table { table-layout: fixed; width: 100%; } .tspro-ui td.p-ell, .ts-dlg td.p-ell, .ts-ovl td.p-ell{ max-width: 46vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tspro-ui #f_kunde_name, .tspro-ui #f_lief_name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; /* ▸N632 */ flex: 1; cursor: pointer; } /* ▸N633 */ /* ▸N634 */ .tspro-ui .kunde-info { min-width: 0; position: relative; } .tspro-ui .kunde-info > .kbtn { /* M5 §3991: Info-Knopf im Feldbereich vor dem Wert */ position: static; margin: 0; flex: 0 0 auto; width: var(--ts-kbtn-w); box-sizing: border-box; } /* ▸N635 */ .tspro-ui .fz:has(> .kunde-info > #f_kunde_info) > label, .tspro-ui .fz:has(> .kunde-info > #f_lief_info) > label { color: var(--ts-akzent); font-weight: 700; } /* ▸N636 */ /* ▸N637 */ .tspro-ui .wv-betr{ display:grid; grid-template-columns:auto 1fr; gap:5px 10px; align-items:center; font-size:13px; } .tspro-ui .wv-betr .bl{ font-weight:700; } .tspro-ui .wv-betr .bv{ background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); border-radius: 6px; /* §692c */ height: 26px; padding: 0 8px; min-width: 90px; box-sizing: border-box; font: inherit; font-size: 13px; text-align: right; display: flex; align-items: center; justify-content: flex-end; } .tspro-ui .wv-betr input.bv{ display: inline-block; } /* ▸N638 §692c */ /* ▸N639 */ /* ▸N640 §692f §692 */ /* ▸N641 */ .tspro-ui .be-main > .wv-unten { grid-template-columns: var(--wv-unten-cols); } /* ▸N642 *//* ▸N643 */ /* ▸N644 *//* ▸N645 */ /* 03.08.: Kopf nicht rechts *//* ▸N646 *//* ▸N647 */ .ts-dlg .fil-sec { border: 1px solid var(--ts-panel-bd); border-radius: var(--ds-radius); background: var(--ts-panel-bg); margin-bottom: var(--ts-kachel-gap); /* §1316: Kachelabstand wie in den Masken */ overflow: hidden; } .ts-dlg .fil-sec-head { background: var(--ts-sec-bg); color: var(--ts-sec-fg); font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); padding: var(--ts-head-pad); letter-spacing: var(--ts-head-ls); } .ts-dlg .fil-sec-body { padding: var(--ds-m) var(--ds-l); } /* ▸N648 *//* ▸N649 *//* ▸N650 *//* ▸N651 *//* ▸N652 */ /* ▸N653 */ .je-such .js-teil > .js-ta{ flex: 1 1 auto; min-height: 0; width: 100%; box-sizing: border-box; border: 1px solid var(--such-bd-box); border-radius: 6px; padding: 10px; /* resize:none aus Grundregel (17), §219c */ font-family: "DejaVu Sans Mono", "Consolas", monospace; font-size: 12px; line-height: 1.45; white-space: pre; } /* ▸N654 */ /* ▸N655 */ #wa-ovl .wa-box { width: min(1280px, 94vw); } #wa-ovl .wa-hint { font-size: 12px; opacity: .8; margin: 6px 0 8px; } #wa-ovl .wa-scroll{ max-height: 480px; overflow: auto; border: 1px solid var(--ts-panel-bd); border-radius: 8px; } #wa-ovl tr.wa-fremd td { opacity: .85; } /* §2478 K-417 (Bestellung -> Wareneingang, Mengenauswahl): Vorgegebenes grau, Eingabe schwarz ohne eigenes Feld-Aussehen — wie zell-ein */ #wa-ovl tbody td { color: var(--ts-ro-fg); } #wa-ovl input.wa-m{ width: var(--ts-fb-s); height: calc(var(--ds-tabellenzeile) - 1px); box-sizing: border-box; padding: 0 var(--ds-s); text-align: right; border: 1px solid transparent; border-radius: 0; background: transparent; font: inherit; color: var(--ts-ink); } #wa-ovl input.wa-m:focus { outline: none; border-color: var(--ts-panel-bd); background: var(--ts-field-focus); } #wa-ovl .wa-foot { display: flex; gap: 8px; justify-content: flex-end; margin-top: 10px; } /* §1796d Wareneingang aus Rechnung (popup Stufe gross, .re-dlg): Scanleiste ueber der Tabelle, Eingaben in den Zellen — Status im Fuss (§1316) */ .ts-dlg-box:has(.re-dlg) .re-scanleiste { display: flex; align-items: center; gap: var(--dlg-gap); margin-top: var(--ds-s); } .ts-dlg-box:has(.re-dlg) .re-scanleiste label { font-weight: 600; margin: 0; padding: 0; line-height: var(--ts-btn-h); } .ts-dlg-box:has(.re-dlg) .re-scanleiste > * { margin-top: 0; margin-bottom: 0; } /* §3888 Messung 11:50: Feld 4 px tiefer als die Beschriftung (230/234) — fremder Feldrand */ /* §3886 (Joerg 30.10. „Feld steht nicht in einer Linie“): Beschriftung auf Feldhoehe, keine Etikett-Raender */ .ts-dlg-box:has(.re-dlg) #re_scanmsg { flex: 1 1 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* §1811: Rueckmeldung einzeilig */ .ts-dlg-box:has(.re-dlg) .re-in { height: var(--ts-btn-h); box-sizing: border-box; padding: 0 6px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font: inherit; } .ts-dlg-box:has(.re-dlg) .re-ean { width: var(--ts-fb-3xl); } .ts-dlg-box:has(.re-dlg) .re-zahl { width: 100%; text-align: right; } .ts-dlg-box:has(.re-dlg) td .re-in { height: calc(var(--ts-tab-td-h) - 1px); padding: 0 var(--ds-s); } /* §3888 Messung: Auswahl 26 px, Zahlenfelder 21 px in derselben Zeile — Zellfelder einheitlich nach Hausregel (Tabellenzeile − 1 px) */ .ts-dlg-box:has(.re-dlg) .re-art { width: 100%; } /* §3886: Artikel suchen/neu stehen im Fuss (keine Zeilenknoepfe, §3744) */ .ts-dlg-box:has(.re-dlg) td.re-c-sn > span { display: flex; align-items: center; gap: var(--ds-s); } .ts-dlg-box:has(.re-dlg) .re-snz { color: var(--ts-dim); } .ts-dlg-box:has(.re-dlg) .re-ohne { margin-left: var(--ds-s); color: var(--ts-dim); } .ts-dlg-box:has(.re-dlg) table { table-layout: fixed; width: 100%; } .ts-dlg-box:has(.re-dlg) th.re-c-pos { width: var(--fb-52); } .ts-dlg-box:has(.re-dlg) th.re-c-menge { width: var(--fb-64); } /* §3886: Rechnungszeile war bei 1600 px nur 103 px breit — feste Spalten enger, die Rechnungszeile nimmt den Rest */ .ts-dlg-box:has(.re-dlg) th.re-c-ek { width: var(--fb-90); } /* §3090 (Joerg 13:52: Mengenregel-Spalte zu schmal, kein Mouseover): Spalte Lager (frei des Artikels) neu, Mengenregel als Auswahl (laengster Eintrag „Zeilen zusammenfassen (57)“ ≈ 150 px bei 13 px + Pfeil); Artikel/Prüfung/SN enger, damit die Rechnungszeile bei 1400 px Fensterbreite ≈ 300 px behaelt */ .ts-dlg-box:has(.re-dlg) th.re-c-lager { width: var(--fb-170); } /* §3094/§3095: Bestand + Haken „ausgleichen“ — Bild 14:18: bei 150 px wurde „ausgleich…“ angeschnitten */ .ts-dlg-box:has(.re-dlg) td.re-c-lager { text-align: left; white-space: nowrap; } .ts-dlg-box:has(.re-dlg) .re-lager-zahl { display: inline-block; width: var(--fb-52); text-align: right; } /* §3096: Bestand rechtsbuendig in fester Breite, der Haken „ausgleichen“ dahinter in jeder Zeile an derselben Stelle (Bild 14:18) */ .ts-dlg-box:has(.re-dlg) th.re-c-regel { width: var(--fb-220); } /* §3095: „Zeilen zusammenfassen (57)“ + Pfeil war bei 170 px angeschnitten */ .ts-dlg-box:has(.re-dlg) td.re-c-regel { white-space: nowrap; overflow: hidden; } .ts-dlg-box:has(.re-dlg) .re-regel { width: 100%; } .ts-dlg-box:has(.re-dlg) th.re-c-art { width: var(--fb-270); } .ts-dlg-box:has(.re-dlg) th.re-c-pr { width: var(--fb-170); } /* §3888 Bild Joerg 11:47: „offen ☐ ohne S…“ bei 140 px abgeschnitten */ .ts-dlg-box:has(.re-dlg) th.re-c-sn { width: var(--fb-64); } .ts-dlg-box:has(.re-dlg) td.re-c-pr { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* §1848: Pruefspalte einzeilig (Joerg: Zeile brach bei "ohne Scan" um) */ /* Fuss in EINER Zeile: Status nimmt den Rest und kuerzt mit Tooltip (§1316: Status links im Fuss) */ /* §1796e/§1799: Status ueber den Knoepfen gilt jetzt zentral; hier nur noch Block statt Flex, damit die lange Zeile mit "…" gekuerzt wird */ .ts-dlg-box:has(.re-dlg) .f > .dlg-status { display: block; } /* ▸N656 */ /* ▸N657 §218 */ /* ▸N658 §799 */ /* ▸N659 */ /* ▸N660 §244 */ /* §799 (T5a): .vt-tbl -> .tbl-fest */ /* ▸N661 §249 */ .je-such .zs-za td { white-space: nowrap; } /* ▸N662 */ .je-such.wvzus { --such-col: 224px; } /* ▸N665 */ /* §799 (T5a): .bs-tbl -> .tbl-fest *//* ▸N666 */ /* ▸N667 §242 */ /* ▸N668 §829 */ /* §799 (T5a): .ms-tbl -> .tbl-fest */ /* ▸N669 §829 */ /* ▸N670 §799 K-170 */ /* ▸N671 */ .je-such .js-fsel{ gap:4px; } .je-such .js-kachel select{ width:100%; height:var(--such-btn-h); box-sizing:border-box; padding:0 26px 0 8px; border:1px solid var(--such-bd); /* §709: 26px wie ueberall */ border-radius:var(--such-btn-r); background:var(--ts-panel-bg); color:var(--ts-ink); font:inherit; font-size:var(--such-btn-fs); font-weight:var(--such-btn-fw); cursor:pointer; -webkit-appearance:none; appearance:none; background-image:var(--ts-chevron); /* ▸N672 §709 */ background-repeat:no-repeat; background-position:right var(--ds-s) center; } /* ▸N673 */ /* ▸N674 */ .js-fgrp:not(:has(> .js-fbtn[data-t])){ display:flex; flex-direction:column; align-items:stretch; gap:var(--ts-btn-gap); } .js-fgrp:not(:has(> .js-fbtn[data-t])) > .js-fbtn{ width:100%; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; line-height:var(--such-btn-h); padding:0 8px; } /* ▸N675 */ /* ▸N676 */ .tspro-ui .obtn.fakbtn.off{ background:var(--ts-red); border-color:var(--ts-red); color:var(--ts-sec-fg); font-weight:700; } /* ▸N677 */ /* ▸N678 */ /* ▸N679 §1307 §1308 */ .ts-dlg .bz-grid > .bz-links, .ts-dlg .bz-grid > .bz-rechts{ min-width: 0; } .ts-dlg .bz-grid{ display:grid; grid-template-columns: var(--mw-bz-links) minmax(0,1fr); gap:var(--ts-kachel-gap); align-items:stretch; } /* ▸N680 */ .ts-dlg .bz-kopf{ grid-column:1 / -1; display:flex; align-items:center; gap:12px; padding:8px var(--ds-m); border:1px solid var(--ts-panel-bd); border-radius:8px; background:var(--ts-panel-bg); } .ts-dlg .bz-lbl{ font-weight:700; font-size:13px; } .ts-dlg .bz-ro{ min-width:130px; height: var(--ds-feld); line-height: var(--ds-feld); padding:0 8px; background:var(--ts-panel-bg); color:var(--ts-ro-fg); border:1px solid var(--ts-panel-bd); /* §692e */ border-radius:6px; text-align:right; font-weight:700; box-sizing:border-box; } /* ▸N681 */ .ts-dlg .bz-links, .ts-dlg .bz-rechts{ display:grid; grid-template-columns:var(--mw-bz-lbl) minmax(var(--mw-bz-min),1fr); gap: var(--ds-s); align-content:start; align-items:center; border:1px solid var(--ts-panel-bd); border-radius:8px; background:var(--ts-panel-bg); padding: 0 var(--ds-m) var(--ds-s) var(--ds-s); overflow:hidden; } .ts-dlg .bz-links::before, .ts-dlg .bz-rechts::before{ grid-column:1 / -1; display:block; margin:0 -10px 4px -10px; background:var(--ts-ink); color:var(--ts-sec-fg); font-size:var(--ts-head-fs); font-weight:var(--ts-head-fw); padding:var(--ts-head-pad); } .ts-dlg .bz-links::before{ content:'Zahlungsarten'; } .ts-dlg .bz-rechts::before{ content:'Belege & Zahlungstermine'; } .ts-dlg .bz-lbtn{ height:var(--such-btn-h); padding:0 8px; font-family:inherit; /* 25.07.: 28->26 Standardmass (vorher '= Feldhoehe') */ font-size:var(--such-btn-fs); font-weight:var(--such-btn-fw); background:var(--ts-panel-bg); color:var(--ts-ink); border:1px solid var(--ts-line); border-radius:var(--such-btn-r); cursor:pointer; text-align:center; box-sizing:border-box; } .ts-dlg .bz-feld{ height: var(--ds-feld); padding:0 8px; font-family:inherit; font-size:13px; border:1px solid var(--ts-panel-bd); border-radius:6px; background:var(--ts-panel-bg); text-align:right; box-sizing:border-box; width:100%; } /* §692d */ .ts-dlg .bz-kk{ grid-column:1 / -1; display:flex; align-items:center; gap:6px; font-size:13px; } .ts-dlg .bz-sep{ grid-column:1 / -1; border-top:1px solid var(--ts-panel-bd); margin:2px 0; } .ts-dlg .bz-kza{ height: var(--ds-feld); padding:0 6px; font-family:inherit; font-size:13px; border:1px solid var(--ts-panel-bd); border-radius:6px; background:var(--ts-panel-bg); } /* §3299 Kopf des Bezahlfensters: Kundenzahlart (laengster Eintrag „Dauerauftrag“) und Zahlungsart der Rechnung („Rechnung, 14 Tage netto“) — feste Breiten aus den Feldstufen, sonst schneidet appearance:none den Text am Chevron ab (Messung: 65 px in 63 px, 154 px in 139 px) */ .ts-dlg #bz_kza.bz-kza{ width: var(--fb-120); } .ts-dlg #bz_zw.bz-kza{ width: var(--fb-220); } /* ▸N682 */ .ts-dlg .bz-ttl{ grid-column:1 / -1; font-weight:700; font-size:13px; margin-top:2px; } .ts-dlg .bz-einliste{ grid-column:1 / -1; } /* ▸N683 §1244 */ .ts-dlg .bz-ectbl{ grid-column:1 / -1; border-collapse:collapse; width:100%; } .ts-dlg .bz-rechts .bz-ro{ width:var(--mw-bz-ro); min-width:0; justify-self:start; } /* v4: Restbetrag im gleichen Zug verschlankt */ /* ▸N684 */ .ts-dlg .bz-ecscroll{ grid-column:1 / -1; height:var(--mw-bz-ec); overflow-y:auto; border:1px solid var(--ts-panel-bd); } /* ▸N685 */ .ts-dlg .bz-ectbl th{ background:var(--ts-field-ro); border:1px solid var(--ts-panel-bd); padding:3px 6px; font-size:var(--ts-tab-fs); text-align:left; } .ts-dlg .bz-ectbl td{ border:1px solid var(--ts-panel-bd); padding:3px 6px; font-size:var(--ts-tab-fs); } .ts-dlg .bz-ectbl td.num{ text-align:right; }/* ▸N686 */ #tspro_datum_pick{ position:fixed; width:1px; height:1px; opacity:0; border:0; padding:0; pointer-events:none; z-index:10600; } /* ▸N687 */ .bzq-ovl{ position:fixed; inset:0; background:rgba(0,0,0,.35); display:none; align-items:center; justify-content:center; z-index:10550; } .bzq-box{ background:var(--ts-panel-bg); border-radius:10px; min-width:300px; overflow:hidden; box-shadow:0 14px 40px rgba(0,0,0,.3); } .bzq-kopf{ background:var(--ts-ink); color:var(--ts-sec-fg); } .bzq-body{ display:flex; align-items:center; gap:10px; padding:14px 16px; } .bzq-body label{ font-weight:700; font-size:13px; } .bzq-body input{ width:var(--ts-fb-xl); height: var(--ds-feld); padding:0 8px; font:inherit; font-size:13px; text-align:right; border:1px solid var(--ts-panel-bd); border-radius:6px; } .bzq-body input#bzq_beleg{ text-align:left; } .bzq-body [hidden]{ display:none; } .bzq-text{ max-width:340px; font-size:13px; line-height:1.5; white-space:pre-line; } /* §698 */ /* .bzq-fuss → .dlg-fuss (§660) */ /* ▸N688 §660 */ /* ▸N689 §660 */ /* ▸N690 */ /* ▸N691 §679h */ .ts-dlg-box .b .bz-grid input:where(:not([type="checkbox"]):not([type="radio"])){ margin-top:0; height: var(--ds-feld); } /* ▸N692 */ /* ▸N693 */ .ts-dlg-box .b .bz-grid input.bz-feld:where(:not([type="date"])){ width:var(--mw-bz-feld); justify-self:start; } /* §679h: :not in :where(), .bz-feld trägt den Guard */ /* ▸N694 */ /* ▸N695 */ .tspro-ui .be-angaben{ grid-column: 2; font-size: var(--ds-fs-hinweis); color:var(--ts-gedaempft); margin-top:-2px; min-height:0; } .tspro-ui .be-angaben:empty{ display:none; } /* ▸N696 *//* ▸N697 */ .fz { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px; align-items: center; margin-bottom: 7px; } /* ▸N698 */ .tspro-ui .be-top > .fil-sec.fz-2sp > .fil-sec-body { display: grid; grid-template-columns: max-content minmax(0,1fr) max-content minmax(0,1fr); /* M5 §3991: je Spalte max-content (§3994 in die Grundregel gezogen — vorher zweite Regel daneben, DOPPELREGEL) */ column-gap: 16px; row-gap: var(--fz-zeilen-gap); align-content: start; } /* ▸N699 §685b §685 */ .tspro-ui .be-top > .fil-sec.fz-2sp > .fil-sec-body > .fz { display: contents; } .tspro-ui .be-top > .fil-sec.fz-2sp > .fil-sec-body > .fz.fz-voll > label { grid-column: 1; } .tspro-ui .be-top > .fil-sec.fz-2sp > .fil-sec-body > .fz.fz-voll > :not(label) { grid-column: 2 / -1; min-width: 0; } .fz > label { text-align: left; white-space: nowrap; font-size: 13px; font-weight: 600; color: var(--ts-ink); } .fz.ta { align-items: start; } /* ▸N700 §695 §634 */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; appearance: textfield; } .v { height: var(--ds-feld); padding: 0 8px; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); font-size: 13px; display: flex; align-items: center; } input.v, select.v { font-family: inherit; width: 100%; } textarea.v { font-family: inherit; width: 100%; height: auto; min-height: 54px; padding: var(--ds-xs) var(--ds-s); display: block; } /* ▸N703 §692 */ /* ▸N704 */ .tbl-box { border: 1px solid var(--ts-panel-bd); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; flex: 1; min-height: 0; } .tbl-scroll { overflow: auto; flex: 1; } .tbl-box table { width: 100%; border-collapse: collapse; font-size: var(--ts-tab-fs); } .tbl-box thead th { position: sticky; top: 0; background: var(--ts-flaeche); padding: 5px 6px; text-align: left; font-weight: 700; border-bottom: 1px solid var(--ts-panel-bd); white-space: nowrap; } /* ▸N705 */ .tbl-box tbody td { padding: 3px 6px; border-bottom: 1px solid var(--ts-trenn); white-space: nowrap; } .tbl-box tbody td.r { text-align: right; } .tbl-box tbody td.c { text-align: center; }.tbl-box tbody td input:not([type="checkbox"]):not([type="radio"]) { border: 1px solid transparent; border-radius: 0; box-sizing: border-box; font-size: var(--ts-tab-fs); height: calc(var(--ts-tab-td-h) - 1px); padding: 0 8px; width: 100%; background: var(--ts-panel-bg); }.tbl-box tbody td input.num { width:100%;min-width:0; text-align: right; } .ts-dlg-box .tbl-box tbody td input:not([type="checkbox"]):not([type="radio"]) { display: block; margin: 0 0 0 auto; } .ts-dlg-box .tbl-box tbody td:has(> input:not([type="checkbox"]):not([type="radio"])) { padding-top: 0; padding-bottom: 0; } /* §1392: Eingabefeld fuellt die Zelle — Zeile 22 wie alle Zeilen, Zahl auf Hoehe der Nachbarn (war +8 px, Zeile 30) */ .be-wrap { font-family: var(--ts-font); color: var(--ts-ink); padding: 10px; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; } /* ▸N710 */ .be-layout { display: grid; grid-template-columns: 1fr var(--ts-opt-w); gap: var(--ts-kachel-gap); align-items: stretch; flex: 1; min-height: 0; } .be-main { display: flex; flex-direction: column; gap: var(--ts-kachel-gap); min-width: 0; min-height: 0; } .be-main > .fil-sec { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } .be-main > .fil-sec > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; } .be-sum { display: flex; gap: 26px; align-items: center; font-size: 13px; margin-bottom: 8px; } .be-sum b { font-weight: 700; } .be-sum .val { background: var(--ts-panel-bg); color: var(--ts-ro-fg); /* §692e */ border: 1px solid var(--ts-panel-bd); border-radius: 6px; display: inline-block; min-width: 90px; padding: 3px 8px; text-align: right; } .be-tbl-btns { display: flex; gap: 8px; margin-top: 8px; } .be-srch-list { border: 1px solid var(--ts-panel-bd); border-radius: 6px; margin-top: 10px; max-height: 320px; overflow: auto; } .be-srch-list .it { padding: 6px 10px; border-bottom: 1px solid var(--ts-trenn); cursor: pointer; font-size: 13px; } .be-srch-list .it .nr { color: var(--ts-akzent); font-weight: 700; margin-right: 8px; } .be-srch-list .it .meta { color: var(--ts-gedaempft); font-size: var(--ds-fs-hinweis); } .chk { align-items: center; display: flex; height: var(--ds-feld); } .kunde-info { align-items:center;display:flex;gap:6px; } /* ▸N711 */ .kunde-info > .v, .kunde-info > input { flex: 1; min-width: 0; }.ts-dlg-box:has(.eco-abgleich) { max-height: 94vh; display: flex; flex-direction: column; } /* §1395: nur Aufbau — Groesse ts-dlg-breit am Aufrufer */ .ts-dlg-box:has(.eco-abgleich) > .h{ font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); padding: var(--ts-head-pad); letter-spacing: var(--ts-head-ls); } .ts-dlg-box:has(.eco-abgleich) #ovl_b{ flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; white-space: normal; } .ts-dlg .eco-abgleich{ flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } /* ▸N715 */ /* ▸N716 §648v */ .ts-dlg-box .b .eco-abgleich input[type="checkbox"] { margin: 0; } /* ▸N717 */ /* ▸N718 */ .ts-dlg .eco-abgleich .eco-sub{ font-size:var(--ds-fs-text); font-weight:700; margin:0 0 4px; } .ts-dlg .eco-abgleich .tbl-box{ flex:1 1 0; min-height:var(--mw-eco-min); }.ts-dlg .eco-abgleich .tbl-box.eco-oben { margin-bottom:6px; flex:0 0 38%; min-height:var(--mw-eco-oben); } .ts-dlg .eco-abgleich .eco-2col{ flex:1 1 0; min-height:calc(10 * var(--ds-zeile)); /* ▸N720 §1106 */ display:grid; /* ▸N721 */ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; } .ts-dlg .eco-abgleich .eco-col{ display:flex; flex-direction:column; min-height:0; min-width:0; } .ts-dlg .eco-abgleich table{ table-layout:fixed; } /* ▸N722 */ .ts-dlg .eco-abgleich td, .ts-dlg .eco-abgleich th{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* ▸N723 */ .ts-dlg .eco-abgleich td.eco-ell{ overflow:hidden; text-overflow:ellipsis; } /* ▸N724 */ .ts-dlg .eco-abgleich .sp-datum{ width: calc(var(--ts-sp-datum) + 16px); } .ts-dlg .eco-abgleich .sp-geld { width: var(--mw-eco-geld); } .ts-dlg .eco-abgleich .sp-nr { width: calc(var(--ts-sp-nr) + 16px); } .ts-dlg .eco-abgleich .sp-txt { width: calc(var(--ts-sp-txt) + 16px); } /* ▸N725 §808 */ /* ▸N726 */ /* ▸N727 */ .ecopdf-ovl{ position:fixed; inset:0; background:rgba(0,0,0,.55); display:none; align-items:center; justify-content:center; z-index:10700; } .ecopdf-box{ width:min(var(--dlg-w-gross),94vw); height:var(--dlg-h-gross); /* §1308: Stufe gross statt 1100x92vh */ background:var(--ts-panel-bg); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 18px 50px rgba(0,0,0,.35); } /* ▸N729 */ .ecopdf-kopf{ display:flex; align-items:center; gap:10px; background:var(--ts-ink); color:var(--ts-sec-fg); } /* ▸N730 §564 */ .ecopdf-akt{ display:flex; gap:6px; margin-left:auto; } .ecopdf-abtn{ padding:3px 10px; font:inherit; font-size:12.5px; font-weight:600; background:var(--ts-panel-bg); border:1px solid var(--ts-line); border-radius:6px; cursor:pointer; } .ecopdf-kopf .ecopdf-akt ~ .ecopdf-x{ margin-left:10px; } .ecopdf-kopf .ecopdf-x{ margin-left:auto; } /* §839: Optik aus .ts-x, hier nur die Lage */ .ecopdf-frame{ flex:1 1 auto; width:100%; border:0; background:var(--ts-pdf-bg); } .ts-dlg .eco-abgleich .eco-col .tbl-box{ flex:1 1 0; min-height:0; } /* ▸N731 */ /* ▸N732 */ .as-kv .v { height: auto; padding: 0; border: none; border-radius: 0; background: transparent; display: inline; font-size: inherit; } /* ▸N733 */ /* ▸N734 §313 */ /* ▸N737 §1298 R-4.13 K-165 */ /* ▸N738 §1300 */ /* ▸N739 §1309 §1308 */ .ts-dlg-box .b:has(.dlg-tbl-box) { display: flex; flex-direction: column; } .ts-dlg-box .tbl-box.dlg-tbl-box { flex: 1 1 auto; min-height: 0; overflow: auto; margin-top: var(--ds-s); } /* ▸N740 §1311 */ .ts-dlg-box .b:has(.tbl-box) { display: flex; flex-direction: column; overflow: hidden; } .ts-dlg-box .b > .ts-dlg-gross:has(.tbl-box), .ts-dlg-box .b > .ts-dlg-breit:has(.tbl-box), .ts-dlg-box .b > .ts-dlg-mittel:has(.tbl-box), .ts-dlg-box .b > .ts-dlg-weit:has(.tbl-box) { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } /* §1913: Stufe weit fehlte */ .ts-dlg-box .b .fil-sec { display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; } .ts-dlg-box .b .fil-sec-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } .ts-dlg-box .b .fil-sec-body .tbl-box { flex: 1 1 auto; min-height: 0; overflow: auto; } .ts-dlg-box .b .fil-sec-body .tbl-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; } /* ▸N741 §1313 K-165 */ .ts-dlg-box .b .fil-sec.fil-sec-fest { flex: 0 0 auto; } /* ▸N742 §1315 */ .ts-dlg-box .b .fil-sec-head { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ts-dlg-box .b .fil-sec-reihe { display: grid; grid-template-columns: 46fr 54fr; gap: var(--ts-kachel-gap); flex: 1 1 auto; min-height: 0; } /* §1316: Kachelabstand */ .ts-dlg-box .b .fil-sec-reihe > .fil-sec { min-height: 0; min-width: 0; } .ts-dlg-box .b .fil-sec-reihe .rep.tbl-fest td.sp-rest { max-width: 0; } /* ▸N743 K-165 */ /* ▸N744 §1301 K-165 */ .ts-dlg-box .dlg-tbl-box table { table-layout: fixed; } /* ▸N745 §1303 */ .ts-dlg-box .dlg-tbl-box tbody tr:last-child td { border-bottom: 0; } /* ▸N746 §1302 */ .tspro-ui .tbl-box thead th.sp-lagerzahl, .ts-dlg-box .tbl-box thead th.sp-lagerzahl { text-align: center; } /* ▸N747 §495e §495 §495c §495d */ /* ▸N749 §313 */ /* ▸N750 */ .plzort { display: grid; grid-template-columns: var(--ts-fb-m) 1fr; gap: 6px; } /* ▸N751 §801 */ /* ▸N752 */ .tspro-ui .ma-tabs, .es-wrap .ma-tabs, .ts-dlg .ma-tabs { display: flex; gap: 6px; margin-bottom: 14px; flex-wrap: wrap; } .tspro-ui .ma-tab, .es-wrap .ma-tab, .ts-dlg .ma-tab { height: var(--ds-zeile); padding: 0 14px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); font: inherit; font-size: 13px; cursor: pointer; } /* ▸N753 */ .es-wrap .opt-progress, .tspro-ui .opt-progress { display: none; height: 4px; border-radius: 2px; overflow: hidden; background: var(--ts-trenn); position: relative; margin-top: 4px; } .es-wrap .opt-progress::before, .tspro-ui .opt-progress::before { content: ''; position: absolute; left: -40%; top: 0; bottom: 0; width: 40%; background: var(--ts-akzent); border-radius: 2px; animation: ts-prog 1.1s linear infinite; } @keyframes ts-prog { to { left: 100%; } } /* ▸N754 */ .tspro-ui .obtn::before, .es-wrap .obtn::before { line-height: 1; } .tspro-ui .obtn::before, .es-wrap .obtn::before, .art-wrap .obtn::before { margin-right: 0; } /* ▸N756 */ #o_letzte::before { content: "\01F558"; } /* 🗂 Kategorie */ #o_zusfassung::before { content: "\01F4CA"; } /* 📊 Zusammenfassung (wartungsvertraege) */ #b_neg::before { content: "\0026A0"; } /* ⚠ Negativer Bestand (lager) */ #b_ohne::before { content: "\01F4B6"; } /* 💶 Bestand ohne Preis (lager) */ #tab_mahnlauf::before { content: "\01F4CB"; } /* 📋 Mahnlauf (mahnwesen) */ #tab_mahnungen::before { content: "\0025A4"; } /* ▤ Mahnungen (mahnwesen) */ #dv-a-html::before { content: "\01F5A8"; } /* 🖨 Druck ohne Briefpapier (druckvorlagen) */ #dv-a-pdf0::before { content: "\01F4C4"; } /* 📄 PDF ohne Briefpapier */ #dv-a-pdf1::before { content: "\01F4D1"; } /* 📑 PDF mit Briefpapier */ #lgp_we::before { content: "\0025A4"; } /* ▤ Lagerprotokoll: dieser Wareneingang */ #lgp_art::before { content: "\0025A4"; } /* 🧾 monatsabschluss: DATEV */ /* ▸N758 */ /* ✕ Abbrechen / Schliessen */ #ass_ab::before, #au_tab::before, #bi_ab::before, #bm_ab::before, #dtv_abbr::before, #dve_zu::before, #hp_ab::before, #hs_ab::before, #kd_ab::before, #kp_ab::before, #ks_ab::before, #lb_zu::before, #lfb_ab::before, #ls_ab::before, #ma_ab::before, #msg_abbr::before, #nf_ab::before, #pdfv_abbr::before, #pid_close::before, #rma_ab::before, #rw_ab::before, #sn_close::before, #wa_ab::before, #wb_ab::before, #zs_zu::before { content: "\002715"; } /* ✓ Bestaetigen / OK / Uebernehmen */ #bm_ok::before, #hp_ok::before, #hs_ok::before, #kd_ok::before, #kp_ok::before, #lb_ok::before, #lfb_ok::before, #ls_ok::before, #ma_ok::before, #msg_ok::before, #nf_ok::before, #pdfv_ok::before, #wa_ok::before, #wb_ok::before { content: "\002713"; } /* ⊘ Verzicht: kein / keine / ohne ... weiter */ #ass_ohne::before, #ass_pohne::before, #hp_kein::before, #kp_kein::before, #nf_kein::before, #rma_wohne::before { content: "\002298"; } /* 🗑 Entfernen */ #ma_usig_weg::before, #rw_clear::before { content: "\01F5D1"; } /* ＋ Hinzufuegen / Zuordnen */ #pid_add::before, #sn_add::before { content: "\00FF0B"; } /* 🔍 Filterauswahl (warenbedarf) */ #bi_art::before, #bi_lief::before, #bi_zeit::before { content: "\01F50D"; } /* ▸N759 */ #dtv_go::before { content: "\002B07"; } /* ⬇ DATEV-Export ausfuehren */ #ma_usig_wahl::before { content: "\01F5BC"; } /* 🖼 Bild waehlen */ #o_as_vorschau::before { content: "\01F441"; } /* 👁 Anschreiben-Vorschau (§2482) */ #o_as_ausblenden::before { content: "\01F6AB"; } /* 🚫 Empfaenger aus-/einblenden (§2482) */ #o_as_senden::before { content: "\002709"; } /* ✉ Ausgewaehlte senden (§2482) */ #o_as_anlegen::before { content: "\00271A"; } /* ✚ Stammsatz aus Absender anlegen — Kreis E-Mail-Umstellung (§2520) */ #o_as_erledigt::before { content: "\002713"; } /* ✓ Anbieter ohne Stammsatz als umgestellt abhaken (§2520) */ #o_as_zuordnen::before { content: "\01F517"; } /* 🔗 Absender dem vorgeschlagenen Stammsatz zuordnen (§2521) */ #o_as_wahl_kd::before { content: "\01F464"; } /* 👤 Kunde waehlen (§2522) */ #o_as_wahl_lf::before { content: "\01F3ED"; } /* 🏭 Lieferant waehlen (§2522) */ #o_as_art::before { content: "\21C4"; } #o_as_pm::before { content: "\01F511"; } #o_as_vervollst::before { content: "\2728"; } /* ✨ Stammsatz vervollstaendigen (§2606, wie Lieferantenmaske) */ /* 🔑 Passwortmanager-Dialog, getrennt von Umgestellt (§2605) */ /* ⇄ Absender auf die andere Seite (Kunden <-> Lieferanten), §2570 */ .ts-dlg.as #as_tab .as-vorschlag { color: var(--ts-akzent); font-style: normal; } /* §2521 Zuordnungsvorschlag in der Status-Spalte der grauen Zeile */ .ts-dlg.as #as_tab .as-vorschlag.as-unsicher { color: var(--ts-pos-grau); } /* unter 7 Punkten: grau, Joerg prueft */ /* §2528 Dialog "Stammsatz anlegen" (KI-Vervollstaendigung): Feldzeilen wie die Kundeninfo, Quelle klein rechts neben dem Feld */ .ts-dlg-box .as-anlegen { display: flex; flex-direction: column; gap: 6px; } /* §2574 (Messbild sc_anschreiben_kunden, Stammsatz anlegen): 11 Zeilen in Stufe mittel (Hoehe 520) — Web/Beschreibung/Quellen nur per Scrollen; Fenster hoch wie Stufe gross, Feldabstand ohne den globalen margin-top 8px der Dialogfelder (Raster mit gap genuegt) */ .ts-dlg-box:has(.as-anlegen) { height: auto; } /* §2574/§2577: Hoehe nach Inhalt (Kunde 8, Lieferant 9 Felder) — kein Leerraum */ .ts-dlg-box .b:has(> .as-anlegen) { display: flex; flex-direction: column; } .ts-dlg-box .b > .as-anlegen { flex: 1 1 auto; } .ts-dlg-box .as-anlegen > .klein:last-child { margin-top: auto; padding-top: var(--ds-l); } /* §2577 (Joerg): Quellen-/Statuszeile unten direkt ueber der Knopfleiste, nicht zwischen den Feldern */ .ts-dlg-box .as-anlegen .fz input.v { margin-top: 0; } .ts-dlg-box .as-anlegen .fz { display: grid; grid-template-columns: var(--fb-170) minmax(0, 1fr) var(--fb-90); align-items: center; gap: var(--ds-s); } .ts-dlg-box .as-anlegen .fz label { color: var(--ts-gedaempft); } .ts-dlg-box .as-anlegen textarea.v { grid-column: 2 / 4; } /* §2722 FENSTER-BAUSTEINE (K-423) — EINE Gestaltung fuer alle Fenster: Abschnitt mit Linie, Bloecke (Kacheln) nach Bedeutung, Feld mit Beschriftung darueber, Haken in Feldhoehe, Raster mit gleich breiten Spalten (--fen-sp). Erstnutzung: Vorgangsregel-Fenster, Umstellungs-Fenster. */ :is(.ts-dlg-box, .bc-main) .fen-bloecke { display: grid; grid-template-columns: repeat(var(--fen-sp, 3), minmax(0, 1fr)); gap: var(--ts-kachel-gap); align-items: stretch; } /* §2723 K-381(6): Kacheln einer Reihe gleich hoch, Abstand wie Masken */ :is(.ts-dlg-box, .bc-main) .fen-bloecke.sp1 { grid-template-columns: minmax(0, 1fr); } :is(.ts-dlg-box, .bc-main) .fen-bloecke.sp2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } :is(.ts-dlg-box, .bc-main) .fen-bloecke.sp3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } :is(.ts-dlg-box, .bc-main) .fen-bloecke.sp4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } :is(.ts-dlg-box, .bc-main) .fen-bloecke.sp5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } /* Spaltenzahl per Klasse, kein Inline-Stil */ :is(.ts-dlg-box, .bc-main) .fen { display: flex; flex-direction: column; gap: var(--ts-kachel-gap); height: 100%; min-height: 0; } :is(.ts-dlg-box, .bc-main) .fen-form { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: 8px; row-gap: var(--fz-zeilen-gap); align-items: center; align-content: start; } :is(.ts-dlg-box, .bc-main) .b .fen-form input, :is(.ts-dlg-box, .bc-main) .b .fen-form select, :is(.ts-dlg-box, .bc-main) .b .fen-form textarea, :is(.ts-dlg-box, .bc-main) .b .fen-ck input, :is(.ts-dlg-box, .bc-main) .b .fen-ck select { margin-top: 0; } /* §2771: auch fen-ck-Reihen (Reservierungsfenster: Felder 4 px tiefer als Beschriftung/Knopf gemessen) */ /* §2727 Grundregel .b input margin-top 8 verschob Feld gegen Beschriftung (Messbild Passwortmanager/Vorgangsregeln) */ /* §2733 GEMEINSAME BESCHRIFTUNGSSPALTE fuer untereinander liegende Kacheln (Messung Zahlungsempfaenger: Felder begannen je Kachel an anderer Stelle): .fen.gitter-gemeinsam ist EIN Gitter (Beschriftung max-content | Feld | Zusatz); Kacheln, Formulare und Zeilen reichen es per subgrid durch. */ :is(.ts-dlg-box, .bc-main) .fen.gitter-gemeinsam { display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; column-gap: 8px; row-gap: var(--ts-kachel-gap); align-content: start; } :is(.ts-dlg-box, .bc-main) .fen.gitter-gemeinsam > * { grid-column: 1 / -1; } :is(.ts-dlg-box, .bc-main) .fen.gitter-gemeinsam > .fen-block { display: grid; grid-template-columns: subgrid; row-gap: var(--ds-s); } :is(.ts-dlg-box, .bc-main) .fen.gitter-gemeinsam > .fen-block > * { grid-column: 1 / -1; } :is(.ts-dlg-box, .bc-main) .fen.gitter-gemeinsam > .fen-block > .fen-form.fz-gitter { grid-template-columns: subgrid; } /* §2728 fz-gitter (Fenster-Inventur, Umbau ohne Eingriff in die Feldlogik): vorhandene .fz-Zeilen (label + Feld [+ Zusatz]) werden Zeilen EINES Gitters — Spalten: Beschriftung (max-content, gemessen) | Feld | Zusatz (auto); jede .fz ist subgrid ueber alle drei Spalten. Andere Kinder (Hinweise, Gruppen) volle Breite. */ :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter { display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; column-gap: 8px; row-gap: var(--fz-zeilen-gap); align-items: center; align-content: start; } :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; margin: 0; gap: inherit; } :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > :not(.fz) { grid-column: 1 / -1; } :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz > label { text-align: left; color: var(--ts-gedaempft); font-weight: 600; white-space: nowrap; } :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz:has(> textarea) > label, :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz:has(> .ta-stack) > label { align-self: start; padding-top: 6px; } :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz > :nth-child(2) { grid-column: 2; min-width: 0; } :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz > :nth-child(n+3) { grid-column: 3; } :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz > input[type=checkbox], :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz > button, :is(.ts-dlg-box, .bc-main) .fen-form > button { justify-self: start; width: auto; } /* §2729 Knoepfe im Gitter in natuerlicher Breite, linksbuendig */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-liste { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 2px; } /* §2728 Auswahlliste in einer Kachel (Radio/Haken je Zeile), fuellt und scrollt in sich */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-li { display: flex; align-items: flex-start; gap: var(--ds-s); padding: 4px 6px; border-radius: 4px; cursor: pointer; color: var(--ds-tinte); font-weight: 400; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-li:hover { background: var(--ds-auswahl); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-li.sel { background: var(--ds-auswahl); box-shadow: inset 0 0 0 1px var(--ts-akzent); } /* §3023 markierte Zeile im Vorgangs-Assistenten (Zeile markieren, Knopf unten — K-415) */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-li.sel .as-li-t { font-weight: 700; } /* §3026 Assistent-Zeile einzeilig: Schritt links (fuellt), Ort/Art rechts in Normaltinte (Lint Kontrast 4.5 bei gedaempfter Tinte auf Auswahlgrund) */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-li > .as-li-t { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-li > .as-li-wo { flex: 0 1 60%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; color: var(--ds-tinte); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-li:has(.as-li-t) { align-items: center; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-li > input { margin-top: 2px; flex: none; } /* ══ §3732 / K-433 BAUSTEINE „VERZEICHNIS, PILLE, CHIP, KETTE, SYMBOL“ (Jörg 28.10. 07:13: „Designklassifizierung, damit wir das überall einheitlich nutzen können“) — Schicht bausteine, Geltung wie fen-*; Module tragen KEINE eigenen Fassungen (K-353) ══ fen-baum Inhaltsverzeichnis in einer fen-liste: .kap Kapitel (Versalien, Trennlinie), .e2 zweite Ebene, .e3 dritte Ebene, .alle Kopfzeile ohne Linie; Zähler = .as-li-wo als Pille; Wahl = Akzentbalken links + Fläche; .aus = ausgeblendet tc-ampel Kennzeichen-Pille (Art, Typ, Status) — Regel §3478-Block, Geltung dort um .bc-main erweitert chip klickbarer Verweis „Name · Zusatz“, optional mit Knopf (obtn) darin; .chip-z = Zusatz gedämpft kette Beziehungszeile „BEZIEHUNG → [chip] [chip]“: .kette-b Beschriftung, .kette-p Pfeil, .kette-z Ziele; Sammler .ketten qsyms/qsym Quellen-/Herstellersymbole in gleich großen Kästchen (16 px; .gross 20 px), ohne Bild der Anfangsbuchstabe; .q-on/.q-off Online-Punkt fen-block-u Unterzeile unter dem Kacheltitel (Pillen, Pfad, Symbole) — umbricht, Kachel rollt fen-abschnitt Zwischentitel in einer Kachel (Versalien, Linie), .tc-stand rechts fen-tabs Reiterzeile IN einer Kachel (ma-tab-Knöpfe, rechts optional ein chip), darunter .fen-tab = Tafel, die die Kachel bis unten füllt und in sich rollt; nur die aktive Tafel sichtbar ([hidden]) — §3734 kw-wert gerendertes Kennwort (code) in Knopfhöhe statt des 🔑-Knopfs, .ein = Startzustand der Einblendung (Transition), .kw-klein = Chip-Fassung (auch am obtn) — §3734 */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li { border-radius: 0; padding: 0 var(--ds-s) 0 var(--ds-m); min-height: var(--ds-zeile); box-shadow: inset 3px 0 0 transparent; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.sel { background: var(--ts-flaeche); box-shadow: inset 3px 0 0 var(--ts-akzent); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.kap { margin-top: var(--ds-s); padding-top: var(--ds-xs); border-top: 1px solid var(--ts-line); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.kap > .as-li-t { font-size: var(--ds-fs-hinweis); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ts-gedaempft); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.kap.sel > .as-li-t, :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.kap:hover > .as-li-t { color: var(--ts-ink); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.alle { margin-top: 0; border-top: 0; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.alle > .as-li-t { text-transform: none; letter-spacing: 0; font-size: inherit; color: var(--ts-ink); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.e2 { padding-left: calc(var(--ds-m) + var(--nw-einzug) / 2); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.e2 > .as-li-t { font-weight: 600; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.e3 { padding-left: calc(var(--ds-m) + var(--nw-einzug)); } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.aus > .as-li-t { color: var(--ts-gedaempft); } /* §4438 kein Durchstreichen */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.e4 { padding-left: calc(var(--ds-m) + var(--nw-einzug) * 1.5); } /* §4334 vierte Ebene (Postfachordner Haupt › Partner › Jahr › Gruppe) */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.neu > .as-li-t { font-style: italic; color: var(--ts-akzent); } /* §4334 noch nicht vorhandener Ordner (entsteht beim Ablegen) */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li > .as-li-wo { flex: 0 0 auto; min-width: 26px; padding: 0 7px; border-radius: 10px; background: var(--ts-flaeche); color: var(--ts-gedaempft); font-size: var(--ds-fs-hinweis); font-weight: 600; line-height: 18px; text-align: center; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-baum > .fen-li.sel > .as-li-wo { background: var(--ts-akzent); color: var(--ts-sec-fg); } :is(.ts-dlg-box, .bc-main, .m-reparatur .rp-kopf-zeile) .chip { display: inline-flex; align-items: center; gap: 6px; max-width: 260px; height: 24px; padding: 0 8px; border: 1px solid var(--ts-line); border-radius: 12px; background: var(--ts-panel-bg); color: var(--ts-ink); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } :is(.ts-dlg-box, .bc-main, .m-reparatur .rp-kopf-zeile) .chip:hover { border-color: var(--ts-akzent); color: var(--ts-akzent-dark); } :is(.ts-dlg-box, .bc-main) .chip > .chip-z { color: var(--ts-gedaempft); font-size: var(--ds-fs-hinweis); } :is(.ts-dlg-box, .bc-main) .chip > .obtn { height: var(--ts-btn-h-mini); line-height: calc(var(--ts-btn-h-mini) - 2px); padding: 0 6px; font-size: var(--ds-fs-hinweis); } /* §3734 KNOPFMASS §722: Token statt 18 px (Prüfer-Befund 28.10.) */ :is(.ts-dlg-box, .bc-main) .ketten { display: flex; flex-direction: column; gap: var(--ds-xs); padding-top: var(--ds-s); } :is(.ts-dlg-box, .bc-main) .kette { display: grid; grid-template-columns: 150px 16px minmax(0, 1fr); /* §3734 gemessen 28.10.: „ANGESCHLOSSEN AN“ (Versalien, 11 px, .04em) wurde bei 120 px gekürzt */ align-items: center; column-gap: var(--ds-xs); min-height: var(--ds-zeile); } :is(.ts-dlg-box, .bc-main) .kette-b { color: var(--ts-gedaempft); font-weight: 600; font-size: var(--ds-fs-hinweis); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(.ts-dlg-box, .bc-main) .kette-p { color: var(--ts-gedaempft); text-align: center; } :is(.ts-dlg-box, .bc-main) .kette-z { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--chip-sp), 1fr)); gap: var(--ds-xs); min-width: 0; } /* §3734 Chips sortiert in gleicher Breite (Jörg 28.10.): Raster statt Fließsatz */ :is(.ts-dlg-box, .bc-main) .kette-z > .chip { max-width: none; width: 100%; min-width: 0; box-sizing: border-box; } :is(.ts-dlg-box, .bc-main) .chip > span:first-child { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; } :is(.ts-dlg-box, .bc-main) .chip > .chip-z { flex: 0 0 auto; } :is(.ts-dlg-box, .bc-main) .qsyms { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; } :is(.ts-dlg-box, .bc-main) .qsym { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 3px; border: 1px solid var(--ts-line); background: var(--ts-panel-bg); overflow: hidden; } :is(.ts-dlg-box, .bc-main) .qsym > img { width: 100%; height: 100%; object-fit: contain; } :is(.ts-dlg-box, .bc-main) .qsym > b { font-size: 10px; line-height: 1; color: var(--ts-gedaempft); } :is(.ts-dlg-box, .bc-main) .qsyms.gross .qsym { width: 20px; height: 20px; } :is(.ts-dlg-box, .bc-main) .qsyms.gross .qsym > b { font-size: 12px; } :is(.ts-dlg-box, .bc-main) .q-on { color: var(--ts-meld-ok-fg); font-size: 10px; } :is(.ts-dlg-box, .bc-main) .q-off { color: var(--ts-line); font-size: 10px; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-block-u { display: flex; align-items: center; gap: var(--ds-s); flex-wrap: nowrap; height: var(--ds-zeile); flex: 0 0 auto; color: var(--ts-gedaempft); font-size: var(--ds-fs-hinweis); white-space: nowrap; overflow: hidden; min-width: 0; } /* §3733 EINZEILIG (K-426): gemessen 28.10. — dreizeilig umgebrochen, Formular lag darüber */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-block-u > span { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-block-t.einzeilig { display: flex; align-items: baseline; gap: var(--ds-m); min-width: 0; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-block-t.einzeilig > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } :is(.ts-dlg-box, .bc-main) .fen-abschnitt { font-size: var(--ds-fs-hinweis); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ts-gedaempft); padding-top: var(--ds-s); border-bottom: 1px solid var(--ts-line); } :is(.ts-dlg-box, .bc-main) .fen-abschnitt .tc-stand { float: right; text-transform: none; letter-spacing: 0; font-weight: 400; } :is(.ts-dlg-box, .bc-main) .fen-leer { color: var(--ts-gedaempft); padding-top: var(--ds-s); } /* §3734 Reiter in der Kachel + Tafel füllt (Jörg 28.10. 07:37: „nicht nebeneinander, sondern in Tabs … Kinderkacheln bis zum unteren Bereich“) */ :is(.ts-dlg-box, .bc-main) .fen-tabs { display: flex; align-items: center; gap: var(--ds-xs); flex: 0 0 auto; margin: 0; padding-bottom: var(--ds-xs); border-bottom: 1px solid var(--ts-line); } :is(.ts-dlg-box, .bc-main) .fen-tabs > .ma-tab { display: inline-flex; align-items: center; gap: var(--ds-xs); height: var(--ds-zeile); padding: 0 12px; } :is(.ts-dlg-box, .bc-main) .fen-tabs > .ma-tab:disabled { opacity: .5; cursor: default; } :is(.ts-dlg-box, .bc-main) .fen-tabs > .ma-tab > .as-li-wo { min-width: 22px; padding: 0 6px; border-radius: 9px; background: var(--ts-flaeche); color: var(--ts-gedaempft); font-size: var(--ds-fs-hinweis); font-weight: 600; line-height: 16px; text-align: center; } :is(.ts-dlg-box, .bc-main) .fen-tabs > .ma-tab.active > .as-li-wo { background: var(--ts-sec-fg); color: var(--ts-akzent); } :is(.ts-dlg-box, .bc-main) .fen-tabs > .chip { margin-left: auto; } :is(.ts-dlg-box, .bc-main) .fen-tab { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; } :is(.ts-dlg-box, .bc-main) .fen-tab[hidden] { display: none; } :is(.ts-dlg-box, .bc-main) .fen-tab > .fen-form.fz-gitter { align-content: start; } :is(.ts-dlg-box, .bc-main) .fen-tab > .ketten { padding-top: var(--ds-xs); } /* §3734 Kennwort: Knopf in Knopfhöhe als Feld, Wert blendet an derselben Stelle ein; Chip-Fassung (kw-klein) nur Schlüssel */ :is(.ts-dlg-box, .bc-main) .obtn.kw-laedt { opacity: .55; } :is(.ts-dlg-box, .bc-main) .kw-wert { display: inline-flex; align-items: center; height: var(--ts-btn-h); padding: 0 10px; border: 1px solid var(--ts-line); border-radius: 6px; background: var(--ts-flaeche); font-family: var(--ts-mono); font-size: 13px; letter-spacing: .04em; color: var(--ts-ink); cursor: copy; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; justify-self: start; opacity: 1; transform: none; transition: opacity .22s ease, transform .22s ease; } :is(.ts-dlg-box, .bc-main) .kw-wert.ein { opacity: 0; transform: translateY(-4px); } :is(.ts-dlg-box, .bc-main) .chip > .obtn.kw-klein { width: var(--ts-btn-h-mini); padding: 0; justify-content: center; margin-left: auto; flex: 0 0 auto; } :is(.ts-dlg-box, .bc-main) .chip > .kw-wert { height: var(--ts-btn-h-mini); padding: 0 5px; font-size: var(--ds-fs-hinweis); margin-left: auto; flex: 0 0 auto; max-width: 60%; } :is(.ts-dlg-box, .bc-main) .chip:has(> .kw-wert) > .chip-z { display: none; } /* gemessen 28.10.: mit Wert UND Art blieb dem Namen „Acr…“ — die Art weicht dem Wert, der Name bleibt lesbar */ :is(.ts-dlg-box, .bc-main) .pflicht { color: var(--ts-meld-err-fg); } .ts-dlg-box .as-tresor #as_tr_liste { flex: 1 1 auto; max-height: none; min-height: 0; overflow: auto; } /* §2728 Trefferliste fuellt die Kachel (war max-height 260) */ .ts-dlg-box .as-tresor .fen-form.fz-gitter { grid-template-columns: var(--fb-170) minmax(0, 1fr) auto; } /* §2733 beide Kacheln eine Flucht (Liste fuellt per Flex — kein gemeinsames Gitter moeglich) */ .ts-dlg-box .as-tresor .as-tr-neu { display: flex; justify-content: flex-start; } :is(.ts-dlg-box, .bc-main) .fen-form.fz-gitter > .fz > textarea.v { width: 100%; grid-column: 2 / -1; } :is(.ts-dlg-box, .bc-main) .fen-form > label { text-align: left; color: var(--ts-gedaempft); font-weight: 600; white-space: nowrap; } :is(.ts-dlg-box, .bc-main) .fen-form > label.oben { align-self: start; padding-top: 6px; } /* Beschriftung neben mehrzeiligem Feld oben */ :is(.ts-dlg-box, .bc-main) .fen-form > .voll { grid-column: 1 / -1; } :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-block.fuellt { flex: 1 1 auto; min-height: 0; } :is(.ts-dlg-box, .bc-main) .fen-bloecke.fuellt { flex: 1 1 auto; min-height: 0; } /* §2726 ganze Kachelreihe nimmt die Resthoehe */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-block > .v.ro.fuellt { flex: 1 1 auto; min-height: var(--fz-text-2z); height: auto; white-space: pre-wrap; overflow: auto; align-items: flex-start; padding-top: var(--fz-text-pad); } /* §2727 Lesefeld fuellt die Kachel (Notiz) */ :is(.ts-dlg-box, .bc-main, .mw.wz) .fen-block > textarea.v.fuellt { flex: 1 1 auto; min-height: var(--fz-text-2z); height: auto; width: 100%; } /* Textfeld direkt in der Kachel (Titel genuegt als Beschriftung) */ /* §2724 Kachel nimmt die Resthoehe der festen Fensterstufe */ :is(.ts-dlg-box, .bc-main) .fen-form.fuellt { flex: 1 1 auto; min-height: 0; grid-template-rows: minmax(0, 1fr); grid-auto-rows: auto; } /* erste Zeile waechst, die anderen bleiben */ :is(.ts-dlg-box, .bc-main) .fen-form > textarea.v.fuellt { height: 100%; min-height: var(--fz-text-2z); } :is(.ts-dlg-box, .bc-main) .fen-form > .v.ro { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(.ts-dlg-box, .bc-main) .fen-form > textarea.v { width: 100%; } :is(.ts-dlg-box, .bc-main) .fen-form > .fb-nummer, :is(.ts-dlg-box, .bc-main) .fen-form > .fb-auswahl, :is(.ts-dlg-box, .bc-main) .fen-form > .fb-datum { justify-self: start; } :is(.ts-dlg-box, .bc-main) .fen-form .fen-ck { gap: var(--ds-l); } :is(.ts-dlg-box, .bc-main) .fen-ck > .v { flex: 0 0 auto; } :is(.ts-dlg-box, .bc-main) .fen-ck > .v.fuellt { flex: 1 1 auto; min-width: 0; } /* §3414 Feld fuellt die Reihe neben einem Knopf (Mail-Editor: An + Cc/Bcc-Schalter) */ /* §2752 Felder in einer fen-ck-Reihe behalten ihre Leiterbreite (fb-uhr 62, fb-km 80) — gemessen gezogen */ :is(.ts-dlg-box, .bc-main) .fen-ck > label { display: inline-flex; align-items: center; gap: 6px; color: var(--ds-tinte); font-weight: 400; cursor: pointer; white-space: nowrap; } :is(.ts-dlg-box, .bc-main, .mw.wz, .m-ecodms) .fen-block { border: var(--ds-rahmen) solid var(--ds-trennlinie); border-radius: var(--ds-radius); padding: var(--ds-s) var(--ds-m) var(--ds-m); display: flex; flex-direction: column; gap: var(--ds-s); background: var(--ds-flaeche); } /* §4372: auch im Bereich ecoDMS (Klassifizierung) — dieselbe Kachel statt eigener Überschriftenform */ :is(.ts-dlg-box, .bc-main, .mw.wz, .m-ecodms) .fen-block-t { font-weight: 700; padding-bottom: var(--ds-xs); border-bottom: var(--ds-rahmen) solid var(--ds-trennlinie); } :is(.ts-dlg-box, .bc-main, .mw.wz, .m-ecodms) .fen-block-t > .ts-status-txt { font-weight: 400; margin-left: var(--ds-s); } :is(.ts-dlg-box, .bc-main) .fen-ck { display: flex; align-items: center; gap: var(--ds-s); height: var(--ds-feld); } :is(.ts-dlg-box, .bc-main) .fen-raster { display: grid; grid-template-columns: repeat(var(--fen-sp, 3), minmax(0, 1fr)); gap: var(--ds-xs) var(--ds-l); } :is(.ts-dlg-box, .bc-main) .fen-block-fuss { display: flex; justify-content: flex-end; gap: var(--ts-btn-gap); margin-top: auto; padding-top: var(--ds-s); border-top: var(--ds-rahmen) solid var(--ds-trennlinie); } /* DFA §4307 (K-435): Knöpfe IM Kachelfuß — iLO-Unterreiter, allgemein für jede fen-block mit Aktionen */ :is(.ts-dlg-box, .bc-main) .fen-block-fuss .obtn { width: auto; } :is(.ts-dlg-box, .bc-main) .fen-raster.sp2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } :is(.ts-dlg-box, .bc-main) .fen-raster > label { display: flex; align-items: center; gap: var(--ds-s); color: var(--ds-tinte); font-weight: 400; white-space: nowrap; cursor: pointer; min-height: var(--ds-feld); } /* §2720 Vorgangsregel-Fenster: EIN Raster — Beschriftung 130 px rechtsbuendig | Feld bis zur rechten Kante (keine leere 3. Spalte), Abschnitte als Linie, Einstellungen zweispaltig (kurze Werte = kurze Felder) */ .ts-dlg-box .as-anlegen .fz.as-tr { grid-template-columns: 28px minmax(0, 1fr); } /* §2535 Tresor-Treffer im Umstellen-Dialog: Haken + Eintrag */ .ts-dlg-box .as-anlegen .fz.as-tr label { text-align: center; } .ts-dlg-box .as-anlegen .fz.as-tr-unter { grid-template-columns: 28px max-content minmax(0, 1fr); } /* §2729 Unterzeile eines Treffers (Neuer Titel): eingerueckt unter den Eintrag, Beschriftung linksbuendig, Feld bis zur rechten Kante */ .ts-dlg-box .as-anlegen .fz.as-tr-unter > label { text-align: left; color: var(--ts-gedaempft); font-weight: 600; } .ts-dlg-box .as-anlegen .as-gruppe { font-weight: 700; text-transform: uppercase; letter-spacing: .03em; margin-top: 6px; } /* §2540 Gruppen Passwortmanager / Lesezeichen */ /* §2691 Umstellungs-Verlauf (Partnerliste, Doppelklick) — eigener Aufbau, Stufe weit; nichts aus .as-anlegen/.fz erben */ .ts-dlg-box .as-vl .as-vl-verlauf { flex: 1 1 auto; min-height: 0; } /* §2723 Kachel Verlauf fuellt den Rest; .fen liefert Spalte + Kachelabstand */ .ts-dlg-box .as-vl-neu { display: grid; grid-template-columns: var(--fb-120) minmax(0, 1fr) auto auto; /* §2696 + Anhang-Knopf */ gap: var(--ds-s); align-items: center; } .ts-dlg-box .as-vl .as-verlauf { flex: 1 1 auto; min-height: 0; } .ts-dlg-box .as-vl .as-verlauf table { table-layout: fixed; width: 100%; } .ts-dlg-box .as-vl .as-verlauf td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ts-dlg-box .as-vl .as-vl-d { width: 100px; } .ts-dlg-box .as-vl .as-vl-w { width: 130px; } .ts-dlg-box .as-vl .as-verlauf tbody tr[data-vid] { cursor: pointer; } /* §2699 Zeile markieren, Knoepfe unten */ .ts-dlg-box .as-vl .as-verlauf tbody tr.sel > td { background: var(--ds-auswahl); } .ts-dlg-box .as-anlegen #as_tr_liste { max-height: var(--dlg-liste-h); overflow: auto; display: flex; flex-direction: column; gap: 4px; } .ts-dlg-box .as-anlegen .as-tr-z { display: flex; gap: 6px; align-items: center; min-width: 0; white-space: nowrap; overflow: hidden; } /* §2541 Treffer-Zeile: Titel · Benutzer · Domain · Ordner, Links rechts */ .ts-dlg-box .as-anlegen .as-tr-links { margin-left: auto; display: flex; gap: 10px; flex: 0 0 auto; } /* §3469 (Joerg 24.10.): keine helle/kursive Sonderdarstellung für Anbieter ohne Stammsatz und keine graue Schrift für umgestellte — alle Zeilen gleich, der Stand steht in der Spalte Stand */ /* §3465 kein Durchstreichen mehr bei umgestellten Anbietern ohne Stammsatz — Stand zeigt „✓ umgestellt Datum“ wie bei Lieferanten */ .ts-dlg.as #as_tab .as-erledigt { color: var(--ts-ok); font-weight: 600; } #ls_anderer::before { content: "\01F504"; } /* 🔄 Anderer Lieferant */ #bi_reset::before { content: "\0021BA"; } /* ↺ Filter loeschen */ #bi_kompl::before { content: "\0023F3"; } /* ⏳ nur offene */ #bcb_auf::before { content: "\0025BE"; } /* ▾ Alle ausklappen */ #bcb_zu::before { content: "\0025B8"; } /* ▸ Alle einklappen */ /* §4170: .obtn.sn-del / .obtn.pid-del (🗑 vor Seriennummer/ProduktID entfernen) entfernt — Knöpfe der alten RMA-Zuordnung, seit §4106 ohne Markup (Aufrufgraph: Waise) */ /* ▸N760 */ /* ▸N761 */ /* ▸N762 */ /* ▸N763 */ /* ▸N764 */ /* ▸N765 */ /* ▸N766 */ /* ▸N767 */ /* ▸N768 */ #pd_abbr::before, #eg_abbr::before, #pb_abbr::before, #as-cancel::before, #ts-dlg-cancel::before, #as_ab::before, #st_ab::before, #vs_ab::before, #ed_cancel::before, #kte_cancel::before, #te_cancel::before, #a_close::before, #ovl_close::before { content: "\002715"; } /* 💾 Speichern */ #pd_save::before, #eg_save::before, #pb_save::before, #ed_save::before, #kte_save::before, #te_save::before { content: "\01F4BE"; } /* ✓ Bestaetigen / OK / Uebernehmen / Verstanden */ #as-ok::before, #ts-dlg-ok::before, #as_ok::before, #st_ok::before, #vs_ok::before, #zf_ok::before, #rma_uebernehmen::before { content: "\002713"; } /* 🔍 Suche ausloesen */ #such_btn::before, #s_go::before { content: "\01F50D"; } /* ☑ Alle / Keine auswaehlen (bibliothek Werte-Popup) */ #tv_all::before { content: "\002611"; } #tv_none::before { content: "\002610"; } /* 🧪 API- / Mail-Testlaeufe (einstellungen) */ #es-brandfetchtest::before, #es-ecotest::before, #es-googletest::before, #es-kitest::before { content: "\01F9EA"; } #es-mailtest::before { content: "\002709"; } /* ℹ Info- / Auswahl-Knoepfe an Kopffeldern */ #f_kunde_info::before, #f_lief_info::before, #f_rma_info::before, #fs_info::before { content: "\002139"; } #f_rma_wahl::before { content: "\01F50D"; } /* ⚙ Werkzeug-Buttons */ #a_namebtn::before, #eco_datfix::before { content: "\002699"; } /* ▸N769 §679t §679o */ /* 👁 Vorschau */ #po_vs::before { content: "\01F441"; } /* ▸N772 */ .tspro-ui .obtn[data-ecdel]::before { content: "\01F5D1"; } /* ▸N777 */ /* ▸N778 */ .tspro-ui .lg-apply { width: 26px; height: var(--such-btn-h); padding: 0; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ink); font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } /* ▸N779 */ #m-wiz.mbg,.kt-dlg-hg,.ts-memo-ov { font-family: var(--ts-font); color: var(--ts-ink); } /* ▸N780 */ /* ▸N781 */ [class*="-ovl"] > [class*="-box"] > [class$="-head"]:not(.fil-sec-head):not(.opt-head):not(.da-head), [class*="-ov"] > [class*="-box"] > [class$="-head"]:not(.fil-sec-head):not(.opt-head):not(.da-head), [class*="-dlg"] > [class*="-box"] > [class$="-head"]:not(.fil-sec-head):not(.opt-head):not(.da-head) { background: var(--ts-ink); color: var(--ts-sec-fg); padding: var(--ts-head-pad); font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); letter-spacing: var(--ts-head-ls); display: flex; align-items: center; justify-content: space-between; gap: 12px; } /* ▸N782 */ [class$="-head"] [class$="-x"], [class$="-head"] button[class*="-x"] { background: transparent; border: 0; color: var(--ts-sec-fg); font-size: 20px; line-height: 1; cursor: pointer; padding: 0 4px; opacity: .8; width: auto; height: auto; border-radius: 0; } /* ▸N783 */ .ts-dlg-box.tsmd-box { width: min(var(--dlg-w-breit), 94vw); max-width: min(var(--dlg-w-breit), 94vw); } /* §1595b (Joerg): Mail-Dialog Stufe breit 900 (vorher schmal 480) — der Dialog IST die Vorschau */ .ts-dlg-box.tsmd-box .tsmd-body { width: 100%; height: var(--tsmd-body-h); border: 1px solid var(--ds-trennlinie); background: var(--ts-panel-bg); display: block; box-sizing: border-box; } /* §1595c: Nachricht + Signatur als EINE Flaeche */ /* ▸N784 */ .ts-dlg .tsmd-lbl, .ts-dlg-box .tsmd-lbl { display: block; font-size: 12px; font-weight: 700; color: var(--ts-ink); margin: var(--ds-m) 0 3px; } .ts-dlg .tsmd-lbl:first-child, .ts-dlg-box .tsmd-lbl:first-child { margin-top: 0; } .ts-dlg .tsmd-in, .ts-dlg-box .tsmd-in { display: block; width: 100%; padding: var(--ds-s); border: 1px solid var(--ts-panel-bd); border-radius: 6px; font-size: 13px; font-family: inherit; box-sizing: border-box; } /* resize:none aus Grundregel (17), §219c */ /* ▸N785 */ .ts-dlg .tsmd-fmt { margin: 2px 0 4px; } .ts-dlg .tsmd-chk { display: inline-flex; align-items: center; gap: 6px; margin-right: var(--ds-l); font-size: 13px; cursor: pointer; } .je-such .be-tbl th { z-index: 1; overflow: hidden; text-overflow: ellipsis; } /* ▸N794 */ .je-such .as-tbl { table-layout: fixed; width: 100%; } .je-such .as-tbl th, .je-such .as-tbl td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ▸N795 R-12.5 */ /* ▸N796 §1297 R-4.13 */ /* ▸N797 */ input[type="date"], input[type="date"].v, .tspro-ui input[type="date"].v, .ts-dlg input[type="date"].v, .ts-ovl input[type="date"].v { width: var(--ts-datum-w); max-width: 100%; box-sizing: border-box; /* ▸N798 */ display: inline-block; align-items: initial; font-size: 13px; line-height: normal; } /* ▸N799 */ input[type="date"]::-webkit-date-and-time-value { text-align: left; margin: 0; font-size: 13px; /* 29.07.: Segmente in derselben Groesse wie alle Felder */ } input[type="date"]::-webkit-datetime-edit { flex: none; padding: 0; letter-spacing: 0; } input[type="date"]::-webkit-datetime-edit-fields-wrapper { flex: none; padding: 0; } input[type="date"]::-webkit-datetime-edit-day-field, input[type="date"]::-webkit-datetime-edit-month-field, input[type="date"]::-webkit-datetime-edit-year-field, input[type="date"]::-webkit-datetime-edit-text { flex: none; padding: 0; margin: 0; } /* ▸N800 */ /* ▸N801 */ .tspro-ui .fil-sec-head span[id$="-status-txt"]{font-weight:500;opacity:.8;margin-left:10px} .dlg-tbl{width:100%;border-collapse:collapse;font-size:var(--ts-tab-fs)} .dlg-tbl th{text-align:left;padding:4px 8px} .dlg-tbl td{padding:3px 8px} .dlg-tbl.k{font-size:inherit} .dlg-tbl.k th{padding:3px 6px} .dlg-tbl.k td{padding:3px 6px} .dlg-tbl td.r{text-align:right} .dlg-tbl th.r{text-align:center} /* 03.08.: Kopf nicht rechts */ /* ▸N803 K-113 */ .tspro-ui .tbl-box tbody td input:not([type=checkbox]):not([type=radio]):not([type=date]){width:100%} /* ▸N804 §705 K-344 */ .tspro-ui .tbl-box table{width:100%} /* ▸N805 */ .tspro-ui .tbl-box tbody td input:not([type=checkbox]):not([type=radio]):not([type=date]), .tspro-ui .tbl-box tbody td select, .tspro-ui .tbl-box tbody td textarea { font-family: inherit; } /* §692d: auch der dritte Grauton #555 ist damit weg */ /* ▸N812 */ /* ▸N813 */ .wb-wrap.tspro-ui .tbl-box tbody td input.num { width: 100%; min-width: 0; text-align: right; } /* ▸N814 */ .dlg-scroll.h300{max-height:var(--mw-scroll-300)} /* ▸N815 */ .ts-dlg .dlg-tbl{font-size:var(--ts-tab-fs)} .ts-dlg .dlg-tbl th{padding:4px 8px} .ts-dlg .dlg-tbl td{padding:3px 8px} .ts-dlg .dlg-tbl.k{font-size:var(--ts-tab-fs)} /* ▸N816 */ .ts-dlg .dlg-tbl.k th{padding:3px 6px} .ts-dlg .dlg-tbl.k td{padding:3px 6px} .ts-dlg .dlg-tbl td.r{text-align:right} .ts-dlg .dlg-tbl th.r{text-align:center} /* 03.08.: Kopf nicht rechts */ .ts-dlg .dlg-tbl .re{text-align:right} /* ▸N817 §313 */ /* ▸N818 */ .be-ov .datepick{ position:relative; display:flex; min-width:0; } .be-ov .datepick > input:not([type="date"]){ flex:1; min-width:0; } .be-ov .datepick > input[type="date"]{ position:absolute; inset:0; width:100%; height:100%; opacity:0; pointer-events:none; border:0; padding:0; } /* ▸N819 */ .tspro-ui .datepick > input.bv{ flex:1; min-width:0; } /* ▸N822 */ /* ▸N823 */ #art-ovl{ position:fixed; inset:0; background:rgba(24,24,27,.5); align-items:center; justify-content:center; z-index:9000; font-family:var(--ts-font); display:none; } #art-ovl.on{ display:flex; } /* ▸§1370: Sichtbarkeit per Klasse statt Inline-Stil (bibliothek.php artOeffnen/artSchliessen) */ #art-ovl .eig-grid > .eig-leer{ grid-column: 1 / -1; } /* ▸§1370: Hinweis ueber die volle Breite — brach in der 200-px-Spalte um */ #art-ovl .aov-box{ background:var(--ts-panel-bg); width:var(--dlg-w-gross); max-width:96vw; /* §1307: Stufe gross statt 1400 fest */ height:var(--dlg-h-gross); max-height:94vh; /* §1308 */ display:flex; flex-direction:column; border-radius:12px; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.4); } #art-ovl .aov-head{ background:var(--ts-ink); color:var(--ts-sec-fg); padding:6px 14px; display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; } #art-ovl .aov-titel{ font-size:14px; font-weight:800; } /* ▸N824 §791 */ /* ▸N825 */ /* §839: .aov-x -> .ts-x */ #art-body{ flex:1 1 auto; overflow:auto; padding:12px; display:flex; flex-direction:column; gap:10px; } #art-ovl .aov-namelbl{ font-size:12.5px; font-weight:700; white-space:nowrap; } #art-ovl input.aov-name{ flex:1; min-width:0; height: var(--ds-feld); padding:0 8px; box-sizing:border-box; border:1px solid var(--ts-panel-bd); border-radius:6px; font:inherit; font-size:13px; } #art-ovl .aov-editinfo{ font-size:12px; color:var(--ts-red); white-space:nowrap; } /* ▸N826 */ #cmb-pop{ position:fixed; z-index:9600; background:var(--ts-panel-bg); border:1px solid var(--ts-panel-bd); border-radius:6px; max-height:220px; overflow:auto; box-shadow:0 8px 24px rgba(0,0,0,.18); } #oi_int{margin-top:4px} #axp_such.ovl-in{margin-top:0} #axp_msg.bib-hinweis{margin:4px 0 0}.bib-wrap .bib-layout { display: grid; grid-template-columns: 300px 1fr var(--ts-opt-w); gap: 10px; align-items: stretch; flex: 1 1 auto; min-height: 0; grid-template-rows: auto 1fr; } /* ▸N833 */ .tspro-ui .dv-vor { box-sizing:border-box; background:transparent; border:0; padding:0; border-radius:0; } /* ▸N835 */ /* ▸N836 */ .tspro-ui .dv-main{ grid-template-columns: 1fr var(--ts-opt-w); } /* ▸N837 */ .tspro-ui .dv-right > .opt-col{ flex: 1 1 auto; min-height: 0; } /* ▸N838 */ .tspro-ui .da-outer{ display:grid; grid-template-columns: 1fr var(--ts-opt-w); gap:10px; flex:1 1 auto; min-height:0; align-items:stretch; }.tspro-ui .da-grid { flex: 1 1 auto; min-height: 0; align-items: stretch; grid-template-columns: 1fr 1fr; } /* ▸N839 */ .tspro-ui .da-outer > .opt-col{ min-height:0; } /* ▸N840 */ .tspro-ui.da-wrap{ height:100vh; overflow:hidden; display:flex; flex-direction:column; } /* ▸N841 */ .tspro-ui .mw-layout > .opt-col{ flex:0 0 var(--ts-opt-w); width:var(--ts-opt-w); box-sizing:border-box; } .tspro-ui .mw-layout{ flex:1 1 auto; min-height:0; align-items:stretch; } /* ▸N842 */ /* ▸N843 §808 */ .w64{width:var(--ts-fb-s)} .w72{width:var(--ts-fb-s)} .w170{width:var(--ts-fb-2xl)} /* ▸N844 §808 §819 */ .tspro-ui .mnw36{min-width:var(--mw-36)}.tspro-ui .mnw40{min-width:40px} .tspro-ui .mnw50{min-width:var(--mw-50)} /* ▸N845 */ .tspro-ui .w-posnum{width:var(--pos-num-w);min-width:var(--pos-num-w)} /* ▸N846 K-121 */ /* ▸N847 §808 */ .ts-dlg .mnw36,.je-such .mnw36{min-width:var(--mw-36)}.ts-dlg .mnw40,.je-such .mnw40{min-width:40px} .ts-dlg .mnw50,.je-such .mnw50{min-width:var(--mw-50)} /* ▸N848 */ .tspro-ui td.r{ text-align:right; } /* td-Pendant zur th.r-Regel */ .tspro-ui .tar{ text-align:right } /* ▸N849 */ .tspro-ui .tal{ text-align:left } /* ▸N850 R-2.14 */ .tspro-ui td.num{ text-align:right; font-variant-numeric:tabular-nums; } .preis-zeile .v{ justify-content:flex-end; text-align:right; font-variant-numeric:tabular-nums; } /* ▸N851 */ /* ▸N852 */ .je-such .js-pos{ border-top:2px solid var(--ts-panel-bd); } /* ▸N853 §817 */ /* ▸N854 */ .je-such .js-beleg{ border-top:2px solid var(--ts-panel-bd); } /* ▸N855 §831 */ .je-such .js-beleg table{ table-layout:fixed; width:100% } .je-such .js-pos table{ table-layout:fixed; width:100% } /* ▸N856 §630 */ .je-such .js-pos td{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap } /* ▸N857 */ /* ▸N858 §831 */ /* ▸N859 */ body.vs-offen .je-such { background:rgba(0,0,0,.25) } /* ▸N860 §817 */ /* ▸N861 */ .je-such .js-kachel > * { min-width:0; max-width:100% } .je-such .js-fgrp { min-width:0 } /* ▸N862 */ .je-such .js-fgrp > .js-fbtn.js-krit { min-width:0; max-width:100%; display:flex; gap:8px; align-items:center; justify-content:space-between; text-align:left; padding:0 8px } .je-such .js-fgrp > .js-fbtn.js-krit > .js-kt { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1 1 auto; text-align:left } .je-such .js-fgrp > .js-fbtn.js-krit > .js-kx { flex:0 0 auto; opacity:.75 } /* ▸N864 R-1.3 */ .je-such .js-kritklapp { width:100%; margin:2px 0 4px; box-sizing:border-box; border:1px solid var(--such-bd); border-radius: var(--such-btn-r); background:var(--ts-panel-bg); overflow:hidden } .je-such .js-kk-filter { width:100%; height: var(--such-btn-h); box-sizing:border-box; border:0; border-bottom:1px solid var(--such-bd); padding:0 8px; font: inherit; font-size: var(--such-btn-fs); background: var(--ts-field-bg) } .je-such .js-kk-liste { max-height: 220px; overflow-y:auto } .je-such .js-kk-it { padding:0 8px; height: var(--such-btn-h); line-height: var(--such-btn-h); font-size: var(--such-btn-fs); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .je-such .js-kk-leer { padding:6px 8px; font-size: var(--such-btn-fs); color: var(--ts-dis-fg) } body.vs-offen .ts-dlg { z-index:9600 } /* Projekt-Eingabe (#ovl) VOR der Vorgangssuche (z 9500) */ .je-such.je-such-vorn { z-index: 10650; } /* §1854: Suchmaske aus einem Dialog der zweiten Ebene (.ts-dlg.ovl2 = 10600) davor */ .ts-dlg.tsst { z-index: 10610; } /* §1861: Statusfenster (tsproStatus) immer vorn — ueber Assistent #m-wiz (9999) und gestapelten Dialogen (ovl2 10600); Ebenenleiter K-399 */ .eg-cb-list.eg-cb-vorn { z-index: 10000; } /* §1862: Eigenschafts-Auswahlliste aus dem Assistenten — ueber #m-wiz (9999), unter gestapelten Dialogen (10600) */ .eg-cb-list[hidden] { display: none !important; } /* §1864: display:block der Liste ueberstimmte [hidden]; die Gegenregel galt nur in .tspro-ui — im Assistenten blieben geschlossene Listen sichtbar (K-184) */ /* §1862: Assistent Schritt 7 wie die Eigenschaften-Kachel — Tabelle fuellt die Resthoehe (vorher 280-px-Rollkasten + Leerraum); Beschriftung fett wie Kachel im Bearbeiten */ #m-wiz .mb2.w7 { display: flex; flex-direction: column; overflow: hidden; } /* §4138: .w7-box liegt jetzt in der Schrittkachel — Regel bei ASSISTENTENFENSTER */ #m-wiz #w7-eigbox td.eg-th-eig { font-weight: 700; white-space: nowrap; } #m-wiz #w7-eigbox .eg-quelle { width: var(--ts-fb-l); color: var(--ts-gedaempft); white-space: nowrap; } /* §1863: Spalte Datenblatt-Herkunft (Vorgabe/Freitext) im Assistenten Schritt 7 */ /* ▸N865 */ .je-such .js-d-warn{ color: var(--such-foot); font-weight: 700 } /* ▸N866 K-121 */ .je-such tr.pos-grau td{ color: var(--ts-pos-grau) } /* ▸N867 */ /* ▸N868 */ .je-such .lb-bestand { padding: 6px 10px; background: var(--ts-panel-bg); color: var(--ts-ro-fg); /* §692e */ }.je-such .js-box { background: var(--ts-panel-bg); width: min(var(--such-w), var(--such-w-max)); height: min(var(--such-h), var(--such-h-max)); border-radius: 8px; box-shadow: 0 16px 60px rgba(0,0,0,.4); display: flex; flex-direction: column; overflow: hidden; font-size: 13px; } /* ▸N872 */ .je-such.asaus .as-mono { font-family: inherit; font-variant-numeric: tabular-nums; } .je-such .js-belfilter-t { font-size: var(--ds-fs-hinweis); font-weight: 700; color: var(--such-muted); text-transform: uppercase; letter-spacing: .04em; margin-right: 6px; white-space: nowrap; } /* ▸N875 */ .je-such td.ekv { color: transparent; } .je-such tr:hover td.ekv { color: inherit; } .je-such.ek-immer td.ekv { color: inherit; } .be-ov td.ekv, .ts-dlg td.ekv, .ts-ovl td.ekv { color: transparent; } .be-ov tr:hover td.ekv, .ts-dlg tr:hover td.ekv, .ts-ovl tr:hover td.ekv { color: inherit; } body:has(.tspro-ui.ek-immer) .be-ov td.ekv, body:has(.tspro-ui.ek-immer) .ts-dlg td.ekv, body:has(.tspro-ui.ek-immer) .ts-ovl td.ekv { color: inherit; } /* ▸N876 */ .tspro-ui td.ekv input, .be-ov td.ekv input, .ts-dlg td.ekv input, .ts-ovl td.ekv input { color: transparent; } .tspro-ui tr:hover td.ekv input, .be-ov tr:hover td.ekv input, .ts-dlg tr:hover td.ekv input, .ts-ovl tr:hover td.ekv input, .tspro-ui.ek-immer td.ekv input, body:has(.tspro-ui.ek-immer) .be-ov td.ekv input, body:has(.tspro-ui.ek-immer) .ts-dlg td.ekv input, td.ekv input:focus { color: inherit; } /* §2778 beim Tippen sichtbar — vorher unsichtbar, sobald die Maus die Zeile verliess (Jörg: "kann kein EK eintragen") */ /* ▸N877 */ .je-such .js-pos tr.vg-offen td { font-weight: 600; } .je-such .js-pos tr.vg-offen td:first-child { box-shadow: inset 3px 0 0 var(--ts-ink); } /* ▸N878 */ .ts-dlg tr.pos-grau td, .ts-dlg tr.pos-grau td input { color: var(--ts-pos-grau); } /* ▸N879 *//* ▸N880 *//* ▸N881 */ .eg-cb-list .eg-cb-frei-kat{font-style:italic;border-bottom:1px solid var(--ts-trenn);color:var(--ts-ink)} .eg-inline.eg-ftkat{box-shadow:inset 3px 0 0 var(--ts-ink)}.je-such .js-foot { flex: none; padding: 5px 9px; font-size: var(--ds-fs-hinweis); color: var(--such-foot); min-height: 17px; font-weight: 700; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }.be-ov .js-foot { flex: none; padding: 5px 9px; font-size: var(--ds-fs-hinweis); color: var(--such-foot); min-height: 17px; font-weight: 700; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } /* ▸N889 */ .je-such .js-belfilter, .je-such .lb-bestand { padding: 6px 10px; margin: 0; background: var(--ts-panel-bg); color: var(--ts-ro-fg); /* §692e */ border: 0; border-top: 1px solid var(--ts-panel-bd); border-bottom: 1px solid var(--ts-panel-bd); border-radius: 0; } /* ▸N890 */ .je-such .js-belfilter + .lb-bestand, .je-such .lb-bestand + .js-belfilter { border-top: 0; } /* ▸N891 K-160 */ .je-such .lb-fbtn.lb-static { pointer-events: none; cursor: default; background: transparent; border-color: var(--ts-panel-bd); } .je-such .lb-fbtn.lb-static b { opacity: 1; }.je-such .js-belfilter { flex-wrap: wrap; flex: 0 0 auto; display: grid; grid-template-columns: 116px repeat(8, minmax(0, 1fr)); gap: 4px; align-items: center; } .je-such .js-belfilter .js-belfilter-t { margin-right: 0; }.je-such .js-belfilter .lb-fbtn { flex: 0 1 auto; width: auto; min-width: 0; } /* ▸N893 */ .je-such:not(.asaus) .js-belfilter { display: flex; flex-wrap: wrap; grid-template-columns: none; } .je-such:not(.asaus) .js-belfilter .js-belfilter-t { margin-right: 6px; } .je-such:not(.asaus) .js-belfilter .lb-fbtn { flex: 0 1 auto; min-width: 104px; } /* ▸N894 */ .je-such .be-tbl td.num, .je-such .be-tbl th.num, /* ▸N895 */ .je-such .as-tbl td.r, .je-such .js-pos td.num { text-align: right; font-variant-numeric: tabular-nums; } .je-such .as-tbl th.r, .je-such .js-pos th.num { text-align: center; font-variant-numeric: tabular-nums; } .je-such .be-tbl th, .je-such .as-tbl th { white-space: nowrap; }.je-such.asaus .as-tbl td.r { text-align: right; } .je-such td.num, .je-such td.r { /* §630: .js-pos-Positionsarme entfernt */ text-align: right; font-variant-numeric: tabular-nums; } /* §804: Alias */ .je-such .be-tbl td, .je-such .as-tbl tbody td, .je-such .js-pos td, .je-such .js-detail > div + div, .je-such .kd-umsatz { border-color: var(--such-line); } .je-such .be-tbl th, .je-such .as-tbl thead th, .je-such .js-belfilter, .je-such .lb-bestand { border-color: var(--such-line); } /* ▸N905 */ /* ▸N906 §630 */ /* ▸N907 */ /* ▸N908 §630 */ /* ▸N909 */ .je-such .js-listwrap.js-pos table { width: 100%; max-width: 100%; } /* ▸N910 §630 */ /* ▸N911 */ /* ▸N912 R-7.6 */ .je-such .js-listwrap.js-pos td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.je-such .js-listwrap.js-pos th { overflow: visible; text-overflow: clip; white-space: nowrap; } .je-such.asaus #as-we .as-kv3 { display: contents; } .je-such.asaus #as-we .as-kv3 span:nth-child(2), .je-such.asaus #as-we .as-kv3 span:nth-child(3) { font-variant-numeric: tabular-nums; } /* ▸N923 */ .je-such .js-detail > div + div { border-top: 0; margin-top: 0; padding-top: 0; } .je-such .js-detail > .as-blk + .as-blk, .je-such .js-detail > * + .kd-umsatz, .je-such .js-detail > * + .as-blk { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--such-line); } /* ▸N924 */ .je-such .as-blk { padding-top: 0; margin-top: 0; border-top: 0; } .je-such .as-blk > b { display: block; font-weight: 700; margin-bottom: 3px; } .je-such .as-kv { display: flex; justify-content: space-between; gap: 10px; padding: 1px 0; }.je-such .kd-umsatz { color: var(--ts-gedaempft); line-height: 1.5; border-top: 0; margin-top: 0; padding-top: 0; }.je-such.asaus #as-we { display: grid; overflow: hidden; max-width: 100%; grid-template-columns: max-content max-content 1fr; gap: 2px 12px; }.je-such.asaus #as-we .as-kv3 > span { overflow: visible; text-overflow: clip; white-space: nowrap; } .je-such.asaus #as-we .as-kv3 span:nth-child(3) { text-align: right; } /* ▸N929 §817 */ /* ▸N930 */ .je-such.asaus #as-we .as-kv3.hd span:nth-child(2), .je-such.asaus #as-we .as-kv3.hd span:nth-child(3) { text-align: center; } /* ▸N931 */ .je-such.asaus #as-we .as-kv3 span:nth-child(2) { text-align: center; }.je-such .js-detail .js-d-s { font-weight: 400; font-size: 12px; margin: 0; color: inherit; }.je-such .as-kv .k { color: var(--ts-gedaempft); white-space: nowrap; flex: 0 0 auto; }.je-such .as-kv .v { font-weight: 600; text-align: right; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ▸N935 */ /* ▸N936 */ /* ▸N937 */ .je-such .as-kv3 { display: grid; grid-template-columns: max-content max-content 1fr; gap: 2px 12px; padding: 1px 0; } .je-such .as-kv3 span:nth-child(1) { color: var(--ts-gedaempft); } .je-such .as-kv3 span:nth-child(2), .je-such .as-kv3 span:nth-child(3) { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; } /* ▸N938 §814 */ .je-such .as-kv3.hd span:nth-child(2), .je-such .as-kv3.hd span:nth-child(3) { text-align: center; font-weight: 700; } /* ▸N939 */ .je-such #kd_umsatz { display: grid; grid-template-columns: max-content max-content 1fr; gap: 2px 12px; } .je-such #kd_umsatz .as-kv3 { display: contents; } .je-such .kd-um-letzte { grid-column: 1 / -1; margin-top: 4px; color: var(--ts-gedaempft); } /* ▸N940 §829 */ /* ▸N941 */ .je-such #kd_umsatz .as-kv3.hd span { font-weight: 700; color: inherit; text-align: center; } .je-such #kd_umsatz .as-kv3.hd span:nth-child(1) { text-align: left; } /* ▸N942 §814 */ /* ▸N943 */ .je-such .as-kv3.hd { font-size: inherit; opacity: .75; } .je-such #kd_umsatz .as-kv3 span:nth-child(3) { text-align: right; } .je-such #kd_umsatz .as-kv3.hd span:nth-child(3) { text-align: center; } /* ▸N944 */ .je-such ~ .je-such .js-box { width: calc(var(--such-w) - 160px); height: calc(var(--such-h) - 120px); max-width: 92vw; max-height: 88vh; } /* ▸N945 */ .je-such ~ .je-such { background: rgba(24,24,27,.28); } /* ▸N946 K-165 */ /* ▸N947 §788 K-171 K-165 */ /* ▸N948 K-159 */ .tspro-ui a.js-jump, .ts-dlg a.js-jump, .je-such a.js-jump, .be-ov a.js-jump { color: inherit; text-decoration: none; cursor: pointer; /* §4191 stiller Sprung (Hover/Strg: Regel STILLER SPRUNG am Dateiende) */ } /* ▸N949 K-165 */ body.vs-offen .je-such .js-box { width: var(--such-w); height: var(--such-h); max-width: 97vw; max-height: 94vh; } body .je-such ~ .je-such .js-box { width: calc(var(--such-w) - 160px); height: calc(var(--such-h) - 120px); max-width: 92vw; max-height: 88vh; } /* ▸N950 §60 */ body:has(.tspro-ui.ek-immer) .je-such td.ekv { color: inherit; } body:has(.tspro-ui.ek-immer) .je-such td.ekv input { color: inherit; } /* ▸N954 §60 */ .je-such .js-detail .js-d-ell, .be-ov .js-detail .js-d-ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } /* ▸N955 */ .tspro-ui .tbl-scroll { min-height: 0; } /* ▸N958 */ /* ▸N968 R-1.5 */ .tspro-ui .w64 { width: var(--ts-sp-artnr); } /* ▸N971 §807 */ /* ▸N972 */ .sp-nr { width: calc(var(--ts-sp-nr) + var(--ts-sp-pad)); } /* ▸N974 §809 */ /* ▸N975 §649 */ .sp-flag-wort { width: calc(var(--ts-sp-flag-wort) + var(--ts-sp-pad)); text-align: center; } .sp-txt-breit { width: calc(var(--ts-sp-txt-breit) + var(--ts-sp-pad)); } /* ▸N976 */ td.sp-txt-breit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sp-flag { width: calc(var(--ts-sp-flag) + var(--ts-sp-pad)); text-align: center; } .sp-kennung { width: calc(var(--ts-sp-kennung) + var(--ts-sp-pad)); } /* ▸N979 §784 */ td.sp-kennung { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sp-typ { width: calc(var(--ts-sp-typ) + var(--ts-sp-pad)); }/* ▸N980 §223 */ .sp-tel { width: calc(var(--ts-sp-tel) + var(--ts-sp-pad)); } .sp-mail { width: calc(var(--ts-sp-mail) + var(--ts-sp-pad)); } .sp-abt { width: calc(var(--ts-sp-abt) + var(--ts-sp-pad)); } .sp-fil { width: calc(var(--ts-sp-fil) + var(--ts-sp-pad)); } /* §2225: Lager-Spalte Filiale entfernt — Klasse aktuell ohne Verwendung */ /* ▸N981 */ td.sp-mail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sp-artnr { width: calc(var(--ts-sp-artnr) + var(--ts-sp-pad)); } .sp-kdnr { width: calc(var(--ts-sp-kdnr) + var(--ts-sp-pad)); } .sp-katnr { width: calc(var(--ts-sp-katnr) + var(--ts-sp-pad)); } .sp-eignr { width: calc(var(--ts-sp-eignr) + var(--ts-sp-pad)); } .sp-hernr { width: calc(var(--ts-sp-hernr) + var(--ts-sp-pad)); } .sp-renr { width: calc(var(--ts-sp-renr) + var(--ts-sp-pad)); } .sp-belegnr { width: calc(var(--ts-sp-belegnr) + var(--ts-sp-pad)); } .sp-pos { width: calc(var(--ts-sp-pos) + var(--ts-sp-pad)); } /* ▸N982 §810 */ .sp-anz-klein { width: calc(var(--ts-sp-anz-klein) + var(--ts-sp-pad)); } /* ▸N983 §818 §675 */ .sp-vorschlag { width: calc(var(--ts-sp-vorschlag) + var(--ts-sp-pad)); } .sp-belegpos { width: calc(var(--ts-sp-belegpos) + var(--ts-sp-pad)); } .sp-datum { width: calc(var(--ts-sp-datum) + var(--ts-sp-pad)); } .sp-datum-lang { width: calc(var(--ts-sp-datum-lang) + var(--ts-sp-pad)); } .sp-zeit { width: calc(var(--ts-sp-zeit) + var(--ts-sp-pad)); } .sp-geld { width: calc(var(--ts-sp-geld) + var(--ts-sp-pad)); } .sp-ek { width: calc(var(--ts-sp-ek) + var(--ts-sp-pad)); } .sp-anz { width: calc(var(--ts-sp-anz) + var(--ts-sp-pad)); } .sp-mwst { width: calc(var(--ts-sp-mwst) + var(--ts-sp-pad)); } .sp-proz { width: calc(var(--ts-sp-proz) + var(--ts-sp-pad)); } .sp-kalk { width: calc(var(--ts-sp-kalk) + var(--ts-sp-pad)); } /* §4077 Zusatz zu sp-proz: Spalte „Kalkulation“ in den Positionstabellen */ .sp-stkl { width: calc(var(--ts-sp-stkl) + var(--ts-sp-pad)); } .tk-u { text-decoration: underline; text-underline-offset: 2px; } /* §4078 Tastenkürzel Alt+Buchstabe: unterstrichener Buchstabe im Knopftext (tastenkuerzel.js) */ /* §4077 Zusatz zu sp-pos: Spalte „Stückliste“ */ .sp-skr04 { width: calc(var(--ts-sp-skr04) + var(--ts-sp-pad)); } .sp-lagerzahl { width: calc(var(--ts-sp-lagerzahl) + var(--ts-sp-pad)); } /* ▸N984 §1254 */ .sp-pid { width: calc(var(--ts-sp-pid) + var(--ts-sp-pad)); } .sp-plz { width: calc(var(--ts-sp-plz) + var(--ts-sp-pad)); } .sp-status { width: calc(var(--ts-sp-status) + var(--ts-sp-pad)); } .sp-zahlart { width: calc(var(--ts-sp-zahlart) + var(--ts-sp-pad)); } /* ▸N985 */ .sp-text { width: auto; min-width: var(--ts-sp-min-produkt); } /* ▸N986 §313 §234 */ .sp-produkt { width: 40%; min-width: var(--ts-sp-min-produkt); } /* ▸N988 §234 */ .sp-ort { width: 8%; min-width: var(--ts-sp-min-ort); /* ▸N989 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sp-seriennr { width: 10%; min-width: var(--ts-sp-min-seriennr); } /* §313 8a */ .sp-apartner { width: 12%; min-width: var(--ts-sp-min-apartner); } /* ▸N990 R-2.1 */ .tspro-ui td.sp-text, .tspro-ui td[class*="sp-"], .ts-dlg td[class*="sp-"], .je-such td[class*="sp-"] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ▸N991 */ .tspro-ui td.sp-geld, .tspro-ui td.sp-ek, .tspro-ui td.sp-anz, .tspro-ui td.sp-proz, .tspro-ui td.sp-mwst, .tspro-ui td.sp-lagerzahl { text-align: right; font-variant-numeric: tabular-nums; } /* ▸N992 */ .tspro-ui th.sp-geld, .tspro-ui th.sp-ek, .tspro-ui th.sp-anz, .tspro-ui th.sp-proz, .tspro-ui th.sp-mwst, .tspro-ui th.sp-lagerzahl, .tspro-ui th.sp-flag, .tspro-ui th.sp-flag-wort, .ts-dlg th.sp-flag, .ts-dlg th.sp-flag-wort { /* §2253 Zeichen-/Wortspalten: Kopf mittig wie die Zellen */ text-align: center; } /* ▸N993 §237 §236 */ .tspro-ui td.sp-artnr, .tspro-ui td.sp-kdnr, .tspro-ui td.sp-renr, .tspro-ui td.sp-belegnr, .tspro-ui td.sp-pid, .ts-dlg td.sp-artnr, .ts-dlg td.sp-kdnr, .ts-dlg td.sp-renr, .ts-dlg td.sp-belegnr, .ts-dlg td.sp-pid, .je-such td.sp-artnr, .je-such td.sp-kdnr, .je-such td.sp-renr, .je-such td.sp-belegnr, .je-such td.sp-pid { /* §1254: td.sp-ean aus allen drei Kontexten entfernt */ font-variant-numeric: tabular-nums; }.tspro-ui.tspro-ui thead th, .ts-dlg.ts-dlg thead th, .ts-ovl.ts-ovl thead th, .be-ov.be-ov thead th, .je-such.je-such thead th { height: var(--ts-tab-th-h); line-height: calc(var(--ts-tab-th-h) - 2px); /* exakt, damit das Gitter darunter passt */ padding: 0 8px; box-sizing: border-box; white-space: nowrap; min-width: max-content; overflow: visible; text-overflow: clip; }.je-such .js-listwrap.js-pos th.js-prod, .je-such .js-listwrap.js-pos td.js-prod { width: 100%; max-width: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .je-such .js-listwrap.js-pos th.js-prod { overflow: visible; text-overflow: clip; } /* ▸N1004 R-7.8 */ /* ▸N1005 R-2.9 R-2.10 R-2.14 R-1.2 R-2.13 */ /* ▸N1006 §811 K-166 */ .je-such .as-tbl th[data-sort="nr"] { width: var(--ts-sp-artnr); } .je-such .as-tbl th[data-sort="ek"], .je-such .as-tbl th[data-sort="vk"] { width: var(--pos-num-w); } .je-such .as-tbl th[data-sort="la"], .je-such .as-tbl th[data-sort="ar"], .je-such .as-tbl th[data-sort="ab"], .je-such .as-tbl th[data-sort="vf"] { width: var(--ts-sp-lagerzahl); } /* ▸N1007 */ .je-such .as-tbl th[data-sort="produkt"], .je-such .as-tbl td.as-prod { width: 100%; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .je-such .as-tbl th[data-sort="produkt"] { overflow: visible; text-overflow: clip; } /* ▸N1008 R-2.10 */ .tspro-ui table.pos-fest th.sp-produkt { width: 100%; max-width: 0; overflow: visible; text-overflow: clip; white-space: nowrap; } .tspro-ui table.pos-fest td.sp-produkt { /* ▸N1009 §630 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ▸N1010 R-2.10 */ .tspro-ui th.sp-bem { width: var(--ts-sp-bem); } /* ▸N1011 */ /* ▸N1012 R-1.3 R-2.9 §239 */ /* ▸N1016 §218 */ /* ▸N1017 §223 */ /* ▸N1018 R-2.10 */ /* ▸N1019 R-2.14 */ .tspro-ui td.sp-bem { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tspro-ui td.sp-bem input.pos-bem-ro { cursor: pointer; } /* §3636 Anzeigemodus: Klick oeffnet das Textfenster nur zum Lesen (§2355) — Marker ist Prueferanker POSBEM/POSBEMALLE */ /* ▸N1022 §260 */ .je-such th.sp-txt, .ts-dlg th.sp-txt, .ts-ovl th.sp-txt, .tspro-ui th.sp-txt { width: var(--ts-sp-txt); } .je-such td.sp-txt, .ts-dlg td.sp-txt, .ts-ovl td.sp-txt, .tspro-ui td.sp-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ▸N1023 */ .je-such th.sp-rest, .ts-dlg th.sp-rest, .ts-ovl th.sp-rest, .tspro-ui th.sp-rest { width: 100%; max-width: 0; overflow: visible; text-overflow: clip; white-space: nowrap; } .je-such td.sp-rest, .ts-dlg td.sp-rest, .ts-ovl td.sp-rest, .tspro-ui td.sp-rest { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } th.sp-kontakt { width: var(--ts-sp-kontakt); } /* §807: ungescoped wie der uebrige Katalog */ .tspro-ui td.sp-kontakt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ▸N1033 §245 §236 §237 */ th.sp-ruf { width: var(--ts-sp-ruf); } th.sp-apart { width: var(--ts-sp-apart); } th.sp-email { width: var(--ts-sp-email); } .tspro-ui td.sp-ruf, .tspro-ui td.sp-apart, .tspro-ui td.sp-email, .tspro-ui td.sp-abt, .ts-dlg td.sp-ruf, .ts-dlg td.sp-apart, .ts-dlg td.sp-email, .ts-dlg td.sp-abt, .je-such td.sp-ruf, .je-such td.sp-apart, .je-such td.sp-email, .je-such td.sp-abt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sp-kategorie { min-width: var(--ts-sp-min-kategorie); width: var(--ts-sp-kategorie); } .sp-geld-lang { width: var(--ts-sp-geld-lang); } .sp-anz-kopf { width: var(--ts-sp-anz-kopf); } .sp-anz-lang { width: var(--ts-sp-anz-lang); } .sp-zeitraum { width: var(--ts-sp-zeitraum); } /* ▸N1040 R-2.3 */ /* ▸N1041 §261 §260 */ /* §799 (T5a): .co-tbl -> be-tbl tbl-fest */ /* ▸N1042 */ /* ▸N1043 §215 §219 §220 */ .tspro-ui textarea.tv { width: 100%; min-height: 56px; padding: 6px 8px; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font-family: inherit; font-size: 13px; } /* ▸N1045 */.ang-da { font-size: 13.5px; }.ang-da .grp { font-weight: 700; margin: 2px 0 4px; }.ang-da label.ck { display:flex; align-items:center; gap:7px; padding:1px 0; }.kpi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.kpi { background:var(--ts-flaeche); border:1px solid var(--ts-line); border-radius: var(--ds-radius); padding:8px 10px; }.kpi .kl { font-size:12px; font-weight:600; color:var(--ts-ink); } /* §692h: Kennzahl-Beschriftung wie .fz > label */.kpi .kv { font-size:18px; font-weight:800; text-align:right; } @media print {.m-controlling body * { visibility: hidden !important; }.m-controlling .be-top, .m-controlling .be-top * { visibility: visible !important; }.m-controlling .be-top { position: absolute !important; left: 0; top: 0; width: 100%; }/* ▸N1049 §648m */ .m-controlling #o_refresh, .m-controlling button { display: none !important; } /* ▸N1050 §648m */ }.dv-main { flex:1; min-height:0; display:grid; grid-template-columns: 1fr 300px; gap:12px; align-items:stretch; }.dv-vor { display:flex; flex-direction:column; min-height:0; }.dv-vor .fil-sec { flex:1; min-height:0; display:flex; flex-direction:column; margin-bottom:0; }.dv-vor .fil-sec-body { flex:1; min-height:0; display:flex; flex-direction:column; padding:0; }.dv-vor iframe { flex:1; min-height:0; width:100%; border:0; background:var(--ts-panel-bg); } @media (max-width:1100px){.dv-main { grid-template-columns:1fr; } }.inv-kopf { display: grid; grid-template-columns: 1.4fr 1fr; gap: 6px 24px; }.inv-rad { display:flex; flex-direction:column; gap:8px; font-size:14px; }.inv-rad label { display:flex; align-items:center; gap:8px; cursor:pointer; }.inv-rad .tag { display:inline-block; min-width:26px; text-align:center; background:var(--ts-ink); color:var(--ts-sec-fg); font-weight:700; padding:1px 6px; border-radius:3px; font-size:12px; }.inv-rad .tag.ap { background:var(--ts-ok); }.pos-af-on td.c-af, .pos-af-on th.c-af { background:rgba(0,0,0,.05); }.pos-ar-on td.c-ar, .pos-ar-on th.c-ar { background:rgba(0,0,0,.05); }.pos-ae-on td.c-ae, .pos-ae-on th.c-ae { background:rgba(0,0,0,.05); }.pos-ap-on td.c-ap, .pos-ap-on th.c-ap { background:rgba(31,122,51,.12); }.mw-layout { display: flex; gap: var(--ts-kachel-gap); flex: 1; min-height: 0; }.mw-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--ts-kachel-gap); }.mw-main > .fil-sec { display: flex; flex-direction: column; min-height: 0; }.mw-main > .fil-sec:last-child { flex: 1; }.mw-tabs { display: flex; gap: 8px; align-items: center; padding: 4px 2px; }.mw-tabs .obtn { width: auto; }.mw-tab { width: 100%; border-collapse: collapse; font-size: 13px; }.mw-tab th { position: sticky; top: 0; background: var(--ts-flaeche); text-align: left; padding: var(--ds-xs) var(--ds-s); } /* ▸§1358: border-bottom (--ts-line) entfernt — war toter Code (grund-Tabellenregel staerker), sichtbar war immer --ts-panel-bd */.mw-tab td { padding: 4px 8px; border-bottom: 1px solid var(--ts-trenn); white-space: nowrap; }.mw-tab td.r, .mw-tab th.r { text-align: right; } /* ▸N1054 §220 *//* §4170: .rep-cks/.rep-cks .ck entfernt — Kennzeichen-Zeile der alten Reparaturmaske, seit §3970 ohne Markup (Aufrufgraph: Waise) */.wr-sub { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; }/* ▸N1057 */ /* ▸N1058 §648u */.wv-unten > .fil-sec { min-height: 0; display: flex; flex-direction: column; }.wv-unten > .fil-sec > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; } /* ▸N1059 */ /* ▸N1060 */ /* ▸N1061 */ /* ▸N1062 */ .ts-err { color: var(--ts-red); } .ts-ok { color: var(--ts-ok); } /* ▸N1063 §1253 */ /* ▸N1064 §325 */ .tspro-ui td.ts-err input, .ts-dlg td.ts-err input { color: var(--ts-red); font-weight: 600; } /* ▸N1065 §329 */ /* ▸N1066 §687c */ /* ▸N1067 §802 */ .ts-b { font-weight: 700; } .ts-13 { font-size: 13px; } /* ▸N1068 */ .ts-h { font-weight: 700; font-size: 13.5px; margin: 8px 0 4px; } .ts-h:first-child { margin-top: 0; } /* ▸N1069 */ /* ▸N1070 R-2 */ /* ▸N1071 */ .dlg-vor { margin: 0 0 6px; } /* ▸N1072 */ .dlg-nach { margin: 6px 0 0; } /* ▸N1073 */ /* ▸N1074 */ .ang-da .grp ~ .grp { margin-top: 8px; } /* ▸N1075 */ #ovl_b > input.ts-datum { margin-top: 6px; } /* Knopfzeile unter einem Kachelinhalt (controlling). */ .btn-zeile { margin-top: 10px; } /* ▸N1076 */ .fl-rechts { margin-left: auto; font-size: 12px; } /* ▸N1077 */ .dlg-einzug { margin-left: var(--ds-l); } /* §3309: .wv-scroll (Mail-Vorschau des Postausgangs, war inline) entfaellt — Vorschau ist der zentrale Mail-Dialog */ .dlg-scroll { max-height: min(var(--mw-scroll-340), 60vh); overflow: auto; } /* ▸N1079 */ .fz-zeile { display: flex; align-items: center; gap: 8px; } /* Filterleiste: darf umbrechen und hat Luft nach unten. */ .filterzeile { flex-wrap: wrap; margin-bottom: 8px; } /* ▸N1080 */ .js-klick { cursor: pointer; } /* ▸N1081 */ .dv-ph { display: inline-block; margin: 1px 0; } /* ▸N1082 */ /* ▸N1083 */ .v-schmal { width: auto; } /* ▸N1084 */ /* ▸N1085 */ .fz-zeile label { font-size: 13px; } /* ▸N1086 */ .pid-zeile { padding: 2px 0; } /* §801 (T6): .her-layout -> .be-layout */ .her-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; } /* ▸N1090 */ .her-unten { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 10px; flex: 1 1 auto; min-height: 0; align-items: stretch; } /* ▸N1091 */ /* ▸N1092 K-46 */ .her-unten > .fil-sec { min-height: 0; display: flex; flex-direction: column; margin-bottom: 0; } /* ▸N1093 */ .her-unten > .fil-sec > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; } .her-kopf { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .her-kopf .pl { font-size: 18px; font-weight: 800; letter-spacing: .02em; } .her-kopf .pnr { font-size: 15px; font-weight: 700; background: var(--ts-panel-bg); color: var(--ts-ro-fg); /* §692e */ border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 4px 10px; min-width: 96px; text-align: center; } .her-kopf .pbez { flex: 1; font-size: 15px; font-weight: 600; padding: 5px 10px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ro-fg); } /* §692g */ .her-kopf .pbez.editing { border: 1px solid var(--ts-panel-bd); background:var(--ts-panel-bg); color: var(--ts-ink); } /* §698c: kein blauer Rand */ /* ▸N1096 */ .her-3col { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } /* 03.08.2026: helle Logofassung sichtbar machen */ .her-unten .fil-sec-body:has(> .logo-box-gross) { display: flex; flex-direction: column; } /* ▸N1098 */ .her-unten .fil-sec-body:has(> .logo-box-gross) .fz:has(> textarea) { flex: 1; min-height: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); grid-template-rows: 1fr; align-items: stretch; } /* ▸N1099 */ .her-unten .fil-sec-body:has(> .logo-box-gross) .fz:has(> textarea) > label { align-self: start; padding-top: 5px; } .her-unten .fil-sec-body:has(> .logo-box-gross) textarea.v { height: 100%; min-height: 40px; box-sizing: border-box; } /* resize:none aus Grundregel (17), §219c */ /* ▸N1100 */ .her-unten .fil-sec-body > :last-child { margin-bottom: 0; }.kd-layout { display: grid; grid-template-columns: 1fr var(--ts-opt-w); gap: 10px; align-items: stretch; flex: 1; min-height: 0; }.kd-top { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 10px; align-items: stretch; }.kd-sub { font-weight: 700; font-size: 12px; letter-spacing: .03em; text-transform: uppercase; opacity: .65; margin: 12px 0 5px; }.kd-sub:first-child { margin-top: 0; }.kd-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; }.kd-main > .fil-sec:last-child { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }.kd-main > .fil-sec:last-child > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }.kd-nameline { display: block; margin-bottom: 14px; }.kd-nameline .knr { font-size: 15px; font-weight: 700; background: var(--ts-panel-bg); color: var(--ts-ro-fg); /* §692e */ border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 4px 10px; min-width: 96px; text-align: center; justify-self: start; }.kd-nameline .kname { flex: 1; font-size: 15px; font-weight: 600; padding: 5px 10px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); color: var(--ts-ro-fg); } /* §692g */.kd-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }.kd-anrede { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(120px,1fr); gap: 8px; align-items: center; }.kd-anrede .tl { text-align: left; font-size: 13px; font-weight: 600; color: var(--ts-ink); }.kd-plzort { display: grid; grid-template-columns: 72px 1fr; gap: 6px; }.kd-zone { display: flex; gap: 14px; align-items: center; height: var(--ds-feld); /* ▸N1104 §679u */ flex-wrap: wrap; }.kd-zone label { display: flex; align-items: center; gap: 5px; font-size: 13px; }.kd-radios label, .kd-checks label { display: flex; align-items: center; gap: 7px; font-size: 13px; margin-bottom: 9px; cursor: pointer; }.kd-checks label.b { font-weight: 700; }.kd-radios label:last-child, .kd-checks label:last-child { margin-bottom: 0; }.kd-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; font-size: 13px; }.kd-row:last-child { margin-bottom: 0; }.kd-row > label { font-weight: 600; }.kd-row > label.b { font-weight: 700; }.kd-row .v { flex: 0 0 auto; width: var(--ts-fb-xl); }/* ▸N1105 §825 */ /* ▸N1106 §824 */ /* §696c */.kd-tbl-btns { display: flex; gap: 8px; margin-top: 8px; }/* ▸N1107 §824 */.kte-grid { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 9px 10px; align-items: center; }.kte-grid label { font-size: 12px; color: var(--ts-ink); }.kte-grid select, .kte-grid input { height: var(--ds-feld); padding: 0 8px; border: 1px solid var(--ts-panel-bd); border-radius: 6px; font-size: 13px; box-sizing: border-box; }.kte-foot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }.kte-chk { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ts-ink); }.kte-grid input[type="checkbox"] { width: var(--ds-checkbox); height: var(--ds-checkbox); flex: 0 0 auto; padding: 0; }.kte-chk.dis { opacity: .45; }.lg-layout { flex: 1; min-height: 0; display: grid; grid-template-columns: 1fr var(--ts-opt-w); gap: 10px; align-items: stretch; }.lg-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; }.lg-main > .fil-sec:not(.lg-grow) { flex: 0 0 auto; }.lg-main > .fil-sec.lg-grow { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }.lg-main > .fil-sec.lg-grow > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }.lg-anz { display: grid; grid-template-columns: minmax(360px,1.3fr) auto 1fr; gap: 18px; align-items: start; }.lg-frow { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }.lg-frow > label { text-align: left; white-space: nowrap; font-size: 13px; font-weight: 600; color: var(--ts-ink); }.lg-frow input { height: var(--ds-feld); padding: 0 8px; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); font-size: 13px; font-family: inherit; }.lg-frow input.wide { flex: 1; min-width: 0; }.lg-frow input.ek { width: var(--ts-fb-m); }.lg-apply { width: 26px; height: 26px; border: 1px solid var(--ts-akzent-dark); border-radius: var(--ds-radius); background: var(--ts-akzent); color: var(--ts-sec-fg); cursor: pointer; font-size: 13px; line-height: 1; }.lg-best { font-size: 13px; }.lg-best .bt { font-weight: 700; margin-bottom: 8px; }.lg-best-grid { display: grid; grid-template-columns: auto auto; gap: 8px 18px; }.lg-best label { display: inline-flex; align-items: center; gap: 6px; }.lg-best .ww { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-weight: 600; }.lg-bcode { display: inline-block; min-width: 24px; text-align: center; background: var(--ts-ink); color: var(--ts-sec-fg); font-weight: 700; font-size: var(--ds-fs-hinweis); border-radius: 3px; padding: 1px 5px; }.lg-act { display: flex; flex-direction: column; gap: 7px; align-items: stretch; }.lg-act .obtn { justify-content: center; } @media print {.m-lager body * { visibility: hidden !important; }.m-lager .tbl-box, .m-lager .tbl-box * { visibility: visible !important; }.m-lager .tbl-box { position: absolute !important; left: 0; top: 0; width: 100%; border: none !important; overflow: visible !important; height: auto !important; display: block !important; }.m-lager .tbl-box thead th { position: static !important; background: var(--ts-flaeche) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; } @.m-lager page { margin: 12mm; size: landscape; } } /* ▸N1112 */.lg-dot { display: inline-block; width: 10px; height: 10px; border-radius: 2px; background: var(--ts-ok); margin-right: 6px; vertical-align: middle; }.lg-dot.off { background: transparent; }.lg-in { width: 100%; box-sizing: border-box; padding: 2px 4px; font-size: 12.5px; text-align: right; border: 1px solid var(--ts-akzent); border-radius: 4px; font-family: inherit; -moz-appearance: textfield; } /* ▸N1113 */ /* ▸N1114 §695 */.lg-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 12px; color: var(--ts-ro-fg); padding: 8px 2px 2px; align-items: center; } /* §692h */.lg-legend .lg-bcode { font-size: var(--ds-fs-hinweis); } /* ▸N1115 */.lg-sum { display: flex; justify-content: flex-end; gap: 18px; padding: 6px 2px 0; font-size: 13px; }.lg-sum b { font-weight: 700; } /* ── datenabgleich.php (migriert 06.08., T2) ── */ .da-wrap { font-family: var(--ts-font); color: var(--ts-ink); padding:10px; box-sizing:border-box; }.da-head { display:flex; align-items:center; gap:10px; margin-bottom:10px; flex-wrap:wrap; }.da-head h1 { font-size:17px; margin:0; }.da-head .fil { color:var(--ts-gedaempft); font-size:13px; }.da-head .sp { flex:1; }.da-grid { display:grid; gap:10px; } /* Spalten zentral in filialen.css */ @media (max-width:900px){.da-grid { grid-template-columns:1fr; } }.da-card { border:1px solid var(--ts-panel-bd); border-radius:10px; background:var(--ts-panel-bg); overflow:hidden; display:flex; flex-direction:column; min-width:0; }.da-ch { background:var(--ts-sec-bg); color:var(--ts-sec-fg); font-size:13px; font-weight:700; padding:8px 12px; display:flex; align-items:center; gap:8px; }.da-ch .sp { flex:1; }.da-cb { padding:10px 12px; display:flex; flex-direction:column; gap:8px; } /* ▸N1116 §383 §384 */ /* §220: totes resize:vertical raus (22.08.-Grundregel) */.da-logbox { width:100%; height:330px; /* ▸N1117 */ box-sizing:border-box; border:1px solid var(--ts-panel-bd); border-radius:8px; background:var(--ts-panel-bg); padding:8px; font-family:"DejaVu Sans Mono","Consolas",monospace; font-size: var(--ds-fs-hinweis); line-height:1.5; overflow:auto; white-space:pre-wrap; word-break:break-word; }.da-btn { height:32px; padding:0 14px; border:1px solid var(--ts-panel-bd); border-radius: var(--ds-radius); font:inherit; font-weight:700; cursor:pointer; background:var(--ts-panel-bg); } /* ▸N1119 §259 */ /* ▸N1120 §379 */ /* ▸N1121 §382 */ .da-card > .da-cb { flex:1 1 auto; min-height:0; } .da-leer { color:var(--ts-gedaempft); font-size:12px; padding:8px 2px; } /* ▸N1124 */.lf-layout { display: grid; grid-template-columns: 1fr var(--ts-opt-w); gap: 10px; align-items: stretch; flex: 1; min-height: 0; }.lf-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; }.lf-main > .fil-sec:last-child { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }.lf-main > .fil-sec:last-child > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }.lf-nameline { display: grid; gap: 6px; margin-bottom: 6px; }.lf-nameline .lnr { font-size: 15px; font-weight: 700; background: var(--ts-panel-bg); color: var(--ts-ro-fg); /* §692e */ border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 4px 10px; min-width: 96px; text-align: center; justify-self: start; }.lf-nameline .lname { flex: 1; height: auto; padding: 5px 10px; font-size: 15px; font-weight: 600; }.lf-nameline .fz { align-items: center; }.lf-nrline { display: flex; align-items: center; gap: 8px; }.lf-top { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; gap: 10px; align-items: stretch; }.lf-k-stamm { grid-column: 1; grid-row: 1 / span 2; }.lf-k-besch { grid-column: 2; grid-row: 1; }.lf-k-rma { grid-column: 2; grid-row: 2; }.lf-k-zahl { grid-column: 3; grid-row: 1; }.lf-k-kredit { grid-column: 3; grid-row: 2; }.lf-zr { display: contents; }@media (max-width: 1500px) { .lf-top { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .lf-zr { display: flex; flex-direction: column; gap: 10px; min-width: 0; } .lf-k-stamm, .lf-k-besch, .lf-k-rma, .lf-k-zahl, .lf-k-kredit { grid-column: auto; grid-row: auto; } }.lf-zr .fil-sec { margin-bottom: 0; }.lf-zr .lf-zahlung-grid { grid-template-columns: 1fr; gap: 6px 30px; }.lf-top .fil-sec .lf-grid2 { grid-template-columns: 1fr; }.be-top > .fil-sec, .kd-top > .fil-sec, .lf-top .fil-sec { height: 100%; box-sizing: border-box; }@media (max-width: 1500px) { .lf-zr .lf-zahlung-grid, .lf-top .fil-sec .lf-grid2 { grid-template-columns: 1fr 1fr; } }.lf-stamm-grid { display: grid; grid-template-columns: 1fr; gap: 6px 12px; align-items: start; }.lf-stamm-grid > .fz, .lf-grid2 > .fz, .lf-zahlung-grid > .fz { margin-bottom: 0; }.lf-stamm-grid .fz.ta { grid-column: 1 / -1; }.lf-zone { display: flex; gap: 8px; align-items: center; min-height: var(--ds-feld); flex-wrap: wrap; }.lf-zone label { display: flex; align-items: center; gap: 5px; font-size: 13px; }.lf-check { display: flex; align-items: center; gap: 7px; height: var(--ds-feld); font-size: 13px; } /* §220: redundantes resize raus */.m-lieferanten #f_bemerkung { -webkit-appearance: none; appearance: none; box-shadow: none; border: 1px solid var(--ts-panel-bd); border-radius: 6px; background: var(--ts-panel-bg); }/* ▸N1127 §692 */.m-lieferanten #f_bemerkung:focus { outline: none; border-color: var(--ts-panel-bd); box-shadow: none; } /* §698 */.lf-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 30px; }.lf-tbl-btns { display: flex; gap: 8px; margin-top: 8px; } /* ▸N1130 */.es-grid { columns: 2; column-gap: 12px; max-width: 2200px; } /* ▸N1131 */.es-grid .es-panel { break-inside: avoid; margin-bottom: 12px; } /* ▸N1132 §439 §260 */ .es-grid #es-userpanel, .es-grid #es-bankpanel, .es-grid .es-panel[data-esgrp="Bank: FinTS-Grundwerte"], .es-grid .es-panel[data-esgrp="Bank: Zahlungsaufträge (SEPA)"], .es-grid .es-panel[data-esgrp="Bank: Übergang Einzelunternehmen"], .es-grid .es-panel[data-esgrp="Bank: PayPal-Zugang"] { column-span: all; } /* §3232: alle Bank-Kacheln volle Breite, sonst halbe Kachel ohne Abstand nach unten */ .es-grid #es-kommpanel { column-span: all; } .es-grid #es-tbpanel { column-span: all; } /* §2133 gemessen: Textspalte in der halben Breite auf 10 Zeichen gekuerzt, Filterleiste umgebrochen */ /* §1970: E-Mail-Konten volle Breite wie Bank-Zugaenge (Joerg) */ /* ▸N1133 §679a */ /* ▸N1134 §643j */ /* ▸N1135 §643k §643j */ /* ▸N1136 §532 */ .es-grid.es-grid-raster { columns: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .es-grid.es-grid-raster .es-panel { margin-bottom: 0; } /* ▸N1137 §538 §534 §537 */ /* ▸N1138 §536 §531 §532 */ /* ▸N1139 §439 §260 */ /* ▸N1140 §439 §260 */ #es-utblbox table { table-layout: fixed; width: 100%; } /* ▸N1141 §679a */ #es-zwtblbox table { table-layout: fixed; width: 100%; } /* ▸N1142 §679b §439 */ #es-zwtblbox th.sp-anz, #es-zwtblbox td.sp-anz { width: 96px; } #es-zwtblbox th.sp-flag-wort, #es-zwtblbox td.sp-flag-wort { width: 150px; overflow: visible; } #es-zwtblbox .tbl-box { max-height: 60vh; overflow: auto; } #es-utblbox th, #es-utblbox td { width: 20%; } /* ▸N1143 */ .es-panel .es-hinweis { font-size: 13px; line-height: 1.55; color: var(--ts-ink); padding: 8px 6px 10px; } .es-panel { border: 1px solid var(--ts-panel-bd); border-radius: 10px; padding: 10px; background: var(--ts-panel-bg); }.es-panel .es-ph { background: var(--ts-sec-bg); color: var(--ts-sec-fg); font-size: 12px; font-weight: 700; padding: 6px 10px; margin: -10px -10px 10px; border-radius: 10px 10px 0 0; letter-spacing: .02em; }.es-row { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px; align-items: center; margin-bottom: 7px; }.es-row label { font-size: 13px; }.es-row input, .es-row textarea, .es-row select { width: 100%; box-sizing: border-box; border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 0 8px; height: var(--ds-feld); font: inherit; font-size: 13px; background: var(--ts-panel-bg); }.es-row textarea { height: auto; min-height: 54px; padding: 6px 8px; } /* §3170 Hakenliste in der Einstellungszeile (Typ haken): Kaestchen in Normalgroesse statt Feldbreite/-hoehe, Beschriftung oben buendig */ .es-row:has(> .kd-checks) { align-items: start; } .es-row .kd-checks input[type="checkbox"] { width: 15px; height: 15px; padding: 0; border: 0; } /* §3179 EINHEIT: Hausmass 15px (Z.4764) statt auto */ .es-row > .kd-checks { max-height: var(--es-haken-max); overflow-y: auto; } /* §3170 lange Listen (ecoDMS-Ordner) scrollen in der Kachel */ /* §220: totes resize:vertical raus (22.08.-Grundregel) *//* ▸N1144 §692 */.es-paar { display: flex; gap: 8px; }.es-paar input { flex: 1 1 0; min-width: 0; }.es-paar select { flex: 1 1 0; min-width: 0; } /* ▸N1145 */.es-paar input.es-paar-tag { flex: 0 0 110px; }.es-hint { font-size: 12px; color: var(--ts-gedaempft); margin: 8px 2px 0; } @media (max-width: 900px){.es-grid { columns: 1; } }.es-save { height: var(--ds-feld); padding: 0 12px; border: 1px solid var(--ts-panel-bd); border-radius: var(--ds-radius); background: var(--ts-akzent); color: var(--ts-sec-fg); font: inherit; font-weight: 600; cursor: pointer; } /* Benutzerverwaltung */.es-utable { width:100%; border-collapse:collapse; font-size:13px; margin-top:2px; }.es-utable th { text-align:left; background:var(--ts-flaeche); border-bottom:1px solid var(--ts-panel-bd); padding:6px 8px; font-weight:700; }.es-utable td { border-bottom:1px solid var(--ts-trenn); padding: var(--ds-xs) var(--ds-s); } /* Auswahl-Hellton zum Akzent (06.08., wie Wizard) */.es-badge { font-size: var(--ds-fs-hinweis); font-weight:700; border-radius:4px; padding:1px 6px; }.es-badge.admin { color:var(--ts-akzent-dark); background:var(--ds-auswahl); border:1px solid var(--ds-auswahl); } /* Rollen-Badge = Brand-Markierung → Akzent (06.08.) */.es-badge.benutzer { color:var(--ts-meld-ok-fg); background:var(--ts-meld-ok-bg); border:1px solid var(--ts-meld-ok-bd); }.es-badge.inaktiv { color:var(--ts-meld-warn-fg); background:var(--ts-meld-warn-bg); border:1px solid var(--ts-meld-warn-bd); }.es-ubtnrow { display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }.es-ubtn { height: var(--ds-feld); padding:0 12px; border:1px solid var(--ts-panel-bd); border-radius:6px; background:var(--ts-panel-bg); font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; }.es-ubtn.prim { background:var(--ts-akzent); color:var(--ts-sec-fg); border-color:var(--ts-akzent-dark); }.es-ubtn.danger { color:var(--ts-red); } /* §679bi: zentrales Inaktiv-Grau statt opacity */.es-uhint { font-size:12px; color:var(--ts-gedaempft); margin:6px 2px 0; } /* ▸N1146 §891 */ .es-panel .es-zwischen { font-size:12px; font-weight:700; margin:14px 2px 4px; color:var(--ts-ink); }.ma-layout { display: grid; grid-template-columns: 1fr var(--ts-opt-w); gap: 10px; align-items: stretch; flex: 1; min-height: 0; }.ma-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; }.ma-main > .fil-sec { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }.ma-main > .fil-sec > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }.ma-nameline { display: grid; gap: 6px; margin-bottom: 14px; }.ma-nameline .fz { grid-template-columns: var(--fz-lbl-w) 1fr; align-items: center; }.ma-nameline .mnr { font-size: 15px; font-weight: 700; background: var(--ts-panel-bg); color: var(--ts-ro-fg); /* §692e */ border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 4px 10px; min-width: 96px; text-align: center; justify-self: start; }.ma-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; }/* ▸N1147 §692 */ /* §220: redundantes resize raus (22.08.-Grundregel) */.v-dl { position: relative; display: block; }.v-dl > input.v { padding-right: 24px; }.v-dl::after { content: ""; position: absolute; right: 9px; top: 50%; width: 10px; height: 7px; transform: translateY(-50%); pointer-events: none; background: var(--ts-chevron) no-repeat center / contain; } /* ▸N1148 §709 *//* §801 (T6): .ma-plzort -> .plzort */ /* ▸N1149 */.ma-chk-grid { display: grid; grid-template-columns: repeat(5, auto); gap: 4px 12px; }.ma-chk-grid label { font-size: 13px; display: flex; align-items: center; gap: 4px; font-weight: 500; }.ma-chk { display: flex; align-items: center; height: var(--ds-feld); }.ma-chk input { width: 18px; height: 18px; cursor: pointer; } /* ▸N1151 */ /* ▸N1152 */ /* ▸N1153 */.ka-split { display: flex; flex-direction: column; gap: 10px; flex: 1 1 auto; min-height: 0; align-items: stretch; }.ka-split > .ka-belege { order: 2; flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; }.ka-split > .ka-belege > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }.ka-belege .tbl-box { flex: 1; min-height: 0; }.ka-side { order: 1; flex: 0 0 auto; min-width: 0; display: flex; flex-direction: row; align-items: stretch; gap: 10px; }.ka-side > .fil-sec { flex: 1; min-width: 0; }.wb-layout { display: grid; grid-template-columns: 1fr var(--ts-opt-w); gap: 10px; align-items: stretch; flex: 1; min-height: 0; }.wb-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 0; }.wb-main > .fil-sec:last-child { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }.wb-main > .fil-sec:last-child > .fil-sec-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }.wb-kopf { display: grid; grid-template-columns: 1fr 1.3fr; gap: 30px; } /* §220: totes resize:vertical raus (22.08.-Grundregel) */.wb-ma { display: grid; grid-template-columns: 1fr; gap: 6px; align-items: center; } /* ▸N1158 */.wb-filter { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }.wb-filter .lbl { font-size: 13px; font-weight: 700; margin-right: 4px; } /* ▸N1590 §1590: Anschreiben-Fenster (anschreiben.js, Kunden + Lieferanten) — Vorschautext mit Zeilenumbruechen, Liste begrenzt */ /* §1978 (Joerg): Liste fuellt das Fenster bis zur Statuszeile (vorher max-height 40vh, unten leerer Raum); Auswahlfelder zwei Spalten, feste Breiten (K-381) */ #asOvl .ts-dlg-box > .b { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } /* §2482 (Joerg: "zwei Masken, zwei Fenster"): im serviceCENTER ist das Anschreiben die Seite selbst — kein Overlay, kein eigener Kopf, fuellt den Kachelkoerper */ #asOvl.ts-dlg.as-inline { position: static; inset: auto; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; background: none; padding: 0; z-index: auto; } #asOvl.as-inline .ts-dlg-box { position: static; width: 100%; max-width: none; height: 100%; max-height: none; flex: 1 1 auto; min-height: 0; box-shadow: none; border: 0; border-radius: 0; background: transparent; } #asOvl.as-inline .ts-dlg-box > .h { display: none; } #asOvl.as-inline .ts-dlg-box > .b, #asOvl.as-inline .ts-dlg-box > .f { padding-left: 0; padding-right: 0; } .m-anschreiben .as-seite { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden; } /* §2571 wie .pm-seite: die Seite selbst scrollt nicht */ /* §2571 (Joerg: "die Seite scrollt hinter die Knoepfe, die Statusleiste scrollt mit"): als Seite scrollt NUR die Tabelle — Filter oben, Statuszeile (.f) unten bleiben stehen */ #asOvl.as-inline .ts-dlg-box > .b { display: flex; flex-direction: column; overflow: hidden; min-height: 0; } #asOvl.as-inline #as_box { flex: 1 1 auto; min-height: 0; overflow: auto; } #asOvl.as-inline .ts-dlg-box > .f { flex: 0 0 auto; } #asOvl .as-filter { display: grid; grid-template-columns: auto auto auto 1fr; gap: var(--ds-s) var(--ds-m); align-items: center; margin-bottom: var(--ds-s); } #asOvl .as-filter .fz { display: contents; } #asOvl .as-filter .fz label { white-space: nowrap; font-weight: 600; } #asOvl .as-filter .v { height: var(--ds-feld); } #asOvl #as_kreis, #asOvl #as_vorlage, #asOvl #as_such { width: var(--fb-320); justify-self: start; } /* §3511 Suchfeld = Breite der linken Auswahlfelder */ #asOvl #as_monate, #asOvl #as_aus { width: var(--fb-220); justify-self: start; } .ts-dlg.as #as_box { flex: 1 1 auto; min-height: 0; overflow: auto; } .ts-dlg.as .as-ausvermerk { font-style: italic; color: var(--ts-gedaempft); } .ts-dlg.as #as_tab { table-layout: fixed; width: 100%; } .ts-dlg.as .as-c-nr { width: var(--fb-90); } .ts-dlg.as .as-c-ort { width: var(--fb-220); } .ts-dlg.as .as-c-mail { width: var(--fb-270); } .ts-dlg.as .as-c-mandat { width: var(--fb-270); } .ts-dlg.as .as-c-info { width: var(--fb-320); } /* §3462 Adressen/Stand schnitten ab (bis 492 px Text in 119 px); Name-Spalte gibt ab */ .ts-dlg.as #as_tab tbody tr[data-i] { cursor: pointer; } /* §1977: Knopfspalte entfaellt — Zeile markieren, Knoepfe in der Leiste */ .ts-dlg.as #as_tab tbody tr.sel > td { background: var(--ds-auswahl); } .ts-dlg-box .f > .dlg-status.neg { color: var(--ts-red); } /* §2751 global (vorher nur .ts-dlg.as): Statuszeile meldet einen Mangel — Rot = Semantik Fehler */ .ts-dlg-box .f > .dlg-status.ok { color: var(--ts-ok); } /* §3416: Statuszeile meldet Erfolg (Mail-Dialog „Gesendet ✓“) — vorher Inline-Farbe im Mail-Dialog */ .ts-dlg.as #as_tab td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ts-dlg.as tr.as-aus td { opacity: .55; } /* §1593: ausgeblendete Empfaenger */ .ts-dlg .as-html { width: 100%; height: var(--as-html-h); border: 1px solid var(--ds-trennlinie); background: var(--ts-panel-bg); display: block; box-sizing: border-box; } /* §1591: Vorschau = gerenderte Mail inkl. Signatur · §3412 auch im comCENTER-Editor (Vorschau-Fenster Ebene 3), daher ohne .as */ /* ▸N1166 */ /* ▸N1167 */ /* ▸N1168 */ /* ▸N1169 */ /* ▸N1170 §679h */ .zd-ein-hin { font-size: var(--ds-fs-hinweis); color: var(--ts-gedaempft); margin-top: 6px; line-height: 1.4; } .zd-rest { font-size: var(--ds-fs-hinweis); color: var(--ts-red); } @keyframes es-hl-blink { 0% { box-shadow: 0 0 0 3px var(--ts-akzent); } 100% { box-shadow: 0 0 0 0 transparent; } } /* ▸N1177 */ /* ▸N1178 */ /* ▸N1179 §735d K-317 §727 */ /* ▸N1180 */ .es-tse-tab{border-collapse:collapse;margin:2px 0 0;width:100%;max-width:760px} .es-tse-tab td{padding:3px 0;vertical-align:top;border-bottom:1px solid var(--ts-trenn)} .es-tse-tab tr:last-child td{border-bottom:0} .es-tse-l{width:230px;padding-right:12px;font-weight:600;white-space:nowrap} /* ▸N1181 §526 */ /* ▸N1182 §531 */ .es-sysstatus{padding:2px 0 6px;font-weight:600} /* ▸N1183 §531 §527 */ [id^="es-syspanel"] .es-tse-tab{margin-top:4px;max-width:none;width:100%} /* ▸N1184 §528 */ /* ▸N1185 §535 */ .es-syszeile{display:flex;align-items:flex-start;gap:6px} .es-syscmd{flex:1 1 auto;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace; font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-all; background:var(--ts-flaeche);border:1px solid var(--ts-line);border-radius:6px;padding:4px 7px} .es-syscopy{flex:0 0 auto;margin:0;padding:3px 8px;font:inherit;font-size:12px; background:var(--ts-panel-bg);border:1px solid var(--ts-line);border-radius: var(--ds-radius);cursor:pointer} #es-syspanel-bef .es-tse-l{white-space:normal;padding-right:0} #es-syspanel-bef .es-tse-tab tr{display:block;padding:0 0 7px; border-bottom:1px solid var(--ts-trenn)} #es-syspanel-bef .es-tse-tab tr:last-child{border-bottom:0}#es-syspanel-bef .es-tse-tab td { display:block;width:auto;padding:3px 0 0; border-bottom:0; } /* ▸N1188 §533 §532 */ .es-sysbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0} /* ▸N1189 §542 */ .es-pakzeile{display:flex;gap:6px;align-items:center;padding:2px 0 8px} .es-pakfeld{flex:1 1 auto;min-width:0} .es-pakleer{color:var(--ts-gedaempft);font-size:12.5px;padding:4px 0} .es-sysbtns .es-ubtn{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* ▸N1190 §539 §533 §538 */ .es-grid-raster #es-syspanel-akt{display:flex;flex-direction:column} #es-syspanel-akt #es-sysaus{flex:1 1 auto;min-height:180px;display:flex;flex-direction:column} /* ▸N1191 §545 §539 */ .es-sysaus-txt{flex:1 1 auto;min-height:0;max-height:420px; font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px; line-height:1.45;white-space:pre-wrap;word-break:break-word; overflow:auto;margin:6px 0 0;padding:7px 9px; background:var(--ts-flaeche);border:1px solid var(--ts-line);border-radius:6px} /* ▸N1192 §533 */ .es-sysaus-leer{flex:1 1 auto;min-height:0; display:flex;align-items:center;justify-content:center; margin:6px 0 0;color:var(--ts-pos-grau);font-size:12.5px; /* ▸N1193 §619 §687 §611v */ background:var(--ts-hover-bg);border:1px dashed var(--ts-line);border-radius:6px} .es-tse-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12.5px;word-break:break-all} /* ▸N1194 K-46 */ .ts-kal{ display:none; position:fixed; z-index:10790; /* §3326 (Joerg 21.10. 15:35 „Datumsfeld oeffnet keinen Kalender“): 9999 lag HINTER jedem gestapelten Fenster (.ts-dlg.ovl2 10600, ovl3 10605, je-such-vorn 10650) — der Kalender war im DOM (gemessen 256x244 unter dem Feld), aber unsichtbar. Ebenenleiter K-399: Aufklapper ueber allen Fenstern, unter dem Tooltip .je-tip 10800. */ background:var(--ts-panel-bg); color:var(--ts-ink); border:1px solid var(--ts-line); border-radius:8px; box-shadow:var(--ds-schatten-dialog); /* §1259 */ padding:8px; font-size:13px; user-select:none; } .ts-ts-kopf{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; } .ts-ts-titel{ font-weight:700; } .ts-ts-nav{ width:26px; height:26px; line-height:24px; text-align:center; border:1px solid var(--ts-line); border-radius: var(--ds-radius); background:var(--ts-panel-bg); cursor:pointer; font-size:16px; color:var(--ts-ink); } .ts-ts-tab{ border-collapse:collapse; } .ts-ts-tab th{ width:32px; height:22px; font-weight:600; font-size:12px; color:var(--ts-gedaempft); text-align:center; } .ts-ts-tab th.we{ color:var(--ts-red); } .ts-ts-tab td{ padding:1px; text-align:center; } .ts-ts-tab td button{ width:32px; height: var(--ts-btn-h-klein) /* §1532 war --ds-feld 28px */; border:1px solid transparent; border-radius: var(--ds-radius); background:var(--ts-panel-bg); cursor:pointer; font:inherit; color:var(--ts-ink); } .ts-ts-tab td button.we{ color:var(--ts-red); } /* ▸N1195 */ .ts-ts-tab td button.heute{ border-color:var(--ts-akzent); font-weight:700; } .ts-ts-tab td button.gewaehlt{ background:var(--ts-akzent); border-color:var(--ts-akzent); color:var(--ts-sec-fg); } /* .ts-ts-fuss → .dlg-fuss (§660) */ .ts-ts-btn{ flex:1; height:26px; border:1px solid var(--ts-line); border-radius: var(--ds-radius); background:var(--ts-panel-bg); cursor:pointer; font:inherit; font-size:12px; color:var(--ts-ink); } .ts-ts-btn.heute{ background:var(--ts-akzent); border-color:var(--ts-akzent); color:var(--ts-sec-fg); } /* ▸N1198 §660 */ .dk-suche { width: 100%; margin-bottom: 6px; } /* ▸N1199 */ .dk-tab { width: 100%; } /* ▸N1200 */ /* ▸N1201 §630 */ /* ▸N1202 §818 */ .dk-tab.dk-aussteller td.dk-zr { white-space: nowrap; } /* ▸N1203 */ .dk-tab .dk-zr{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; font-variant-numeric:tabular-nums; } .dk-tab .dk-zr .dk-zr-bis{ text-align:right; } /* ▸N1204 */ .ts-ts-navgrp{ display:flex; gap:4px; } /* ▸N1205 */ .ts-ts-tab td button.aus, .ts-ts-tab td button:disabled{ background:var(--ts-dis-bg); color:var(--ts-dis-fg); border-color:var(--ts-dis-bd); cursor:default; } /* ▸N1206 */ .tspro-ui .klein, .ts-dlg .klein{ font-size: var(--ds-fs-hinweis); line-height:1.45; color:var(--ts-pos-grau); } /* ▸N1207 K-45 */ .ts-dlg .ka-neg{ color:var(--ts-red); } /* §795 (T3): .ka-grau -> .ts-dim */ /* ▸N1208 */ .ts-dlg .dk-um{ padding:1px 8px; font-size: var(--ds-fs-hinweis); } /* ▸N1212 */ .ts-dlg .es-kette-kk{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 12px} .ts-dlg .es-kette-karte{flex:1 1 var(--mw-kette-karte);min-width:var(--mw-kette-min);border:1px solid var(--ts-line); border-radius:var(--ds-radius);background:var(--ts-flaeche);padding: var(--ds-m) var(--ds-l);font:inherit;line-height:1.5} .ts-dlg .es-kette-karte .kkt{font-weight:700;margin-bottom:6px} .ts-dlg .es-kette-karte .kkz{display:flex;justify-content:space-between;gap:12px; padding:2px 0;border-bottom:1px solid var(--ts-trenn)} .ts-dlg .es-kette-karte .kkz:last-child{border-bottom:0} .ts-dlg .es-kette-karte .kkp{font-size:var(--ds-fs-text)} .ts-dlg .es-kette-tab{border-collapse:collapse;width:100%;margin:4px 0 6px; font:inherit;font-size:var(--ds-fs-text)} .ts-dlg .es-kette-tab th, .ts-dlg .es-kette-tab td{border:1px solid var(--ts-line);padding: var(--ds-xs) var(--ds-s);text-align:left; vertical-align:top;white-space:normal;overflow:visible;text-overflow:clip} .ts-dlg .es-kette-tab th{background:var(--ts-flaeche);font-weight:600} .ts-dlg .es-kette-tab tr.sprung td{background:var(--ts-meld-warn-bg);font-weight:600} .ts-dlg .es-kette-tab tr.fremd td{background:var(--ts-flaeche);color:var(--ts-gedaempft)} .ts-dlg .es-kette-fazit{margin:8px 0 2px;font-size:var(--ds-fs-text);font-weight:600} .ts-dlg .es-kette-hinweis{margin-top:4px;font-size:12px;color:var(--ts-meld-warn-fg)} /* ▸N1213 */ .ts-dlg .es-kette-tsskarte{margin:0 0 var(--ds-m)} .ts-dlg .es-kette-tsskarte .kkw{padding:2px 0;line-height:1.5;word-break:break-all} .ts-dlg .es-kette-tsskarte .kkw span{display:inline-block;min-width:var(--mw-kette-w);font-weight:600;word-break:normal} /* §1391 Stufe voll */ .ts-dlg-box:has(.es-kette-voll) .b{overflow:hidden;display:flex; flex-direction:column;min-height:0} .ts-dlg-box:has(.es-kette-voll) .es-kette-kk, .ts-dlg-box:has(.es-kette-voll) .es-kette-tsskarte, .ts-dlg-box:has(.es-kette-voll) .es-kette-fazit, .ts-dlg-box:has(.es-kette-voll) .es-kette-hinweis{flex:0 0 auto} .ts-dlg-box:has(.es-kette-voll) .es-kette-scroll{flex:1 1 auto;min-height:0; max-height:none}.ts-dlg .es-kette-scroll { max-height:46vh;overflow:auto;border-radius:8px; border:1px solid var(--ts-panel-bd); }.ts-dlg .es-kette-scroll .es-kette-tab { margin:0;border:0; border-collapse:separate;border-spacing:0; font-size:13px; }.ts-dlg .es-kette-scroll .es-kette-tab th { position:sticky;top:0;z-index:1; border-right:1px solid var(--ts-line); background:var(--ts-flaeche);font-weight:700; padding:6px 8px;border:0;border-bottom:1px solid var(--ts-panel-bd); box-shadow:none; }.ts-dlg .es-kette-scroll .es-kette-tab td { border-right:1px solid var(--ts-line); border:0;border-bottom:1px solid var(--ts-trenn); padding: var(--ds-xs) var(--ds-s); }.ts-dlg .es-kette-scroll .es-kette-tab th:last-child, .ts-dlg .es-kette-scroll .es-kette-tab td:last-child { border-right:0; } /* ▸N1218 */ .ts-dlg .es-kette-scroll .es-kette-tab thead th, .ts-dlg .es-kette-scroll .es-kette-tab tbody td{border-right:1px solid var(--ts-trenn)} .ts-dlg .es-kette-scroll .es-kette-tab thead th:last-child, .ts-dlg .es-kette-scroll .es-kette-tab tbody td:last-child{border-right:0} /* ▸N1219 */ .ts-dlg .es-kette-scroll .es-kette-tab tbody td{height:var(--ts-tab-td-h); padding:0 8px;vertical-align:middle;white-space:nowrap;line-height:1.3} .ts-dlg .es-kette-scroll .es-kette-tab thead th{padding:var(--ts-tab-th-pad); white-space:nowrap} .ts-dlg .es-kette-warn{cursor:help;color:var(--ts-meld-warn-fg);font-size:13px} .ts-dlg .es-kette-tab tr.fremd .es-kette-warn{color:var(--ts-gedaempft)} /* ▸N1220 */ .ts-dlg .es-kette-tab td.beleg .es-kette-warn{float:right;margin-left:8px} /* ▸N1221 R-12.5 */ /* ▸N1222 */ .tspro-ui th.sp-artnr, .tspro-ui td.sp-artnr, .ts-dlg th.sp-artnr, .ts-ovl th.sp-artnr, .ts-dlg td.sp-artnr, .ts-ovl td.sp-artnr, .je-such th.sp-artnr, .je-such td.sp-artnr { min-width: var(--ts-sp-artnr); } /* §4120 (Jörg 01.11. 11:57, gemessen: Spalte SN 27 px in RMA › Offene Positionen): .sp-seriennr (Z.3501, 10 % + min-width) greift in Tabellen mit table-layout:fixed nicht — min-width wirkt dort nicht, die Spalte fiel auf Textbreite. Kopfzelle gibt die Breite vor; Fundstellen: inventur, rma, warenruecksendung ×2. */ :is(.ts-dlg-box, .je-such) th.sp-seriennr { width: calc(var(--ts-sp-min-seriennr) + var(--ts-sp-pad)); } /* ▸N1223 §220 */ /* ▸N1224 */ /* ▸N1225 §220 */ /* ▸N1226 K-45 */ .tspro-ui textarea, .ts-dlg textarea, .ts-ovl textarea, /* §2718 GRUNDREGEL (Joerg 22.08. "ENDGUELTIG", §220; bei §1383 !important-Abbau verloren gegangen, danach bauten 4 Stellen wieder Ziehgriffe ein): KEIN Textfeld im ganzen System ist per Ziehgriff in der Groesse veraenderbar. Eine Regel, !important als belegte Ausnahme — lokale Regeln duerfen sie nicht aufheben (Pruefer RESIZE). */ textarea { resize: none !important; } /* ▸N1227 §220 */ /* ▸N1228 §404 */ .tspro-ui .tse-test-balken { background: var(--ts-red); color: var(--ts-sec-fg); font-weight: 700; font-size: 13px; letter-spacing: .04em; text-align: center; padding: 6px 12px; border-radius: 8px; margin: 0 0 var(--ts-kachel-gap); } /* ▸N1229 §633 §611v */ /* .bk-bar → .dlg-leiste (§660) */ .ts-dlg .dlg-leiste input[type="file"] { font-size: 12px; max-width: var(--mw-datei); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-alle { font-size: var(--ds-fs-text); display: flex; gap: 6px; align-items: center; } /* ▸N1230 §660 */ /* .bk-tab-wrap → .dlg-inhalt (§661) */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab { width: 100%; table-layout: fixed; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab th { position: sticky; top: 0; background: var(--ts-panel-bg); z-index: 1; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab th.bk-zweck { width: auto; min-width: 200px; } /* §675: Restspalte, gibt 80px an den Vorschlag ab */ /* §673: Restspalte, jetzt mit Platz statt 142px */ /* ▸N1231 §648 §672d */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab td.bk-zweck { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ▸N1232 §648 */ /* ▸N1233 §672d */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-verteilt { color: var(--ds-hinweis); } /* ▸N1234 §677 */ .ts-dlg .zl-tab td.sp-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* §1379: voller Text im title */ .ts-dlg .zl-mangel { color: var(--ts-red); } /* ▸N1235 §679b */ /* ▸N1237 §692 */ /* ▸N1238 §679b */ /* ▸N1239 §679a */ /* ▸N1240 §679a */ /* ▸N1241 §679t */ /* ▸N1242 §679d */ /* ▸N1243 §679j §673b §679i */ /* ▸N1244 §673 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab tbody tr[data-id] { cursor: pointer; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-aktionen { margin-top: var(--dlg-zone); padding-top: var(--dlg-zone); border-top: 1px solid var(--ds-trennlinie); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-gewaehlt { font-size: var(--ds-fs-text); color: var(--ts-ink); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab td.num.neg { color: var(--ts-red); } /* ▸N1569 §1569: Vorschlags-Span fuellt die Zelle (vorher fester Wert 270 px in einer 380-px-Spalte — Text wurde gekuerzt, obwohl Platz war) */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-vs { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-vs.bk-sicher { color: var(--ts-akzent); font-weight: 600; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-alt { font-size: var(--ds-fs-hinweis); color: var(--ts-pos-grau); cursor: help; } /* ▸N1249 §635 */ /* .uv-bar → .dlg-leiste (§660) */ .ts-dlg .uv-frei { margin-left: auto; display: inline-flex; gap: 6px; align-items: center; font-size: 12px; } /* ▸N1250 §1067 §1014 K-177 §13b */ .ts-dlg .fil-sec-body > .tbl-box { min-height: 0; } .ts-dlg .fil-sec-body > .tbl-box > .tbl-scroll { max-height: 38vh; overflow: auto; min-height: 0; } .ts-dlg .uv-tab thead th { position: sticky; top: 0; z-index: 1; background: var(--ts-flaeche); }.ts-dlg .uv-tab { width: 100%; table-layout: fixed; } .ts-dlg .uv-tab th.uv-kz, .ts-dlg .uv-tab td.uv-kz { width: var(--mw-uv-kz); font-weight: 700; } .ts-dlg .uv-tab tr.uv-sum td { border-top: 0.4mm solid var(--ts-ink); font-weight: 700; } /* ▸N1251 §1310 */ /* .uv-fuss → .dlg-hinweis (§660) */ /* ▸N1252 §636 */ .ts-dlg .dlg-leiste #jt_jahr { font-size: 15px; } /* §1307/§1308 */ .ts-dlg .jt-tab { width: 100%; table-layout: fixed; font-size: var(--ts-tab-fs); } /* ▸N1255 §1314 */ .ts-dlg .jt-tab th { position: sticky; top: 0; background: var(--ts-panel-bg); z-index: 1; } .ts-dlg .jt-tab th.jt-lbl, .ts-dlg .jt-tab td.jt-lbl { width: var(--mw-jt-lbl); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* §668: 168px gemessen + Polster */ .ts-dlg .jt-tab th.jt-kto, .ts-dlg .jt-tab td.jt-kto { width: var(--mw-jt-kto); font-weight: 600; } .ts-dlg .jt-tab th.jt-kname, .ts-dlg .jt-tab td.jt-kname { width: var(--mw-jt-kname); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ▸N1256 §668b */ .ts-dlg .jt-tab th.jt-m, .ts-dlg .jt-tab td.jt-m { width: var(--mw-jt-m); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* §1314: 84 px fest statt auto/min 100 */ /* ▸N1257 §668b */ .ts-dlg .jt-tab th.jt-sum, .ts-dlg .jt-tab td.jt-sum { width: var(--mw-jt-sum); font-weight: 700; white-space: nowrap; } .ts-dlg .jt-tab tr.jt-klaeren td { color: var(--ts-red); } .ts-dlg .jt-leer { color: var(--ts-pos-grau); font-size: var(--ds-fs-hinweis); } /* ▸N1258 §637 */ .ts-dlg .sr-hint { margin-bottom: 6px; } /* ▸N1259 §638 */ .tspro-ui .be-liefbed .be-liefbed-txt { font-size: 12px; white-space: normal; line-height: 1.35; min-height: 26px; } .tspro-ui .be-liefbed .be-liefbed-txt.neg { color: var(--ts-red); font-weight: 600; } /* ▸N1260 §643 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-zugaenge { margin-top: var(--dlg-zone); font-size: var(--ds-fs-text); } /* §661: Zonenabstand aus dem System */ /* .bk-zg: Layout kommt aus .dlg-liste > * (§661) */ /* ▸N1261 §795 */ /* ▸N1262 §675 §650b */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-zg > b { flex: 0 0 200px; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-zg-akt { display: flex; gap: var(--dlg-gap); margin-left: auto; flex: none; } /* §917: Knoepfe stehen fest rechts */ /* ▸N1263 §917 §846 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-zg-st { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; gap: 6px; } /* ▸N1264 §1090 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-zg-st > .obtn { flex: none; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-konto .bk-datei { flex: none; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-rest { color: var(--ts-red); white-space: nowrap; } /* ▸N1265 §672 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-zg-neu { padding-top: 4px; } /* ▸N1266 §650b */ /* ▸N1267 §661 */ /* ▸N1268 §645b */ .es-selfrei { display: flex; flex-direction: column; gap: 4px; } /* ▸N1269 §646c */ #es-bktblbox th.bk-mitte, #es-bktblbox td.bk-mitte { text-align: center; } /* ▸N1270 §648k */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-dateiname { font-size: var(--ds-fs-text); color: var(--ts-pos-grau); margin: 0 4px; } /* ▸N1271 §722 K-42 */ .tspro-ui .opt-col > .obtn, .art-wrap .opt-col > .obtn, .es-wrap .opt-col > .obtn, .bib-wrap .opt-col > .obtn, .tspro-ui .dv-right .opt-col > .obtn { width: var(--ts-btn-w); } .je-such .js-kachel .obtn::before, .be-ov .js-kachel .obtn::before, .je-such .js-fbtn::before, .be-ov .js-fbtn::before { display: none; content: none; } /* ▸N1283 §799 K-170 */ .tbl-fest { table-layout: fixed; width: 100%; }.ts-dlg-box:has(.bk-wrap) { max-height: 94vh; display: flex; flex-direction: column; } /* §1395: nur Aufbau — Groesse ts-dlg-weit am Aufrufer */ .ts-dlg-box:has(.bk-wrap) > .b { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-wrap { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-wrap > .dlg-leiste, :is(.ts-dlg, .m-zahlungsverkehr) .bk-wrap > .bk-zugaenge, :is(.ts-dlg, .m-zahlungsverkehr) .bk-wrap > .dlg-status { flex: none; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-wrap > .dlg-leiste + .dlg-leiste { margin-top: var(--dlg-gap); } /* ▸N1288 §1091 */ /* ▸N1289 §1092 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-wrap > .dlg-leiste + .dlg-leiste + .dlg-leiste { margin-top: var(--ds-l); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-wrap > .dlg-status { margin-top: var(--ds-l); padding-top: var(--ds-s); margin-bottom: var(--ds-s); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-wrap > .bk-tab-wrap { flex: 1 1 auto; min-height: 0; overflow: auto; } /* ▸N1290 §868 */ .tspro-ui tr.zeile-dim td, .je-such tr.zeile-dim td, .ts-dlg tr.zeile-dim td, .be-ov tr.zeile-dim td { color: var(--ts-gedaempft); } /* ▸N1291 §903 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-alle-liste { max-height: var(--mw-bk-alle); overflow-y: auto; border: 1px solid var(--ts-panel-bd); border-radius: 6px; padding: 4px 6px; margin-bottom: 6px; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-alle-zeile { display: flex; gap: 8px; align-items: center; padding: 3px 2px; border-bottom: 1px solid var(--ts-trenn); font-size: var(--ds-fs-text); cursor: pointer; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-alle-zeile:last-child { border-bottom: 0; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-alle-zeile .num { min-width: var(--mw-bk-num); text-align: right; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-alle-name { min-width: 200px; color: var(--ts-gedaempft); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-alle-ziel { flex: 1; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; } /* §848: eine Linie, kein Umbruch (Joerg) */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter select.v, :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter input.v { height: var(--ts-btn-h); width: auto; flex: 0 1 auto; min-width: 0; } /* ▸N1292 §846 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter .datepick input.v { width: var(--mw-bk-datum); } /* §4851 KONTOKARTEN (Skizze ks1/ks2 v2, Jörg 09.11. 14:12): Reihe zwischen Filterzeile und Tabelle, Abstände = Abstand Filterzeile→Tabelle (--dlg-zone, gemessen 12 px), Auswahl = Akzentkante links + Auswahlfläche wie .fen-baum > .fen-li.sel (K-433), Beträge rechtsbündig, negativ rot (M11 §3944). */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-karten { flex: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--bk-karte-min), 1fr)); gap: var(--ds-m); margin: 0 0 var(--ds-m); } /* Filterzeile trägt margin-bottom --ds-m (Z. .bk-filter.bk-konto) — gleicher Abstand Karten→Tabelle und zwischen Karten */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-karten:empty { display: none; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-karte { height: var(--bk-karte-h); box-sizing: border-box; padding: var(--ts-luft-s) var(--ds-m); border: 1px solid var(--ts-panel-bd); border-radius: 6px; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-karte.sel { background: var(--ts-sel-bg); box-shadow: inset 3px 0 0 var(--ts-akzent); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-k-kopf { display: flex; gap: var(--dlg-gap); align-items: baseline; white-space: nowrap; font-size: var(--ds-fs-text); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-k-kopf > span { margin-left: auto; color: var(--ts-gedaempft); font-size: var(--ds-fs-hinweis); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-k-wert { text-align: right; font-weight: 700; font-size: var(--bk-karte-fs); line-height: var(--bk-karte-lh); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-k-wert.neg { color: var(--ts-red); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-leer .bk-k-wert { color: var(--ts-gedaempft); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-k-zeile { text-align: right; font-size: var(--ds-fs-hinweis); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-k-dim { color: var(--ts-gedaempft); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-k-vm { cursor: pointer; text-decoration: underline dotted; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter #bk_f_richtung { width: var(--mw-bk-richtung); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter #bk_f_status { width: var(--mw-bk-status); } /* §1532: Leiter statt 200px */ /* ▸N1294 §849 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab-wrap { border: 1px solid var(--ts-panel-bd); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab-wrap > .tbl-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter .bk-f-lab { display: inline-flex; align-items: center; gap: 4px; color: var(--ts-gedaempft); font-size: var(--ds-fs-text); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter input#bk_f_q { width: auto; min-width: 0; flex: 1 1 auto; margin: 0; } /* ▸N1295 §1090 §1091 K-361 */ /* §848: breiter (Joerg) */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-filter .datepick { display: inline-flex; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-aktionen .bk-fuss-links { display: flex; flex-direction: column; gap: 2px; min-width: 0; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-aktionen .bk-saldo { font-size: var(--ds-fs-text); color: var(--ts-gedaempft); }/* ▸N1296 §1058 §1057 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-aktionen.bk-fuss3 { display: flex; flex-direction: column; align-items: stretch; gap: 0; } /* Leerzeile zwischen Status und Legende */ /* ▸N1297 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-fuss3 .bk-reihe-status { display: flex; flex-direction: column; gap: 2px; min-width: 0; }:is(.ts-dlg, .m-zahlungsverkehr) .bk-fuss3 .bk-reihe-legende { margin-top: var(--ds-l); display: flex; flex-wrap: wrap; align-items: center; gap: 2px var(--ds-l); font-size: var(--ds-fs-text); color: var(--ts-gedaempft); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-fuss3 .bk-reihe-legende .bk-lg-t { color: var(--ts-text); font-weight: 600; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-fuss3 .bk-reihe-legende .bk-lg, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-reihe-legende .bk-lg { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; } /* §1147: dieselbe Legende im Fenster Abrechnung */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-fuss3 .bk-reihe-legende .bk-lg-f, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-reihe-legende .bk-lg-f { color: var(--ts-akzent); font-weight: 600; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-fuss3 .bk-reihe-legende .bk-lg-ki { color: var(--ts-akzent-dark); font-weight: 600; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-zn.bk-ki { color: var(--ts-akzent-dark); } /* ▸N1298 §1059 */ /* ▸N1299 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-zn { font-weight: 600; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-zn.bk-offen { color: var(--ts-gedaempft); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-zn.bk-warn, :is(.ts-dlg, .m-zahlungsverkehr) .bk-vs.bk-warn { color: var(--ts-meld-warn-fg); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-vs.bk-ki { color: var(--ts-akzent-dark); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-hinweis { color: var(--ts-meld-warn-fg); display: inline-block; max-width: 100%; /* §1569 wie .bk-vs */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab th.bk-sort { cursor: pointer; user-select: none; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab th.bk-sort.sort-auf::after { content: ' \25B2'; font-size: var(--ds-fs-hinweis); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-tab th.bk-sort.sort-ab::after { content: ' \25BC'; font-size: var(--ds-fs-hinweis); } /* ▸N1300 §835 §730 */ .je-such .js-such .js-such-info { margin-left: auto; white-space: nowrap; font-size: 12px; color: var(--ts-gedaempft); } /* ▸N1301 §821 §800 §705 */ /* ▸§1493 (Joerg 22.09.2026: "in allen Masken wird die Zeile nicht komplett markiert"): Die Regel war auf .tspro-ui .be-tbl und .tspro-ui .tbl-box gescopt — jede Positionstabelle ausserhalb dieses Rahmens behielt in Bemerkung/Anzahl/EK den Feldhintergrund und blieb hell. Jetzt global: in einer markierten oder ueberfahrenen Zeile sind Eingabefelder, Auswahlfelder und Textfelder durchsichtig. */ tbody tr:hover td input:not([type="checkbox"]):not([type="radio"]), tbody tr:hover td select, tbody tr:hover td textarea, tbody tr.sel td input:not([type="checkbox"]):not([type="radio"]), tbody tr.sel td select, tbody tr.sel td textarea { background-color: transparent; } /* ▸N1304 §794 */ /* ▸N1305 §796 */ .ts-x { background: transparent; border: 0; color: var(--ts-sec-fg); font-size: 20px; line-height: 1; cursor: pointer; padding: 0 4px; opacity: .8; } .tspro-ui .obtn.dark, .art-wrap .obtn.dark, .es-wrap .obtn.dark, .bib-wrap .obtn.dark, .ts-ovl .obtn.dark, .be-ov .obtn.dark, .ts-memo-ov .obtn.dark, .je-such .obtn.dark { background: var(--ts-ink); color: var(--ts-sec-fg); border-color: var(--ts-ink); } /* ▸N1307 §795 */ .ts-dim { color: var(--ts-pos-grau); } /* App-Leiste (includes/header.php) */ /* ▸N1310 §794 */ body.ts-app *, body.ts-app *::before, body.ts-app *::after, body.ts-anmeldung *, body.ts-anmeldung *::before, body.ts-anmeldung *::after { box-sizing: border-box; } .app-bar { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; gap: .9rem; height: var(--ts-bar-h); padding: 0 1.2rem; background: var(--ts-ink); color: var(--ts-panel-bg); } /* §4073: 52px jetzt als Variable (gleicher Wert) */ .app-bar .brand { font-weight: 800; font-size: 14px; letter-spacing: .01em; white-space: nowrap; } .app-bar .title { font-size: 13px; color: rgba(255,255,255,.65); white-space: nowrap; } .app-bar .spacer { flex: 1 1 auto; } /* ▸N1311 §921 */ .app-bar .hd-status { display: flex; align-items: center; gap: 12px; flex: none; } .app-bar .hd-tse { background: var(--ts-red); color: var(--ts-sec-fg); font-weight: 700; font-size: 12px; letter-spacing: .04em; white-space: nowrap; } /* ▸N1312 §1182 §1182c */ .app-bar .hd-assist { color: var(--ts-panel-bg); background: transparent; border-radius: 6px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: background .15s; } .app-bar .logout { color: var(--ts-panel-bg); text-decoration: none; font-size: 12px; font-weight: 700; border-radius: 6px; transition: background .15s; } .app-bar .user-menu { position: relative; display: flex; align-items: center; } .app-bar .user-btn { display: inline-flex; align-items: center; cursor: pointer; background: transparent; color: rgba(255,255,255,.9); border-radius: 6px; font: inherit; transition: background .15s; } .app-bar .user-btn .caret { font-size: var(--ds-fs-hinweis); opacity: .75; transition: transform .15s; } /* §3269 (Joerg 20.10. 12:53: „manche Knoepfe einzeilig, manche mehrzeilig — vereinheitlichen, KI-Anzeige auch als Knopf“): EIN Mass fuer alle Elemente der Kopfleiste — gleiche Hoehe, gleicher Rahmen, gleiche Schrift, nie Umbruch. Gilt fuer Mail-Index, Druckauftraege, E-Mails, Assistent, KI-Kosten, TSE-Hinweis, Benutzer, Abmelden. */ :root { --hd-knopf-h: 28px; --hd-knopf-rand: rgba(255,255,255,.25); } .app-bar .hd-druck, .app-bar .hd-assist, .app-bar .logout, .app-bar .user-btn, .app-bar .hd-tse { box-sizing: border-box; height: var(--hd-knopf-h); display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; margin-right: 0; border: 1px solid var(--hd-knopf-rand); border-radius: 6px; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; flex-shrink: 0; } .app-bar .hd-tse { border-color: var(--ts-red); } .app-bar .user-menu { flex-shrink: 0; } .app-bar .user-btn[aria-expanded="true"] .caret { transform: rotate(180deg); } .app-bar .user-pop { position: absolute; top: calc(100% + 8px); right: 0; width: 280px; background: var(--ts-panel-bg); color: var(--ts-ink); border: 1px solid var(--ts-line); border-radius: 10px; box-shadow: var(--ds-schatten-dialog); padding: 12px; z-index: 200; } /* §1259 */ .app-bar .user-pop[hidden] { display: none; } .app-bar .up-head { font-size: 13px; font-weight: 800; margin: 0 0 10px; color: var(--ts-ink); } .app-bar .up-row { display: flex; flex-direction: column; gap: 3px; margin-bottom: 8px; } .app-bar .up-row label { font-size: var(--ds-fs-hinweis); color: var(--ts-ink-muted); font-weight: 600; } .app-bar .up-row input { height: var(--ds-feld); border: 1px solid var(--ts-line); border-radius: 6px; padding: 0 8px; font: inherit; font-size: 13px; color: var(--ts-ink); background: var(--ts-panel-bg); } /* §698: Fokusrahmen NICHT in Akzentfarbe */ .app-bar .up-btnrow { margin-top: 2px; } .app-bar .up-save { width: 100%; height: 32px; border: 0; border-radius: 6px; cursor: pointer; background: var(--ts-akzent); color: var(--ts-panel-bg); font: inherit; font-size: 13px; font-weight: 700; transition: background .15s; } .app-bar .up-result { font-size: 12px; line-height: 1.4; margin-top: 8px; min-height: 1em; } .app-bar .up-result.err { color: var(--ts-red); } .app-main { max-width: 1280px; margin: 0 auto; padding: 1.1rem 1.2rem 2rem; } .app-fuss { max-width: 1280px; margin: 0 auto; padding: .8rem 1.2rem; color: var(--ts-dim); font-size: var(--ds-fs-hinweis); font-family: var(--ts-font); } /* ▸N1313 §794 */ /* Anmeldung und 2FA (login.php, 2fa.php) — EINE Form */ body.ts-anmeldung { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: var(--ts-shell-bg); font-family: var(--ts-font); color: var(--ts-ink); } body.ts-anmeldung .card { width: 360px; max-width: 92vw; background: var(--ts-panel-bg); border: 1px solid var(--ts-line); border-radius: 14px; overflow: hidden; box-shadow: var(--ds-schatten-dialog); } /* §1259 */ body.ts-anmeldung .card.card-breit { width: 430px; max-width: 94vw; } /* ▸N1314 */ body.ts-anmeldung .card-head { background: var(--ts-ink); color: var(--ts-panel-bg); padding: 1.1rem 1.4rem; } body.ts-anmeldung .card-head .app { font-weight: 800; font-size: 15px; letter-spacing: .01em; } body.ts-anmeldung .card-head .sub { font-size: var(--ds-fs-hinweis); color: rgba(255,255,255,.6); margin-top: 2px; } body.ts-anmeldung .card-body { padding: 1.3rem 1.4rem; } body.ts-anmeldung label { display: block; font-size: var(--ds-fs-hinweis); font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--ts-ink-muted); margin: 0 0 .3rem; } body.ts-anmeldung input { width: 100%; height: 38px; padding: 0 .7rem; border: 1px solid var(--ts-line); border-radius: 8px; font-size: 14px; outline: none; background: var(--ts-panel-bg); } /* ▸N1315 §698 */ body.ts-anmeldung input.code { letter-spacing: .3em; text-align: center; font-size: 20px; font-weight: 700; } /* ▸N1316 */ body.ts-anmeldung .fld { margin-bottom: .8rem; } body.ts-anmeldung .abstand { margin-bottom: .9rem; } /* war style="margin-bottom:.9rem" */ body.ts-anmeldung .mitte { text-align: center; } /* war style="text-align:center" */ body.ts-anmeldung .err { background: var(--ts-meld-err-bg); color: var(--ts-meld-err-fg); border: 1px solid var(--ts-meld-err-bd); border-radius: 8px; padding: .5rem .8rem; font-size: 13px; margin-bottom: .9rem; } body.ts-anmeldung .hint { background: var(--ts-meld-info-bg); color: var(--ts-meld-info-fg); border: 1px solid var(--ts-meld-info-bd); border-radius: 8px; padding: .5rem .8rem; font-size: 12.5px; margin-bottom: .9rem; line-height: 1.45; } body.ts-anmeldung .qr { display: flex; justify-content: center; margin-bottom: .9rem; } body.ts-anmeldung .qr svg { width: 320px; height: 320px; border: 1px solid var(--ts-line); border-radius: 8px; } body.ts-anmeldung .wh { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; font-family: ui-monospace, Consolas, monospace; font-size: 15px; letter-spacing: .08em; background: var(--ts-code-bg); border: 1px dashed var(--ts-code-bd); border-radius: 8px; padding: .8rem 1rem; margin-bottom: .9rem; } body.ts-anmeldung .sec { font-family: ui-monospace, Consolas, monospace; font-size: 16px; letter-spacing: .12em; background: var(--ts-shell-bg); border: 1px dashed var(--ts-line); border-radius: 8px; padding: .6rem .8rem; text-align: center; margin-bottom: .9rem; user-select: all; word-break: break-all; } body.ts-anmeldung button { width: 100%; height: var(--ts-btn-h-gross) /* §1532 war 40px */; background: var(--ts-akzent); color: var(--ts-panel-bg); border: none; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background .15s; } body.ts-anmeldung button.neben { background: var(--ts-panel-bg); color: var(--ts-ink); border: 1px solid var(--ts-line); margin-top: .5rem; } body.ts-anmeldung a.zurueck { display: block; text-align: center; margin-top: .9rem; font-size: 12.5px; color: var(--ts-ink-muted); } /* ▸N1317 */ html:has(> body.ts-app), body.ts-app { height: 100%; }body.ts-app { background: var(--ts-shell-bg); color: var(--ts-ink); font-family: var(--ts-font); display: flex; flex-direction: column; } body.ts-app .app-bar { flex: 0 0 auto; } body.ts-app .app-main { flex: 1 1 auto; min-height: 0; max-width: none; margin: 0; display: flex; flex-direction: column; } body.ts-app > footer { flex: 0 0 auto; } body.ts-app .tspro-ui.shell-host { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } /* ▸N1318 §966 */ /* ▸N1319 §1074 */ /* §3323 (Joerg 21.10. 15:05 „ein Stueck hoeher, nicht die naechste Fenstergroesse“): Kontoabruf gemessen 720x520 — der Hoehenmodifikator .ts-dlg-hoch (Z.1335, 740) verlor gegen die Stufenregel .ts-dlg-mittel (Z.1343, gleiche Spezifitaet, spaeter) und war hier wirkungslos. Mit dem PayPal-Konto stiess die Statuszeile (y 758,4) an die Knopfleiste (758). Hoehe Stufe breit (620) bei Breite mittel (720): +100 px, Variable statt neuer Zahl. */ #bkaOvl.ts-dlg.bka .ts-dlg-box.ts-dlg-mittel, #bkuOvl.ts-dlg.bka .ts-dlg-box.ts-dlg-mittel, #fbOvl.ts-dlg.bka .ts-dlg-box.ts-dlg-mittel, #fsOvl.ts-dlg.bka .ts-dlg-box.ts-dlg-mittel { height: var(--dlg-h-breit); } /* §4598 Fahrtenbuch abholen/speichern (fb_fenster.js) auf dieselbe Statusfenster-Hoehe wie Kontoabruf — vorher .ts-dlg-hoch = 740 */ /* §3324: Ueberweisungs-/Lastschriftfenster (bku) derselbe tote Modifikator — gleiche Hoehe wie der Kontoabruf */ /* §3323: Koerper als Flex-Spalte (Hausmuster #asOvl Z.3750 / #esDrEigOvl Z.6405) — die Statuszeile .bka-warten rueckt mit margin-top:auto an die Knopfleiste, die Ergebnisliste bleibt darunter; gemessen vorher 84 px Leerraum unter der Statuszeile (Lint „leer“). */ #bkaOvl.ts-dlg.bka .ts-dlg-box > .b, #bkuOvl.ts-dlg.bka .ts-dlg-box > .b, #fbOvl.ts-dlg.bka .ts-dlg-box > .b, #fsOvl.ts-dlg.bka .ts-dlg-box > .b { display: flex; flex-direction: column; } #bkaOvl.ts-dlg.bka .bka-warten, #bkuOvl.ts-dlg.bka .bka-warten, #fbOvl.ts-dlg.bka .bka-warten, #fsOvl.ts-dlg.bka .bka-warten { margin-top: auto; flex: 0 0 auto; } #bkaOvl.ts-dlg.bka .bka-ergebnis, #bkuOvl.ts-dlg.bka .bka-ergebnis { flex: 0 0 auto; } .ts-dlg.bka .bka-kopf { display: flex; align-items: center; gap: var(--ds-m); margin-bottom: var(--ds-m); padding-bottom: var(--ds-s); border-bottom: 1px solid var(--ds-trennlinie); } .ts-dlg.bka .bka-logo { width: 40px; height: 40px; flex: 0 0 40px; color: var(--ts-akzent); } /* §1087b: Systemmass 40 */ .ts-dlg.bka .bka-ring-bg { fill: none; stroke: var(--ts-line); stroke-width: 3; } .ts-dlg.bka .bka-ring { fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 44 132; transform-origin: center; transform-box: fill-box; opacity: .9; } .ts-dlg.bka .bka-haus { fill: currentColor; } .ts-dlg.bka .bka-punkt { fill: var(--ts-ok); opacity: 0; } .ts-dlg.bka.arbeitet .bka-ring { animation: bka-dreh 1.6s linear infinite; } .ts-dlg.bka.arbeitet .bka-punkt { animation: bka-puls 1.2s ease-in-out infinite; } .ts-dlg.bka .bka-titel { font-weight: var(--ds-fw-kopf); font-size: var(--ds-fs-kopf); height: 1.4em; line-height: 1.4em; white-space: nowrap; overflow: hidden; } /* §1085 feste Hoehe */ .ts-dlg.bka .bka-sub { display: block; height: 1.4em; line-height: 1.4em; white-space: nowrap; overflow: hidden; font-size: var(--ds-fs-hinweis); color: var(--ts-ink-muted); } /* §1085 */ /* ▸N1320 §1076 §1089 §1077 */ /* ▸N1321 §1077 */ .ts-dlg.bka .bka-liste { display: grid; gap: var(--ds-s); margin-bottom: var(--ds-m); } .ts-dlg.bka .bka-zg { border: 1px solid var(--ts-line); border-radius: var(--ds-radius); overflow: hidden; } .ts-dlg.bka .bka-zg-kopf { display: flex; justify-content: space-between; align-items: center; padding: var(--ds-xs) var(--ds-s); background: var(--ts-hover-bg); border-bottom: 1px solid var(--ts-line); } .ts-dlg.bka .bka-zg-name { font-weight: var(--ds-fw-kopf); } .ts-dlg.bka .bka-zg-st { font-size: var(--ds-fs-hinweis); color: var(--ts-ink-muted); } .ts-dlg.bka .bka-kz { display: grid; grid-template-columns: 16px 40px 1fr auto; align-items: center; gap: var(--ds-s); padding: var(--ds-xs) var(--ds-s); cursor: pointer; } .ts-dlg.bka .bka-kz + .bka-kz { border-top: 1px solid var(--ds-trennlinie); } .ts-dlg.bka .bka-kz input { margin: 0; accent-color: var(--ts-akzent); } .ts-dlg.bka .bka-kz-art { font-size: var(--ds-fs-hinweis); color: var(--ts-akzent); text-transform: uppercase; letter-spacing: .04em; } .ts-dlg.bka .bka-kz-bez { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ts-dlg.bka .bka-erg-zg { margin-bottom: var(--ds-xs); } .ts-dlg.bka .bka-erg-zg ul { margin: 2px 0 0; padding-left: 16px; } .ts-dlg.bka .bka-warten { display: flex; align-items: center; gap: var(--ds-s); padding: 0 var(--ds-s); height: 40px; box-sizing: border-box; border: 1px solid var(--ts-line); border-radius: var(--ds-radius); background: var(--ts-meld-info-bg); margin-bottom: var(--ds-s); } /* §1085 */ .ts-dlg.bka .bka-app { width: 16px; height: 24px; border: 2px solid var(--ts-akzent); border-radius: 4px; position: relative; flex: 0 0 16px; } .ts-dlg.bka .bka-app::after { content: ''; position: absolute; left: 4px; right: 4px; top: 4px; height: 12px; background: var(--ts-akzent); opacity: .25; } .ts-dlg.bka .bka-warten.puls .bka-app::after { animation: bka-puls 1.2s ease-in-out infinite; } :is(.ts-dlg.bka, .ts-dlg-box, .bc-main) .bka-schritte { list-style: none; margin: 0 0 var(--ds-m); padding: 0; display: grid; gap: var(--ds-xs); } :is(.ts-dlg.bka, .ts-dlg-box, .bc-main) .bka-step { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: var(--ds-s); color: var(--ts-ink-muted); } :is(.ts-dlg.bka, .ts-dlg-box, .bc-main) .bka-step .bka-ico::before { content: '\25CB'; color: var(--ts-ink-muted); } /* offen: Kreis */ :is(.ts-dlg.bka, .ts-dlg-box, .bc-main) .bka-step.lauf { color: var(--ts-ink); } :is(.ts-dlg.bka, .ts-dlg-box, .bc-main) .bka-step.lauf .bka-ico::before { content: '\25D4'; color: var(--ts-akzent); animation: bka-dreh 1.2s linear infinite; display: inline-block; } :is(.ts-dlg.bka, .ts-dlg-box, .bc-main) .bka-step.fehl .bka-ico::before { content: '\2717'; color: var(--ts-red); } :is(.ts-dlg.bka, .ts-dlg-box, .bc-main) .bka-det { /* §3744 Schrittliste als Baustein auch in Fenstern (.ts-dlg-box) und Kacheln (.bc-main): Geraet getauscht */ font-size: var(--ds-fs-hinweis); color: var(--ts-ink-muted); white-space: nowrap; overflow: hidden; max-width: 20em; } /* §1085 */ .ts-dlg.bka .bka-hinweis { height: 2.8em; line-height: 1.4em; overflow: hidden; margin-bottom: var(--ds-s); } /* §1085: genau zwei Zeilen */ .ts-dlg.bka .bka-ergebnis { border-top: 1px solid var(--ds-trennlinie); padding-top: var(--ds-s); max-height: 10em; overflow: auto; } /* §1085 */ .ts-dlg.bka .bka-konten { margin: 0; padding-left: var(--ds-l); font-size: var(--ds-fs-hinweis); color: var(--ts-ink-muted); } @keyframes bka-dreh { to { transform: rotate(360deg); } } @keyframes bka-puls { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }.ts-dlg.bka .bka-kz-leer { color: var(--ts-ink-muted); grid-template-columns: 16px 40px 1fr; } .ts-dlg.bka .bka-kz-leer .bka-kz-bez { white-space: normal; overflow: visible; text-overflow: clip; } .ts-dlg.bka .bka-kz-nr { font-variant-numeric: tabular-nums; letter-spacing: .02em; color: var(--ts-ink); white-space: nowrap; }.ts-dlg.bka .bka-kz-bis { font-size: var(--ds-fs-hinweis); color: var(--ts-ink-muted); white-space: nowrap; grid-column: 3 / 5; }.ts-dlg.bka .bka-kopf-txt { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; } .ts-dlg.bka .bka-ab { display: flex; align-items: center; gap: var(--ds-s); margin-left: auto; flex: 0 0 auto; white-space: nowrap; } .ts-dlg.bka .bka-ab-l { color: var(--ts-ink-muted); white-space: nowrap; } .ts-dlg.bka .bka-ab-f { width: 8em; height: var(--ts-feld-h); line-height: var(--ts-feld-h); box-sizing: border-box; margin: 0; /* ▸N1327 §1081 */ padding: 0 var(--ds-xs); border: 1px solid var(--ts-line); border-radius: var(--ds-radius); font-family: inherit; font-size: inherit; background: var(--ts-field-bg); text-align: center; } .ts-dlg.bka .bka-ab-h { font-size: var(--ds-fs-hinweis); color: var(--ts-ink-muted); padding-top: var(--ds-xs); } /* ▸N1328 §1082 K-45 §1076 §1078 */ .ts-dlg [hidden] { display: none !important; } /* ▸N1329 §1085 */ .ts-dlg.bka .ts-dlg-box .b { min-height: 25em; box-sizing: border-box; }.ts-dlg.bka .bka-warten-txt { font-size: var(--ds-fs-hinweis); color: var(--ts-ink-muted); white-space: nowrap; overflow: hidden; } /* ▸N1330 §982 */ .tspro-ui .bhk-ecomehr { color: var(--ts-ink-muted); } .tspro-ui .bhk-ecodel { color: var(--ts-red); text-decoration: none; margin-left: 2px; } /* ▸N1331 §1087 K-353 */ .bk-modern .bk-tab tbody tr:not([data-fuell]) td:first-child, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr tbody tr:not([data-fuell]) td:first-child, .ts-dlg .pr-dlg tbody tr:not([data-fuell]) td:first-child { box-shadow: inset 3px 0 0 var(--ts-line); } /* §1147: Fenster Abrechnung traegt dieselben Streifen */ /* ▸N1332 §1089 */ .bk-modern .bk-tab tbody tr.z-sicher td:first-child, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr tbody tr.z-sicher td:first-child { box-shadow: inset 3px 0 0 var(--ts-akzent); } .bk-modern .bk-tab tbody tr.z-ki td:first-child, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr tbody tr.z-ki td:first-child { box-shadow: inset 3px 0 0 var(--ts-akzent-dark); } .bk-modern .bk-tab tbody tr.z-warn td:first-child, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr tbody tr.z-warn td:first-child, .ts-dlg .pr-dlg tbody tr.z-warn td:first-child { box-shadow: inset 3px 0 0 var(--ts-meld-warn-fg); } /* Warn-Ton des Hauses (Z.242) */ .bk-modern .bk-tab tbody tr.bk-zugeordnet td:first-child, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr tbody tr.bk-zugeordnet td:first-child, .ts-dlg .pr-dlg tbody tr.bk-zugeordnet td:first-child { box-shadow: inset 3px 0 0 var(--ts-ok); } /* ▸N1333 §1088 §1087 §912 */ .bk-modern .bk-tab .sp-kategorie { width: 112px; min-width: 112px; } .bk-modern .bk-tab .sp-vorschlag .bk-zn, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .sp-txt .bk-zn { display: inline-block; width: var(--mw-bk-zn); text-align: center; } /* Zeichen feste Breite, Text buendig */ .bk-modern .bk-tab thead th { color: var(--ts-ink); font-weight: var(--ds-fw-kopf); background: var(--ts-flaeche); } /* ▸N1334 §1092 */ .bk-modern .bk-reihe-status { color: var(--ts-ink-muted); } /* ▸N1336 §1103 §1107 */ .ts-dlg .eco-dp .dlg-status { min-height: calc(2 * var(--ds-zeile)); max-height: calc(2 * var(--ds-zeile)); overflow: hidden; margin-top: 0; padding-top: 0; border-top: 0; } /* feste Hoehe: Vergleichsergebnis verschiebt nichts */ .ts-dlg .eco-dp .dlg-inhalt { height: calc(12 * var(--ds-zeile)); } /* 12 Zeilen, scrollt selbst (K-314) */ .ts-dlg .eco-dp .tbl-box { height: 100%; } /* ▸N1337 §1139 §1107 */ /* ▸N1338 §1141 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-kopf { display: block; margin: 0 0 var(--ds-s); } /* §1915: Statuszeile des Fensters Kreditkartenabrechnung ist MEHRZEILIG im Fuss (Ruhetext, Abrechnung, Hinweis, Legende) — dialog.js verschiebt sie aus dem Rumpf; jede Zeile einzeilig mit Ellipse, voller Text im Tooltip */ .ts-dlg-box .f > .dlg-status.bk-abr-fuss { display: block; white-space: normal; } .ts-dlg-box .f > .dlg-status.bk-abr-fuss > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ts-dlg-box .f > .dlg-status.bk-abr-fuss #bk_abr_status { color: var(--ts-ink); } .ts-dlg-box .f > .dlg-status.bk-abr-fuss .bk-reihe-legende { display: flex; flex-wrap: wrap; gap: var(--ds-m); } .ts-dlg-box .f > .dlg-status.bk-abr-fuss .bk-lg { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; } .ts-dlg-box .f > .dlg-status.bk-abr-fuss .bk-lg-f { color: var(--ts-akzent); font-weight: 600; } /* §1913: Kopf (Kacheln, Abrechnungszeile, Legende) — war als .dlg-status gebaut und hielt dadurch die echte Statuszeile im Rumpf */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-kz { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ds-m); margin-bottom: 0; } /* ▸N1340 §1219 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-kz > div { background: var(--ts-flaeche); border-radius: var(--ds-radius); padding: 0 var(--ds-l); height: calc(1.5 * var(--ds-zeile)); box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--ds-m); } /* §1144 einzeilig: Beschriftung links, Wert rechts */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-bar { margin: 0 0 var(--ds-s); } /* §1145: ueber den Kacheln */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-kzl { color: var(--ts-ink-muted); font-size: var(--ds-fs-hinweis); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-kzw { font-size: var(--ds-fs-kopf); font-weight: var(--ds-fw-kopf); } /* Systemgroessen: Kopfschrift 13 px, kein fremdes Mass */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-offen { background: var(--ts-meld-warn-bg); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-offen .bk-abr-kzl, :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-offen .bk-abr-kzw { color: var(--ts-meld-warn-fg); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-ok .bk-abr-kzw { color: var(--ts-meld-ok-fg); } /* §2766 Kontrast 4,45:1 mit --ts-ok (gemessen) — dunkleres Meldungsgruen */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .bk-abr-abr { color: var(--ts-ink-muted); } :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .dlg-inhalt { flex: 1 1 0; min-height: 0; overflow: hidden; } /* §1913: fuellt statt fester 12 Zeilen (§1088) */ .ts-dlg .pr-dlg .dlg-inhalt { height: calc(12 * var(--ds-zeile)); overflow: hidden; } /* ▸N1341 §1142 §1161 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .tbl-box, .ts-dlg .pr-dlg .tbl-box { height: 100%; display: flex; flex-direction: column; } :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .tbl-scroll, .ts-dlg .pr-dlg .tbl-scroll { flex: 1 1 0; min-height: 0; overflow: auto; } .ts-dlg .pr-dlg .dlg-status { min-height: calc(2 * var(--ds-zeile)); max-height: calc(2 * var(--ds-zeile)); overflow: hidden; margin-top: 0; padding-top: 0; border-top: 0; } /* §1161: Ergebniszeile fest, zwei Zeilen */ .ts-dlg .pr-dlg .sp-txt { width: var(--mw-pr-txt); min-width: var(--mw-pr-txt); } /* ▸N1342 §1167 */ .ts-dlg .pr-dlg .pr-vorgang { width: var(--mw-pr-vorgang); min-width: var(--mw-pr-vorgang); white-space: nowrap; } /* §1187 */ .ts-dlg .pr-dlg td.pr-umbruch { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.3; padding-top: 3px; padding-bottom: 3px; } /* §1187: Befundtext vollstaendig, Zeile wird hoeher */ .ts-dlg .pr-dlg .pr-detsp { width: var(--mw-pr-detsp); min-width: var(--mw-pr-detsp); text-align: right; white-space: nowrap; } /* ▸N1343 §1179 */ /* ▸N1344 §1167 */ .ts-dlg .pr-dlg .obtn.pr-det { margin: 0; padding: 0 var(--ds-s); height: var(--ts-btn-h-klein) /* §1532 war 20px */; line-height: calc(var(--ds-zeile) - 8px); font-size: var(--ds-fs-knopf); } /* ▸N1345 §1165 */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .tbl-box { height: 100%; } /* §1561: Dokumentwahl im Fenster Abrechnung — nimmt den Platz der (ausgeblendeten) Postenliste */ .ts-dlg .bk-abr-dokwahl { max-height: var(--dlg-liste-h-gross); } /* §2104 Dokumentwahl im eigenen Fenster (Ebene 3) statt im Kartenabrechnungs-Fenster */ :is(.ts-dlg, .m-zahlungsverkehr) .bk-abr .sp-txt { width: var(--mw-bk-abr-txt); min-width: var(--mw-bk-abr-txt); } /* ▸N1346 §1150 */ /* ▸N1347 §1140 */ /* ▸N1348 §1181 */ .ts-dlg .as-dlg .dlg-status { min-height: calc(2 * var(--ds-zeile)); max-height: calc(2 * var(--ds-zeile)); overflow: hidden; margin-top: 0; padding-top: 0; border-top: 0; } .ts-dlg .as-dlg { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; height: 100%; } /* §1412: Verlauf fuellt das Fenster, Eingabe unten */ .ts-dlg .as-dlg .dlg-inhalt { flex: 1 1 auto; min-height: 0; overflow: hidden; } .ts-dlg .as-dlg .as-verlauf { height: 100%; overflow: auto; display: flex; flex-direction: column; gap: var(--ds-s); padding-right: var(--ds-s); } .ts-dlg .as-dlg .as-zeile { padding: var(--ds-s) var(--ds-m); border-radius: var(--ds-radius); white-space: pre-wrap; max-width: 92%; } .ts-dlg .as-dlg .as-user { background: var(--ts-flaeche); align-self: flex-end; } .ts-dlg .as-dlg .as-assistant { background: var(--ts-panel-bg); border: 1px solid var(--ts-panel-bd); align-self: flex-start; } .ts-dlg .as-dlg .as-vorschlaege { align-self: stretch; max-width: 100%; border: 1px solid var(--ts-panel-bd); display: flex; flex-direction: column; gap: var(--ds-xs); } .ts-dlg .as-dlg .as-vs { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-m); } .ts-dlg .as-dlg .as-eingabe { display: flex; align-items: center; gap: var(--ds-s); margin-top: var(--ds-s); } /* §1185: Feld und Knoepfe auf einer Linie (align-items) */ .ts-dlg .as-dlg .as-eingabe .v { /* §1413: Eingabefeld ohne Such-Lupe (fil-field ist das Suchfeld) */ flex: 1 1 auto; min-width: 0; height: var(--ts-btn-h); margin: 0; box-sizing: border-box; } .ts-dlg .as-dlg .as-eingabe .obtn { flex: 0 0 auto; white-space: nowrap; height: var(--ts-btn-h); margin: 0; } /* ▸N1349 §1184 */ .ts-dlg .eco-mitdok { display: inline-flex; align-items: center; gap: 6px; height: var(--ts-btn-h); margin-right: auto; font-size: var(--ds-fs-knopf); color: var(--ts-ink); white-space: nowrap; cursor: pointer; } /* §1204 */ /* ▸N1350 §1209 */ /* §1219: Knopfmass aus der Variable (§722) */ /* ▸N1351 §1105 */ .ts-dlg .eco-abgleich .eco-status { margin-top: var(--ds-l); max-height: 7em; overflow: auto; } /* ▸N1352 §1106 */ /* ▸N1353 §1317 */ /* ▸N1354 §1317 */ /* ▸N1355 §1319 */ .ts-dlg-box .b .dlg-leiste input:where(:not([type="checkbox"]):not([type="radio"])), .ts-dlg-box .b .dlg-leiste select, .ts-dlg-box .b .dlg-leiste label, .dlg-leiste input, .dlg-leiste select, .dlg-leiste label { height: var(--ts-btn-h); box-sizing: border-box; margin: 0; } /* §1808: width:auto nur fuer Felder OHNE Typklasse — ein fb-Feld behaelt seine Leiter-Breite (vorher schlug diese Regel (0,3,1) die fb-Regel) */ .ts-dlg-box .b .dlg-leiste input:where(:not([type="checkbox"]):not([type="radio"]):not([class*="fb-"])), .ts-dlg-box .b .dlg-leiste select:where(:not([class*="fb-"])), .ts-dlg-box .b .dlg-leiste label, .dlg-leiste input:where(:not([class*="fb-"])), .dlg-leiste select:where(:not([class*="fb-"])), .dlg-leiste label { width: auto; } /* ▸N1356 §1319 */ .ts-dlg-box .b .dlg-leiste { margin-bottom: var(--dlg-zone); } .ts-dlg-box .b .dlg-hinweis:not(.dlg-status .dlg-hinweis) { margin-top: var(--dlg-zone); } .dlg-leiste label { display: inline-flex; align-items: center; gap: var(--dlg-gap); } /* ▸N1357 §1325 */ /* ▸N1358 §1317 K-46 */ /* ▸N1359 §1323 */ .tspro-ui.tspro-ui input[placeholder="TT.MM.JJJJ"], .ts-dlg.ts-dlg input[placeholder="TT.MM.JJJJ"], .ts-ovl.ts-ovl input[placeholder="TT.MM.JJJJ"], .je-such.je-such input[placeholder="TT.MM.JJJJ"], .bib-wrap.bib-wrap input[placeholder="TT.MM.JJJJ"], #art-ovl#art-ovl input[placeholder="TT.MM.JJJJ"], .be-ov.be-ov input[placeholder="TT.MM.JJJJ"], .es-wrap.es-wrap input[placeholder="TT.MM.JJJJ"], .art-wrap.art-wrap input[placeholder="TT.MM.JJJJ"], .ts-app.ts-app input[placeholder="TT.MM.JJJJ"], .tspro-ui.tspro-ui input.ts-datum, .ts-dlg.ts-dlg input.ts-datum, .ts-ovl.ts-ovl input.ts-datum, .je-such.je-such input.ts-datum, .bib-wrap.bib-wrap input.ts-datum, #art-ovl#art-ovl input.ts-datum, .be-ov.be-ov input.ts-datum, .es-wrap.es-wrap input.ts-datum, .art-wrap.art-wrap input.ts-datum, .ts-app.ts-app input.ts-datum, .tspro-ui.tspro-ui input[type="date"], .ts-dlg.ts-dlg input[type="date"], .ts-ovl.ts-ovl input[type="date"], .je-such.je-such input[type="date"], .bib-wrap.bib-wrap input[type="date"], #art-ovl#art-ovl input[type="date"], .be-ov.be-ov input[type="date"], .es-wrap.es-wrap input[type="date"], .art-wrap.art-wrap input[type="date"], .ts-app.ts-app input[type="date"] { /* ▸N1360 §1323 */ padding-right: var(--ds-xl); /* ▸N1361 */ background-image: var(--ts-kalender); background-repeat: no-repeat; background-position: right var(--ds-s) center; background-size: var(--ts-feldsymbol) var(--ts-feldsymbol); } .tspro-ui.tspro-ui input[data-rolle="feld"], .ts-dlg.ts-dlg input[data-rolle="feld"], .ts-ovl.ts-ovl input[data-rolle="feld"], .je-such.je-such input[data-rolle="feld"], .bib-wrap.bib-wrap input[data-rolle="feld"], #art-ovl#art-ovl input[data-rolle="feld"], .be-ov.be-ov input[data-rolle="feld"], .es-wrap.es-wrap input[data-rolle="feld"], .art-wrap.art-wrap input[data-rolle="feld"], .ts-app.ts-app input[data-rolle="feld"], .tspro-ui.tspro-ui input[placeholder*="enthält"], .ts-dlg.ts-dlg input[placeholder*="enthält"], .ts-ovl.ts-ovl input[placeholder*="enthält"], .je-such.je-such input[placeholder*="enthält"], .bib-wrap.bib-wrap input[placeholder*="enthält"], #art-ovl#art-ovl input[placeholder*="enthält"], .be-ov.be-ov input[placeholder*="enthält"], .es-wrap.es-wrap input[placeholder*="enthält"], .art-wrap.art-wrap input[placeholder*="enthält"], .ts-app.ts-app input[placeholder*="enthält"], .tspro-ui.tspro-ui input[placeholder*="uchen"], .ts-dlg.ts-dlg input[placeholder*="uchen"], .ts-ovl.ts-ovl input[placeholder*="uchen"], .je-such.je-such input[placeholder*="uchen"], .bib-wrap.bib-wrap input[placeholder*="uchen"], #art-ovl#art-ovl input[placeholder*="uchen"], .be-ov.be-ov input[placeholder*="uchen"], .es-wrap.es-wrap input[placeholder*="uchen"], .art-wrap.art-wrap input[placeholder*="uchen"], .ts-app.ts-app input[placeholder*="uchen"], .tspro-ui.tspro-ui input[placeholder*="Suche"], .ts-dlg.ts-dlg input[placeholder*="Suche"], .ts-ovl.ts-ovl input[placeholder*="Suche"], .je-such.je-such input[placeholder*="Suche"], .bib-wrap.bib-wrap input[placeholder*="Suche"], #art-ovl#art-ovl input[placeholder*="Suche"], .be-ov.be-ov input[placeholder*="Suche"], .es-wrap.es-wrap input[placeholder*="Suche"], .art-wrap.art-wrap input[placeholder*="Suche"], .ts-app.ts-app input[placeholder*="Suche"] { /* §1323: global */ padding-right: var(--ds-xl); /* ▸N1362 */ background-image: var(--ts-lupe); background-repeat: no-repeat; background-position: right var(--ds-s) center; background-size: var(--ts-feldsymbol) var(--ts-feldsymbol); } /* ▸N1363 §1326 §1327 */ .tspro-ui.tspro-ui input[placeholder="TT.MM.JJJJ"], .ts-dlg.ts-dlg input[placeholder="TT.MM.JJJJ"], .ts-ovl.ts-ovl input[placeholder="TT.MM.JJJJ"], .je-such.je-such input[placeholder="TT.MM.JJJJ"], .bib-wrap.bib-wrap input[placeholder="TT.MM.JJJJ"], #art-ovl#art-ovl input[placeholder="TT.MM.JJJJ"], .be-ov.be-ov input[placeholder="TT.MM.JJJJ"], .es-wrap.es-wrap input[placeholder="TT.MM.JJJJ"], .art-wrap.art-wrap input[placeholder="TT.MM.JJJJ"], .ts-app.ts-app input[placeholder="TT.MM.JJJJ"], .tspro-ui.tspro-ui input[placeholder="TT.MM.JJJJ"]:disabled, .ts-dlg.ts-dlg input[placeholder="TT.MM.JJJJ"]:disabled, .ts-ovl.ts-ovl input[placeholder="TT.MM.JJJJ"]:disabled, .je-such.je-such input[placeholder="TT.MM.JJJJ"]:disabled, .bib-wrap.bib-wrap input[placeholder="TT.MM.JJJJ"]:disabled, #art-ovl#art-ovl input[placeholder="TT.MM.JJJJ"]:disabled, .be-ov.be-ov input[placeholder="TT.MM.JJJJ"]:disabled, .es-wrap.es-wrap input[placeholder="TT.MM.JJJJ"]:disabled, .art-wrap.art-wrap input[placeholder="TT.MM.JJJJ"]:disabled, .ts-app.ts-app input[placeholder="TT.MM.JJJJ"]:disabled, .tspro-ui.tspro-ui input[placeholder="TT.MM.JJJJ"][readonly], .ts-dlg.ts-dlg input[placeholder="TT.MM.JJJJ"][readonly], .ts-ovl.ts-ovl input[placeholder="TT.MM.JJJJ"][readonly], .je-such.je-such input[placeholder="TT.MM.JJJJ"][readonly], .bib-wrap.bib-wrap input[placeholder="TT.MM.JJJJ"][readonly], #art-ovl#art-ovl input[placeholder="TT.MM.JJJJ"][readonly], .be-ov.be-ov input[placeholder="TT.MM.JJJJ"][readonly], .es-wrap.es-wrap input[placeholder="TT.MM.JJJJ"][readonly], .art-wrap.art-wrap input[placeholder="TT.MM.JJJJ"][readonly], .ts-app.ts-app input[placeholder="TT.MM.JJJJ"][readonly], .tspro-ui.tspro-ui input.ts-datum, .ts-dlg.ts-dlg input.ts-datum, .ts-ovl.ts-ovl input.ts-datum, .je-such.je-such input.ts-datum, .bib-wrap.bib-wrap input.ts-datum, #art-ovl#art-ovl input.ts-datum, .be-ov.be-ov input.ts-datum, .es-wrap.es-wrap input.ts-datum, .art-wrap.art-wrap input.ts-datum, .ts-app.ts-app input.ts-datum, .tspro-ui.tspro-ui input.ts-datum:disabled, .ts-dlg.ts-dlg input.ts-datum:disabled, .ts-ovl.ts-ovl input.ts-datum:disabled, .je-such.je-such input.ts-datum:disabled, .bib-wrap.bib-wrap input.ts-datum:disabled, #art-ovl#art-ovl input.ts-datum:disabled, .be-ov.be-ov input.ts-datum:disabled, .es-wrap.es-wrap input.ts-datum:disabled, .art-wrap.art-wrap input.ts-datum:disabled, .ts-app.ts-app input.ts-datum:disabled, .tspro-ui.tspro-ui input.ts-datum[readonly], .ts-dlg.ts-dlg input.ts-datum[readonly], .ts-ovl.ts-ovl input.ts-datum[readonly], .je-such.je-such input.ts-datum[readonly], .bib-wrap.bib-wrap input.ts-datum[readonly], #art-ovl#art-ovl input.ts-datum[readonly], .be-ov.be-ov input.ts-datum[readonly], .es-wrap.es-wrap input.ts-datum[readonly], .art-wrap.art-wrap input.ts-datum[readonly], .ts-app.ts-app input.ts-datum[readonly], .tspro-ui.tspro-ui input[type="date"], .ts-dlg.ts-dlg input[type="date"], .ts-ovl.ts-ovl input[type="date"], .je-such.je-such input[type="date"], .bib-wrap.bib-wrap input[type="date"], #art-ovl#art-ovl input[type="date"], .be-ov.be-ov input[type="date"], .es-wrap.es-wrap input[type="date"], .art-wrap.art-wrap input[type="date"], .ts-app.ts-app input[type="date"], .tspro-ui.tspro-ui input[type="date"]:disabled, .ts-dlg.ts-dlg input[type="date"]:disabled, .ts-ovl.ts-ovl input[type="date"]:disabled, .je-such.je-such input[type="date"]:disabled, .bib-wrap.bib-wrap input[type="date"]:disabled, #art-ovl#art-ovl input[type="date"]:disabled, .be-ov.be-ov input[type="date"]:disabled, .es-wrap.es-wrap input[type="date"]:disabled, .art-wrap.art-wrap input[type="date"]:disabled, .ts-app.ts-app input[type="date"]:disabled, .tspro-ui.tspro-ui input[type="date"][readonly], .ts-dlg.ts-dlg input[type="date"][readonly], .ts-ovl.ts-ovl input[type="date"][readonly], .je-such.je-such input[type="date"][readonly], .bib-wrap.bib-wrap input[type="date"][readonly], #art-ovl#art-ovl input[type="date"][readonly], .be-ov.be-ov input[type="date"][readonly], .es-wrap.es-wrap input[type="date"][readonly], .art-wrap.art-wrap input[type="date"][readonly], .ts-app.ts-app input[type="date"][readonly] { background-image: var(--ts-kalender); background-repeat: no-repeat; background-position: right var(--ds-s) center; background-size: var(--ts-feldsymbol) var(--ts-feldsymbol); padding-right: var(--ds-xl); } /* ▸N1364 §1328 §709 §1327 */ .tspro-ui.tspro-ui select, .ts-dlg.ts-dlg select, .ts-ovl.ts-ovl select, .je-such.je-such select, .bib-wrap.bib-wrap select, #art-ovl#art-ovl select, .be-ov.be-ov select, .es-wrap.es-wrap select, .art-wrap.art-wrap select, .ts-app.ts-app select, .tspro-ui.tspro-ui select:disabled, .ts-dlg.ts-dlg select:disabled, .ts-ovl.ts-ovl select:disabled, .je-such.je-such select:disabled, .bib-wrap.bib-wrap select:disabled, #art-ovl#art-ovl select:disabled, .be-ov.be-ov select:disabled, .es-wrap.es-wrap select:disabled, .art-wrap.art-wrap select:disabled, .ts-app.ts-app select:disabled, .tspro-ui.tspro-ui select[disabled], .ts-dlg.ts-dlg select[disabled], .ts-ovl.ts-ovl select[disabled], .je-such.je-such select[disabled], .bib-wrap.bib-wrap select[disabled], #art-ovl#art-ovl select[disabled], .be-ov.be-ov select[disabled], .es-wrap.es-wrap select[disabled], .art-wrap.art-wrap select[disabled], .ts-app.ts-app select[disabled] { -webkit-appearance: none; appearance: none; background-image: var(--ts-chevron); background-repeat: no-repeat; background-position: right var(--ds-s) center; background-size: var(--ts-chevron-w) var(--ts-chevron-h); padding-right: var(--ds-xl); } /* ▸N1365 §1328 */ .tspro-ui.tspro-ui input[data-rolle="feld"], .ts-dlg.ts-dlg input[data-rolle="feld"], .ts-ovl.ts-ovl input[data-rolle="feld"], .je-such.je-such input[data-rolle="feld"], .bib-wrap.bib-wrap input[data-rolle="feld"], #art-ovl#art-ovl input[data-rolle="feld"], .be-ov.be-ov input[data-rolle="feld"], .es-wrap.es-wrap input[data-rolle="feld"], .art-wrap.art-wrap input[data-rolle="feld"], .ts-app.ts-app input[data-rolle="feld"], .tspro-ui.tspro-ui input[data-rolle="feld"].ro, .ts-dlg.ts-dlg input[data-rolle="feld"].ro, .ts-ovl.ts-ovl input[data-rolle="feld"].ro, .je-such.je-such input[data-rolle="feld"].ro, .bib-wrap.bib-wrap input[data-rolle="feld"].ro, #art-ovl#art-ovl input[data-rolle="feld"].ro, .be-ov.be-ov input[data-rolle="feld"].ro, .es-wrap.es-wrap input[data-rolle="feld"].ro, .art-wrap.art-wrap input[data-rolle="feld"].ro, .ts-app.ts-app input[data-rolle="feld"].ro, .tspro-ui.tspro-ui input[data-rolle="feld"][readonly], .ts-dlg.ts-dlg input[data-rolle="feld"][readonly], .ts-ovl.ts-ovl input[data-rolle="feld"][readonly], .je-such.je-such input[data-rolle="feld"][readonly], .bib-wrap.bib-wrap input[data-rolle="feld"][readonly], #art-ovl#art-ovl input[data-rolle="feld"][readonly], .be-ov.be-ov input[data-rolle="feld"][readonly], .es-wrap.es-wrap input[data-rolle="feld"][readonly], .art-wrap.art-wrap input[data-rolle="feld"][readonly], .ts-app.ts-app input[data-rolle="feld"][readonly], .tspro-ui.tspro-ui input[data-rolle="feld"]:disabled, .ts-dlg.ts-dlg input[data-rolle="feld"]:disabled, .ts-ovl.ts-ovl input[data-rolle="feld"]:disabled, .je-such.je-such input[data-rolle="feld"]:disabled, .bib-wrap.bib-wrap input[data-rolle="feld"]:disabled, #art-ovl#art-ovl input[data-rolle="feld"]:disabled, .be-ov.be-ov input[data-rolle="feld"]:disabled, .es-wrap.es-wrap input[data-rolle="feld"]:disabled, .art-wrap.art-wrap input[data-rolle="feld"]:disabled, .ts-app.ts-app input[data-rolle="feld"]:disabled, .tspro-ui.tspro-ui input.sinp, .ts-dlg.ts-dlg input.sinp, .ts-ovl.ts-ovl input.sinp, .je-such.je-such input.sinp, .bib-wrap.bib-wrap input.sinp, #art-ovl#art-ovl input.sinp, .be-ov.be-ov input.sinp, .es-wrap.es-wrap input.sinp, .art-wrap.art-wrap input.sinp, .ts-app.ts-app input.sinp, .tspro-ui.tspro-ui input.sinp.ro, .ts-dlg.ts-dlg input.sinp.ro, .ts-ovl.ts-ovl input.sinp.ro, .je-such.je-such input.sinp.ro, .bib-wrap.bib-wrap input.sinp.ro, #art-ovl#art-ovl input.sinp.ro, .be-ov.be-ov input.sinp.ro, .es-wrap.es-wrap input.sinp.ro, .art-wrap.art-wrap input.sinp.ro, .ts-app.ts-app input.sinp.ro, .tspro-ui.tspro-ui input.sinp[readonly], .ts-dlg.ts-dlg input.sinp[readonly], .ts-ovl.ts-ovl input.sinp[readonly], .je-such.je-such input.sinp[readonly], .bib-wrap.bib-wrap input.sinp[readonly], #art-ovl#art-ovl input.sinp[readonly], .be-ov.be-ov input.sinp[readonly], .es-wrap.es-wrap input.sinp[readonly], .art-wrap.art-wrap input.sinp[readonly], .ts-app.ts-app input.sinp[readonly], .tspro-ui.tspro-ui input.sinp:disabled, .ts-dlg.ts-dlg input.sinp:disabled, .ts-ovl.ts-ovl input.sinp:disabled, .je-such.je-such input.sinp:disabled, .bib-wrap.bib-wrap input.sinp:disabled, #art-ovl#art-ovl input.sinp:disabled, .be-ov.be-ov input.sinp:disabled, .es-wrap.es-wrap input.sinp:disabled, .art-wrap.art-wrap input.sinp:disabled, .ts-app.ts-app input.sinp:disabled, .tspro-ui.tspro-ui input.bib-filter, .ts-dlg.ts-dlg input.bib-filter, .ts-ovl.ts-ovl input.bib-filter, .je-such.je-such input.bib-filter, .bib-wrap.bib-wrap input.bib-filter, #art-ovl#art-ovl input.bib-filter, .be-ov.be-ov input.bib-filter, .es-wrap.es-wrap input.bib-filter, .art-wrap.art-wrap input.bib-filter, .ts-app.ts-app input.bib-filter, .tspro-ui.tspro-ui input.bib-filter.ro, .ts-dlg.ts-dlg input.bib-filter.ro, .ts-ovl.ts-ovl input.bib-filter.ro, .je-such.je-such input.bib-filter.ro, .bib-wrap.bib-wrap input.bib-filter.ro, #art-ovl#art-ovl input.bib-filter.ro, .be-ov.be-ov input.bib-filter.ro, .es-wrap.es-wrap input.bib-filter.ro, .art-wrap.art-wrap input.bib-filter.ro, .ts-app.ts-app input.bib-filter.ro, .tspro-ui.tspro-ui input.bib-filter[readonly], .ts-dlg.ts-dlg input.bib-filter[readonly], .ts-ovl.ts-ovl input.bib-filter[readonly], .je-such.je-such input.bib-filter[readonly], .bib-wrap.bib-wrap input.bib-filter[readonly], #art-ovl#art-ovl input.bib-filter[readonly], .be-ov.be-ov input.bib-filter[readonly], .es-wrap.es-wrap input.bib-filter[readonly], .art-wrap.art-wrap input.bib-filter[readonly], .ts-app.ts-app input.bib-filter[readonly], .tspro-ui.tspro-ui input.bib-filter:disabled, .ts-dlg.ts-dlg input.bib-filter:disabled, .ts-ovl.ts-ovl input.bib-filter:disabled, .je-such.je-such input.bib-filter:disabled, .bib-wrap.bib-wrap input.bib-filter:disabled, #art-ovl#art-ovl input.bib-filter:disabled, .be-ov.be-ov input.bib-filter:disabled, .es-wrap.es-wrap input.bib-filter:disabled, .art-wrap.art-wrap input.bib-filter:disabled, .ts-app.ts-app input.bib-filter:disabled, .tspro-ui.tspro-ui input[placeholder*="uchen"], .ts-dlg.ts-dlg input[placeholder*="uchen"], .ts-ovl.ts-ovl input[placeholder*="uchen"], .je-such.je-such input[placeholder*="uchen"], .bib-wrap.bib-wrap input[placeholder*="uchen"], #art-ovl#art-ovl input[placeholder*="uchen"], .be-ov.be-ov input[placeholder*="uchen"], .es-wrap.es-wrap input[placeholder*="uchen"], .art-wrap.art-wrap input[placeholder*="uchen"], .ts-app.ts-app input[placeholder*="uchen"], .tspro-ui.tspro-ui input[placeholder*="uchen"].ro, .ts-dlg.ts-dlg input[placeholder*="uchen"].ro, .ts-ovl.ts-ovl input[placeholder*="uchen"].ro, .je-such.je-such input[placeholder*="uchen"].ro, .bib-wrap.bib-wrap input[placeholder*="uchen"].ro, #art-ovl#art-ovl input[placeholder*="uchen"].ro, .be-ov.be-ov input[placeholder*="uchen"].ro, .es-wrap.es-wrap input[placeholder*="uchen"].ro, .art-wrap.art-wrap input[placeholder*="uchen"].ro, .ts-app.ts-app input[placeholder*="uchen"].ro, .tspro-ui.tspro-ui input[placeholder*="uchen"][readonly], .ts-dlg.ts-dlg input[placeholder*="uchen"][readonly], .ts-ovl.ts-ovl input[placeholder*="uchen"][readonly], .je-such.je-such input[placeholder*="uchen"][readonly], .bib-wrap.bib-wrap input[placeholder*="uchen"][readonly], #art-ovl#art-ovl input[placeholder*="uchen"][readonly], .be-ov.be-ov input[placeholder*="uchen"][readonly], .es-wrap.es-wrap input[placeholder*="uchen"][readonly], .art-wrap.art-wrap input[placeholder*="uchen"][readonly], .ts-app.ts-app input[placeholder*="uchen"][readonly], .tspro-ui.tspro-ui input[placeholder*="uchen"]:disabled, .ts-dlg.ts-dlg input[placeholder*="uchen"]:disabled, .ts-ovl.ts-ovl input[placeholder*="uchen"]:disabled, .je-such.je-such input[placeholder*="uchen"]:disabled, .bib-wrap.bib-wrap input[placeholder*="uchen"]:disabled, #art-ovl#art-ovl input[placeholder*="uchen"]:disabled, .be-ov.be-ov input[placeholder*="uchen"]:disabled, .es-wrap.es-wrap input[placeholder*="uchen"]:disabled, .art-wrap.art-wrap input[placeholder*="uchen"]:disabled, .ts-app.ts-app input[placeholder*="uchen"]:disabled, .tspro-ui.tspro-ui input[placeholder*="enthält"], .ts-dlg.ts-dlg input[placeholder*="enthält"], .ts-ovl.ts-ovl input[placeholder*="enthält"], .je-such.je-such input[placeholder*="enthält"], .bib-wrap.bib-wrap input[placeholder*="enthält"], #art-ovl#art-ovl input[placeholder*="enthält"], .be-ov.be-ov input[placeholder*="enthält"], .es-wrap.es-wrap input[placeholder*="enthält"], .art-wrap.art-wrap input[placeholder*="enthält"], .ts-app.ts-app input[placeholder*="enthält"], .tspro-ui.tspro-ui input[placeholder*="enthält"].ro, .ts-dlg.ts-dlg input[placeholder*="enthält"].ro, .ts-ovl.ts-ovl input[placeholder*="enthält"].ro, .je-such.je-such input[placeholder*="enthält"].ro, .bib-wrap.bib-wrap input[placeholder*="enthält"].ro, #art-ovl#art-ovl input[placeholder*="enthält"].ro, .be-ov.be-ov input[placeholder*="enthält"].ro, .es-wrap.es-wrap input[placeholder*="enthält"].ro, .art-wrap.art-wrap input[placeholder*="enthält"].ro, .ts-app.ts-app input[placeholder*="enthält"].ro, .tspro-ui.tspro-ui input[placeholder*="enthält"][readonly], .ts-dlg.ts-dlg input[placeholder*="enthält"][readonly], .ts-ovl.ts-ovl input[placeholder*="enthält"][readonly], .je-such.je-such input[placeholder*="enthält"][readonly], .bib-wrap.bib-wrap input[placeholder*="enthält"][readonly], #art-ovl#art-ovl input[placeholder*="enthält"][readonly], .be-ov.be-ov input[placeholder*="enthält"][readonly], .es-wrap.es-wrap input[placeholder*="enthält"][readonly], .art-wrap.art-wrap input[placeholder*="enthält"][readonly], .ts-app.ts-app input[placeholder*="enthält"][readonly], .tspro-ui.tspro-ui input[placeholder*="enthält"]:disabled, .ts-dlg.ts-dlg input[placeholder*="enthält"]:disabled, .ts-ovl.ts-ovl input[placeholder*="enthält"]:disabled, .je-such.je-such input[placeholder*="enthält"]:disabled, .bib-wrap.bib-wrap input[placeholder*="enthält"]:disabled, #art-ovl#art-ovl input[placeholder*="enthält"]:disabled, .be-ov.be-ov input[placeholder*="enthält"]:disabled, .es-wrap.es-wrap input[placeholder*="enthält"]:disabled, .art-wrap.art-wrap input[placeholder*="enthält"]:disabled, .ts-app.ts-app input[placeholder*="enthält"]:disabled, .tspro-ui.tspro-ui input[placeholder*="Suche"], .ts-dlg.ts-dlg input[placeholder*="Suche"], .ts-ovl.ts-ovl input[placeholder*="Suche"], .je-such.je-such input[placeholder*="Suche"], .bib-wrap.bib-wrap input[placeholder*="Suche"], #art-ovl#art-ovl input[placeholder*="Suche"], .be-ov.be-ov input[placeholder*="Suche"], .es-wrap.es-wrap input[placeholder*="Suche"], .art-wrap.art-wrap input[placeholder*="Suche"], .ts-app.ts-app input[placeholder*="Suche"], .tspro-ui.tspro-ui input[placeholder*="Suche"].ro, .ts-dlg.ts-dlg input[placeholder*="Suche"].ro, .ts-ovl.ts-ovl input[placeholder*="Suche"].ro, .je-such.je-such input[placeholder*="Suche"].ro, .bib-wrap.bib-wrap input[placeholder*="Suche"].ro, #art-ovl#art-ovl input[placeholder*="Suche"].ro, .be-ov.be-ov input[placeholder*="Suche"].ro, .es-wrap.es-wrap input[placeholder*="Suche"].ro, .art-wrap.art-wrap input[placeholder*="Suche"].ro, .ts-app.ts-app input[placeholder*="Suche"].ro, .tspro-ui.tspro-ui input[placeholder*="Suche"][readonly], .ts-dlg.ts-dlg input[placeholder*="Suche"][readonly], .ts-ovl.ts-ovl input[placeholder*="Suche"][readonly], .je-such.je-such input[placeholder*="Suche"][readonly], .bib-wrap.bib-wrap input[placeholder*="Suche"][readonly], #art-ovl#art-ovl input[placeholder*="Suche"][readonly], .be-ov.be-ov input[placeholder*="Suche"][readonly], .es-wrap.es-wrap input[placeholder*="Suche"][readonly], .art-wrap.art-wrap input[placeholder*="Suche"][readonly], .ts-app.ts-app input[placeholder*="Suche"][readonly], .tspro-ui.tspro-ui input[placeholder*="Suche"]:disabled, .ts-dlg.ts-dlg input[placeholder*="Suche"]:disabled, .ts-ovl.ts-ovl input[placeholder*="Suche"]:disabled, .je-such.je-such input[placeholder*="Suche"]:disabled, .bib-wrap.bib-wrap input[placeholder*="Suche"]:disabled, #art-ovl#art-ovl input[placeholder*="Suche"]:disabled, .be-ov.be-ov input[placeholder*="Suche"]:disabled, .es-wrap.es-wrap input[placeholder*="Suche"]:disabled, .art-wrap.art-wrap input[placeholder*="Suche"]:disabled, .ts-app.ts-app input[placeholder*="Suche"]:disabled, .tspro-ui.tspro-ui input[placeholder*="🔍"], .ts-dlg.ts-dlg input[placeholder*="🔍"], .ts-ovl.ts-ovl input[placeholder*="🔍"], .je-such.je-such input[placeholder*="🔍"], .bib-wrap.bib-wrap input[placeholder*="🔍"], #art-ovl#art-ovl input[placeholder*="🔍"], .be-ov.be-ov input[placeholder*="🔍"], .es-wrap.es-wrap input[placeholder*="🔍"], .art-wrap.art-wrap input[placeholder*="🔍"], .ts-app.ts-app input[placeholder*="🔍"], .tspro-ui.tspro-ui input[placeholder*="🔍"].ro, .ts-dlg.ts-dlg input[placeholder*="🔍"].ro, .ts-ovl.ts-ovl input[placeholder*="🔍"].ro, .je-such.je-such input[placeholder*="🔍"].ro, .bib-wrap.bib-wrap input[placeholder*="🔍"].ro, #art-ovl#art-ovl input[placeholder*="🔍"].ro, .be-ov.be-ov input[placeholder*="🔍"].ro, .es-wrap.es-wrap input[placeholder*="🔍"].ro, .art-wrap.art-wrap input[placeholder*="🔍"].ro, .ts-app.ts-app input[placeholder*="🔍"].ro, .tspro-ui.tspro-ui input[placeholder*="🔍"][readonly], .ts-dlg.ts-dlg input[placeholder*="🔍"][readonly], .ts-ovl.ts-ovl input[placeholder*="🔍"][readonly], .je-such.je-such input[placeholder*="🔍"][readonly], .bib-wrap.bib-wrap input[placeholder*="🔍"][readonly], #art-ovl#art-ovl input[placeholder*="🔍"][readonly], .be-ov.be-ov input[placeholder*="🔍"][readonly], .es-wrap.es-wrap input[placeholder*="🔍"][readonly], .art-wrap.art-wrap input[placeholder*="🔍"][readonly], .ts-app.ts-app input[placeholder*="🔍"][readonly], .tspro-ui.tspro-ui input[placeholder*="🔍"]:disabled, .ts-dlg.ts-dlg input[placeholder*="🔍"]:disabled, .ts-ovl.ts-ovl input[placeholder*="🔍"]:disabled, .je-such.je-such input[placeholder*="🔍"]:disabled, .bib-wrap.bib-wrap input[placeholder*="🔍"]:disabled, #art-ovl#art-ovl input[placeholder*="🔍"]:disabled, .be-ov.be-ov input[placeholder*="🔍"]:disabled, .es-wrap.es-wrap input[placeholder*="🔍"]:disabled, .art-wrap.art-wrap input[placeholder*="🔍"]:disabled, .ts-app.ts-app input[placeholder*="🔍"]:disabled { background-image: var(--ts-lupe); background-repeat: no-repeat; background-position: right var(--ds-s) center; background-size: var(--ts-feldsymbol) var(--ts-feldsymbol); padding-right: var(--ds-xl); } /* ▸N1371 §1351 §1348d */ .tbl-box thead th, .art-wrap .tbl-box thead th, .her-wrap .tbl-box thead th { z-index: 2; } } /* Ende @layer bausteine */ /* ▸§1359 zustaende: Modus (im-edit) und Meldung (.ok/.warn/.is-) — liegen UEBER bausteine */ /* ▸§1372 Schicht schweben: Hover/Fokus (125 Regeln aus bestand) — ueber bausteine/module, UNTER zustaende: Auswahl, Gesperrt, Modus schlagen Hover unabhaengig von Spezifitaet */ @layer schweben { .ts-ovl .ass-row:hover { background-color: var(--ts-field-focus); } .tspro-ui .fil-tile:hover { transform: translateX(4px); background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } .tspro-ui .fil-tile:active { transform: translateX(2px) scale(.99); background-color: var(--ds-auswahl); } .tspro-ui .fil-field:focus { outline: none; border-color: var(--ts-panel-bd); } /* §1259: 7px -> Radius-Token */ .tspro-ui .obtn:hover { background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } .tspro-ui .obtn.danger:hover { background-color: var(--ts-red-dark); border-color: var(--ts-red-dark); } :is(.ts-dlg, .bc-main :where(.fen)) .obtn:hover, .be-ov .obtn:hover { background-color: var(--ts-field-ro); } .tspro-ui .fbtn:hover { background-color: var(--ts-flaeche); } .tspro-ui .v.hpick:hover { background-color: var(--ts-field-focus); } .tspro-ui .such-bar .obtn:hover { background-color: var(--ts-field-ro); border-color: var(--such-bd-h); } .art-wrap .obtn:hover { background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } .art-wrap .obtn.danger:hover { background-color: var(--ts-red-dark); border-color: var(--ts-red-dark); } /* 03.08.: Kopf nicht rechts (Jörg) */ .be-ov .be-tbl tr:hover:not(.sel) td, .tspro-ui .be-tbl tr:hover:not(.sel) td, .ts-dlg .be-tbl tr:hover:not(.sel) td, .bib-wrap .be-tbl tr:hover:not(.sel) td, #art-ovl .be-tbl tr:hover:not(.sel) td { /* ▸N179 §823 */ background-color: var(--ts-hover-bg); } .be-wrap .fz-ta textarea.v:not(:disabled):hover, .be-wrap .fz-ta textarea.v:not(:disabled):focus { background-color: var(--ts-field-focus); } .bhk-wrap td.bhk-sk-zelle:hover, .be-wrap td.ma-sk-zelle:hover { background-color: var(--ts-field-focus); } #m-wiz .adm-btn:hover {filter:brightness(.97)} #m-wiz .tbl tr:hover:not(.sel) td {background-color:var(--ts-hover-bg);cursor:pointer} .be-ov .js-fbtn:hover:not(:disabled), .je-such .js-fbtn:hover {background-color:var(--such-hover);border-color:var(--such-bd-h)} .es-wrap .obtn:hover { background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } .tspro-ui .dv-right .obtn:hover { background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } .kt-wrap .kt-tgl:hover { color: var(--ts-akzent); } .kt-wrap table.kt-tbl tr.kt-lvl1:hover:not(.sel) td { background-color: var(--ts-hover-bg); } .kt-wrap .zu-caret:hover { color: var(--ts-akzent); } .bib-wrap table.be-tbl tr.bib-lvl1:hover:not(.sel) td { background-color: var(--ts-hover-bg); } .bib-wrap .bib-tgl:hover { color: var(--ts-akzent); } .bib-wrap .obtn.danger:hover { background-color: var(--ts-red-dark); border-color: var(--ts-red-dark); } .bib-wrap .mv button:hover { background-color: var(--ts-field-ro); } .bib-wrap .xbtn:hover { background-color: var(--ts-meld-err-bg); }.bib-wrap .obtn:hover { border-color: var(--ts-line-hover); background-color: var(--ts-field-ro); } .bib-wrap .bib-tab:not(.on):hover { opacity: 1; } .bib-wrap .zu-caret:hover { color: var(--ts-akzent); } /* ▸N292 */ .bib-wrap .bib-link:hover { color: var(--ts-akzent); text-decoration: none; } /* §4230 */ .bib-wrap .bib-headbtn:hover { opacity: 1; background-color: rgba(255,255,255,.12); } /* ▸N294 §611c */ #art-ovl .obtn:hover { background-color: var(--ts-field-ro); } /* ▸N300 */ /* ▸N301 */ .bib-wrap .bib-filter:focus { outline: none; } #art-ovl .eig-grid .cmb-box:focus-within { border-color: var(--ts-panel-bd); } #art-ovl .cmb-chip-x:hover { color: var(--ts-red); } #msg-ovl .msg-text input[type="text"]:hover, #msg-ovl .msg-text input[type="text"]:focus { outline: none; background-color: var(--ts-field-focus); /* §698 */ border-color: var(--such-bd-h); } .eco-doclink:hover { text-decoration: none; } /* §4230 */ .bhk-ecolink:hover { text-decoration: none; } /* §4230 */ .tspro-ui .ma-help-btn:hover { background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } :is(.ts-dlg, .bc-main :where(.fen)) .obtn:hover:not(:disabled) { background-color: var(--such-hover); border-color: var(--such-bd-h); } .ts-dlg .snedit:hover { background-color: var(--such-hover); border-color: var(--such-bd-h); } /* ▸N408 §781 §713 */ .ts-dlg .lgp-klick tbody tr:hover:not(.sel) { background-color: var(--such-hover); } /* §4191 Hover der Verweise: zentral in der Regel „STILLER SPRUNG“ (Ende der Datei) */ .ts-dlg-box .b input:where(:not([type="checkbox"]):not([type="radio"])):hover, .ts-dlg-box .b input:where(:not([type="checkbox"]):not([type="radio"])):focus { outline: none; background-color: var(--ts-field-focus); /* §698 */ border-color: var(--such-bd-h); } .ts-dlg-box .f button:hover:not(:disabled), .km-ov .km-btn:hover:not(:disabled), .bzq-box .dlg-fuss button:hover:not(:disabled) { background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } /* §3299 */ .ts-dlg select:hover:not(:disabled), .ts-dlg select:focus:not(:disabled) { background-color: var(--ts-field-focus); } .be-box .ovl-mj select:focus { outline: none; } /* ▸N439 */ /* §824: Hand an Lagerprotokoll-Zeilen entfernt */ .tspro-ui tr.lg-row:hover { background-color: var(--ts-hover-bg); } .je-such .lb-fbtn:hover:not(:disabled), .be-ov .lb-fbtn:hover:not(:disabled) { background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } .be-ov .js-such input:focus { outline: none; border-color: var(--such-bd-h); } .be-ov .js-kachel .obtn:hover:not(:disabled) { background-color: var(--such-hover); border-color: var(--such-bd-h); } .be-ov tr.js-row:hover { background-color: var(--such-hover); } .je-such .js-such input:focus { outline: none; border-color: var(--such-bd-h); } .je-such .js-kachel .obtn:hover:not(:disabled) { background-color: var(--such-hover); border-color: var(--such-bd-h); } .je-such tr.js-row:hover { background-color: var(--such-hover); } .je-such a.bm-shop:hover, .je-such a.bm-shop:focus { color: var(--ts-akzent-dark); text-decoration: underline; } /* 25.07.: 600 fehlte — einziger obtn ohne Hausgewicht */ .ts-ovl .obtn:hover, .be-ov .obtn:hover, .ts-memo-ov .obtn:hover { background-color: var(--ts-flaeche); border-color: var(--ts-line-hover); } .tspro-ui td input.ts-memofeld:hover{border-color:var(--ts-panel-bd); background-color:var(--such-hover)} /* ▸N507 */ .tspro-ui input:not([type="checkbox"]):not([type="radio"]):not([readonly]):not(:disabled):hover, .tspro-ui textarea:not([readonly]):not(:disabled):hover, .tspro-ui select:not(:disabled):hover, .tspro-ui input:not([type="checkbox"]):not([type="radio"]):not([readonly]):not(:disabled):focus, .tspro-ui textarea:not([readonly]):not(:disabled):focus, .tspro-ui select:not(:disabled):focus, .je-such input:not([type="checkbox"]):not([readonly]):focus, .je-such textarea:focus, .je-such select:focus, .be-ov input:not([type="checkbox"]):not([readonly]):focus, .be-ov textarea:focus, .be-ov select:focus, .ts-ovl input:not([type="checkbox"]):not([readonly]):focus, .ts-ovl textarea:focus, .ts-memo-txt:focus{background-color:var(--ts-field-focus); outline:none} /* §698 */ /* ▸N508 §698b §698 */ .tspro-ui input:focus, .tspro-ui select:focus, .tspro-ui textarea:focus, .ts-dlg input:focus, .ts-dlg select:focus, .ts-dlg textarea:focus, .ts-ovl input:focus, .ts-ovl select:focus, .ts-ovl textarea:focus, .be-ov input:focus, .be-ov select:focus, .be-ov textarea:focus, .je-such input:focus, .je-such select:focus, .je-such textarea:focus, .ts-memo-ov input:focus, .ts-memo-ov textarea:focus, #msg-ovl input:focus, #pdf-ovl input:focus, /* ▸N509 §698c §698b */ [contenteditable="true"]:focus { outline: none; } /* ▸N510 */ .pd-rows input:enabled:hover, /* §630: #e_tbody-Arme entfernt (tot seit §276) */ .pd-rows input:enabled:focus, .je-such input:not([type="checkbox"]):not([readonly]):not(:disabled):hover, .je-such textarea:not(:disabled):hover, .je-such select:not(:disabled):hover, .be-ov input:not([type="checkbox"]):not([readonly]):not(:disabled):hover, .be-ov textarea:not(:disabled):hover, .be-ov select:not(:disabled):hover, .ts-ovl input:not([type="checkbox"]):not([readonly]):not(:disabled):hover, .ts-ovl textarea:not(:disabled):hover { background-color: var(--ts-field-focus); } /* ▸N523 §781 §713 */ #m-wiz .wz-lw tbody tr:hover:not(.sel) td{background-color:var(--such-hover)} .eg-cb-list .eg-cb-it:hover{background-color:var(--ts-flaeche)} /* ▸N539 §705 */ #w7-eigbox td .eg-inline:focus{border-color:var(--ts-panel-bd)} /* Auswahl-Hellton zum Akzent (06.08.) */ .kt-wrap table.kt-tbl tr:hover:not(.sel) td { background-color: var(--ts-hover-bg); } .tspro-ui .kbtn:hover:not(:disabled){ background-color:var(--ts-flaeche); } /* ▸N609 */ .tspro-ui tr[data-fuell]:hover td, .je-such tr[data-fuell]:hover td, .be-ov tr[data-fuell]:hover td, .ts-dlg tr[data-fuell]:hover td, .ts-ovl tr[data-fuell]:hover td { background-color: transparent; cursor: default; } /* ▸N622 §705 §698 */ .tspro-ui.tspro-ui tbody td > input:not([type=checkbox]):not([type=radio]):focus, .tspro-ui.tspro-ui tbody td > select:focus, .tspro-ui.tspro-ui tbody td > .eg-cb > input:focus, .ts-dlg.ts-dlg tbody td > .eg-cb > input:focus, .je-such.je-such tbody td > input:not([type=checkbox]):not([type=radio]):focus { border: 1px solid var(--ts-panel-bd); } /* ▸N624 §648r */ .tspro-ui.tspro-ui tbody td > input:not([disabled]):not([type=checkbox]):not([type=radio]):hover, .tspro-ui.tspro-ui tbody td > input:not([disabled]):not([type=checkbox]):not([type=radio]):focus, .tspro-ui.tspro-ui tbody td > select:not([disabled]):focus { background-color: var(--ts-field-focus); outline: none; /* §698 */ } .je-such .js-kachel select:hover{ background-color:var(--such-hover); border-color:var(--such-bd-h); } .je-such .js-kachel select:focus{ outline:none; border-color:var(--such-bd-h); } .tspro-ui .obtn.fakbtn.off:hover:not(:disabled){ background-color:var(--ts-red); border-color:var(--ts-red); } .tspro-ui .obtn.fakbtn.on:hover:not(:disabled){ background-color:var(--ts-meld-ok-fg); border-color:var(--ts-meld-ok-fg); } .ts-dlg .bz-lbtn:hover{ background-color:var(--ts-flaeche); border-color:var(--ts-line-hover); } .ts-dlg .bz-feld:hover, .ts-dlg .bz-feld:focus{ background-color:var(--ts-field-focus); outline:none; } .bzq-body input:hover, .bzq-body input:focus{ background-color:var(--ts-field-focus); outline:none; } /* ▸N701 */ /* ▸N702 §698 */ input.v:focus, select.v:focus, textarea.v:focus { outline: none; } /* ▸N708 §705 §692 */ .tbl-box tbody td input:not([type="checkbox"]):not([type="radio"]):focus { border-color: var(--ts-panel-bd); } .be-srch-list .it:hover { background-color: var(--ts-flaeche); } .ts-dlg .eco-abgleich tr.eco-row:hover td{ background-color: var(--ts-hover-bg); } .ecopdf-abtn:hover{ border-color:var(--ts-akzent); color:var(--ts-akzent); } .tspro-ui .ma-tab:hover:not(.active), .es-wrap .ma-tab:hover:not(.active), .ts-dlg .ma-tab:hover:not(.active) { background-color: var(--ts-flaeche); } .tspro-ui .lg-apply:hover { background-color: var(--ts-field-ro); color: var(--ts-ink); } [class$="-head"] [class$="-x"]:hover { opacity: 1; } /* ▸N863 */ .je-such .js-fgrp > .js-fbtn.js-krit > .js-kx:hover { opacity:1; color: var(--ts-red) } .je-such .js-kk-filter:focus { outline:none; background-color: var(--ts-field-focus) } .je-such .js-kk-it:hover { background-color: var(--such-hover) } .lg-apply:hover { background-color: var(--ts-akzent-dark); } /* §682 */.da-btn:hover:not(:disabled) { filter:brightness(1.06); } .m-datenabgleich .da-ch .obtn:hover { background-color:rgba(255,255,255,.14); border-color:rgba(255,255,255,.45); } .es-save:hover { filter: brightness(1.08); } /* §824: Hand an Benutzerzeilen (einstellungen) entfernt */.es-utable tr[data-u]:hover td { background-color:var(--ts-hover-bg); } .es-ubtn:hover { background-color:var(--ts-field-ro); } .es-ubtn.prim:hover { background-color:var(--ts-akzent); } .m-einstellungen .es-toc-t:hover { background-color: var(--ts-field-focus); } .m-einstellungen .es-toc-kb:hover { background-color: var(--ts-field-focus); color: var(--ts-ink); } .es-syscopy:hover{border-color:var(--ts-akzent);color:var(--ts-akzent)} .ts-ts-nav:hover{ background-color:var(--ts-flaeche); } .ts-ts-tab td button:hover{ background-color:var(--ts-flaeche); } .ts-ts-btn:hover{ background-color:var(--ts-flaeche); } .ts-ts-btn.heute:hover{ background-color:var(--ts-akzent-dark); border-color:var(--ts-akzent-dark); } .ts-ts-tab td button.aus:hover, .ts-ts-tab td button:disabled:hover{ background-color:var(--ts-dis-bg); } .ts-dlg .es-kette-scroll .es-kette-tab tr:hover:not(.sel) td{background-color:var(--ts-hover-bg)} /* ▸N1236 §679b §667 */ /* ▸N1303 §825 */ .tspro-ui .tbl-box tbody tr:hover:not(.sel):not([data-fuell]) td { background-color: var(--ts-hover-bg); } .ts-x:hover { opacity: 1; } .tspro-ui .obtn.dark:hover, .art-wrap .obtn.dark:hover, .es-wrap .obtn.dark:hover, .bib-wrap .obtn.dark:hover, .ts-ovl .obtn.dark:hover, .be-ov .obtn.dark:hover, .ts-memo-ov .obtn.dark:hover, .je-such .obtn.dark:hover { background-color: var(--ts-ink-hover); border-color: var(--ts-ink); } .app-bar .hd-assist:hover { background-color: rgba(255,255,255,.15); } .app-bar .logout:hover { background-color: rgba(255,255,255,.15); } .app-bar .user-btn:hover { background-color: rgba(255,255,255,.15); } .app-bar .up-row input:focus { outline: none; border-color: var(--ts-panel-bd); } .app-bar .up-save:hover { background-color: var(--ts-akzent-dark); } body.ts-anmeldung input:focus { border-color: var(--ts-ink-muted); } body.ts-anmeldung button:hover { background-color: var(--ts-akzent-dark); } body.ts-anmeldung button.neben:hover { background-color: var(--ts-shell-bg); } /* §1262 (S3) */ /* Kachel eines Moduls, das es noch nicht gibt */ body.ts-app .tspro-ui .fil-tile:disabled:hover { transform: none; background-color: var(--ts-panel-bg); border-color: var(--ts-line); } .ts-dlg.bka .bka-kz:hover { background-color: var(--ts-hover-bg); } .bk-modern .bk-tab tbody tr:hover td { background-color: var(--ts-hover-bg); } /* ▸N1335 §667 */ .ts-dlg-box:has(.bk-modern) #ovl_f .obtn#bk_a_alle:not(:disabled):hover, .ts-dlg-box:has(.bk-modern) #ovl2_f .obtn#bk_a_alle:not(:disabled):hover { background-color: var(--ts-akzent-dark); border-color: var(--ts-akzent-dark); } /* ▸§1372 Ende schweben */ } @layer zustaende { /* ▸§1385 Grundregeln mit Vorrang (vorher !important in bestand, §1383) — gelten ueber module/schweben, unter den Zustaenden */ /* ▸§3769 KOPFZEILEN EINZEILIG (Joerg 29.10. 01:19, K-425 (6)/K-426 (2)): Kachel-, Fenster- und Optionenkoepfe brechen nie um — zu langer Text endet mit „…“, Volltext steht im Tooltip (title setzt das Modul). Lint „kopf“ in layout_messen misst es. */ .tspro-ui .fil-sec-head, .tspro-ui .opt-head, .ts-dlg-box > .h > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } /* ▸§3866 (Jörg 30.10. 00:48: „in ganz vielen Masken überdeckt die Kachel die Kopfzeile“): overflow:hidden (§3769) nimmt einem Flex-Kind die Mindesthöhe (min-height:auto → 0) — in Kacheln mit flex-direction:column und vollem Inhalt schrumpfte der Kopf (TeamViewer: 20,5 statt 27 px). Kopf schrumpft nie. */ .fil-sec-head, .opt-head, .ts-dlg-box > .h { flex-shrink: 0; } /* ohne .tspro-ui: auch Dialogkacheln (.ts-dlg-box .b .fil-sec ist Flex-Spalte, Z. 2570) */ .tspro-ui .fil-sec-head > span[id$="-status-txt"], .tspro-ui .fil-sec-head > .ts-status-txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; vertical-align: bottom; } .tspro-ui .fil-sec-head:has(> span[id$="-status-txt"]) > span[id$="-status-txt"] { font-size: var(--ts-head-fs); font-weight: var(--ts-head-fw); /* wie ein Kopf, nicht wie ein Zusatz */ opacity: 1; margin-left: 0; /* Einzug entfaellt mit dem Titel */ } /* ▸N371 */ .tspro-ui .opt-sep, .art-wrap .opt-sep, .bib-wrap .opt-sep, .es-wrap .opt-sep { display: none; } /* ▸N588 K-45 */ .tspro-ui input[type="checkbox"], .tspro-ui input[type="radio"], .je-such input[type="checkbox"], .je-such input[type="radio"], .be-ov input[type="checkbox"], .be-ov input[type="radio"], .ts-dlg input[type="checkbox"], .ts-dlg input[type="radio"], .ts-ovl input[type="checkbox"], .ts-ovl input[type="radio"], #art-ovl input[type="checkbox"], #wa-ovl input[type="checkbox"], #m-wiz input[type="checkbox"]{ width:15px; height:15px; min-width:0; min-height:0; padding:0; margin:0 4px 0 0; box-sizing:border-box; border-radius:2px; } /* 🗑 rechnung: ecCash-Zeile loeschen (Button ohne id) */ /* ▸N773 */ /* ▸N774 */ .tspro-ui th:not(.r):not(.num), .art-wrap th:not(.r):not(.num), .bib-wrap th:not(.r):not(.num), .es-wrap th:not(.r):not(.num), .be-ov th:not(.r):not(.num), .ts-ovl th:not(.r):not(.num), .ts-dlg th:not(.r):not(.num), .je-such th:not(.r):not(.num), #m-wiz th:not(.r):not(.num) { text-align: left; } /* ▸N775 */ /* ▸N776 */ .be-ov th.ctr, .be-ov td.ctr, .je-such th.ctr, .je-such td.ctr, .tspro-ui th.ctr, .tspro-ui td.ctr { text-align: center; } /* ▸N902 */ /* ▸N903 */ .je-such th.num, .je-such th.r, .je-such .as-tbl th[data-sort="ek"], .je-such .as-tbl th[data-sort="vk"], .je-such .as-tbl th[data-sort="la"], .je-such .as-tbl th[data-sort="ar"], .je-such .as-tbl th[data-sort="ab"], .je-such .as-tbl th[data-sort="vf"] { /* §630: .js-pos-Positionsarme entfernt (th.num Z.~5886) */ text-align: center; } /* ▸N996 R-7.7 R-1.5 */ .tspro-ui thead th, .art-wrap thead th, .bib-wrap thead th, .es-wrap thead th, .ts-dlg thead th, .ts-ovl thead th, .be-ov thead th, .je-such thead th, #m-wiz thead th, #bel_tbl thead th { min-width: max-content; overflow: visible; text-overflow: clip; } /* ▸§1364 zustaende: Auswahl (.sel .on .aktiv .active :checked) — ZUERST, damit gesperrt (danach) bei Gleichstand gewinnt: gesperrt ist grau, auch wenn aktiv (§1347) */ .ts-ovl.ts-ma-overlay.on { display: flex; } .tspro-ui .fbtn.aktiv { background: var(--ts-ink); color: var(--ts-sec-fg); border-color: var(--ts-ink); } .tspro-ui .such-bar .obtn.tag.on { background: var(--ts-ink); color: var(--ts-sec-fg); border-color: var(--ts-ink); } .be-wrap .bel-fbtn.on { background: var(--ts-ink); color: var(--ts-sec-fg); border-color: var(--ts-ink); } .ma-wrap .ma-pane.on { display: block; } #m-wiz .tbl tr.sel td {background:var(--ds-auswahl);color:var(--ts-akzent);font-weight:700} .be-ov .js-fbtn.on, .je-such .js-fbtn.on {background:var(--ts-ink);color:var(--ts-sec-fg);border-color:var(--ts-ink)} #m-pechart .pec-grp button.on {background:var(--ts-ink);color:var(--ts-sec-fg);border-color:var(--ts-ink)} .kt-wrap table.kt-tbl tr.kt-lvl1.sel td { background: var(--ts-meld-err-bg); } /* ▸N273 */ /* ▸N274 §781 §713 */ /* §824: Hand an Bibliothekszeilen entfernt */ .bib-wrap table.be-tbl tr.sel td { background: var(--ds-auswahl); } .bib-wrap table.be-tbl tr.bib-lvl1.sel td { background: var(--ts-meld-err-bg); } /* ▸N275 §814 */ .bib-wrap .bib-view#v_leer.on { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; } /* ▸N284 */ /* ▸N285 */ .bib-wrap .bib-view.on { display: flex; flex-direction: column; min-height: 0; } .bib-wrap .bib-view.on > .fil-sec { flex: 0 0 auto; } /* ▸N286 §269 */ .bib-wrap .bib-view.on > .fil-sec.bib-sub-sec { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; margin-bottom: 0; max-width: 460px; } .bib-wrap .bib-tab.on { background: var(--ts-panel-bg); color: var(--ts-ink); opacity: 1; border-color: var(--ts-sec-fg); cursor: default; } #art-ovl table.be-tbl tr.sel, #art-ovl table.be-tbl tr.sel td { background: var(--ds-auswahl); } .bhk-tblwrap tr.sel td { background: var(--ds-auswahl); } #vs-pop.on, #ad-ew-pop.on, #ts-aw-pop.on { display: block; } /* §4707 HAUSEIGENE AUSWAHLLISTE (api.js): ersetzt das aufgeklappte Browser-/macOS-Menü JEDES einzeiligen