/* Przegląd Gwarancji — zaakceptowany układ, osobny dom klas i wspólne tokeny. */
.gwar-przeglad { display: grid; gap: var(--s-4); min-width: 0; font-size: var(--t-md); }
.gwar-przeglad-naglowek { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); padding: var(--s-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.gwar-przeglad-naglowek > div { flex: 1; min-width: 0; }
.gwar-przeglad-naglowek h2 { margin: 0 0 var(--s-1); font: var(--w-strong) var(--t-lg)/var(--lh-base) var(--font); }
.gwar-przeglad-naglowek p { margin: 0; color: var(--text-muted); overflow-wrap: anywhere; }
.gwar-przeglad-sekcja { min-width: 0; padding: var(--s-3) var(--s-4) var(--s-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.gwar-przeglad-sekcja > h3 { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); min-height: var(--h-control); margin: 0 0 var(--s-2); font: var(--w-strong) var(--t-base)/var(--lh-base) var(--font); }
.gwar-przeglad .muted { margin: 0 0 var(--s-2); color: var(--text-muted); font-size: var(--t-sm); }
.gwar-przeglad-zadania { display: grid; gap: var(--s-2); }
.gwar-przeglad-zadanie { display: flex; align-items: center; text-align: left; gap: var(--s-3); width: 100%; min-width: 0; padding: var(--s-3); border: 1px solid var(--line); background: var(--surface); border-radius: var(--r-sm); color: var(--text); font: inherit; cursor: pointer; }
.gwar-przeglad-zadanie:hover { background: var(--surface-2); }
.gwar-przeglad-zadanie:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.gwar-przeglad-zadanie > span:first-child { flex: 1; min-width: 0; }
.gwar-przeglad-zadanie b, .gwar-przeglad-zadanie small { display: block; overflow-wrap: anywhere; }
.gwar-przeglad-zadanie small { margin-top: var(--s-1); color: var(--text-muted); font-size: var(--t-xs); }
.gwar-przeglad-status { display: inline-flex; align-items: center; flex: none; gap: var(--s-2); height: 26px; padding: 0 var(--s-2); border: 1px solid transparent; border-radius: var(--r); font-size: var(--t-xs); font-weight: var(--w-bold); white-space: nowrap; }
.gwar-przeglad-status i { width: 7px; height: 7px; border-radius: var(--r-pill); background: currentColor; }
.gwar-przeglad-status.w-toku { background: color-mix(in srgb, var(--tone-design) 14%, var(--surface)); color: var(--tone-design); }
.gwar-przeglad-status.zakonczone { background: var(--ok-soft); color: var(--ok); }
.gwar-przeglad-konstrukcja { min-width: 0; padding: var(--s-2) 0; border-top: 1px solid var(--line); }
.gwar-przeglad-konstrukcja:first-child { border-top: 0; }
.gwar-przeglad-konstrukcja > b { overflow-wrap: anywhere; }
.gwar-przeglad-okresy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-2); margin: var(--s-2) 0 0; }
.gwar-przeglad-okresy > div { display: grid; gap: var(--s-1); padding: var(--s-2); background: var(--surface-2); border-radius: var(--r-sm); }
.gwar-przeglad-okresy dt, .gwar-przeglad-okresy small { font-size: var(--t-xs); color: var(--text-muted); }
.gwar-przeglad-okresy dd { margin: 0; font-size: var(--t-sm); font-weight: var(--w-bold); }

.gwar-przeglad-zadanie b { font-weight: var(--w-strong); }