.pccoof{--pccoof-border:#e5e7eb;--pccoof-text:#172033;--pccoof-muted:#667085;--pccoof-accent:#2563eb;--pccoof-accent-2:#7c3aed;--pccoof-good:#15803d;--pccoof-warn:#b45309;--pccoof-bad:#b91c1c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pccoof-text)}
.pccoof *{box-sizing:border-box}.pccoof-shell{max-width:1080px;margin:0 auto;border:1px solid var(--pccoof-border);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(16,24,40,.08);overflow:hidden}.pccoof-hero{position:relative;display:flex;gap:16px;align-items:flex-start;padding:28px;background:linear-gradient(135deg,#f8fbff,#fbf9ff);border-bottom:1px solid var(--pccoof-border)}.pccoof-hero-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef4ff;color:var(--pccoof-accent);font-size:25px;font-weight:800;flex:0 0 48px}.pccoof-kicker,.pccoof-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#667085}.pccoof-hero h2{margin:5px 0 7px;font-size:26px;line-height:1.2}.pccoof-hero p{margin:0;max-width:760px;color:var(--pccoof-muted);line-height:1.65}.pccoof-help{position:relative;border:1px solid #d0d5dd;background:#fff;color:#475467;width:28px;height:28px;border-radius:50%;font-weight:800;cursor:pointer;flex:0 0 auto}.pccoof-help:hover{border-color:#98a2b3;background:#f8fafc}.pccoof-help:focus-visible{outline:3px solid rgba(37,99,235,.18)}.pccoof-help[data-tooltip]:hover:after,.pccoof-help[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:30;top:34px;right:0;width:280px;padding:10px 12px;border-radius:10px;background:#111827;color:#fff;font-size:12px;font-weight:500;line-height:1.45;text-align:left;box-shadow:0 10px 24px rgba(0,0,0,.18)}.pccoof-hero-help{margin-left:auto}
.pccoof-input-section,.pccoof-fields,.pccoof-content-section{padding:22px 28px;border-bottom:1px solid var(--pccoof-border)}.pccoof-section-head,.pccoof-label-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.pccoof-section-head h3{margin:4px 0 0;font-size:17px}.pccoof input,.pccoof textarea{width:100%;border:1px solid #d0d5dd;border-radius:11px;background:#fff;color:var(--pccoof-text);font:inherit}.pccoof input{min-height:46px;padding:10px 12px}.pccoof textarea{padding:13px 14px;resize:vertical;line-height:1.6}.pccoof-query,.pccoof-title{margin-top:13px}.pccoof-content{margin-top:13px;min-height:300px}.pccoof input:focus,.pccoof textarea:focus{outline:none;border-color:#84aefc;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.pccoof-format-note{margin-top:8px;font-size:12px;color:var(--pccoof-muted)}.pccoof-format-note span{padding:0 5px;color:#98a2b3}.pccoof-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pccoof-field{min-width:0}.pccoof-field.pccoof-wide{grid-column:1/-1}.pccoof-label-row{margin-bottom:8px}.pccoof-label-row label{font-size:13px;font-weight:700}.pccoof-related{min-height:86px}.pccoof-meta{min-height:80px}
.pccoof-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 28px}.pccoof button:not(.pccoof-help){font:inherit}.pccoof-primary,.pccoof-secondary,.pccoof-copy,.pccoof-copy-json,.pccoof-download-json,.pccoof-download-pdf{border:1px solid #d0d5dd;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.pccoof-primary{background:var(--pccoof-accent);border-color:var(--pccoof-accent);color:#fff}.pccoof-primary:hover{background:#1d4ed8}.pccoof-secondary{background:#fff;color:#344054}.pccoof-secondary:hover{background:#f8fafc}.pccoof-status{font-size:13px;color:var(--pccoof-muted)}
.pccoof-results{padding:24px 28px 28px;border-top:1px solid var(--pccoof-border);background:#fbfcfe}.pccoof-results-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.pccoof-results-head h3{margin:0 0 5px;font-size:20px}.pccoof-results-head p{margin:0;color:var(--pccoof-muted);font-size:13px;line-height:1.5}.pccoof-export-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pccoof-copy,.pccoof-copy-json,.pccoof-download-json,.pccoof-download-pdf{background:#fff;color:#344054;font-size:12px}.pccoof-copy:hover,.pccoof-copy-json:hover,.pccoof-download-json:hover,.pccoof-download-pdf:hover{background:#f8fafc}.pccoof-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.pccoof-stat{background:#fff;border:1px solid var(--pccoof-border);border-radius:14px;padding:16px}.pccoof-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:800}.pccoof-stat-value{font-size:25px;font-weight:800;margin-top:5px}.pccoof-stat-sub{font-size:12px;color:var(--pccoof-muted);margin-top:4px}.pccoof-section-card{margin-top:14px;border:1px solid var(--pccoof-border);border-radius:14px;background:#fff;padding:16px}.pccoof-section-card h4{margin:0 0 12px;font-size:15px}.pccoof-priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pccoof-priority-card{border:1px solid #edf0f4;border-radius:12px;padding:14px}.pccoof-priority-card strong{display:block;font-size:13px}.pccoof-priority-card span{display:block;margin-top:5px;color:var(--pccoof-muted);font-size:12px;line-height:1.45}.pccoof-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#eef4ff;color:#1d4ed8;font-size:11px;font-weight:800;margin:2px 4px 2px 0}.pccoof-chip.good{background:#ecfdf3;color:var(--pccoof-good)}.pccoof-chip.warn{background:#fffaeb;color:var(--pccoof-warn)}.pccoof-chip.bad{background:#fef3f2;color:var(--pccoof-bad)}.pccoof-table-wrap{overflow:auto}.pccoof-table{width:100%;border-collapse:collapse;min-width:760px}.pccoof-table th,.pccoof-table td{padding:10px;border-bottom:1px solid #eef0f3;text-align:left;font-size:12px;vertical-align:top}.pccoof-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667085}.pccoof-list{margin:0;padding-left:19px}.pccoof-list li{margin:7px 0;color:#344054;font-size:13px;line-height:1.5}.pccoof-empty{color:var(--pccoof-muted);font-size:13px}.pccoof-gap-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pccoof-gap{border:1px solid #edf0f4;border-radius:11px;padding:12px}.pccoof-gap strong{font-size:13px}.pccoof-gap p{margin:5px 0 0;color:var(--pccoof-muted);font-size:12px;line-height:1.5}.pccoof-opportunity{border:1px solid #edf0f4;border-radius:12px;padding:14px;margin-bottom:10px}.pccoof-opportunity:last-child{margin-bottom:0}.pccoof-opportunity-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pccoof-opportunity-title{font-size:13px;font-weight:800}.pccoof-opportunity-desc{margin:6px 0 0;font-size:12px;color:#667085;line-height:1.5}.pccoof-opportunity-action{margin-top:8px;font-size:12px;color:#344054;line-height:1.5}.pccoof-json-view{margin-top:14px;border:1px solid var(--pccoof-border);border-radius:12px;background:#fff}.pccoof-json-view summary{padding:12px 14px;cursor:pointer;font-weight:700;font-size:13px}.pccoof-json-view pre{padding:0 14px 14px;margin:0;white-space:pre-wrap;word-break:break-word;font-size:11px;color:#344054}.pccoof-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 28px 24px;background:#fff;border-top:1px solid var(--pccoof-border)}.pccoof-note-card{display:flex;gap:9px;flex-direction:column;padding:14px;border-radius:12px;background:#f8fafc}.pccoof-note-card strong{font-size:12px}.pccoof-note-card span{font-size:12px;line-height:1.5;color:#667085}.pccoof-bar{height:9px;border-radius:99px;background:#edf0f4;overflow:hidden;margin-top:6px}.pccoof-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pccoof-accent),var(--pccoof-accent-2))}
@media(max-width:800px){.pccoof-fields{grid-template-columns:1fr}.pccoof-field.pccoof-wide{grid-column:auto}.pccoof-summary{grid-template-columns:1fr 1fr}.pccoof-priority-grid,.pccoof-gap-grid,.pccoof-notes{grid-template-columns:1fr}.pccoof-results-head{flex-direction:column}.pccoof-export-actions{justify-content:flex-start}.pccoof-hero{padding:22px}.pccoof-input-section,.pccoof-fields,.pccoof-content-section,.pccoof-actions,.pccoof-results{padding-left:20px;padding-right:20px}.pccoof-hero h2{font-size:22px}}
@media(max-width:520px){.pccoof-summary{grid-template-columns:1fr}.pccoof-hero-icon{display:none}.pccoof-actions{align-items:stretch}.pccoof-primary,.pccoof-secondary{width:100%}.pccoof-export-actions button{width:100%}.pccoof-hero-help{position:absolute;right:18px;top:18px}}