/* GlasERP – Programme einheitlich (Fabian 2.11.2026: «mache ein einheitliches design für alle programme»).
   Gilt für Programme → KURTH CAD, DXF Reader, Bogenglas, Zuschnittoptimierung, Programm-Ansicht. Wird als letzte Stilvorlage geladen.
   Ein Kopf für alle: Titel 22 px (Schrift des ERP), darunter eine Zeile Erklärung in Grau, Knöpfe rechts, feine Linie darunter, keine
   Überzeile («KURTH · …», «PRODUKTION / …»), kein eigener Kasten. Knöpfe wie im übrigen ERP (weiss mit grauem Rand oder schwarz, 40 px,
   Ecken 8 px). Der DXF Reader bekommt Schrift und Farben des ERP statt eigener Grün-/Orangetöne. Der Bogenglas-Rechner im Rahmen
   bekommt public/bogenglas-erp.css (eingehängt von public/bogenglas-seite.js) – die Paketdateien bleiben unverändert.
   Nur Gestaltung: keine Klasse und kein Ablauf der Programme wird geändert. Auf flachen/schmalen Bildschirmen entfällt die Titelzeile
   überall (siehe unten). */

/* ---------- Kopf ---------- */
#view .kcw-head, #view .dxf-reader .dr-head, #view .og-kopf, #view .bogen-kopf, #view .pa-workspace > .page-head {
  align-items: flex-end; justify-content: space-between; gap: 8px 16px;
  margin: 0 0 12px; padding: 0 0 10px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0;
  background: transparent; box-shadow: none;
}
#view .kcw-titleblock h1, #view .dxf-reader .dr-head h1, #view .og-kopf h2, #view .bogen-kopf h1, #view .pa-workspace > .page-head h1 {
  font-family: inherit; font-size: 22px; line-height: 1.15; font-weight: 500; letter-spacing: -.01em; color: var(--ink); margin: 0;
}
#view .kcw-titleblock p, #view .dxf-reader .dr-head .dr-sub, #view .bogen-kontext, #view .pa-workspace > .page-head .pa-unter, #view .og-kopf .og-unter {
  font-size: 13px; line-height: 1.4; color: var(--muted); margin: 3px 0 0;
}
/* kurth-angebot-auftrag.css blendet .page-title (Titel der Kopfleiste) aus – das traf auch den Titel der Programm-Ansicht */
#view .pa-workspace > .page-head h1.page-title { display: block; }
#view .kcw-titleblock { flex-wrap: wrap; row-gap: 0; }
#view .kcw-titleblock p { flex-basis: 100%; }
#view .dxf-reader .dr-eyebrow, #view .og-kopf .ow-eyebrow { display: none; }
#view .dxf-reader .dr-head h1 > span { display: none; }          /* farbiger Punkt hinter «DXF Reader» */

/* ---------- Knöpfe im Kopf und im DXF Reader wie im ERP ---------- */
.dxf-reader button, .dxf-reader .dr-file { border-color: #e4e4e4; border-radius: 8px; color: #333; font-family: inherit; }
#view .og-kopf-rechts .btn, #view .dxf-reader .dr-head .dr-actions button {
  min-height: 40px; padding: 0 13px; border: 1px solid #e4e4e4; border-radius: 8px; background: #fff; color: #333;
  font-family: inherit; font-size: 14px; font-weight: 500; box-shadow: none;
}
.dxf-reader button:hover, #view .og-kopf-rechts .btn:hover { background: var(--surface2); border-color: var(--line2); }
.dxf-reader .dr-primary, #view .dxf-reader .dr-head .dr-actions .dr-primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.dxf-reader .dr-primary:hover { background: var(--accent-dark); border-color: var(--accent-dark); }
.dxf-reader button:focus-visible, .dxf-reader select:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }

/* ---------- DXF Reader: Schrift und Farben des ERP ---------- */
.dxf-reader {
  --dr-ink: var(--ink); --dr-muted: var(--muted); --dr-line: var(--line); --dr-accent: var(--ink); --dr-bg: var(--bg);
  font-family: inherit; font-size: 14px; line-height: 1.5;
}
#view .dxf-reader { background: transparent; border: 0; border-radius: 0; overflow: visible; }
#view .dxf-reader .dr-layout { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.dxf-reader .dr-scale-info { background: var(--surface2); border-color: var(--line); border-radius: 8px; }
.dxf-reader .dr-drop { background: var(--surface2); border-color: var(--line2); border-radius: 8px; }
.dxf-reader select, .dxf-reader input[type=number], .dxf-reader input[type=text] { border-radius: 8px; }

/* ---------- Bogenglas: Rahmen ohne zweiten Kasten ---------- */
#view .bogen-rahmen { border-color: var(--line); }

/* ---------- Flacher oder schmaler Bildschirm: Titelzeile überall eingespart ----------
   Wie seit v7.12.3 bei KURTH CAD und den eingebetteten Programmen (test/programme-design-browser.py: mindestens 60 % der Höhe
   Arbeitsfläche): der schwarze Reiter nennt das Programm. Jetzt gleich für DXF Reader, Bogenglas und Zuschnittoptimierung –
   Titel und Erklärzeile weg, die Knöpfe bleiben rechts; ohne Knöpfe entfällt der Kopf ganz. */
@media screen and (max-width: 900px), screen and (max-height: 820px) {
  #view .dxf-reader .dr-head > div:first-child, #view .og-kopf > div:first-child, #view .bogen-kopf > div:first-child { display: none; }
  #view .dxf-reader .dr-head, #view .og-kopf, #view .bogen-kopf { justify-content: flex-end; align-items: center; padding: 0 0 8px; margin-bottom: 8px; }
  #view .bogen-kopf:not(:has(.bogen-knoepfe)) { display: none; }
  #view .og-kopf-rechts .btn, #view .dxf-reader .dr-head .dr-actions button { min-height: 36px; }
}
@media screen and (max-width: 760px) {
  #view .dxf-reader .dr-head { flex-direction: row; flex-wrap: wrap; }
}
@media print { #view .kcw-head, #view .dxf-reader .dr-head, #view .og-kopf, #view .bogen-kopf { border-bottom: 0; } }