/* V16.92: PD native provisional snapshot panel. Local scope, no shared overrides. */
#pdNativeMetrics{margin:0 0 24px;padding:20px;background:var(--surface,#fff);border:1px solid #d6e2ef;border-radius:14px;color:var(--text,#172b40);box-shadow:0 1px 4px rgba(0,0,0,.03)}
#pdNativeMetrics .pd-native-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
#pdNativeMetrics .pd-native-head h2{font-size:23px;margin:3px 0 7px;line-height:1.2}
#pdNativeMetrics .pd-native-head p{font-size:13px;line-height:1.5;margin:2px 0 11px;color:#486078;max-width:780px}
#pdNativeMetrics .pd-native-eyebrow{font-size:11px;font-weight:800;letter-spacing:.11em;color:#155d97}
#pdNativeMetrics .pd-native-pill{flex-shrink:0;font-size:10px;letter-spacing:.05em;font-weight:800;color:#865311;padding:7px 10px;border:1px solid #ead7b7;background:#fff9eb;border-radius:40px}
#pdNativeMetrics .pd-native-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:10px 0}
#pdNativeMetrics .pd-native-controls label{display:flex;flex-direction:column;font-size:11px;font-weight:800;gap:4px;color:#38536e}
#pdNativeMetrics select{min-width:135px;border:1px solid #c9d5e1;border-radius:7px;padding:9px;background:#fff;color:#172b40}
#pdNativeMetrics .pd-native-meta{font-size:11px;color:#56718c;padding:0 0 9px}
#pdNativeMetrics #pdNativeMessage{font-size:12px;color:#56718c;margin:9px 0 12px}
#pdNativeMetrics .pd-native-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:8px 0 19px}
#pdNativeMetrics .pd-native-card{border:1px solid #dce5ef;border-radius:10px;padding:12px;background:#f8fbff;display:flex;flex-direction:column;gap:5px}
#pdNativeMetrics .pd-native-card span{color:#466581;font-weight:700;font-size:11px}
#pdNativeMetrics .pd-native-card strong{font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums}
#pdNativeMetrics .pd-native-card small{font-size:10px;color:#657e94}
#pdNativeMetrics .pd-native-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}
#pdNativeMetrics .pd-native-inner{border:1px solid #dce5ef;border-radius:11px;padding:12px;min-width:0}
#pdNativeMetrics .pd-native-inner h3{font-size:15px;margin:0 0 10px}
#pdNativeMetrics .pd-native-inner p{font-size:11px;color:#657e94}
#pdNativeMetrics .pd-native-review-title{display:flex;gap:10px;justify-content:space-between;align-items:center}
#pdNativeMetrics .pd-native-review-title span{font-size:11px;color:#476681}
#pdNativeMetrics .pd-native-chart{height:240px;position:relative;margin-bottom:12px}
#pdNativeMetrics .pd-native-scroll{overflow:auto;max-height:380px}
#pdNativeMetrics table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}
#pdNativeMetrics th{text-align:left;background:#f1f5fa;color:#335474;padding:8px;border-bottom:1px solid #d5e0ed;position:sticky;top:0}
#pdNativeMetrics td{padding:7px 8px;border-bottom:1px solid #e7eef5;max-width:240px;overflow:hidden;text-overflow:ellipsis}
#pdNativeMetrics .pd-native-selected td{background:#eef6ff;font-weight:700}
#pdNativeMetrics .pd-native-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px;font-size:11px}
#pdNativeMetrics .pd-native-pager button{border:1px solid #cbd8e5;background:#fff;padding:6px 10px;border-radius:7px;cursor:pointer}
#pdNativeMetrics button:disabled{cursor:not-allowed;opacity:.5}
#pdNativeMetrics .pd-native-footnote{margin:15px 0 0;color:#60788f;font-size:11px;line-height:1.5}
@media(max-width:1100px){#pdNativeMetrics .pd-native-cards{grid-template-columns:repeat(3,minmax(0,1fr))}#pdNativeMetrics .pd-native-cols{grid-template-columns:1fr}}
@media(max-width:600px){#pdNativeMetrics{padding:12px}#pdNativeMetrics .pd-native-head{flex-direction:column}#pdNativeMetrics .pd-native-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
