/* Ruhigere Auftragskarten mit klarer Informationshierarchie */
.cards { grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:18px; }
.card { border-color:#d5ddd6; box-shadow:0 4px 14px #1737240b; }
.cardOpen { padding:20px; }
.cardTop { padding-bottom:12px; border-bottom:1px solid #edf1ed; }
.cardCustomer { margin:17px 0 2px!important; color:#31533d; font-size:13px; font-weight:800!important; }
.cardOpen h3 { margin:3px 0 7px; font-size:21px; line-height:1.25; }
.cardOpen .cardLocation { margin:0; color:#68746d; font-size:13px; font-weight:500!important; line-height:1.45; }
.cardMeta { display:flex; gap:16px; margin-top:15px; color:#52635a; font-size:12px; font-weight:700; }
.cardMeta span::before { content:"•"; margin-right:6px; color:#6f967b; }
.cardBadges { margin:13px 0 0; }
.cardOpen footer { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:17px; padding-top:15px; }
.cardOpen footer > div { min-width:0; }
.cardOpen footer > div:last-child { text-align:right; }
.cardOpen footer small { display:block; margin-bottom:4px; color:#758078; font-size:11px; font-weight:600; }
.cardOpen footer b,.cardOpen footer strong { color:#214a34; font-size:15px; }
.cardCompletion { min-height:48px; padding:8px 18px; }

/* Auftragskopf und kompakte Kennzahlen */
#detail > .detailHead { padding:20px 22px; border:1px solid var(--line); border-radius:14px; background:white; box-shadow:0 3px 12px #17372409; }
#detail > .summary { gap:10px; margin:14px 0 18px; }
#detail > .summary > div { min-height:80px; padding:15px 16px; }
#detail > .summary b { font-size:16px; color:#224b35; }

/* Große Auftragsbereiche lassen sich einzeln öffnen und schließen */
.detailSection { padding:0; overflow:hidden; margin:12px 0; }
.detailSection > summary { position:relative; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:17px 52px 17px 19px; cursor:pointer; list-style:none; background:#f7f9f6; }
.detailSection > summary::-webkit-details-marker { display:none; }
.detailSection > summary::after { content:"⌄"; position:absolute; right:20px; top:50%; color:#456351; font-size:22px; transform:translateY(-50%); transition:transform .18s ease; }
.detailSection[open] > summary::after { transform:translateY(-50%) rotate(180deg); }
.detailSection[open] > summary { border-bottom:1px solid var(--line); background:#eef3ec; }
.detailSection > summary span { min-width:0; }
.detailSection > summary b { display:block; color:#213f2e; font-size:16px; }
.detailSection > summary small { display:block; margin-top:3px; color:#6c7770; font-size:12px; }
.detailSection > summary em { flex:0 0 auto; border-radius:999px; padding:6px 10px; background:white; color:#52665a; font-size:12px; font-style:normal; font-weight:750; }
.detailSectionBody { padding:18px; }
.detailSectionBody .projectDocsHead { margin-bottom:10px; }
.detailSectionBody .supplierSectionHead { justify-content:flex-end; margin-bottom:12px; }

/* Lieferanten erscheinen zunächst als kurze Statuszeilen */
.supplierGroup { margin:9px 0; }
.supplierGroup > summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 46px 14px 16px; cursor:pointer; list-style:none; background:#f8faf7; position:relative; }
.supplierGroup > summary::-webkit-details-marker { display:none; }
.supplierGroup > summary::after { content:"›"; position:absolute; right:18px; top:50%; color:#51705b; font-size:24px; transform:translateY(-50%); transition:transform .18s ease; }
.supplierGroup[open] > summary::after { transform:translateY(-50%) rotate(90deg); }
.supplierGroup[open] > summary { border-bottom:1px solid var(--line); background:#edf3eb; }
.supplierOverview { display:flex; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.supplierOverview span { border:1px solid #d3ddd4; border-radius:999px; padding:6px 9px; background:white; color:#56675d; font-size:11px; font-weight:750; }
.supplierOverview span.done { border-color:#acd0b2; background:#e2f1e3; color:#23583a; }
.supplierOverview span.open { border-color:#e4ca8a; background:#fff5dd; color:#6f4b0d; }
.supplierGroupBody { padding:15px; }
.supplierGroupBody .supplierPlanning { margin-bottom:12px; }
.supplierGroup.supplierDone > summary { background:#e8f3e7; }

.extraTaskPanel.marked > summary { background:#fff5df; }
.completeOrderBar { margin:12px 0; }

@media(max-width:700px) {
  .cards { grid-template-columns:1fr; }
  .cardOpen footer { grid-template-columns:1fr; }
  .cardOpen footer > div:last-child { text-align:left; }
  #detail > .detailHead { padding:17px; }
  .detailSection > summary { align-items:flex-start; padding-right:45px; }
  .detailSection > summary em { display:none; }
  .supplierGroup > summary { align-items:flex-start; flex-direction:column; }
  .supplierOverview { justify-content:flex-start; }
}