/* SELLREADY – Bearbeitungsstatus (Demo und echte Kundenansicht) */
body{background:var(--cream)}
.st-header{background:#fff;border-bottom:1px solid var(--line)}
.st-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
.st-header img{display:block;height:52px;width:auto}
.st-header__title{font-family:var(--font-head);font-weight:800;font-size:16px;color:var(--ink)}

.demo{background:var(--ink);color:var(--on-dark);font-size:15px}
.demo .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding-top:10px;padding-bottom:10px}
.demo strong{color:#fff}
.demo a{color:var(--gold)}
.switch{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.12)}
.switch button{border:0;background:transparent;color:var(--on-dark);font-weight:700;font-size:14px;padding:7px 16px;border-radius:999px;cursor:pointer}
.switch button[aria-pressed="true"]{background:#fff;color:var(--ink)}

.st-main{padding-top:28px;padding-bottom:72px}
.panel{background:#fff;border:1px solid var(--line-2);border-radius:var(--radius);padding:24px}
.panel+.panel{margin-top:16px}
.panel h2{margin:0 0 12px;font-family:var(--font-body);letter-spacing:0;font-size:17px;font-weight:800}

.obj{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;align-items:flex-end}
.obj__name{margin:4px 0 0;font-size:28px;line-height:1.2;font-weight:800}
.obj__meta{margin:6px 0 0;color:var(--muted);font-size:15px}
.obj__ready{text-align:right}
.obj__ready small{display:block;font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.obj__ready strong{display:block;font-size:20px;color:var(--accent);font-family:var(--font-head)}
.bar{margin-top:20px;height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.bar span{display:block;height:100%;width:67%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:999px}
.bar-legend{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:14px;color:var(--muted)}
.bar-legend strong{color:var(--ink)}

.st-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:16px;align-items:start}

.tl{list-style:none;margin:0;padding:0}
.tl>li{position:relative;padding:0 0 26px 38px}
.tl>li:last-child{padding-bottom:0}
.tl>li::before{content:"";position:absolute;left:10px;top:24px;bottom:0;width:2px;background:var(--line)}
.tl>li:last-child::before{display:none}
.tl>li.is-done::before{background:var(--gold)}
.tl__dot{position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:999px;border:2px solid var(--field);background:#fff}
.is-done .tl__dot{background:var(--accent);border-color:var(--accent)}
.is-done .tl__dot::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.is-now .tl__dot{border-color:var(--accent);box-shadow:0 0 0 5px rgba(var(--accent-rgb),.15)}
.is-now .tl__dot::after{content:"";position:absolute;inset:4px;border-radius:999px;background:var(--accent);animation:puls 1.6s ease-in-out infinite}
@keyframes puls{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.is-now .tl__dot::after{animation:none}}
.tl__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.tl__head strong{font-size:17px}
.tl__date{font-size:14px;color:var(--muted)}
.tl__tag{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:2px}
.is-done .tl__tag{background:#EAF3E6;color:#25502A}
.is-now .tl__tag{background:var(--sand);color:var(--accent-dark)}
.is-next .tl__tag{background:var(--cream);color:var(--muted)}
.is-next strong{color:var(--muted)}
.tl p{margin:4px 0 0;font-size:15px;color:var(--text)}
.tl__fotos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tl__fotos button{padding:0;border:0;border-radius:6px;overflow:hidden;width:92px;height:68px;cursor:zoom-in;background:var(--line)}
.tl__fotos img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.tl__fotos button:hover img{transform:scale(1.06)}

.contact{display:flex;gap:14px;align-items:center}
.contact__avatar{flex:none;width:52px;height:52px;border-radius:999px;background:var(--sand);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-head)}
.contact small{display:block;font-size:13px;color:var(--muted)}
.contact strong{display:block;font-size:16px}
.contact-btns{display:flex;gap:8px;margin-top:14px}
.contact-btns .btn{flex:1 1 0;min-height:44px;padding:0 10px;font-size:15px;gap:8px}

.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px}
.list li{display:flex;gap:12px;align-items:flex-start}
.list__ico{flex:none;width:30px;height:30px;border-radius:8px;background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.list strong{display:block;color:var(--ink)}
.list small{display:block;color:var(--muted);font-size:14px}
.list .ok{background:#EAF3E6;color:#25502A}
.dl{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:15px}
.dl+.dl{margin-top:8px}
.dl span small{display:block;color:var(--muted);font-size:13px}
.dl a{font-weight:700;text-decoration:none;white-space:nowrap}
.dl.is-locked{background:var(--cream);color:var(--muted)}
.dl.is-locked em{font-style:normal;font-size:13px;white-space:nowrap}

.update{font-size:14px;color:var(--muted);margin:16px 0 0;text-align:center}

[data-nur][hidden]{display:none!important}

dialog.lb{border:0;padding:0;background:transparent;max-width:min(92vw,1100px)}
dialog.lb::backdrop{background:rgba(20,20,20,.85)}
dialog.lb img{display:block;max-width:100%;max-height:82vh;border-radius:8px}
dialog.lb p{color:#fff;margin:10px 0 0;font-size:15px}
dialog.lb button{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:999px;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:22px;cursor:pointer}

@media (max-width:900px){.st-grid{grid-template-columns:1fr}}
@media (max-width:720px){
  body{padding-bottom:0}
  .obj__name{font-size:23px}
  .obj__ready{text-align:left}
  .panel{padding:20px}
  .st-header img{height:44px}
  .tl__fotos button{width:calc((100% - 16px) / 3);height:auto;aspect-ratio:4/3}
}
/* Kunden-Login (/mein-status) */
.login{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;max-width:920px;margin:12px auto 0}
.login__form{box-shadow:0 10px 30px rgba(31,42,38,.08)}
.login__form h1.form__title{font-size:26px}
.login__form .btn{align-self:stretch;min-height:50px}
.login__form input{font-size:17px;letter-spacing:.03em}
.login__err{margin:0;padding:12px 14px;border-radius:var(--radius-sm);background:#FBEAE8;color:#8C1D18;font-weight:600;font-size:15px}
.login__hint{margin:0;font-size:14px;color:var(--muted)}
.login__help p{margin:0 0 12px;color:var(--muted);font-size:15px}
.login__help a:not(.btn){color:var(--accent);font-weight:700}
.login__btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.login__btns .btn{flex:1 1 120px;min-height:44px}
.login__h2{margin-top:22px!important;padding-top:18px;border-top:1px solid var(--line)}
.st-foot{padding-bottom:32px;font-size:14px;color:var(--muted);text-align:center}
.st-foot a{color:var(--muted)}
@media (max-width:820px){.login{grid-template-columns:1fr}}