/* Operational panels are deliberately visually compatible with the Egoglo dashboard shell. */
.live-info{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#71859f;font-size:11px;margin-bottom:15px}
.live-info .secondary-button{white-space:nowrap}
.live-empty{padding:34px 16px;color:#8296ac;font-size:12px;text-align:center;line-height:1.65}
.live-card{margin-bottom:14px;overflow:hidden}
.live-card .panel-heading{padding:17px 19px 14px}
.live-body{padding:18px 19px}
.live-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-radius:15px;background:linear-gradient(105deg,#0e3571,#2662ba);color:#fff;margin-bottom:14px;box-shadow:0 10px 25px rgba(28,65,110,.07)}
.live-cta strong{display:block;font-size:16px}
.live-cta p{margin:7px 0 0;color:#cfdef7;font-size:11px}
.live-cta .primary-button{background:#fff;color:#2058b5;white-space:nowrap}
.live-cta button:disabled{opacity:.55;cursor:not-allowed}
.live-table{width:100%;border-collapse:collapse}
.live-table th{font-size:10px;background:#f7f9fc;color:#6e809b;padding:13px 15px;font-weight:750;text-align:left;white-space:nowrap}
.live-table td{font-size:11px;padding:14px 15px;border-bottom:1px solid #eef2f7;vertical-align:middle;color:#324660;max-width:260px}
.live-table td strong{display:block;color:#1c3553;font-size:11px;line-height:1.5}
.live-table td small{display:block;color:#8999ad;font-size:9px;margin-top:4px;overflow-wrap:anywhere}
.live-table tbody tr:last-child td{border-bottom:0}
.live-table td.live-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:270px}
.live-table-scroller{overflow-x:auto}
.live-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.live-badge{display:inline-flex;padding:5px 9px;border-radius:8px;font-size:9px;font-weight:850;background:#eff3f8;color:#647891;white-space:nowrap}
.live-status-connected,.live-status-published{background:#e8f9f0;color:#13835a}
.live-status-queued,.live-status-processing,.live-status-uploading{background:#edf4ff;color:#245fca}
.live-status-revoked,.live-status-unknown,.live-status-failed{background:#fff0e9;color:#bb6b24}
.live-status-draft,.live-status-cancelled{background:#f2f4f8;color:#778aa3}
.live-status-preparing{background:#fff7e3;color:#a77f2d}
.tiny{border:1px solid #d7e5f7;border-radius:8px;background:#2b63d5;color:#fff;padding:7px 10px;text-decoration:none;font-size:10px;font-weight:750;cursor:pointer;white-space:nowrap}
.tiny.outline{color:#2b5db5;background:#f7faff}
.tiny:disabled{opacity:.45;cursor:not-allowed}
.tiny:hover:not(:disabled){filter:brightness(.96)}
.live-dialog{width:min(680px,calc(100vw - 26px));max-height:calc(100vh - 35px);overflow-y:auto;border:1px solid #dce6f5;border-radius:18px;background:#fff;color:#23364f;padding:25px;box-shadow:0 20px 65px rgba(11,33,67,.23)}
.live-dialog::backdrop{background:rgba(13,35,68,.55)}
.live-dialog h3{font-size:18px;margin:0 0 18px}
.live-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.live-form label,.live-dialog label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#506580;font-weight:800;letter-spacing:.01em}
.live-form input,.live-form select,.live-form textarea,.live-dialog input,.live-dialog select,.live-flex select,.live-comment-reply input{width:100%;max-width:100%;border:1px solid #dce5f2;border-radius:10px;min-height:39px;background:#fbfcff;color:#233e62;padding:10px 11px;font-size:11px;outline-offset:1px;font-weight:500}
.live-form textarea{resize:vertical;margin-top:9px}
.live-form textarea:focus,.live-form input:focus,.live-form select:focus,.live-dialog input:focus,.live-dialog select:focus{border-color:#70a0f1;outline:3px solid rgba(47,103,204,.1)}
.live-dialog .live-toggle{display:flex;align-items:center;flex-direction:row;margin:17px 0;font-size:11px}
.live-dialog .live-toggle input{width:16px;height:16px;min-height:16px}
.live-dialog .live-actions{margin-top:13px}
.live-form>.live-actions{margin-top:13px}
.live-form>label{margin-top:15px}
.live-form>.primary-button{margin-top:15px}
.live-source-form{margin-bottom:15px}
.live-source-list{display:grid;gap:9px}
.live-source-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;border:1px solid #e4ebf5}
.live-source-list strong{display:block;font-size:11px;color:#253e5c}
.live-source-list small{display:block;color:#8b9db2;font-size:9px;margin-top:5px;overflow-wrap:anywhere}
.live-source-list .tiny{flex:none}
.live-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px}
.live-status-card{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:79px;padding:15px;border:1px solid #e2eaf4;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(27,57,100,.04)}
.live-status-card strong{flex:1;font-size:11px;color:#324966;line-height:1.5}
.live-status-card small{font-size:9px;color:#95a4b5}
.live-indicator{display:inline-flex;width:8px;height:8px;flex:none;border-radius:50%}
.live-indicator.good{background:#2aba85;box-shadow:0 0 0 4px rgba(42,186,133,.09)}
.live-indicator.bad{background:#d4a142;box-shadow:0 0 0 4px rgba(212,161,66,.09)}
.live-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.live-metrics .live-status-card{display:flex;flex-direction:column;align-items:start;gap:11px}
.live-metrics .live-status-card strong{font-size:24px;font-weight:850;color:#123861;letter-spacing:-.04em}
.live-metrics .live-status-card small{font-size:10px;font-weight:700;color:#74869f}
.live-error{border:1px solid #fad8d8;border-radius:10px;background:#fff4f3;color:#a44338;padding:17px;margin-bottom:14px;font-size:12px}
.caution{color:#b16928!important}
.live-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 10px 12px}
.live-calendar-day{min-height:95px;border-right:1px solid #eef2f7;border-bottom:1px solid #eef2f7;padding:10px;display:flex;flex-direction:column;gap:5px}
.live-calendar-day:nth-child(7n){border-right:0}
.live-calendar-day strong{color:#4d637e;font-size:11px}
.live-calendar-day>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:4px 5px;background:#eef4ff;color:#2862bb;font-size:9px}
.live-calendar-day>small{font-size:9px;color:#6b809b}
.live-flex{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.live-flex select{flex:1;min-width:220px}
.live-comments{display:grid;gap:10px}
.live-comment{border:1px solid #e1eaf5;border-radius:11px;padding:14px;background:#fafcff}
.live-comment>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.live-comment strong{font-size:11px;color:#254366}
.live-comment small{font-size:9px;color:#96a7bc}
.live-comment p{color:#4a617e;font-size:11px;line-height:1.7;margin:9px 0 12px}
.live-comment-reply{display:flex;gap:8px}
.live-comment-reply input{flex:1}
.help-text{color:#8596ac;font-size:10px;line-height:1.7;margin-top:11px}
@media(max-width:1250px){.live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:770px){.live-field-grid{grid-template-columns:1fr}.live-status-grid{grid-template-columns:1fr}.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.live-table{min-width:650px}.live-calendar-day{min-height:55px;padding:5px}.live-calendar-day>span{font-size:8px}.live-cta{align-items:start;flex-direction:column}.live-form .live-actions{flex-wrap:wrap}}
@media(max-width:420px){.live-metrics{grid-template-columns:1fr 1fr}.live-info{align-items:start;flex-direction:column}}

/* One-time AdsPower VIA connection: shown in Page Registry, never in future AdsPower Publishing tab. */
.live-invite-form{padding-bottom:14px}
.live-invite-form .primary-button{margin-top:10px}
.live-invite-form .primary-button:disabled{opacity:.45;cursor:not-allowed}
.live-link-result{border:1px solid #badbd0;background:#f2fbf7;border-radius:13px;padding:16px;margin:8px 0 24px;color:#235942;word-break:break-word}
.live-link-result>strong{display:block;font-size:12px;margin-bottom:10px}
.live-link-result input{flex:1;min-width:0;font-size:11px;font-weight:650;color:#20513c;padding:11px 12px;border-radius:9px;border:1px solid #c6e5d7;background:#fff}
.live-link-result .secondary-button{flex:none}
.live-link-result small{display:block;font-size:10px;color:#4f886d}
.live-invite-heading{font-size:12px;color:#314b67;font-weight:800;margin:24px 0 12px;border-top:1px solid #eaf0f8;padding-top:19px}
@media(max-width:640px){.live-link-result .live-flex{flex-direction:column;align-items:stretch}.live-link-result .secondary-button{justify-content:center}}

/* Owner-only Meta Developer App configuration — no secrets displayed after save */
.live-meta-settings-link{display:inline-flex;margin:0 0 14px;align-items:center;gap:7px}
.live-meta-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0 22px}
.live-meta-summary>div{border:1px solid #e0e9f6;border-radius:11px;padding:13px 14px;background:#f8fbff;min-width:0}
.live-meta-summary small{display:block;font-size:10px;color:#8296b0;line-height:1.5}
.live-meta-summary strong{display:block;margin-top:7px;font-size:11px;color:#2f4c71;line-height:1.4}
#live-meta-config-form .primary-button{margin-top:4px}
#live-meta-config-form input[type=password]{letter-spacing:.05em}
@media(max-width:790px){.live-meta-summary{grid-template-columns:1fr}}

/* VIA-first Facebook Connection Center */
.via-center{border-color:#cbdcf6}
.via-center .panel-heading{background:linear-gradient(98deg,#f3f7ff,#ffffff)}
.via-center .live-body>.help-text{max-width:940px;margin:3px 0 17px}
.via-center #live-via-connect{padding:12px 0 16px}
.via-center .live-invite-heading{margin-top:18px}
.via-import-form{border:1px solid #dce6f5;border-radius:12px;overflow:hidden;margin:10px 0 15px;background:#fafcff}
.via-scan-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px;border-bottom:1px solid #e4edf8;background:#f2f7ff}
.via-scan-head strong{font-size:12px;color:#1e3c65;display:block}
.via-scan-head small{font-size:10px;color:#6982a2;display:block;margin-top:5px}
.via-candidate{padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ecf1f8;cursor:pointer}
.via-candidate input{width:17px;height:17px;min-width:17px;accent-color:#2760d2}
.via-candidate-name{flex:1;min-width:0}
.via-candidate-name strong{display:block;color:#2d496b;font-size:11px;font-weight:750}
.via-candidate-name small{display:block;font-size:9px;color:#8398b3;margin-top:3px}
.via-import-form .live-actions{padding:12px 14px}
.via-invite-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 13px;border:1px solid #e4ecf5;border-radius:9px;margin-top:7px;font-size:10px;color:#55728f}
.via-invite-row span{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){.via-scan-head{align-items:flex-start;flex-direction:column}.via-candidate{align-items:flex-start}.via-candidate .live-badge{font-size:8px}.via-import-form .live-actions{flex-direction:column;align-items:stretch}}

/* Connection Center bootstrap: no old placeholder flash while authenticated API loads */
.live-loading-panel{padding:23px 24px;min-height:240px;display:flex;flex-direction:column;gap:27px}
.live-loading-title{display:flex;align-items:center;gap:12px;color:#4a6486;font-size:12px;font-weight:700}
.live-loading-spinner{width:19px;height:19px;flex:0 0 19px;border:2px solid #dbe6f9;border-top-color:#2b64d5;border-radius:50%;animation:live-loading-spin .8s linear infinite}
.live-loading-bars{display:grid;gap:16px}
.live-loading-bars span{height:20px;border-radius:8px;background:linear-gradient(90deg,#f0f4fa 0%,#e7eef8 50%,#f0f4fa 100%);background-size:200% 100%;animation:live-loading-shimmer 1.6s ease-in-out infinite}
.live-loading-bars span:nth-child(1){width:63%}
.live-loading-bars span:nth-child(2){width:91%}
.live-loading-bars span:nth-child(3){width:78%}
.live-load-error{padding:23px 24px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.live-load-error strong{color:#ad4d36;font-size:12px;line-height:1.6;max-width:750px}
@keyframes live-loading-spin{to{transform:rotate(360deg)}}
@keyframes live-loading-shimmer{to{background-position-x:-200%}}
@media(prefers-reduced-motion:reduce){.live-loading-spinner,.live-loading-bars span{animation:none}}

/* One-time Owner activation: no Supabase service-role secret in Vercel */
.live-edge-activate{margin:16px 0;padding:17px;border:1px solid #cbdcf6;background:#f6faff;border-radius:12px}
.live-edge-activate>.help-text{margin-top:0;margin-bottom:13px;color:#496684}
.live-edge-status{color:#168258!important;font-weight:800;background:#eaf8ef;border-radius:9px;padding:11px 13px}

/* API Publishing/Sheets remain disabled until an audited Edge worker is available */
.live-feature-paused{border:1px solid #f2dfb1;background:#fffaf0;color:#8e6726;
border-radius:10px;padding:15px 17px;font-size:11px;line-height:1.75}

/* Live Meta follower counts and publishing analytics */
.live-analytics-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.live-analytics-stats>div{padding:13px;border:1px solid #dce6f5;background:#f8fbff;border-radius:10px}
.live-analytics-stats small{display:block;color:#758cae;font-size:10px}
.live-analytics-stats strong{display:block;color:#234b80;font-size:19px;margin-top:7px}
@media(max-width:720px){.live-analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}