/* Crash Guru – Meine Aufträge (0.7.2)
   Mobile First. Eine Spalte, große Touchflächen, Hauptbuttons >= 48 px.
   Typografie und Farben folgen dem bestehenden Partnerbereich.
   0.7.2: Schriftgrößen für Feldbezeichnungen, Auftragsdaten, Infotexte,
   Konditionen und Kundendaten moderat erhöht. Layout, Kartenaufbau,
   Buttongrößen und Farben sind unverändert. */

.cgpp-orders{
  --cgpp-o-ink:#172033;
  --cgpp-o-muted:#667085;
  --cgpp-o-line:#e3e8ef;
  --cgpp-o-accent:#0d6670;
  font-family:inherit;
  color:var(--cgpp-o-ink);
  box-sizing:border-box;
  max-width:1080px;
  margin:0 auto;
  padding:16px 12px 40px;
}
.cgpp-orders *{box-sizing:border-box}

.cgpp-orders-head{
  background:linear-gradient(135deg,#0d6670,#172033);
  color:#fff;
  border-radius:17px;
  padding:18px;
  margin-bottom:14px;
}
.cgpp-orders-kicker{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.74);
}
.cgpp-orders-head h1{
  margin:5px 0 4px;
  font-size:25px;
  line-height:1.15;
  color:#fff;
}
.cgpp-orders-head p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:15px;
}
.cgpp-orders-back{
  display:inline-block;
  margin-top:14px;
  padding:10px 13px;
  min-height:44px;
  line-height:24px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:10px;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700;
  font-size:15px;
}

