/* Torqo Oberfläche (Auftrag UI1): Rückfrage-Dialog und PDF-Knopf. Farben aus den Seiten-Variablen. */
dialog.torqo-dialog { border: 1px solid var(--linie, #d9dde3); border-radius: 12px; padding: 0; max-width: min(28rem, calc(100vw - 2rem)); width: 100%; color: var(--text, #1d2327); background: #fff; box-shadow: 0 12px 40px rgba(0, 0, 0, .25); font: inherit; }
dialog.torqo-dialog::backdrop { background: rgba(17, 24, 39, .5); }
.torqo-dialog-inhalt { margin: 0; padding: 1.3rem 1.4rem 1.1rem; }
.torqo-dialog-text { margin: 0 0 1.2rem; font-size: 1.05rem; line-height: 1.45; overflow-wrap: anywhere; }
.torqo-dialog-knoepfe { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.torqo-dialog-knoepfe button { min-height: 2.75rem; min-width: 6.5rem; padding: .55rem 1.1rem; font: inherit; border-radius: 6px; border: 1px solid var(--akzent, #b4231c); background: var(--akzent, #b4231c); color: #fff; cursor: pointer; }
.torqo-dialog-knoepfe button.zweit { background: #fff; color: var(--akzent, #b4231c); }
.torqo-dialog-knoepfe button:focus-visible { outline: 3px solid #1f5fbf; outline-offset: 2px; }
@media (max-width: 480px) { .torqo-dialog-knoepfe button { flex: 1 1 100%; } }

/* PDF als Knopf: Symbol, Dokumentname, Datum */
a.pdf-knopf { display: inline-flex; align-items: center; gap: .6rem; max-width: 100%; min-height: 2.75rem; padding: .35rem .8rem .35rem .55rem; border: 1px solid var(--linie, #d9dde3); border-radius: 8px; background: #fff; color: var(--text, #1d2327); text-decoration: none; vertical-align: middle; }
a.pdf-knopf:hover { border-color: var(--akzent, #b4231c); background: #fafbfc; }
a.pdf-knopf:focus-visible { outline: 3px solid #1f5fbf; outline-offset: 2px; }
.pdf-knopf .pdf-symbol { flex: none; width: 1.7rem; height: 2rem; }
.pdf-knopf .pdf-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.pdf-knopf .pdf-name { font-weight: 600; overflow-wrap: anywhere; }
.pdf-knopf .pdf-datum { font-size: .8rem; color: var(--grau, #6b7280); }

/* Offerten-Liste im Auftrag-Detail: bleibt in der Box, bricht um (Tablet 820 px, Handy 390 px) */
ul.offerten-liste { list-style: none; margin: 0; padding: 0; }
.offerten-liste li { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .9rem; padding: .55rem 0; border-bottom: 1px solid var(--linie, #d9dde3); min-width: 0; }
.offerten-liste li:last-child { border-bottom: 0; }
.offerten-liste .o-nummer { flex: 1 1 9rem; min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
.offerten-liste .o-total { margin-left: auto; text-align: right; }
.offerten-liste .o-pdf { flex: 1 1 100%; min-width: 0; }
.offerten-liste .o-pdf form { margin: 0; }

/* Auftrag-Detail auf schmalen Bildschirmen: nichts ragt über den Rand */
.status-setzen select { max-width: 100%; min-width: 0; flex: 1 1 12rem; }
@media (max-width: 900px) {
  table.verlauf, table.verlauf tbody { display: block; }
  table.verlauf tr { display: grid; grid-template-columns: max-content 1fr; gap: 0 .8rem; border-bottom: 1px solid var(--linie, #d9dde3); padding: .35rem 0; }
  table.verlauf td { border: 0; padding: .1rem 0; overflow-wrap: anywhere; min-width: 0; }
  table.verlauf td:nth-child(3) { grid-column: 1 / -1; }
}