#hv24-buyback-root .hv24-buyback-loading{padding:4rem 2rem;text-align:center;color:#596273} #hv24-buyback-root{display:block;min-width:0;color:var(--hv-ink);background:var(--hv-surface);font-family:"Assistant",Arial,sans-serif;font-size:1.6rem;line-height:1.5} #hv24-buyback-root { --hv-ink: #121212; --hv-muted: #596273; --hv-green: #16833b; --hv-green-hover: #128531; --hv-green-soft: #f7fbf8; --hv-line: #dcecdf; --hv-surface: #ffffff; --page-width: 120rem; } #hv24-buyback-root, #hv24-buyback-root * { box-sizing: border-box; } #hv24-buyback-root { font-size: 62.5%; scroll-behavior: smooth; } #hv24-buyback-root { margin: 0; color: var(--hv-ink); background: var(--hv-surface); font-family: "Assistant", Arial, sans-serif; font-size: 1.6rem; line-height: calc(1 + .8 / 1.6); } #hv24-buyback-root button, #hv24-buyback-root input { font: inherit; } #hv24-buyback-root button { color: inherit; } #hv24-buyback-root a { color: inherit; } #hv24-buyback-root .page-width { max-width: var(--page-width); margin: 0 auto; padding: 0 5rem; } #hv24-buyback-root .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #hv24-buyback-root .site-header { position: relative; z-index: 2; min-height: 8.4rem; border-bottom: .1rem solid #e5e5e5; background: #fff; } #hv24-buyback-root .header-inner { min-width: 0; min-height: 8.4rem; display: flex; align-items: center; gap: 3rem; } #hv24-buyback-root .brand { display: inline-flex; flex: 0 0 auto; align-items: center; text-decoration: none; } #hv24-buyback-root .brand img { display: block; width: 26rem; height: auto; max-height: 4.8rem; object-fit: contain; } #hv24-buyback-root .site-navigation { display: flex; flex: 1; justify-content: center; gap: 2.6rem; } #hv24-buyback-root .site-navigation a { position: relative; padding: 3.1rem 0 2.8rem; color: #292929; font-size: 1.55rem; font-weight: 600; line-height: 1; text-decoration: none; } #hv24-buyback-root .site-navigation .is-current::after { position: absolute; right: 0; bottom: 1.8rem; left: 0; height: .2rem; background: var(--hv-green); content: ""; } #hv24-buyback-root .header-actions { display: flex; align-items: center; gap: 1.4rem; } #hv24-buyback-root .header-actions button, #hv24-buyback-root .menu-trigger { width: 3.5rem; height: 3.5rem; padding: 0; border: 0; background: transparent; cursor: pointer; font-size: 2.25rem; line-height: 1; } #hv24-buyback-root .menu-trigger { display: none; flex-direction: column; justify-content: center; gap: .45rem; } #hv24-buyback-root .menu-trigger span { display: block; width: 2rem; height: .15rem; margin: 0 auto; background: var(--hv-ink); } #hv24-buyback-root .hero { padding: 4.2rem 0 5.6rem; background: #fff; text-align: center; } #hv24-buyback-root .hero-inner { min-width: 0; max-width: 115rem; } #hv24-buyback-root .eyebrow, #hv24-buyback-root .section-kicker { color: var(--hv-green); font-size: 1.4rem; font-weight: 700; letter-spacing: .2rem; line-height: 1; text-transform: uppercase; } #hv24-buyback-root h1 { max-width: 82rem; margin: 1.5rem auto 1.2rem; color: #111827; font-size: clamp(3.8rem, 5vw, 6.2rem); font-weight: 800; letter-spacing: -.15rem; line-height: 1.08; } #hv24-buyback-root .hero-subtitle { margin: 0 auto 1.6rem; color: #111827; font-size: clamp(2rem, 2.4vw, 2.6rem); font-weight: 800; letter-spacing: .01rem; line-height: 1.25; } #hv24-buyback-root .hero-copy { max-width: 70rem; margin: 0 auto; color: var(--hv-muted); font-size: 1.75rem; line-height: 1.7; } #hv24-buyback-root .benefit-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem 2.8rem; max-width: 94rem; margin: 2.6rem auto 0; padding: 1.55rem 2rem; border: .1rem solid var(--hv-line); border-radius: 1.4rem; background: var(--hv-green-soft); color: #24302a; font-size: 1.5rem; font-weight: 650; } #hv24-buyback-root .device-search { max-width: 69rem; margin: 3.2rem auto 0; padding: .45rem 1.8rem; display: flex; align-items: center; gap: 1.2rem; border: .1rem solid #adb5ad; border-radius: 1rem; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; } #hv24-buyback-root .device-search-wrap { position: relative; width: 100%; max-width: 69rem; margin: 3.2rem auto 0; text-align: left; } #hv24-buyback-root .device-search-wrap .device-search { max-width: none; margin: 0; } #hv24-buyback-root .device-search:focus-within { border-color: var(--hv-green); box-shadow: 0 0 0 .3rem rgba(22, 131, 59, .16); } #hv24-buyback-root .search-icon { color: var(--hv-green); font-size: 2.4rem; line-height: 1; transform: rotate(-15deg); } #hv24-buyback-root .device-search input { width: 100%; height: 5rem; padding: 0; border: 0; outline: 0; background: transparent; color: var(--hv-ink); font-size: 1.65rem; } #hv24-buyback-root .device-search input::placeholder { color: #6b6b6b; opacity: 1; } #hv24-buyback-root .device-search-results { position: absolute; z-index: 20; top: calc(100% + .7rem); left: 0; right: 0; max-height: 38rem; overflow-y: auto; border: .1rem solid var(--hv-line); border-radius: 1rem; background: #fff; box-shadow: 0 1.2rem 3rem rgba(17, 24, 39, .14); } #hv24-buyback-root .device-search-result { width: 100%; min-width: 0; padding: 1.2rem 1.5rem; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1.2rem; border: 0; border-bottom: .1rem solid var(--hv-line); background: #fff; color: var(--hv-ink); font: inherit; text-align: left; cursor: pointer; } #hv24-buyback-root .device-search-result:last-child { border-bottom: 0; } #hv24-buyback-root .device-search-result:hover, #hv24-buyback-root .device-search-result.is-active { background: var(--hv-green-soft); } #hv24-buyback-root .device-search-result span { min-width: 0; display: grid; gap: .2rem; } #hv24-buyback-root .device-search-result strong { overflow: hidden; font-size: 1.55rem; text-overflow: ellipsis; white-space: nowrap; } #hv24-buyback-root .device-search-result small { color: var(--hv-muted); font-size: 1.25rem; } #hv24-buyback-root .device-search-result i { color: var(--hv-green); font-style: normal; font-weight: 800; } #hv24-buyback-root .device-search-message { margin: 0; padding: 1.5rem; display: grid; gap: .6rem; color: var(--hv-muted); font-size: 1.4rem; } #hv24-buyback-root .device-search-message strong { color: var(--hv-ink); } #hv24-buyback-root .device-search-message .flow-secondary { justify-self: start; margin-top: .5rem; } #hv24-buyback-root .divider { max-width: 69rem; margin: 2.5rem auto; display: flex; align-items: center; gap: 1.6rem; color: #6b6b6b; font-size: 1.45rem; } #hv24-buyback-root .divider::before, #hv24-buyback-root .divider::after { height: .1rem; flex: 1; background: #e5e5e5; content: ""; } #hv24-buyback-root .category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; } #hv24-buyback-root .category-card { min-height: 17rem; padding: 2rem 2.2rem; display: flex; flex-direction: row; align-items: center; gap: 2rem; border: .1rem solid #e5e5e5; border-radius: 1.6rem; background: #fff; cursor: pointer; text-align: left; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } #hv24-buyback-root .category-card:hover { transform: translateY(-.3rem); border-color: #91bd9d; box-shadow: 0 1.2rem 3rem rgba(22, 131, 59, .1); } #hv24-buyback-root .category-card:focus-visible { outline: .3rem solid rgba(22, 131, 59, .35); outline-offset: .3rem; } #hv24-buyback-root .category-image { width: 13rem; height: 12rem; flex: 0 0 13rem; display: block; object-fit: contain; } #hv24-buyback-root .category-image--fallback { display: grid; place-items: center; border-radius: 2rem; background: var(--hv-green-soft); color: var(--hv-green); font-size: 4.2rem; font-weight: 800; } #hv24-buyback-root .safe-fallback-image { position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 1rem; background: var(--hv-green-soft); color: var(--hv-green-dark); font-weight: 850; } #hv24-buyback-root .safe-fallback-image__placeholder { display: grid; width: 100%; height: 100%; place-items: center; } #hv24-buyback-root .safe-fallback-image__content { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; } #hv24-buyback-root .safe-fallback-image__content.is-loaded { opacity: 1; } #hv24-buyback-root .category-text { min-width: 0; display: flex; flex-direction: column; gap: .5rem; margin-top: 0; } #hv24-buyback-root .category-text strong { font-size: 1.9rem; font-weight: 700; } #hv24-buyback-root .category-text small { color: var(--hv-muted); font-size: 1.5rem; line-height: 1.45; } #hv24-buyback-root .arrow { align-self: center; margin: 0 0 0 auto; color: var(--hv-green); font-size: 2rem; line-height: 1; } #hv24-buyback-root .flow-section { min-height: 62rem; padding: 4.2rem 0 7.2rem; background: #fff; text-align: center; } #hv24-buyback-root .flow-inner { max-width: 105rem; } #hv24-buyback-root .flow-progress { max-width: 100rem; margin: 0 auto 3.2rem; text-align: left; } #hv24-buyback-root .flow-progress-steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin-bottom: 1rem; } #hv24-buyback-root .flow-progress-step { min-width: 0; display: flex; align-items: center; gap: .9rem; color: #7b8491; font-size: 1.4rem; font-weight: 650; } #hv24-buyback-root .flow-progress-step.is-active, #hv24-buyback-root .flow-progress-step.is-complete { color: #24302a; } #hv24-buyback-root .flow-progress-number { width: 2.8rem; height: 2.8rem; flex: 0 0 2.8rem; display: grid; place-items: center; border-radius: 50%; background: #edf0ee; color: #687069; font-size: 1.3rem; font-weight: 800; } #hv24-buyback-root .flow-progress-step.is-active .flow-progress-number, #hv24-buyback-root .flow-progress-step.is-complete .flow-progress-number { background: var(--hv-green); color: #fff; } #hv24-buyback-root .flow-progress-track { display: grid; grid-template-columns: repeat(6, 1fr); gap: .7rem; } #hv24-buyback-root .flow-progress-track span { height: .35rem; border-radius: 9rem; background: #e5e5e5; } #hv24-buyback-root .flow-progress-track .is-complete { background: var(--hv-green); } #hv24-buyback-root .flow-back { margin: 0 0 2.8rem; padding: .2rem 0; border: 0; background: transparent; color: #24302a; cursor: pointer; font-size: 1.55rem; font-weight: 700; } #hv24-buyback-root .flow-back:hover { color: var(--hv-green); text-decoration: underline; text-underline-offset: .3rem; } #hv24-buyback-root .flow-selection { display: inline-block; margin: 1.8rem auto 0; padding: .8rem 1.3rem; border-radius: 1rem; background: var(--hv-green-soft); color: #24302a; font-size: 1.45rem; font-weight: 600; } #hv24-buyback-root .selection-grid { max-width: 88rem; margin: 3.6rem auto 0; display: grid; gap: 1.6rem; text-align: left; } #hv24-buyback-root .selection-grid--brands { grid-template-columns: repeat(3, 1fr); } #hv24-buyback-root .selection-grid--series { grid-template-columns: repeat(3, 1fr); } #hv24-buyback-root .selection-grid--models { grid-template-columns: repeat(3, 1fr); } #hv24-buyback-root .selection-grid--storage { max-width: 68rem; grid-template-columns: repeat(3, 1fr); } #hv24-buyback-root .selection-card { min-width: 0; min-height: 13.8rem; padding: 2.1rem 2rem; position: relative; display: flex; flex-direction: column; align-items: flex-start; border: .1rem solid #e5e5e5; border-radius: 1.6rem; background: #fff; cursor: pointer; text-align: left; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } #hv24-buyback-root .selection-card:hover { transform: translateY(-.3rem); border-color: #91bd9d; box-shadow: 0 1.2rem 3rem rgba(22, 131, 59, .1); } #hv24-buyback-root .selection-card:disabled { border-color: #ecefec; background: #fafbfa; cursor: not-allowed; opacity: .68; } #hv24-buyback-root .selection-card:disabled:hover { transform: none; border-color: #ecefec; box-shadow: none; } #hv24-buyback-root .selection-card:focus-visible { outline: .3rem solid rgba(22, 131, 59, .35); outline-offset: .3rem; } #hv24-buyback-root .selection-card strong { padding-right: 2rem; color: var(--hv-ink); font-size: 1.9rem; font-weight: 700; line-height: 1.2; } #hv24-buyback-root .selection-card span { margin-top: .8rem; color: var(--hv-muted); font-size: 1.45rem; line-height: 1.4; } #hv24-buyback-root .selection-card i { position: absolute; right: 2rem; bottom: 2rem; color: var(--hv-green); font-size: 2rem; font-style: normal; line-height: 1; } #hv24-buyback-root .selection-card .selection-card-image { width: 100%; margin: 0 auto 1.5rem; display: grid; place-items: center; overflow: hidden; border: 0; border-radius: 0; background: transparent; box-shadow: none !important; filter: none !important; } #hv24-buyback-root .selection-card .selection-card-image .safe-fallback-image__content { top: 0; bottom: 0; height: 100%; object-fit: contain; object-position: center; box-shadow: none !important; filter: none !important; } #hv24-buyback-root .selection-card .selection-card-image .safe-fallback-image__placeholder { width: 78%; margin-inline: auto; border-radius: 1rem; background: var(--hv-green-soft); } #hv24-buyback-root .selection-grid--brands .selection-brand-image { height: 20rem; } #hv24-buyback-root .selection-grid--brands .selection-brand-image .safe-fallback-image__content { left: 9%; right: 9%; width: 82%; } #hv24-buyback-root .selection-grid--series .selection-series-image { height: 17rem; } #hv24-buyback-root .selection-grid--series .selection-series-image .safe-fallback-image__content { left: 12%; right: 12%; width: 76%; } #hv24-buyback-root .selection-grid--models .selection-model-image { height: 18rem; } #hv24-buyback-root .selection-grid--models .selection-model-image .safe-fallback-image__content { left: 14%; right: 14%; width: 72%; } #hv24-buyback-root .selection-card .selection-model-image--fallback { display: grid; place-items: center; border-radius: 1rem; background: var(--hv-green-soft); color: var(--hv-green-dark); font-size: 3.2rem; font-weight: 850; } #hv24-buyback-root .selection-card--storage { min-height: 10.5rem; justify-content: center; } #hv24-buyback-root .selection-card--storage.is-selected { border-color: var(--hv-green); background: var(--hv-green-soft); box-shadow: 0 0 0 .1rem var(--hv-green); } #hv24-buyback-root .model-groups { max-width: 88rem; margin: 3.6rem auto 0; display: grid; gap: 2.8rem; text-align: left; } #hv24-buyback-root .model-group h2 { margin: 0 0 1.2rem; color: var(--hv-ink); font-size: 2rem; } #hv24-buyback-root .model-group .selection-grid { margin-top: 0; } /* Zustandsauswahl */ #hv24-buyback-root .condition-grid { max-width: 100rem; margin: 3.6rem auto 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; text-align: left; } #hv24-buyback-root .condition-card { min-width: 0; min-height: 18rem; padding: 2.2rem 2rem; position: relative; display: flex; flex-direction: column; align-items: flex-start; border: .1rem solid #e5e5e5; border-radius: 1.6rem; background: #fff; cursor: pointer; text-align: left; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; } #hv24-buyback-root .condition-card:hover { transform: translateY(-.3rem); border-color: #91bd9d; box-shadow: 0 1.2rem 3rem rgba(22, 131, 59, .1); } #hv24-buyback-root .condition-card:focus-visible { outline: .3rem solid rgba(22, 131, 59, .35); outline-offset: .3rem; } #hv24-buyback-root .condition-card.is-selected { border-color: var(--hv-green); background: var(--hv-green-soft); box-shadow: 0 0 0 .1rem var(--hv-green); } #hv24-buyback-root .condition-mark { width: 4.1rem; height: 4.1rem; display: grid; place-items: center; border-radius: 1rem; background: #eef8f0; color: var(--hv-green); font-size: 2.2rem; line-height: 1; } #hv24-buyback-root .condition-card strong { margin-top: 1.7rem; color: var(--hv-ink); font-size: 1.9rem; font-weight: 750; line-height: 1.2; } #hv24-buyback-root .condition-card > span:not(.condition-mark) { margin-top: .7rem; padding-right: 2.5rem; color: var(--hv-muted); font-size: 1.45rem; line-height: 1.4; } #hv24-buyback-root .condition-radio { width: 2.7rem; height: 2.7rem; position: absolute; right: 1.8rem; bottom: 1.8rem; display: grid; place-items: center; border: .18rem solid #9aa3ad; border-radius: 50%; color: #fff; font-size: 1.45rem; font-style: normal; font-weight: 800; line-height: 1; } #hv24-buyback-root .condition-card.is-selected .condition-radio { border-color: var(--hv-green); background: var(--hv-green); } #hv24-buyback-root .condition-detail { max-width: 100rem; margin: 2.4rem auto 0; overflow: hidden; display: grid; grid-template-columns: 1.02fr 1fr; border: .1rem solid #e5e5e5; border-radius: 1.8rem; background: #fff; text-align: left; } #hv24-buyback-root .condition-photo { min-height: 38rem; position: relative; display: grid; place-items: center; overflow: hidden; background: #fafafa; } #hv24-buyback-root .condition-photo img { width: 100%; height: 100%; min-height: 38rem; display: block; object-fit: contain; background: #fff; } #hv24-buyback-root .condition-photo-label { position: absolute; top: 1.6rem; left: 1.6rem; z-index: 1; padding: .65rem 1rem; border-radius: 999px; background: rgba(18, 18, 18, .82); color: #fff; font-size: 1.25rem; font-weight: 700; } #hv24-buyback-root .condition-copy { padding: 3.2rem 3rem; display: flex; flex-direction: column; justify-content: center; } #hv24-buyback-root .condition-copy h2 { margin: 0 0 1rem; color: #111827; font-size: 3rem; font-weight: 800; letter-spacing: -.05rem; line-height: 1.15; } #hv24-buyback-root .condition-copy > p { margin: 0; color: #303846; font-size: 1.6rem; line-height: 1.65; } #hv24-buyback-root .condition-copy ul { margin: 2.2rem 0 0; padding: 1.8rem 2rem; display: grid; gap: 1.05rem; border-radius: 1.3rem; background: var(--hv-green-soft); list-style: none; } #hv24-buyback-root .condition-copy li { display: flex; align-items: flex-start; gap: 1rem; color: #24302a; font-size: 1.5rem; line-height: 1.45; } #hv24-buyback-root .condition-copy li span { flex: 0 0 auto; color: var(--hv-green); font-weight: 800; } #hv24-buyback-root .condition-note { margin-top: 2rem !important; display: flex; align-items: center; gap: .8rem; color: var(--hv-muted) !important; font-size: 1.35rem !important; } #hv24-buyback-root .condition-note span { color: #65707b; } #hv24-buyback-root .flow-continue { width: min(100%, 58rem); min-height: 5.7rem; margin: 3rem auto 0; padding: 0 2.3rem; display: flex; align-items: center; justify-content: center; gap: 1.4rem; border: .1rem solid var(--hv-green); border-radius: 1.1rem; background: var(--hv-green); color: #fff; cursor: pointer; font-size: 1.65rem; font-weight: 800; transition: transform .18s ease, background .18s ease; } #hv24-buyback-root .flow-continue:hover { transform: translateY(-.2rem); background: var(--hv-green-hover); } #hv24-buyback-root .flow-continue:focus-visible { outline: .3rem solid rgba(22, 131, 59, .35); outline-offset: .3rem; } #hv24-buyback-root .flow-continue:disabled { transform: none; border-color: #c5ccc6; background: #c5ccc6; cursor: not-allowed; } #hv24-buyback-root .seal-confirmation { max-width: 100rem; margin: 3.6rem auto 0; overflow: hidden; display: grid; grid-template-columns: 1.02fr 1fr; border: .1rem solid #e5e5e5; border-radius: 1.8rem; background: #fff; text-align: left; } #hv24-buyback-root .seal-copy { padding: 3.2rem 3rem; display: flex; flex-direction: column; justify-content: center; } #hv24-buyback-root .seal-copy > p { margin: 0; color: #303846; font-size: 1.6rem; line-height: 1.65; } #hv24-buyback-root .binary-options { margin-top: 2.2rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } #hv24-buyback-root .binary-option { min-height: 5.2rem; padding: 1rem 1.4rem; border: .1rem solid #d1d8d2; border-radius: 1rem; background: #fff; color: #24302a; cursor: pointer; font-size: 1.5rem; font-weight: 700; line-height: 1.25; text-align: center; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } #hv24-buyback-root .binary-option:hover { border-color: #91bd9d; } #hv24-buyback-root .binary-option.is-selected { border-color: var(--hv-green); background: var(--hv-green-soft); box-shadow: 0 0 0 .1rem var(--hv-green); color: var(--hv-green); } #hv24-buyback-root .binary-option:focus-visible, #hv24-buyback-root .flow-secondary:focus-visible { outline: .3rem solid rgba(22, 131, 59, .35); outline-offset: .3rem; } #hv24-buyback-root .flow-alert { margin-top: 2rem; padding: 1.8rem; border: .1rem solid #ead7b2; border-radius: 1.3rem; background: #fff9ed; } #hv24-buyback-root .flow-alert p { margin: 0; color: #4a3b1a; font-size: 1.5rem; line-height: 1.55; } #hv24-buyback-root .flow-secondary { min-height: 5.2rem; margin-top: 1.5rem; padding: 0 2rem; border: .1rem solid var(--hv-green); border-radius: 1.1rem; background: #fff; color: var(--hv-green); cursor: pointer; font-size: 1.55rem; font-weight: 800; } #hv24-buyback-root .flow-secondary:hover { background: var(--hv-green-soft); } #hv24-buyback-root .question-list { max-width: 88rem; margin: 3.6rem auto 0; display: grid; gap: 1.4rem; text-align: left; } #hv24-buyback-root .question-card { min-width: 0; margin: 0; padding: 2.3rem 2.4rem; border: .1rem solid #e5e5e5; border-radius: 1.6rem; background: #fff; } #hv24-buyback-root .question-card legend { max-width: 100%; padding: 0; color: var(--hv-ink); font-size: 1.8rem; font-weight: 700; line-height: 1.35; } #hv24-buyback-root .question-card legend span { display: block; margin-bottom: .7rem; color: var(--hv-green); font-size: 1.3rem; font-weight: 800; letter-spacing: .12rem; text-transform: uppercase; } #hv24-buyback-root .question-card p { margin: 1rem 0 0; color: var(--hv-muted); font-size: 1.45rem; line-height: 1.5; } #hv24-buyback-root .question-card .binary-options { max-width: 32rem; margin-top: 1.8rem; } #hv24-buyback-root .summary-card { max-width: 82rem; margin: 3.6rem auto 0; overflow: hidden; border: .1rem solid #e5e5e5; border-radius: 1.8rem; background: #fff; text-align: left; } #hv24-buyback-root .summary-card dl { margin: 0; padding: 0 2.8rem; } #hv24-buyback-root .summary-card dl > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; padding: 1.65rem 0; border-bottom: .1rem solid #edf0ed; } #hv24-buyback-root .summary-card dl > div:last-child { border-bottom: 0; } #hv24-buyback-root .summary-card dt { color: var(--hv-muted); font-size: 1.5rem; } #hv24-buyback-root .summary-card dd { margin: 0; color: var(--hv-ink); font-size: 1.6rem; font-weight: 700; text-align: right; } #hv24-buyback-root .summary-questions { padding: 2.4rem 2.8rem 2.8rem; border-top: .1rem solid #e5e5e5; background: var(--hv-green-soft); } #hv24-buyback-root .summary-questions h2 { margin: 0 0 1.4rem; color: #111827; font-size: 2.2rem; font-weight: 800; } #hv24-buyback-root .summary-questions > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; padding: 1.1rem 0; border-top: .1rem solid #dcecdf; color: #24302a; font-size: 1.5rem; line-height: 1.4; } #hv24-buyback-root .summary-questions strong { color: var(--hv-green); } #hv24-buyback-root .summary-actions { max-width: 82rem; margin: 2.4rem auto 0; display: grid; grid-template-columns: .8fr 1.2fr; gap: 1.2rem; } #hv24-buyback-root .summary-actions .flow-secondary, #hv24-buyback-root .summary-actions .flow-continue { width: 100%; margin: 0; } #hv24-buyback-root .offer-placeholder { max-width: 68rem; margin: 3.6rem auto 0; padding: 3.6rem 3rem; border: .1rem solid #e5e5e5; border-radius: 1.8rem; background: var(--hv-green-soft); } #hv24-buyback-root .offer-placeholder p { max-width: 48rem; margin: 0 auto; color: #24302a; font-size: 1.8rem; font-weight: 650; line-height: 1.5; } #hv24-buyback-root .offer-placeholder h2 { margin: 0 0 1.2rem; color: #111827; font-size: 2.7rem; font-weight: 800; line-height: 1.2; } #hv24-buyback-root .offer-breakdown { max-width: 48rem; margin: 0 auto 2.2rem; padding: 1.6rem 0; display: grid; gap: 1rem; border-top: .1rem solid #cfe2d2; border-bottom: .1rem solid #cfe2d2; text-align: left; } #hv24-buyback-root .offer-breakdown div { display: flex; justify-content: space-between; gap: 2rem; color: #24302a; font-size: 1.5rem; } #hv24-buyback-root .offer-breakdown strong { white-space: nowrap; } #hv24-buyback-root .offer-total-label { display: block; margin-bottom: .8rem; color: var(--hv-green-dark); font-size: 1.45rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08rem; } #hv24-buyback-root .offer-price { display: block; color: var(--hv-green); font-size: clamp(4.4rem, 7vw, 6.4rem); font-weight: 800; letter-spacing: -.12rem; line-height: 1; } #hv24-buyback-root .offer-device { margin-top: 2rem !important; color: #111827 !important; font-size: 1.7rem !important; font-weight: 700 !important; } #hv24-buyback-root .offer-condition { margin-top: .4rem !important; color: var(--hv-muted) !important; font-size: 1.55rem !important; font-weight: 600 !important; } #hv24-buyback-root .offer-note { max-width: 52rem !important; margin-top: 2.2rem !important; color: var(--hv-muted) !important; font-size: 1.45rem !important; font-weight: 500 !important; line-height: 1.6 !important; } #hv24-buyback-root .offer-placeholder .flow-secondary { margin-top: 2.4rem; } #hv24-buyback-root .checkout-form { max-width: 82rem; margin: 3.6rem auto 0; text-align: left; } #hv24-buyback-root .checkout-form--narrow { max-width: 64rem; } #hv24-buyback-root .checkout-form-grid { padding: 2.6rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.8rem; border: .1rem solid #e5e5e5; border-radius: 1.8rem; background: #fff; } #hv24-buyback-root .checkout-form-grid--single { grid-template-columns: 1fr; } #hv24-buyback-root .checkout-field { min-width: 0; display: grid; gap: .65rem; color: #24302a; font-size: 1.45rem; font-weight: 750; } #hv24-buyback-root .checkout-field--wide { grid-column: 1 / -1; } #hv24-buyback-root .checkout-field em { color: var(--hv-muted); font-size: 1.25rem; font-style: normal; font-weight: 500; } #hv24-buyback-root .checkout-field input { width: 100%; min-width: 0; min-height: 5.2rem; padding: 0 1.4rem; border: .1rem solid #adb5ad; border-radius: 1rem; background: #fff; color: var(--hv-ink); font: inherit; font-weight: 500; } #hv24-buyback-root .checkout-field input:focus { outline: .25rem solid rgba(22, 131, 59, .18); border-color: var(--hv-green); } #hv24-buyback-root .checkout-field input[aria-invalid="true"] { border-color: #a63535; } #hv24-buyback-root .checkout-field small[role="alert"], #hv24-buyback-root .form-error-summary { color: #9a2929; font-size: 1.3rem; font-weight: 650; } #hv24-buyback-root .checkout-hint { color: var(--hv-muted); font-size: 1.3rem; font-weight: 500; line-height: 1.45; } #hv24-buyback-root .confirmation-panel { max-width: 82rem; margin: 3.6rem auto 0; padding: 2.6rem; display: grid; gap: 1.2rem; border: .1rem solid #e5e5e5; border-radius: 1.8rem; background: #fff; text-align: left; } #hv24-buyback-root .confirmation-check { min-width: 0; padding: 1.5rem; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.2rem; align-items: start; border: .1rem solid #e4e9e4; border-radius: 1.2rem; color: #24302a; font-size: 1.5rem; line-height: 1.5; cursor: pointer; } #hv24-buyback-root .confirmation-check input { width: 2rem; height: 2rem; margin: .1rem 0 0; accent-color: var(--hv-green); } #hv24-buyback-root .terms-placeholder { color: var(--hv-green-dark); font-weight: 750; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: .25rem; } #hv24-buyback-root .form-error-summary { margin: .4rem 0 0; text-align: center; } #hv24-buyback-root .checkout-summary-grid { max-width: 96rem; margin: 3.6rem auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; text-align: left; } #hv24-buyback-root .checkout-summary-card { min-width: 0; overflow: hidden; border: .1rem solid #e5e5e5; border-radius: 1.6rem; background: #fff; } #hv24-buyback-root .checkout-summary-card:first-child { grid-row: span 2; } #hv24-buyback-root .checkout-summary-card h2 { margin: 0; padding: 1.6rem 2rem; border-bottom: .1rem solid #e5e5e5; background: var(--hv-green-soft); color: var(--hv-green-dark); font-size: 1.8rem; } #hv24-buyback-root .checkout-summary-card dl { margin: 0; padding: .4rem 2rem; } #hv24-buyback-root .checkout-summary-card dl > div { min-width: 0; padding: 1.2rem 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 1.2rem; border-bottom: .1rem solid #edf0ed; } #hv24-buyback-root .checkout-summary-card dl > div:last-child { border-bottom: 0; } #hv24-buyback-root .checkout-summary-card dt { color: var(--hv-muted); font-size: 1.4rem; } #hv24-buyback-root .checkout-summary-card dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--hv-ink); font-size: 1.45rem; font-weight: 700; text-align: right; } #hv24-buyback-root .checkout-summary-card .checkout-total { color: var(--hv-green-dark); font-size: 1.6rem; } #hv24-buyback-root .checkout-summary-card .checkout-total dt, #hv24-buyback-root .checkout-summary-card .checkout-total dd { color: inherit; font-weight: 800; } #hv24-buyback-root .checkout-edit-actions { max-width: 96rem; margin: 1.5rem auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } #hv24-buyback-root .checkout-edit-actions .flow-secondary { width: 100%; margin: 0; } #hv24-buyback-root .checkout-pending { max-width: 82rem; margin: 2.5rem auto 0; padding: 2.2rem; border: .1rem solid #dcecdf; border-radius: 1.4rem; background: var(--hv-green-soft); } #hv24-buyback-root .checkout-pending p { margin: 0; color: #24302a; font-size: 1.45rem; line-height: 1.5; } #hv24-buyback-root .checkout-pending .submission-error { margin-top: 1.2rem; color: #9f2525; font-weight: 750; } #hv24-buyback-root .checkout-pending .flow-continue { margin-top: 1.5rem; } #hv24-buyback-root .buyback-success { max-width: 72rem; margin: 3.6rem auto 0; padding: 3rem; border: .1rem solid #b9dabe; border-radius: 1.8rem; background: var(--hv-green-soft); } #hv24-buyback-root .buyback-success-mark { width: 5.2rem; height: 5.2rem; margin: 0 auto 2rem; display: grid; place-items: center; border-radius: 50%; background: var(--hv-green); color: #fff; font-size: 2.6rem; font-weight: 850; } #hv24-buyback-root .buyback-success dl { margin: 0; padding: 0; border-top: .1rem solid #cfe2d2; } #hv24-buyback-root .buyback-success dl > div { padding: 1.3rem 0; display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; border-bottom: .1rem solid #cfe2d2; text-align: left; } #hv24-buyback-root .buyback-success dt { color: var(--hv-muted); font-size: 1.45rem; } #hv24-buyback-root .buyback-success dd { margin: 0; color: var(--hv-ink); font-size: 1.55rem; font-weight: 800; text-align: right; } #hv24-buyback-root .buyback-success p { margin: 2rem 0 0; color: #24302a; font-size: 1.5rem; line-height: 1.6; } #hv24-buyback-root .catalog-notice { grid-column: 1 / -1; margin: 0; padding: 2rem; border: .1rem solid var(--hv-line); border-radius: 1.4rem; background: #fff; color: var(--hv-muted); font-size: 1.6rem; text-align: center; } #hv24-buyback-root .catalog-notice p { margin: 0 0 1.2rem; } #hv24-buyback-root .admin-page { min-height: 100vh; padding: 6rem 0 8rem; background: #fff; } #hv24-buyback-root .admin-page--nav { min-height: 0; padding-bottom: 0; } #hv24-buyback-root .admin-page--continued { padding-top: 2rem; } #hv24-buyback-root .admin-inner { max-width: 120rem; } #hv24-buyback-root .admin-nav { margin-bottom: 3.5rem; display: flex; flex-wrap: wrap; gap: .8rem; } #hv24-buyback-root .admin-nav a { padding: .8rem 1.1rem; border: .1rem solid var(--hv-line); border-radius: .9rem; color: var(--hv-ink); font-size: 1.4rem; font-weight: 750; text-decoration: none; } #hv24-buyback-root .admin-nav a:hover { border-color: var(--hv-green); color: var(--hv-green); } #hv24-buyback-root .admin-page h1 { margin-top: 1.5rem; } #hv24-buyback-root .admin-page .hero-copy { margin-left: 0; text-align: left; } #hv24-buyback-root .admin-price-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; } #hv24-buyback-root .admin-table-launch, #hv24-buyback-root .admin-table-back { flex: 0 0 auto; min-height: 5rem; padding-inline: 1.8rem; font-size: 1.5rem; } #hv24-buyback-root .admin-page--price-table { padding-top: 5rem; } #hv24-buyback-root .admin-status { display: inline-block; margin: 2.2rem 0 0; padding: 1rem 1.4rem; border: .1rem solid var(--hv-line); border-radius: 1rem; background: var(--hv-green-soft); color: #24302a; font-size: 1.5rem; font-weight: 650; } #hv24-buyback-root .admin-settings-card { max-width: 64rem; } #hv24-buyback-root .admin-settings-card > label { display: grid; gap: .8rem; margin: 2rem 0; font-weight: 750; } #hv24-buyback-root .admin-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } #hv24-buyback-root .admin-settings-grid .admin-section { margin-top: 4.4rem; } #hv24-buyback-root .admin-settings-card > label.admin-checkbox { display: flex; } #hv24-buyback-root .admin-setting-input { display: flex; align-items: center; gap: 1rem; } #hv24-buyback-root .admin-setting-input input { width: 12rem; min-height: 4.6rem; padding: 0 1.2rem; border: .1rem solid var(--hv-line); border-radius: .9rem; font: inherit; } #hv24-buyback-root .fulfillment-status { display: inline-block; font-weight: 750; line-height: 1.45; } #hv24-buyback-root .fulfillment-status--success { color: var(--hv-green); } #hv24-buyback-root .fulfillment-status--pending { color: #8a5b00; } #hv24-buyback-root .fulfillment-status--failed { color: #a12622; } #hv24-buyback-root .fulfillment-card--failed { border-color: #d96b65; background: #fff7f6; } #hv24-buyback-root .admin-fulfillment-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.8rem; } #hv24-buyback-root .admin-fulfillment-alert { margin: 2.4rem 0; padding: 2rem; border: .1rem solid #d96b65; border-radius: 1.2rem; background: #fff7f6; } #hv24-buyback-root .admin-fulfillment-alert h2 { margin: 0 0 1rem; } #hv24-buyback-root .admin-fulfillment-alert p { margin: .4rem 0; } #hv24-buyback-root .admin-fulfillment-alert .admin-edit { display: inline-flex; margin-top: 1.2rem; } #hv24-buyback-root .buyback-shipping-success, #hv24-buyback-root .buyback-shipping-pending { margin-top: 2.4rem; padding: 2rem; border: .1rem solid var(--hv-line); border-radius: 1.2rem; background: var(--hv-green-soft); } #hv24-buyback-root .buyback-shipping-success h2, #hv24-buyback-root .buyback-shipping-pending h2 { margin-top: 0; } #hv24-buyback-root .buyback-shipping-success .flow-continue { display: inline-flex; width: auto; text-decoration: none; } #hv24-buyback-root .admin-section { margin-top: 4.4rem; padding: 3rem; border: .1rem solid #e5e5e5; border-radius: 1.8rem; background: #fff; } #hv24-buyback-root .admin-section-head h2 { margin: 0; color: #111827; font-size: 2.8rem; font-weight: 800; } #hv24-buyback-root .admin-section-head p { margin: .7rem 0 0; color: var(--hv-muted); font-size: 1.55rem; } #hv24-buyback-root .price-import-picker { margin-top: 2.4rem; display: flex; align-items: end; gap: 1.4rem; } #hv24-buyback-root .price-import-file-input { width: 1px; height: 1px; position: absolute; overflow: hidden; opacity: 0; pointer-events: none; } #hv24-buyback-root .price-import-picker .admin-save { min-height: 5rem; padding-inline: 2rem; font-size: 1.55rem; } #hv24-buyback-root .price-import-summary { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; } #hv24-buyback-root .price-import-summary strong, #hv24-buyback-root .price-import-summary span { padding: .8rem 1rem; border-radius: .8rem; background: #f1f5f2; color: #24302a; font-size: 1.35rem; } #hv24-buyback-root .price-import-summary-wrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.4rem; } #hv24-buyback-root .price-import-apply { margin-top: 2rem; min-height: 4.6rem; padding-inline: 2rem; font-size: 1.45rem; box-shadow: 0 .8rem 2rem rgba(17, 91, 55, .18); } #hv24-buyback-root .price-import-dialog-backdrop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 2rem; background: rgba(13, 26, 19, .62); } #hv24-buyback-root .price-import-dialog { width: min(52rem, 100%); padding: 2.4rem; border-radius: 1.4rem; background: #fff; box-shadow: 0 2.4rem 7rem rgba(0, 0, 0, .28); } #hv24-buyback-root .price-import-dialog h3 { margin: 0 0 1rem; font-size: 2rem; } #hv24-buyback-root .price-import-dialog p { margin: 0; color: var(--hv-muted); font-size: 1.5rem; line-height: 1.6; } #hv24-buyback-root .price-import-dialog-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; } #hv24-buyback-root .price-import-dialog-actions .admin-cancel { min-height: 4.4rem; padding: 0 1.8rem; border: 1px solid #cfd8d2; border-radius: .8rem; background: #fff; color: #24302a; font-weight: 800; cursor: pointer; } #hv24-buyback-root .price-import-table td:last-child { min-width: 20rem; } #hv24-buyback-root .price-import-table td:last-child small { display: block; margin-top: .5rem; color: var(--hv-muted); line-height: 1.35; } #hv24-buyback-root .price-import-status { display: inline-flex; padding: .45rem .75rem; border-radius: 999px; font-size: 1.25rem; font-weight: 800; } #hv24-buyback-root .price-import-status--change { background: #fff0c7; color: #715200; } #hv24-buyback-root .price-import-status--unchanged { background: var(--hv-green-soft); color: var(--hv-green-dark); } #hv24-buyback-root .price-import-status--unmapped, #hv24-buyback-root .price-import-status--skipped, #hv24-buyback-root .price-import-status--error { background: #fee2e2; color: #991b1b; } #hv24-buyback-root .price-table-section { margin-top: 3.2rem; } #hv24-buyback-root .price-table-filters { margin-top: 2.2rem; display: grid; grid-template-columns: minmax(20rem, 1.5fr) repeat(4, minmax(14rem, 1fr)); gap: 1rem; } #hv24-buyback-root .price-table-filters label { display: grid; gap: .7rem; color: #24302a; font-size: 1.35rem; font-weight: 800; } #hv24-buyback-root .price-table-filters input, #hv24-buyback-root .price-table-filters select { width: 100%; min-height: 4.8rem; padding: 0 1.2rem; border: .1rem solid #adb5ad; border-radius: 1rem; background: #fff; color: var(--hv-ink); font: inherit; font-size: 1.45rem; } #hv24-buyback-root .price-table-filters input:focus, #hv24-buyback-root .price-table-filters select:focus, #hv24-buyback-root .price-table input:focus { border-color: var(--hv-green); outline: .2rem solid rgba(38, 141, 69, .18); outline-offset: .1rem; } #hv24-buyback-root .price-table-actions { margin-top: 2rem; padding: 1.2rem 1.4rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.2rem; border: .1rem solid var(--hv-line); border-radius: 1rem; background: #fbfdfb; } #hv24-buyback-root .price-table-actions strong { font-size: 1.5rem; } #hv24-buyback-root .price-table-dirty { color: #875300; } #hv24-buyback-root .price-table-clean { color: var(--hv-green-dark); } #hv24-buyback-root .price-table-scroll { max-height: calc(100vh - 31rem); margin-top: 1.6rem; overflow: auto; border: .1rem solid var(--hv-line); border-radius: 1rem; } #hv24-buyback-root .price-table { min-width: 118rem; margin: 0; table-layout: fixed; } #hv24-buyback-root .price-table th, #hv24-buyback-root .price-table td { box-sizing: border-box; } #hv24-buyback-root .price-table th { position: sticky; top: 0; z-index: 5; background: #f2f8f3; white-space: normal; } #hv24-buyback-root .price-table td { background: #fff; } #hv24-buyback-root .price-table th:nth-child(1), #hv24-buyback-root .price-table td:nth-child(1) { width: 13rem; } #hv24-buyback-root .price-table th:nth-child(2), #hv24-buyback-root .price-table td:nth-child(2) { width: 12rem; } #hv24-buyback-root .price-table th:nth-child(3), #hv24-buyback-root .price-table td:nth-child(3) { width: 16rem; } #hv24-buyback-root .price-table th:nth-child(4), #hv24-buyback-root .price-table td:nth-child(4) { width: 17rem; } #hv24-buyback-root .price-table th:nth-child(5), #hv24-buyback-root .price-table td:nth-child(5) { width: 14rem; } #hv24-buyback-root .price-table th:nth-child(n + 6), #hv24-buyback-root .price-table td:nth-child(n + 6) { width: 13rem; } #hv24-buyback-root .price-table-sticky { position: sticky; z-index: 2; background: #fff; box-shadow: .1rem 0 0 #edf0ed; } #hv24-buyback-root .price-table-sticky--category { left: 0; } #hv24-buyback-root .price-table-sticky--brand { left: 13rem; } #hv24-buyback-root .price-table-sticky--series { left: 25rem; } #hv24-buyback-root .price-table-sticky--model { left: 41rem; } #hv24-buyback-root .price-table-sticky--storage { left: 58rem; } #hv24-buyback-root .price-table th.price-table-sticky { z-index: 8; background: #f2f8f3; } #hv24-buyback-root .price-table td.price-table-price-cell { padding: .8rem; vertical-align: top; } #hv24-buyback-root .price-table-price-cell .admin-price-input { min-width: 11.5rem; min-height: 4.4rem; border-color: #adb5ad; } #hv24-buyback-root .price-table-price-cell.is-dirty { background: #fff8df; } #hv24-buyback-root .price-table-price-cell.is-dirty .admin-price-input { border-color: #d29b1f; background: #fffdf2; box-shadow: 0 0 0 .2rem #fff0bd; } #hv24-buyback-root .price-table-price-cell.is-invalid { background: #fff1f0; } #hv24-buyback-root .price-table-price-cell.is-invalid .admin-price-input { border-color: #d92d20; background: #fff6f6; color: #b42318; box-shadow: 0 0 0 .2rem #fee4e2; } #hv24-buyback-root .price-table-missing { display: block; margin-top: .45rem; color: #b42318; font-size: 1.15rem; font-weight: 800; } #hv24-buyback-root .price-table-dialog-backdrop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 2rem; background: rgba(13, 26, 19, .62); } #hv24-buyback-root .price-table-dialog { width: min(56rem, 100%); max-height: 90vh; overflow: auto; padding: 2.4rem; border: .1rem solid var(--hv-line); border-radius: 1.4rem; background: #fff; box-shadow: 0 2.4rem 7rem rgba(0, 0, 0, .28); } #hv24-buyback-root .price-table-dialog h2 { margin: 0 0 1rem; color: #12253f; font-size: 2.2rem; } #hv24-buyback-root .price-table-dialog p { margin: 1rem 0 0; color: var(--hv-muted); font-size: 1.45rem; line-height: 1.55; } #hv24-buyback-root .price-table-dialog ul { max-height: 18rem; margin: 1.4rem 0 0; padding: 0 0 0 1.8rem; overflow: auto; color: var(--hv-ink); font-size: 1.4rem; } #hv24-buyback-root .price-table-dialog li { margin: .35rem 0; } #hv24-buyback-root .price-table-dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1rem; margin-top: 2rem; } #hv24-buyback-root .price-import-details { margin-top: 2rem; } #hv24-buyback-root .price-import-details > summary { cursor: pointer; color: var(--hv-green-dark); font-size: 1.45rem; font-weight: 800; } #hv24-buyback-root .price-import-confirm { margin-top: 2rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; } #hv24-buyback-root .price-import-confirm span { color: var(--hv-muted); font-size: 1.4rem; } #hv24-buyback-root .admin-filters { margin-top: 2.4rem; display: flex; flex-wrap: wrap; gap: 1.2rem; } #hv24-buyback-root .admin-filters label { min-width: min(100%, 26rem); flex: 1 1 26rem; } #hv24-buyback-root .admin-filters input, #hv24-buyback-root .admin-filters select, #hv24-buyback-root .admin-price-input { width: 100%; min-height: 4.8rem; padding: 0 1.3rem; border: .1rem solid #adb5ad; border-radius: 1rem; background: #fff; color: var(--hv-ink); font-size: 1.55rem; } #hv24-buyback-root .admin-table-wrap { margin-top: 2.4rem; overflow-x: auto; } #hv24-buyback-root .admin-table { width: 100%; min-width: 80rem; border-collapse: collapse; text-align: left; } #hv24-buyback-root .admin-table th { padding: 1.2rem 1rem; border-bottom: .1rem solid #dcecdf; color: var(--hv-muted); font-size: 1.35rem; font-weight: 800; text-transform: uppercase; } #hv24-buyback-root .admin-table td { padding: 1.45rem 1rem; border-bottom: .1rem solid #edf0ed; color: #24302a; font-size: 1.55rem; vertical-align: middle; } #hv24-buyback-root .admin-table td:nth-child(2) { font-weight: 700; } #hv24-buyback-root .admin-price-input { min-width: 0; } #hv24-buyback-root .admin-active, #hv24-buyback-root .admin-inactive { display: inline-block; padding: .45rem .8rem; border-radius: .8rem; font-size: 1.35rem; font-weight: 700; } #hv24-buyback-root .admin-active { background: #eaf7ed; color: var(--hv-green); } #hv24-buyback-root .admin-inactive { background: #f2f3f4; color: #65707b; } #hv24-buyback-root .admin-checkbox { display: inline-flex; align-items: center; gap: .6rem; font-weight: 650; } #hv24-buyback-root .admin-checkbox input { width: 1.7rem; height: 1.7rem; accent-color: var(--hv-green); } #hv24-buyback-root .admin-edit, #hv24-buyback-root .admin-cancel, #hv24-buyback-root .admin-save, #hv24-buyback-root .admin-delete { min-height: 4.2rem; padding: 0 1.25rem; border-radius: .9rem; cursor: pointer; font-size: 1.4rem; font-weight: 800; } #hv24-buyback-root .admin-edit, #hv24-buyback-root .admin-cancel { border: .1rem solid var(--hv-green); background: #fff; color: var(--hv-green); } #hv24-buyback-root .admin-save { border: .1rem solid var(--hv-green); background: var(--hv-green); color: #fff; } #hv24-buyback-root .admin-delete { border: .1rem solid #b42318; background: #fff; color: #b42318; } #hv24-buyback-root .admin-save:hover { background: var(--hv-green-hover); } #hv24-buyback-root .admin-edit:hover, #hv24-buyback-root .admin-cancel:hover { background: var(--hv-green-soft); } #hv24-buyback-root .admin-delete:hover { background: #fff0f0; } #hv24-buyback-root .admin-edit:disabled, #hv24-buyback-root .admin-cancel:disabled, #hv24-buyback-root .admin-save:disabled, #hv24-buyback-root .admin-delete:disabled { cursor: wait; opacity: .65; } #hv24-buyback-root .admin-row-actions { display: flex; gap: .7rem; } #hv24-buyback-root .admin-empty { margin: 2.4rem 0 0; color: var(--hv-muted); font-size: 1.55rem; } #hv24-buyback-root .admin-edit-row td { padding: 0 1rem 1.8rem; background: #fbfdfb; } #hv24-buyback-root .admin-price-edit-grid { padding: 1.8rem; display: grid; grid-template-columns: repeat(4, minmax(16rem, 1fr)); gap: 1.2rem; border: .1rem solid #dcecdf; border-radius: 1.2rem; } #hv24-buyback-root .admin-price-field { display: grid; gap: .8rem; } #hv24-buyback-root .admin-price-field > span:first-child { color: #24302a; font-size: 1.4rem; font-weight: 800; } #hv24-buyback-root .admin-price-field-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .7rem; } #hv24-buyback-root .admin-defect-edit { grid-column: 1 / -1; padding: 1.5rem; display: grid; gap: 1.3rem; border: .1rem solid #dcecdf; border-radius: 1rem; background: var(--hv-green-soft); } #hv24-buyback-root .admin-defect-edit h3 { margin: 0; color: var(--hv-green-dark); font-size: 1.7rem; } #hv24-buyback-root .admin-defect-edit p { margin: .4rem 0 0; color: var(--hv-muted); font-size: 1.35rem; } #hv24-buyback-root .admin-defect-fields { display: grid; grid-template-columns: repeat(3, minmax(14rem, 1fr)) auto; gap: 1rem; align-items: end; } #hv24-buyback-root .admin-defect-fields > .admin-save { min-height: 4.8rem; } #hv24-buyback-root .admin-edit-footer { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.2rem; align-items: center; } #hv24-buyback-root .price-overview-grid { margin-top: 2rem; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; } #hv24-buyback-root .price-overview-grid > div { min-height: 9rem; padding: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; gap: .8rem; border: .1rem solid var(--hv-line); border-radius: 1.1rem; background: #fbfdfb; } #hv24-buyback-root .price-overview-grid span { color: var(--hv-muted); font-size: 1.3rem; font-weight: 700; } #hv24-buyback-root .price-overview-grid strong { color: var(--hv-green-dark); font-size: 2.4rem; } #hv24-buyback-root .price-overview-grid .has-missing { border-color: #efb2b2; background: #fff6f6; } #hv24-buyback-root .price-overview-grid .has-missing strong { color: #b42318; } #hv24-buyback-root .price-filter { margin-top: 1.6rem; display: inline-flex; padding: .35rem; gap: .35rem; border: .1rem solid var(--hv-line); border-radius: 1rem; background: #f5f7f5; } #hv24-buyback-root .price-filter button { min-height: 4rem; padding: 0 1.4rem; border: 0; border-radius: .75rem; background: transparent; color: var(--hv-muted); font-size: 1.4rem; font-weight: 800; cursor: pointer; } #hv24-buyback-root .price-filter button.is-active { background: #fff; color: var(--hv-green-dark); box-shadow: 0 .2rem .8rem rgba(22, 45, 31, .1); } #hv24-buyback-root .price-tree { margin-top: 2rem; display: grid; gap: 1rem; } #hv24-buyback-root .price-category, #hv24-buyback-root .price-brand, #hv24-buyback-root .price-series, #hv24-buyback-root .price-model, #hv24-buyback-root .price-storage { border: .1rem solid var(--hv-line); border-radius: 1.1rem; background: #fff; overflow: hidden; } #hv24-buyback-root .price-brand, #hv24-buyback-root .price-series, #hv24-buyback-root .price-model, #hv24-buyback-root .price-storage { border-radius: .9rem; } #hv24-buyback-root .price-tree summary { list-style: none; } #hv24-buyback-root .price-tree summary::-webkit-details-marker { display: none; } #hv24-buyback-root .price-tree-summary { min-height: 5.4rem; padding: 1rem 1.2rem; display: grid; grid-template-columns: 1.8rem minmax(0, 1fr) auto; align-items: center; gap: .9rem; cursor: pointer; } #hv24-buyback-root .price-tree-summary::before { content: "›"; color: var(--hv-green-dark); font-size: 2.3rem; line-height: 1; transition: transform .15s ease; } #hv24-buyback-root .price-category[open] > .price-tree-summary::before, #hv24-buyback-root .price-brand[open] > .price-tree-summary::before, #hv24-buyback-root .price-series[open] > .price-tree-summary::before, #hv24-buyback-root .price-model[open] > .price-tree-summary::before, #hv24-buyback-root .price-storage[open] > .price-tree-summary::before { transform: rotate(90deg); } #hv24-buyback-root .price-tree-summary > span:first-of-type { min-width: 0; display: flex; flex-direction: column; gap: .25rem; } #hv24-buyback-root .price-tree-summary strong { color: #24302a; font-size: 1.5rem; } #hv24-buyback-root .price-tree-summary small { color: var(--hv-muted); font-size: 1.2rem; font-weight: 650; } #hv24-buyback-root .price-category-summary { min-height: 6.4rem; padding: 1.2rem 1.5rem; background: var(--hv-green-soft); } #hv24-buyback-root .price-category-summary strong { font-size: 1.9rem; } #hv24-buyback-root .price-category-content, #hv24-buyback-root .price-brand-content, #hv24-buyback-root .price-series-content, #hv24-buyback-root .price-model-content { padding: 1rem; display: grid; gap: .8rem; border-top: .1rem solid var(--hv-line); } #hv24-buyback-root .price-brand > .price-tree-summary strong { font-size: 1.7rem; } #hv24-buyback-root .price-series { background: #fbfdfb; } #hv24-buyback-root .price-model { margin-left: .8rem; } #hv24-buyback-root .price-storage { margin-left: .8rem; background: #fbfdfb; } #hv24-buyback-root .price-missing-badge { min-width: 2.5rem; height: 2.5rem; padding: 0 .7rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 99rem; background: #d92d20; color: #fff; font-size: 1.25rem; font-weight: 900; box-shadow: 0 0 0 .3rem #fee4e2; } #hv24-buyback-root .price-storage-content { padding: 0 1rem 1rem; display: grid; gap: 1.2rem; border-top: .1rem solid var(--hv-line); } #hv24-buyback-root .price-condition-grid { padding-top: 1rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; } #hv24-buyback-root .price-condition { min-height: 7.2rem; padding: 1.1rem; display: flex; flex-direction: column; justify-content: space-between; gap: .8rem; border: .1rem solid #cfe3d4; border-radius: .9rem; background: #f5fbf6; } #hv24-buyback-root .price-condition span { color: var(--hv-muted); font-size: 1.2rem; font-weight: 750; } #hv24-buyback-root .price-condition strong { color: var(--hv-green-dark); font-size: 1.5rem; } #hv24-buyback-root .price-condition.is-missing { border-color: #efb2b2; background: #fff6f6; } #hv24-buyback-root .price-condition.is-missing strong { color: #b42318; } #hv24-buyback-root .price-storage-content > .admin-edit { justify-self: start; } #hv24-buyback-root .price-storage-add { padding: .2rem; display: grid; grid-template-columns: minmax(18rem, 32rem) auto; gap: 1rem; align-items: end; } #hv24-buyback-root .price-storage-add > .admin-edit { justify-self: start; } #hv24-buyback-root .price-storage-editor { display: grid; grid-template-columns: minmax(18rem, 32rem) auto; gap: 1rem; align-items: end; } #hv24-buyback-root .price-storage-edit { justify-self: start; } #hv24-buyback-root .price-row-missing { margin: 0; padding: 1rem; border-radius: .8rem; background: #fff0f0; color: #991b1b; font-size: 1.35rem; font-weight: 700; } #hv24-buyback-root .admin-dashboard { margin-top: 3rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem; } #hv24-buyback-root .admin-dashboard-card { padding: 2.4rem; border: .1rem solid #e5e5e5; border-radius: 1.6rem; } #hv24-buyback-root .admin-dashboard-card h2 { margin: 0; font-size: 2.2rem; } #hv24-buyback-root .admin-dashboard-card p { min-height: 4.8rem; color: var(--hv-muted); font-size: 1.5rem; } #hv24-buyback-root .admin-dashboard-card a { display: inline-flex; align-items: center; text-decoration: none; } #hv24-buyback-root .admin-limit-alerts { margin-top: 3rem; padding: 2.2rem; border: .1rem solid #ead7b2; border-radius: 1.6rem; background: #fffaf0; } #hv24-buyback-root .admin-limit-alerts h2 { margin: 0 0 1.5rem; font-size: 2.2rem; } #hv24-buyback-root .admin-limit-alerts > div { display: grid; gap: 1rem; } #hv24-buyback-root .admin-limit-alert { padding: 1.5rem; display: grid; grid-template-columns: minmax(18rem, .8fr) minmax(18rem, 1fr) auto; gap: 1.5rem; align-items: center; border: .1rem solid; border-radius: 1.2rem; background: #fff; } #hv24-buyback-root .admin-limit-alert--red { border-color: #d88c8c; background: #fff5f5; } #hv24-buyback-root .admin-limit-alert--orange { border-color: #e4b96f; background: #fffaf0; } #hv24-buyback-root .admin-limit-alert h3, #hv24-buyback-root .admin-limit-alert p { margin: 0; } #hv24-buyback-root .admin-limit-alert h3 { font-size: 1.7rem; } #hv24-buyback-root .admin-limit-alert p { display: grid; gap: .3rem; color: var(--hv-muted); font-size: 1.4rem; } #hv24-buyback-root .admin-limit-alert > div { display: flex; flex-wrap: wrap; gap: .7rem; } #hv24-buyback-root .admin-limit-alert .admin-edit { display: inline-flex; align-items: center; text-decoration: none; } #hv24-buyback-root .admin-detail-link { color: var(--hv-green-dark); font-weight: 800; text-decoration-thickness: .1rem; text-underline-offset: .25rem; } #hv24-buyback-root .admin-back-link { display: inline-block; margin-bottom: 2rem; color: var(--hv-green-dark); font-size: 1.4rem; font-weight: 750; } #hv24-buyback-root .admin-detail-grid { margin-top: 3rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } #hv24-buyback-root .admin-detail-card { min-width: 0; overflow: hidden; border: .1rem solid #e5e5e5; border-radius: 1.5rem; background: #fff; } #hv24-buyback-root .admin-detail-card h2 { margin: 0; padding: 1.5rem 1.8rem; border-bottom: .1rem solid #dcecdf; background: var(--hv-green-soft); color: var(--hv-green-dark); font-size: 1.8rem; } #hv24-buyback-root .admin-detail-card dl { margin: 0; padding: .4rem 1.8rem; } #hv24-buyback-root .admin-detail-card dl > div { padding: 1.1rem 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 1.2rem; border-bottom: .1rem solid #edf0ed; } #hv24-buyback-root .admin-detail-card dl > div:last-child { border-bottom: 0; } #hv24-buyback-root .admin-detail-card dt { color: var(--hv-muted); font-size: 1.4rem; } #hv24-buyback-root .admin-detail-card dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--hv-ink); font-size: 1.45rem; font-weight: 700; text-align: right; } #hv24-buyback-root .admin-detail-card .admin-detail-total dt, #hv24-buyback-root .admin-detail-card .admin-detail-total dd { color: var(--hv-green-dark); font-weight: 850; } #hv24-buyback-root .tracking-badge { display: inline-flex; padding: .45rem .75rem; border: .1rem solid transparent; border-radius: 99rem; font-size: 1.25rem; font-weight: 800; text-align: left; } #hv24-buyback-root .tracking-badge--gray { border-color: #d6d9dc; background: #f3f4f5; color: #59626b; } #hv24-buyback-root .tracking-badge--blue { border-color: #a9c9e6; background: #eef6fc; color: #245d8d; } #hv24-buyback-root .tracking-badge--green { border-color: #a8d4b0; background: #edf8ef; color: var(--hv-green-dark); } #hv24-buyback-root .tracking-badge--orange { border-color: #e3bf78; background: #fff7e8; color: #8a5600; } #hv24-buyback-root .tracking-badge--red { border-color: #e2a09c; background: #fff3f2; color: #9f2525; } #hv24-buyback-root .shipping-deadline-warning { margin: 1.5rem 1.8rem; padding: 1.2rem 1.4rem; border: .1rem solid #e2a09c; border-radius: 1rem; background: #fff3f2; color: #81201d; font-weight: 750; } #hv24-buyback-root .received-email-actions { padding: 1.5rem 1.8rem; border-top: .1rem solid var(--hv-line); } #hv24-buyback-root .received-email-actions > p:first-child { margin: 0 0 1rem; color: var(--hv-muted); } #hv24-buyback-root .warehouse-section { display: grid; gap: 2rem; } #hv24-buyback-root .warehouse-search { display: grid; gap: .8rem; } #hv24-buyback-root .warehouse-search > label { color: var(--hv-ink); font-size: 1.8rem; font-weight: 800; } #hv24-buyback-root .warehouse-search > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; } #hv24-buyback-root .warehouse-search input { width: 100%; min-height: 5.6rem; padding: 0 1.5rem; border: .15rem solid #8b938d; border-radius: 1rem; background: #fff; color: var(--hv-ink); font: inherit; font-size: 1.8rem; } #hv24-buyback-root .warehouse-search input:focus { outline: .2rem solid color-mix(in srgb, var(--hv-green) 30%, transparent); outline-offset: .2rem; border-color: var(--hv-green); } #hv24-buyback-root .warehouse-result { overflow: hidden; border: .1rem solid #dcecdf; border-radius: 1.5rem; background: #fff; } #hv24-buyback-root .warehouse-result h2 { margin: 0; padding: 1.6rem 1.8rem; border-bottom: .1rem solid #dcecdf; background: var(--hv-green-soft); color: var(--hv-green-dark); font-size: 2rem; } #hv24-buyback-root .warehouse-result dl { margin: 0; padding: .5rem 1.8rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; } #hv24-buyback-root .warehouse-result dl > div { padding: 1.1rem 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 1rem; border-bottom: .1rem solid #edf0ed; } #hv24-buyback-root .warehouse-result dt { color: var(--hv-muted); } #hv24-buyback-root .warehouse-result dd { margin: 0; overflow-wrap: anywhere; font-weight: 750; text-align: right; } #hv24-buyback-root .warehouse-actions { padding: 1.8rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; } #hv24-buyback-root .warehouse-actions a { text-decoration: none; } #hv24-buyback-root .warehouse-success { color: var(--hv-green-dark); } #hv24-buyback-root .inspection-card { grid-column: 1 / -1; } #hv24-buyback-root .inspection-empty, #hv24-buyback-root .inspection-content { padding: 1.8rem; } #hv24-buyback-root .inspection-empty { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; } #hv24-buyback-root .inspection-empty p { width: 100%; margin: 0; font-size: 1.7rem; font-weight: 800; } #hv24-buyback-root .inspection-state, #hv24-buyback-root .inspection-result { margin: 0 0 1.5rem; font-size: 1.8rem; font-weight: 850; } #hv24-buyback-root .inspection-result--passed { color: var(--hv-green-dark); } #hv24-buyback-root .inspection-result--mismatch { color: #9f2525; } #hv24-buyback-root .inspection-head, #hv24-buyback-root .inspection-row { display: grid; grid-template-columns: minmax(24rem, 1.7fr) minmax(14rem, 1fr) minmax(14rem, 1fr); gap: 1.2rem; align-items: center; } #hv24-buyback-root .inspection-head { padding: 0 1.2rem 1rem; color: var(--hv-muted); font-size: 1.25rem; } #hv24-buyback-root .inspection-row { min-height: 6rem; padding: 1rem 1.2rem; border-top: .1rem solid #e5e5e5; } #hv24-buyback-root .inspection-row > strong { font-size: 1.4rem; } #hv24-buyback-root .inspection-row > span { font-weight: 750; } #hv24-buyback-root .inspection-row select { width: 100%; min-height: 4.2rem; padding: 0 1rem; border: .1rem solid #9ba39d; border-radius: .8rem; background: #fff; color: var(--hv-ink); font: inherit; } #hv24-buyback-root .inspection-submit { margin-top: 1.8rem; } #hv24-buyback-root .inspection-mismatches { margin: 2rem 0; padding: 1.6rem; border: .1rem solid #d88c8c; border-radius: 1.2rem; background: #fff5f5; } #hv24-buyback-root .inspection-mismatches h3 { margin: 0 0 1rem; color: #9f2525; } #hv24-buyback-root .inspection-mismatches > div { padding: .9rem 0; display: grid; grid-template-columns: minmax(16rem, 1.2fr) 1fr 1fr; gap: 1rem; border-top: .1rem solid #efd5d5; } #hv24-buyback-root .inspection-card button:disabled { cursor: not-allowed; opacity: .65; } #hv24-buyback-root .counteroffer-card { grid-column: 1 / -1; } #hv24-buyback-root .counteroffer-content { padding: 1.8rem; } #hv24-buyback-root .counteroffer-prices { max-width: 58rem; margin: 0 0 2rem !important; padding: 0 !important; } #hv24-buyback-root .counteroffer-mismatches { margin: 0 0 2rem; padding: 1.6rem; border: .1rem solid #d88c8c; border-radius: 1.2rem; background: #fff5f5; } #hv24-buyback-root .counteroffer-mismatches h3 { margin: 0 0 1rem; color: #9f2525; } #hv24-buyback-root .counteroffer-mismatches > div { padding: .9rem 0; display: grid; grid-template-columns: minmax(16rem, 1.2fr) 1fr 1fr; gap: 1rem; border-top: .1rem solid #efd5d5; } #hv24-buyback-root .counteroffer-create { display: grid; justify-items: start; gap: 1.2rem; } #hv24-buyback-root .counteroffer-create p { max-width: 72rem; margin: 0; } #hv24-buyback-root .counteroffer-send { max-width: 68rem; display: grid; justify-items: stretch; gap: 1.6rem; } #hv24-buyback-root .counteroffer-final-field { display: grid; gap: .8rem; } #hv24-buyback-root .counteroffer-final-field > label { font-size: 1.6rem; font-weight: 850; } #hv24-buyback-root .counteroffer-final-field > p { margin: 0; color: var(--hv-muted); } #hv24-buyback-root .counteroffer-price-input { width: min(100%, 28rem); display: grid; grid-template-columns: 1fr auto; align-items: center; overflow: hidden; border: .2rem solid var(--hv-green-dark); border-radius: 1rem; background: #fff; } #hv24-buyback-root .counteroffer-price-input input { width: 100%; min-height: 5rem; padding: 0 1.2rem; border: 0; outline: 0; color: var(--hv-ink); font: 850 2rem/1 inherit; } #hv24-buyback-root .counteroffer-price-input span { padding: 0 1.4rem; font-size: 1.8rem; font-weight: 850; } #hv24-buyback-root .counteroffer-final-field .admin-edit { justify-self: start; } #hv24-buyback-root .counteroffer-final-confirmation { padding: 1.6rem; display: grid; gap: .5rem; border: .2rem solid var(--hv-green-dark); border-radius: 1.2rem; background: var(--hv-green-soft); color: var(--hv-green-dark); } #hv24-buyback-root .counteroffer-final-confirmation span { font-weight: 750; } #hv24-buyback-root .counteroffer-final-confirmation strong { font-size: 2.8rem; } #hv24-buyback-root .counteroffer-card button:disabled { cursor: not-allowed; opacity: .65; } #hv24-buyback-root .counteroffer-page { min-height: 70vh; padding: 5rem 2rem; background: #f7f9f7; } #hv24-buyback-root .counteroffer-public-card { width: min(100%, 72rem); margin: 0 auto; padding: clamp(2.4rem, 5vw, 4.5rem); border: .1rem solid var(--hv-line); border-radius: 1.8rem; background: #fff; box-shadow: 0 1rem 3rem rgba(28, 52, 36, .08); } #hv24-buyback-root .counteroffer-public-card h1 { margin: 1rem 0 2.5rem; color: var(--hv-ink); font-size: clamp(3rem, 6vw, 4.5rem); line-height: 1.1; } #hv24-buyback-root .counteroffer-public-card dl { margin: 0; } #hv24-buyback-root .counteroffer-public-card dl > div { padding: 1.2rem 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 1.5rem; border-bottom: .1rem solid var(--hv-line); } #hv24-buyback-root .counteroffer-public-card dt { color: var(--hv-muted); } #hv24-buyback-root .counteroffer-public-card dd { margin: 0; font-weight: 800; text-align: right; } #hv24-buyback-root .counteroffer-public-mismatches { margin: 2.5rem 0; padding: 1.8rem; border-radius: 1.2rem; background: #fff5f5; } #hv24-buyback-root .counteroffer-public-mismatches h2 { margin: 0 0 1rem; color: #9f2525; font-size: 2rem; } #hv24-buyback-root .counteroffer-public-mismatches > div { padding: 1rem 0; display: grid; gap: .35rem; border-top: .1rem solid #efd5d5; } #hv24-buyback-root .counteroffer-public-mismatches span { color: var(--hv-muted); } #hv24-buyback-root .counteroffer-public-deductions { margin: 2.5rem 0; padding: 1.8rem; border-radius: 1.2rem; background: #fff9ef; } #hv24-buyback-root .counteroffer-public-deductions h2 { margin: 0 0 1rem; color: #7a5100; font-size: 2rem; } #hv24-buyback-root .counteroffer-public-deductions > div { padding: 1rem 0; display: flex; justify-content: space-between; gap: 1rem; border-top: .1rem solid #ead9b9; } #hv24-buyback-root .counteroffer-public-price { margin: 2.5rem 0; padding: 2rem; display: grid; justify-items: center; gap: .7rem; border-radius: 1.2rem; background: var(--hv-green-soft); color: var(--hv-green-dark); } #hv24-buyback-root .counteroffer-public-price span { font-weight: 800; text-transform: uppercase; letter-spacing: .06rem; } #hv24-buyback-root .counteroffer-public-price strong { font-size: clamp(3.4rem, 8vw, 5rem); line-height: 1; } #hv24-buyback-root .counteroffer-public-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } #hv24-buyback-root .counteroffer-public-actions button { width: 100%; margin: 0; } #hv24-buyback-root .counteroffer-public-actions p { grid-column: 1 / -1; margin: .5rem 0 0; color: #9f2525; } #hv24-buyback-root .counteroffer-public-result { margin: 2rem 0 0; padding: 1.8rem; border-radius: 1.2rem; font-weight: 800; } #hv24-buyback-root .counteroffer-public-result--accepted { background: var(--hv-green-soft); color: var(--hv-green-dark); } #hv24-buyback-root .counteroffer-public-result--rejected { background: #fff5f5; color: #9f2525; } #hv24-buyback-root .payout-table .admin-edit, #hv24-buyback-root .inspection-card a.admin-save, #hv24-buyback-root .counteroffer-card a.admin-save { display: inline-flex; align-items: center; text-decoration: none; } #hv24-buyback-root .payout-badge { display: inline-flex; padding: .55rem .9rem; border: .1rem solid transparent; border-radius: 99rem; font-size: 1.3rem; font-weight: 800; white-space: nowrap; } #hv24-buyback-root .payout-badge--open { border-color: #e3bf78; background: #fff7e8; color: #8a5600; } #hv24-buyback-root .payout-badge--paid { border-color: #a8d4b0; background: #edf8ef; color: var(--hv-green-dark); } #hv24-buyback-root .payout-badge--not-ready { border-color: #d6d9dc; background: #f3f4f5; color: #59626b; } #hv24-buyback-root .payout-badge--review-required { border-color: #e2a09c; background: #fff3f2; color: #9f2525; } #hv24-buyback-root .return-tabs { margin-top: 2.4rem; display: flex; flex-wrap: wrap; gap: .8rem; } #hv24-buyback-root .return-tabs a { padding: .8rem 1.2rem; border: .1rem solid var(--hv-line); border-radius: .9rem; color: var(--hv-ink); font-weight: 750; text-decoration: none; } #hv24-buyback-root .return-tabs a.is-active { border-color: var(--hv-green); background: var(--hv-green-soft); color: var(--hv-green-dark); } #hv24-buyback-root .return-badge { display: inline-flex; padding: .55rem .9rem; border: .1rem solid transparent; border-radius: 99rem; font-size: 1.3rem; font-weight: 800; white-space: nowrap; } #hv24-buyback-root .return-badge--return-required, #hv24-buyback-root .return-badge--return-error { border-color: #e2a09c; background: #fff3f2; color: #9f2525; } #hv24-buyback-root .return-badge--return-preparing, #hv24-buyback-root .return-badge--return-label-created { border-color: #e3bf78; background: #fff7e8; color: #8a5600; } #hv24-buyback-root .return-badge--return-shipped { border-color: #a9c7df; background: #eef6fc; color: #215b86; } #hv24-buyback-root .return-badge--return-delivered { border-color: #a8d4b0; background: #edf8ef; color: var(--hv-green-dark); } #hv24-buyback-root .return-card { grid-column: 1 / -1; } #hv24-buyback-root .return-card--return-required, #hv24-buyback-root .return-card--return-error, #hv24-buyback-root .admin-dashboard-card--warning { border-color: #e2a09c; background: #fffafa; } #hv24-buyback-root .return-address-form { margin-top: 1.8rem; padding: 1.8rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; border: .1rem solid var(--hv-line); border-radius: 1.2rem; background: #fbfdfb; } #hv24-buyback-root .return-address-form h3, #hv24-buyback-root .return-address-form button { grid-column: 1 / -1; } #hv24-buyback-root .return-address-form h3 { margin: 0; } #hv24-buyback-root .return-address-form label { display: grid; gap: .5rem; color: var(--hv-muted); font-weight: 700; } #hv24-buyback-root .return-address-form input { min-height: 4.4rem; padding: 0 1rem; border: .1rem solid #adb5ad; border-radius: .9rem; background: #fff; color: var(--hv-ink); font: inherit; } #hv24-buyback-root .return-message { margin: 1.2rem 0 0; font-weight: 750; } #hv24-buyback-root .payout-detail { margin-top: 3rem; padding: clamp(2rem, 4vw, 3.2rem); display: grid; grid-template-columns: minmax(0, 1fr) minmax(28rem, .75fr); gap: 2.5rem; border: .1rem solid var(--hv-line); border-radius: 1.8rem; background: #fff; } #hv24-buyback-root .payout-detail--review-required { border-color: #e2a09c; } #hv24-buyback-root .payout-detail-data { min-width: 0; } #hv24-buyback-root .payout-detail-amount { margin: 2rem 0; display: block; color: var(--hv-green-dark); font-size: clamp(4rem, 7vw, 5.6rem); line-height: 1; } #hv24-buyback-root .payout-detail dl { margin: 0; } #hv24-buyback-root .payout-detail dl > div { padding: 1.1rem 0; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr); gap: 1rem; border-bottom: .1rem solid var(--hv-line); } #hv24-buyback-root .payout-detail dt { color: var(--hv-muted); } #hv24-buyback-root .payout-detail dd { margin: 0; overflow-wrap: anywhere; font-weight: 800; text-align: right; } #hv24-buyback-root .payout-review-reason { padding: 1.4rem; border-radius: 1rem; background: #fff3f2; color: #9f2525; font-weight: 750; } #hv24-buyback-root .payout-qr { padding: 2rem; align-self: start; border-radius: 1.4rem; background: var(--hv-green-soft); text-align: center; } #hv24-buyback-root .payout-qr h2 { margin: 0 0 1.5rem; color: var(--hv-green-dark); font-size: 2.2rem; } #hv24-buyback-root .payout-qr img { width: min(100%, 36rem); height: auto; padding: 1rem; border-radius: 1rem; background: #fff; } #hv24-buyback-root .payout-qr p { margin: 1.5rem 0 0; color: var(--hv-muted); font-size: 1.35rem; line-height: 1.55; text-align: left; } #hv24-buyback-root .payout-actions { grid-column: 1 / -1; padding-top: 2rem; display: grid; justify-items: start; gap: 1.5rem; border-top: .1rem solid var(--hv-line); } #hv24-buyback-root .payout-copy-actions { display: flex; flex-wrap: wrap; gap: .8rem; } #hv24-buyback-root .payout-confirm { padding: 1.2rem; border-radius: 1rem; background: #fff7e8; } #hv24-buyback-root .payout-actions button:disabled { cursor: not-allowed; opacity: .65; } #hv24-buyback-root .admin-create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } #hv24-buyback-root .admin-create-grid form { padding: 1.8rem; display: grid; gap: 1rem; border: .1rem solid var(--hv-line); border-radius: 1.3rem; } #hv24-buyback-root .admin-create-grid h2 { margin: 0 0 .5rem; font-size: 2rem; } #hv24-buyback-root .admin-create-grid form > label:not(.admin-checkbox) { display: grid; gap: .45rem; color: var(--hv-muted); font-size: 1.3rem; font-weight: 600; } #hv24-buyback-root .admin-create-grid input, #hv24-buyback-root .admin-create-grid select, #hv24-buyback-root .catalog-editor input, #hv24-buyback-root .catalog-editor select { width: 100%; min-height: 4.4rem; padding: 0 1.1rem; border: .1rem solid #adb5ad; border-radius: .9rem; background: #fff; color: var(--hv-ink); font-size: 1.45rem; } #hv24-buyback-root .catalog-tree { margin-top: 2rem; display: grid; gap: 1.5rem; } #hv24-buyback-root .catalog-category { padding: 1.5rem; border: .1rem solid #dcecdf; border-radius: 1.4rem; background: #fbfdfb; } #hv24-buyback-root .catalog-brand { margin: 1.2rem 0 0 1.5rem; padding-left: 1.5rem; border-left: .3rem solid #dcecdf; } #hv24-buyback-root .catalog-series { margin: 1rem 0 0 1.5rem; padding-left: 1.2rem; border-left: .2rem solid #e5eae6; } #hv24-buyback-root .catalog-series--unassigned > h3 { margin: 0; padding: .8rem; color: var(--hv-muted); font-size: 1.4rem; } #hv24-buyback-root .catalog-model { margin: 1rem 0 0 1.5rem; } #hv24-buyback-root .catalog-storages { margin: 1rem 0 0 1.5rem; display: grid; gap: .7rem; } #hv24-buyback-root .catalog-editor { padding: .8rem; display: grid; grid-template-columns: minmax(16rem, 1fr) repeat(6, auto); gap: .8rem; align-items: center; border-radius: 1rem; background: #fff; } #hv24-buyback-root .catalog-editor--category input:first-child { font-size: 1.8rem; font-weight: 800; } #hv24-buyback-root .catalog-editor--brand input:first-child { font-weight: 750; } #hv24-buyback-root .catalog-editor label:not(.admin-checkbox) { display: flex; align-items: center; gap: .6rem; color: var(--hv-muted); font-size: 1.3rem; } #hv24-buyback-root .catalog-editor .catalog-sort { width: 7rem; } #hv24-buyback-root .admin-delete { min-height: 4rem; padding: 0 1.3rem; border: .1rem solid #b53a3a; border-radius: .9rem; background: #fff; color: #9f2525; font: inherit; font-weight: 700; cursor: pointer; } #hv24-buyback-root .admin-archive { min-height: 4rem; padding: 0 1.3rem; border: .1rem solid #8b7355; border-radius: .9rem; background: #fff; color: #69543d; font: inherit; font-weight: 700; cursor: pointer; } #hv24-buyback-root .archive-badge { padding: .35rem .75rem; border-radius: 99rem; background: #ece7df; color: #69543d; font-size: 1.2rem; font-weight: 800; } #hv24-buyback-root .catalog-category.is-archived, #hv24-buyback-root .catalog-model.is-archived { border-color: #c9c2b8; background: #f5f2ed; } #hv24-buyback-root .catalog-editor.is-archived { background: #faf8f5; } #hv24-buyback-root .admin-archive-filter { min-height: 4.4rem; padding: 0 1.2rem; border: .1rem solid var(--hv-line); border-radius: .9rem; background: #fff; white-space: nowrap; } #hv24-buyback-root .admin-filters .admin-archive-filter { min-width: 0; flex: 0 0 auto; } #hv24-buyback-root .admin-archive-filter input { min-height: 0; padding: 0; } #hv24-buyback-root .catalog-storage-panel { margin: .8rem 0 0 .8rem; border: .1rem solid var(--hv-line); border-radius: 1rem; background: #fff; } #hv24-buyback-root .catalog-storage-panel > summary { padding: 1rem 1.2rem; color: var(--hv-muted); font-size: 1.3rem; font-weight: 750; cursor: pointer; } #hv24-buyback-root .catalog-storage-panel .catalog-storages { margin: 0; padding: 0 1rem 1rem; } #hv24-buyback-root .catalog-sort-field, #hv24-buyback-root .admin-create-grid input[aria-label^="Sortierung"] { display: none !important; } #hv24-buyback-root .catalog-create-panel { margin-top: 2.4rem; border: .1rem solid var(--hv-line); border-radius: 1.2rem; background: #fff; } #hv24-buyback-root .catalog-create-panel > summary { padding: 1.5rem 1.7rem; color: var(--hv-green-dark); font-size: 1.55rem; font-weight: 800; cursor: pointer; } #hv24-buyback-root .catalog-create-panel > .admin-section { margin-top: 0; padding-top: 0; border: 0; box-shadow: none; } #hv24-buyback-root .catalog-tree { gap: 2rem; } #hv24-buyback-root .catalog-category { padding: 0; overflow: hidden; background: #fff; } #hv24-buyback-root .catalog-category-head { padding: 1.5rem 1.7rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-bottom: .1rem solid var(--hv-line); background: var(--hv-green-soft); } #hv24-buyback-root .catalog-category-head span { color: var(--hv-muted); font-size: 1.15rem; font-weight: 800; letter-spacing: .08rem; text-transform: uppercase; } #hv24-buyback-root .catalog-category-head h2 { margin: .2rem 0 0; font-size: 2rem; } #hv24-buyback-root .catalog-category-settings { min-width: min(68rem, calc(100vw - 4rem)); display: grid; gap: 1.2rem; } #hv24-buyback-root .category-image-editor { padding: 1.2rem 1.7rem; display: flex; align-items: center; gap: 1.4rem; border-bottom: .1rem solid var(--hv-line); background: #fff; } #hv24-buyback-root .category-image-preview { width: 9.6rem; height: 7.2rem; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border: .1rem solid var(--hv-line); border-radius: 1rem; background: var(--hv-green-soft); color: var(--hv-green-dark); font-size: 3rem; font-weight: 850; } #hv24-buyback-root .category-image-preview img { width: 100%; height: 100%; display: block; object-fit: contain; } #hv24-buyback-root .category-image-controls { min-width: 0; display: grid; gap: .45rem; } #hv24-buyback-root .category-image-controls > strong { font-size: 1.45rem; } #hv24-buyback-root .category-image-controls > small { color: var(--hv-muted); } #hv24-buyback-root .category-image-controls > div { margin-top: .35rem; display: flex; flex-wrap: wrap; gap: .7rem; } #hv24-buyback-root .category-image-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } #hv24-buyback-root .model-images-panel { margin: 2rem 0; border: .1rem solid var(--hv-line); border-radius: 1.2rem; background: #fff; } #hv24-buyback-root .model-images-panel > summary { padding: 1.5rem 1.7rem; color: var(--hv-green-dark); font-size: 1.6rem; font-weight: 800; cursor: pointer; } #hv24-buyback-root .model-images-content { padding: 0 1.7rem 1.7rem; display: grid; gap: 1.5rem; } #hv24-buyback-root .model-image-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; } #hv24-buyback-root .model-image-stats span { padding: 1.1rem; display: grid; gap: .3rem; border-radius: 1rem; background: var(--hv-green-soft); color: var(--hv-muted); } #hv24-buyback-root .model-image-stats strong { color: var(--hv-ink); font-size: 2rem; } #hv24-buyback-root .model-image-upload { padding: 1.3rem; display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; border: .1rem dashed #9cb9a1; border-radius: 1rem; } #hv24-buyback-root .model-image-upload > div { min-width: 24rem; flex: 1; } #hv24-buyback-root .model-image-upload h2, #hv24-buyback-root .model-image-upload p { margin: 0; } #hv24-buyback-root .model-image-upload p { margin-top: .35rem; color: var(--hv-muted); font-size: 1.3rem; } #hv24-buyback-root .model-image-filters { display: flex; flex-wrap: wrap; gap: .6rem; } #hv24-buyback-root .model-image-filters button { padding: .8rem 1.1rem; border: .1rem solid var(--hv-line); border-radius: 99rem; background: #fff; cursor: pointer; } #hv24-buyback-root .model-image-filters button.is-active { border-color: var(--hv-green); background: var(--hv-green-soft); color: var(--hv-green-dark); font-weight: 800; } #hv24-buyback-root .model-image-overview { max-height: 48rem; overflow: auto; display: grid; gap: .65rem; } #hv24-buyback-root .model-image-overview > h3 { margin: 0; } #hv24-buyback-root .model-image-overview article { padding: .7rem; display: flex; align-items: center; gap: 1rem; border: .1rem solid var(--hv-line); border-radius: .8rem; } #hv24-buyback-root .model-image-overview article > span, #hv24-buyback-root .pending-model-image > div { min-width: 0; display: grid; gap: .3rem; } #hv24-buyback-root .model-image-overview small, #hv24-buyback-root .pending-model-image small, #hv24-buyback-root .model-image-editor small { color: var(--hv-muted); } #hv24-buyback-root .model-image-preview { width: 7rem; height: 5.5rem; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border-radius: .8rem; background: var(--hv-green-soft); color: var(--hv-green-dark); font-size: 2rem; font-weight: 800; } #hv24-buyback-root .model-image-preview img { width: 100%; height: 100%; object-fit: contain; } #hv24-buyback-root .pending-image-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; } #hv24-buyback-root .pending-image-groups section { display: grid; align-content: start; gap: .8rem; } #hv24-buyback-root .pending-image-groups h3 { margin: 0; } #hv24-buyback-root .pending-model-image { padding: 1rem; display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: 1rem; border: .1rem solid var(--hv-line); border-radius: 1rem; } #hv24-buyback-root .pending-model-image > img { width: 10rem; height: 8rem; object-fit: contain; } #hv24-buyback-root .pending-model-image select { width: 100%; min-height: 4rem; margin-top: .5rem; border: .1rem solid #adb5ad; border-radius: .8rem; background: #fff; } #hv24-buyback-root .pending-model-image > div > div, #hv24-buyback-root .model-image-actions { display: flex; flex-wrap: wrap; gap: .6rem; } #hv24-buyback-root .model-image-editor { margin-top: 1rem; padding: 1rem; display: flex; align-items: center; gap: 1rem; border: .1rem solid var(--hv-line); border-radius: 1rem; background: #fbfdfb; } #hv24-buyback-root .model-image-editor > div:last-child { display: grid; gap: .35rem; } #hv24-buyback-root .catalog-brand-list { padding: 1.2rem; display: grid; gap: 1rem; } #hv24-buyback-root .catalog-brand { margin: 0; padding: 0; border: .1rem solid var(--hv-line); border-radius: 1.1rem; background: #fff; } #hv24-buyback-root .catalog-brand > summary, #hv24-buyback-root .catalog-series > summary, #hv24-buyback-root .catalog-model > summary { list-style: none; } #hv24-buyback-root .catalog-brand > summary::-webkit-details-marker, #hv24-buyback-root .catalog-series > summary::-webkit-details-marker, #hv24-buyback-root .catalog-model > summary::-webkit-details-marker { display: none; } #hv24-buyback-root .catalog-brand-summary, #hv24-buyback-root .catalog-series-summary, #hv24-buyback-root .catalog-model-summary { display: grid; align-items: center; gap: 1rem; cursor: pointer; } #hv24-buyback-root .catalog-brand-summary { min-height: 6.2rem; grid-template-columns: minmax(0, 1fr) auto; padding: 1rem 1.4rem; } #hv24-buyback-root .catalog-brand-summary::before, #hv24-buyback-root .catalog-series-summary::before { content: "›"; grid-row: 1; color: var(--hv-green-dark); font-size: 2.4rem; line-height: 1; transition: transform .15s ease; } #hv24-buyback-root .catalog-brand-summary { grid-template-columns: 2rem minmax(0, 1fr) auto; } #hv24-buyback-root .catalog-brand[open] > .catalog-brand-summary::before, #hv24-buyback-root .catalog-series[open] > .catalog-series-summary::before { transform: rotate(90deg); } #hv24-buyback-root .catalog-brand-summary > span:first-of-type, #hv24-buyback-root .catalog-series-summary > span:first-of-type { min-width: 0; display: flex; flex-direction: column; gap: .25rem; } #hv24-buyback-root .catalog-brand-summary strong { font-size: 1.75rem; } #hv24-buyback-root .catalog-brand-summary small, #hv24-buyback-root .catalog-series-summary small { color: var(--hv-muted); font-size: 1.25rem; font-weight: 600; } #hv24-buyback-root .catalog-brand-content { padding: 0 1.2rem 1.2rem; display: grid; gap: .9rem; } #hv24-buyback-root .catalog-entity-settings { position: relative; } #hv24-buyback-root .catalog-entity-settings > summary { color: var(--hv-green-dark); font-size: 1.25rem; font-weight: 750; cursor: pointer; text-align: right; } #hv24-buyback-root .catalog-entity-settings[open] > summary { margin-bottom: .8rem; } #hv24-buyback-root .catalog-series { margin: 0; padding: 0; border: .1rem solid #e1e8e2; border-radius: 1rem; background: #fbfdfb; } #hv24-buyback-root .catalog-series-summary { min-height: 5.5rem; grid-template-columns: 1.8rem minmax(0, 1fr) auto; padding: .9rem 1.2rem; } #hv24-buyback-root .catalog-series-summary strong { font-size: 1.5rem; } #hv24-buyback-root .catalog-series-content { padding: 0 1rem 1rem; display: grid; gap: .7rem; } #hv24-buyback-root .catalog-model { margin: 0; border: .1rem solid var(--hv-line); border-radius: .9rem; background: #fff; } #hv24-buyback-root .catalog-model-summary { min-height: 5.4rem; grid-template-columns: minmax(0, 1fr) auto auto; padding: .8rem 1rem; } #hv24-buyback-root .catalog-model-summary > span:first-child { min-width: 0; display: grid; gap: .45rem; } #hv24-buyback-root .catalog-model-summary strong { font-size: 1.45rem; } #hv24-buyback-root .catalog-storage-chips { display: flex; flex-wrap: wrap; gap: .4rem; } #hv24-buyback-root .catalog-storage-chips small { padding: .22rem .55rem; border-radius: 99rem; background: var(--hv-green-soft); color: var(--hv-green-dark); font-size: 1.1rem; font-weight: 750; } #hv24-buyback-root .catalog-storage-chips small.is-inactive { background: #eee; color: #666; text-decoration: line-through; } #hv24-buyback-root .catalog-model-summary .admin-edit { pointer-events: none; } #hv24-buyback-root .catalog-model-editor { padding: 0 1rem 1rem; border-top: .1rem solid var(--hv-line); } #hv24-buyback-root .catalog-model-editor > .catalog-editor { margin-top: 1rem; } #hv24-buyback-root .catalog-price-link { margin: .9rem 0 0; text-align: right; } #hv24-buyback-root .catalog-editor { grid-template-columns: minmax(16rem, 1fr) minmax(15rem, auto) repeat(4, auto); } #hv24-buyback-root .catalog-editor--storage { grid-template-columns: minmax(14rem, 1fr) auto auto; } #hv24-buyback-root .catalog-filters select { cursor: pointer; } #hv24-buyback-root .purchase-limit-panel { margin: .8rem 0 0 .8rem; border: .1rem solid #dcecdf; border-radius: 1rem; background: #fff; } #hv24-buyback-root .purchase-limit-panel > summary { min-height: 4.6rem; padding: 1rem 1.2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--hv-green-dark); font-size: 1.4rem; font-weight: 800; cursor: pointer; } #hv24-buyback-root .limit-summary { color: var(--hv-muted); font-size: 1.3rem; font-weight: 600; } #hv24-buyback-root .purchase-limit-content { padding: 0 1.2rem 1.2rem; display: grid; gap: 1rem; } #hv24-buyback-root .limit-period { padding: 1.2rem; border: .1rem solid var(--hv-line); border-radius: 1rem; background: #fbfdfb; } #hv24-buyback-root .limit-period h3 { margin: 0 0 1rem; font-size: 1.5rem; } #hv24-buyback-root .limit-period-fields { display: grid; grid-template-columns: auto repeat(3, minmax(12rem, 1fr)) auto; gap: .8rem; align-items: end; } #hv24-buyback-root .limit-period-fields label:not(.admin-checkbox) { display: grid; gap: .4rem; color: var(--hv-muted); font-size: 1.25rem; } #hv24-buyback-root .limit-period-fields input[type="date"], #hv24-buyback-root .limit-period-fields input[type="number"] { width: 100%; min-height: 4rem; padding: 0 .8rem; border: .1rem solid #adb5ad; border-radius: .8rem; background: #fff; color: var(--hv-ink); font: inherit; } #hv24-buyback-root .limit-metrics { margin-top: 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; color: var(--hv-muted); font-size: 1.3rem; } #hv24-buyback-root .limit-metrics strong { color: var(--hv-ink); } #hv24-buyback-root .limit-status { padding: .35rem .75rem; border-radius: 99rem; background: #e8f3ea; color: var(--hv-green-dark); font-weight: 800; } #hv24-buyback-root .limit-status--green { background: #e8f3ea; color: var(--hv-green-dark); } #hv24-buyback-root .limit-status--orange { background: #fff0d7; color: #9b5a00; } #hv24-buyback-root .limit-status--red { background: #fdeaea; color: #9f2525; } #hv24-buyback-root .limit-status--gray { background: #eee; color: #666; } #hv24-buyback-root .limit-warning { margin: 1rem 0 0; color: #9f2525; font-weight: 800; } #hv24-buyback-root .steps { border-top: .1rem solid #e5e5e5; background: var(--hv-green-soft); } #hv24-buyback-root .steps-inner { min-width: 0; padding-top: 5.4rem; padding-bottom: 5.8rem; display: grid; grid-template-columns: .8fr 1.7fr; gap: 4.8rem; align-items: center; } #hv24-buyback-root .steps h2 { margin: 1.2rem 0 0; color: #111827; font-size: clamp(2.6rem, 3vw, 3.7rem); font-weight: 800; letter-spacing: -.08rem; line-height: 1.12; } #hv24-buyback-root .steps ol { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.2rem; list-style: none; } #hv24-buyback-root .steps li { display: flex; gap: 1.3rem; align-items: flex-start; } #hv24-buyback-root .steps li b { width: 3rem; height: 3rem; flex: 0 0 3rem; display: grid; place-items: center; border-radius: 50%; background: var(--hv-green); color: #fff; font-size: 1.45rem; } #hv24-buyback-root .steps li span { display: flex; flex-direction: column; color: var(--hv-muted); font-size: 1.45rem; line-height: 1.45; } #hv24-buyback-root .steps li strong { margin-bottom: .4rem; color: var(--hv-ink); font-size: 1.6rem; } #hv24-buyback-root .site-footer { border-top: .1rem solid #e5e5e5; background: #fff; } #hv24-buyback-root .footer-inner { min-width: 0; padding-top: 4.8rem; padding-bottom: 4.5rem; display: grid; grid-template-columns: 1.4fr 1fr; gap: 8rem; } #hv24-buyback-root .footer-newsletter h2 { margin: 0; font-size: 2.5rem; font-weight: 700; } #hv24-buyback-root .footer-newsletter p { margin: .7rem 0 1.8rem; color: var(--hv-muted); } #hv24-buyback-root .footer-newsletter form { max-width: 48rem; display: flex; } #hv24-buyback-root .footer-newsletter input { min-width: 0; height: 4.8rem; flex: 1; padding: 0 1.4rem; border: .1rem solid #767676; border-right: 0; color: var(--hv-ink); background: #fff; } #hv24-buyback-root .footer-newsletter button { min-width: 12rem; padding: 0 2rem; border: .1rem solid var(--hv-green); border-radius: 0; background: var(--hv-green); color: #fff; cursor: pointer; font-size: 1.5rem; font-weight: 700; } #hv24-buyback-root .footer-newsletter button:hover { background: var(--hv-green-hover); } #hv24-buyback-root .footer-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } #hv24-buyback-root .footer-links div { display: flex; flex-direction: column; align-items: flex-start; gap: .7rem; } #hv24-buyback-root .footer-links strong { margin-bottom: .3rem; font-size: 1.7rem; } #hv24-buyback-root .footer-links a { color: var(--hv-muted); text-decoration: none; } #hv24-buyback-root .footer-links a:hover { color: var(--hv-ink); text-decoration: underline; text-underline-offset: .25rem; } #hv24-buyback-root .footer-bottom { min-width: 0; min-height: 6.8rem; padding-top: 2.4rem; padding-bottom: 2.4rem; display: flex; justify-content: space-between; gap: 2rem; border-top: .1rem solid #e5e5e5; color: #6b6b6b; font-size: 1.35rem; } @media screen and (max-width: 989px) { #hv24-buyback-root .price-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #hv24-buyback-root .price-condition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #hv24-buyback-root .price-table-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } #hv24-buyback-root .admin-dashboard, #hv24-buyback-root .admin-create-grid, #hv24-buyback-root .admin-detail-grid { grid-template-columns: 1fr; } #hv24-buyback-root .admin-limit-alert { grid-template-columns: 1fr; } #hv24-buyback-root .catalog-editor { grid-template-columns: minmax(0, 1fr) auto; } #hv24-buyback-root .catalog-editor > label:not(.admin-checkbox) { grid-column: 1 / -1; } #hv24-buyback-root .limit-period-fields { grid-template-columns: 1fr 1fr; } #hv24-buyback-root .condition-grid { grid-template-columns: repeat(2, 1fr); } #hv24-buyback-root .condition-detail { grid-template-columns: 1fr; } #hv24-buyback-root .seal-confirmation { grid-template-columns: 1fr; } #hv24-buyback-root .condition-photo, #hv24-buyback-root .condition-photo img { min-height: 34rem; } #hv24-buyback-root .site-navigation { display: none; } #hv24-buyback-root .menu-trigger { display: flex; } #hv24-buyback-root .header-inner { justify-content: space-between; } #hv24-buyback-root .brand { margin-right: auto; } #hv24-buyback-root .brand img { width: 21rem; } #hv24-buyback-root .footer-inner { gap: 4rem; } } @media screen and (max-width: 749px) { #hv24-buyback-root { font-size: 1.5rem; } #hv24-buyback-root .page-width { padding-right: 1.5rem; padding-left: 1.5rem; } #hv24-buyback-root .admin-price-heading { align-items: flex-start; flex-direction: column; } #hv24-buyback-root .admin-table-launch, #hv24-buyback-root .admin-table-back { width: 100%; } #hv24-buyback-root .price-table-filters { grid-template-columns: 1fr; } #hv24-buyback-root .price-table-actions { align-items: stretch; flex-direction: column; } #hv24-buyback-root .price-table-actions .admin-row-actions { flex-direction: column; } #hv24-buyback-root .price-table-actions .admin-row-actions button { width: 100%; } #hv24-buyback-root .price-table-scroll { max-height: calc(100vh - 38rem); } #hv24-buyback-root .price-import-picker { align-items: stretch; flex-direction: column; } #hv24-buyback-root .price-overview-grid, #hv24-buyback-root .price-condition-grid { grid-template-columns: 1fr; } #hv24-buyback-root .price-filter { width: 100%; } #hv24-buyback-root .price-filter button { flex: 1; } #hv24-buyback-root .price-tree-summary { grid-template-columns: 1.5rem minmax(0, 1fr) auto; padding-right: .8rem; padding-left: .8rem; } #hv24-buyback-root .price-category-content, #hv24-buyback-root .price-brand-content, #hv24-buyback-root .price-series-content, #hv24-buyback-root .price-model-content { padding-right: .6rem; padding-left: .6rem; } #hv24-buyback-root .price-model, #hv24-buyback-root .price-storage { margin-left: .4rem; } #hv24-buyback-root .price-storage-add, #hv24-buyback-root .price-storage-editor { grid-template-columns: 1fr; } #hv24-buyback-root .price-storage-add .admin-row-actions, #hv24-buyback-root .price-storage-editor .admin-row-actions { flex-wrap: wrap; } #hv24-buyback-root .catalog-category-head { align-items: flex-start; flex-direction: column; } #hv24-buyback-root .catalog-category-head .catalog-entity-settings { width: 100%; } #hv24-buyback-root .category-image-editor { align-items: flex-start; flex-direction: column; } #hv24-buyback-root .model-image-stats, #hv24-buyback-root .pending-image-groups { grid-template-columns: 1fr; } #hv24-buyback-root .catalog-brand-list, #hv24-buyback-root .catalog-brand-content { padding-right: .7rem; padding-left: .7rem; } #hv24-buyback-root .catalog-brand-summary, #hv24-buyback-root .catalog-series-summary { grid-template-columns: 1.6rem minmax(0, 1fr); } #hv24-buyback-root .catalog-brand-summary > .admin-active, #hv24-buyback-root .catalog-brand-summary > .admin-inactive, #hv24-buyback-root .catalog-series-summary > .admin-active, #hv24-buyback-root .catalog-series-summary > .admin-inactive { grid-column: 2; justify-self: start; } #hv24-buyback-root .catalog-model-summary { grid-template-columns: minmax(0, 1fr) auto; } #hv24-buyback-root .catalog-model-summary > .admin-edit { grid-column: 1 / -1; justify-self: start; } #hv24-buyback-root .catalog-editor, #hv24-buyback-root .catalog-editor--storage { grid-template-columns: 1fr; } #hv24-buyback-root .catalog-editor > *, #hv24-buyback-root .catalog-editor > label:not(.admin-checkbox) { grid-column: 1; } #hv24-buyback-root .site-header, #hv24-buyback-root .header-inner { min-height: 6.4rem; } #hv24-buyback-root .header-inner { gap: .7rem; } #hv24-buyback-root .brand img { width: 17rem; max-height: 3.6rem; } #hv24-buyback-root .header-actions { gap: .15rem; } #hv24-buyback-root .header-actions button { width: 3rem; font-size: 1.9rem; } #hv24-buyback-root .hero { padding: 2.8rem 0 4.2rem; } #hv24-buyback-root h1 { margin-top: 1.3rem; font-size: 3.8rem; letter-spacing: -.1rem; } #hv24-buyback-root .hero-copy { font-size: 1.6rem; } #hv24-buyback-root .benefit-strip { justify-content: flex-start; gap: .8rem; padding: 1.35rem 1.5rem; font-size: 1.45rem; text-align: left; } #hv24-buyback-root .benefit-strip span { width: 100%; } #hv24-buyback-root .device-search-wrap { margin-top: 2.4rem; } #hv24-buyback-root .device-search-result { padding: 1.1rem 1.2rem; grid-template-columns: minmax(0, 1fr) auto; } #hv24-buyback-root .device-search-result > small { display: none; } #hv24-buyback-root .category-grid { grid-template-columns: 1fr; } #hv24-buyback-root .category-card { min-height: 11.2rem; padding: 1.5rem 1.6rem; flex-direction: row; align-items: center; gap: 1.4rem; } #hv24-buyback-root .category-image { width: 8rem; height: 8rem; flex-basis: 8rem; } #hv24-buyback-root .category-text { margin-top: 0; } #hv24-buyback-root .category-text strong { font-size: 1.8rem; } #hv24-buyback-root .category-text small { font-size: 1.4rem; } #hv24-buyback-root .arrow { align-self: center; margin: 0 0 0 auto; } #hv24-buyback-root .flow-section { min-height: 0; padding: 2.8rem 0 4.6rem; } #hv24-buyback-root .flow-progress { margin-bottom: 2.7rem; } #hv24-buyback-root .flow-back { margin-bottom: 2.3rem; } #hv24-buyback-root .selection-grid, #hv24-buyback-root .selection-grid--brands, #hv24-buyback-root .selection-grid--series, #hv24-buyback-root .selection-grid--models, #hv24-buyback-root .selection-grid--storage { grid-template-columns: 1fr; margin-top: 2.8rem; } #hv24-buyback-root .model-groups { margin-top: 2.8rem; gap: 2.2rem; } #hv24-buyback-root .model-group .selection-grid { margin-top: 0; } #hv24-buyback-root .flow-progress-steps { gap: .6rem; } #hv24-buyback-root .flow-progress-step { align-items: flex-start; gap: .6rem; font-size: 1.15rem; line-height: 1.2; } #hv24-buyback-root .flow-progress-step > span:last-child { display: none; } #hv24-buyback-root .flow-progress-number { width: 2.4rem; height: 2.4rem; flex-basis: 2.4rem; font-size: 1.15rem; } #hv24-buyback-root .condition-grid { grid-template-columns: 1fr; margin-top: 2.8rem; } #hv24-buyback-root .condition-card { min-height: 12rem; padding: 1.8rem; } #hv24-buyback-root .condition-mark { width: 3.7rem; height: 3.7rem; } #hv24-buyback-root .condition-card strong { margin-top: 1.25rem; } #hv24-buyback-root .condition-radio { right: 1.6rem; bottom: 1.6rem; } #hv24-buyback-root .condition-detail { margin-top: 2rem; } #hv24-buyback-root .seal-confirmation { margin-top: 2.8rem; } #hv24-buyback-root .seal-copy { padding: 2.4rem 2rem; } #hv24-buyback-root .binary-options { grid-template-columns: 1fr; } #hv24-buyback-root .question-list { margin-top: 2.8rem; } #hv24-buyback-root .question-card { padding: 1.9rem 1.8rem; } #hv24-buyback-root .question-card .binary-options { max-width: none; } #hv24-buyback-root .summary-card { margin-top: 2.8rem; } #hv24-buyback-root .summary-card dl { padding: 0 1.8rem; } #hv24-buyback-root .summary-card dl > div { grid-template-columns: 1fr; gap: .35rem; } #hv24-buyback-root .summary-card dd { text-align: left; } #hv24-buyback-root .summary-questions { padding: 2rem 1.8rem; } #hv24-buyback-root .summary-questions > div { grid-template-columns: 1fr; gap: .35rem; } #hv24-buyback-root .summary-actions { margin-top: 2rem; grid-template-columns: 1fr; } #hv24-buyback-root .offer-placeholder { margin-top: 2.8rem; padding: 2.8rem 2rem; } #hv24-buyback-root .checkout-form, #hv24-buyback-root .confirmation-panel, #hv24-buyback-root .checkout-summary-grid { margin-top: 2.8rem; } #hv24-buyback-root .checkout-form-grid { padding: 1.8rem; grid-template-columns: 1fr; } #hv24-buyback-root .checkout-field--wide { grid-column: auto; } #hv24-buyback-root .confirmation-panel { padding: 1.8rem; } #hv24-buyback-root .checkout-summary-grid { grid-template-columns: 1fr; } #hv24-buyback-root .checkout-summary-card:first-child { grid-row: auto; } #hv24-buyback-root .checkout-summary-card dl > div { grid-template-columns: 1fr; gap: .35rem; } #hv24-buyback-root .checkout-summary-card dd { text-align: left; } #hv24-buyback-root .checkout-edit-actions { grid-template-columns: 1fr; } #hv24-buyback-root .admin-page { padding: 3.5rem 0 5rem; } #hv24-buyback-root .admin-section { margin-top: 3.2rem; padding: 2rem 1.6rem; } #hv24-buyback-root .admin-settings-grid { grid-template-columns: 1fr; } #hv24-buyback-root .admin-settings-grid .admin-section { margin-top: 3.2rem; } #hv24-buyback-root .admin-price-edit-grid { grid-template-columns: 1fr; } #hv24-buyback-root .warehouse-search > div, #hv24-buyback-root .warehouse-result dl { grid-template-columns: 1fr; } #hv24-buyback-root .warehouse-result dl > div { grid-template-columns: 1fr; gap: .35rem; } #hv24-buyback-root .warehouse-result dd { text-align: left; } #hv24-buyback-root .inspection-head { display: none; } #hv24-buyback-root .inspection-row { grid-template-columns: 1fr; gap: .6rem; } #hv24-buyback-root .inspection-row > span:nth-child(2)::before { content: "Kundenangabe: "; color: var(--hv-muted); font-weight: 600; } #hv24-buyback-root .inspection-row > span:nth-child(3)::before { content: "Unsere Prüfung: "; color: var(--hv-muted); font-weight: 600; } #hv24-buyback-root .inspection-mismatches > div { grid-template-columns: 1fr; } #hv24-buyback-root .counteroffer-mismatches > div { grid-template-columns: 1fr; } #hv24-buyback-root .counteroffer-page { padding: 2rem 1.2rem; } #hv24-buyback-root .counteroffer-public-card { padding: 2.2rem 1.6rem; } #hv24-buyback-root .counteroffer-public-card dl > div { grid-template-columns: 1fr; gap: .35rem; } #hv24-buyback-root .counteroffer-public-card dd { text-align: left; } #hv24-buyback-root .counteroffer-public-actions { grid-template-columns: 1fr; } #hv24-buyback-root .payout-detail { grid-template-columns: 1fr; } #hv24-buyback-root .payout-detail dl > div { grid-template-columns: 1fr; gap: .35rem; } #hv24-buyback-root .payout-detail dd { text-align: left; } #hv24-buyback-root .payout-copy-actions { width: 100%; display: grid; } #hv24-buyback-root .return-address-form { grid-template-columns: 1fr; } #hv24-buyback-root .return-address-form h3, #hv24-buyback-root .return-address-form button { grid-column: auto; } #hv24-buyback-root .admin-defect-fields { grid-template-columns: 1fr; } #hv24-buyback-root .admin-nav { margin-bottom: 2.5rem; } #hv24-buyback-root .catalog-brand, #hv24-buyback-root .catalog-series, #hv24-buyback-root .catalog-model, #hv24-buyback-root .catalog-storages { margin-left: .7rem; } #hv24-buyback-root .condition-photo, #hv24-buyback-root .condition-photo img { min-height: 28rem; } #hv24-buyback-root .condition-copy { padding: 2.4rem 2rem; } #hv24-buyback-root .condition-copy h2 { font-size: 2.5rem; } #hv24-buyback-root .flow-continue { margin-top: 2.4rem; } #hv24-buyback-root .selection-card { min-height: 10.8rem; padding: 1.8rem; } #hv24-buyback-root .selection-grid--brands .selection-brand-image { height: 20rem; } #hv24-buyback-root .selection-grid--series .selection-series-image { height: 18rem; } #hv24-buyback-root .selection-grid--models .selection-model-image { height: 22rem; } #hv24-buyback-root .selection-card--storage { min-height: 8.6rem; } #hv24-buyback-root .selection-card i { top: 50%; right: 1.8rem; bottom: auto; transform: translateY(-50%); } #hv24-buyback-root .steps-inner { padding-top: 4rem; padding-bottom: 4.2rem; grid-template-columns: 1fr; gap: 3rem; } #hv24-buyback-root .steps ol { grid-template-columns: 1fr; gap: 1.8rem; } #hv24-buyback-root .footer-inner { padding-top: 3.7rem; padding-bottom: 3.5rem; grid-template-columns: 1fr; gap: 3.2rem; } #hv24-buyback-root .footer-newsletter form { max-width: none; } #hv24-buyback-root .footer-links { gap: 1.5rem; } #hv24-buyback-root .footer-bottom { flex-direction: column; gap: .6rem; padding-top: 1.8rem; padding-bottom: 1.8rem; } } @media (prefers-reduced-motion: reduce) { #hv24-buyback-root { scroll-behavior: auto; } #hv24-buyback-root .category-card, #hv24-buyback-root .device-search, #hv24-buyback-root .condition-card, #hv24-buyback-root .flow-continue { transition: none; } } #hv24-buyback-root .admin-login-page { min-height: 100vh; padding: clamp(3rem, 8vw, 8rem) 1.5rem; display: grid; place-items: center; background: #f5f8f5; } #hv24-buyback-root .admin-login-card { width: min(100%, 48rem); padding: clamp(2.4rem, 5vw, 4rem); border: .1rem solid var(--hv-line); border-radius: 1.6rem; background: #fff; box-shadow: 0 .8rem 2.5rem rgba(18, 37, 63, .07); } #hv24-buyback-root .admin-login-card h1 { margin: .8rem 0 1rem; font-size: clamp(3rem, 6vw, 4.2rem); } #hv24-buyback-root .admin-login-card > p { margin: 0; color: var(--hv-muted); } #hv24-buyback-root .admin-login-form { margin-top: 2.5rem; display: grid; gap: 1.8rem; } #hv24-buyback-root .admin-login-form label { display: grid; gap: .7rem; color: var(--hv-ink); font-weight: 750; } #hv24-buyback-root .admin-login-form input { width: 100%; min-height: 5rem; padding: 0 1.4rem; border: .1rem solid #9aa29d; border-radius: .8rem; background: #fff; color: var(--hv-ink); font: inherit; } #hv24-buyback-root .admin-login-form input:focus { border-color: var(--hv-green); outline: .2rem solid rgba(38, 141, 69, .18); outline-offset: .1rem; } #hv24-buyback-root .admin-login-form .admin-save { min-height: 5rem; margin-top: .4rem; } #hv24-buyback-root .admin-login-error { margin: 0; color: #982828; font-weight: 700; } #hv24-buyback-root .admin-logout { margin-left: auto; padding: .7rem 1rem; border: .1rem solid var(--hv-green); border-radius: .7rem; background: #fff; color: var(--hv-green-dark); cursor: pointer; font: inherit; font-weight: 750; } #hv24-buyback-root .admin-logout:hover { background: #edf7ef; } #hv24-buyback-root .admin-logout:disabled { cursor: wait; opacity: .65; } #hv24-buyback-root .buyback-status-page { min-height: 100vh; padding: clamp(3rem, 7vw, 7rem) 1.5rem; background: #f5f8f5; color: var(--hv-ink); } #hv24-buyback-root .buyback-status-shell { width: min(100%, 76rem); margin: 0 auto; } #hv24-buyback-root .buyback-status-brand { color: var(--hv-green-dark); font-size: 1.35rem; font-weight: 850; letter-spacing: .14em; } #hv24-buyback-root .buyback-status-kicker { margin: 1.5rem 0 .5rem; color: var(--hv-muted); font-size: 1.55rem; font-weight: 700; } #hv24-buyback-root .buyback-status-page h1 { max-width: 68rem; margin: 0; color: #12253f; font-size: clamp(3.2rem, 6vw, 5.4rem); letter-spacing: -.12rem; line-height: 1.05; } #hv24-buyback-root .buyback-status-lead { max-width: 64rem; margin: 1.4rem 0 1.8rem; color: var(--hv-muted); font-size: clamp(1.65rem, 2.4vw, 1.9rem); line-height: 1.55; } #hv24-buyback-root .buyback-status-badge { display: inline-flex; padding: .65rem 1.05rem; border: .1rem solid transparent; border-radius: 99rem; font-size: 1.3rem; font-weight: 800; } #hv24-buyback-root .buyback-status-badge--green { border-color: #9dcbaa; background: #eaf6ed; color: #166b2e; } #hv24-buyback-root .buyback-status-badge--blue { border-color: #abc6df; background: #edf5fb; color: #174f7a; } #hv24-buyback-root .buyback-status-badge--orange { border-color: #e3bf78; background: #fff6e6; color: #875300; } #hv24-buyback-root .buyback-status-badge--red { border-color: #e2a09c; background: #fff1f0; color: #982828; } #hv24-buyback-root .buyback-status-badge--gray { border-color: #cbd2d8; background: #f1f3f4; color: #4f5962; } #hv24-buyback-root .buyback-status-card { margin-top: 2rem; padding: clamp(2rem, 4vw, 3rem); border: .1rem solid var(--hv-line); border-radius: 1.6rem; background: #fff; box-shadow: 0 .8rem 2.5rem rgba(18, 37, 63, .055); } #hv24-buyback-root .buyback-status-card h2 { margin: 0 0 1.6rem; color: #12253f; font-size: 2.2rem; } #hv24-buyback-root .buyback-status-card h3 { color: #12253f; font-size: 1.65rem; } #hv24-buyback-root .buyback-status-card dl { margin: 0; } #hv24-buyback-root .buyback-status-card dl > div { padding: 1.05rem 0; display: grid; grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.3fr); gap: 1.5rem; border-bottom: .1rem solid var(--hv-line); } #hv24-buyback-root .buyback-status-card dl > div:last-child { border-bottom: 0; } #hv24-buyback-root .buyback-status-card dt { color: var(--hv-muted); } #hv24-buyback-root .buyback-status-card dd { margin: 0; color: #12253f; font-weight: 800; text-align: right; overflow-wrap: anywhere; } #hv24-buyback-root .buyback-status-total dd { color: var(--hv-green-dark); font-size: 1.8rem; } #hv24-buyback-root .buyback-status-timeline { margin: 0; padding: 0; display: grid; list-style: none; } #hv24-buyback-root .buyback-status-step { min-height: 5.2rem; padding: 0 0 1.7rem 4.2rem; position: relative; color: #88929d; } #hv24-buyback-root .buyback-status-step:last-child { min-height: 2.8rem; padding-bottom: 0; } #hv24-buyback-root .buyback-status-step::before { width: .2rem; position: absolute; top: 2.4rem; bottom: 0; left: 1.1rem; background: #dfe5e1; content: ""; } #hv24-buyback-root .buyback-status-step:last-child::before { display: none; } #hv24-buyback-root .buyback-status-step > span { width: 2.4rem; height: 2.4rem; position: absolute; top: 0; left: 0; border: .25rem solid #d7ddd8; border-radius: 50%; background: #fff; } #hv24-buyback-root .buyback-status-step--done { color: var(--hv-green-dark); } #hv24-buyback-root .buyback-status-step--done::before { background: #7fbe8c; } #hv24-buyback-root .buyback-status-step--done > span { border-color: var(--hv-green); background: var(--hv-green); box-shadow: inset 0 0 0 .45rem #fff; } #hv24-buyback-root .buyback-status-step--current { color: #174f7a; } #hv24-buyback-root .buyback-status-step--current > span { border-color: #2d6f9f; background: #2d6f9f; box-shadow: 0 0 0 .45rem #e7f1f8; } #hv24-buyback-root .buyback-status-step--attention { color: #875300; } #hv24-buyback-root .buyback-status-step--attention > span { border-color: #d28a13; background: #d28a13; box-shadow: 0 0 0 .45rem #fff2d8; } #hv24-buyback-root .buyback-status-notice { margin-top: 2rem; padding: 1.6rem 1.8rem; border-left: .4rem solid var(--hv-green); border-radius: .8rem; background: #eef7f0; } #hv24-buyback-root .buyback-status-notice p { margin: .4rem 0 0; } #hv24-buyback-root .buyback-status-notice--neutral { border-left-color: #7b858e; background: #f1f3f4; } #hv24-buyback-root .buyback-status-button { min-height: 4.6rem; margin-top: 1rem; padding: 0 1.8rem; display: inline-flex; align-items: center; justify-content: center; border-radius: .9rem; background: var(--hv-green); color: #fff; font-weight: 800; text-decoration: none; } #hv24-buyback-root .buyback-status-button:hover { background: var(--hv-green-hover); } #hv24-buyback-root .buyback-status-button--secondary { border: .1rem solid var(--hv-line); background: #fff; color: #12253f; } #hv24-buyback-root .buyback-status-button--secondary:hover { background: #f4f6f4; } #hv24-buyback-root .buyback-status-button--danger { background: #a52a2a; } #hv24-buyback-root .buyback-status-button--danger:hover { background: #872121; } #hv24-buyback-root .buyback-status-cancellation label { margin-top: 1.4rem; display: block; color: #12253f; font-weight: 800; } #hv24-buyback-root .buyback-status-cancellation select, #hv24-buyback-root .buyback-status-cancellation textarea { width: 100%; margin-top: .6rem; padding: 1.1rem 1.2rem; border: .1rem solid var(--hv-line); border-radius: .9rem; background: #fff; color: var(--hv-ink); font: inherit; } #hv24-buyback-root .buyback-status-cancellation textarea { min-height: 10rem; resize: vertical; } #hv24-buyback-root .buyback-status-cancellation-actions { display: flex; flex-wrap: wrap; gap: 1rem; } #hv24-buyback-root .buyback-status-error { color: #982828; font-weight: 700; } #hv24-buyback-root .buyback-status-mismatches { margin: 1.6rem 0; padding: 1.5rem; border-radius: 1rem; background: #fff8ea; } #hv24-buyback-root .buyback-status-mismatches h3 { margin: 0 0 1rem; } #hv24-buyback-root .buyback-status-mismatches p { margin: .7rem 0; color: #654b20; } #hv24-buyback-root .buyback-status-footer { padding: 2.5rem .2rem 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--hv-muted); font-size: 1.35rem; } #hv24-buyback-root .buyback-status-footer p { margin: 0; } #hv24-buyback-root .buyback-status-footer a { color: var(--hv-green-dark); font-weight: 800; } #hv24-buyback-root .buyback-status-invalid { margin-top: 2rem; } #hv24-buyback-root .buyback-status-invalid h1 { font-size: clamp(2.8rem, 5vw, 4rem); } @media screen and (max-width: 749px) { #hv24-buyback-root .buyback-status-page { padding: 2.5rem 1.2rem 4rem; } #hv24-buyback-root .buyback-status-card { padding: 1.8rem 1.5rem; border-radius: 1.3rem; } #hv24-buyback-root .buyback-status-card dl > div { grid-template-columns: 1fr; gap: .35rem; } #hv24-buyback-root .buyback-status-card dd { text-align: left; } #hv24-buyback-root .buyback-status-footer { align-items: flex-start; flex-direction: column; } #hv24-buyback-root .buyback-status-button { width: 100%; } } /* Vollständigkeitsanzeige für feste Defektabzüge */ #hv24-buyback-root .admin-price-field--missing > span:first-child { color: #b42318; } #hv24-buyback-root .admin-price-input.is-missing { border-color: #d92d20; background: #fff6f6; color: #b42318; box-shadow: 0 0 0 .2rem #fee4e2; } #hv24-buyback-root .admin-missing-hint { color: #b42318; font-size: 1.25rem; font-weight: 800; } #hv24-buyback-root .price-overview-group { margin-top: 2rem; } #hv24-buyback-root .price-overview-group h3 { margin: 0; color: var(--hv-green-dark); font-size: 1.55rem; } #hv24-buyback-root .price-tree-badges { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: .8rem; } #hv24-buyback-root .price-missing-badge { min-width: 2.5rem; min-height: 2.5rem; height: auto; padding: .35rem .7rem; line-height: 1.15; text-align: center; } #hv24-buyback-root .price-missing-badge--deduction { padding-right: .9rem; padding-left: .9rem; } #hv24-buyback-root .price-deduction-status { padding: 1.5rem; display: grid; gap: 1.3rem; border: .1rem solid #dcecdf; border-radius: 1rem; background: var(--hv-green-soft); } #hv24-buyback-root .price-deduction-status-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: flex-start; } #hv24-buyback-root .price-deduction-status h3 { margin: 0; color: var(--hv-green-dark); font-size: 1.7rem; } #hv24-buyback-root .price-deduction-status p { margin: .4rem 0 0; color: var(--hv-muted); font-size: 1.35rem; } #hv24-buyback-root .price-deduction-status-missing, #hv24-buyback-root .price-deduction-status-valid { padding: .55rem .8rem; border-radius: .8rem; font-size: 1.3rem; } #hv24-buyback-root .price-deduction-status-missing { background: #fff0f0; color: #b42318; } #hv24-buyback-root .price-deduction-status-valid { background: #eaf7ed; color: var(--hv-green-dark); } #hv24-buyback-root .price-deduction-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; } #hv24-buyback-root .price-deduction { min-height: 6.8rem; padding: 1.1rem; display: flex; flex-direction: column; justify-content: space-between; gap: .8rem; border: .1rem solid #cfe3d4; border-radius: .9rem; background: #f5fbf6; } #hv24-buyback-root .price-deduction span { color: var(--hv-muted); font-size: 1.2rem; font-weight: 750; } #hv24-buyback-root .price-deduction strong { color: var(--hv-green-dark); font-size: 1.5rem; } #hv24-buyback-root .price-deduction.is-missing { border-color: #efb2b2; background: #fff6f6; } #hv24-buyback-root .price-deduction.is-missing span, #hv24-buyback-root .price-deduction.is-missing strong { color: #b42318; } #hv24-buyback-root .price-tree-summary-end { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .8rem; } #hv24-buyback-root .price-model-selector { margin: 0; } #hv24-buyback-root .price-model-selector input { margin: 0; } #hv24-buyback-root .price-series-bulk-button { min-height: 3.5rem; padding-right: .9rem; padding-left: .9rem; font-size: 1.2rem; } #hv24-buyback-root .admin-bulk-toolbar { position: sticky; top: calc(8.4rem + 1rem); z-index: 30; margin-top: 2rem; padding: 1.4rem 1.6rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.2rem; border: .1rem solid #bdd9c3; border-radius: 1.1rem; background: var(--hv-green-soft); box-shadow: 0 .6rem 1.6rem rgba(18, 37, 63, .12); } #hv24-buyback-root .admin-bulk-toolbar > div:first-child { display: grid; gap: .25rem; } #hv24-buyback-root .admin-bulk-toolbar strong { color: var(--hv-green-dark); font-size: 1.55rem; } #hv24-buyback-root .admin-bulk-toolbar span { color: var(--hv-muted); font-size: 1.3rem; } #hv24-buyback-root .admin-bulk-backdrop { position: fixed; z-index: 1000; inset: 0; padding: 2rem; display: grid; place-items: center; background: rgba(18, 37, 63, .48); } #hv24-buyback-root .admin-bulk-dialog { width: min(100%, 78rem); max-height: min(92vh, 88rem); overflow: auto; padding: clamp(1.8rem, 4vw, 3rem); border: .1rem solid var(--hv-line); border-radius: 1.5rem; background: #fff; box-shadow: 0 1.8rem 5rem rgba(18, 37, 63, .24); } #hv24-buyback-root .admin-bulk-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; } #hv24-buyback-root .admin-bulk-head h2 { margin: .5rem 0 .7rem; color: #12253f; font-size: clamp(2.2rem, 4vw, 3rem); } #hv24-buyback-root .admin-bulk-head p, #hv24-buyback-root .admin-bulk-fields > p, #hv24-buyback-root .admin-bulk-preview > p { margin: 0; color: var(--hv-muted); font-size: 1.4rem; } #hv24-buyback-root .admin-bulk-models, #hv24-buyback-root .admin-bulk-fields, #hv24-buyback-root .admin-bulk-preview { margin-top: 2rem; padding: 1.4rem; border: .1rem solid var(--hv-line); border-radius: 1.1rem; background: #fbfdfb; } #hv24-buyback-root .admin-bulk-models h3, #hv24-buyback-root .admin-bulk-fields h3, #hv24-buyback-root .admin-bulk-preview h3 { margin: 0 0 .5rem; color: var(--hv-green-dark); font-size: 1.65rem; } #hv24-buyback-root .admin-bulk-models ul { max-height: 13rem; margin: 1rem 0 0; padding: 0 0 0 1.8rem; columns: 2; column-gap: 2rem; color: var(--hv-ink); font-size: 1.35rem; } #hv24-buyback-root .admin-bulk-models li { break-inside: avoid; margin: .25rem 0; } #hv24-buyback-root .admin-bulk-fields .admin-defect-fields { margin-top: 1.2rem; } #hv24-buyback-root .admin-bulk-mode { margin: 2rem 0 0; padding: 1.4rem; display: grid; gap: 1rem; border: .1rem solid var(--hv-line); border-radius: 1.1rem; } #hv24-buyback-root .admin-bulk-mode legend { padding: 0 .5rem; color: var(--hv-green-dark); font-size: 1.65rem; font-weight: 850; } #hv24-buyback-root .admin-bulk-mode small { color: var(--hv-muted); font-size: 1.25rem; font-weight: 600; } #hv24-buyback-root .admin-bulk-confirm { padding: .9rem 1rem; border: .1rem solid #efb2b2; border-radius: .8rem; background: #fff6f6; color: #b42318; } #hv24-buyback-root .admin-bulk-preview dl { margin: 1rem 0 0; } #hv24-buyback-root .admin-bulk-preview dl > div { padding: .7rem 0; display: flex; justify-content: space-between; gap: 1.5rem; border-bottom: .1rem solid var(--hv-line); } #hv24-buyback-root .admin-bulk-preview dl > div:last-child { border-bottom: 0; } #hv24-buyback-root .admin-bulk-preview dt { color: var(--hv-muted); } #hv24-buyback-root .admin-bulk-preview dd { margin: 0; color: var(--hv-green-dark); font-weight: 850; } #hv24-buyback-root .admin-bulk-actions { margin-top: 2rem; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .8rem; } @media screen and (max-width: 989px) { #hv24-buyback-root .price-deduction-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 749px) { #hv24-buyback-root .price-overview-grid, #hv24-buyback-root .price-condition-grid, #hv24-buyback-root .price-deduction-grid { grid-template-columns: 1fr; } #hv24-buyback-root .admin-bulk-backdrop { padding: 1rem; } #hv24-buyback-root .admin-bulk-toolbar { top: calc(6.4rem + .8rem); } #hv24-buyback-root .admin-bulk-head { flex-direction: column; } #hv24-buyback-root .admin-bulk-head .admin-cancel { align-self: flex-start; } #hv24-buyback-root .admin-bulk-models ul { columns: 1; } #hv24-buyback-root .admin-bulk-toolbar .admin-row-actions, #hv24-buyback-root .admin-bulk-actions { width: 100%; flex-direction: column; } #hv24-buyback-root .admin-bulk-toolbar .admin-row-actions button, #hv24-buyback-root .admin-bulk-actions button { width: 100%; } }