/* Network-real post preview (src/network-preview.js). Each network keeps its own light and dark look; the app theme picks
   which one (html[data-theme=dark]). Colours here are the preview's own, never the app tokens. */
.np{--np-bg:#fff;--np-text:#0f1419;--np-muted:#65676b;--np-line:#dbdbdb;--np-link:#00376b;--np-soft:#efefef;--np-radius:12px;
 position:relative;display:block;box-sizing:border-box;width:100%;max-width:470px;margin:0 auto;background:var(--np-bg);color:var(--np-text);
 border:1px solid var(--np-line);border-radius:var(--np-radius);overflow:hidden;text-align:left;
 font:14px/1.38 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:normal;-webkit-font-smoothing:antialiased}
.np *{box-sizing:border-box}
.np .np-head{display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:0}
.np .np-head-inline{padding:0;gap:6px}
.np .np-who{display:flex;flex-direction:column;min-width:0;flex:1}
.np .np-head-inline .np-who{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:4px}
.np .np-name{font-weight:600;color:var(--np-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.np .np-sub,.np .np-handle,.np .np-status,.np .np-time{color:var(--np-muted);font-size:12px;font-weight:400}
.np .np-handle{font-size:14px;white-space:nowrap}
.np .np-sub{display:flex;align-items:center;gap:3px}
.np .np-head-more{flex:none;color:var(--np-text)}
.np .np-glyph{flex:none;display:block}
.np .np-inline{display:inline-block;vertical-align:-1px}
.np .np-avatar{position:relative;flex:none;display:inline-grid;place-items:center;width:var(--np-avatar);height:var(--np-avatar);border-radius:50%;overflow:hidden;background:var(--np-soft);color:var(--np-muted);font-weight:700;font-size:calc(var(--np-avatar) * .36);text-transform:uppercase;line-height:1}
.np .np-avatar-square{border-radius:6px}
.np .np-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.np .np-avatar:not(.np-avatar-fallback) .np-avatar-initials{visibility:hidden}
.np .np-media{position:relative;width:100%;overflow:hidden;background:#111}
.np .np-media-bg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(18px) brightness(.8) saturate(.85);pointer-events:none}
.np .np-media-img{position:relative;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.np .np-media-custom{background:var(--np-soft)}
.np .np-media-custom>*{width:100%;height:100%}
.np .np-caption{padding:0 12px;color:var(--np-text);white-space:pre-line;overflow-wrap:anywhere;word-break:normal}
.np .np-caption .np-full{display:none}
.np .np-caption.is-expanded .np-short{display:none}
.np .np-caption.is-expanded .np-full{display:inline}
.np .np-lead{font-weight:600}
.np .np-more{all:unset;cursor:pointer;color:var(--np-muted);font:inherit;white-space:nowrap}
.np .np-more:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:3px}
.np .np-ellipsis{color:inherit}
.np .np-tag,.np .np-mention,.np .np-link{color:var(--np-link)}
.np .np-actions{display:flex;align-items:center;gap:14px;padding:10px 12px 6px;color:var(--np-text)}
.np .np-actions-spread{justify-content:space-between;padding:10px 0 2px;color:var(--np-muted);gap:0}
.np .np-pair{display:flex;gap:12px}
.np .np-spacer{flex:1}
.np .np-bar{display:flex;justify-content:space-around;gap:4px;margin-top:10px;padding:4px 6px;border-top:1px solid var(--np-line);color:var(--np-muted);font-weight:600;font-size:13px}
.np .np-bar>span{display:flex;align-items:center;gap:6px;padding:8px 4px;white-space:nowrap}
.np .np-row{display:flex;gap:10px;padding:12px}
.np .np-col{min-width:0;flex:1}
.np .np-row .np-caption{padding:2px 0 0}
.np .np-row .np-media{margin-top:10px;border-radius:14px;border:1px solid var(--np-line)}
.np .np-time{display:block;padding:6px 12px 12px;font-size:11px;letter-spacing:.02em}

/* Instagram */
.np-instagram{--np-radius:8px}
.np-instagram .np-caption{padding-top:2px}
/* Facebook */
.np-facebook{--np-text:#050505;--np-muted:#65676b;--np-line:#ced0d4;--np-link:#0064d1;--np-soft:#f0f2f5;--np-radius:10px}
.np-facebook .np-caption{padding:0 12px 10px;font-size:15px}
.np-facebook .np-name{font-size:15px}
/* LinkedIn */
.np-linkedin{--np-text:#191919;--np-muted:#666;--np-line:#e8e8e8;--np-link:#0a66c2;--np-soft:#eef3f8;--np-radius:10px}
.np-linkedin .np-caption{padding:0 16px 10px}
.np-linkedin .np-link,.np-linkedin .np-tag,.np-linkedin .np-mention{font-weight:600}
.np-linkedin .np-head{padding:12px 16px 8px}
/* X */
.np-x{--np-text:#0f1419;--np-muted:#536471;--np-line:#cfd9de;--np-link:#1d9bf0;--np-soft:#eff3f4;--np-radius:16px;font-size:15px}
.np-x .np-name{font-weight:700}
/* Threads */
.np-threads{--np-text:#000;--np-muted:#999;--np-line:#e5e5e5;--np-link:#0095f6;--np-soft:#f5f5f5;--np-radius:16px;font-size:15px}
.np-threads .np-actions{padding:10px 0 2px;gap:18px}
/* Bluesky */
.np-bluesky{--np-text:#0b0f14;--np-muted:#6f869f;--np-line:#d4dbe2;--np-link:#1083fe;--np-soft:#f1f3f5;--np-radius:12px;font-size:15px}
.np-bluesky .np-name{font-weight:700}
/* Pinterest */
.np-pinterest{--np-text:#111;--np-muted:#5f5f5f;--np-line:#e9e9e9;--np-link:#111;--np-soft:#efefef;--np-radius:24px;padding:10px}
.np-pinterest .np-media{border-radius:18px}
.np-pinterest .np-pin-bar{display:flex;align-items:center;gap:16px;padding:12px 4px 8px}
.np-pinterest .np-save{padding:10px 16px;border-radius:999px;background:var(--np-text);color:var(--np-bg);font-weight:700;font-size:15px}
.np-pinterest .np-title{display:block;padding:2px 4px 4px;font-size:20px;line-height:1.2;font-weight:700}
.np-pinterest .np-caption{padding:0 4px 4px}
.np-pinterest .np-foot{padding:8px 4px 2px}
.np-pinterest .np-tools-row{padding:0 4px 6px}
/* Google Business Profile */
.np-gmb{--np-text:#202124;--np-muted:#5f6368;--np-line:#dadce0;--np-link:#1a73e8;--np-soft:#f1f3f4;--np-radius:12px}
.np-gmb .np-caption{padding:12px 14px 4px}
.np-gmb .np-gmb-actions{display:flex;align-items:center;gap:10px;padding:10px 14px 14px;color:var(--np-muted)}
.np-gmb .np-cta{padding:7px 16px;border:1px solid var(--np-line);border-radius:999px;color:var(--np-link);font-weight:600;font-size:13px}
/* TikTok (photo draft): always the dark full-screen player */
.np-tiktok{--np-bg:#000;--np-text:#fff;--np-muted:rgba(255,255,255,.75);--np-line:#000;--np-link:#fff;--np-soft:#2a2a2a;--np-radius:14px;max-width:360px;color:#fff}
.np-tiktok .np-tt-frame{position:relative;aspect-ratio:9 / 16;background:#000;display:flex;align-items:center}
.np-tiktok .np-media-tiktok{position:absolute;inset:0;display:flex;align-items:center;background:#000}
.np-tiktok .np-media-tiktok .np-media-img{height:auto;max-height:100%}
.np-tiktok .np-media-custom{position:absolute;inset:0;aspect-ratio:auto!important}
.np-tiktok .np-tt-draft{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);font-size:12px;font-weight:600;white-space:nowrap}
.np-tiktok .np-tt-tools{position:absolute;top:44px;left:10px}
.np-tiktok .np-tt-rail{position:absolute;right:8px;bottom:84px;display:flex;flex-direction:column;align-items:center;gap:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.np-tiktok .np-tt-rail .np-avatar{border:2px solid #fff}
.np-tiktok .np-tt-copy{position:absolute;left:0;right:64px;bottom:0;padding:40px 12px 14px;background:linear-gradient(transparent,rgba(0,0,0,.55));display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.np-tiktok .np-tt-copy .np-name{font-size:15px;font-weight:700}
.np-tiktok .np-tt-copy .np-title{font-weight:700}
.np-tiktok .np-caption{padding:0;font-size:13px}
.np-tiktok .np-more,.np-tiktok .np-tag,.np-tiktok .np-mention{color:#fff;font-weight:700}
.np-tiktok .np-tt-music{display:flex;align-items:center;gap:5px;font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden}
.np-tiktok .np-avatar-img{background:#222}

/* Dark: each network's own dark appearance */
html[data-theme=dark] .np{--np-bg:#000;--np-text:#f5f5f5;--np-muted:#a8a8a8;--np-line:#262626;--np-link:#e0f1ff;--np-soft:#262626}
html[data-theme=dark] .np-facebook{--np-bg:#242526;--np-text:#e4e6eb;--np-muted:#b0b3b8;--np-line:#3e4042;--np-link:#4599ff;--np-soft:#3a3b3c}
html[data-theme=dark] .np-linkedin{--np-bg:#1b1f23;--np-text:#e9e9e9;--np-muted:#b0b7bf;--np-line:#38434f;--np-link:#71b7fb;--np-soft:#38434f}
html[data-theme=dark] .np-x{--np-bg:#000;--np-text:#e7e9ea;--np-muted:#71767b;--np-line:#2f3336;--np-link:#1d9bf0;--np-soft:#16181c}
html[data-theme=dark] .np-threads{--np-bg:#101010;--np-text:#f3f5f7;--np-muted:#777;--np-line:#323232;--np-link:#3897f0;--np-soft:#1e1e1e}
html[data-theme=dark] .np-bluesky{--np-bg:#161e27;--np-text:#f1f3f5;--np-muted:#8d9eb4;--np-line:#2e4052;--np-link:#208bfe;--np-soft:#1e2936}
html[data-theme=dark] .np-pinterest{--np-bg:#111;--np-text:#efefef;--np-muted:#b5b5b5;--np-line:#333;--np-link:#efefef;--np-soft:#2b2b2b}
html[data-theme=dark] .np-gmb{--np-bg:#202124;--np-text:#e8eaed;--np-muted:#9aa0a6;--np-line:#3c4043;--np-link:#8ab4f8;--np-soft:#303134}
html[data-theme=dark] .np-tiktok{--np-bg:#000;--np-text:#fff;--np-line:#1f1f1f}

/* Hosts that wrap the preview in their own card (swipe deck, practice): the preview paints the card. */
.rv-post-card.np-host{padding:0;background:transparent;border:0}
.rv-post-card.np-host>.np{max-width:none;border-radius:inherit;border:0}
.rv-post-card.np-host .np-media-custom .rv-media{margin:0;max-height:none;aspect-ratio:auto;height:100%;background:transparent}
.rv-post-card.np-host .np-media-custom .rv-media img{max-height:none;height:100%;object-fit:contain!important}
.np-stage{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-items:start}
.np-stage .np{max-width:100%}
.np-stage .np-tiktok{max-width:300px}
@media (max-width:520px){.np{font-size:13.5px}.np .np-bar{font-size:12px}.np .np-bar>span{gap:4px}}
/* Editor side preview, Criações full view, publish review, calendar cards */
.pe-preview.pe-network-preview{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.pe-network-preview .pe-preview-date{display:block;padding:8px 4px 0;font-size:12px;color:var(--fk-text-muted,#8d8b85)}
.cr-overlay-preview{width:min(470px,92vw);max-height:90vh;overflow:auto;border-radius:12px}
.cr-overlay-preview .np{margin:0}
.sw-previews{margin-top:16px}
.nc-brand-avatar.has-logo{overflow:hidden;background:#fff}
.nc-brand-avatar.has-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}