/* Connected quotation workspace. Print/document layouts keep their existing styles. */
@media screen {
 body.erp-pipeline #viewQuotation #quotationTypeBar { position:relative; top:auto; margin:0; border:1px solid #dfe5ec; border-radius:10px 10px 0 0; padding:14px 16px 0; box-shadow:none; }
 body.erp-pipeline #viewQuotation .qbar-row-2 { padding:10px 0; margin-top:8px; border-top:1px solid #edf1f5; gap:8px; }
 body.erp-pipeline #viewQuotation #btnMontageauftragHeader { background:#fff; color:#003878; border:1px solid #cbd5e1; }
 body.erp-pipeline #viewQuotation .quotation-context { width:100%; border-top:1px solid #edf1f5; margin:0; font-size:13px; }
 body.erp-pipeline #viewQuotation .quotation-context > summary { cursor:pointer; padding:9px 0; color:#344c67; font-weight:600; }
 body.erp-pipeline #viewQuotation .quotation-context > summary span { font-weight:400; color:#64748b; margin-left:12px; }
 body.erp-pipeline #viewQuotation .quotation-context[open] > summary span { display:none; }
 body.erp-pipeline #quotationContextContent { padding-bottom:12px; }
 body.erp-pipeline #quotationContextContent [data-dispatch-summary] { margin:8px 0!important; background:#f8fafc!important; }
 body.erp-pipeline #viewQuotation #quotationTabs { margin:0; padding:0 12px; gap:4px; border:1px solid #dfe5ec; border-top:0; border-radius:0; background:#fff; overflow:visible; flex-wrap:wrap; }
 body.erp-pipeline #quotationTabs > .tab, body.erp-pipeline #quotationTabs > .tab-menu > .tab { padding:12px 14px; border-radius:0; border:0; border-bottom:3px solid transparent; background:transparent; color:#536579; }
 body.erp-pipeline #quotationTabs > .tab.active, body.erp-pipeline #quotationTabs > .tab-menu > .tab.active { color:#003878; background:#eef5fc; border-bottom-color:#003878; font-weight:600; }
 body.erp-pipeline #viewQuotation #tabOffer { margin-top:0; }
 body.erp-pipeline #viewQuotation .offer-subtabs { margin:0 0 16px; padding:8px 16px; gap:6px; border:1px solid #dfe5ec; border-top:0; border-radius:0 0 10px 10px; background:#f1f5f9; flex-wrap:wrap; }
 /* Untermenü (Konfigurator, Positionen, …) bleibt beim Scrollen unter dem fixierten Angebotskopf stehen (26.10.2026);
    --beleg-kopf-unten setzt app.js aus Lage und Höhe des Kopfs. Nicht auf dem Handy – dort fehlte sonst der Platz. */
 @media(min-width:768px) { body.erp-pipeline #viewQuotation .offer-subtabs { position:sticky; top:var(--beleg-kopf-unten,0px); z-index:39; box-shadow:0 2px 4px #1d2b3a10; } }
 body.erp-pipeline #viewQuotation .offer-subtab { padding:7px 12px; border-radius:5px; color:#536579; background:transparent; }
 body.erp-pipeline #viewQuotation .offer-subtab.active { color:#003878; background:#fff; box-shadow:0 1px 3px #1d2b3a18; font-weight:600; }
 body.erp-pipeline #viewQuotation :is(button,summary):focus-visible { outline:2px solid #e69926; outline-offset:2px; }
 @media(max-width:600px) {
  body.erp-pipeline #viewQuotation #quotationTypeBar { padding:10px 10px 0; }
  body.erp-pipeline #quotationTabs > .tab, body.erp-pipeline #quotationTabs > .tab-menu > .tab { padding:10px 8px; font-size:12px; }
  body.erp-pipeline #viewQuotation .offer-subtabs { padding:8px; }
  body.erp-pipeline #viewQuotation .quotation-context > summary span { display:none; }
 }
}
@media screen and (max-width:600px) {
 body.erp-pipeline #viewQuotation #quotationTabs { flex-wrap:wrap!important; white-space:normal!important; overflow:visible!important; }
 body.erp-pipeline #viewQuotation .qbar-btn-label { display:inline!important; }
 body.erp-pipeline #viewQuotation .qbar-row-1 { flex-wrap:wrap!important; }
 body.erp-pipeline #viewQuotation .qbar-quono { width:100%; min-width:0; }
 body.erp-pipeline #viewQuotation #quotationStatusSelect { min-width:130px; }
 body.erp-pipeline #viewQuotation .qbar-total-label { display:block!important; }
}