:root { --ink: #222a22; --muted: #5f5a4d; --line: #d9d3c4; --crit: #b13d30; --high: #a34f16; --med: #9a7a12; --low: #386d91; --ok: #315b40; }
* { box-sizing: border-box; }
body { margin: 0; background: #f4f1e8; color: var(--ink); font: 15px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif; }
.handover-tools { max-width: 820px; margin: 24px auto 0; padding: 18px 22px; background: #fffdf6; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 10px; }
.handover-tools[hidden]{display:none}
.handover-tools h1 { margin: 0; font: 600 20px/1.3 Georgia, serif; }
.handover-tools p { margin: 0; color: var(--muted); }
.handover-tools label { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 14px; }
.handover-tools input[type=text], .handover-tools input:not([type]) { flex: 1; min-width: 200px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 6px; font: inherit; }
.handover-tools button { justify-self: start; background: var(--ok); color: #fffdf1; border: 0; border-radius: 6px; padding: 11px 16px; font-weight: 700; cursor: pointer; }
.handover-tools a { color: var(--ok); }
.handover { max-width: 820px; margin: 20px auto 48px; background: #fff; padding: 48px 56px; border: 1px solid var(--line); border-radius: 12px; }
.handover header { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; border-bottom: 2px solid var(--ink); padding-bottom: 18px; margin-bottom: 22px; }
.handover header img { max-height: 56px; max-width: 200px; }
.handover h1 { font: 600 28px/1.2 Georgia, serif; margin: 0 0 6px; }
.handover h2 { font: 600 18px/1.3 Georgia, serif; margin: 28px 0 10px; border-bottom: 1px solid var(--line); padding-bottom: 6px; }
.handover .meta { color: var(--muted); margin: 0; }
.summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; }
.summary div { border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; }
.summary strong { display: block; font-size: 22px; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; vertical-align: top; padding: 8px 6px; border-bottom: 1px solid var(--line); }
th { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.sev { font-weight: 700; text-transform: uppercase; font-size: 12px; }
.sev.critical { color: var(--crit); } .sev.high { color: var(--high); } .sev.medium { color: var(--med); } .sev.low { color: var(--low); } .sev.info { color: var(--muted); }
.fix { color: var(--muted); font-size: 13px; margin-top: 4px; }
ul { padding-left: 20px; } li { margin: 4px 0; }
.ok { color: var(--ok); font-weight: 700; }
.limits { font-size: 13px; color: var(--muted); }
footer { margin-top: 32px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); }
@media print {
  body { background: #fff; }
  .handover-tools { display: none; }
  .handover { border: 0; margin: 0; padding: 0; max-width: none; }
  tr, li { break-inside: avoid; }
  h2 { break-after: avoid; }
}

.report-producer { font-size:12px; letter-spacing:.05em; color:var(--ok); margin:0 0 18px; }
footer a { color:inherit; overflow-wrap:anywhere; }
@media(max-width:600px){.handover{padding:24px 20px}.handover header{flex-wrap:wrap}.handover-tools{margin:12px}}