/* ============================================================
   CZAS PRZY CZĘŚCIACH (comp-czas-czesci.jsx, docs/40) — 2026-10-17
   Treść przed chromem: nazwa części i czasy grają pierwsze skrzypce,
   decyzja to jedna kontrolka segmentowa ze skutkiem (minuty i kwota)
   w etykiecie przycisku. Wiersz bez decyzji ma kreskę z lewej i słowo
   „Do decyzji” w stopce — nie sam kolor (wzorzec Apple, pkt 7).
============================================================ */
.cc-krok{display:flex;flex-direction:column;gap:14px}
.cc-naglowek{display:flex;flex-direction:column;gap:6px}
.cc-tytul{font-size:14px}
.cc-naglowek p,.cc-pusto{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-2)}
.cc-uslugi{color:var(--text-3) !important}
.cc-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cc-wiersz{display:flex;flex-direction:column;gap:6px;padding:12px 0 12px 12px;border-top:1px solid var(--line-2);border-left:3px solid transparent}
.cc-wiersz:first-child{border-top:0}
.cc-wiersz.is-otwarty{border-left-color:var(--sem-warn)}
.cc-co{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.cc-co b{font-size:13.5px}
.cc-kod{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-left:6px}
.cc-co .cc-kod{margin-left:0}
.cc-czasy{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums}
.cc-czasy b{color:var(--text-1)}
.cc-uwaga{color:var(--text-3)}
.cc-podpowiedz{margin:0;font-size:12px;color:var(--text-2)}
.cc-podpowiedz::before{content:'↳ ';color:var(--text-3)}
.cc-decyzja-rzad{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cc-decyzja{max-width:100%;flex-wrap:wrap}
.cc-decyzja button{min-height:34px;font-variant-numeric:tabular-nums}
.cc-ktora{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}
.cc-stopka{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:12px;border-top:1px solid var(--line-1);font-size:12.5px}
.cc-stan{font-weight:700}
.cc-suma{margin-left:auto;font-variant-numeric:tabular-nums}
.cc-suma b{font-size:14px}

/* Katalog usług → „Czas producenta” */
.cc-ustawienia-przewijanie{height:100%;overflow:auto}
.cc-ustawienia{max-width:980px;padding:20px 24px 40px;display:flex;flex-direction:column;gap:22px}
.cc-ustawienia-glowa p{margin:6px 0 0;font-size:12.5px;line-height:1.55;color:var(--text-2);max-width:760px}
.cc-ustawienia-tytul{font-size:16px}
.cc-tylko-odczyt{color:var(--text-3) !important}
.cc-sekcja{display:flex;flex-direction:column;gap:10px}
.cc-sekcja-tytul,.cc-dodaj-tytul{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
.cc-korekty{list-style:none;margin:0;padding:0;border:1px solid var(--line-1);border-radius:var(--radius-2)}
.cc-korekta{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,170px) 34px;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--line-2)}
.cc-korekta:first-child{border-top:0}
.cc-korekta-co{display:flex;flex-direction:column;gap:2px;min-width:0}
.cc-korekta-co b{font-size:13.5px}
.cc-korekta-co span,.cc-korekta-kto{font-size:12px;color:var(--text-3)}
.cc-procent{display:inline-flex;align-items:center;gap:6px}
.cc-procent input{width:58px;min-height:34px;text-align:right;font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700;
  border:1px solid var(--control-border);border-radius:var(--radius-1);background:var(--surf-0);color:var(--text-1);padding:0 8px}
.cc-procent-znak{font-size:13px;color:var(--text-2)}
.cc-procent-kroki button{min-width:34px;min-height:34px;font-size:15px}
/* Usuwanie ciche, dopóki nie najedziesz; na dotyku zawsze widać (cel ≥30 px). */
.cc-usun{width:34px;height:34px;border:0;border-radius:var(--radius-1);background:transparent;color:var(--text-3);opacity:0;cursor:pointer}
.cc-korekta:hover .cc-usun,.cc-usun:focus-visible{opacity:1}
.cc-usun:hover{color:var(--sem-error)}
@media (hover:none){ .cc-usun{opacity:.8} }
.cc-dodaj{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px dashed var(--line-2);border-radius:var(--radius-2)}
.cc-dodaj .tweak-segments{align-self:flex-start;max-width:100%;flex-wrap:wrap}
.cc-dodaj-pola{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cc-dodaj-pola > :first-child{min-width:220px}
.cc-notatka{flex:1 1 220px;min-height:34px;border:1px solid var(--control-border);border-radius:var(--radius-1);background:var(--surf-0);color:var(--text-1);padding:0 10px;font-size:12.5px}
.cc-blad{margin:0;font-size:12px;color:var(--sem-error)}
.cc-blad::before{content:'⚠ '}
.cc-tabela-ramka{overflow-x:auto;border:1px solid var(--line-1);border-radius:var(--radius-2)}
.cc-tabela{width:100%;border-collapse:collapse;font-size:12.5px}
.cc-tabela th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:8px 10px;border-bottom:1px solid var(--line-1)}
.cc-tabela td{padding:8px 10px;border-top:1px solid var(--line-2);vertical-align:top}
.cc-tabela td b{display:block}
.cc-tabela .cc-kod{margin-left:0}
.cc-liczba{white-space:nowrap;font-variant-numeric:tabular-nums}
.cc-historia{margin:0;padding-left:18px;font-size:12px;color:var(--text-2);display:flex;flex-direction:column;gap:4px}

/* Kosztorys: norma producenta i decyzja w wierszu części */
.cc-kos{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.cc-norma{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums}
.cc-kos .cc-decyzja button{min-height:30px;font-size:11.5px}
.cc-do-decyzji{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--orange)}

@media (max-width: 600px){
  .cc-wiersz{padding-left:10px}
  .cc-decyzja{width:100%}
  .cc-decyzja button{flex:1 1 auto;min-height:44px}
  .cc-suma{margin-left:0}
  .cc-ktora{width:100%}
  .cc-ktora > span{white-space:nowrap}
  .cc-ktora > :last-child{flex:1 1 auto;min-width:0}
  .cc-ustawienia{padding:16px}
  .cc-korekta{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .cc-korekta-kto{grid-column:1 / 2}
}