/*
Theme Name: twittsocial.com
Theme URI: https://twittsocial.com/
Author: twittsocial.com
Description: twittsocial.com V4.10.95 — mobile Live page scroll repair, Facebook-style friend recommendations, and branded responsive HTML email messages.
Version: 4.10.95
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: twittsocial
*/

/*
 * Root WordPress stylesheet. twittsocial.com enqueues this with get_stylesheet_uri().
 * assets/css/app.min.css loads afterward as the application stylesheet.
 */


/* V4.8.2 — Dashboard page + all dashboard section styles in root style.css */
/* V4.8.1 — dark Meta-style Professional Dashboard */
.sp-dv-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 78px);background:#0f1115;color:#f5f7fb}
.sp-dv-sidebar{background:#181b20;border-right:1px solid rgba(255,255,255,.06);padding:14px 10px 16px;position:sticky;top:0;align-self:start;height:calc(100vh - 78px);overflow:auto}
.sp-dv-sidebar-head strong{font-size:18px;color:#fff;font-weight:800}
.sp-dv-nav{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.sp-dv-nav>a,.sp-dv-nav-group>button,.sp-dv-nav-group>div>a{color:#d9dee7;background:transparent;border-radius:12px;min-height:44px;padding:0 14px;display:flex;align-items:center;gap:12px;font-weight:600}
.sp-dv-nav>a.active,.sp-dv-nav-group>div>a.active,.sp-dv-nav>a:hover,.sp-dv-nav-group>div>a:hover,.sp-dv-nav-group>button:hover{background:rgba(255,255,255,.09);color:#fff}
.sp-dv-nav-group>button{width:100%;justify-content:flex-start}
.sp-dv-nav-group>button .sp-icon:last-child{margin-left:auto;opacity:.7}
.sp-dv-nav-group>div{display:flex;flex-direction:column;gap:8px;padding:8px 0 0 10px}
.sp-dv-nav-group>div>a{background:rgba(255,255,255,.02)}
.sp-dv-nav-group.open>button{color:#fff}
.sp-dv-create{margin-top:18px;background:#1877f2;color:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;font-weight:700}.sp-dv-create i{margin-left:auto}
.sp-dv-workspace{background:#0f1115;padding:22px 24px 34px;min-width:0}
.sp-dv-meta-dashboard{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.sp-dv-meta-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 4px}.sp-dv-meta-title-only strong{font-size:18px;color:#fff;font-weight:800}
.sp-dv-meta-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sp-dv-meta-pills span{padding:8px 14px;border-radius:999px;background:transparent;color:#d5dae3;font-size:14px;font-weight:700}.sp-dv-meta-pills span.active{background:#163d70;color:#8ec0ff}.sp-dv-meta-pills.small span{padding:7px 12px;font-size:13px}
.sp-dv-meta-date{padding:9px 14px;border-radius:10px;background:#2a2c31;color:#fff;font-size:14px;font-weight:700}
.sp-dv-card.sp-dv-meta-panel{background:#1b1f24;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:none;color:#fff;padding:14px}
.sp-dv-meta-metrics-grid{display:grid;gap:10px;margin-bottom:14px}.sp-dv-meta-metrics-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-dv-meta-mini-metrics{display:grid;gap:12px;margin-top:14px}.sp-dv-meta-mini-metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-dv-meta-mini-metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-dv-meta-metric{background:#23272e;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-height:78px}.sp-dv-meta-metric.active{border-color:#1877f2;box-shadow:inset 0 0 0 1px rgba(24,119,242,.25)}
.sp-dv-meta-metric strong{font-size:31px;line-height:1.05;font-weight:800;color:#fff}.sp-dv-meta-metric span{font-size:14px;font-weight:700;color:#fff}.sp-dv-meta-metric small{font-size:13px;color:#adb6c4}.sp-dv-meta-metric small b.up,.sp-dv-meta-earn-title small.up,.sp-dv-meta-metric small.up{color:#38d96f}.sp-dv-meta-metric small b.down{color:#ff7b7b}
.sp-dv-meta-chart-wrap{position:relative}.sp-dv-meta-chart-wrap.small svg{min-height:160px}.sp-dv-meta-compare-chart{display:block;width:100%;height:auto}.sp-dv-meta-gridline{stroke:rgba(255,255,255,.15);stroke-width:1}.sp-dv-meta-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sp-dv-meta-line.primary{stroke:#1877f2}.sp-dv-meta-line.secondary{stroke:#dce3ec}
.sp-dv-meta-chart-note{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#fff;font-size:14px;font-weight:700;margin-top:8px}.sp-dv-meta-switch{width:38px;height:22px;border-radius:999px;background:#3a3d44;display:inline-block;position:relative}.sp-dv-meta-switch:after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff}.sp-dv-meta-switch.on{background:#1877f2}.sp-dv-meta-switch.on:after{left:18px}
.sp-dv-meta-two-col{display:grid;grid-template-columns:1fr 0.92fr;gap:16px}.sp-dv-meta-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sp-dv-meta-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.sp-dv-meta-section-head h2{margin:0;font-size:16px;color:#fff}.sp-dv-meta-section-head a{color:#53a0ff;font-weight:700}
.sp-dv-meta-legend{display:flex;gap:14px;color:#cbd2dd;font-size:13px;margin-bottom:10px}.sp-dv-meta-legend span{display:flex;align-items:center;gap:6px}.sp-dv-meta-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.sp-dv-meta-legend i.blue{background:#1877f2}.sp-dv-meta-legend i.white{background:#dce3ec}
.sp-dv-meta-bar-list{display:flex;flex-direction:column;gap:12px}.sp-dv-meta-bar-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.sp-dv-meta-bar-item span,.sp-dv-meta-bar-item b{font-size:14px;color:#fff}.sp-dv-meta-bar-track{height:8px;border-radius:999px;background:#2d3138;overflow:hidden}.sp-dv-meta-bar-track i{display:block;height:100%;border-radius:inherit;background:#1877f2}
.sp-dv-meta-donut-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:250px}.sp-dv-meta-donut-svg .bg{fill:none;stroke:#313641;stroke-width:12}.sp-dv-meta-donut-svg .fg{fill:none;stroke:#1877f2;stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px}.sp-dv-meta-dual-stats,.sp-dv-meta-triple-stats{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;text-align:center}.sp-dv-meta-triple-stats{gap:18px}.sp-dv-meta-dual-stats strong,.sp-dv-meta-triple-stats strong{display:block;color:#fff;font-size:26px;line-height:1}.sp-dv-meta-dual-stats span,.sp-dv-meta-triple-stats span{color:#b8c0cc;font-size:13px}
.sp-dv-meta-recent-row{display:flex;gap:12px;overflow:auto;padding-bottom:2px}.sp-dv-meta-post-card{min-width:150px;background:#22262d;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;color:#fff}.sp-dv-meta-post-thumb{display:block;width:100%;height:100px;border-radius:12px;background:#2c3138 center/cover no-repeat;display:grid;place-items:center;color:#9fb7d8;font-size:24px;font-weight:800}.sp-dv-meta-post-card small{color:#bcc5d1;font-size:12px}.sp-dv-meta-post-card strong{font-size:30px;line-height:1;color:#fff}.sp-dv-meta-post-card span{color:#dce2eb;font-size:13px}
.sp-dv-meta-empty-panel,.sp-dv-meta-demographic-note{min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;color:#aeb7c3;font-size:14px;padding:12px}.sp-dv-meta-demographic-note{min-height:200px}
.sp-dv-meta-earn-title{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.sp-dv-meta-earn-title strong{font-size:18px;color:#fff}.sp-dv-meta-fan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sp-dv-meta-fan-list>div{background:#23272e;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px}.sp-dv-meta-fan-list strong{display:block;color:#fff;font-size:14px}.sp-dv-meta-fan-list span{color:#b6c0cd;font-size:13px}
.sp-dv-page-head,.sp-dv-feedback,.sp-dv-profile-status{display:none}
@media (max-width:1100px){.sp-dv-meta-metrics-grid.four,.sp-dv-meta-three-col,.sp-dv-meta-two-col,.sp-dv-meta-mini-metrics.three,.sp-dv-meta-fan-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.sp-dv-shell{grid-template-columns:1fr}.sp-dv-sidebar{position:relative;height:auto}.sp-dv-workspace{padding:16px}.sp-dv-meta-topbar{flex-direction:column;align-items:flex-start}.sp-dv-meta-two-col,.sp-dv-meta-three-col,.sp-dv-meta-metrics-grid.four,.sp-dv-meta-mini-metrics.three,.sp-dv-meta-mini-metrics.two,.sp-dv-meta-fan-list{grid-template-columns:1fr}.sp-dv-meta-post-card{min-width:180px}}


/* ==========================================================================\n   V4.8.3 — Professional Dashboard rebuild\n   ========================================================================== */
body.sp-dashboard-route{--pd-bg:#18191a;--pd-sidebar:#242526;--pd-card:#242526;--pd-card-soft:#2d2f31;--pd-hover:#3a3b3c;--pd-line:#3e4042;--pd-text:#e4e6eb;--pd-muted:#b0b3b8;--pd-blue:#2d88ff;--pd-green:#31a24c;--pd-red:#f02849;background:var(--pd-bg)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-shell{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:var(--pd-bg)!important}
body.sp-dashboard-route .sp-topbar{background:#242526!important;border-bottom:1px solid #393a3b!important;box-shadow:none!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-brand-text{color:var(--pd-text)!important}body.sp-dashboard-route .sp-search{background:#3a3b3c!important;border-color:#3a3b3c!important}body.sp-dashboard-route .sp-search input{color:var(--pd-text)!important}body.sp-dashboard-route .sp-search input::placeholder{color:var(--pd-muted)!important}body.sp-dashboard-route .sp-nav-icons>a{background:#3a3b3c!important;color:var(--pd-text)!important}body.sp-dashboard-route .sp-nav-icons>a.active{color:#63a7ff!important;background:#26384f!important}
.sp-dv-shell.sp-dv-shell-rebuilt{display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;min-height:calc(100vh - 60px)!important;background:var(--pd-bg)!important;color:var(--pd-text)!important}
.sp-dv-shell-rebuilt .sp-dv-sidebar{position:sticky!important;top:60px!important;height:calc(100vh - 60px)!important;align-self:start!important;padding:14px 10px 18px!important;background:var(--pd-sidebar)!important;border-right:1px solid #393a3b!important;overflow:auto!important;color:var(--pd-text)!important}
.sp-dv-shell-rebuilt .sp-dv-sidebar-head{padding:0 8px 13px!important;border-bottom:0!important}.sp-dv-shell-rebuilt .sp-dv-sidebar-head strong{font-size:20px!important;line-height:1.2!important;color:#fff!important;font-weight:800!important;letter-spacing:-.25px!important}
.sp-dv-shell-rebuilt .sp-dv-nav{gap:5px!important;margin-top:8px!important}.sp-dv-shell-rebuilt .sp-dv-nav>a,.sp-dv-shell-rebuilt .sp-dv-nav-group>button,.sp-dv-shell-rebuilt .sp-dv-nav-group>div>a{min-height:46px!important;padding:0 12px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#d8dadf!important;font-size:14px!important;font-weight:650!important;box-shadow:none!important}.sp-dv-shell-rebuilt .sp-dv-nav>a:hover,.sp-dv-shell-rebuilt .sp-dv-nav-group>button:hover,.sp-dv-shell-rebuilt .sp-dv-nav-group>div>a:hover{background:#3a3b3c!important;color:#fff!important}.sp-dv-shell-rebuilt .sp-dv-nav>a.active,.sp-dv-shell-rebuilt .sp-dv-nav-group>div>a.active{background:#303132!important;color:#fff!important}
.sp-dv-shell-rebuilt .sp-dv-nav .sp-icon{width:19px!important;height:19px!important}.sp-dv-shell-rebuilt .sp-dv-nav>a>.sp-icon,.sp-dv-shell-rebuilt .sp-dv-nav-group>button>.sp-icon:first-child,.sp-dv-shell-rebuilt .sp-dv-nav-group>div>a>.sp-icon{width:34px!important;height:34px!important;padding:8px!important;border-radius:50%!important;background:#3a3b3c!important;color:#e4e6eb!important}.sp-dv-shell-rebuilt .sp-dv-nav>a.active>.sp-icon,.sp-dv-shell-rebuilt .sp-dv-nav-group>div>a.active>.sp-icon{background:#0866ff!important;color:#fff!important}.sp-dv-shell-rebuilt .sp-dv-nav-group>button>.sp-icon:last-child{width:15px!important;height:15px!important;padding:0!important;margin-left:auto!important;background:transparent!important;color:#b0b3b8!important}
.sp-dv-shell-rebuilt .sp-dv-nav-group>div{gap:4px!important;padding:4px 0 2px 34px!important}.sp-dv-shell-rebuilt .sp-dv-nav-group>div>a{min-height:42px!important;font-size:13px!important}.sp-dv-shell-rebuilt .sp-dv-nav-group>div>a>.sp-icon{width:30px!important;height:30px!important;padding:7px!important}
.sp-dv-shell-rebuilt .sp-dv-create{display:none!important}
.sp-dv-shell-rebuilt .sp-dv-workspace{min-width:0!important;padding:20px 28px 48px!important;background:var(--pd-bg)!important;color:var(--pd-text)!important}
.sp-pd{width:min(1180px,100%)!important;margin:0 auto!important;color:var(--pd-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}.sp-pd *{box-sizing:border-box}.sp-pd a{text-decoration:none}
.sp-pd-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;margin:0 0 18px!important}.sp-pd-head>div>span{display:block!important;margin-bottom:4px!important;color:#8bbdff!important;font-size:12px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.08em!important}.sp-pd-head h1{display:block!important;margin:0!important;color:#f5f6f7!important;font-size:26px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.5px!important}.sp-pd-head p{margin:7px 0 0!important;color:var(--pd-muted)!important;font-size:13.5px!important;line-height:1.45!important}.sp-pd-date{min-height:38px!important;padding:0 12px!important;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid #3e4042!important;border-radius:8px!important;background:#303132!important;color:#f5f6f7!important;font-size:12.5px!important;font-weight:650!important;white-space:nowrap!important}.sp-pd-date b{font-weight:700!important}.sp-pd-date .sp-icon{width:14px!important;height:14px!important;color:#b0b3b8!important}
.sp-pd-tabs{display:flex!important;align-items:center!important;gap:4px!important;margin:-3px 0 14px!important;border-bottom:1px solid #323436!important}.sp-pd-tabs button{min-height:38px!important;padding:0 13px!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;color:#c9ccd1!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important}.sp-pd-tabs button.active{color:#62a5ff!important;border-bottom-color:#2d88ff!important}
.sp-pd-metrics{display:grid!important;gap:12px!important;margin-bottom:14px!important}.sp-pd-metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sp-pd-metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sp-pd-metric{min-width:0!important;min-height:116px!important;padding:14px 15px!important;border:1px solid #36383a!important;border-radius:10px!important;background:var(--pd-card)!important;color:var(--pd-text)!important;box-shadow:none!important}.sp-pd-metric.active{border-color:#2d88ff!important;box-shadow:inset 0 0 0 1px rgba(45,136,255,.16)!important}.sp-pd-metric-top{display:flex!important;align-items:center!important;gap:7px!important;color:#cfd2d7!important;font-size:12.5px!important;font-weight:700!important}.sp-pd-metric-top .ico{width:24px!important;height:24px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#3a3b3c!important;color:#dfe2e7!important}.sp-pd-metric-top .ico .sp-icon{width:13px!important;height:13px!important}.sp-pd-metric>strong{display:block!important;margin-top:11px!important;color:#f5f6f7!important;font-size:24px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.25px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sp-pd-metric>small{display:block!important;margin-top:8px!important;color:#aeb2b8!important;font-size:11.5px!important;line-height:1.3!important}.sp-pd .up{color:#45bd62!important}.sp-pd .down{color:#ff6b81!important}
.sp-pd-card{padding:14px!important;border:1px solid #343638!important;border-radius:10px!important;background:var(--pd-card)!important;color:var(--pd-text)!important;box-shadow:none!important}.sp-pd-chart-card{margin-bottom:14px!important;padding:15px 16px 8px!important}.sp-pd-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:10px!important}.sp-pd-card-head h2{margin:0!important;color:#f5f6f7!important;font-size:14.5px!important;line-height:1.25!important;font-weight:800!important}.sp-pd-card-head p{margin:4px 0 0!important;color:#9fa3aa!important;font-size:11.5px!important;line-height:1.4!important}.sp-pd-card-head>a{color:#62a5ff!important;font-size:12px!important;font-weight:700!important}.sp-pd-key,.sp-pd-legend{display:flex!important;align-items:center!important;gap:12px!important;color:#b7bbc2!important;font-size:11.5px!important}.sp-pd-key{gap:6px!important}.sp-pd-key i,.sp-pd-legend i{width:8px!important;height:8px!important;border-radius:50%!important;background:#2d88ff!important}.sp-pd-legend span{display:flex!important;align-items:center!important;gap:5px!important}.sp-pd-legend i.light{background:#cfd5dc!important}
.sp-pd-chart{display:block!important;width:100%!important;height:auto!important;overflow:visible!important}.sp-pd-chart .grid{stroke:#505254!important;stroke-width:1!important}.sp-pd-chart .axis{fill:#aeb2b8!important;font-size:11px!important}.sp-pd-chart .axis.x{font-size:10.5px!important}.sp-pd-chart .line{fill:none!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.sp-pd-chart .line.primary{stroke:#2d88ff!important}.sp-pd-chart .line.secondary{stroke:#d3d8df!important;stroke-width:1.8!important}
.sp-pd-grid{display:grid!important;gap:14px!important;margin-bottom:14px!important}.sp-pd-grid.two{grid-template-columns:1.08fr .92fr!important}.sp-pd-grid.two.equal{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sp-pd-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sp-pd-grid.audience{grid-template-columns:.9fr 1.05fr 1.05fr!important}.sp-pd-grid.demographics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sp-pd-bars{display:flex!important;flex-direction:column!important;gap:12px!important;padding:4px 0 2px!important}.sp-pd-bars>div>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:6px!important;color:#e4e6eb!important;font-size:12px!important}.sp-pd-bars b{font-size:11.5px!important;color:#f5f6f7!important}.sp-pd-bars .track{display:block!important;height:6px!important;border-radius:99px!important;background:#3a3b3c!important;overflow:hidden!important}.sp-pd-bars .track i{display:block!important;height:100%!important;border-radius:inherit!important;background:#2d88ff!important}
.sp-pd-donut-row{min-height:210px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important}.sp-pd-donut-row.compact{min-height:185px!important;gap:18px!important}.sp-pd-donut{--p:0;position:relative!important;width:126px!important;height:126px!important;flex:0 0 126px!important;border-radius:50%!important;background:conic-gradient(#2d88ff calc(var(--p)*1%),#3a3b3c 0)!important;display:grid!important;place-items:center!important}.sp-pd-donut:after{content:""!important;position:absolute!important;inset:12px!important;border-radius:50%!important;background:#242526!important}.sp-pd-donut>div{position:relative!important;z-index:1!important;text-align:center!important}.sp-pd-donut strong{display:block!important;color:#fff!important;font-size:19px!important}.sp-pd-donut span{display:block!important;margin-top:2px!important;color:#aeb2b8!important;font-size:9px!important}.sp-pd-split{min-width:170px!important;display:flex!important;flex-direction:column!important;gap:10px!important}.sp-pd-split>div{display:grid!important;grid-template-columns:9px minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;color:#b9bdc4!important;font-size:11.5px!important}.sp-pd-split i{width:8px!important;height:8px!important;border-radius:50%!important;background:#2d88ff!important}.sp-pd-split i.light{background:#d3d8df!important}.sp-pd-split i.gray{background:#73777e!important}.sp-pd-split strong{color:#f5f6f7!important;font-size:12px!important}.sp-pd-split.small{min-width:145px!important}
.sp-pd-recent{margin-top:0!important}.sp-pd-recent-track{display:flex!important;gap:9px!important;overflow-x:auto!important;scrollbar-width:thin!important;padding-bottom:2px!important}.sp-pd-post{min-width:136px!important;max-width:136px!important;padding:0 0 9px!important;overflow:hidden!important;border:1px solid #36383a!important;border-radius:9px!important;background:#292b2e!important;color:#fff!important}.sp-pd-post .thumb{height:88px!important;display:grid!important;place-items:center!important;background:#35383b center/cover no-repeat!important;color:#aeb2b8!important}.sp-pd-post .thumb .sp-icon{width:25px!important;height:25px!important}.sp-pd-post time,.sp-pd-post>strong,.sp-pd-post>small{display:block!important;padding:0 9px!important}.sp-pd-post time{margin-top:7px!important;color:#aeb2b8!important;font-size:9.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sp-pd-post>strong{margin-top:4px!important;color:#f5f6f7!important;font-size:15px!important;line-height:1!important}.sp-pd-post>small{margin-top:3px!important;color:#c1c5cb!important;font-size:9.5px!important}
.sp-pd-program{min-height:115px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important}.sp-pd-program .badge{width:42px!important;height:42px!important;border-radius:10px!important;background:#263f61!important;color:#62a5ff!important;display:grid!important;place-items:center!important}.sp-pd-program .badge .sp-icon{width:20px!important;height:20px!important}.sp-pd-program strong{display:block!important;color:#f5f6f7!important;font-size:13px!important}.sp-pd-program small{display:block!important;margin-top:4px!important;color:#aeb2b8!important;font-size:10.5px!important}.sp-pd-program>b{color:#fff!important;font-size:15px!important}.sp-pd-muted-note{margin-top:13px!important;color:#9ea2a9!important;font-size:10.5px!important}
.sp-pd-empty{min-height:90px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;text-align:center!important;color:#9ea2a9!important;font-size:11.5px!important}.sp-pd-empty.tall{min-height:185px!important}.sp-pd-fans{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}.sp-pd-fans>div{display:flex!important;align-items:center!important;gap:9px!important;padding:9px!important;border:1px solid #36383a!important;border-radius:8px!important;background:#292b2e!important}.sp-pd-fans .avatar{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:50%!important;background:#3a3b3c!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:800!important}.sp-pd-fans strong{display:block!important;color:#f5f6f7!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sp-pd-fans small{display:block!important;margin-top:2px!important;color:#9ea2a9!important;font-size:9.5px!important}
.sp-pd-link-card{min-height:76px!important;padding:12px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;gap:10px!important;align-items:center!important;border:1px solid #36383a!important;border-radius:9px!important;background:#242526!important;color:#e4e6eb!important}.sp-pd-link-card>span{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#303e52!important;color:#62a5ff!important}.sp-pd-link-card>span .sp-icon{width:18px!important;height:18px!important}.sp-pd-link-card strong{display:block!important;color:#fff!important;font-size:12px!important}.sp-pd-link-card small{display:block!important;margin-top:3px!important;color:#aeb2b8!important;font-size:10px!important}.sp-pd-link-card>.sp-icon{width:14px!important;height:14px!important;color:#aeb2b8!important}
/* Keep legacy dashboard tools readable when leaving the rebuilt analytics pages. */
.sp-dv-shell-rebuilt .sp-dv-workspace>.sp-dv-card,.sp-dv-shell-rebuilt .sp-dv-workspace .sp-dv-card:not(.sp-pd-card){background:#242526!important;border-color:#3a3b3c!important;color:#e4e6eb!important}.sp-dv-shell-rebuilt .sp-dv-workspace h1,.sp-dv-shell-rebuilt .sp-dv-workspace h2,.sp-dv-shell-rebuilt .sp-dv-workspace h3,.sp-dv-shell-rebuilt .sp-dv-workspace strong{color:#f5f6f7}.sp-dv-shell-rebuilt .sp-dv-workspace p,.sp-dv-shell-rebuilt .sp-dv-workspace small,.sp-dv-shell-rebuilt .sp-dv-workspace label{color:#b0b3b8}.sp-dv-shell-rebuilt .sp-dv-workspace input,.sp-dv-shell-rebuilt .sp-dv-workspace textarea,.sp-dv-shell-rebuilt .sp-dv-workspace select{background:#3a3b3c!important;border-color:#4a4b4d!important;color:#e4e6eb!important}
@media(max-width:1100px){.sp-dv-shell.sp-dv-shell-rebuilt{grid-template-columns:250px minmax(0,1fr)!important}.sp-dv-shell-rebuilt .sp-dv-workspace{padding:18px!important}.sp-pd-metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sp-pd-grid.three,.sp-pd-grid.audience,.sp-pd-grid.demographics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sp-pd-fans{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.sp-dashboard-route .sp-topbar{position:sticky!important;top:0!important}.sp-dv-shell.sp-dv-shell-rebuilt{display:block!important;min-height:calc(100dvh - 60px)!important}.sp-dv-shell-rebuilt .sp-dv-sidebar{position:relative!important;top:auto!important;height:auto!important;max-height:none!important;padding:8px!important;border-right:0!important;border-bottom:1px solid #393a3b!important}.sp-dv-shell-rebuilt .sp-dv-sidebar-head{display:none!important}.sp-dv-shell-rebuilt .sp-dv-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:4px!important;padding-bottom:2px!important}.sp-dv-shell-rebuilt .sp-dv-nav>a,.sp-dv-shell-rebuilt .sp-dv-nav-group>button{min-width:max-content!important;min-height:40px!important;padding:0 10px!important}.sp-dv-shell-rebuilt .sp-dv-nav>a>.sp-icon,.sp-dv-shell-rebuilt .sp-dv-nav-group>button>.sp-icon:first-child{width:28px!important;height:28px!important;padding:6px!important}.sp-dv-shell-rebuilt .sp-dv-nav-group{display:contents!important}.sp-dv-shell-rebuilt .sp-dv-nav-group>div{display:none!important}.sp-dv-shell-rebuilt .sp-dv-workspace{padding:14px 10px 80px!important}.sp-pd-head{display:block!important}.sp-pd-date{margin-top:12px!important}.sp-pd-head h1{font-size:23px!important}.sp-pd-metrics.four,.sp-pd-metrics.three{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sp-pd-metric{min-height:105px!important;padding:12px!important}.sp-pd-metric>strong{font-size:20px!important}.sp-pd-grid.two,.sp-pd-grid.two.equal,.sp-pd-grid.three,.sp-pd-grid.audience,.sp-pd-grid.demographics{grid-template-columns:1fr!important}.sp-pd-card{padding:12px!important}.sp-pd-chart-card{overflow-x:auto!important}.sp-pd-chart{min-width:620px!important}.sp-pd-donut-row{min-height:180px!important;gap:18px!important}.sp-pd-fans{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sp-pd-post{min-width:132px!important}}
@media(max-width:430px){.sp-pd-metrics.four,.sp-pd-metrics.three{grid-template-columns:1fr!important}.sp-pd-metric{min-height:96px!important}.sp-pd-head p{font-size:12.5px!important}.sp-pd-donut-row{flex-direction:column!important}.sp-pd-fans{grid-template-columns:1fr!important}}

/* ==========================================================================
   V4.8.4 — Light-first dashboard + persisted Light/Dark appearance
   ========================================================================== */
body.sp-dashboard-route{
  --pd-bg:#f4f6f8;
  --pd-sidebar:#ffffff;
  --pd-card:#ffffff;
  --pd-card-soft:#f7f8fa;
  --pd-hover:#eef1f5;
  --pd-line:#dfe3e8;
  --pd-text:#1c1e21;
  --pd-muted:#667085;
  --pd-subtle:#98a2b3;
  --pd-blue:#0866ff;
  --pd-blue-soft:#e7f0ff;
  --pd-green:#1f9d55;
  --pd-red:#d92d20;
  --pd-chart-grid:#d9dee5;
  --pd-chart-secondary:#8b97a7;
  background:var(--pd-bg)!important;
  color:var(--pd-text)!important;
  color-scheme:light;
}
body.sp-dashboard-route.sp-theme-dark{
  --pd-bg:#18191a;
  --pd-sidebar:#242526;
  --pd-card:#242526;
  --pd-card-soft:#2d2f31;
  --pd-hover:#3a3b3c;
  --pd-line:#3e4042;
  --pd-text:#e4e6eb;
  --pd-muted:#b0b3b8;
  --pd-subtle:#8a8d91;
  --pd-blue:#2d88ff;
  --pd-blue-soft:#26384f;
  --pd-green:#45bd62;
  --pd-red:#ff6b81;
  --pd-chart-grid:#505254;
  --pd-chart-secondary:#d3d8df;
  color-scheme:dark;
}
body.sp-dashboard-route .sp-shell{background:var(--pd-bg)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-topbar{background:var(--pd-card)!important;border-bottom:1px solid var(--pd-line)!important;color:var(--pd-text)!important;box-shadow:0 1px 0 rgba(16,24,40,.04)!important}
body.sp-dashboard-route .sp-brand-text{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-search{background:var(--pd-card-soft)!important;border-color:var(--pd-line)!important}
body.sp-dashboard-route .sp-search input{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-search input::placeholder{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-nav-icons>a{background:var(--pd-card-soft)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-nav-icons>a.active{color:var(--pd-blue)!important;background:var(--pd-blue-soft)!important}
body.sp-dashboard-route .sp-dv-shell.sp-dv-shell-rebuilt{background:var(--pd-bg)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-sidebar{background:var(--pd-sidebar)!important;border-right-color:var(--pd-line)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-sidebar-head strong{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav>a,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>button,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>div>a{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav>a:hover,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>button:hover,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>div>a:hover{background:var(--pd-hover)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav>a.active,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>div>a.active{background:var(--pd-blue-soft)!important;color:var(--pd-blue)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav>a>.sp-icon,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>button>.sp-icon:first-child,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>div>a>.sp-icon{background:var(--pd-card-soft)!important;color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav>a.active>.sp-icon,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>div>a.active>.sp-icon{background:var(--pd-blue)!important;color:#fff!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-nav-group>button>.sp-icon:last-child{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace{background:var(--pd-bg)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-head>div>span{color:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-head h1{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-head p{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-date{border-color:var(--pd-line)!important;background:var(--pd-card)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-date .sp-icon{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-tabs{border-bottom-color:var(--pd-line)!important}
body.sp-dashboard-route .sp-pd-tabs button{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-tabs button.active{color:var(--pd-blue)!important;border-bottom-color:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-metric,
body.sp-dashboard-route .sp-pd-card{background:var(--pd-card)!important;border-color:var(--pd-line)!important;color:var(--pd-text)!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
body.sp-dashboard-route.sp-theme-dark .sp-pd-metric,
body.sp-dashboard-route.sp-theme-dark .sp-pd-card{box-shadow:none!important}
body.sp-dashboard-route .sp-pd-metric.active{border-color:var(--pd-blue)!important;box-shadow:inset 0 0 0 1px rgba(8,102,255,.18)!important}
body.sp-dashboard-route .sp-pd-metric-top{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-metric-top .ico{background:var(--pd-card-soft)!important;color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-metric>strong{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-metric>small{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd .up{color:var(--pd-green)!important}
body.sp-dashboard-route .sp-pd .down{color:var(--pd-red)!important}
body.sp-dashboard-route .sp-pd-card-head h2{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-card-head p,
body.sp-dashboard-route .sp-pd-key,
body.sp-dashboard-route .sp-pd-legend{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-card-head>a{color:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-key i,
body.sp-dashboard-route .sp-pd-legend i{background:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-legend i.light{background:var(--pd-chart-secondary)!important}
body.sp-dashboard-route .sp-pd-chart .grid{stroke:var(--pd-chart-grid)!important}
body.sp-dashboard-route .sp-pd-chart .axis{fill:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-chart .line.primary{stroke:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-chart .line.secondary{stroke:var(--pd-chart-secondary)!important}
body.sp-dashboard-route .sp-pd-bars>div>div:first-child,
body.sp-dashboard-route .sp-pd-bars b{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-bars .track{background:var(--pd-hover)!important}
body.sp-dashboard-route .sp-pd-bars .track i{background:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-donut{background:conic-gradient(var(--pd-blue) calc(var(--p)*1%),var(--pd-hover) 0)!important}
body.sp-dashboard-route .sp-pd-donut:after{background:var(--pd-card)!important}
body.sp-dashboard-route .sp-pd-donut strong{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-donut span,
body.sp-dashboard-route .sp-pd-split>div{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-split i{background:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-split i.light{background:var(--pd-chart-secondary)!important}
body.sp-dashboard-route .sp-pd-split strong{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-post{border-color:var(--pd-line)!important;background:var(--pd-card-soft)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-post .thumb{background-color:var(--pd-hover)!important;color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-post time,
body.sp-dashboard-route .sp-pd-post>small{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-post>strong{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-program .badge{background:var(--pd-blue-soft)!important;color:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-program strong,
body.sp-dashboard-route .sp-pd-program>b{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-program small,
body.sp-dashboard-route .sp-pd-muted-note,
body.sp-dashboard-route .sp-pd-empty{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-fans>div{border-color:var(--pd-line)!important;background:var(--pd-card-soft)!important}
body.sp-dashboard-route .sp-pd-fans .avatar{background:var(--pd-hover)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-fans strong{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-fans small{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-pd-link-card{border-color:var(--pd-line)!important;background:var(--pd-card)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-link-card>span{background:var(--pd-blue-soft)!important;color:var(--pd-blue)!important}
body.sp-dashboard-route .sp-pd-link-card strong{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-pd-link-card small,
body.sp-dashboard-route .sp-pd-link-card>.sp-icon{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace>.sp-dv-card,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace .sp-dv-card:not(.sp-pd-card){background:var(--pd-card)!important;border-color:var(--pd-line)!important;color:var(--pd-text)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace h1,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace h2,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace h3,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace strong{color:var(--pd-text)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace p,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace small,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace label{color:var(--pd-muted)!important}
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace input,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace textarea,
body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-workspace select{background:var(--pd-card-soft)!important;border-color:var(--pd-line)!important;color:var(--pd-text)!important}
@media(max-width:760px){body.sp-dashboard-route .sp-dv-shell-rebuilt .sp-dv-sidebar{border-bottom-color:var(--pd-line)!important}}


/* V4.9.2 — contacts/message action icon alignment + color repair */
.sp-contact{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.sp-contact>.sp-online-wrap{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
}
.sp-contact>span:nth-child(2){
  min-width:0!important;
  flex:1 1 auto!important;
}
.sp-contact-message-icon{
  position:relative!important;
  inset:auto!important;
  margin:0 0 0 auto!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  flex:0 0 28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  background:#0866ff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 1px 3px rgba(0,0,0,.18)!important;
  line-height:1!important;
  transform:none!important;
  overflow:hidden!important;
  vertical-align:middle!important;
}
.sp-contact-message-icon .sp-icon,
.sp-contact-message-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  stroke:currentColor!important;
  fill:none!important;
  transform:none!important;
}
.sp-contact-message-icon svg path,
.sp-contact-message-icon svg circle,
.sp-contact-message-icon svg polyline,
.sp-contact-message-icon svg line{
  stroke:currentColor!important;
}
.sp-contact:hover .sp-contact-message-icon{
  background:#075bd8!important;
  color:#fff!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact-message-icon,
body.sp-theme-dark .sp-contact-message-icon{
  background:#2d88ff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#242526!important;
  box-shadow:0 1px 4px rgba(0,0,0,.45)!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact:hover .sp-contact-message-icon,
body.sp-theme-dark .sp-contact:hover .sp-contact-message-icon{
  background:#4599ff!important;
}
@media(max-width:760px){
  .sp-contact-message-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex-basis:30px!important;
    opacity:1!important;
  }
  .sp-contact-message-icon .sp-icon,
  .sp-contact-message-icon svg{width:17px!important;height:17px!important}
}


/* V4.10.19 — normal post modal aligned to uploaded reference */
#sp-post-modal .sp-modal-card{width:min(500px,calc(100vw - 24px))!important;overflow:hidden!important;border-radius:18px!important}
#sp-post-modal .sp-modal-head{padding:0 58px!important;border-bottom:1px solid var(--sp-border)!important;background:var(--sp-card)!important}
#sp-post-modal .sp-modal-head h3{font-size:20px!important;font-weight:800!important;letter-spacing:-.02em}
#sp-post-modal .sp-modal-body{padding:12px 16px 14px!important}
#sp-post-modal .sp-modal-user{display:flex!important;align-items:flex-start!important;gap:12px!important;margin-bottom:10px!important}
#sp-post-modal .sp-modal-user .sp-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important}
#sp-post-modal .sp-modal-user-main{display:flex;flex-direction:column;gap:6px;min-width:0}
#sp-post-modal .sp-modal-user-name{display:block;font-size:15px;font-weight:800;line-height:1.15;color:var(--sp-text)}
#sp-post-modal .sp-modal-user-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#sp-post-modal .sp-privacy-label,#sp-post-modal .sp-post-topic-trigger{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:0;border-radius:8px;background:var(--sp-soft);color:var(--sp-text);font-size:13px;font-weight:700}
#sp-post-modal .sp-privacy-label .sp-meta-icon{width:14px;height:14px}
#sp-post-modal .sp-post-topic-trigger{cursor:pointer}
#sp-post-modal .sp-post-topic-trigger .sp-chip-chevron{width:14px;height:14px;opacity:.7;transform:rotate(90deg)}
#sp-post-modal .sp-post-title-input{display:block;margin:0 0 8px!important}
#sp-post-modal textarea[name="text"]{min-height:168px!important;padding:8px 2px 6px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;font-size:17px!important;line-height:1.45!important;resize:none;color:var(--sp-text)!important}
#sp-post-modal textarea[name="text"]::placeholder{color:var(--sp-text-soft)!important;opacity:1}
#sp-post-modal .sp-post-quick-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
#sp-post-modal .sp-post-bg-trigger,#sp-post-modal .sp-post-emoji-trigger{border:0;cursor:pointer}
#sp-post-modal .sp-post-bg-trigger{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#37b1ff,#60d36d 50%,#f7c24f,#ff77b7);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;box-shadow:0 6px 16px rgba(33,150,243,.22)}
#sp-post-modal .sp-post-emoji-trigger{width:32px;height:32px;border-radius:999px;background:transparent;color:var(--sp-text-soft);display:grid;place-items:center}
#sp-post-modal .sp-post-emoji-trigger .sp-icon{width:18px;height:18px}
#sp-post-modal .sp-upload-box{margin:2px 0 10px!important;padding:12px!important;border:1px solid var(--sp-border)!important;border-radius:12px!important;background:var(--sp-softest)!important}
#sp-post-modal .sp-dropzone{min-height:108px!important;border-radius:12px!important}
#sp-post-modal .sp-upload-preview{margin-top:12px!important}
#sp-post-modal .sp-post-addons{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-top:10px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-card)}
#sp-post-modal .sp-post-addons strong{font-size:13px;font-weight:800;color:var(--sp-text)}
#sp-post-modal .sp-post-addon-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}
#sp-post-modal .sp-post-addon-actions button{width:34px;height:34px;border:0;border-radius:999px;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--sp-text-soft);transition:background .18s ease,color .18s ease,transform .18s ease}
#sp-post-modal .sp-post-addon-actions button:hover{background:var(--sp-soft);transform:translateY(-1px)}
#sp-post-modal .sp-post-addon-actions button .sp-icon{width:18px;height:18px}
#sp-post-modal .sp-post-addon-actions .is-photo{color:#22a958}.sp-post-addon-actions .is-people{color:#2878ff}.sp-post-addon-actions .is-location{color:#ff5b39}.sp-post-addon-actions .is-feeling{color:#f2b31b}.sp-post-addon-actions .is-more{color:var(--sp-text-soft)}
#sp-post-modal .sp-status{margin:10px 0 8px!important}
#sp-post-modal .sp-submit{width:100%!important;height:40px!important;border-radius:10px!important;font-weight:800!important;font-size:16px!important;background:#dfe3e8!important;color:#8d949e!important;border:0!important;box-shadow:none!important}
#sp-post-modal .sp-submit.is-ready,#sp-post-modal .sp-submit:not(:disabled){background:var(--sp-primary)!important;color:#fff!important}
#sp-post-modal .sp-submit:disabled{cursor:not-allowed;opacity:1!important}
html.sp-theme-dark #sp-post-modal .sp-modal-card,body.sp-theme-dark #sp-post-modal .sp-modal-card{background:#1f2125!important;border:1px solid #2b3037!important}
html.sp-theme-dark #sp-post-modal .sp-modal-head,body.sp-theme-dark #sp-post-modal .sp-modal-head{background:#1f2125!important;border-bottom-color:#2e3238!important}
html.sp-theme-dark #sp-post-modal .sp-privacy-label,html.sp-theme-dark #sp-post-modal .sp-post-topic-trigger,body.sp-theme-dark #sp-post-modal .sp-privacy-label,body.sp-theme-dark #sp-post-modal .sp-post-topic-trigger{background:#2b2f36!important;color:#eef2f8!important}
html.sp-theme-dark #sp-post-modal .sp-upload-box,body.sp-theme-dark #sp-post-modal .sp-upload-box{background:#21252b!important;border-color:#323844!important}
html.sp-theme-dark #sp-post-modal .sp-post-addons,body.sp-theme-dark #sp-post-modal .sp-post-addons{background:#1f2125!important;border-color:#2f343d!important}
html.sp-theme-dark #sp-post-modal .sp-post-addon-actions button:hover,body.sp-theme-dark #sp-post-modal .sp-post-addon-actions button:hover{background:#2c3138!important}
html.sp-theme-dark #sp-post-modal .sp-submit,body.sp-theme-dark #sp-post-modal .sp-submit{background:#31353c!important;color:#8d95a3!important}
@media (max-width:640px){#sp-post-modal{padding:10px!important}#sp-post-modal .sp-modal-card{width:min(100vw - 16px,500px)!important}#sp-post-modal .sp-modal-head{padding:0 52px!important}#sp-post-modal .sp-post-addons{padding:11px 12px}#sp-post-modal textarea[name="text"]{min-height:150px!important;font-size:16px!important}}


/* V4.10.19 — contacts rail scrolling + uploaded icon styling */
.sp-right .sp-sticky{max-height:calc(100vh - 88px);overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(8,102,255,.35) transparent}
.admin-bar .sp-right .sp-sticky{max-height:calc(100vh - 120px)}
.sp-right .sp-sticky::-webkit-scrollbar{width:8px}.sp-right .sp-sticky::-webkit-scrollbar-track{background:transparent}.sp-right .sp-sticky::-webkit-scrollbar-thumb{background:rgba(8,102,255,.28);border-radius:999px}.sp-right .sp-sticky:hover::-webkit-scrollbar-thumb{background:rgba(8,102,255,.48)}
.sp-contacts-widget{display:flex;flex-direction:column;min-height:0}.sp-contacts-widget .sp-contact{flex:0 0 auto}.sp-contacts-widget .sp-widget-title{position:sticky;top:0;z-index:2;background:inherit;padding-top:2px}
#sp-post-modal .sp-post-emoji-trigger{color:#f4bf1a!important}#sp-post-modal .sp-post-emoji-trigger .sp-icon,#sp-post-modal .sp-post-emoji-trigger svg{width:20px!important;height:20px!important;display:block!important}#sp-post-modal .sp-post-emoji-trigger svg{overflow:visible}#sp-post-modal .sp-post-emoji-trigger svg circle:first-child{color:#f4d91f!important}
#sp-post-modal .sp-post-addon-actions .is-location{color:#ff003d!important}#sp-post-modal .sp-post-addon-actions .is-feeling{color:#f4bf1a!important}#sp-post-modal .sp-post-addon-actions .is-feeling svg,#sp-post-modal .sp-post-emoji-trigger svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}
html.sp-theme-dark #sp-post-modal .sp-post-emoji-trigger,body.sp-theme-dark #sp-post-modal .sp-post-emoji-trigger{color:#f4bf1a!important}
html.sp-theme-dark .sp-right .sp-sticky::-webkit-scrollbar-thumb,body.sp-theme-dark .sp-right .sp-sticky::-webkit-scrollbar-thumb{background:rgba(69,153,255,.42)}
html.sp-theme-dark .sp-right .sp-sticky,body.sp-theme-dark .sp-right .sp-sticky{scrollbar-color:rgba(69,153,255,.48) transparent}
@media (max-width:1100px){.sp-right .sp-sticky{max-height:none;overflow:visible;padding-right:0}}


/* V4.10.22 — picker-first Photo/Reel composer + reference media preview */
#sp-post-modal .sp-upload-box.has-selected-media{
  display:block!important;
  padding:0!important;
  margin:2px 0 12px!important;
  border:0!important;
  background:transparent!important;
}
#sp-post-modal .sp-upload-box.has-selected-media .sp-dropzone{display:none!important}
#sp-post-modal .sp-upload-box.has-selected-media .sp-upload-preview{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
}
#sp-post-modal .sp-upload-box.has-selected-media .sp-preview-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#sp-post-modal .sp-upload-box.has-selected-media .sp-preview-visual{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:420px!important;
  margin:0 auto!important;
  border-radius:2px!important;
  object-fit:contain!important;
  background:#111!important;
}
#sp-post-modal .sp-upload-box.has-selected-media video.sp-preview-visual{
  width:min(100%,420px)!important;
  aspect-ratio:auto!important;
}
#sp-post-modal .sp-upload-box.has-selected-media .sp-preview-meta{display:none!important}
#sp-post-modal .sp-upload-box.has-selected-media .sp-preview-remove{
  position:absolute!important;
  top:8px!important;right:8px!important;z-index:3!important;
  width:32px!important;height:32px!important;
  color:#111!important;background:rgba(255,255,255,.94)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.2)!important;
}
/* User-requested active state: disabled remains gray; content/media makes it pure white. */
#sp-post-modal .sp-submit.is-ready,#sp-post-modal .sp-submit:not(:disabled){
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #d7dce3!important;
  box-shadow:0 1px 2px rgba(15,23,42,.06)!important;
}
#sp-post-modal .sp-submit.is-ready:hover,#sp-post-modal .sp-submit:not(:disabled):hover{
  background:#ffffff!important;
  color:#05070a!important;
  border-color:#cbd2db!important;
}
html.sp-theme-dark #sp-post-modal .sp-submit.is-ready,html.sp-theme-dark #sp-post-modal .sp-submit:not(:disabled),body.sp-theme-dark #sp-post-modal .sp-submit.is-ready,body.sp-theme-dark #sp-post-modal .sp-submit:not(:disabled){
  background:#ffffff!important;color:#111827!important;border-color:#ffffff!important;
}
@media(max-width:640px){
  #sp-post-modal .sp-upload-box.has-selected-media .sp-preview-visual{max-height:52dvh!important}
}
\n\n/* V4.10.22 — final reference polish for normal Photo/Reel composer */\n#sp-post-modal textarea[name="text"],\n#sp-post-modal textarea[name="text"]:hover,\n#sp-post-modal textarea[name="text"]:focus,\n#sp-post-modal textarea[name="text"]:focus-visible{\n  border:0!important;\n  outline:0!important;\n  box-shadow:none!important;\n  background:transparent!important;\n}\n#sp-post-modal .sp-upload-box.has-selected-media{\n  border:0!important;\n  background:transparent!important;\n  padding:0!important;\n  margin:4px 0 14px!important;\n}\n#sp-post-modal .sp-upload-box.has-selected-media .sp-dropzone{display:none!important}\n#sp-post-modal .sp-upload-box.has-selected-media .sp-upload-preview{\n  display:flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  width:100%!important;\n  margin:0!important;\n}\n#sp-post-modal .sp-upload-box.has-selected-media .sp-preview-card{\n  width:100%!important;\n  display:flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  position:relative!important;\n  overflow:visible!important;\n  border:0!important;\n  background:transparent!important;\n  box-shadow:none!important;\n}\n#sp-post-modal .sp-upload-box.has-selected-media .sp-preview-visual{\n  display:block!important;\n  width:auto!important;\n  max-width:100%!important;\n  height:auto!important;\n  max-height:48dvh!important;\n  object-fit:contain!important;\n  border-radius:0!important;\n  background:#000!important;\n}\n#sp-post-modal .sp-upload-box.has-selected-media video.sp-preview-visual{\n  width:100%!important;\n}\n/* Reference state: media-only is publishable but stays neutral gray. */\n#sp-post-modal .sp-submit.is-ready:not(.has-text){\n  background:#dfe3e8!important;\n  color:#8d949e!important;\n  border:1px solid #dfe3e8!important;\n  box-shadow:none!important;\n  opacity:1!important;\n}\n/* As requested, typing any title/body text turns Post pure white. */\n#sp-post-modal .sp-submit.has-text{\n  background:#ffffff!important;\n  color:#111827!important;\n  border:1px solid #ffffff!important;\n  box-shadow:0 1px 2px rgba(15,23,42,.08)!important;\n  opacity:1!important;\n}\n#sp-post-modal .sp-submit.has-text:hover{\n  background:#ffffff!important;\n  color:#05070a!important;\n}\nhtml.sp-theme-dark #sp-post-modal .sp-submit.is-ready:not(.has-text),\nbody.sp-theme-dark #sp-post-modal .sp-submit.is-ready:not(.has-text){\n  background:#353a42!important;\n  color:#9aa2ae!important;\n  border-color:#353a42!important;\n}\nhtml.sp-theme-dark #sp-post-modal .sp-submit.has-text,\nbody.sp-theme-dark #sp-post-modal .sp-submit.has-text{\n  background:#ffffff!important;\n  color:#111827!important;\n  border-color:#ffffff!important;\n}\n@media(max-width:640px){\n  #sp-post-modal .sp-upload-box.has-selected-media .sp-preview-visual{max-height:44dvh!important}\n}\n

/* twittsocial.com V4.10.22 — Create Post modal internal scrolling repair */
#sp-post-modal{
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
#sp-post-modal .sp-modal-card{
  display:flex!important;
  flex-direction:column!important;
  width:min(500px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
#sp-post-modal .sp-modal-head{
  flex:0 0 58px!important;
  position:relative!important;
  z-index:3!important;
}
#sp-post-modal #sp-post-form{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#sp-post-modal .sp-modal-body{
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(99,115,139,.45) transparent!important;
}
#sp-post-modal .sp-modal-body::-webkit-scrollbar{width:8px!important}
#sp-post-modal .sp-modal-body::-webkit-scrollbar-track{background:transparent!important}
#sp-post-modal .sp-modal-body::-webkit-scrollbar-thumb{background:rgba(99,115,139,.35)!important;border-radius:999px!important}
#sp-post-modal .sp-modal-body:hover::-webkit-scrollbar-thumb{background:rgba(99,115,139,.55)!important}
#sp-post-modal .sp-upload-box.has-selected-media .sp-preview-visual{
  max-height:min(48dvh,520px)!important;
}
html.sp-theme-dark #sp-post-modal .sp-modal-body,
body.sp-theme-dark #sp-post-modal .sp-modal-body{
  scrollbar-color:rgba(174,181,191,.42) transparent!important;
}
html.sp-theme-dark #sp-post-modal .sp-modal-body::-webkit-scrollbar-thumb,
body.sp-theme-dark #sp-post-modal .sp-modal-body::-webkit-scrollbar-thumb{
  background:rgba(174,181,191,.35)!important;
}
@media(max-width:640px){
  #sp-post-modal{padding:8px!important}
  #sp-post-modal .sp-modal-card{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
  #sp-post-modal .sp-upload-box.has-selected-media .sp-preview-visual{max-height:46dvh!important}
  #sp-post-modal .sp-modal-body{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}
}


/* V4.10.28 — inline chat notification badges, no desktop popup launcher */
.sp-contact{position:relative!important}
.sp-contact-message-icon{
  position:relative!important;
  inset:auto!important;
  margin:0 0 0 auto!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#5b6577!important;
  -webkit-text-fill-color:#5b6577!important;
  border:1px solid #e6eaf0!important;
  box-shadow:0 1px 2px rgba(16,24,40,.06)!important;
  line-height:1!important;
  overflow:visible!important;
}
.sp-contact.has-contact-unread .sp-contact-message-icon{display:inline-flex!important}
.sp-contact-message-icon .sp-icon,
.sp-contact-message-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
}
.sp-contact-message-icon svg path,
.sp-contact-message-icon svg circle,
.sp-contact-message-icon svg polyline,
.sp-contact-message-icon svg line{stroke:currentColor!important}
.sp-contact-message-badge{
  position:absolute!important;
  top:-5px!important;
  right:-5px!important;
  min-width:15px!important;
  height:15px!important;
  padding:0 3px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#f02849!important;
  color:#fff!important;
  border:2px solid #fff!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact-message-icon,
body.sp-theme-dark .sp-contact-message-icon{
  background:#3a3b3c!important;
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
  border-color:#4a4d52!important;
  box-shadow:none!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact-message-badge,
body.sp-theme-dark .sp-contact-message-badge{border-color:#242526!important}
@media(max-width:760px){
  .sp-contact-message-icon{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}
}


/* V4.10.29 — quick chat popup permanently disabled */
.sp-quick-chat{display:none!important;visibility:hidden!important;pointer-events:none!important}


/* V4.10.30 — full Messenger split-screen, no popup/reload */
@media(min-width:761px){
  body.sp-messages-route .sp-messenger-shell{display:grid!important;grid-template-columns:340px minmax(0,1fr)!important}
  body.sp-messages-route .sp-messenger-sidebar{display:flex!important;flex-direction:column!important}
  body.sp-messages-route .sp-messenger-thread{display:block!important;min-width:0!important}
  body.sp-messages-route .sp-messages-page.has-active-chat .sp-messenger-sidebar{display:flex!important}
  body.sp-messages-route .sp-messages-page.has-active-chat .sp-messenger-thread{display:block!important}
}
.sp-conversation-row.is-selected{background:#e8f1ff!important}
.sp-conversation-row.is-selected .sp-conversation-copy strong{color:#172033!important}
.sp-theme-dark .sp-conversation-row.is-selected{background:#26384f!important}
.sp-theme-dark .sp-conversation-row.is-selected .sp-conversation-copy strong{color:#e4e6eb!important}
body.sp-messages-route .sp-messenger-thread{position:relative!important}
body.sp-messages-route .sp-chat-active{height:100%!important}
body.sp-messages-route .sp-chat-scroll{min-height:0!important}
.sp-quick-chat{display:none!important}


/* V4.10.43 — Contact page form */
.sp-contact-form-card{margin:20px 0 22px;padding:22px;border:1px solid #e2e6eb;border-radius:14px;background:#f8fafc}
.sp-contact-form-card h2{margin:0 0 5px}.sp-contact-form-card>p{margin:0 0 18px!important}
.sp-contact-form{display:grid;gap:14px}.sp-contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sp-contact-form label{display:grid;gap:6px;color:#344054;font-size:12px;font-weight:800}.sp-contact-form label.sp-contact-full{grid-column:1/-1}
.sp-contact-form input,.sp-contact-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#172033;padding:11px 12px;font:inherit;outline:none;box-shadow:none}
.sp-contact-form textarea{min-height:150px;resize:vertical}.sp-contact-form input:focus,.sp-contact-form textarea:focus{border-color:#0866ff;box-shadow:0 0 0 3px rgba(8,102,255,.10)}
.sp-contact-form button{justify-self:start;border:0;border-radius:10px;background:#0866ff;color:#fff;padding:11px 18px;font-weight:800;cursor:pointer}.sp-contact-form button:hover{background:#0758d8}
.sp-contact-form-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.sp-contact-alert{margin:0 0 18px;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:700}.sp-contact-alert.success{background:#e9f8ef;color:#087c3f}.sp-contact-alert.error{background:#fff0f0;color:#b42318}.sp-contact-alert.notice{background:#fff8e7;color:#7a5b17}
@media(max-width:700px){.sp-contact-form-card{padding:16px}.sp-contact-form-grid{grid-template-columns:1fr}.sp-contact-form label.sp-contact-full{grid-column:auto}}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact-form-card{background:#1f2022!important;border-color:#3e4042!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact-form label{color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact-form input,html.sp-theme-dark-root body.sp-theme-dark .sp-contact-form textarea{background:#242526!important;border-color:#4b4d50!important;color:#e4e6eb!important}