.cgpp-orders-note{
  font-size:15px;
  padding:13px 15px;
  border-radius:12px;
  margin-bottom:12px;
  font-weight:600;
  line-height:1.5;
}
.cgpp-orders-note.is-ok{background:#eaf8ee;color:#175c2d}
.cgpp-orders-note.is-error{background:#fff1f1;color:#8a1f1f}
.cgpp-orders-refresh{
  display:inline-block;
  margin-left:6px;
  font-weight:800;
  color:inherit!important;
}

.cgpp-orders-section{margin-top:22px}
.cgpp-orders-section-head h2{
  margin:0;
  font-size:19px;
  display:flex;
  align-items:center;
  gap:9px;
}
.cgpp-orders-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:24px;
  padding:0 8px;
  border-radius:99px;
  background:#eef2f6;
  color:#4a5768;
  font-size:14px;
  font-weight:800;
}
.cgpp-orders-section-head p{
  margin:4px 0 12px;
  color:var(--cgpp-o-muted);
  font-size:15px;
}
.cgpp-orders-empty{
  padding:16px;
  border:1px dashed #d7dee8;
  border-radius:13px;
  background:#fbfcfe;
  color:var(--cgpp-o-muted);
  font-size:15px;
}
.cgpp-orders-list{display:grid;grid-template-columns:1fr;gap:12px}

.cgpp-order-card{
  background:#fff;
  border:1px solid var(--cgpp-o-line);
  border-radius:16px;
  padding:16px;
  box-shadow:0 6px 18px rgba(23,32,51,.05);
}
.cgpp-order-card.is-open{border-left:4px solid var(--cgpp-o-accent)}
.cgpp-order-card.is-active{border-left:4px solid #14803a}
.cgpp-order-card.is-history{border-left:4px solid #b6bfcc}

.cgpp-order-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.cgpp-order-id{
  font-size:17px;
  font-weight:800;
  letter-spacing:.01em;
  word-break:break-word;
}
.cgpp-order-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 11px;
  border-radius:99px;
  font-size:13px;
  font-weight:800;
  background:#eef2f6;
  color:#3d4a5c;
  white-space:nowrap;
}
.cgpp-order-badge.cgpp-status-angeboten{background:#fff4d9;color:#7a5300}
.cgpp-order-badge.cgpp-status-angenommen{background:#e2f5e8;color:#14602f}
.cgpp-order-badge.cgpp-status-kontakt-hergestellt,
.cgpp-order-badge.cgpp-status-termin-gebucht,
.cgpp-order-badge.cgpp-status-in-bearbeitung{background:#e2edfb;color:#12457e}
.cgpp-order-badge.cgpp-status-abgeschlossen{background:#e8eaf0;color:#3b4557}
.cgpp-order-badge.cgpp-status-abgelehnt,
.cgpp-order-badge.cgpp-status-storniert{background:#fdeaea;color:#8a1f1f}

.cgpp-order-service{
  margin:0 0 12px;
  font-size:18px;
  line-height:1.3;
}
.cgpp-order-rows{display:grid;grid-template-columns:1fr;gap:10px}
.cgpp-order-row small{
  display:block;
  color:var(--cgpp-o-muted);
  font-size:13px;
  margin-bottom:2px;
}
.cgpp-order-row strong{font-size:16px;font-weight:700;word-break:break-word}
.cgpp-order-row p{margin:0;font-size:16px;line-height:1.55}
.cgpp-order-link{
  display:inline-block;
  font-size:17px;
  font-weight:800;
  color:var(--cgpp-o-accent)!important;
  text-decoration:none!important;
  padding:4px 0;
  min-height:30px;
  word-break:break-word;
}

.cgpp-order-terms{
  margin-top:14px;
  padding:13px 14px;
  border-radius:12px;
  background:#f2f8f8;
  border:1px solid #d6e6e7;
}
.cgpp-order-terms small{
  display:block;
  color:#4c6b6e;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.cgpp-order-terms strong{font-size:16px;line-height:1.45;display:block}

.cgpp-order-locked{
  margin-top:14px;
  padding:12px 14px;
  border-radius:12px;
  background:#f7f8fb;
  border:1px dashed #cfd7e2;
  color:#55617a;
  font-size:15px;
  line-height:1.5;
}
.cgpp-order-contact{
  margin-top:14px;
  padding:14px;
  border-radius:12px;
  background:#f6fbf7;
  border:1px solid #cfe7d6;
  display:grid;
  gap:10px;
}
.cgpp-order-contact h4{
  margin:0;
  font-size:14px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#14602f;
}

.cgpp-order-actions{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
.cgpp-orders .cgpp-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid transparent;
  font-family:inherit;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  text-decoration:none!important;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}
.cgpp-orders .cgpp-btn.primary{background:var(--cgpp-o-accent);border-color:#0a5158;color:#fff!important}
.cgpp-orders .cgpp-btn.secondary{background:#fff;border-color:#cfd7e2;color:#2a3547!important}
.cgpp-orders .cgpp-btn.danger{background:#a3252b;border-color:#8a1f24;color:#fff!important}
.cgpp-orders .cgpp-btn:focus-visible{outline:3px solid #7fb3b9;outline-offset:2px}

.cgpp-order-confirm{
  margin-top:12px;
  padding:14px;
  border-radius:13px;
  background:#fbfcfe;
  border:1px solid #d9e0ea;
}
.cgpp-order-confirm[hidden]{display:none}
.cgpp-order-confirm strong{display:block;font-size:17px;margin-bottom:6px}
.cgpp-order-confirm p{margin:0 0 12px;font-size:15px;line-height:1.55;color:#4c5768}
.cgpp-order-confirm label{
  display:block;
  font-size:14px;
  font-weight:700;
  margin-bottom:6px;
}
.cgpp-order-confirm select{
  display:block;
  width:100%;
  min-height:48px;
  padding:12px;
  margin-bottom:12px;
  border:1px solid #cfd5df;
  border-radius:10px;
  background:#fff;
  font:inherit;
}
.cgpp-confirm-actions{display:grid;grid-template-columns:1fr;gap:9px}

/* Dashboard-Karte auf /mein-profil/ */
.cgpp-dashboard-card.cgpp-orders-card{
  display:flex;
  flex-direction:column;
  border-color:#cfe0e2;
  background:linear-gradient(180deg,#f4fafa,#fff);
}
.cgpp-orders-card .cgpp-orders-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  min-height:46px;
  padding:11px 15px;
  border-radius:11px;
  background:#0d6670;
  border:1px solid #0a5158;
  color:#fff!important;
  font-weight:800;
  font-size:15px;
  text-decoration:none!important;
}

/* Ab Tablet darf es breiter werden – abgeleitet vom Mobile-Layout. */
@media(min-width:720px){
  .cgpp-orders{padding:24px 20px 56px}
  .cgpp-orders-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:24px;
    border-radius:20px;
  }
  .cgpp-orders-head h1{font-size:31px}
  .cgpp-orders-back{margin-top:0;white-space:nowrap}
  .cgpp-order-card{padding:20px}
  .cgpp-order-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
  .cgpp-order-row.cgpp-order-wide{grid-column:1/-1}
  .cgpp-order-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .cgpp-confirm-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  .cgpp-confirm-actions .cgpp-btn.secondary{order:0}
}
@media(min-width:1000px){
  .cgpp-orders-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgpp-orders-section.cgpp-orders-single .cgpp-orders-list{grid-template-columns:1fr}
}

/* =========================================================================
   0.9.0 – Auftragsstatus im Partnerbereich
   Additiv; bestehende Auftragskarten bleiben unveraendert.
   ========================================================================= */
.cgpp-orders-due{
  align-self:flex-start;background:#fdecea;border:1px solid #f3c6c1;border-radius:999px;
  color:#a4291f;font-size:.78rem;font-weight:800;margin-top:8px;padding:5px 11px
}
.cgpp-status-block{
  border-top:1px solid #e2e9ec;margin-top:18px;padding-top:16px
}
.cgpp-status-head{
  align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;margin-bottom:10px
}
.cgpp-status-head h4{font-size:1.02rem;margin:0}
.cgpp-status-ref{color:#5b6b73;font-size:.82rem}
.cgpp-status-ref strong{color:#0d3d4c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.cgpp-status-meta{
  background:#f4f8f9;border:1px solid #dde7ea;border-radius:12px;display:flex;flex-direction:column;
  gap:3px;margin-bottom:12px;padding:11px 13px
}
.cgpp-status-meta small{color:#5b6b73;font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.cgpp-status-meta strong{color:#0d3d4c;font-size:.98rem}
.cgpp-status-meta.is-due{background:#fdf1ef;border-color:#f2ccc6}
.cgpp-status-duty{font-size:.82rem;font-weight:800;margin-top:2px}
.cgpp-status-meta.is-ok .cgpp-status-duty{color:#187a58}
.cgpp-status-meta.is-due .cgpp-status-duty{color:#a4291f}
.cgpp-status-timeline{list-style:none;margin:0 0 14px;padding:0}
.cgpp-status-timeline li{
  border-left:3px solid #0d6670;margin:0 0 10px;padding:2px 0 2px 13px
}
.cgpp-status-timeline strong{display:block;color:#0d3d4c;font-size:.96rem}
.cgpp-status-timeline span{color:#5b6b73;font-size:.8rem}
.cgpp-status-timeline p{margin:6px 0 0;font-size:.9rem}
.cgpp-status-timeline em{color:#0d6670;display:block;font-size:.85rem;font-style:normal;font-weight:700;margin-top:5px}
.cgpp-status-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.cgpp-status-images img{
  border:1px solid #dde7ea;border-radius:10px;height:88px;object-fit:cover;width:118px
}
.cgpp-status-form label{display:block;font-size:.86rem;font-weight:700;margin:12px 0 5px}
.cgpp-status-form select,
.cgpp-status-form textarea,
.cgpp-status-form input[type="date"],
.cgpp-status-form input[type="file"]{
  border:1px solid #cfdbdf;border-radius:10px;font:inherit;padding:10px 11px;width:100%
}
.cgpp-status-form textarea{min-height:84px;resize:vertical}
@media(max-width:600px){
  .cgpp-status-images img{height:76px;width:100px}
}