.social-detail-grid>.social-youtube-host{grid-column:1/-1;grid-row:3;order:4;min-width:0}
@media(max-width:800px){.social-detail-grid>.social-youtube-host{grid-row:auto}}

.social-youtube{color:#f3f0ed;min-width:0}
.social-youtube--settings{box-sizing:border-box;padding:22px 24px}
.social-youtube--settings .social-youtube-header{margin-bottom:20px}
.social-youtube--settings .social-youtube-header h2{margin:0 0 5px}
.social-youtube--settings .social-youtube-header p{margin:0;color:#d8d4d7}
.social-youtube--settings .social-youtube-settings{margin-top:18px;padding-top:18px}
.social-youtube--settings .social-youtube-settings>p{margin:0 0 14px;line-height:1.5}
.social-youtube--settings .social-youtube-settings details{margin-top:16px}
.social-youtube--settings .social-youtube-redirect{margin:14px 0;line-height:1.5}
.social-youtube--settings .social-youtube-saved{display:grid;gap:8px;margin:14px 0;padding:13px;border:1px solid #5d5361;border-radius:10px;background:#252329}
.social-youtube--settings .social-youtube-saved>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
.social-youtube--settings .social-youtube-saved dt{color:#d8d4d7}
.social-youtube--settings .social-youtube-saved dd{margin:0;overflow-wrap:anywhere;font-weight:700}
.social-youtube--settings .social-youtube-notice{margin:16px 0}
.social-youtube-header{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}
.social-youtube-header h3{margin:0;font-size:1.4rem;line-height:1.25}
.social-youtube-eyebrow{margin:0 0 5px;color:#d9a9cf;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.social-youtube-channel{margin:5px 0 0;color:#d8d4d7}
.social-youtube-state{display:inline-block;padding:6px 10px;border:1px solid #69626f;border-radius:999px;background:#29252c;white-space:nowrap;font-size:.82rem}
.social-youtube-state[data-state="connected"]{border-color:#6b9b83;background:#1e352a;color:#d8f5e2}
.social-youtube-state[data-state="reconnect_required"]{border-color:#bb815e;background:#3a281d;color:#ffe2ca}
.social-youtube-update,.social-youtube-dates{color:#d9d5d9;font-size:.86rem;overflow-wrap:anywhere}
.social-youtube-notice,.social-youtube-unavailable{padding:9px 11px;border-left:3px solid #c39ab7;background:#322a32;border-radius:4px;color:#f0dfe8;overflow-wrap:anywhere}
.social-youtube-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}
.social-youtube-periods{display:flex;gap:6px;flex-wrap:wrap}
.social-youtube button{min-height:40px;padding:7px 12px;border:1px solid #88677f;border-radius:8px;background:#342a35;color:#fff;cursor:pointer}
.social-youtube button:hover:not(:disabled){background:#49354a}
.social-youtube button:focus-visible{outline:3px solid #ffd0ef;outline-offset:2px}
.social-youtube button:disabled{opacity:.55;cursor:not-allowed}
.social-youtube-periods button[aria-pressed="true"]{background:#71466a;border-color:#efb9df}
.social-youtube-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}
.social-youtube-metric{padding:12px;border:1px solid #5d5361;border-radius:10px;background:#252329;min-width:0}
.social-youtube-metric dt{color:#d8d3d8;font-size:.8rem}
.social-youtube-metric dd{margin:5px 0 0;font-size:1.45rem;font-weight:750;overflow-wrap:anywhere}
.social-youtube-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.social-youtube-panel{padding:13px;border:1px solid #5d5361;border-radius:10px;background:#252329;min-width:0}
.social-youtube-panel h4{margin:0 0 12px;font-size:1rem}
.social-youtube-empty{margin:10px 0;color:#d4ced4}
.social-youtube-chart{overflow-x:auto;padding-bottom:6px}
.social-youtube-bars{display:flex;align-items:end;gap:5px;min-width:max-content;height:178px;margin:0;padding:0;list-style:none}
.social-youtube-bars li{display:grid;grid-template-rows:112px 23px 25px;justify-items:center;align-items:end;width:43px;min-width:43px;font-size:.67rem;color:#ded7de}
.social-youtube-chart[data-granularity="month"] .social-youtube-bars li{width:42px;min-width:42px}
.social-youtube-daily{grid-column:1/-1}
.social-youtube-grid>.social-youtube-panel:last-child{grid-column:1/-1}
.social-youtube-bar{display:block;align-self:end;width:25px;height:var(--bar-height);max-height:105px;min-height:0;background:#d899c5;border-radius:4px 4px 0 0}
.social-youtube-bar[data-missing="true"]{height:3px;background:#817782}
.social-youtube-bars time,.social-youtube-bars b{white-space:nowrap}
.social-youtube-ranking,.social-youtube-demographics{display:grid;gap:10px;margin:0;padding:0;max-height:340px;overflow:auto;list-style:none}
.social-youtube-demographic-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.social-youtube-demographic-groups h5{margin:0 0 9px;font-size:.85rem}
.social-youtube-ranking li,.social-youtube-demographics li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}
.social-youtube-ranking li span,.social-youtube-demographics li span{min-width:0;overflow-wrap:anywhere}
.social-youtube-ranking li b,.social-youtube-demographics li b{font-variant-numeric:tabular-nums}
.social-youtube-ranking li i,.social-youtube-demographics li i{grid-column:1/-1;display:block;width:var(--bar-width);height:5px;min-width:0;border-radius:3px;background:#d899c5}
.social-youtube-ranking li i[data-missing="true"],.social-youtube-demographics li i[data-missing="true"]{width:3px;background:#817782}
.social-youtube-connection{margin:16px 0 9px}
.social-youtube-settings{border-top:1px solid #5d5361;padding-top:12px}
.social-youtube-settings summary{cursor:pointer;font-weight:700}
.social-youtube-settings form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;margin-top:12px}
.social-youtube-settings label{display:grid;gap:5px;min-width:0}
.social-youtube-settings input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 10px;border:1px solid #9e8e9c;border-radius:7px;background:#171619;color:#fff}
.social-youtube-settings form button{grid-column:1/-1;justify-self:start}
.social-youtube-redirect code{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:#f3d5e9}
.social-youtube-status[data-error="true"]{color:#ffd1bf}

/* The parent gallery receives per-video statistics from the cached report. */
.social-published-row[data-has-stats] .social-published-copy{grid-template-rows:2.7em 1.4em 1.4em}
.social-published-row .social-published-metrics{display:block;font-size:11px;line-height:1.4;min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f1d2e5}

@media(max-width:760px){.social-youtube-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.social-youtube-grid{grid-template-columns:1fr}}
@media(max-width:540px){.social-youtube-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.social-youtube-demographic-groups{grid-template-columns:1fr}.social-youtube-settings form{grid-template-columns:1fr}.social-youtube-toolbar{align-items:stretch}.social-youtube-toolbar>[data-youtube-action="refresh"]{width:100%}}
@media(max-width:540px){.social-youtube--settings{padding:16px}.social-youtube--settings .social-youtube-saved>div{grid-template-columns:1fr;gap:2px}}

.social-youtube-export{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding:12px 0;border-top:1px solid var(--border,#49414e);border-bottom:1px solid var(--border,#49414e)}
.social-youtube-export>span{flex:1 1 220px;color:var(--muted,#c5c2c8);font-size:13px}
.social-youtube-export button{min-height:38px;white-space:nowrap}
