/* ============================================================
   NAPRAWY — formularz /wycena-naprawy i strona zlecenia naprawa.php
   Kolory i czcionki ze zmiennych strony (op/onepage.css). Narożniki ostre.
   ============================================================ */
.rq-sec{padding:64px 0 96px}
.rq-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.rq-form{min-width:0}
.rq-step{border:1px solid var(--line);background:var(--bg2);padding:30px 32px;margin:0 0 22px;min-width:0}
.rq-step legend{float:left;width:100%;display:flex;align-items:baseline;gap:14px;font:500 clamp(22px,2vw,28px)/1.2 var(--head);letter-spacing:-.01em;margin:0 0 20px;padding:0}
.rq-step legend~*{clear:both}   /* wszystkie elementy pod pływającą legendą – także gdy pierwszy po niej jest ukryty (inny element, Safari) */
.rq-n{font:500 13px/1 var(--mono);color:var(--acc);letter-spacing:.1em}
.rq-label{font-size:13.5px;color:var(--dim);margin:18px 0 10px}
.rq-hint{font-size:14px;color:var(--dim);margin:12px 0 0}
.rq-small{font-size:13px;color:var(--faint);margin-top:8px}
.rq-dim{color:var(--dim);font-size:15px}
.rq-mt{margin-top:10px}
.rq-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}
.rq-form select{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:12px 14px;min-height:50px;font:400 16px var(--body)}
.rq-form .field input,.rq-form .field textarea{background:var(--bg)}
.rq-form .field textarea{min-height:90px}

.rq-cards{display:grid;gap:10px}
.rq-cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.rq-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rq-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;min-height:92px;transition:border-color .2s,background .2s}
.rq-card strong{font:500 16.5px/1.25 var(--head)}
.rq-card span{font-size:13px;line-height:1.45;color:var(--dim)}
.rq-card:hover{border-color:var(--acc)}
.rq-card[aria-pressed="true"]{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--bg));box-shadow:inset 0 0 0 1px var(--acc)}
.rq-card-dim strong{color:var(--dim)}
.chip[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:var(--btn-ink,#05161c)}

.rq-info{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--acc);background:var(--bg);font-size:14px;line-height:1.55;color:var(--dim)}
.rq-warn{border-left-color:#e3a43c}
.rq-tip{border-left-color:#3cc48a}
.rq-check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--dim);margin:14px 0 0;cursor:pointer}
.rq-check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--acc)}
.rq-check a{color:var(--acc);text-decoration:underline}

/* rysunek ramy */
.rq-frame{margin:6px 0 18px;border:1px solid var(--line);background:var(--bg)}
.rq-svg{display:block;width:100%;height:auto}
.rq-wheel circle{fill:none;stroke:var(--line);stroke-width:3;stroke-dasharray:6 8}
.rq-z{cursor:pointer;outline:none}
.rq-z line{stroke:var(--faint);stroke-width:16;stroke-linecap:round;transition:stroke .15s}
.rq-z line.rq-thick{stroke-width:22}
.rq-z circle,.rq-z rect{fill:var(--faint);transition:fill .15s}
.rq-z:hover line,.rq-z:focus-visible line{stroke:var(--acc)}
.rq-z:hover circle,.rq-z:hover rect,.rq-z:focus-visible circle,.rq-z:focus-visible rect{fill:var(--acc)}
.rq-z.on line{stroke:#e3a43c}
.rq-z.on circle,.rq-z.on rect{fill:#e3a43c}
.rq-z.off{opacity:.18;pointer-events:none}
.rq-svg-note{font:500 12px var(--mono);fill:var(--faint)}

/* uszkodzenia */
.rq-dmg{border:1px solid var(--line);background:var(--bg);padding:20px 22px;margin:0 0 14px}
.rq-dmg-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.rq-dmg-h strong{font:500 17px var(--head)}
.rq-dmg-x{background:none;border:0;color:var(--dim);text-decoration:underline;cursor:pointer;font-size:14px}
.rq-types{display:grid;gap:8px}
.rq-type{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);cursor:pointer;font-size:14.5px;line-height:1.45}
.rq-type input{margin-top:3px;accent-color:var(--acc);flex:none}
.rq-type:has(input:checked){border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,transparent)}

