.pkccc{width:100%;margin:24px auto;color:#10213d;font-family:inherit}
.pkccc-card{background:#fff;border:1px solid #e5ebf3;border-radius:20px;box-shadow:0 12px 40px rgba(16,33,61,.08);overflow:hidden}
.pkccc-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:30px;background:linear-gradient(135deg,#f7faff,#fff)}
.pkccc-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0b4fa3;margin-bottom:8px}
.pkccc-hero h2{margin:0 0 8px;font-size:30px;line-height:1.2;color:#10213d}
.pkccc-hero p{margin:0;max-width:780px;color:#5b6b83;line-height:1.6}
.pkccc-badge{white-space:nowrap;border:1px solid #dce6f2;background:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700;color:#0b4fa3}
.pkccc-form{padding:28px 30px 20px}
.pkccc-form label{display:block;margin:0 0 8px;font-size:14px;font-weight:700;color:#243653}
.pkccc-input-row{display:flex;gap:12px;align-items:center}
.pkccc-input-row input{flex:1 1 auto;min-width:0;height:50px;padding:12px 18px;border:1px solid #cfd9e7;border-radius:11px;background:#fff;color:#10213d;font-size:15px;outline:none;box-sizing:border-box}
.pkccc-input-row input:focus{border-color:#0b4fa3;box-shadow:0 0 0 3px rgba(11,79,163,.10)}
.pkccc-input-row button{flex:0 0 auto;height:50px;min-width:205px;padding:12px 20px;border:0;border-radius:11px;background:#0b4fa3;color:#fff;font-weight:700;cursor:pointer;transition:.18s ease}
.pkccc-input-row button:hover{transform:translateY(-1px);background:#083d80}
.pkccc-input-row button:disabled{opacity:.65;cursor:wait;transform:none}
.pkccc-meta{display:flex;align-items:center;gap:14px;margin-top:12px;color:#69798f;font-size:13px}
.pkccc-clear{margin-left:auto;border:1px solid #d5deea;background:#fff;color:#0b4fa3;border-radius:9px;padding:8px 14px;cursor:pointer;font-weight:600}
.pkccc-status{min-width:120px;text-align:right}
.pkccc-error{margin:0 30px 20px;padding:12px 14px;border-radius:10px;background:#fff3f3;border:1px solid #f0b7b7;color:#a61b1b;font-size:14px}
.pkccc-results{padding:0 30px 30px}
.pkccc-overview{display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:18px}
.pkccc-verdict,.pkccc-metric,.pkccc-node,.pkccc-finding{border:1px solid #dce6f2;background:#fff;border-radius:16px}
.pkccc-verdict{min-height:170px;padding:20px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 8px 25px rgba(16,33,61,.06)}
.pkccc-verdict>span,.pkccc-metric>span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#718198}
.pkccc-verdict strong{display:block;margin:9px 0 6px;font-size:24px;line-height:1.18}
.pkccc-verdict em{font-style:normal;font-size:13px;font-weight:800}
.pkccc-verdict small{display:block;margin-top:9px;word-break:break-word;color:#68788e;line-height:1.4}
.pkccc-verdict.safe,.pkccc-metric.safe,.pkccc-node.safe,.pkccc-finding.safe{border-color:#b8dfc3;background:#f5fcf7}
.pkccc-verdict.safe strong,.pkccc-metric.safe strong,.pkccc-node.safe strong{color:#198754}
.pkccc-verdict.warning,.pkccc-metric.warning,.pkccc-node.warning,.pkccc-finding.warning{border-color:#efd39b;background:#fffaf0}
.pkccc-verdict.warning strong,.pkccc-metric.warning strong,.pkccc-node.warning strong{color:#ad6900}
.pkccc-verdict.critical,.pkccc-metric.critical,.pkccc-node.critical,.pkccc-finding.critical{border-color:#efb8b8;background:#fff6f6}
.pkccc-verdict.critical strong,.pkccc-metric.critical strong,.pkccc-node.critical strong{color:#c62828}
.pkccc-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pkccc-metric{padding:18px;min-width:0}
.pkccc-metric strong{display:block;margin-top:9px;font-size:18px;line-height:1.3;word-break:break-word}
.pkccc-section{margin-top:20px;padding:20px;border:1px solid #e3eaf3;border-radius:16px;background:#fff}
.pkccc-section-title{font-size:15px;font-weight:800;color:#1d3354;margin-bottom:15px}
.pkccc-timeline{display:flex;align-items:center;gap:10px;overflow:auto;padding:5px 2px 10px}
.pkccc-timeline-item{display:flex;align-items:center;gap:10px;min-width:0}
.pkccc-node{width:250px;min-width:250px;padding:16px;box-shadow:0 7px 20px rgba(16,33,61,.05)}
.pkccc-step{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#718198;margin-bottom:7px}
.pkccc-node strong{display:block;font-size:15px;margin-bottom:8px}
.pkccc-node-url{display:block;font-size:12px;color:#334967;word-break:break-all;line-height:1.4}
.pkccc-node small{display:block;margin-top:8px;color:#718198;word-break:break-word;line-height:1.35}
.pkccc-arrow{font-size:24px;font-weight:800;color:#8a9ab0}
.pkccc-loop-note{margin-top:12px;padding:11px 13px;border-radius:10px;font-weight:700}
.pkccc-loop-note.critical{background:#fff0f0;color:#b21f1f;border:1px solid #efb8b8}
.pkccc-table-wrap{overflow:auto}
.pkccc-table{width:100%;border-collapse:collapse;font-size:13px}
.pkccc-table th,.pkccc-table td{padding:12px 10px;border-bottom:1px solid #e8edf4;text-align:left;vertical-align:top}
.pkccc-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#708096;background:#f8fafc}
.pkccc-url-cell{max-width:300px;word-break:break-word}
.pkccc-status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.pkccc-status-pill.safe{background:#e4f7ea;color:#167344}
.pkccc-status-pill.warning{background:#fff0c9;color:#946000}
.pkccc-status-pill.critical{background:#ffe0e0;color:#a51d1d}
.pkccc-findings{display:grid;gap:10px}
.pkccc-finding{padding:13px 15px;display:flex;flex-direction:column;gap:4px}
.pkccc-finding strong{font-size:13px}
.pkccc-finding span{font-size:13px;color:#62738a;line-height:1.45}
.pkccc-finding.safe strong{color:#167344}
.pkccc-finding.warning strong{color:#946000}
.pkccc-finding.critical strong{color:#a51d1d}
.pkccc-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}
.pkccc-actions button{border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}
.pkccc-copy{border:1px solid #0b4fa3;background:#fff;color:#0b4fa3}
.pkccc-pdf{border:1px solid #0b4fa3;background:#0b4fa3;color:#fff}
.pkccc-actions button:disabled{opacity:.6;cursor:wait}
.pkccc-disclaimer,.pkccc-privacy{font-size:12px;line-height:1.55;color:#74849a}
.pkccc-disclaimer{margin:16px 0 0}
.pkccc-privacy{padding:0 30px 25px;margin:0}
.pkccc-empty{padding:18px;text-align:center;color:#77879d}
@media(max-width:800px){
 .pkccc-hero{flex-direction:column}
 .pkccc-badge{white-space:normal}
 .pkccc-overview{grid-template-columns:1fr}
}
@media(max-width:620px){
 .pkccc-form,.pkccc-results{padding-left:18px;padding-right:18px}
 .pkccc-privacy{padding-left:18px;padding-right:18px}
 .pkccc-input-row{flex-direction:column;align-items:stretch}
 .pkccc-input-row input,.pkccc-input-row button{width:100%;min-width:0}
 .pkccc-meta{flex-wrap:wrap}
 .pkccc-status{text-align:left}
 .pkccc-clear{margin-left:0}
 .pkccc-metrics{grid-template-columns:1fr}
 .pkccc-actions{flex-direction:column}
 .pkccc-actions button{width:100%}
 .pkccc-timeline{align-items:stretch;flex-direction:column}
 .pkccc-timeline-item{flex-direction:column;align-items:stretch}
 .pkccc-node{width:auto;min-width:0}
 .pkccc-arrow{transform:rotate(90deg);align-self:center}
}