/* CashMyPhone v6.39 — visible UI corrections / cache-busted */
:root{
  --cmp-blue:#3b82f6;
  --cmp-blue-dark:#1d4ed8;
  --cmp-blue-deep:#0f2f68;
  --cmp-blue-soft:#edf4ff;
  --cmp-blue-border:#cfe0ff;
  --cmp-ink:#0f1728;
  --cmp-text:#475467;
  --cmp-muted:#667085;
  --cmp-surface:#ffffff;
}

/* 1. Header CTA: force white text/icons */
.nav-links a.btn.btn-primary,
.nav-links a.btn.btn-primary:link,
.nav-links a.btn.btn-primary:visited,
.nav-links a.btn.btn-primary:hover,
.nav-links a.btn.btn-primary:active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.nav-links a.btn.btn-primary svg{color:#fff!important;stroke:#fff!important}

/* 2. Trust texts under “Handy kostenlos anbieten”: no white pills */
.hero-trust{gap:10px 22px!important;margin-top:19px!important}
.hero-trust span{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  color:#536174!important;
}
.hero-trust .ico{color:var(--cmp-blue)!important}

/* 3. Partner card — readable EL-COM on dark panel */
.partner-mark{border-color:rgba(142,197,255,.22)!important}
.partner-mark svg{color:#f3f7ff!important}
.partner-mark small{color:#b8cce9!important}
.partner-mark strong{color:#79b8ff!important;text-shadow:0 0 24px rgba(59,130,246,.2)!important}
.partner-mark span{color:#d7e4f5!important}
.partner-copy .accent-text{color:var(--cmp-blue)!important}

/* 4. Support icon: exact centering in its square */
.contact-support-card{align-items:center!important}
.contact-support-icon{
  width:52px!important;height:52px!important;min-width:52px!important;
  border-radius:15px!important;padding:0!important;
  display:grid!important;place-items:center!important;
  background:var(--cmp-blue-soft)!important;
  border:1px solid var(--cmp-blue-border)!important;
  color:var(--cmp-blue-dark)!important;
  overflow:hidden!important;
}
.contact-support-icon svg,.contact-support-icon .ico-lg{
  width:22px!important;height:22px!important;margin:0!important;
  display:block!important;transform:none!important;
}

/* 5. Footer partner badge: blue, never green */
.footer-brand .partner-badge{
  background:rgba(59,130,246,.11)!important;
  border:1px solid rgba(125,178,255,.24)!important;
  color:#dce9fb!important;
}
.footer-brand .partner-badge strong{color:#79b8ff!important}

/* 6. Manufacturer + model selections: site blue */
.chip{background:#fff!important;border-color:#dce4ef!important;color:#344054!important}
.chip:hover{background:#f7faff!important;border-color:#bfd7ff!important;color:var(--cmp-blue-dark)!important}
.chip.selected{
  background:var(--cmp-blue-soft)!important;
  border-color:#9fc4ff!important;
  color:var(--cmp-blue-dark)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.09)!important;
}
.model-count{background:#edf4ff!important;color:#3567d6!important}
.model-suggestions{border-color:#dbe8ff!important}
.model-suggestions button{color:#243041!important}
.model-suggestions button:hover,.model-suggestions button:focus{
  background:#edf4ff!important;color:var(--cmp-blue-dark)!important;
}

/* 7. Condition cards: remove green cast + clearer symbols */
.conditions{gap:9px!important}
.condition{
  background:#fff!important;
  border:1px solid #dfe6ef!important;
  color:var(--cmp-ink)!important;
}
.condition:hover{
  background:#f9fbff!important;
  border-color:#aecbff!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.06)!important;
}
.condition.selected{
  background:#f1f6ff!important;
  border-color:#82afff!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.09)!important;
}
.condition-icon,.condition.selected .condition-icon{
  width:34px!important;height:34px!important;
  background:#eaf2ff!important;
  border:1px solid #cfe0ff!important;
  color:#245fd0!important;
}
.condition-icon svg{width:18px!important;height:18px!important;color:#245fd0!important;stroke-width:2.2!important}
.condition strong{color:#172033!important}
.condition small{color:#667085!important}

/* 8. Battery help is blue and integrated */
.help-link,.help-link:link,.help-link:visited{color:#2563eb!important}
.help-link svg{color:#2563eb!important}
.help-link:hover{color:#1d4ed8!important}
.battery-help{
  background:#f7faff!important;
  border:1px solid #d7e6ff!important;
  color:#516174!important;
}
.battery-help strong,.battery-help b{color:#172033!important}

/* 9. Bottom-right validation / info messages in CashMyPhone graphite-blue */
.toast{
  background:linear-gradient(180deg,#111d32 0%,#172641 100%)!important;
  border:1px solid rgba(125,178,255,.34)!important;
  color:#f3f7ff!important;
  border-radius:15px!important;
  box-shadow:0 18px 48px rgba(15,23,40,.28)!important;
  padding:13px 16px!important;
}

/* 10. “Zeig uns dein Handy” — all visuals in blue/graphite */
.photo-guide article{background:#fff!important;border-color:#e0e7f0!important;box-shadow:0 8px 20px rgba(15,23,40,.035)!important}
.photo-guide strong{color:#172033!important}
.photo-guide small{color:#667085!important}
.shot-visual{background:#f4f7fc!important;border:1px solid #e4eaf3!important}
.phone-shot{background:#fff!important;border-color:#64748b!important}
.phone-shot:before{background:#94a3b8!important}
.shot-visual.front .phone-shot i{background:linear-gradient(145deg,#bdd4ff,#e8f1ff)!important}
.shot-visual.back .phone-shot{background:#dbe8ff!important}
.shot-visual.back .phone-shot b{border-color:#64748b!important;box-shadow:14px 0 0 -2px #dbe8ff,14px 0 0 0 #64748b!important}
.phone-edge{background:#8b99ab!important;box-shadow:0 0 0 2px #fff!important}
.damage-ring{border-color:#64748b!important}
.damage-ring:after{border-top-color:#64748b!important}
.required-tag{background:#edf4ff!important;color:#2457b3!important}
.optional-tag{background:#f1f5f9!important;color:#667085!important}
.upload{
  background:#fff!important;
  border:1.5px dashed #bcd5ff!important;
}
.upload:hover,.upload.dragging{background:#f8fbff!important;border-color:#79a9ff!important}
.upload-icon{
  background:#edf4ff!important;
  border-color:#cfe0ff!important;
  color:#2563eb!important;
}
.upload-icon svg{color:#2563eb!important}
.upload strong{color:#172033!important}
.upload .hint{color:#667085!important}
.upload-button{
  background:#eef4ff!important;
  border:1px solid #cfe0ff!important;
  color:#101828!important;
  font-weight:800!important;
}
.upload-button:hover{background:#e5efff!important;border-color:#a9c9ff!important;color:#101828!important}

/* 11. Handover/payment methods: blue selection, black/blue EL-COM + address */
.sale-method,.payout-method{background:#fff!important;border-color:#dfe6ef!important;color:#172033!important}
.sale-method:hover,.payout-method:hover{background:#f9fbff!important;border-color:#b6d0ff!important}
.sale-method.selected,.payout-method.selected{
  background:#f4f8ff!important;
  border-color:#82afff!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.08)!important;
}
.sale-method-icon{
  background:#edf4ff!important;
  border-color:#cfe0ff!important;
  color:#2563eb!important;
}
.sale-method-icon svg{color:#2563eb!important}
.sale-method strong,.payout-method strong{color:#172033!important}
.sale-method small,.payout-method small{color:#667085!important}
.sale-method em{color:#475467!important}
.sale-method em strong{color:#1d4ed8!important}
.choice-dot{border-color:#b6c4d6!important}
.sale-method.selected .choice-dot,.payout-method.selected .choice-dot{background:#2563eb!important;border-color:#2563eb!important}

/* Customer offer handover cards too */
.option-card .option-contact{color:#475467!important}
.option-card .option-contact strong{color:#1d4ed8!important}
.option-card.selected{background:#f4f8ff!important;border-color:#91b8ff!important}

/* Contact success notice: no green */
.contact-success{
  background:#eef5ff!important;border-color:#d3e3ff!important;color:#2457b3!important;
}
.contact-success .ico{color:#2563eb!important}
.contact-success strong{color:#1d4ed8!important}
.contact-success span{color:#516174!important}

/* Common focus states */
.input:focus,.select:focus,textarea:focus{
  border-color:#79a9ff!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.10)!important;
}

/* Mobile polish */
@media(max-width:820px){
  .conditions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .photo-guide{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .nav .logo img{max-width:190px!important;height:auto!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .btn{width:100%!important}
  .hero-trust{gap:9px 12px!important}
  .conditions{grid-template-columns:1fr!important}
  .condition{min-height:0!important;padding:14px!important}
  .photo-guide{grid-template-columns:1fr!important}
  .upload{padding:22px 16px!important}
  .upload-button{width:100%!important;justify-content:center!important}
  .sale-method-grid,.payout-method-grid{grid-template-columns:1fr!important}
  .toast{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;max-width:none!important}
}

/* 7b. Condition cards: clearer meaning per state */
.condition{
  min-height:138px!important;
  padding:15px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
}
.condition-icon,.condition.selected .condition-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  margin-bottom:12px!important;
}
.condition strong{
  font-size:13px!important;
  line-height:1.25!important;
  margin-bottom:4px!important;
}
.condition small{
  font-size:10.8px!important;
  line-height:1.45!important;
  max-width:100%!important;
}
.condition[data-value="Wie neu"] .condition-icon{background:#eef6ff!important;border-color:#d6e8ff!important;color:#2563eb!important}
.condition[data-value="Sehr gut"] .condition-icon{background:#eef4ff!important;border-color:#dbe8ff!important;color:#315fd2!important}
.condition[data-value="Gut"] .condition-icon{background:#f3f6fb!important;border-color:#dde5f0!important;color:#49617f!important}
.condition[data-value="Stark gebraucht"] .condition-icon{background:#fff5eb!important;border-color:#f3dcc0!important;color:#b96d27!important}
.condition[data-value="Defekt"] .condition-icon{background:#fff1f2!important;border-color:#fecdd3!important;color:#dc2626!important}
.condition[data-value="Defekt"]:hover,.condition[data-value="Defekt"].selected{border-color:#f2a3ae!important;box-shadow:0 0 0 4px rgba(220,38,38,.08)!important}
.condition[data-value="Stark gebraucht"]:hover,.condition[data-value="Stark gebraucht"].selected{border-color:#e7ba8d!important;box-shadow:0 0 0 4px rgba(185,109,39,.08)!important}
.condition[data-value="Wie neu"] strong,.condition[data-value="Sehr gut"] strong{color:#12223f!important}
.condition[data-value="Defekt"] strong{color:#7f1d1d!important}


/* 10. Success step color overhaul to match CashMyPhone branding */
.success{
  padding:36px 8px 24px!important;
}
.success-icon{
  width:74px!important;
  height:74px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#eef5ff 0%,#deebff 100%)!important;
  border:1px solid #c8ddff!important;
  color:#2563eb!important;
  box-shadow:0 14px 34px rgba(37,99,235,.14)!important;
}
.success .kicker{
  color:#2563eb!important;
  font-weight:900!important;
  letter-spacing:1.1px!important;
  text-transform:uppercase!important;
}
.success h3{
  color:#101828!important;
  margin-top:10px!important;
}
.success .sub{
  color:#475467!important;
  max-width:620px!important;
  margin:0 auto 24px!important;
}
.success-code{
  margin:24px auto 16px!important;
  max-width:400px!important;
  background:linear-gradient(135deg,#0f1f4d 0%, #12326f 55%, #1d4ed8 100%)!important;
  border:1px solid #2e61d6!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  box-shadow:0 16px 40px rgba(15,31,77,.22)!important;
}
.success-code small{
  color:rgba(255,255,255,.75)!important;
  font-size:10.5px!important;
  letter-spacing:1.2px!important;
}
.success-code strong{
  color:#fff!important;
  font-size:21px!important;
  letter-spacing:.4px!important;
}
.success .hint{
  color:#667085!important;
  max-width:670px!important;
  margin:0 auto!important;
  font-size:11.5px!important;
  line-height:1.6!important;
}
.success .center-actions{
  margin-top:22px!important;
  align-items:center!important;
}
.success .btn-ghost{
  background:#fff!important;
  border:1px solid #d0d5dd!important;
  color:#111827!important;
  box-shadow:none!important;
}
.success .btn-ghost:hover{
  background:#f8fafc!important;
  border-color:#bfc7d4!important;
}


/* 11. Customer status layout + lookup fallback polish */
#lookupError .notice.info{
  margin:0 0 14px!important;
  border-radius:14px!important;
}
.customer-progress-card{
  padding:30px!important;
}
.customer-progress-head{
  margin-bottom:20px!important;
  align-items:flex-start!important;
}
.customer-progress-head > div{
  min-width:0!important;
}
.customer-progress-head h3{
  line-height:1.25!important;
  margin:6px 0 8px!important;
}
.customer-progress-head .sub{
  margin-top:0!important;
}
.customer-progress-steps{
  margin-top:2px!important;
}
.public-status-card{
  padding:24px!important;
}
.public-status-card > p{
  line-height:1.65!important;
}
@media (max-width:720px){
  .customer-progress-card{padding:22px!important;}
  .public-status-card{padding:18px!important;}
}

/* CashMyPhone v6.54 — globale Schriftmetriken / Unterlängen */
html{font-size:100%;-webkit-text-size-adjust:100%}
body,button,input,select,textarea{font-family:"Segoe UI",Roboto,Arial,sans-serif!important}
body{line-height:1.6!important}
button,input,select,textarea{line-height:1.45!important}
h1,h2,h3,h4,h5,h6{line-height:1.16!important}
.hero h1{line-height:1.08!important}
.btn,.chip,.side-link,.filter-chip,.status-pill,.badge,.catalog-standard-note,.catalog-custom-badge,.catalog-default-badge,.catalog-model-row,.admin-v2 .admin-kpi,.admin-v2 .process-step,.admin-v2 .handover-pill{line-height:1.45!important}
.admin-v2 .admin-kpi strong{line-height:1.16!important}
.catalog-model-move,.catalog-model-delete{line-height:1!important}

/* CashMyPhone v6.67 — finale Lesbarkeitskorrekturen nach den UI-Regeln */
/* Gilt nur für die Kundenseiten; der Adminbereich bleibt unverändert. */
body:not(.admin-v2) .condition strong{font-size:14px!important}
body:not(.admin-v2) .condition small{font-size:12px!important}
body:not(.admin-v2) .success-code small{font-size:12px!important}
body:not(.admin-v2) .success-code strong{font-size:22px!important}
body:not(.admin-v2) .success .hint{font-size:12.5px!important}

@media (max-width:620px){
  body:not(.admin-v2) .condition strong{font-size:14px!important}
  body:not(.admin-v2) .condition small{font-size:12px!important}
  body:not(.admin-v2) .success-code small{font-size:12px!important}
  body:not(.admin-v2) .success .hint{font-size:12.5px!important}
}

/* CashMyPhone v6.75 — auswählbare Schadensvorschläge mit freier Eingabe */
.damage-suggestions{
  padding:16px 18px;
  border:1px solid #d8e4f7;
  border-radius:16px;
  background:#f8fbff;
}
.damage-suggestions .field-label{display:block;margin-bottom:4px}
.damage-suggestions-intro{
  margin:0 0 12px;
  color:#667085;
  font-size:13px;
  line-height:1.5;
}
.damage-option-list{display:flex;flex-wrap:wrap;gap:10px}
.damage-option{
  appearance:none;
  border:1px solid #cbd5e1;
  border-radius:999px;
  background:#fff;
  color:#23324d;
  padding:10px 14px;
  min-height:42px;
  font:inherit;
  font-weight:700;
  line-height:1.35;
  cursor:pointer;
  text-align:left;
}
.damage-option:hover{border-color:#7aa7ff;background:#f4f8ff}
.damage-option.selected{
  background:#eaf2ff;
  border-color:#3478f6;
  color:#1457cc;
  box-shadow:0 0 0 3px rgba(52,120,246,.1);
}
.damage-option:focus-visible{outline:3px solid rgba(52,120,246,.3);outline-offset:2px}
@media (max-width:620px){
  .damage-suggestions{padding:14px}
  .damage-option-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .damage-option{border-radius:13px;padding:10px 12px}
}
@media (max-width:420px){
  .damage-option-list{grid-template-columns:1fr}
}