/* Collection status stays separate from content metrics. */
.ui-refined .collection-outcome { display:flex; align-items:baseline; gap:6px; margin-top:12px; color:#357050; font-size:14px; }
.ui-refined .collection-outcome strong { font-size:20px; font-variant-numeric:tabular-nums; }
.ui-refined .collection-failures { margin-top:12px; padding:12px 14px; border:1px solid #ecd3c4; border-radius:9px; background:#fffaf6; color:#713e23; }
.ui-refined .failure-heading { display:flex; align-items:baseline; gap:8px; font-size:14px; }
.ui-refined .failure-heading strong { color:#a43c25; font-size:14px; }
.ui-refined .panel-head .collection-refund { margin:5px 0 8px; font-size:14px; line-height:1.6; color:#25643d; }
.ui-refined .refund-notice { margin:10px 0 0; }
.ui-refined .collection-failures summary { cursor:pointer; padding:4px 0; font-size:13px; color:#79543c; }
.ui-refined .failure-list { max-height:260px; overflow:auto; margin:6px 0 0; padding:0; list-style:none; }
.ui-refined .failure-list li { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:12px; padding:9px 0; border-top:1px solid #efe3db; font-size:13px; }
.ui-refined .failure-list li > strong { line-height:1.6; white-space:nowrap; font-size:13px; }
.ui-refined .failure-list p { margin:0; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.ui-refined .failure-list .failure-url { color:#7e756f; font-size:12px; margin-top:2px; }
.ui-refined .stats-grid { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin:12px 0 0; padding:10px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ui-refined .stats-grid .stat { display:flex; align-items:baseline; gap:8px; min-height:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; transform:none; }
.ui-refined .stats-grid .stat strong { margin:0; font-size:18px; font-variant-numeric:tabular-nums; }
.ui-refined .stats-grid .stat::before { display:none; }
.ui-refined .only-failures .table-wrap,.ui-refined .only-failures .result-actions { display:none !important; }
.ui-refined .results-panel .panel-head { margin-bottom:12px; }
.ui-refined .result-actions { margin-top:12px; }
body.ui-refined .results-panel .result-actions { padding:0; gap:10px 12px; border:0; background:none; box-shadow:none; }
body.ui-refined .results-panel .export-hint,
body.ui-refined .results-panel .export-hint.ready { display:flex; align-items:center; flex:0 0 100%; width:100%; min-height:28px; padding:4px 0; margin:0; gap:8px; border:0; border-radius:0; background:none; box-shadow:none; color:#25643d; font-size:13px; line-height:1.6; }
body.ui-refined .results-panel .export-hint::before { position:static; flex:0 0 6px; width:6px; height:6px; margin:0; transform:none; box-shadow:none; }
body.ui-refined .results-panel .export-hint { order:-1; }
body.ui-refined .results-panel #exportButton { order:1; }
body.ui-refined .results-panel .column-toggle-panel { order:2; }
body.ui-refined .results-panel .column-toggle-panel { display:flex; align-items:center; flex-wrap:wrap; flex:0 0 100%; width:100%; padding:10px 12px; margin:0; border:1px solid #e2e8f1; border-radius:8px; background:#f8fafc; box-shadow:none; gap:10px 16px; }
body.ui-refined .results-panel .column-toggle-panel label { flex:none; width:auto; margin:0; color:#52657d; font-size:13px; font-weight:400; }
body.ui-refined .results-panel .column-toggle-panel > span { position:static; padding:0; margin:0; background:none; font-size:13px; line-height:1.6; }
.ui-refined .results-panel .table-wrap > table { min-width:0; width:100%; table-layout:auto; }
.ui-refined .results-panel :is(th,td) { padding:9px 12px; vertical-align:middle; max-width:220px; line-height:1.5; overflow-wrap:anywhere; }
.ui-refined .results-panel th { font-size:13px; }
.ui-refined .results-panel .sort-head { padding:0; min-height:24px; white-space:nowrap; }
.ui-refined .results-panel [data-column="title"] { width:auto; min-width:180px; max-width:640px; }
.ui-refined .results-panel td[data-column="title"] a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; }
.ui-refined .results-panel :is([data-column="likedCount"],[data-column="collectedCount"],[data-column="commentCount"],[data-column="shareCount"],[data-column="playCount"]) { width:1%; min-width:66px; white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums; }
.ui-refined .results-panel :is([data-column="likedCount"],[data-column="collectedCount"],[data-column="commentCount"],[data-column="shareCount"],[data-column="playCount"]) .sort-head { justify-content:flex-end; width:100%; }
.ui-refined .results-panel .preview-column { width:1%; min-width:76px; padding:7px 10px; }
.ui-refined .results-panel .media-preview { width:56px; height:38px; border-radius:6px; box-shadow:none; vertical-align:middle; }
.ui-refined .results-panel .type-column { width:1%; min-width:62px; }
.ui-refined .content-type-badge { padding:3px 6px; min-width:40px; font-weight:500; }
.ui-refined .content-type-badge.is-video { color:#9a3551; background:#fcecf1; }
.ui-refined .content-type-badge.is-image { color:#276386; background:#eaf3fa; }
.ui-refined .result-type-filter { display:inline-flex; align-items:center; gap:8px; }
.ui-refined .active-window-filter { display:inline-flex; align-items:center; gap:7px; }
.ui-refined #activeWindowDaysInput { width:60px; min-height:30px; padding:4px 6px; border:1px solid #d6dfec; border-radius:5px; background:#fff; color:#26354a; font-size:14px; line-height:1.4; text-align:center; }
.ui-refined .results-panel .active-column { min-width:132px; white-space:nowrap; }
.ui-refined .results-panel .active-column .sort-head { display:flex; align-items:center; flex-wrap:nowrap; white-space:nowrap; gap:5px; }
.ui-refined .results-panel .head-help { flex:0 0 17px; margin-left:2px; background:#edf2f9; color:#5e708a; }
.ui-refined .results-panel .head-help::after { content:attr(data-help); }
.ui-refined .results-panel .creator-start { min-width:120px; max-width:190px; border-left:1px solid var(--line); background:#fafbfd; }
.ui-refined .results-panel #resultsBody td { font-weight:400; }
.ui-refined .results-panel .creator-parent-row td { background:#fff; }
.ui-refined .results-panel .email-column { min-width:160px; width:170px; max-width:210px; }
.ui-refined .results-panel .bio-contact-column { min-width:160px; width:170px; max-width:210px; }
.ui-refined .results-panel .bio-column { min-width:140px; max-width:220px; }
.ui-refined .results-panel .empty-row td { padding:24px 16px; }

/* A calm, high-contrast option in both normal and institution accounts. */
body.ui-refined .super-option,
body.ui-refined .super-option:hover,
body.ui-refined .super-option.checked,
body.ui-refined .super-option:has(input:checked) { display:inline-flex; align-items:center; min-height:38px; gap:10px; padding:8px 12px; border:1px solid #d7e0ed; border-radius:8px; background:#f7f9fc; color:#26354a; box-shadow:none; filter:none; transform:none; }
body.ui-refined .super-option:has(input:checked) { background:#edf4ff; border-color:#a9c4ef; }
body.ui-refined .super-option span { color:#26354a; font-size:14px; font-weight:500; line-height:1.5; text-shadow:none; }
body.ui-refined .super-option input { appearance:none; -webkit-appearance:none; position:relative; flex:0 0 34px; width:34px; height:20px; margin:0; padding:0; border:1px solid #7b899c; border-radius:12px; background:#8492a6; box-shadow:none; cursor:pointer; }
body.ui-refined .super-option input::after { content:""; position:absolute; width:14px; height:14px; top:2px; left:2px; border-radius:50%; background:#fff; transition:transform 120ms ease; }
body.ui-refined .super-option input::before { display:none; }
body.ui-refined .super-option input:checked { border-color:#2463eb; background:#2463eb; }
body.ui-refined .super-option input:checked::after { transform:translateX(14px); }
body.ui-refined .super-option input:focus-visible { outline:3px solid #90b7fa; outline-offset:3px; }
body.ui-refined .super-option:has(input:disabled) { opacity:.6; cursor:default; }
.ui-refined .filter-segmented button { display:inline-flex; justify-content:center; align-items:center; text-align:center; line-height:1.4; }
.ui-refined .filter-segmented button::before,.ui-refined .filter-segmented button::after { display:none; }
.ui-refined .upload-formats { margin:0 0 12px; font-size:13px; line-height:1.6; color:#657286; }
body.ui-refined #sampleLinksInlineButton.usage-example-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border:1px solid #b8ccef; border-radius:9px; background:#edf4ff; color:#214f9c; font-size:15px; font-weight:600; line-height:1.5; white-space:nowrap; box-shadow:none; }
body.ui-refined #sampleLinksInlineButton.usage-example-button:hover { background:#e0edff; border-color:#8cafe8; }
.ui-refined #exampleModal { width:min(880px,calc(100vw - 32px)); }
.ui-refined #exampleModal .modal-head { position:sticky; top:0; z-index:2; background:#fff; border-bottom:1px solid #e2e8f1; }
.ui-refined .example-body { padding:20px 24px 24px; }
.ui-refined .example-steps { display:grid; gap:18px; }
.ui-refined .example-steps section { min-width:0; }
.ui-refined .example-steps h3 { display:flex; align-items:center; gap:9px; margin:0 0 8px; color:#26354a; font-size:16px; line-height:1.5; }
.ui-refined .example-steps h3 b { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#eaf1fc; color:#2459bb; font-size:13px; }
.ui-refined .example-steps p,.ui-refined .example-note { margin:6px 0; color:#5b6d84; font-size:14px; line-height:1.6; }
.ui-refined .example-links { margin:10px 0 0; padding:10px 12px; border:1px solid #e0e7f1; border-radius:8px; background:#f8fafd; color:#536782; font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.ui-refined .example-mode { display:flex; flex-wrap:wrap; gap:8px; }
.ui-refined .example-mode button { min-height:38px; padding:8px 12px; border:1px solid #dce5f2; border-radius:8px; background:#fff; color:#506580; font-size:14px; }
.ui-refined .example-mode button[aria-pressed="true"] { border-color:#8eafe6; background:#eaf2ff; color:#2051a4; }
.ui-refined .example-steps .example-cost { color:#326946; font-size:13px; }
.ui-refined .example-controls,.ui-refined .example-result-head { display:flex; align-items:center; flex-wrap:wrap; gap:10px; justify-content:space-between; }
.ui-refined .example-controls { justify-content:flex-start; }
.ui-refined .example-controls button { min-height:42px; font-size:14px; }
.ui-refined .example-progress { color:#64748a; font-size:13px; line-height:1.6; }
.ui-refined .example-progress.is-running { color:#245de9; }
.ui-refined .example-result { margin-top:18px; padding-top:16px; border-top:1px solid #e1e8f2; }
.ui-refined .example-result-head { margin-bottom:10px; }
.ui-refined .example-result-head strong { color:#26354a; font-size:15px; }
.ui-refined .example-table-wrap { overflow:auto; border:1px solid #dfe6ef; border-radius:8px; }
.ui-refined .example-table-wrap table { width:100%; min-width:520px; }
.ui-refined .example-table-wrap th,.ui-refined .example-table-wrap td { padding:9px 12px; min-width:65px; font-size:13px; white-space:nowrap; vertical-align:middle; }
.ui-refined .example-table-wrap th:first-child,.ui-refined .example-table-wrap td:first-child { min-width:210px; white-space:normal; }

body.ui-refined .site-footer { display:block; width:min(1120px,calc(100% - 48px)); margin:24px auto 0; padding:18px 0 24px; border:0; border-top:1px solid #dfe5ed; border-radius:0; background:none; background-image:none; box-shadow:none; color:#66758a; }
.ui-refined .footer-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; font-size:13px; line-height:1.7; }
.ui-refined .footer-meta nav { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.ui-refined .footer-meta a { font-size:13px; font-weight:400; line-height:1.7; color:#58697f; text-decoration:none; }
.ui-refined .footer-meta a:hover { color:#2055c9; text-decoration:underline; }
body.ui-refined .site-footer .compliance-band { display:block; width:100%; max-width:none; margin:14px 0 0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; font-size:13px; line-height:1.7; }
.ui-refined .site-footer .compliance-band strong { display:block; font-size:13px; font-weight:500; color:#53647b; margin-bottom:3px; }
.ui-refined .site-footer .compliance-band p { margin:0; font-size:13px; line-height:1.7; color:#6c7a8e; }
@media(max-width:760px) {
  .ui-refined .stats-grid { gap:20px; }
  .ui-refined .results-panel :is(th,td) { padding:8px 10px; }
  .ui-refined .results-panel [data-column="title"] { min-width:160px; max-width:240px; }
  body.ui-refined .site-footer { width:calc(100% - 32px); }
  .ui-refined .footer-meta { align-items:flex-start; flex-direction:column; gap:8px; }
  .ui-refined .footer-meta nav { justify-content:flex-start; gap:8px 16px; }
  .ui-refined .upload-formats { order:1; }
  .ui-refined .import-actions { flex-wrap:wrap; }
  body.ui-refined #sampleLinksInlineButton.usage-example-button { flex:0 0 100%; }
  .ui-refined .example-body { padding:16px; }
}
@media (forced-colors:active) {
  body.ui-refined .super-option input { appearance:auto; -webkit-appearance:checkbox; }
  body.ui-refined .super-option input::after { display:none; }
}
