/* Shared by the app and public preview. Keep the full Statistics view unchanged. */
.saas-profile .saas-profile__ad-results { padding:28px; border:1px solid #e1e3e5; border-radius:16px; background:#fff; }
.saas-profile__ad-results .saas-profile__ad-results-head { align-items:flex-start; gap:24px; margin-bottom:16px; }
.saas-profile__ad-results .saas-profile__ad-results-head h2 { font-size:32px; line-height:1.15; letter-spacing:-.025em; overflow-wrap:anywhere; }
.saas-profile__ad-results .saas-profile__ad-results-head h2 span { color:inherit; font:inherit; }
.saas-profile__ad-results .saas-profile__ad-results-head p { margin-top:8px; color:#71777e; font-size:13px; line-height:1.5; }
.saas-profile__ad-results .saas-profile__ad-results-summary { margin-top:6px; }
.saas-profile__ad-results .saas-profile__creative-grid { gap:30px 24px; padding:0; }
.saas-profile__ad-results .saas-profile__creative-card { overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.saas-profile__ad-results .saas-profile__creative-media { width:100%; aspect-ratio:1/1; margin:0 0 12px; border:0; border-radius:12px; background:#f1f3f4; }
.saas-profile__ad-results .saas-profile__creative-media.is-video { background:#111315; }
.saas-profile__ad-results .saas-profile__creative-performance { display:flex; flex-wrap:wrap; align-items:center; gap:6px 20px; padding:0 0 12px; border:0; background:transparent; }
.saas-profile__ad-results .saas-profile__creative-performance-item { display:flex; gap:0; padding:0; border:0; background:transparent; }
.saas-profile__ad-results .saas-profile__creative-performance-item > svg { display:none; }
.saas-profile__ad-results .saas-profile__creative-performance-item > span { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px; }
.saas-profile__ad-results .saas-profile__creative-performance-item strong { color:#20262a; font:600 16px/1.3 "Barlow",sans-serif; letter-spacing:0; }
.saas-profile__ad-results .saas-profile__creative-performance-item small { margin:0; color:#727980; font:400 11px/1.3 "Barlow",sans-serif; }
.saas-profile__ad-results .saas-profile__creative-performance-secondary { flex-basis:100%; min-height:0; justify-content:flex-start; padding:0; border:0; background:transparent; color:#778087; font-weight:400; }
.saas-profile__ad-results .saas-profile__creative-performance-secondary svg { display:none; }
.saas-profile__ad-results .saas-profile__creative-stats { min-height:50px; margin-bottom:8px; border:0; background:transparent; }
.saas-profile__ad-results .saas-profile__creative-stat { padding:0 8px 8px 0; border:0; background:transparent; }
.saas-profile__ad-results .saas-profile__creative-identity { padding:0; margin:0 0 10px; }
.saas-profile__ad-results .saas-profile__creative-logo { flex-basis:28px; width:28px; height:28px; }
.saas-profile__ad-results .saas-profile__creative-copy { display:-webkit-box; min-height:2.8em; max-height:none; margin:0 0 10px; padding:0; overflow:hidden; color:#24292d; font-size:15px; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.saas-profile__ad-results .saas-profile__creative-body { padding:0; }
.saas-profile__ad-results .saas-profile__creative-destination { padding:10px 0 0; border-top:1px solid #eceeef; }
.saas-profile__ad-results .saas-profile__creative-destination-label { display:none; }
.saas-profile__ad-results .saas-profile__creative-domain { font-size:12px; font-weight:500; }
.saas-profile__ad-results a.saas-profile__creative-cta { border-color:#e1e4e6; background:#fff; color:#343b40; }
.saas-profile__ad-results a.saas-profile__creative-source-action { min-height:34px; justify-content:flex-start; background:transparent; color:#626b73; font-weight:500; }
.saas-profile__ad-results a.saas-profile__creative-source-action:hover { background:transparent; color:#1268c4; text-decoration:underline; }
.saas-profile__ad-results .saas-profile__creative-audience-state { margin:0 0 10px; padding:0; border:0; background:transparent; font-size:10px; }
.saas-profile__creative-audience-details { margin-bottom:10px; }
.saas-profile__creative-audience-details > summary { display:flex; align-items:center; gap:8px; min-height:30px; color:#69737a; cursor:pointer; font-size:12px; list-style:none; }
.saas-profile__creative-audience-details > summary::-webkit-details-marker { display:none; }
.saas-profile__creative-audience-details > summary::after { width:5px; height:5px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); content:""; }
.saas-profile__creative-audience-details[open] > summary::after { transform:rotate(225deg); }
.saas-profile__ad-results .saas-profile__creative-audience { margin:5px 0 10px; }
/* Compact navigation leaves the gallery at the center of the page. */
.saas-profile__ad-sections .saas-profile__ad-section-nav { margin-bottom:0; }
.saas-profile__ad-sections .saas-profile__ad-section-tabs { display:flex; gap:24px; padding:0 4px; border:0; border-radius:0; background:transparent; }
.saas-profile__ad-sections .saas-profile__ad-section-tab { min-height:44px; padding:0 2px; border-bottom:2px solid transparent; border-radius:0; font-size:13px; font-weight:500; background:transparent; box-shadow:none; }
.saas-profile__ad-sections .saas-profile__ad-section-tab.is-active { border-bottom-color:#20262b; color:#171b1e; background:transparent; box-shadow:none; }
.saas-profile__ad-sections .saas-profile__ad-section-tab.is-active .saas-profile__ad-section-count { background:#e8ecef; color:#505a62; }
.saas-profile__ad-results .saas-profile__ad-results-head .meta-title-divider { color:#c4cbd0; font-weight:400; }
.saas-profile__ad-results .saas-profile__ad-results-actions { gap:12px; }
.saas-profile__ad-results a.saas-profile__meta-library-link { min-height:34px; padding:0; border:0; border-radius:0; background:transparent; color:#6d7780; font-size:11px; font-weight:500; }
.saas-profile__ad-results a.saas-profile__meta-library-link:hover { color:#222a30; }
.saas-profile__ad-results .saas-profile__ad-results-actions > [data-ad-visible-count] { display:none; }
.saas-profile__ad-results .saas-profile__ad-sort-note { max-width:340px; font-weight:400; }
.saas-profile__ad-results .saas-profile__creative-media-backdrop { opacity:.3; }
.saas-profile__ad-results .saas-profile__creative-performance { justify-content:space-between; gap:10px; min-height:82px; margin:0 0 10px; padding:12px 15px; border:1px solid #cfe8d8; border-radius:11px; background:#edf8f1; }
.saas-profile__ad-results .saas-profile__creative-performance-item > span { flex-direction:column; gap:3px; }
.saas-profile__ad-results .saas-profile__creative-performance-item.is-spend strong { color:#12643b; font:700 36px/1 "Barlow Semi Condensed",sans-serif; letter-spacing:-.035em; }
.saas-profile__ad-results .saas-profile__creative-performance-item.is-spend { gap:11px; }
.saas-profile__ad-results .saas-profile__creative-performance-item.is-spend > svg { display:block; flex:0 0 30px; width:30px; height:30px; color:#238153; }
.saas-profile__ad-results .saas-profile__creative-performance-item.is-spend small { color:#3a7655; font-size:12px; font-weight:600; }
.saas-profile__ad-results .saas-profile__creative-performance-item.is-duration strong { color:#355c46; font-size:16px; }
.saas-profile__ad-results .saas-profile__creative-performance-item.is-duration > span { align-items:flex-end; }
.meta-ad-details { border-top:1px solid #e8ecee; }
.meta-ad-details > summary { display:flex; align-items:center; justify-content:space-between; min-height:39px; color:#65717a; font-size:12px; cursor:pointer; list-style:none; }
.meta-ad-details > summary::-webkit-details-marker { display:none; }
.meta-ad-details > summary svg { width:16px; height:16px; }
.meta-ad-details[open] > summary { color:#171f25; }
.meta-ad-details[open] > summary svg { transform:rotate(180deg); }
.meta-ad-details__body { padding:12px; margin:0 -12px; border-radius:8px; background:#f7f9fa; }
.saas-profile__ad-results .meta-ad-details__body .saas-profile__creative-copy { display:block; min-height:0; overflow:visible; -webkit-line-clamp:unset; }
.saas-profile__ad-results .meta-ad-details__body .saas-profile__creative-performance-secondary { margin-bottom:14px; }
.saas-profile__ad-results .saas-profile__creative-card:has(> .meta-ad-details[open]) > .meta-ad-caption { display:none; }
.meta-audience-summary { margin:0 0 18px; padding:16px 0 18px; border-top:1px solid #edf0f2; border-bottom:1px solid #edf0f2; color:#263039; }
.meta-audience-summary__heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 10px; margin-bottom:17px; }
.meta-audience-summary__heading h3 { margin:0; font-size:12px; font-weight:600; }
.meta-audience-summary__heading > span { color:#7c858d; font-size:10px; }
.meta-audience-summary__source { position:relative; margin-left:auto; font-size:10px; color:#7b858e; }
.meta-audience-summary__source > summary { display:flex; flex-wrap:wrap; align-items:center; gap:4px; cursor:pointer; list-style:none; }
.meta-audience-summary__source > summary::-webkit-details-marker { display:none; }
.meta-audience-summary__source p { position:absolute; right:0; z-index:10; width:250px; max-width:70vw; padding:12px; margin:7px 0 0; border:1px solid #e0e5e9; border-radius:8px; background:#fff; box-shadow:0 6px 18px #18252d12; font-size:12px; line-height:1.5; }
.meta-audience-summary__grid { display:grid; grid-template-columns:1.1fr .8fr 1.2fr; gap:32px; }
.meta-audience-summary__item { min-width:0; }
.meta-audience-summary__item + .meta-audience-summary__item { border-left:1px solid #edf0f2; padding-left:28px; }
.meta-audience-summary__label { display:block; margin-bottom:10px; color:#7b858e; font-size:11px; }
.meta-audience-summary strong { font-weight:600; font-variant-numeric:tabular-nums; }
.meta-audience-summary__genders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.meta-audience-summary__genders > .meta-gender { display:flex; min-width:0; align-items:center; gap:10px; padding:9px 10px; border-radius:9px; }
.meta-gender--men { background:#eef4fd; color:#2864ad; }
.meta-gender--women { background:#fceff5; color:#ac396e; }
.meta-gender > svg { flex:0 0 24px; width:24px; height:36px; }
.meta-audience-summary__genders .meta-gender__value { display:flex; min-width:0; flex-direction:column; gap:4px; }
.meta-audience-summary__genders strong { color:#202c37; font:700 29px/1 "Barlow Semi Condensed",sans-serif; letter-spacing:-.025em; }
.meta-gender__value > span { font-size:11px; font-weight:500; }
.meta-audience-summary__bar { display:flex; overflow:hidden; height:3px; margin-top:10px; border-radius:3px; background:#e0e5e9; }
.meta-audience-summary .is-men { background:#2864ad; }
.meta-audience-summary .is-women { background:#c75d90; }
.meta-audience-summary__age,.meta-audience-summary__total { display:block; font:600 29px/1 "Barlow Semi Condensed",sans-serif; letter-spacing:-.025em; }
.meta-audience-summary__age > span,.meta-audience-summary__total > span { margin-left:5px; color:#7b858e; font:400 11px "Barlow",sans-serif; letter-spacing:0; }
.meta-audience-summary small { display:block; margin-top:7px; color:#879098; font-size:10px; line-height:1.4; }
.meta-audience-summary__countries { display:grid; gap:7px; font-size:12px; }
.meta-audience-summary__countries > span { display:flex; align-items:center; gap:8px; }
.meta-audience-summary__countries > span > span { min-width:0; overflow-wrap:anywhere; }
.meta-audience-summary__countries img { flex:0 0 18px; width:18px; height:13px; border-radius:2px; object-fit:cover; }
.meta-audience-summary__countries strong { margin-left:auto; white-space:nowrap; }
.meta-audience-summary__locations { display:flex; flex-wrap:wrap; gap:3px 7px; margin-top:8px; color:#6c7882; font-size:11px; }
.meta-audience-summary__locations > span:not(:last-child)::after { margin-left:7px; color:#acb4bb; content:"·"; }
.meta-audience-summary__more { margin-top:5px; font-size:10px; }
.meta-audience-summary__more summary { width:fit-content; color:#49769e; cursor:pointer; }
.meta-audience-summary__more > div { display:flex; flex-wrap:wrap; gap:5px 12px; max-height:180px; overflow:auto; padding:10px 0 4px; line-height:1.4; }
.meta-audience-summary__missing { color:#8b949b; font-size:12px; }
.meta-ad-details summary:focus-visible,.meta-audience-summary summary:focus-visible { outline:2px solid #3573ba; outline-offset:3px; border-radius:2px; }
@container (max-width:1050px) {
    .meta-audience-summary__grid { grid-template-columns:1fr 1fr; gap:22px 26px; }
    .meta-audience-summary__item:nth-child(3) { padding-left:0; border-left:0; }
}
@container (max-width:720px) {
    .saas-profile .saas-profile__ad-results { padding:18px 16px; margin-top:12px; }
    .saas-profile__ad-sections .saas-profile__ad-section-tabs { justify-content:space-between; gap:14px; }
    .saas-profile__ad-sections .saas-profile__ad-section-tab { min-height:40px; font-size:12px; }
    .saas-profile__ad-results .saas-profile__ad-results-head { flex-direction:row; flex-wrap:wrap; gap:3px 12px; margin-bottom:12px; }
    .saas-profile__ad-results .saas-profile__ad-results-head h2 { font-size:25px; }
    .saas-profile__ad-results .saas-profile__ad-results-actions { width:auto; }
    .saas-profile__ad-results a.saas-profile__meta-library-link { min-height:26px; font-size:10px; }
    .saas-profile__ad-results .saas-profile__creative-grid { gap:26px; }
    .meta-audience-summary { padding:12px 0 15px; }
    .meta-audience-summary__heading { gap:4px 8px; margin-bottom:15px; }
    .meta-audience-summary__source { flex-basis:100%; margin:0; }
    .meta-audience-summary__source p { right:auto; left:0; }
    .meta-audience-summary__grid { gap:18px 18px; }
    .meta-audience-summary__item + .meta-audience-summary__item { padding-left:0; border-left:0; }
    .meta-audience-summary__label { margin-bottom:8px; font-size:10px; }
    .meta-audience-summary__genders { gap:6px; }
    .meta-audience-summary__genders > .meta-gender { flex-direction:column; align-items:center; gap:6px; padding:8px 3px; text-align:center; }
    .meta-gender > svg { width:21px; height:28px; flex-basis:28px; }
    .saas-profile__ad-results .saas-profile__creative-performance { padding:12px; }
    .saas-profile__ad-results .saas-profile__creative-performance-item.is-spend strong { font-size:34px; }
    .meta-audience-summary__genders strong { font-size:25px; }
    .meta-audience-summary__countries { gap:8px; font-size:11px; }
    .meta-audience-summary__countries > span { gap:5px; }
    .meta-audience-summary__countries img { width:15px; height:11px; flex-basis:15px; }
    .meta-audience-summary__countries strong { font-size:10px; }
}