/* plugins/pdf-exporter/assets/css/pdf-exporter.css */
.px-wrap{max-width:1120px}
.px-grid{display:grid;grid-template-columns:minmax(340px,460px) 1fr;gap:16px;align-items:start}
@media (max-width:860px){.px-grid{grid-template-columns:1fr}}
.px-card{background:#fff;border:1px solid #E7ECF3;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.px-label{display:block;font-size:12px;font-weight:600;color:#5A6472;margin:0 0 3px}
.px-muted{color:#8A94A6}
.px-secs{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px;border:1px solid #EEF2F7;border-radius:8px;background:#FAFBFD}
.px-sec{display:flex;align-items:center;gap:6px;font-size:13px;color:#1A1D24;margin:0;cursor:pointer}
.px-sec input{margin:0}
.px-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.px-kpi{background:#EDF3FF;border:1px solid #DCE8FF;border-radius:10px;padding:12px}
.px-kpi-v{font-size:20px;font-weight:700;color:#1F5FD0;line-height:1.1}
.px-kpi-l{font-size:11.5px;color:#5A6472;margin-top:2px}
.px-secrow{display:flex;align-items:center;justify-content:between;justify-content:space-between;padding:7px 0;border-bottom:1px solid #F1F4F9;font-size:13.5px;color:#1A1D24}
.px-secrow:last-child{border-bottom:0}
.px-badge{background:#EDF3FF;color:#1F5FD0;font-weight:600;border-radius:20px;padding:2px 9px;font-size:11.5px}
.px-widget-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:#EDF3FF;border-radius:10px}

/* 1.1 — report types, SEO + ecommerce previews */
.px-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:4px}
.px-type{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-width:0;padding:10px 11px;border:1px solid #E1E7EF;border-radius:10px;background:#fff;color:#1A1D24;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.px-type:hover{border-color:#C7D3E3}
.px-type:focus-visible{outline:2px solid #1F5FD0;outline-offset:2px}
.px-type .bi{font-size:16px;color:#8A94A6;line-height:1}
.px-type-n{font-size:13px;font-weight:600;margin-top:4px}
.px-type-d{font-size:11.5px;color:#8A94A6;line-height:1.3}
.px-type.is-on{border-color:#1F5FD0;background:#EDF3FF;box-shadow:0 0 0 1px #1F5FD0 inset}
.px-type.is-on .bi,.px-type.is-on .px-type-n{color:#1F5FD0}
@media (max-width:420px){.px-types{grid-template-columns:1fr}.px-type{flex-direction:row;align-items:center;gap:8px}.px-type-n{margin-top:0}.px-type-d{display:none}}
.px-kpis-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.px-kpi{min-width:0}
.px-kpi-v{overflow-wrap:break-word}
.px-kpi-s{font-size:11px;font-weight:600;color:#8A94A6;margin-top:3px;line-height:1.25}
.px-kpi-s.is-good{color:#1E9A5C}.px-kpi-s.is-bad{color:#C92A2A}.px-kpi-s.is-warn{color:#C46F07}
.px-sum{font-size:13.5px;color:#1A1D24;margin:6px 0 2px}
.px-pri{display:inline-block;font-size:11px;font-weight:600;border-radius:20px;padding:1px 8px;margin-left:4px}
.px-pri.is-high{background:#FDECEC;color:#C92A2A}.px-pri.is-medium{background:#FFF3E0;color:#B45F06}.px-pri.is-low{background:#F1F4F9;color:#5A6472}
.px-todo{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid #F1F4F9;font-size:13px;min-width:0}
.px-todo:last-child{border-bottom:0}
.px-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#8A94A6;transform:translateY(-1px)}
.px-dot.is-high{background:#C92A2A}.px-dot.is-medium{background:#D9820B}.px-dot.is-low{background:#9AA3B2}
.px-todo-t{flex:1 1 auto;min-width:0;color:#1A1D24;overflow-wrap:anywhere}
.px-todo-m{flex:0 0 auto;font-size:11.5px;color:#8A94A6;white-space:nowrap}
@media (max-width:520px){.px-todo{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:8px;row-gap:1px}.px-dot{transform:translateY(5px)}.px-todo-m{grid-column:2;white-space:normal}}
.px-src{display:flex;gap:8px;align-items:flex-start;padding:5px 0}
.px-src .bi{font-size:14px;margin-top:1px}
.px-src .is-good{color:#1E9A5C}.px-src .is-warn{color:#C46F07}
.px-src-n{font-size:13px;color:#1A1D24;font-weight:600}
.px-find{margin:0 0 8px;padding-left:18px;font-size:13px;color:#1A1D24}
.px-find li{margin-bottom:5px;overflow-wrap:anywhere}
.px-empty{background:#FAFBFD;border:1px dashed #DCE3EC;border-radius:10px;padding:12px;font-size:13px;color:#5A6472}
[data-px="preview-sections"]{transition:opacity .15s}
[data-px="preview-sections"].is-busy{opacity:.55}