/* LensPost v5.2 Social Hub */
.social-hub-head{align-items:flex-start}.social-live{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #cfeadf;border-radius:10px;background:#effaf5;color:#16865e;font-size:11px;font-weight:800}.social-live i{width:7px;height:7px;border-radius:50%;background:#15af77;box-shadow:0 0 0 4px rgba(21,175,119,.12)}
.social-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:18px 0}.social-metrics article{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--v5-line);border-radius:14px;background:#fff;box-shadow:var(--v5-shadow)}.social-metrics i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;font-style:normal;font-size:18px}.social-metrics span{display:grid;gap:2px;min-width:0;flex:1;font-size:11px;font-weight:800}.social-metrics small{color:var(--v5-muted);font-size:9px;font-weight:500}.social-metrics strong{font-size:22px}.sm-purple{background:#f0edff;color:#6750e8}.sm-blue{background:#e8f7ff;color:#1599d5}.sm-green{background:#eafaf3;color:#10996b}.sm-amber{background:#fff5df;color:#d88c08}.sm-red{background:#ffedf1;color:#cf3d60}
.social-flow-card{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 18px;padding:17px;border:1px solid #dddff0;border-radius:16px;background:linear-gradient(115deg,#fafaff,#f6fbff);box-shadow:var(--v5-shadow)}.social-flow-card>b{color:#a6aec0;font-size:22px}.social-flow-step{display:flex;align-items:center;gap:9px}.social-flow-step>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:20px;font-weight:900}.facebook-node{background:#1877f2}.engine-node{background:linear-gradient(135deg,#6c54ee,#8a71ff)}.social-flow-step>div{display:grid}.social-flow-step small{color:var(--v5-muted);font-size:9px}.social-flow-destinations{display:flex;gap:7px;flex-wrap:wrap}.social-flow-destinations span{padding:8px 10px;border-radius:9px;font-size:10px;font-weight:800}.telegram-node{background:#e8f7ff;color:#168fc7}.instagram-node{background:#fff0f6;color:#c73675}.future-node{background:#f1f3f6;color:#778296}
.social-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:18px;margin:18px 0}.social-card{margin:0}.social-connection-form,.social-rule-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.social-connection-form .wide,.social-rule-form .wide{grid-column:1/-1}.social-connection-list{display:grid;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid var(--v5-line)}.social-connection-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--v5-line);border-radius:12px;background:#fafbfc}.platform-badge,.platform-dot{display:grid;place-items:center;border-radius:11px;font-weight:900}.platform-badge{width:42px;height:42px;font-size:19px}.platform-badge.facebook{background:#eaf2ff;color:#1877f2}.platform-badge.instagram{background:#fff0f6;color:#c73675}.social-connection-item>div:nth-child(2){display:grid;gap:2px}.social-connection-item small,.social-connection-item em{color:var(--v5-muted);font-size:9px;font-style:normal}.connection-error,.delivery-error{margin:4px 0 0;color:#c33b5c;font-size:9px}.social-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.webhook-card{height:max-content;position:sticky;top:86px}.copy-code{margin-top:6px;padding:10px;border:1px solid #dde2eb;border-radius:9px;background:#f7f9fc;font:10px ui-monospace,Consolas,monospace;word-break:break-all}.webhook-status{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:12px;border-radius:11px}.webhook-status i{width:9px;height:9px;margin-top:4px;border-radius:50%}.webhook-status span{display:grid}.webhook-status small{font-size:9px}.webhook-status.ready{background:#ecfaf4;color:#147b59}.webhook-status.ready i{background:#14ad79}.webhook-status.warn{background:#fff7e5;color:#865f18}.webhook-status.warn i{background:#e3a01d}.security-note{padding:13px;border:1px solid var(--v5-line);border-radius:11px;background:#f9fafc}.security-note p{margin:4px 0 0;color:var(--v5-muted);font-size:10px;line-height:1.7}.social-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.social-capabilities span{padding:8px;border-radius:8px;background:#f0edff;color:#6653cf;font-size:9px;font-weight:800}
.social-rule-form fieldset{margin:0;padding:12px;border:1px solid var(--v5-line);border-radius:11px;background:#fafbfc}.social-rule-form legend{padding:0 7px;color:#57657a;font-size:10px;font-weight:800}.type-checks{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.type-checks label{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:9px;border:1px solid var(--v5-line);border-radius:9px;background:#fff}.type-checks input,.destination-grid input{width:17px;height:17px;accent-color:var(--v5-purple)}.destinations-box{background:#f8f9fd!important}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.destination-grid label{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid var(--v5-line);border-radius:10px;background:#fff}.destination-grid label span{display:grid}.destination-grid small{color:var(--v5-muted);font-size:9px}.rule-list{display:grid;gap:7px;margin-top:15px;padding-top:14px;border-top:1px solid var(--v5-line)}.rule-list article{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--v5-line);border-radius:10px}.rule-list article>div{display:grid;min-width:0;flex:1}.rule-list small{color:var(--v5-muted);font-size:9px}.rule-status{width:8px;height:8px;border-radius:50%}.rule-status.on{background:#14ad79}.rule-status.off{background:#aab2c0}
.social-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.social-post-list,.delivery-list{display:grid;gap:7px}.social-post-list article,.delivery-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--v5-line);border-radius:10px;background:#fbfcfd}.content-type,.platform-dot{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eef0f6;color:#68758b;font-style:normal}.content-type.video{background:#fff0f1;color:#d84e5e}.content-type.photo,.content-type.carousel{background:#eef8ff;color:#268fca}.content-type.link{background:#f0edff;color:#6955df}.social-post-list article>div,.delivery-list article>div:nth-child(2){display:grid;min-width:0}.social-post-list strong,.delivery-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.social-post-list small,.social-post-list em,.delivery-list small{color:var(--v5-muted);font-size:9px;font-style:normal}.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:99px;background:#eef1f5;color:#667286;font-size:8px;font-weight:900;text-transform:uppercase}.status-sent,.status-published{background:#e8f8f1;color:#0c8b60}.status-failed{background:#ffedf1;color:#c73559}.status-review{background:#fff5de;color:#a56b06}.status-processing,.status-publishing,.status-queued{background:#edf4ff;color:#3175c9}.status-partial{background:#fff0e8;color:#bd632c}.status-ignored,.status-cancelled{background:#f0f1f4;color:#7e8795}.open-source{text-decoration:none;color:#718097}.platform-dot.telegram{background:#e8f7ff;color:#168fc7}.platform-dot.instagram{background:#fff0f6;color:#c73675}.delivery-actions{display:flex!important;align-items:center;gap:5px}.social-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.social-roadmap>div{display:grid;gap:4px;padding:17px;border:1px solid var(--v5-line);border-radius:13px;background:#fff}.social-roadmap span{color:var(--v5-purple);font-size:9px;font-weight:900}.social-roadmap small{color:var(--v5-muted);font-size:10px}
.v5-btn.tiny{min-height:30px;padding:5px 9px;font-size:9px}.v5-btn.danger{border-color:#f2c7d1;background:#fff0f3;color:#c13959}.v5-btn.secondary{background:#f0edff;color:#6752d8}.v5-btn.wide{grid-column:1/-1}.social-rule-form textarea{resize:vertical}
@media(max-width:1200px){.social-metrics{grid-template-columns:repeat(3,1fr)}.social-layout,.social-data-grid{grid-template-columns:1fr}.webhook-card{position:static}.destination-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.social-metrics{grid-template-columns:1fr 1fr}.social-flow-card{align-items:stretch;flex-direction:column}.social-flow-card>b{transform:rotate(90deg);align-self:center}.social-connection-form,.social-rule-form{grid-template-columns:1fr}.type-checks,.destination-grid{grid-template-columns:1fr 1fr}.social-connection-item{grid-template-columns:40px 1fr}.social-row-actions{grid-column:1/-1}.social-post-list article,.delivery-list article{grid-template-columns:36px minmax(0,1fr) auto}.open-source{display:none}.delivery-actions{grid-column:2/-1;justify-content:flex-start}.social-roadmap{grid-template-columns:1fr}}
@media(max-width:480px){.social-metrics,.type-checks,.destination-grid,.social-capabilities{grid-template-columns:1fr}.social-flow-destinations{display:grid}.social-post-list article{grid-template-columns:34px 1fr}.social-post-list .status-chip{grid-column:2}.social-hub-head .v5-header-actions{width:100%}}
/* v5.2.2 Meta connection guide */
.meta-connect-guide{margin:0 0 18px;border:1px solid #dfe3f2;border-radius:16px;background:#fff;box-shadow:var(--v5-shadow);overflow:hidden}.meta-connect-guide>summary{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;background:linear-gradient(110deg,#fbfbff,#f6fbff)}.meta-connect-guide>summary::-webkit-details-marker{display:none}.meta-guide-summary-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#1877f2,#8a4fe6);color:#fff;font-weight:900}.meta-connect-guide>summary>div:nth-child(2){display:grid;gap:2px}.meta-connect-guide>summary span{color:#6752d8;font-size:9px;font-weight:900;text-transform:uppercase}.meta-connect-guide>summary strong{font-size:14px}.meta-connect-guide>summary small{color:var(--v5-muted);font-size:9px}.meta-guide-summary-actions{display:flex!important;align-items:center;gap:6px}.meta-guide-summary-actions b{padding:6px 8px;border-radius:8px;background:#f0edff;color:#6752d8;font-size:9px}.meta-guide-summary-actions i{font-style:normal;color:#8b95a7;font-size:17px;transition:.2s}.meta-connect-guide[open] .meta-guide-summary-actions i{transform:rotate(180deg)}
.meta-guide-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;padding:18px;border-top:1px solid #e7e9f1}.meta-guide-content{min-width:0}.meta-guide-notice{padding:13px 14px;border:1px solid #d7e7fb;border-radius:12px;background:#f5faff}.meta-guide-notice strong{color:#236cae;font-size:11px}.meta-guide-notice p{margin:4px 0 0;color:#53667a;font-size:10px;line-height:1.8}.meta-steps{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:9px}.meta-steps>li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px;border:1px solid var(--v5-line);border-radius:12px;background:#fcfcfd}.meta-steps>li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eef3ff;color:#426cd1;font-size:9px;font-weight:900}.meta-steps>li>div{display:grid;gap:5px}.meta-steps strong{font-size:11px}.meta-steps p{margin:0;color:#66758a;font-size:10px;line-height:1.75}.meta-steps a,.meta-official-links a{width:max-content;color:#4f5bd5;text-decoration:none;font-size:9px;font-weight:800}.permission-chips{display:flex;gap:5px;flex-wrap:wrap}.permission-chips code{padding:5px 7px;border-radius:7px;background:#f0edff;color:#5f4dc8;font-size:8px}.meta-steps small{color:#8a95a6;font-size:8.5px}.meta-api-request{padding:10px;border:1px dashed #c8d4e4;border-radius:9px;background:#f7f9fc;color:#35465b;font:9px ui-monospace,Consolas,monospace;word-break:break-all}.field-map{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:3px}.field-map span{display:grid;gap:2px;padding:8px;border-radius:8px;background:#f8f9fc}.field-map b{font-size:8.5px}.field-map em{color:#7a8799;font-size:8px;font-style:normal}.meta-guide-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.meta-guide-checks>div{display:grid;gap:3px;padding:10px;border:1px solid #f0dec2;border-radius:10px;background:#fffaf1}.meta-guide-checks strong{color:#855c14;font-size:9px}.meta-guide-checks small{color:#7e7362;font-size:8.5px;line-height:1.6}.meta-official-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.meta-official-links a{padding:8px 10px;border:1px solid #dfe3f2;border-radius:8px;background:#fff}
.meta-guide-video{align-self:start;display:grid;gap:11px;padding:14px;border:1px solid var(--v5-line);border-radius:13px;background:#fafbfc;position:sticky;top:86px}.meta-video-head{display:grid;gap:3px}.meta-video-head span{color:#c43f79;font-size:9px;font-weight:900}.meta-video-head strong{font-size:11px;line-height:1.5}.meta-video-head small{color:var(--v5-muted);font-size:8.5px;line-height:1.6}.meta-video-frame{position:relative;width:100%;padding-top:56.25%;border-radius:11px;overflow:hidden;background:#0d1320}.meta-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.meta-video-fallback{padding:28px 12px;border-radius:10px;background:#f1f3f6;color:#7e8795;text-align:center;font-size:9px}.meta-video-open{width:100%;justify-content:center;text-decoration:none}.meta-admin-status{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--v5-line)}.meta-admin-status>strong{font-size:9px}.meta-admin-status>span{padding:6px 8px;border-radius:7px;font-size:8.5px;font-weight:800}.meta-admin-status .ok{background:#eaf9f2;color:#11815b}.meta-admin-status .bad{background:#fff1e8;color:#b4672a}.meta-admin-status small{color:#7e8795;font-size:8px;line-height:1.6}
@media(max-width:1050px){.meta-guide-body{grid-template-columns:1fr}.meta-guide-video{position:static}.meta-guide-checks{grid-template-columns:1fr}.field-map{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.meta-connect-guide>summary{grid-template-columns:42px 1fr}.meta-guide-summary-actions{grid-column:1/-1;justify-content:flex-start}.meta-guide-body{padding:12px}.meta-steps>li{grid-template-columns:32px 1fr;padding:10px}.meta-steps>li>span{width:30px;height:30px}.field-map{grid-template-columns:1fr}}