/* zdjęcia */
.rq-photos{display:flex;flex-wrap:wrap;gap:12px}
.rq-ph{position:relative;width:150px;height:150px;border:1px dashed var(--faint);background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.rq-ph.has{border-style:solid;border-color:var(--acc)}
.rq-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rq-ph-add{position:relative;z-index:1;cursor:pointer;font-size:13.5px;color:var(--ink);text-align:center;padding:8px}
.rq-ph.has .rq-ph-add{position:absolute;bottom:6px;left:6px;padding:4px 8px;background:rgba(0,0,0,.7);color:#fff;font-size:12px}
.rq-ph.busy{opacity:.6}
.rq-ph-x{position:absolute;top:6px;right:6px;z-index:2;width:30px;height:30px;border:0;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}
.rq-ph-l{position:absolute;top:6px;left:8px;font:500 11px var(--mono);color:var(--faint);letter-spacing:.06em;text-transform:uppercase}
.rq-ph.has .rq-ph-l{color:#fff;text-shadow:0 1px 3px #000}

/* brakujące pola i przycisk */
.rq-missing{margin:18px 0 14px;font-size:14px;color:var(--dim)}
.rq-missing ul{margin:6px 0 0;padding-left:20px}
.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none;filter:none}

/* podsumowanie */
.rq-sum{position:sticky;top:calc(var(--toph) + 20px)}
.rq-sum-in{border:1px solid var(--line);background:var(--bg2);padding:26px 26px 22px}
.rq-lines{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line)}
.rq-lines li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.rq-lines li span{color:var(--dim)}
.rq-lines small{display:block;font-size:12px;color:var(--faint)}
.rq-lines b{white-space:nowrap;font-weight:600}
.rq-total{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 6px}
.rq-total span{font-size:14px;color:var(--dim)}
.rq-total b{font:500 34px/1 var(--head);color:var(--acc)}
.rq-days{font-size:14px;color:var(--ink);margin-top:6px}
.rq-honest{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.6;color:var(--dim)}
.rq-honest p+p{margin-top:8px}
.rq-honest a{color:var(--acc)}

.rq-have{padding:64px 0}
.rq-have-form{display:grid;grid-template-columns:1fr 1fr auto;gap:0 16px;align-items:end;max-width:880px;margin-top:20px}
.rq-have-form .btn{margin-bottom:18px}
.rq-have .alert{margin-top:16px;max-width:880px}

/* strona zlecenia */
.nz-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.nz-box{border:1px solid var(--line);background:var(--bg2);padding:28px 30px;margin:0 0 22px}
.nz-box h2{font:500 24px/1.2 var(--head);margin:0 0 14px}
.nz-status{display:inline-block;font:500 12.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--acc);color:var(--acc)}
.nz-dl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 18px;margin:0;font-size:15px}
.nz-dl dt{color:var(--faint);font:500 12px/1.9 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.nz-dl dd{margin:0;color:var(--ink);white-space:pre-line}
.nz-photos{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.nz-photos img{width:120px;height:120px;object-fit:cover;border:1px solid var(--line)}
.nz-time{list-style:none;margin:0;padding:0}
.nz-time li{position:relative;padding:0 0 16px 22px;font-size:14px;color:var(--dim)}
.nz-time li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;background:var(--acc)}
.nz-time b{display:block;color:var(--ink);font-weight:500}
.nz-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.nz-radio{display:flex;flex-direction:column;gap:8px}
.nz-radio label{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);cursor:pointer}
.nz-radio input{accent-color:var(--acc)}

@media (max-width:1080px){
  .rq-grid,.nz-grid{grid-template-columns:minmax(0,1fr)}
  .rq-sum{position:sticky;bottom:0;top:auto;z-index:20;order:2}
  .rq-sum-in{padding:14px 18px;max-height:60vh;overflow:auto;box-shadow:0 -10px 30px rgba(0,0,0,.35)}
  .rq-sum .rq-honest{display:none}
  .rq-cards-5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .rq-step{padding:22px 18px}
  .rq-row3,.rq-cards-3,.rq-have-form{grid-template-columns:minmax(0,1fr)}
  .rq-ph{width:calc(50% - 6px);height:140px}
  .nz-dl{grid-template-columns:minmax(0,1fr)}
  .nz-dl dt{margin-top:8px}
  .rq-total b{font-size:28px}
}
/* telefon: podsumowanie zwinięte do paska z kwotą, rozwijane dotknięciem */
.rq-sum-toggle{display:none}
@media (max-width:1080px){
  .rq-sum-toggle{display:block;width:100%;margin:6px 0 0;padding:6px 0 0;background:none;border:0;border-top:1px solid var(--line);color:var(--acc);font:500 13px var(--mono);text-align:left;cursor:pointer}
  .rq-sum:not(.open) .rq-sum-in>.eyebrow,
  .rq-sum:not(.open) #rq-sum-body>:not(.rq-total):not(.rq-dim){display:none}
  .rq-sum:not(.open) .rq-total{margin:0}
  .rq-sum:not(.open) .rq-total b{font-size:26px}
}
@media (max-width:1080px){body:has(#rq-sum) .to-top{bottom:120px}}
/* lista „W cenie” – bez kwot cząstkowych */
.rq-inc-h{margin:16px 0 6px;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.rq-inc{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rq-inc li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--dim)}
.rq-inc li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--acc);font-size:13px}
#rq-sum-body{transition:opacity .15s}
#rq-sum-body.rq-busy{opacity:.55}
/* ukrywanie sekcji formularza (atrybut hidden ma pierwszeństwo przed display:flex/grid) */
.rq-form [hidden]{display:none!important}
.rq-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1080px){.rq-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* etap B – postęp naprawy na stronie zgłoszenia */
.nz-bar{height:12px;background:var(--bg);border:1px solid var(--line)}
.nz-bar span{display:block;height:100%;background:var(--acc)}
.nz-steps{list-style:none;margin:18px 0 14px;padding:0}
.nz-steps li{display:flex;justify-content:space-between;gap:12px;padding:9px 0 9px 28px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--dim);position:relative}
.nz-steps li::before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border:1px solid var(--faint)}
.nz-steps li.done{color:var(--ink)}
.nz-steps li.done::before{content:"✓";border-color:var(--acc);color:var(--acc);font-size:12px;line-height:16px;text-align:center}
.nz-steps small{color:var(--faint);font:500 12px var(--mono)}
.nz-steps li.now{color:var(--ink);font-weight:500}
.nz-steps li.now::before{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 25%,transparent)}
.nz-steps li.now small{color:var(--acc)}